@import url(https://fonts.googleapis.com/icon?family=Material+Icons+Round);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-modal-in{animation:modal-in .2s ease-out forwards}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }



/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-bottom-10{bottom:-2.5rem}.-bottom-\[21px\]{bottom:-21px}.-left-12{left:-3rem}.-top-8{top:-2rem}.bottom-10{bottom:2.5rem}.bottom-3{bottom:.75rem}.left-0{left:0}.left-1\/2{left:50%}.left-10{left:2.5rem}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-10{right:2.5rem}.right-4{right:1rem}.top-0{top:0}.top-10{top:2.5rem}.top-2\.5{top:.625rem}.top-4{top:1rem}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[9999\]{z-index:9999}.order-1{order:1}.order-2{order:2}.\!my-4{margin-bottom:1rem!important;margin-top:1rem!important}.mx-auto{margin-left:auto;margin-right:auto}.\!mb-1{margin-bottom:.25rem!important}.\!mb-4{margin-bottom:1rem!important}.\!mt-6{margin-top:1.5rem!important}.-mr-4{margin-right:-1rem}.-mt-4{margin-top:-1rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-64{margin-left:16rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.\!h-auto{height:auto!important}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-36{height:9rem}.h-4{height:1rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[320px\]{height:320px}.h-full{height:100%}.max-h-80{max-height:20rem}.max-h-\[90vh\]{max-height:90vh}.min-h-\[calc\(40vh-4rem\)\]{min-height:calc(40vh - 4rem)}.min-h-screen{min-height:100vh}.\!w-full{width:100%!important}.w-0{width:0}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-full{width:100%}.min-w-\[250px\]{min-width:250px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x:0.25rem}.translate-x-6{--tw-translate-x:1.5rem}.-rotate-6,.translate-x-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-6{--tw-rotate:-6deg}.rotate-12{--tw-rotate:12deg}.rotate-12,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.\!cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer}.\!select-none{-webkit-user-select:none!important;user-select:none!important}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#f1f5f9;border-color:rgb(241 245 249/var(--tw-divide-opacity,1))}.divide-slate-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.\!rounded-lg{border-radius:.5rem!important}.rounded{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-bl-full{border-bottom-left-radius:9999px}.\!border{border-width:1px!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.\!border-gray-200{--tw-border-opacity:1!important;border-color:#e5e7eb!important;border-color:rgb(229 231 235/var(--tw-border-opacity,1))!important}.\!border-gray-300{--tw-border-opacity:1!important;border-color:#d1d5db!important;border-color:rgb(209 213 219/var(--tw-border-opacity,1))!important}.\!border-transparent{border-color:#0000!important}.border-blue-100{--tw-border-opacity:1;border-color:#dbeafe;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-green-100{--tw-border-opacity:1;border-color:#dcfce7;border-color:rgb(220 252 231/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-orange-100{--tw-border-opacity:1;border-color:#ffedd5;border-color:rgb(255 237 213/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:#38bdf8;border-color:rgb(56 189 248/var(--tw-border-opacity,1))}.border-purple-100{--tw-border-opacity:1;border-color:#f3e8ff;border-color:rgb(243 232 255/var(--tw-border-opacity,1))}.border-purple-500{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:#f1f5f9;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:#cbd5e1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.\!bg-gray-50{--tw-bg-opacity:1!important;background-color:#f9fafb!important;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))!important}.\!bg-primary{background-color:#38bdf8!important;background-color:rgb(56 189 248/var(--tw-bg-opacity,1))!important}.\!bg-primary,.\!bg-white{--tw-bg-opacity:1!important}.\!bg-white{background-color:#fff!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-\[\#17a2b8\]{--tw-bg-opacity:1;background-color:#17a2b8;background-color:rgb(23 162 184/var(--tw-bg-opacity,1))}.bg-\[\#28a745\]{--tw-bg-opacity:1;background-color:#28a745;background-color:rgb(40 167 69/var(--tw-bg-opacity,1))}.bg-background-light{--tw-bg-opacity:1;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/85{background-color:#000000d9}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-300{--tw-bg-opacity:1;background-color:#93c5fd;background-color:rgb(147 197 253/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/5{background-color:#22c55e0d}.bg-indigo-100{--tw-bg-opacity:1;background-color:#e0e7ff;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:#fff7ed;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500\/10{background-color:#f973161a}.bg-orange-500\/5{background-color:#f973160d}.bg-pink-100{--tw-bg-opacity:1;background-color:#fce7f3;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:#38bdf8;background-color:rgb(56 189 248/var(--tw-bg-opacity,1))}.bg-primary\/10{background-color:#38bdf81a}.bg-primary\/5{background-color:#38bdf80d}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-300{--tw-bg-opacity:1;background-color:#d8b4fe;background-color:rgb(216 180 254/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:#e2e8f0;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:#cbd5e1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-50\/30{background-color:#f8fafc4d}.bg-slate-50\/80{background-color:#f8fafccc}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-white\/90{background-color:#ffffffe6}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-black\/50{--tw-gradient-from:#00000080 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-100{--tw-gradient-from:#f3e8ff var(--tw-gradient-from-position);--tw-gradient-to:#f3e8ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-100\/50{--tw-gradient-from:#f3e8ff80 var(--tw-gradient-from-position);--tw-gradient-to:#f3e8ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-300{--tw-gradient-from:#cbd5e1 var(--tw-gradient-from-position);--tw-gradient-to:#cbd5e100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:#f8fafc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);--tw-gradient-to:#14b8a600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-50\/50{--tw-gradient-to:#eff6ff80 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.to-pink-100{--tw-gradient-to:#fce7f3 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to:#faf5ff var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.to-slate-500{--tw-gradient-to:#64748b var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.\!p-0{padding:0!important}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.\!py-2\.5{padding-bottom:.625rem!important;padding-top:.625rem!important}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.\!pl-10{padding-left:2.5rem!important}.\!pr-10{padding-right:2.5rem!important}.\!pr-3{padding-right:.75rem!important}.pb-10{padding-bottom:2.5rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-24{padding-top:6rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\!font-medium{font-weight:500!important}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wider{letter-spacing:.05em}.\!text-gray-500{--tw-text-opacity:1!important;color:#6b7280!important;color:rgb(107 114 128/var(--tw-text-opacity,1))!important}.\!text-gray-700{--tw-text-opacity:1!important;color:#374151!important;color:rgb(55 65 81/var(--tw-text-opacity,1))!important}.\!text-gray-900{--tw-text-opacity:1!important;color:#111827!important;color:rgb(17 24 39/var(--tw-text-opacity,1))!important}.\!text-white{--tw-text-opacity:1!important;color:#fff!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:#c2410c;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:#db2777;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:#38bdf8;color:rgb(56 189 248/var(--tw-text-opacity,1))}.text-primary\/20{color:#38bdf833}.text-primary\/30{color:#38bdf84d}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:#475569;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:#334155;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:#1e293b;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:#0f172a;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.mix-blend-multiply{mix-blend-mode:multiply}.\!shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d!important;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)!important}.\!shadow-inner,.\!shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\!shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important}.\!shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-purple-600\/30{--tw-shadow-color:#9333ea4d;--tw-shadow:var(--tw-shadow-colored)}.shadow-slate-200\/50{--tw-shadow-color:#e2e8f080;--tw-shadow:var(--tw-shadow-colored)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.blur-2xl{--tw-blur:blur(40px)}.blur-2xl,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.\!transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!duration-200{transition-duration:.2s!important}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:\!text-gray-400::placeholder{--tw-text-opacity:1!important;color:#9ca3af!important;color:rgb(156 163 175/var(--tw-text-opacity,1))!important}.hover\:\!-translate-y-0\.5:hover{--tw-translate-y:-0.125rem!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:translate-x-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:translate-x-1:hover{--tw-translate-x:0.25rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-purple-500:hover{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.hover\:border-purple-600:hover{--tw-border-opacity:1;border-color:#9333ea;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.hover\:\!bg-gray-50:hover{--tw-bg-opacity:1!important;background-color:#f9fafb!important;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))!important}.hover\:bg-\[\#138496\]:hover{--tw-bg-opacity:1;background-color:#138496;background-color:rgb(19 132 150/var(--tw-bg-opacity,1))}.hover\:bg-black\/80:hover{background-color:#000c}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.hover\:bg-purple-50\/50:hover{background-color:#faf5ff80}.hover\:bg-purple-500\/10:hover{background-color:#a855f71a}.hover\:bg-purple-600:hover{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-sky-500:hover{--tw-bg-opacity:1;background-color:#0ea5e9;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-teal-600:hover{--tw-bg-opacity:1;background-color:#0d9488;background-color:rgb(13 148 136/var(--tw-bg-opacity,1))}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:from-purple-700:hover{--tw-gradient-from:#7e22ce var(--tw-gradient-from-position);--tw-gradient-to:#7e22ce00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-pink-700:hover{--tw-gradient-to:#be185d var(--tw-gradient-to-position)}.hover\:text-green-800:hover{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.hover\:text-purple-500:hover{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.hover\:text-purple-600:hover{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:#475569;color:rgb(71 85 105/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:#0f172a;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:ring-purple-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(147 51 234/var(--tw-ring-opacity,1))}.focus\:\!border-primary:focus{--tw-border-opacity:1!important;border-color:#38bdf8!important;border-color:rgb(56 189 248/var(--tw-border-opacity,1))!important}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:#38bdf8;border-color:rgb(56 189 248/var(--tw-border-opacity,1))}.focus\:border-slate-300:focus{--tw-border-opacity:1;border-color:#cbd5e1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:#0000}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:\!ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-1:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:\!ring-primary:focus{--tw-ring-opacity:1!important;--tw-ring-color:rgb(56 189 248/var(--tw-ring-opacity,1))!important}.focus\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(56 189 248/var(--tw-ring-opacity,1))}.focus\:ring-primary\/30:focus{--tw-ring-color:#38bdf84d}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-purple-500\/40:focus{--tw-ring-color:#a855f766}.focus\:ring-opacity-75:focus{--tw-ring-opacity:0.75}.focus\:\!ring-offset-2:focus{--tw-ring-offset-width:2px!important}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-background-light:focus{--tw-ring-offset-color:#f8fafc}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-50:disabled{--tw-bg-opacity:1;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.group:focus-within .group-focus-within\:text-primary{--tw-text-opacity:1;color:#38bdf8;color:rgb(56 189 248/var(--tw-text-opacity,1))}.group:hover .group-hover\:w-full{width:100%}.group\/btn:hover .group-hover\/btn\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-105,.group\/btn:hover .group-hover\/btn\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (max-width:1200px){.max-\[1200px\]\:mt-8{margin-top:2rem}}@media (min-width:640px){.sm\:inline{display:inline}.sm\:w-48{width:12rem}.sm\:w-64{width:16rem}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-1\/2{width:50%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:p-10{padding:2.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-9xl{font-size:8rem;line-height:1}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1280px){.xl\:mt-0{margin-top:0}}@media (prefers-color-scheme:dark){.dark\:text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}}.auth-layout{background-color:#f8fafc;color:#1f2937;display:flex;flex-direction:column;min-height:100vh}.auth-container{align-items:center;display:flex;flex-grow:1;justify-content:center}.login-panel{display:flex;flex-direction:column;max-width:28rem;position:relative;row-gap:.5rem;width:100%}.login-panel:before{background:linear-gradient(135deg,#9333ea33,#db277733);content:"";filter:blur(80px);height:400px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:400px;z-index:-1}.login-panel__header{display:flex;flex-direction:column}.login-panel__brand{align-items:center;column-gap:.75rem;display:flex;justify-content:center;margin-bottom:.5rem}.login-panel__icon{color:#9333ea;font-size:2.25rem;line-height:2.5rem;transition:transform .3s ease}.login-panel__icon,.login-panel__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#db2777);-webkit-background-clip:text;background-clip:text}.login-panel__logo-text{font-size:1.875rem;font-weight:700;letter-spacing:-.02em;line-height:2.25rem}.login-panel__title{color:#0f172a;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin-top:4px;text-align:center}.login-panel__subtitle{color:#475569;font-size:.875rem;margin-top:.5rem;text-align:center}.login-panel__subtitle a{color:#9333ea;font-weight:600;text-decoration:none;transition:color .2s ease}.login-panel__subtitle a:hover{color:#7e22ce}.login-submit-btn{background-color:#9333ea!important;border-color:#9333ea!important}.login-submit-btn:focus,.login-submit-btn:hover{background-color:#7e22ce!important;border-color:#7e22ce!important}.login-submit-btn:active{background-color:#6b21a8!important;border-color:#6b21a8!important}.login-submit-btn.ant-btn-disabled,.login-submit-btn:disabled{background-color:#e9d5ff!important;border-color:#e9d5ff!important;color:#a855f7!important;cursor:not-allowed}.login-panel__form{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;margin-top:1rem;padding:1.5rem;row-gap:1.5rem;transition:box-shadow .3s ease}.login-panel__form:hover{box-shadow:0 10px 25px -5px #0000001a}.login-panel__fields{border-radius:.375rem;display:flex;flex-direction:column;row-gap:1rem}.login-panel__fields .ant-form-item{margin-bottom:4px}.login-panel__fields .ant-form-item-label>label{color:#334155;font-weight:500}.login-panel .ant-input{color:#0f172a;font-size:.875rem;line-height:1.5rem;padding:.625rem .75rem}.login-panel .ant-input,.login-panel .ant-input-affix-wrapper{background-color:#f8fafc;border:none;border-radius:.5rem;box-shadow:inset 0 0 0 1px #e2e8f0;transition:all .2s ease;width:100%}.login-panel .ant-input-affix-wrapper{align-items:center;display:flex;padding:0}.login-panel .ant-input-affix-wrapper .ant-input{background:#0000;border:none;box-shadow:none;padding:.625rem .75rem;width:94%}.login-panel .ant-input-affix-wrapper input::placeholder,.login-panel .ant-input::placeholder{color:#94a3b8}.login-panel .ant-input-affix-wrapper:hover,.login-panel .ant-input:hover{background-color:#fff;box-shadow:inset 0 0 0 1px #9333ea}.login-panel .ant-input-affix-wrapper:focus,.login-panel .ant-input-affix-wrapper:focus-within,.login-panel .ant-input:focus,.login-panel .ant-input:focus-within{background-color:#fff;box-shadow:0 0 0 2px #9333ea;outline:none;z-index:10}.login-panel__actions{align-items:center;display:flex;justify-content:space-between}.login-panel .ant-checkbox-inner{border-color:#cbd5e1;border-radius:.25rem;height:1rem;transition:all .2s ease;width:1rem}.login-panel .ant-checkbox-checked .ant-checkbox-inner{background-color:#9333ea;border-color:#9333ea}.login-panel .ant-checkbox-wrapper:hover .ant-checkbox-inner{border-color:#9333ea}.login-panel__forgot{font-size:.875rem}.login-panel__forgot a{color:#9333ea;font-weight:500;text-decoration:none;transition:color .2s ease}.login-panel__forgot a:hover{color:#7e22ce;text-decoration:underline}.login-panel__submit{width:100%}.login-panel .ant-btn-primary{align-items:center;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:.5rem;box-shadow:0 4px 14px 0 #9333ea4d;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:auto;justify-content:center;padding:.625rem .75rem;transition:all .3s ease;width:100%}.login-panel .ant-btn-primary:hover{background:linear-gradient(135deg,#7e22ce,#6b21a8);box-shadow:0 6px 20px 0 #9333ea66;transform:translateY(-2px)}.login-panel .ant-btn-primary:active{transform:translateY(0)}.login-panel .ant-btn-primary:focus{background:linear-gradient(135deg,#9333ea,#7e22ce)}.register-panel{display:flex;flex-direction:column;max-width:28rem;position:relative;row-gap:.5rem;width:100%}.register-panel:before{background:linear-gradient(135deg,#9333ea33,#db277733);content:"";filter:blur(80px);height:400px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:400px;z-index:-1}.register-panel__header{display:flex;flex-direction:column}.register-panel__brand{align-items:center;column-gap:.75rem;display:flex;justify-content:center;margin-bottom:.5rem}.register-panel__icon{color:#9333ea;font-size:2.25rem;line-height:2.5rem;transition:transform .3s ease}.register-panel__icon,.register-panel__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#db2777);-webkit-background-clip:text;background-clip:text}.register-panel__logo-text{font-size:1.875rem;font-weight:700;letter-spacing:-.02em;line-height:2.25rem}.register-panel__title{color:#0f172a;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin-top:4px;text-align:center}.register-panel__subtitle{color:#475569;font-size:.875rem;margin-top:.5rem;text-align:center}.register-panel__subtitle a{color:#9333ea;font-weight:600;text-decoration:none;transition:color .2s ease}.register-panel__subtitle a:hover{color:#7e22ce}.register-panel__form{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;margin-top:1rem;padding:1.5rem;row-gap:1.5rem;transition:box-shadow .3s ease}.register-panel__form:hover{box-shadow:0 10px 25px -5px #0000001a}.register-panel__fields{border-radius:.375rem;display:flex;flex-direction:column;row-gap:1rem}.register-panel__fields .ant-form-item{margin-bottom:4px}.register-panel__fields .ant-form-item-label>label{color:#334155;font-weight:500}.register-panel .ant-input{color:#0f172a;font-size:.875rem;line-height:1.5rem;padding:.625rem .75rem}.register-panel .ant-input,.register-panel .ant-input-affix-wrapper{background-color:#f8fafc;border:none;border-radius:.5rem;box-shadow:inset 0 0 0 1px #e2e8f0;transition:all .2s ease;width:100%}.register-panel .ant-input-affix-wrapper{align-items:center;display:flex;padding:0}.register-panel .ant-input-affix-wrapper .ant-input{background:#0000;border:none;box-shadow:none;padding:.625rem .75rem;width:94%}.register-panel .ant-input-affix-wrapper input::placeholder,.register-panel .ant-input::placeholder{color:#94a3b8}.register-panel .ant-input-affix-wrapper:hover,.register-panel .ant-input:hover{background-color:#fff;box-shadow:inset 0 0 0 1px #9333ea}.register-panel .ant-input-affix-wrapper:focus,.register-panel .ant-input-affix-wrapper:focus-within,.register-panel .ant-input:focus,.register-panel .ant-input:focus-within{background-color:#fff;box-shadow:0 0 0 2px #9333ea;outline:none;z-index:10}.register-panel__actions{align-items:center;display:flex;justify-content:center}.register-panel .ant-checkbox-inner{border-color:#cbd5e1;border-radius:.25rem;height:1rem;transition:all .2s ease;width:1rem}.register-panel .ant-checkbox-checked .ant-checkbox-inner{background-color:#9333ea;border-color:#9333ea}.register-panel .ant-checkbox-wrapper:hover .ant-checkbox-inner{border-color:#9333ea}.register-panel__forgot{font-size:.875rem}.register-panel__forgot a{color:#9333ea;font-weight:500;text-decoration:none;transition:color .2s ease}.register-panel__forgot a:hover{color:#7e22ce;text-decoration:underline}.register-panel__submit{width:100%}.register-panel .ant-btn-primary{align-items:center;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:.5rem;box-shadow:0 4px 14px 0 #9333ea4d;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:auto;justify-content:center;padding:.625rem .75rem;transition:all .3s ease;width:100%}.register-panel .ant-btn-primary:hover{background:linear-gradient(135deg,#7e22ce,#6b21a8);box-shadow:0 6px 20px 0 #9333ea66;transform:translateY(-2px)}.register-panel .ant-btn-primary:active{transform:translateY(0)}.register-panel .ant-btn-primary:focus{background:linear-gradient(135deg,#9333ea,#7e22ce)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.forgot-password-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.forgot-password-panel{max-width:28rem;position:relative;width:100%}.forgot-password-panel:before{background:linear-gradient(135deg,#9333ea33,#db277733);content:"";filter:blur(80px);height:400px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:400px;z-index:-1}.forgot-password-panel__header{margin-bottom:2rem;text-align:center}.forgot-password-panel__brand{align-items:center;column-gap:.75rem;display:flex;justify-content:center;margin-bottom:1rem}.forgot-password-panel__icon{color:#9333ea;font-size:2.25rem;line-height:2.5rem;transition:transform .3s ease}.forgot-password-panel__icon,.forgot-password-panel__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#db2777);-webkit-background-clip:text;background-clip:text}.forgot-password-panel__logo-text{font-size:1.875rem;font-weight:700;letter-spacing:-.02em;line-height:2.25rem}.forgot-password-panel__title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.forgot-password-panel__subtitle{color:#475569;font-size:.875rem}.forgot-password-panel__form{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;padding:2rem;transition:box-shadow .3s ease;width:25rem}.forgot-password-panel__form:hover{box-shadow:0 10px 25px -5px #0000001a}.forgot-password-panel__field{margin-bottom:1.5rem}.forgot-password-panel__field label{color:#334155;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.forgot-password-panel__field input{background-color:#f8fafc;border:none;border-radius:.5rem;box-shadow:inset 0 0 0 1px #e2e8f0;color:#0f172a;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.forgot-password-panel__field input::placeholder{color:#94a3b8}.forgot-password-panel__field input:hover{background-color:#fff;box-shadow:inset 0 0 0 1px #9333ea}.forgot-password-panel__field input:focus{background-color:#fff;box-shadow:0 0 0 2px #9333ea;outline:none}.forgot-password-panel__submit{align-items:center;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:.5rem;box-shadow:0 4px 14px 0 #9333ea4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:center;padding:.75rem;transition:all .3s ease;width:100%}.forgot-password-panel__submit:hover{background:linear-gradient(135deg,#7e22ce,#6b21a8);box-shadow:0 6px 20px 0 #9333ea66;transform:translateY(-2px)}.forgot-password-panel__submit:active{transform:translateY(0)}.forgot-password-panel__submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.forgot-password-panel__back{margin-top:1.5rem;text-align:center}.forgot-password-panel__back a{color:#9333ea;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-password-panel__back a:hover{color:#7e22ce;text-decoration:underline}.forgot-password-success{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;padding:2rem;text-align:center}.forgot-password-success__icon{align-items:center;background:#f0fdf4;border-radius:50%;display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.forgot-password-success__icon svg{color:#22c55e;font-size:2rem}.forgot-password-success__title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.forgot-password-success__message{color:#475569;font-size:.875rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:24rem}.forgot-password-success__button{align-items:center;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:.5rem;box-shadow:0 4px 14px 0 #9333ea4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:center;margin-bottom:1rem;padding:.75rem;transition:all .3s ease;width:100%}.forgot-password-success__button:hover{background:linear-gradient(135deg,#7e22ce,#6b21a8);box-shadow:0 6px 20px 0 #9333ea66;transform:translateY(-2px)}.error-message{border-radius:.375rem;margin-top:.5rem;padding:.5rem}.reset-password-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.reset-password-panel{max-width:28rem;position:relative;width:100%}.reset-password-panel:before{background:linear-gradient(135deg,#9333ea33,#db277733);content:"";filter:blur(80px);height:400px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:400px;z-index:-1}.reset-password-panel__header{margin-bottom:2rem;text-align:center}.reset-password-panel__brand{align-items:center;column-gap:.75rem;display:flex;justify-content:center;margin-bottom:1rem}.reset-password-panel__icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#db2777);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;line-height:2.5rem;transition:transform .3s ease}.reset-password-panel__icon:hover{transform:scale(1.1)}.reset-password-panel__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#db2777);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:700;letter-spacing:-.02em;line-height:2.25rem}.reset-password-panel__title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.reset-password-panel__subtitle{color:#475569;font-size:.875rem}.reset-password-panel__form{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;padding:2rem;transition:box-shadow .3s ease}.reset-password-panel__form:hover{box-shadow:0 10px 25px -5px #0000001a}.reset-password-panel__field{margin-bottom:1.25rem}.reset-password-panel__field label{color:#334155;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.reset-password-panel__field input{background-color:#f8fafc;border:none;border-radius:.5rem;box-shadow:inset 0 0 0 1px #e2e8f0;color:#0f172a;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.reset-password-panel__field input::placeholder{color:#94a3b8}.reset-password-panel__field input:hover:not(:disabled){background-color:#fff;box-shadow:inset 0 0 0 1px #9333ea}.reset-password-panel__field input:focus{background-color:#fff;box-shadow:0 0 0 2px #9333ea;outline:none}.reset-password-panel__field input:disabled{cursor:not-allowed;opacity:.6}.reset-password-panel__submit{align-items:center;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:.5rem;box-shadow:0 4px 14px 0 #9333ea4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:center;margin-top:.5rem;padding:.75rem;transition:all .3s ease;width:100%}.reset-password-panel__submit:hover:not(:disabled){background:linear-gradient(135deg,#7e22ce,#6b21a8);box-shadow:0 6px 20px 0 #9333ea66;transform:translateY(-2px)}.reset-password-panel__submit:active{transform:translateY(0)}.reset-password-panel__submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-password-panel__links{margin-top:1.5rem;text-align:center}.reset-password-panel__links a{color:#9333ea;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.reset-password-panel__links a:hover{color:#7e22ce;text-decoration:underline}.reset-success{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;padding:2rem;text-align:center}.reset-success__icon{align-items:center;background:#f0fdf4;border-radius:50%;display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.reset-success__icon svg{color:#22c55e;font-size:2rem}.reset-success__title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.reset-success__message{color:#475569;font-size:.875rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:24rem}.reset-success__button{align-items:center;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:.5rem;box-shadow:0 4px 14px 0 #9333ea4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:center;padding:.75rem;transition:all .3s ease;width:100%}.reset-success__button:hover{background:linear-gradient(135deg,#7e22ce,#6b21a8);box-shadow:0 6px 20px 0 #9333ea66;transform:translateY(-2px)}.error-message{background-color:#dc26261a;border-left:3px solid #dc2626;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.profile-container{margin-left:auto;margin-right:auto;max-width:56rem}.profile-container .board{margin-bottom:2.5rem;text-align:center}.profile-container .board .board-title{color:#0f172a;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;line-height:2.25rem}@media(min-width:768px){.profile-container .board .board-title{font-size:2.25rem;line-height:2.5rem}}.profile-container .board .board-description{color:#475569;font-size:1.125rem;line-height:1.75rem;margin-left:auto;margin-right:auto;margin-top:.75rem;max-width:42rem}.profile-container .profile-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:1024px){.profile-container .profile-wrapper{grid-template-columns:repeat(5,1fr)}.profile-container .profile-wrapper .profile-info{grid-column:span 2/span 2}}.profile-container .profile-wrapper .profile-info .profile-info-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 2px 0 #0f172a0d;box-sizing:border-box;height:100%;padding:2rem}.profile-container .profile-wrapper .profile-info .profile-info-wrapper .header-title{color:#0f172a;font-size:1.25rem;font-weight:600;line-height:1.75rem;margin-bottom:1.5rem}.profile-container .profile-wrapper .profile-info .profile-info-wrapper .content>*+*{margin-top:1rem}.profile-container .profile-wrapper .profile-info .profile-info-wrapper .field-info{color:#64748b;font-size:.875rem;font-weight:500;line-height:1.25rem}.profile-container .profile-wrapper .profile-info .profile-info-wrapper .field-value{color:#1e293b}@media(min-width:1024px){.profile-container .profile-wrapper .profile-form{grid-column:span 3/span 3}}.profile-container .profile-wrapper .profile-form .profile-form-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 2px 0 #0f172a0d;padding:2rem}.profile-container .profile-wrapper .profile-form .profile-form-wrapper .header-title{color:#0f172a;font-size:1.25rem;font-weight:600;line-height:1.75rem;margin-bottom:1.5rem}.profile-container .profile-wrapper .profile-form .profile-form-wrapper .form>*+*{margin-top:1.5rem}.profile-container .profile-wrapper .profile-form .profile-form-wrapper .form .form-label{color:#334155;display:block;font-size:.875rem;font-weight:500;line-height:1.25rem}.profile-container .profile-wrapper .profile-form .profile-form-wrapper .form .input-wrapper{margin-top:.25rem}.profile-container .profile-wrapper .profile-form .profile-form-wrapper .form .input-wrapper .input-field{background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;box-shadow:0 1px 2px 0 #0f172a0d;box-sizing:border-box;display:block;font-size:1rem;line-height:1.5rem;outline:none;padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.profile-container .profile-wrapper .profile-form .profile-form-wrapper .form .input-wrapper .input-field:focus{border-color:#8b5cf6;border-color:var(--primary,#8b5cf6);box-shadow:0 0 0 1px #8b5cf6;box-shadow:0 0 0 1px var(--primary,#8b5cf6)}@media(min-width:640px){.profile-container .profile-wrapper .profile-form .profile-form-wrapper .form .input-wrapper .input-field{font-size:.875rem;line-height:1.25rem}}.profile-container .profile-wrapper .profile-form .profile-form-wrapper .form .btn-wrapper{padding-top:.5rem}.profile-container .profile-wrapper .profile-form .profile-form-wrapper .form .btn-wrapper .btn-submit{align-items:center;background-color:#0ea5e9;background-color:var(--primary,#0ea5e9);border:1px solid #0000;border-radius:.5rem;box-shadow:0 1px 2px #0f172a0d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;line-height:1.5rem;padding:.75rem 1.5rem;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;width:100%}.profile-container .profile-wrapper .profile-form .profile-form-wrapper .form .btn-wrapper .btn-submit:focus{box-shadow:0 0 0 2px #0ea5e9,0 0 0 4px #f8fafc;box-shadow:0 0 0 2px var(--primary,#0ea5e9),0 0 0 4px var(--background-light,#f8fafc);outline:none}.deepfake-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1200px;padding:30px}.deepfake-container h2{color:#333;font-size:28px;margin-bottom:10px}.deepfake-container>p{color:#666;font-size:16px;margin-bottom:30px}.deepfake-form .upload-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.deepfake-form .upload-box{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:20px}.deepfake-form .upload-box label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:15px}.deepfake-form .upload-box input[type=file]{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:10px;transition:all .3s ease;width:100%}.deepfake-form .upload-box input[type=file]:hover{border-color:#4caf50}.deepfake-form .upload-box input[type=file]:disabled{cursor:not-allowed;opacity:.6}.deepfake-form .upload-box .preview{border:2px solid #ddd;border-radius:8px;margin-top:15px;overflow:hidden;text-align:center}.deepfake-form .upload-box .preview img,.deepfake-form .upload-box .preview video{display:block;height:auto;max-width:100%}.deepfake-form .upload-box .preview video{width:100%}.source-mode-selector{display:flex;gap:10px;margin-bottom:15px}.source-mode-selector button{background:#fff;border:2px solid #ddd;border-radius:5px;cursor:pointer;flex:1 1;font-weight:500;padding:12px;transition:all .3s ease}.source-mode-selector button:hover{background:#eaf6eb;border-color:#4caf50}.source-mode-selector button.active{background:#4caf50;border-color:#4caf50;box-shadow:0 2px 8px #4caf504d;color:#fff}.existing-images-grid{grid-gap:15px;background:#fff;border:1px solid #ddd;border-radius:5px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:400px;overflow-y:auto;padding:15px}.existing-images-grid::-webkit-scrollbar{width:8px}.existing-images-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.existing-images-grid::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.existing-images-grid::-webkit-scrollbar-thumb:hover{background:#555}.existing-images-grid>p{color:#666;grid-column:1/-1;padding:20px;text-align:center}.image-item{border:3px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.image-item:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf5033;transform:scale(1.05)}.image-item.selected{border-color:#2196f3;box-shadow:0 0 15px #2196f380;transform:scale(1.05)}.image-item img{display:block;height:150px;object-fit:cover;width:100%}.image-item .delete-image-btn{align-items:center;background:#f44336e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .3s ease;width:28px;z-index:2}.image-item .delete-image-btn:hover{background:#f44336;transform:rotate(90deg)}.image-item .image-name{background:#000000b3;bottom:0;color:#fff;font-size:12px;left:0;overflow:hidden;padding:8px 5px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.existing-videos-grid{grid-gap:15px;background:#fff;border:1px solid #ddd;border-radius:5px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:400px;overflow-y:auto;padding:15px}.existing-videos-grid::-webkit-scrollbar{width:8px}.existing-videos-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.existing-videos-grid::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.existing-videos-grid::-webkit-scrollbar-thumb:hover{background:#555}.existing-videos-grid>p{color:#666;grid-column:1/-1;padding:20px;text-align:center}.video-item{border:3px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.video-item:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf5033;transform:scale(1.05)}.video-item.selected{border-color:#2196f3;box-shadow:0 0 15px #2196f380;transform:scale(1.05)}.video-item video{display:block;height:150px;object-fit:cover;width:100%}.video-item .delete-video-btn{align-items:center;background:#f44336e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .3s ease;width:28px;z-index:2}.video-item .delete-video-btn:hover{background:#f44336;transform:rotate(90deg)}.video-item .video-name{background:#000000b3;bottom:0;color:#fff;font-size:12px;left:0;overflow:hidden;padding:8px 5px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.upload-status{animation:pulse 1.5s infinite;color:#2196f3;font-style:italic;margin-top:10px;text-align:center}.error-message{background:#fff8f7;border-left:4px solid #f44336;border-radius:5px;color:#ea1c0d;font-weight:500;margin-bottom:20px;padding:15px}.button-container{margin-top:30px;text-align:center}.button-container .deepfake-button{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.button-container .deepfake-button:disabled{cursor:not-allowed;opacity:.6}.button-container .deepfake-button{background:#4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff;font-size:16px;padding:15px 40px}.button-container .deepfake-button:hover:not(:disabled){background:#3d8b40;box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.button-container .deepfake-button:active:not(:disabled){transform:translateY(0)}.processing-message{background:#fbfdff;border:2px solid #cae6fc;border-radius:8px;padding:40px}.processing-message>p{color:#333;font-size:18px;font-weight:500;margin-bottom:20px}.processing-message>p.processing-note{color:#666;font-size:14px;font-style:italic;font-weight:400;margin-top:20px}.processing-message .loading-spinner{animation:spin 1s linear infinite;border:5px solid #b2dbfb;border-radius:50%;border-top-color:#2196f3;height:50px;margin:20px auto;width:50px}.result-container{background:#eaf6eb;border:2px solid #c7e7c8;border-radius:8px;margin-top:40px;padding:30px}.result-container h3{font-size:24px;margin-bottom:20px}.result-container video{box-shadow:0 4px 12px #0000001a;display:block;margin:0 auto 20px;max-width:800px;width:100%}.result-container .success-message{animation:fadeIn .3s ease-in;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-weight:500;margin:15px 0;padding:12px 20px;text-align:center}.result-container .result-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.result-container .result-actions button{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-size:16px;font-weight:500;padding:10px 20px;padding:12px 30px;transition:all .3s ease}.result-container .result-actions button:disabled{cursor:not-allowed;opacity:.6}.result-container .result-actions .download-button{background:#2196f3;color:#fff}.result-container .result-actions .download-button:hover:not(:disabled){background:#0c7cd5;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.result-container .result-actions .save-button{background:#28a745;color:#fff}.result-container .result-actions .save-button:hover:not(:disabled){background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.result-container .result-actions .save-button:disabled{background:#6c757d}.result-container .result-actions .new-deepfake-button{background:#fff;border:2px solid #4caf50;color:#4caf50}.result-container .result-actions .new-deepfake-button:hover{background:#4caf50;color:#fff}.download-loading{background:#000000d9;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;font-size:16px;left:50%;padding:20px 40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.deepfake-video{margin:0 auto;max-width:1200px;padding:2rem 1rem}.deepfake-video .error-message{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.deepfake-video .error-message .material-symbols-outlined{font-size:1.5rem}.deepfake-video .page-header{margin-bottom:3rem;text-align:center}.deepfake-video .page-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.deepfake-video .page-header p{color:#6b7280;font-size:1rem}.deepfake-video .deepfake-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:2rem}.deepfake-video .selection-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}@media(max-width:900px){.deepfake-video .selection-grid{grid-template-columns:1fr}}.deepfake-video .selection-column{display:flex;flex-direction:column;gap:1rem}.deepfake-video .column-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.deepfake-video .column-header .header-title{align-items:center;display:flex;gap:.75rem}.deepfake-video .column-header .header-title .step-number{align-items:center;background:#dbeafe;border-radius:50%;color:#2563eb;display:flex;font-size:.875rem;font-weight:600;height:28px;justify-content:center;width:28px}.deepfake-video .column-header .header-title h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.deepfake-video .column-header .file-types{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.75rem;padding:.25rem .5rem}.deepfake-video .selection-modes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.deepfake-video .selection-modes .mode-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}.deepfake-video .selection-modes .mode-btn:hover{border-color:#8b5cf6;color:#8b5cf6}.deepfake-video .selection-modes .mode-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.deepfake-video .selection-modes .mode-btn .material-symbols-outlined{font-size:1.25rem}.deepfake-video .upload-zone{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;min-height:250px;transition:all .3s}.deepfake-video .upload-zone:hover{background:#f5f3ff;border-color:#8b5cf6}.deepfake-video .upload-zone input[type=file]{display:none}.deepfake-video .upload-zone .upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:1.5rem}.deepfake-video .upload-zone .upload-label .material-symbols-outlined{color:#8b5cf6;font-size:3rem;margin-bottom:1rem}.deepfake-video .upload-zone .upload-label .material-symbols-outlined.spinning{animation:spin 1s linear infinite}.deepfake-video .upload-zone .upload-label p{color:#6b7280;font-size:.875rem;margin:0}.deepfake-video .upload-zone .upload-label .preview-container{max-width:300px;position:relative;width:100%}.deepfake-video .upload-zone .upload-label .preview-container img,.deepfake-video .upload-zone .upload-label .preview-container.video-preview video{border-radius:8px;height:auto;width:100%}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .play-overlay{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .play-overlay button{align-items:center;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .2s;width:60px}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .play-overlay button:hover{background:#000c;transform:scale(1.1)}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .play-overlay button .material-symbols-outlined{color:#fff;font-size:2.5rem}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .video-controls{align-items:center;background:linear-gradient(#0000,#000000b3);bottom:0;display:flex;gap:.5rem;left:0;padding:.75rem .5rem;position:absolute;right:0}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .video-controls .control-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.25rem}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .video-controls .control-button:hover{opacity:.8}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .video-controls .control-button .material-symbols-outlined{font-size:1.5rem}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .video-controls .progress-bar{background:#ffffff4d;border-radius:2px;cursor:pointer;flex:1 1;height:4px;overflow:hidden}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .video-controls .progress-bar:hover .progress{background:#a78bfa}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .video-controls .progress-bar .progress{background:#8b5cf6;border-radius:2px;height:100%;transition:width .1s,background .2s}.deepfake-video .upload-zone .upload-label .preview-container.video-preview .video-controls .time-display{color:#fff;font-size:.75rem;min-width:70px;text-align:right;white-space:nowrap}.deepfake-video .media-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));min-height:250px}.deepfake-video .media-grid .empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:2rem}.deepfake-video .media-grid .empty-state .material-symbols-outlined{font-size:3rem;margin-bottom:1rem}.deepfake-video .media-grid .empty-state p{margin-bottom:1rem}.deepfake-video .media-grid .empty-state .switch-mode-btn{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background .2s}.deepfake-video .media-grid .empty-state .switch-mode-btn:hover{background:#7c3aed}.deepfake-video .media-grid .media-item{aspect-ratio:1;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.deepfake-video .media-grid .media-item:hover{border-color:#8b5cf6;transform:scale(1.05)}.deepfake-video .media-grid .media-item.selected{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633}.deepfake-video .media-grid .media-item img,.deepfake-video .media-grid .media-item video{height:100%;object-fit:cover;width:100%}.deepfake-video .media-grid .media-item .video-play-icon{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.deepfake-video .media-grid .media-item .video-play-icon .material-symbols-outlined{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:2.5rem}.deepfake-video .media-grid .media-item .selected-badge{align-items:center;background:#8b5cf6;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:.625rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.deepfake-video .media-grid .media-item .selected-badge .material-symbols-outlined{font-size:.875rem}.deepfake-video .media-grid .media-item .delete-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;left:.5rem;opacity:0;position:absolute;top:.5rem;transition:all .2s;width:28px}.deepfake-video .media-grid .media-item .delete-btn:hover{background:#dc2626;transform:scale(1.1)}.deepfake-video .media-grid .media-item .delete-btn .material-symbols-outlined{font-size:1.125rem}.deepfake-video .media-grid .media-item:hover .delete-btn{opacity:1}.deepfake-video .media-grid .media-item .media-name{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;font-size:.625rem;left:0;overflow:hidden;padding:.5rem;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.deepfake-video .action-section{border-top:1px solid #e5e7eb;padding-top:2rem;text-align:center}.deepfake-video .action-section .action-buttons{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.75rem}.deepfake-video .action-section .create-deepfake-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-left:-120px;margin-right:30px;padding:1rem 2rem;transition:all .3s}.deepfake-video .action-section .create-deepfake-btn:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.deepfake-video .action-section .create-deepfake-btn:disabled{cursor:not-allowed;opacity:.6}.deepfake-video .action-section .create-deepfake-btn .material-symbols-outlined{font-size:1.5rem}.deepfake-video .action-section .reset-btn{align-items:center;background:#64748b;border:none;border-radius:12px;box-shadow:0 4px 12px #64748b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s}.deepfake-video .action-section .reset-btn:hover{background:#475569;box-shadow:0 6px 16px #64748b66;transform:translateY(-2px)}.deepfake-video .action-section .reset-btn .material-symbols-outlined{font-size:1.5rem}.deepfake-video .action-section .processing-note{color:#6b7280;font-size:.75rem;margin-top:.75rem}.deepfake-video .processing-status{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-top:2rem;padding:3rem 1rem;text-align:center}.deepfake-video .processing-status .status-icon .material-symbols-outlined{animation:spin 2s linear infinite;color:#8b5cf6;font-size:4rem}.deepfake-video .processing-status h3{color:#1f2937;font-size:1.25rem;margin:1.5rem 0 .5rem}.deepfake-video .processing-status .status-note{color:#6b7280;font-size:.875rem}.deepfake-video .result-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-top:2rem;padding:2rem}.deepfake-video .result-section .result-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.deepfake-video .result-section .result-header .material-symbols-outlined{color:#10b981;font-size:2rem}.deepfake-video .result-section .result-header h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.deepfake-video .result-section .saving-message,.deepfake-video .result-section .success-message{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:1rem}.deepfake-video .result-section .saving-message{background:#fef3c7;color:#92400e}.deepfake-video .result-section .saving-message .material-symbols-outlined{animation:spin 1s linear infinite}.deepfake-video .result-section .success-message{background:#d1fae5;color:#065f46}.deepfake-video .result-section .result-video{margin-bottom:1.5rem}.deepfake-video .result-section .result-video video{border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%}.deepfake-video .result-section .result-actions{display:flex;gap:1rem;justify-content:center}.deepfake-video .result-section .result-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.deepfake-video .result-section .result-actions button .material-symbols-outlined{font-size:1.25rem}.deepfake-video .result-section .result-actions .download-btn{background:#10b981;color:#fff}.deepfake-video .result-section .result-actions .download-btn:hover{background:#059669}.deepfake-video .result-section .result-actions .new-deepfake-btn{background:#8b5cf6;color:#fff}.deepfake-video .result-section .result-actions .new-deepfake-btn:hover{background:#7c3aed}.deepfake-video .preview-section{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.deepfake-video .preview-section>h3{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.deepfake-video .preview-section>h3 .material-symbols-outlined{color:#8b5cf6;font-size:1.5rem}.deepfake-video .preview-section .preview-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.deepfake-video .preview-section .preview-grid{grid-template-columns:1fr}}.deepfake-video .preview-section .preview-item{align-items:center;display:flex;flex-direction:column}.deepfake-video .preview-section .preview-item .preview-label{align-items:center;background:#8b5cf6;border-radius:8px 8px 0 0;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;max-width:280px;padding:.75rem 1.5rem;width:100%}.deepfake-video .preview-section .preview-item .preview-label .material-symbols-outlined{font-size:1.25rem}.deepfake-video .preview-section .preview-item .preview-content{background:#000;border:3px solid #8b5cf6;border-radius:0 0 12px 12px;box-shadow:0 4px 12px #8b5cf64d;height:280px;overflow:hidden;position:relative;width:280px}.deepfake-video .preview-section .preview-item .preview-content img,.deepfake-video .preview-section .preview-item .preview-content.video-preview video{display:block;height:100%;object-fit:cover;width:100%}.deepfake-video .preview-section .preview-item .preview-content.video-preview .play-overlay{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.deepfake-video .preview-section .preview-item .preview-content.video-preview .play-overlay button{align-items:center;background:#000000b3;border:none;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .2s;width:60px}.deepfake-video .preview-section .preview-item .preview-content.video-preview .play-overlay button:hover{background:#000000e6;transform:scale(1.1)}.deepfake-video .preview-section .preview-item .preview-content.video-preview .play-overlay button .material-symbols-outlined{color:#fff;font-size:2.5rem}.deepfake-video .preview-section .preview-item .preview-content.video-preview .video-controls{align-items:center;background:linear-gradient(#0000,#000000d9);bottom:0;display:flex;gap:.5rem;left:0;padding:.75rem .5rem;position:absolute;right:0}.deepfake-video .preview-section .preview-item .preview-content.video-preview .video-controls .control-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.25rem}.deepfake-video .preview-section .preview-item .preview-content.video-preview .video-controls .control-button:hover{opacity:.8}.deepfake-video .preview-section .preview-item .preview-content.video-preview .video-controls .control-button .material-symbols-outlined{font-size:1.5rem}.deepfake-video .preview-section .preview-item .preview-content.video-preview .video-controls .progress-bar{background:#ffffff4d;border-radius:2px;cursor:pointer;flex:1 1;height:4px;overflow:hidden}.deepfake-video .preview-section .preview-item .preview-content.video-preview .video-controls .progress-bar:hover .progress{background:#a78bfa}.deepfake-video .preview-section .preview-item .preview-content.video-preview .video-controls .progress-bar .progress{background:#8b5cf6;border-radius:2px;height:100%;transition:width .1s,background .2s}.deepfake-video .preview-section .preview-item .preview-content.video-preview .video-controls .time-display{color:#fff;font-size:.75rem;min-width:70px;text-align:right;white-space:nowrap}.uploaded-slide-to-video{margin:0 auto;max-width:64rem;padding:2.5rem 1rem}.uploaded-slide-to-video .page-header{margin-bottom:2rem}.uploaded-slide-to-video .page-header h1{color:#0f172a;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.dark .uploaded-slide-to-video .page-header h1{color:#fff}.uploaded-slide-to-video .page-header p{color:#64748b;font-size:1.125rem}.dark .uploaded-slide-to-video .page-header p{color:#94a3b8}.uploaded-slide-to-video .upload-section{animation:fade-in-up .5s ease-out forwards;margin-bottom:1.25rem;position:relative;width:100%}.uploaded-slide-to-video .upload-section .gradient-border{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:.5rem;filter:blur(2px);inset:24px;opacity:.15;pointer-events:none;position:absolute;transition:opacity .5s;width:800px}.uploaded-slide-to-video .upload-section .upload-dropzone{background:#fff;border:2px dashed #cbd5e1;border-radius:.75rem;cursor:pointer;padding:1.5rem;position:relative;text-align:center;transition:all .3s;width:100%}.dark .uploaded-slide-to-video .upload-section .upload-dropzone{background:#1e293b;border-color:#475569}.uploaded-slide-to-video .upload-section .upload-dropzone:hover{background:#f8fafc;border-color:#8b5cf6}.dark .uploaded-slide-to-video .upload-section .upload-dropzone:hover{background:#0f172a80;border-color:#8b5cf680}.uploaded-slide-to-video .upload-section .upload-dropzone:hover .upload-icon-wrapper{transform:scale(1.1)}.uploaded-slide-to-video .upload-section .upload-dropzone input[type=file]{bottom:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%;z-index:5}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem;pointer-events:none;position:relative}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-icon-wrapper{position:relative;transition:transform .3s}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-icon-wrapper .ping-effect{animation:ping 1s cubic-bezier(0,0,.2,1) infinite;background:#8b5cf633;border-radius:50%;display:none;inset:0;opacity:.75;position:absolute}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-icon-wrapper:hover .ping-effect{display:block}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-icon-wrapper .icon-circle{align-items:center;background:#f3e8ff;border-radius:50%;box-shadow:inset 0 2px 4px #0000000f;color:#8b5cf6;display:flex;height:4rem;justify-content:center;position:relative;transition:transform .3s;width:4rem;z-index:10}.dark .uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-icon-wrapper .icon-circle{background:#8b5cf64d}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-icon-wrapper .icon-circle .material-symbols-outlined{font-size:3.75rem}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-text{margin:0 auto;max-width:28rem}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-text h3{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:.75rem;transition:color .3s}.dark .uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-text h3{color:#fff}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-text p{color:#64748b;font-size:1rem;line-height:1.5}.dark .uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-text p{color:#94a3b8}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-text p .file-format-badge{align-items:center;background:#f1f5f9;border:1px solid #4755691a;border-radius:.25rem;color:#1e293b;display:inline-flex;font-size:.75rem;font-weight:500;margin:0 .25rem;padding:.125rem .5rem}.dark .uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-text p .file-format-badge{background:#334155;color:#e2e8f0}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-button{align-items:center;background:#8b5cf6;border:none;border-radius:9999px;box-shadow:0 4px 6px #8b5cf64d;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;pointer-events:none;position:relative;transition:all .3s;z-index:1}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-button:hover{background:#7c3aed;box-shadow:0 6px 12px #8b5cf680}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-info{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;font-weight:500;gap:1rem;letter-spacing:.05em;margin-top:.5rem;text-transform:uppercase}.dark .uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-info{color:#64748b}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-info .info-item{align-items:center;display:flex;gap:.25rem}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-info .info-item .material-symbols-outlined{font-size:.875rem}.uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-info .divider{background:#cbd5e1;border-radius:50%;height:.25rem;width:.25rem}.dark .uploaded-slide-to-video .upload-section .upload-dropzone .upload-content .upload-info .divider{background:#475569}.uploaded-slide-to-video .upload-section .upload-dropzone:hover .upload-text h3{color:#8b5cf6}.uploaded-slide-to-video .upload-section .file-selected{align-items:center;background:#d1fae5;border-radius:.5rem;color:#065f46;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.75rem;position:relative;z-index:10}.dark .uploaded-slide-to-video .upload-section .file-selected{background:#10b98133;color:#6ee7b7}.uploaded-slide-to-video .upload-section .upload-action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin:1rem auto 0;padding:.875rem 1.5rem;transition:all .3s}.uploaded-slide-to-video .upload-section .upload-action-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.uploaded-slide-to-video .upload-section .upload-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.uploaded-slide-to-video .upload-section .file-selected-large{align-items:center;display:flex;gap:1.5rem;min-height:12rem;padding:2rem;position:relative}.uploaded-slide-to-video .upload-section .file-selected-large .file-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;height:5rem;justify-content:center;width:5rem}.uploaded-slide-to-video .upload-section .file-selected-large .file-icon .material-symbols-outlined{font-size:3rem}.uploaded-slide-to-video .upload-section .file-selected-large .file-details{flex:1 1}.uploaded-slide-to-video .upload-section .file-selected-large .file-details h3{color:#0f172a;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;word-break:break-word}.dark .uploaded-slide-to-video .upload-section .file-selected-large .file-details h3{color:#fff}.uploaded-slide-to-video .upload-section .file-selected-large .file-details .file-size{color:#64748b;font-size:.875rem;margin-bottom:1rem}.dark .uploaded-slide-to-video .upload-section .file-selected-large .file-details .file-size{color:#94a3b8}.uploaded-slide-to-video .upload-section .file-selected-large .file-details .file-actions{display:flex;gap:.75rem}.uploaded-slide-to-video .upload-section .file-selected-large .file-details .file-actions .remove-file-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#000;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin:1rem auto 0;padding:.875rem 1.5rem;transition:all .3s}.dark .uploaded-slide-to-video .upload-section .file-selected-large .file-details .file-actions .remove-file-btn{background:#1e293b;border-color:#475569}.uploaded-slide-to-video .upload-section .file-selected-large .file-details .file-actions .remove-file-btn:hover{background:#fef2f2;border-color:#ef4444}.dark .uploaded-slide-to-video .upload-section .file-selected-large .file-details .file-actions .remove-file-btn:hover{background:#ef44441a}.uploaded-slide-to-video .upload-section .file-selected-large .file-details .file-actions .remove-file-btn .material-symbols-outlined{font-size:1.125rem}.uploaded-slide-to-video .upload-section .file-selected-large .success-badge{align-items:center;background:#d1fae5;border-radius:50%;box-shadow:0 2px 8px #10b98133;color:#10b981;display:flex;height:3rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:3rem}.dark .uploaded-slide-to-video .upload-section .file-selected-large .success-badge{background:#10b98133}.uploaded-slide-to-video .upload-section .file-selected-large .success-badge .material-symbols-outlined{font-size:2rem}.uploaded-slide-to-video .success-info{background:#dbeafe;border-radius:.75rem;margin-bottom:2rem;padding:1rem}.dark .uploaded-slide-to-video .success-info{background:#3b82f633}.uploaded-slide-to-video .success-info .info-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.uploaded-slide-to-video .success-info .info-header .material-symbols-outlined{color:#3b82f6}.uploaded-slide-to-video .success-info .info-header strong{color:#1e293b;font-weight:600}.dark .uploaded-slide-to-video .success-info .info-header strong{color:#fff}.uploaded-slide-to-video .success-info .info-details{color:#475569;font-size:.875rem;margin-bottom:.75rem}.dark .uploaded-slide-to-video .success-info .info-details{color:#cbd5e1}.uploaded-slide-to-video .success-info .edit-script-btn{align-items:center;background:#06b6d4;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1.25rem;transition:all .3s}.uploaded-slide-to-video .success-info .edit-script-btn:hover{background:#0891b2;transform:translateY(-1px)}.uploaded-slide-to-video .config-sections{filter:blur(1px);opacity:.5;pointer-events:none;transition:all .3s;-webkit-user-select:none;user-select:none}.uploaded-slide-to-video .config-sections.active{filter:none;opacity:1;pointer-events:auto;-webkit-user-select:auto;user-select:auto}.uploaded-slide-to-video .section-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;margin-bottom:2rem;overflow:hidden}.dark .uploaded-slide-to-video .section-card{background:#1e293b;border-color:#334155}.uploaded-slide-to-video .section-card .section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:.5rem;padding:1.5rem}.dark .uploaded-slide-to-video .section-card .section-header{border-color:#334155}.uploaded-slide-to-video .section-card .section-header .icon-wrapper{background:#f3e8ff;border-radius:.375rem;color:#8b5cf6;padding:.25rem}.dark .uploaded-slide-to-video .section-card .section-header .icon-wrapper{background:#8b5cf680}.uploaded-slide-to-video .section-card .section-header .icon-wrapper .material-symbols-outlined{font-size:1.25rem}.uploaded-slide-to-video .section-card .section-header h2{color:#0f172a;font-size:1.125rem;font-weight:600}.dark .uploaded-slide-to-video .section-card .section-header h2{color:#fff}.uploaded-slide-to-video .section-card .section-content{padding:1.5rem}.uploaded-slide-to-video .video-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media(max-width:1024px){.uploaded-slide-to-video .video-options{grid-template-columns:1fr}}.uploaded-slide-to-video .video-options .options-list{display:flex;flex-direction:column;gap:1.25rem}.uploaded-slide-to-video .video-options .video-option .option-header{align-items:flex-start;display:flex;gap:.75rem}.uploaded-slide-to-video .video-options .video-option .option-header input[type=radio]{border-color:#d1d5db;color:#8b5cf6;cursor:pointer;height:1rem;margin-top:.25rem;width:1rem}.uploaded-slide-to-video .video-options .video-option .option-header input[type=radio]:focus{ring:2px;ring-color:#8b5cf6;ring-opacity:.5}.uploaded-slide-to-video .video-options .video-option .option-header .option-content{flex:1 1}.uploaded-slide-to-video .video-options .video-option .option-header .option-content label{color:#0f172a;cursor:pointer;display:block;font-weight:500;margin-bottom:.5rem}.dark .uploaded-slide-to-video .video-options .video-option .option-header .option-content label{color:#f1f5f9}.uploaded-slide-to-video .video-options .video-option .option-header .option-content p{color:#64748b;font-size:.75rem;margin-bottom:.5rem}.dark .uploaded-slide-to-video .video-options .video-option .option-header .option-content p{color:#94a3b8}.uploaded-slide-to-video .video-options .video-option .option-header .option-content select{border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;font-size:.875rem;padding:.5rem;width:100%}.dark .uploaded-slide-to-video .video-options .video-option .option-header .option-content select{background:#1e293b;border-color:#475569;color:#fff}.uploaded-slide-to-video .video-options .video-option .option-header .option-content select:focus{ring:2px;ring-color:#8b5cf6;ring-opacity:.5;border-color:#8b5cf6;outline:none}.uploaded-slide-to-video .video-options .video-option .option-header .option-content select:disabled{background:#f9fafb;color:#9ca3af}.dark .uploaded-slide-to-video .video-options .video-option .option-header .option-content select:disabled{background:#1e293b80;color:#64748b}.uploaded-slide-to-video .video-options .video-option .option-header .option-content input[type=file]{display:none}.uploaded-slide-to-video .video-options .video-option .option-header .option-content .file-input-wrapper{border-radius:.375rem;box-shadow:0 1px 2px #0000000d;display:flex;overflow:hidden}.uploaded-slide-to-video .video-options .video-option .option-header .option-content .file-input-wrapper .file-button{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-right:0;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.875rem;padding:.5rem .75rem}.dark .uploaded-slide-to-video .video-options .video-option .option-header .option-content .file-input-wrapper .file-button{background:#334155;border-color:#475569;color:#cbd5e1}.uploaded-slide-to-video .video-options .video-option .option-header .option-content .file-input-wrapper .file-button:hover{background:#f3f4f6}.dark .uploaded-slide-to-video .video-options .video-option .option-header .option-content .file-input-wrapper .file-button:hover{background:#475569}.uploaded-slide-to-video .video-options .video-option .option-header .option-content .file-input-wrapper .file-name{background:#fff;border:1px solid #d1d5db;color:#6b7280;flex:1 1;font-size:.875rem;padding:.5rem .75rem}.dark .uploaded-slide-to-video .video-options .video-option .option-header .option-content .file-input-wrapper .file-name{background:#1e293b;border-color:#475569;color:#94a3b8}.uploaded-slide-to-video .video-options .video-option .create-deepfake-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;box-shadow:0 2px 8px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;margin-top:.5rem;padding:.5rem 1.25rem;transition:all .3s}.uploaded-slide-to-video .video-options .video-option .create-deepfake-btn:hover{box-shadow:0 4px 12px #667eea99;transform:translateY(-2px)}.uploaded-slide-to-video .video-options .video-option .no-video-notice{background:#fff;border-radius:.5rem;margin-top:.75rem;padding:.75rem}.dark .uploaded-slide-to-video .video-options .video-option .no-video-notice{background:#fbbf2433;border-color:#fbbf2466}.uploaded-slide-to-video .video-options .video-option .no-video-notice p{color:#92400e;font-size:.875rem;font-style:italic;margin:0 0 .75rem}.dark .uploaded-slide-to-video .video-options .video-option .no-video-notice p{color:#fde047}.uploaded-slide-to-video .video-options .video-option .no-video-notice .create-deepfake-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;box-shadow:0 2px 8px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;padding:.5rem 1.25rem;transition:all .3s}.uploaded-slide-to-video .video-options .video-option .no-video-notice .create-deepfake-btn:hover{box-shadow:0 4px 12px #667eea99;transform:translateY(-2px)}.uploaded-slide-to-video .video-options .video-preview-panel{background:#f1f5f9;border-radius:.5rem;padding:1rem}.dark .uploaded-slide-to-video .video-options .video-preview-panel{background:#0f172a}.uploaded-slide-to-video .video-options .video-preview-panel label{color:#475569;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.dark .uploaded-slide-to-video .video-options .video-preview-panel label{color:#cbd5e1}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper{aspect-ratio:16/9;background:#000;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:relative;width:100%}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper video{height:100%;object-fit:cover;opacity:.9;transition:opacity .3s;width:100%}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper:hover video{opacity:.75}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .play-overlay{align-items:center;background:#0000004d;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;transition:background .3s}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .play-overlay:hover{background:#00000080}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .play-overlay button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .3s}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .play-overlay button:hover{background:#ffffff4d;transform:scale(1.1)}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .play-overlay button .material-symbols-outlined{font-size:3rem}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .video-controls{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;display:flex;gap:.75rem;left:0;opacity:0;padding:.75rem;position:absolute;right:0;transition:opacity .3s}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper:hover .video-controls{opacity:1}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .control-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:transform .2s}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .control-button:hover{transform:scale(1.1)}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .control-button .material-symbols-outlined{font-size:1.5rem}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .progress-bar{background:#ffffff4d;border-radius:9999px;cursor:pointer;flex:1 1;height:.375rem;overflow:hidden;position:relative}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .progress-bar:hover{height:.5rem}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .progress-bar .progress{background:#8b5cf6;border-radius:9999px;height:100%;transition:width .1s linear}.uploaded-slide-to-video .video-options .video-preview-panel .preview-wrapper .time-display{font-family:Courier New,monospace;font-size:.75rem;min-width:5.5rem;text-align:right}.uploaded-slide-to-video .voice-mode-selector{display:flex;gap:1.5rem;margin-bottom:1.5rem}.uploaded-slide-to-video .voice-mode-selector .mode-option{align-items:center;display:flex}.uploaded-slide-to-video .voice-mode-selector .mode-option input[type=radio]{border-color:#d1d5db;color:#8b5cf6;cursor:pointer;height:1rem;width:1rem}.dark .uploaded-slide-to-video .voice-mode-selector .mode-option input[type=radio]{background:#334155;border-color:#475569}.uploaded-slide-to-video .voice-mode-selector .mode-option input[type=radio]:focus{ring:2px;ring-color:#8b5cf6;ring-opacity:.5}.uploaded-slide-to-video .voice-mode-selector .mode-option label{color:#0f172a;cursor:pointer;font-size:.875rem;font-weight:500;margin-left:.5rem}.dark .uploaded-slide-to-video .voice-mode-selector .mode-option label{color:#f1f5f9}.uploaded-slide-to-video .voice-config-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.25rem}.dark .uploaded-slide-to-video .voice-config-panel{background:#1e293b80;border-color:#47556980}.uploaded-slide-to-video .voice-config-panel h3{color:#0f172a;font-size:.875rem;font-weight:600;margin-bottom:1rem}.dark .uploaded-slide-to-video .voice-config-panel h3{color:#fff}.uploaded-slide-to-video .voice-config-panel .voice-grid{grid-gap:1rem 1.5rem;display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.uploaded-slide-to-video .voice-config-panel .voice-grid{grid-template-columns:1fr}}.uploaded-slide-to-video .voice-config-panel .voice-grid .voice-field label{color:#64748b;display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.dark .uploaded-slide-to-video .voice-config-panel .voice-grid .voice-field label{color:#94a3b8}.uploaded-slide-to-video .voice-config-panel .voice-grid .voice-field select{border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;font-size:.875rem;padding:.5rem;width:100%}.dark .uploaded-slide-to-video .voice-config-panel .voice-grid .voice-field select{background:#1e293b;border-color:#475569;color:#fff}.uploaded-slide-to-video .voice-config-panel .voice-grid .voice-field select:focus{ring:2px;ring-color:#8b5cf6;ring-opacity:.5;border-color:#8b5cf6;outline:none}.uploaded-slide-to-video .action-buttons{align-items:center;display:flex;gap:1rem;padding-top:2rem}.uploaded-slide-to-video .action-buttons .create-video-btn{align-items:center;background:#8b5cf6;border:none;border-radius:.375rem;box-shadow:0 4px 6px 16 #8b5cf6,185,129,.3;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}@media(min-width:640px){.uploaded-slide-to-video .action-buttons .create-video-btn{flex:none}}.uploaded-slide-to-video .action-buttons .create-video-btn:hover{background:#8552fc;box-shadow:0 6px 12px 16 #8b5cf6,185,129,.4;transform:translateY(-1px)}.uploaded-slide-to-video .action-buttons .create-video-btn:disabled{background:#8b5cf6;box-shadow:none;cursor:not-allowed;transform:none}.uploaded-slide-to-video .action-buttons .reset-btn{align-items:center;background:#64748b;border:none;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.uploaded-slide-to-video .action-buttons .reset-btn:hover{background:#475569}.uploaded-slide-to-video .processing-message{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:.5rem;color:#92400e;display:flex;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.dark .uploaded-slide-to-video .processing-message{background:#fbbf2433;border-color:#fbbf2466;color:#fde047}.uploaded-slide-to-video .edit-slides-container .slide-edit-card{background:#f9fafb;border:2px solid #e2e8f0;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.dark .uploaded-slide-to-video .edit-slides-container .slide-edit-card{background:#1e293b;border-color:#334155}.uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:400px 1fr}@media(max-width:1024px){.uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content{grid-template-columns:1fr}}.uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content .slide-image-wrapper img{border:2px solid #cbd5e1;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;width:100%}.uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content .slide-image-wrapper .slide-number{color:#1e293b;font-size:.875rem;font-weight:700;margin-top:.75rem;text-align:center}.dark .uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content .slide-image-wrapper .slide-number{color:#f1f5f9}.uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content .script-editor label{color:#1e293b;display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem}.dark .uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content .script-editor label{color:#f1f5f9}.uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content .script-editor textarea{border:1px solid #cbd5e1;border-radius:.5rem;font-family:inherit;font-size:.875rem;min-height:10rem;padding:.75rem;resize:vertical;width:100%}.dark .uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content .script-editor textarea{background:#0f172a;border-color:#475569;color:#f1f5f9}.uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content .script-editor textarea:focus{ring:2px;ring-color:#8b5cf6;ring-opacity:.5;border-color:#8b5cf6;outline:none}.uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content .script-editor .char-count{color:#64748b;font-size:.8125rem;margin-top:.5rem}.dark .uploaded-slide-to-video .edit-slides-container .slide-edit-card .slide-content .script-editor .char-count{color:#94a3b8}.uploaded-slide-to-video .edit-slides-container .edit-actions{border-top:2px solid #e2e8f0;margin-top:2rem;padding:1.5rem 0;text-align:center}.dark .uploaded-slide-to-video .edit-slides-container .edit-actions{border-color:#334155}.uploaded-slide-to-video .edit-slides-container .edit-actions button{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.875rem;transition:all .3s}.uploaded-slide-to-video .edit-slides-container .edit-actions button.cancel-btn{background:#6c757d;color:#fff;margin-right:1rem}.uploaded-slide-to-video .edit-slides-container .edit-actions button.cancel-btn:hover{background:#5a6268}.uploaded-slide-to-video .edit-slides-container .edit-actions button.save-btn{background:#8737d6;box-shadow:0 2px 8px #10b9814d;color:#fff}.uploaded-slide-to-video .edit-slides-container .edit-actions button.save-btn:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.uploaded-slide-to-video .edit-slides-container .edit-actions button.save-btn:not(:disabled):hover{background:#7e28d4;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.uploaded-slide-to-video .result-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;margin-top:2rem;padding:2rem}.dark .uploaded-slide-to-video .result-section{background:#1e293b;border-color:#334155}.uploaded-slide-to-video .result-section h3{align-items:center;color:#0f172a;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.dark .uploaded-slide-to-video .result-section h3{color:#fff}.uploaded-slide-to-video .result-section video{border-radius:.5rem;box-shadow:0 4px 12px #0000001a;margin-bottom:1rem;max-width:50rem;width:100%}.uploaded-slide-to-video .result-section .download-btn{align-items:center;background:#10b981;border:none;border-radius:.5rem;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.75rem 1.875rem;transition:all .3s}.uploaded-slide-to-video .result-section .download-btn:hover{background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.uploaded-slide-to-video .audio-warning-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.uploaded-slide-to-video .audio-warning-modal .modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:28rem;padding:2rem;text-align:center;width:90%}.dark .uploaded-slide-to-video .audio-warning-modal .modal-content{background:#1e293b}.uploaded-slide-to-video .audio-warning-modal .modal-content .warning-icon{align-items:center;background:#fef3c7;border-radius:50%;display:flex;font-size:2rem;height:4rem;justify-content:center;margin:0 auto 1.25rem;width:4rem}.dark .uploaded-slide-to-video .audio-warning-modal .modal-content .warning-icon{background:#fbbf244d}.uploaded-slide-to-video .audio-warning-modal .modal-content h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.dark .uploaded-slide-to-video .audio-warning-modal .modal-content h3{color:#fff}.uploaded-slide-to-video .audio-warning-modal .modal-content p{color:#64748b;font-size:1rem;line-height:1.5;margin-bottom:.75rem}.dark .uploaded-slide-to-video .audio-warning-modal .modal-content p{color:#cbd5e1}.uploaded-slide-to-video .audio-warning-modal .modal-content p.duration-text{color:#92400e;font-size:.9375rem}.dark .uploaded-slide-to-video .audio-warning-modal .modal-content p.duration-text{color:#fde047}.uploaded-slide-to-video .audio-warning-modal .modal-content p.duration-text strong{font-weight:700}.uploaded-slide-to-video .audio-warning-modal .modal-content .close-btn{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1.5rem;padding:.75rem 2rem;transition:background .3s}.uploaded-slide-to-video .audio-warning-modal .modal-content .close-btn:hover{background:#2563eb}.uploaded-slide-to-video .error-message{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem;color:#991b1b;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.dark .uploaded-slide-to-video .error-message{background:#ef444433;border-color:#ef444466;color:#fca5a5}.uploaded-slide-to-video .voice-clone-panel{background:#fff}.dark .uploaded-slide-to-video .voice-clone-panel{background:#fbbf241a}.uploaded-slide-to-video .voice-clone-panel .audio-mode-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.5rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-mode-tabs{border-color:#475569}.uploaded-slide-to-video .voice-clone-panel .audio-mode-tabs button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.625rem 1.25rem;transition:all .3s}.dark .uploaded-slide-to-video .voice-clone-panel .audio-mode-tabs button{color:#94a3b8}.uploaded-slide-to-video .voice-clone-panel .audio-mode-tabs button:hover{background:#fbbf240d;color:#f59e0b}.uploaded-slide-to-video .voice-clone-panel .audio-mode-tabs button.active{border-bottom-color:#f59e0b;color:#f59e0b;font-weight:600}.uploaded-slide-to-video .voice-clone-panel .audio-mode-tabs button.active .material-symbols-outlined{color:#f59e0b}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input{margin-bottom:1.5rem}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input label{align-items:center;color:#1e293b;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input label{color:#f1f5f9}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input label .required{color:#ef4444;font-weight:700}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input textarea{border:1px solid #cbd5e1;border-radius:.5rem;font-family:inherit;font-size:.875rem;min-height:4rem;padding:.75rem;resize:vertical;width:100%}.dark .uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input textarea{background:#0f172a;border-color:#475569;color:#f1f5f9}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input textarea:focus{ring:2px;ring-color:#ffffff4d;border-color:#f5f5f5;outline:none}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input .char-count{color:#64748b;font-size:.75rem;margin-top:.25rem;text-align:right}.dark .uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input .char-count{color:#94a3b8}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input .info-text{align-items:flex-start;background:#eee;border-radius:.5rem;color:#92400e;display:flex;font-size:.8125rem;gap:.5rem;line-height:1.5;margin-top:.75rem;padding:.75rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input .info-text{background:#fbbf2433;color:#fcfcfc}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .reference-text-input .info-text .material-symbols-outlined{flex-shrink:0;font-size:1.125rem;margin-top:.125rem}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-file-input label{align-items:center;color:#1e293b;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-file-input label{color:#f1f5f9}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-file-input label .required{color:#ef4444;font-weight:700}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-file-input .upload-progress{align-items:center;background:#dbeafe;border-radius:.5rem;color:#1e40af;display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem;padding:.75rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-file-input .upload-progress{background:#3b82f633;color:#93c5fd}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-file-input .upload-progress .spinning{animation:spin 1s linear infinite}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-success-info{align-items:flex-start;background:#d1fae5;border:2px solid #10b981;border-radius:.75rem;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-success-info{background:#10b98133;border-color:#10b98166}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-success-info .material-symbols-outlined{color:#10b981;flex-shrink:0;font-size:1.5rem}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-success-info .success-details{flex:1 1}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-success-info .success-details strong{color:#065f46;display:block;font-size:.9375rem;margin-bottom:.5rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-success-info .success-details strong{color:#6ee7b7}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-success-info .success-details p{color:#047857;font-size:.8125rem;font-style:italic;margin-bottom:.75rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-success-info .success-details p{color:#6ee7b7}.uploaded-slide-to-video .voice-clone-panel .audio-upload-section .audio-success-info .success-details audio{height:2.5rem;max-width:20rem;width:100%}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .empty-library{padding:3rem 1rem;text-align:center}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .empty-library .material-symbols-outlined{color:#cbd5e1;font-size:4rem;margin-bottom:1rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-library-section .empty-library .material-symbols-outlined{color:#475569}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .empty-library p{color:#64748b;margin-bottom:1.5rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-library-section .empty-library p{color:#94a3b8}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .empty-library .switch-mode-btn{align-items:center;background:#f59e0b;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .empty-library .switch-mode-btn:hover{background:#d97706;transform:translateY(-2px)}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:28rem;overflow-y:auto;padding:.5rem}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;transition:all .3s}.dark .uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card{background:#1e293b;border-color:#334155}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card.selected{background:#10b9810d;border-color:#10b981}.dark .uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card.selected{background:#10b9811a}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-header{border-color:#475569}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-header .material-symbols-outlined{color:#f59e0b}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-header .audio-id{color:#1e293b;flex:1 1;font-size:.875rem;font-weight:600}.dark .uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-header .audio-id{color:#f1f5f9}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-header .delete-audio-btn{background:none;border:none;border-radius:.25rem;color:#ef4444;cursor:pointer;padding:.25rem;transition:all .3s}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-header .delete-audio-btn:hover{background:#ef44441a}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-content .reference-text-display{margin-bottom:.75rem}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-content .reference-text-display label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.dark .uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-content .reference-text-display label{color:#94a3b8}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-content .reference-text-display p{color:#1e293b;font-size:.8125rem;font-style:italic;line-height:1.4}.dark .uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-content .reference-text-display p{color:#e2e8f0}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-content audio{height:2rem;margin-bottom:.75rem;width:100%}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-content .select-audio-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem;transition:all .3s;width:100%}.dark .uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-content .select-audio-btn{background:#0f172a;border-color:#475569;color:#94a3b8}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-content .select-audio-btn:hover{background:#f59e0b0d;border-color:#f59e0b;color:#f59e0b}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-content .select-audio-btn.selected{background:#10b981;border-color:#10b981;color:#fff}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-content .select-audio-btn.selected:hover{background:#059669}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-footer{border-top:1px solid #e2e8f0;margin-top:.75rem;padding-top:.75rem}.dark .uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-footer{border-color:#475569}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-footer .upload-date{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:.375rem}.uploaded-slide-to-video .voice-clone-panel .audio-library-section .audio-grid .audio-card .audio-card-footer .upload-date .material-symbols-outlined{font-size:.875rem}.uploaded-slide-to-video .voice-clone-panel .selected-audio-summary{background:#10b9811a;border:2px solid #10b981;border-radius:.75rem;margin-top:1.5rem;padding:1rem}.dark .uploaded-slide-to-video .voice-clone-panel .selected-audio-summary{background:#10b98126;border-color:#10b98166}.uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-header .material-symbols-outlined{color:#10b981;font-size:1.25rem}.uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-header strong{color:#065f46;font-size:.9375rem}.dark .uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-header strong{color:#6ee7b7}.uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-content .reference-text-summary{color:#047857;flex:1 1;font-size:.8125rem}.dark .uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-content .reference-text-summary{color:#a7f3d0}.uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-content .reference-text-summary .label{font-weight:600;margin-right:.375rem}.uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-content .clear-selection-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .3s;white-space:nowrap}.dark .uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-content .clear-selection-btn{background:#1e293b;border-color:#475569;color:#cbd5e1}.uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-content .clear-selection-btn:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.dark .uploaded-slide-to-video .voice-clone-panel .selected-audio-summary .summary-content .clear-selection-btn:hover{background:#ef44441a}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.uploaded-slide-to-video .script-context-form-inline{display:flex;justify-content:center;margin-top:16px;width:100%}.uploaded-slide-to-video .script-context-form{animation:none;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:none;max-width:64rem;overflow-y:visible;width:100%}.uploaded-slide-to-video .script-context-form .form-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;padding:2rem}.uploaded-slide-to-video .script-context-form .form-header h2{align-items:center;display:flex;font-size:1.5rem;gap:.75rem;margin:0 0 .5rem}.uploaded-slide-to-video .script-context-form .form-header h2 .material-symbols-outlined{font-size:32px}.uploaded-slide-to-video .script-context-form .form-header .form-description{font-size:.95rem;margin:0;opacity:.9}.uploaded-slide-to-video .script-context-form .form-content{padding:2rem}.uploaded-slide-to-video .script-context-form .form-content .form-field{margin-bottom:1.75rem}.uploaded-slide-to-video .script-context-form .form-content .form-field label{align-items:center;color:#2d3748;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.uploaded-slide-to-video .script-context-form .form-content .form-field label .material-symbols-outlined{color:#667eea;font-size:20px}.uploaded-slide-to-video .script-context-form .form-content .form-field label .required{color:#e53e3e;margin-left:.25rem}.uploaded-slide-to-video .script-context-form .form-content .form-field .field-hint{color:#718096;display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.uploaded-slide-to-video .script-context-form .form-content .form-input,.uploaded-slide-to-video .script-context-form .form-content .form-select,.uploaded-slide-to-video .script-context-form .form-content .form-textarea{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .3s;width:100%}.uploaded-slide-to-video .script-context-form .form-content .form-input:focus,.uploaded-slide-to-video .script-context-form .form-content .form-select:focus,.uploaded-slide-to-video .script-context-form .form-content .form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.uploaded-slide-to-video .script-context-form .form-content .form-input::placeholder,.uploaded-slide-to-video .script-context-form .form-content .form-select::placeholder,.uploaded-slide-to-video .script-context-form .form-content .form-textarea::placeholder{color:#a0aec0}.uploaded-slide-to-video .script-context-form .form-content .form-textarea{min-height:100px;resize:vertical}.uploaded-slide-to-video .script-context-form .form-content .radio-group{display:flex;flex-direction:column;gap:.75rem}.uploaded-slide-to-video .script-context-form .form-content .radio-group .radio-option{align-items:flex-start;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s}.uploaded-slide-to-video .script-context-form .form-content .radio-group .radio-option:hover{background:#f7fafc;border-color:#cbd5e0}.uploaded-slide-to-video .script-context-form .form-content .radio-group .radio-option input[type=radio]{cursor:pointer;margin-top:.25rem}.uploaded-slide-to-video .script-context-form .form-content .radio-group .radio-option input[type=radio]:checked~.radio-content strong{color:#667eea}.uploaded-slide-to-video .script-context-form .form-content .radio-group .radio-option:has(input:checked){background:#f7fafc;border-color:#667eea}.uploaded-slide-to-video .script-context-form .form-content .radio-group .radio-option .radio-content{flex:1 1}.uploaded-slide-to-video .script-context-form .form-content .radio-group .radio-option .radio-content strong{color:#2d3748;display:block;font-size:1rem;margin-bottom:.25rem}.uploaded-slide-to-video .script-context-form .form-content .radio-group .radio-option .radio-content small{color:#718096;display:block;font-size:.875rem}.uploaded-slide-to-video .script-context-form .form-content .duration-control{align-items:center;display:flex;gap:1.5rem}.uploaded-slide-to-video .script-context-form .form-content .duration-control .duration-slider{background:linear-gradient(to right,#667eea 0,#667eea var(--value),#e2e8f0 var(--value),#e2e8f0 100%);border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.uploaded-slide-to-video .script-context-form .form-content .duration-control .duration-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;-webkit-transition:transform .2s;transition:transform .2s;width:20px}.uploaded-slide-to-video .script-context-form .form-content .duration-control .duration-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.uploaded-slide-to-video .script-context-form .form-content .duration-control .duration-slider::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.uploaded-slide-to-video .script-context-form .form-content .duration-control .duration-slider::-moz-range-thumb:hover{transform:scale(1.2)}.uploaded-slide-to-video .script-context-form .form-content .duration-control .duration-display{align-items:baseline;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;gap:.25rem;justify-content:center;min-width:80px;padding:.5rem 1rem}.uploaded-slide-to-video .script-context-form .form-content .duration-control .duration-display .duration-value{font-size:1.5rem;font-weight:700}.uploaded-slide-to-video .script-context-form .form-content .duration-control .duration-display .duration-unit{font-size:.875rem;opacity:.9}.uploaded-slide-to-video .script-context-form .form-actions{background:#f7fafc;border-radius:0 0 20px 20px;border-top:1px solid #e2e8f0;display:flex;gap:1rem;padding:1.5rem 2rem}.uploaded-slide-to-video .script-context-form .form-actions button{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s}.uploaded-slide-to-video .script-context-form .form-actions button .material-symbols-outlined{font-size:20px}.uploaded-slide-to-video .script-context-form .form-actions .btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.uploaded-slide-to-video .script-context-form .form-actions .btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.uploaded-slide-to-video .script-context-form .form-actions .btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.uploaded-slide-to-video .script-context-form .form-actions .btn-submit:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.uploaded-slide-to-video .script-context-form .form-actions .btn-submit:disabled{cursor:not-allowed;opacity:.5}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.create-content-page{background-color:#f8fafc;background-image:radial-gradient(#e2e8f0 1px,#0000 0);background-size:24px 24px;min-height:100vh}.create-content-page .page-header{margin-bottom:2rem}.create-content-page .page-header .back-link{align-items:center;color:#64748b;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;transition:color .3s}.create-content-page .page-header .back-link:hover{color:#8b5cf6}.create-content-page .page-header .back-link:hover .icon{transform:translateX(-4px)}.create-content-page .page-header .back-link .icon{transition:transform .3s}.create-content-page .page-header .header-content{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.create-content-page .page-header .header-content .title-section h1{color:#1e293b;font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.create-content-page .page-header .header-content .title-section p{color:#64748b;font-size:1.125rem}.create-content-page .page-header .header-content .credits-badge{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;box-shadow:0 1px 2px #0000000d;display:flex;gap:.75rem;padding:.625rem 1.25rem}.create-content-page .page-header .header-content .credits-badge .credits-info{align-items:center;color:#f59e0b;display:flex;gap:.375rem}.create-content-page .page-header .header-content .credits-badge .credits-info .icon{font-size:1.25rem}.create-content-page .page-header .header-content .credits-badge .credits-info .count{color:#1e293b;font-weight:700}.create-content-page .page-header .header-content .credits-badge .divider{color:#cbd5e1}.create-content-page .page-header .header-content .credits-badge .plan-name{color:#64748b;font-size:.875rem;font-weight:500}.create-content-page .page-header .header-content .credits-badge .upgrade-btn{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:.75rem;font-weight:700;margin-left:.5rem}.create-content-page .page-header .header-content .credits-badge .upgrade-btn:hover{text-decoration:underline}.create-content-page .tabs-container .tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto}.create-content-page .tabs-container .tabs .tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .3s;white-space:nowrap}.create-content-page .tabs-container .tabs .tab .icon{font-size:1.25rem}.create-content-page .tabs-container .tabs .tab .badge{background:#e2e8f0;border-radius:.25rem;color:#64748b;font-size:.625rem;font-weight:700;margin-left:.25rem;padding:.125rem .375rem}.create-content-page .tabs-container .tabs .tab .pulse-indicator{display:flex;height:.5rem;position:absolute;right:.5rem;top:.5rem;width:.5rem}.create-content-page .tabs-container .tabs .tab .pulse-indicator .pulse-ring{animation:ping 1s cubic-bezier(0,0,.2,1) infinite;background:#8b5cf6;border-radius:50%;display:inline-flex;height:100%;opacity:.75;position:absolute;width:100%}.create-content-page .tabs-container .tabs .tab .pulse-indicator .pulse-dot{background:#8b5cf6;border-radius:50%;display:inline-flex;height:.5rem;position:relative;width:.5rem}.create-content-page .tabs-container .tabs .tab:hover{background:#f1f5f9;border-radius:.5rem .5rem 0 0;color:#1e293b}.create-content-page .tabs-container .tabs .tab.active{background:#8b5cf60d;border-bottom-color:#8b5cf6;border-radius:.5rem .5rem 0 0;color:#8b5cf6;font-weight:600}.create-content-page .tabs-container .tabs .tab.active .icon{color:#8b5cf6}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@media(max-width:768px){.create-content-page .page-header .header-content{align-items:flex-start;flex-direction:column}}.video-generation-jobs-page{display:flex;flex-direction:column;gap:16px;padding:20px}.jobs-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.jobs-header h1{font-size:24px;margin:0}.jobs-header p{color:#4b5563;margin:6px 0 0}.jobs-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.jobs-filter-tabs .tab-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;padding:8px 12px}.jobs-filter-tabs .tab-btn.active{background:#111827;border-color:#111827;color:#fff}.jobs-list{gap:12px}.job-card,.jobs-list{display:flex;flex-direction:column}.job-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:10px;padding:14px}.job-main{align-items:center;display:flex;gap:10px;justify-content:space-between}.job-id{color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.job-status{background:#e5e7eb;border-radius:999px;color:#1f2937;font-size:12px;font-weight:600;padding:4px 8px}.status-finalizing,.status-queued,.status-running{background:#dbeafe;color:#1d4ed8}.status-waiting_finalize{background:#fef3c7;color:#92400e}.status-completed{background:#dcfce7;color:#166534}.status-cancelled,.status-failed{background:#fee2e2;color:#991b1b}.job-meta{color:#4b5563;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.job-actions{display:flex;justify-content:flex-end}.jobs-error{color:#b91c1c;font-size:13px}.jobs-empty{border:1px dashed #d1d5db;border-radius:10px;color:#4b5563;padding:18px}.search-wrapper{position:relative;width:100%}@media(min-width:768px){.search-wrapper{width:16rem}}.search-wrapper .search-icon{color:#9ca3af;font-size:1.125rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-wrapper .search-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;color:#111827;font-size:.875rem;padding:.625rem 1rem .625rem 2.5rem;transition:all .3s;width:100%}.search-wrapper .search-input::placeholder{color:#9ca3af}.search-wrapper .search-input:focus{ring:2px solid #8b5cf6;border-color:#0000;outline:none}.dark .search-wrapper .search-input{background-color:#1f2937;border-color:#4b5563;color:#fff}.filter-dropdown .filter-content .selected-dates{align-items:center;background-color:#8b5cf60d;border-radius:.5rem;display:flex;gap:.5rem;padding:.75rem}.filter-dropdown .filter-content .selected-dates .date-badge{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.filter-dropdown .filter-content .selected-dates .date-badge .date-label{color:#6b7280;font-size:.6875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.filter-dropdown .filter-content .selected-dates .date-badge .date-value{color:#111827;font-size:.8125rem;font-weight:600}.filter-dropdown .filter-content .selected-dates .date-arrow{color:#8b5cf6;font-size:1.125rem;font-weight:600}.dark .filter-dropdown .filter-content .selected-dates{background-color:#8b5cf626}.dark .filter-dropdown .filter-content .selected-dates .date-badge .date-label{color:#9ca3af}.dark .filter-dropdown .filter-content .selected-dates .date-badge .date-value{color:#fff}.videos-table thead tr th.col-stt{width:4rem}.videos-table thead tr th.col-preview{min-width:250px}.videos-table tbody tr.table-row td.cell-creator .creator-info{align-items:center;display:flex}.videos-table tbody tr.table-row td.cell-creator .creator-info .creator-avatar{align-items:center;background:linear-gradient(to top right,#3b82f6,#a855f7);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:2rem;justify-content:center;margin-right:.75rem;width:2rem}.videos-table tbody tr.table-row td.cell-creator .creator-info .creator-name{color:#111827;font-size:.875rem;font-weight:500}.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-delete,.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-download{display:flex}.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-delete .material-icons-round,.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-download .material-icons-round{font-size:.875rem}.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-delete{margin-top:11px}.dark .videos-table tbody tr.table-row td.cell-creator .creator-info .creator-name{color:#fff}.dark .videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-download{background-color:#14532d4d;color:#86efac}.dark .videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-download:hover{background-color:#14532d80}.dark .videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-delete{background-color:#7f1d1d4d}.dark .videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-delete:hover{background-color:#7f1d1d80}.video-modal .modal-info{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;padding:1.5rem}.video-modal .modal-info,.video-modal .modal-info .modal-creator{align-items:center;display:flex;gap:1rem}.video-modal .modal-info .modal-creator .creator-avatar{align-items:center;background:linear-gradient(to top right,#3b82f6,#a855f7);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:3rem;justify-content:center;width:3rem}.video-modal .modal-info .modal-creator .creator-details{display:flex;flex-direction:column;gap:.25rem}.video-modal .modal-info .modal-creator .creator-details .creator-name{color:#111827;font-size:1rem;font-weight:600}.video-modal .modal-info .modal-creator .creator-details .video-date{color:#6b7280;font-size:.875rem}.video-modal .modal-info .modal-actions .btn-download{align-items:center;background-color:#8b5cf6;border:1px solid #8b5cf6;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .3s}.video-modal .modal-info .modal-actions .btn-download:hover{background-color:#a78bfa;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.video-modal .modal-info .modal-actions .btn-download .material-icons-round{font-size:1.125rem}.video-modal .delete-modal-body p{color:#4b5563}.dark .video-modal .delete-modal-actions .btn-cancel,.dark .video-modal .delete-modal-header h3{color:#f3f4f6}.dark .video-modal .modal-info{border-top-color:#374151}.dark .video-modal .modal-info .modal-creator .creator-details .creator-name{color:#fff}.dark .video-modal .modal-info .modal-creator .creator-details .video-date{color:#9ca3af}.image-library{background:#fff;border-radius:1.5rem}.image-library .library-header{flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.image-library .library-header{align-items:center;flex-direction:row;justify-content:space-between}}.image-library .library-header .header-content{gap:.75rem}.image-library .library-header .header-content .header-icon{font-size:2rem}.image-library .library-header .header-content div h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.image-library .library-header .header-content div p{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.image-library .library-header .upload-btn{border-radius:9999px;box-shadow:0 10px 15px -3px #8b5cf64d;font-size:.875rem;font-weight:600;gap:.5rem;margin-left:auto;padding:.625rem 1.5rem}.image-library .library-header .upload-btn:hover{background:#7c3aed;box-shadow:0 10px 15px -3px #8b5cf680}.image-library .library-header .upload-btn svg{font-size:1.25rem}.image-library .error-banner{background:#fee2e2;border:1px solid #fecaca;border-radius:.75rem;color:#991b1b;margin-bottom:1.5rem;padding:1rem 1.25rem}.image-library .error-banner button{color:#991b1b;font-size:1.5rem;line-height:1}.image-library .library-loading{gap:1.5rem;min-height:250px}.image-library .library-loading .spinner{animation:spin .8s linear infinite;border:4px solid #ddd6fe;height:48px;width:48px}.image-library .library-loading p{color:#4b5563;font-size:1rem}.image-library .empty-state{min-height:50px;padding:2rem;text-align:center}.image-library .empty-state .empty-icon{font-size:5rem;margin-bottom:1rem}.image-library .empty-state h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.image-library .empty-state p{font-size:1rem;margin:0 0 1.5rem}.image-library .empty-state .upload-btn-primary{border-radius:9999px;box-shadow:0 10px 15px -3px #8b5cf64d;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 2rem}.image-library .empty-state .upload-btn-primary:hover{background:#7c3aed;box-shadow:0 10px 15px -3px #8b5cf680}.image-library .empty-state .upload-btn-primary svg{font-size:1.25rem}.image-library .images-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.image-library .images-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.image-library .images-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.image-library .images-grid{grid-template-columns:repeat(4,1fr)}}.image-library .images-grid .upload-card{align-items:center;background:#0000;border:2px dashed #8b5cf64d;border-radius:1.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:240px;position:relative;transition:all .3s ease}.image-library .images-grid .upload-card:hover{background:#8b5cf60d;border-color:#8b5cf6}.image-library .images-grid .upload-card:hover .upload-icon-wrapper{transform:scale(1.1)}.image-library .images-grid .upload-card:hover h3{color:#8b5cf6}.image-library .images-grid .upload-card .upload-icon-wrapper{align-items:center;background:#8b5cf61a;border-radius:50%;display:flex;height:4rem;justify-content:center;margin-bottom:1rem;transition:transform .3s ease;width:4rem}.image-library .images-grid .upload-card .upload-icon-wrapper svg{color:#8b5cf6;font-size:1.875rem}.image-library .images-grid .upload-card h3{color:#111827;font-size:1.125rem;font-weight:700;margin:0 0 .25rem;transition:color .3s ease}.image-library .images-grid .upload-card p{color:#6b7280;font-size:.875rem;margin:0 0 1.5rem;padding:0 1rem;text-align:center}.image-library .images-grid .upload-card .upload-btn-card{align-items:center;background:#8b5cf6;border:none;border-radius:9999px;box-shadow:0 10px 15px -3px #8b5cf64d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1.5rem;transition:all .3s ease}.image-library .images-grid .upload-card .upload-btn-card:hover{background:#7c3aed;box-shadow:0 10px 15px -3px #8b5cf680}.image-library .images-grid .image-card{background:#fff;border:1px solid #0000;border-radius:1.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:.75rem;position:relative;transition:all .3s ease}.image-library .images-grid .image-card:hover{border-color:#8b5cf633;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.image-library .images-grid .image-card:hover .file-size,.image-library .images-grid .image-card:hover .image-overlay{opacity:1}.image-library .images-grid .image-card .image-wrapper{aspect-ratio:4/3;background:#f3f4f6;border-radius:1rem;cursor:pointer;overflow:hidden;position:relative;width:100%}.image-library .images-grid .image-card .image-wrapper img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.image-library .images-grid .image-card .image-wrapper:hover img{transform:scale(1.05)}.image-library .images-grid .image-card .image-wrapper .image-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;flex-direction:column;gap:.75rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.image-library .images-grid .image-card .image-wrapper .image-overlay .action-buttons{display:flex;gap:.5rem;transform:translateY(1rem);transition:transform .3s ease}.image-library .images-grid .image-card .image-wrapper .image-overlay .action-buttons .action-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a;color:#111827;cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.image-library .images-grid .image-card .image-wrapper .image-overlay .action-buttons .action-btn:hover{background:#8b5cf6;color:#fff}.image-library .images-grid .image-card .image-wrapper .image-overlay .action-buttons .action-btn.delete-action{color:#ef4444}.image-library .images-grid .image-card .image-wrapper .image-overlay .action-buttons .action-btn.delete-action:hover{background:#ef4444;color:#fff}.image-library .images-grid .image-card .image-wrapper .image-overlay .action-buttons .action-btn svg{font-size:1.25rem}.image-library .images-grid .image-card .image-wrapper:hover .action-buttons{transform:translateY(0)}.image-library .images-grid .image-card .image-wrapper .file-size{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border-radius:.375rem;color:#fff;font-size:.625rem;font-weight:700;opacity:0;padding:.25rem .5rem;position:absolute;right:.75rem;top:.75rem;transition:opacity .3s ease}.image-library .images-grid .image-card .image-info{margin-top:1rem;padding:0 .25rem .25rem}.image-library .images-grid .image-card .image-info .info-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.image-library .images-grid .image-card .image-info .info-header .image-name{color:#111827;flex:1 1;font-size:.875rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-library .images-grid .image-card .image-info .info-header .more-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;transition:all .3s ease}.image-library .images-grid .image-card .image-info .info-header .more-btn:hover{color:#8b5cf6}.image-library .images-grid .image-card .image-info .info-header .more-btn svg{font-size:1rem}.image-library .images-grid .image-card .image-info .image-date{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.375rem;margin-top:.25rem}.image-library .images-grid .image-card .image-info .image-date .status-dot{background:#10b981;border-radius:50%;height:.5rem;width:.5rem}.image-library .images-grid .image-card .image-info .image-date .separator{color:#e5e7eb}.image-library .images-grid .image-card .delete-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;height:2rem;justify-content:center;opacity:0;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:2rem;z-index:10}.image-library .images-grid .image-card .delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.image-library .images-grid .image-card .delete-btn svg{font-size:1.125rem}.image-library .images-grid .image-card:hover .delete-btn{opacity:1}.image-library .preview-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;inset:0;padding:1rem}.image-library .preview-modal .preview-content{border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:56rem;overflow:auto}.image-library .preview-modal .preview-content .close-btn{background:#fff;box-shadow:0 4px 6px -1px #0000001a;height:2.5rem;right:1rem;top:1rem;width:2.5rem;z-index:10}.image-library .preview-modal .preview-content .close-btn:hover{background:#f3f4f6;transform:scale(1.1)}.image-library .preview-modal .preview-content .close-btn svg{color:#111827;font-size:1.5rem}.image-library .preview-modal .preview-content img{border-radius:1.5rem 1.5rem 0 0;height:auto}.image-library .preview-modal .preview-content .preview-info{padding:2rem}.image-library .preview-modal .preview-content .preview-info h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.image-library .preview-modal .preview-content .preview-info>p{color:#4b5563;font-size:.875rem;margin:0 0 1.5rem}.image-library .preview-modal .preview-content .preview-info .preview-actions{gap:.75rem}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete,.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-view{border-radius:.5rem;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.5rem}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-view{background:#8b5cf6}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-view:hover{background:#7c3aed}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete{background:#f3f4f6;color:#ef4444}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete:hover{background:#ef4444;color:#fff}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete svg{font-size:1.125rem}.video-library{background:#fff;border-radius:1.5rem}.video-library .library-header{flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.video-library .library-header{align-items:center;flex-direction:row;justify-content:space-between}}.video-library .library-header .header-content{gap:.75rem}.video-library .library-header .header-content .header-icon{font-size:2rem}.video-library .library-header .header-content div h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.video-library .library-header .header-content div p{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.video-library .library-header .upload-btn{border-radius:9999px;box-shadow:0 10px 15px -3px #a855f74d;font-size:.875rem;font-weight:600;gap:.5rem;margin-left:auto;padding:.625rem 1.5rem}.video-library .library-header .upload-btn:hover{box-shadow:0 10px 15px -3px #a855f780}.video-library .library-header .upload-btn svg{font-size:1.25rem}.video-library .error-banner{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:.75rem;color:#991b1b;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.video-library .error-banner button{background:none;border:none;color:#991b1b;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.video-library .error-banner button:hover{opacity:.7}.video-library .library-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:250px}.video-library .library-loading .spinner{animation:spin .8s linear infinite;border:4px solid #ddd6fe;border-radius:50%;border-top-color:#a855f7;height:48px;width:48px}.video-library .library-loading p{color:#4b5563;font-size:1rem}.video-library .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:2rem;text-align:center}.video-library .empty-state .empty-icon{color:#9ca3af;font-size:5rem;margin-bottom:1rem}.video-library .empty-state h3{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.video-library .empty-state p{color:#6b7280;font-size:1rem;margin:0 0 1.5rem}.video-library .empty-state .upload-btn-primary{align-items:center;background:#a855f7;border:none;border-radius:9999px;box-shadow:0 10px 15px -3px #a855f74d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.video-library .empty-state .upload-btn-primary:hover{background:#8f24f5;box-shadow:0 10px 15px -3px #a855f780;transform:translateY(-2px)}.video-library .empty-state .upload-btn-primary svg{font-size:1.25rem}.video-library .videos-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.video-library .videos-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.video-library .videos-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.video-library .videos-grid{grid-template-columns:repeat(4,1fr)}}.video-library .videos-grid .upload-card{align-items:center;background:#0000;border:2px dashed #a855f74d;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;position:relative;transition:all .3s ease}.video-library .videos-grid .upload-card:hover{background:#a855f70d;border-color:#a855f7}.video-library .videos-grid .upload-card:hover .upload-icon-wrapper{transform:scale(1.1)}.video-library .videos-grid .upload-card:hover h3{color:#a855f7}.video-library .videos-grid .upload-card .upload-icon-wrapper{align-items:center;background:#a855f71a;border-radius:50%;display:flex;height:3rem;justify-content:center;margin-bottom:.75rem;transition:transform .3s ease;width:3rem}.video-library .videos-grid .upload-card .upload-icon-wrapper svg{color:#a855f7;font-size:1.5rem}.video-library .videos-grid .upload-card h3{color:#111827;font-size:.9375rem;font-weight:700;margin:0 0 .25rem;transition:color .3s ease}.video-library .videos-grid .upload-card p{color:#6b7280;font-size:.75rem;line-height:1.3;margin:0 0 1rem;padding:0 .75rem;text-align:center}.video-library .videos-grid .upload-card .upload-btn-card{align-items:center;background:#a855f7;border:none;border-radius:9999px;box-shadow:0 6px 10px -3px #a855f74d;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem 1rem;transition:all .3s ease}.video-library .videos-grid .upload-card .upload-btn-card:hover{background:#8f24f5;box-shadow:0 6px 10px -3px #a855f780}.video-library .videos-grid .video-card{background:#fff;border:1px solid #0000;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:.5rem;position:relative;transition:all .3s ease}.video-library .videos-grid .video-card:hover{border-color:#a855f733;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.video-library .videos-grid .video-card:hover .duration-badge,.video-library .videos-grid .video-card:hover .video-overlay{opacity:1}.video-library .videos-grid .video-card .video-wrapper{aspect-ratio:16/9;background:#000;border-radius:.75rem;cursor:pointer;overflow:hidden;position:relative;width:100%}.video-library .videos-grid .video-card .video-wrapper video{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.video-library .videos-grid .video-card .video-wrapper:hover video{transform:scale(1.05)}.video-library .videos-grid .video-card .video-wrapper .video-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;flex-direction:column;gap:.75rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.video-library .videos-grid .video-card .video-wrapper .video-overlay .play-icon{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 8px 12px -3px #0000004d;color:#a855f7;display:flex;height:3rem;justify-content:center;transition:all .3s ease;width:3rem}.video-library .videos-grid .video-card .video-wrapper .video-overlay .play-icon svg{font-size:1.5rem;margin-left:.25rem}.video-library .videos-grid .video-card .video-wrapper .video-overlay:hover .play-icon{background:#fff;transform:scale(1.1)}.video-library .videos-grid .video-card .video-wrapper .video-overlay .action-buttons{display:flex;gap:.5rem;transform:translateY(1rem);transition:transform .3s ease}.video-library .videos-grid .video-card .video-wrapper .video-overlay .action-buttons .action-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 6px 10px -3px #0000001a;color:#111827;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .3s ease;width:2rem}.video-library .videos-grid .video-card .video-wrapper .video-overlay .action-buttons .action-btn:hover{background:#a855f7;color:#fff}.video-library .videos-grid .video-card .video-wrapper .video-overlay .action-buttons .action-btn.delete-action{color:#ef4444}.video-library .videos-grid .video-card .video-wrapper .video-overlay .action-buttons .action-btn.delete-action:hover{background:#ef4444;color:#fff}.video-library .videos-grid .video-card .video-wrapper .video-overlay .action-buttons .action-btn svg{font-size:1rem}.video-library .videos-grid .video-card .video-wrapper:hover .action-buttons{transform:translateY(0)}.video-library .videos-grid .video-card .video-wrapper .duration-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border-radius:.375rem;bottom:.75rem;color:#fff;font-size:.75rem;font-weight:700;opacity:0;padding:.25rem .5rem;position:absolute;right:.75rem;transition:opacity .3s ease}.video-library .videos-grid .video-card .video-info{margin-top:.75rem;padding:0 .25rem .25rem}.video-library .videos-grid .video-card .video-info .info-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.video-library .videos-grid .video-card .video-info .info-header .video-name{color:#111827;flex:1 1;font-size:.8125rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-library .videos-grid .video-card .video-info .info-header .more-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;transition:all .3s ease}.video-library .videos-grid .video-card .video-info .info-header .more-btn:hover{color:#a855f7}.video-library .videos-grid .video-card .video-info .info-header .more-btn svg{font-size:1rem}.video-library .videos-grid .video-card .video-info .video-date{align-items:center;color:#6b7280;display:flex;font-size:.6875rem;gap:.3rem;margin-top:.25rem}.video-library .videos-grid .video-card .video-info .video-date .status-dot{background:#10b981;border-radius:50%;height:.4rem;width:.4rem}.video-library .videos-grid .video-card .video-info .video-date .separator{color:#e5e7eb}.video-library .videos-grid .video-card .delete-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;height:1.75rem;justify-content:center;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:all .3s ease;width:1.75rem;z-index:10}.video-library .videos-grid .video-card .delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.video-library .videos-grid .video-card .delete-btn svg{font-size:1rem}.video-library .videos-grid .video-card:hover .delete-btn{opacity:1}.video-library .preview-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.video-library .preview-modal .preview-content{background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:56rem;overflow:auto;position:relative;width:100%}.video-library .preview-modal .preview-content .close-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:2.5rem;z-index:10}.video-library .preview-modal .preview-content .close-btn:hover{background:#f3f4f6;transform:scale(1.1)}.video-library .preview-modal .preview-content .close-btn svg{color:#111827;font-size:1.5rem}.video-library .preview-modal .preview-content video{border-radius:1.5rem 1.5rem 0 0}.video-library .preview-modal .preview-content .preview-info{padding:2rem}.video-library .preview-modal .preview-content .preview-info h3{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.video-library .preview-modal .preview-content .preview-info>p{color:#4b5563;font-size:.875rem;margin:0 0 1.5rem}.video-library .preview-modal .preview-content .preview-info .preview-actions{display:flex;flex-wrap:wrap;gap:.75rem}.video-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete,.video-library .preview-modal .preview-content .preview-info .preview-actions .btn-view{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.5rem;text-decoration:none;transition:all .3s ease}.video-library .preview-modal .preview-content .preview-info .preview-actions .btn-view{background:#a855f7;color:#fff}.video-library .preview-modal .preview-content .preview-info .preview-actions .btn-view:hover{background:#8f24f5}.video-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete{background:#f3f4f6;color:#ef4444}.video-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete:hover{background:#ef4444;color:#fff}.video-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete svg{font-size:1.125rem}.audio-library{background:#fff;border-radius:1.5rem}.audio-library .library-header{flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.audio-library .library-header{align-items:center;flex-direction:row;justify-content:space-between}}.audio-library .library-header .header-content{gap:.75rem}.audio-library .library-header .header-content .header-icon{color:#a855f7;font-size:2rem}.audio-library .library-header .header-content div h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.audio-library .library-header .header-content div p{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.audio-library .library-header .upload-btn{background:#a855f7;border-radius:9999px;box-shadow:0 10px 15px -3px #a855f74d;font-size:.875rem;font-weight:600;gap:.5rem;margin-left:auto;padding:.625rem 1.5rem}.audio-library .library-header .upload-btn:hover{background:#8f24f5;box-shadow:0 10px 15px -3px #a855f780}.audio-library .library-header .upload-btn:disabled{cursor:not-allowed;opacity:.6}.audio-library .library-header .upload-btn svg{font-size:1.25rem}.audio-library .error-banner{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:.75rem;color:#991b1b;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.audio-library .error-banner button{background:none;border:none;color:#991b1b;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.audio-library .error-banner button:hover{opacity:.7}.audio-library .library-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:250px}.audio-library .library-loading .spinner{animation:spin .8s linear infinite;border:4px solid #ddd6fe;border-radius:50%;border-top-color:#a855f7;height:48px;width:48px}.audio-library .library-loading p{color:#4b5563;font-size:1rem}.audio-library .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:2rem;text-align:center}.audio-library .empty-state .empty-icon{color:#9ca3af;font-size:5rem;margin-bottom:1rem}.audio-library .empty-state h3{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.audio-library .empty-state p{color:#6b7280;font-size:1rem;margin:0 0 1.5rem}.audio-library .empty-state .upload-btn-primary{align-items:center;background:#a855f7;border:none;border-radius:9999px;box-shadow:0 10px 15px -3px #a855f74d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.audio-library .empty-state .upload-btn-primary:hover{background:#8f24f5;box-shadow:0 10px 15px -3px #a855f780;transform:translateY(-2px)}.audio-library .empty-state .upload-btn-primary svg{font-size:1.25rem}.audio-library .audios-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.audio-library .audios-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.audio-library .audios-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.audio-library .audios-grid{grid-template-columns:repeat(4,1fr)}}.audio-library .audios-grid .upload-card{align-items:center;background:#0000;border:2px dashed #a855f74d;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;position:relative;transition:all .3s ease}.audio-library .audios-grid .upload-card:hover{background:#a855f70d;border-color:#a855f7}.audio-library .audios-grid .upload-card:hover .upload-icon-wrapper{transform:scale(1.1)}.audio-library .audios-grid .upload-card:hover h3{color:#a855f7}.audio-library .audios-grid .upload-card .upload-icon-wrapper{align-items:center;background:#a855f71a;border-radius:50%;display:flex;height:3rem;justify-content:center;margin-bottom:.75rem;transition:transform .3s ease;width:3rem}.audio-library .audios-grid .upload-card .upload-icon-wrapper svg{color:#a855f7;font-size:1.5rem}.audio-library .audios-grid .upload-card h3{color:#111827;font-size:.9375rem;font-weight:700;margin:0 0 .25rem;transition:color .3s ease}.audio-library .audios-grid .upload-card p{color:#6b7280;font-size:.75rem;line-height:1.3;margin:0 0 1rem;padding:0 .75rem;text-align:center}.audio-library .audios-grid .upload-card .upload-btn-card{align-items:center;background:#a855f7;border:none;border-radius:9999px;box-shadow:0 6px 10px -3px #a855f74d;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem 1rem;transition:all .3s ease}.audio-library .audios-grid .upload-card .upload-btn-card:hover{background:#8f24f5;box-shadow:0 6px 10px -3px #a855f780}.audio-library .audios-grid .audio-card{background:#fff;border:1px solid #0000;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:.5rem;position:relative;transition:all .3s ease}.audio-library .audios-grid .audio-card:hover{border-color:#a855f733;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.audio-library .audios-grid .audio-card:hover .audio-overlay{opacity:1}.audio-library .audios-grid .audio-card .audio-icon-wrapper{align-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#a855f71a,#8b5cf61a);border-radius:.75rem;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.audio-library .audios-grid .audio-card .audio-icon-wrapper .audio-icon{color:#a855f7;font-size:3rem;transition:transform .5s ease}.audio-library .audios-grid .audio-card .audio-icon-wrapper:hover .audio-icon{transform:scale(1.1) rotate(5deg)}.audio-library .audios-grid .audio-card .audio-icon-wrapper .audio-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#a855f726;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.audio-library .audios-grid .audio-card .audio-icon-wrapper .audio-overlay span{background:#fff;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a;color:#a855f7;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.audio-library .audios-grid .audio-card .audio-info{margin-top:.75rem;padding:0 .25rem .25rem}.audio-library .audios-grid .audio-card .audio-info .info-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.audio-library .audios-grid .audio-card .audio-info .info-header .audio-name{color:#111827;flex:1 1;font-size:.8125rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-library .audios-grid .audio-card .audio-info .audio-date{align-items:center;color:#6b7280;display:flex;font-size:.6875rem;gap:.3rem;margin-top:.25rem}.audio-library .audios-grid .audio-card .audio-info .audio-date .status-dot{background:#10b981;border-radius:50%;height:.4rem;width:.4rem}.audio-library .audios-grid .audio-card .audio-info .audio-date .separator{color:#e5e7eb}.audio-library .audios-grid .audio-card .audio-info .reference-text-display{background:#f3f4f6;border-radius:.625rem;margin-top:.625rem;padding:.625rem;position:relative}.audio-library .audios-grid .audio-card .audio-info .reference-text-display .reference-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.6875rem;line-height:1.4;margin:0;max-height:2.5rem;overflow:hidden;text-overflow:ellipsis}.audio-library .audios-grid .audio-card .audio-info .reference-text-display .btn-edit-text{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:1.5rem;justify-content:center;position:absolute;right:.375rem;top:.375rem;transition:all .3s ease;width:1.5rem}.audio-library .audios-grid .audio-card .audio-info .reference-text-display .btn-edit-text:hover{background:#a855f7;border-color:#a855f7;color:#fff}.audio-library .audios-grid .audio-card .audio-info .reference-text-display .btn-edit-text svg{font-size:.75rem}.audio-library .audios-grid .audio-card .audio-info .reference-text-editor{margin-top:.75rem}.audio-library .audios-grid .audio-card .audio-info .reference-text-editor textarea{border:1px solid #e5e7eb;border-radius:.75rem;color:#111827;font-family:inherit;font-size:.75rem;padding:.75rem;resize:vertical;transition:all .3s ease;width:100%}.audio-library .audios-grid .audio-card .audio-info .reference-text-editor textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.audio-library .audios-grid .audio-card .audio-info .reference-text-editor .editor-actions{display:flex;gap:.5rem;margin-top:.5rem}.audio-library .audios-grid .audio-card .audio-info .reference-text-editor .editor-actions button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;padding:.5rem;transition:all .3s ease}.audio-library .audios-grid .audio-card .audio-info .reference-text-editor .editor-actions .btn-save{align-items:center;background:#a855f7;color:#fff;display:flex;gap:.25rem;justify-content:center}.audio-library .audios-grid .audio-card .audio-info .reference-text-editor .editor-actions .btn-save:hover{background:#8f24f5}.audio-library .audios-grid .audio-card .audio-info .reference-text-editor .editor-actions .btn-save svg{font-size:.875rem}.audio-library .audios-grid .audio-card .audio-info .reference-text-editor .editor-actions .btn-cancel{background:#f3f4f6;color:#4b5563}.audio-library .audios-grid .audio-card .audio-info .reference-text-editor .editor-actions .btn-cancel:hover{background:#e4e7eb}.audio-library .audios-grid .audio-card .delete-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;height:1.75rem;justify-content:center;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:all .3s ease;width:1.75rem;z-index:10}.audio-library .audios-grid .audio-card .delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.audio-library .audios-grid .audio-card .delete-btn svg{font-size:1rem}.audio-library .audios-grid .audio-card:hover .delete-btn{opacity:1}.audio-library .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;inset:0;padding:1rem}.audio-library .modal-content{background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:36rem;padding:2rem;position:relative;width:100%}.audio-library .modal-content .close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:2.5rem}.audio-library .modal-content .close-btn:hover{background:#e4e7eb;transform:scale(1.1)}.audio-library .modal-content .close-btn svg{color:#111827;font-size:1.5rem}.audio-library .modal-content h3{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.audio-library .modal-content .upload-form .form-group{margin-bottom:1.5rem}.audio-library .modal-content .upload-form .form-group label{color:#111827;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.audio-library .modal-content .upload-form .form-group input[type=file]{border:2px dashed #e5e7eb;border-radius:.75rem;cursor:pointer;font-size:.875rem;padding:.75rem;transition:all .3s ease;width:100%}.audio-library .modal-content .upload-form .form-group input[type=file]:hover{border-color:#a855f7}.audio-library .modal-content .upload-form .form-group .file-selected{background:#10b9811a;border:1px solid #10b9814d;border-radius:.5rem;color:#0c8a60;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem .75rem}.audio-library .modal-content .upload-form .form-group textarea{border:1px solid #e5e7eb;border-radius:.75rem;color:#111827;font-family:inherit;font-size:.875rem;padding:.75rem;resize:vertical;transition:all .3s ease;width:100%}.audio-library .modal-content .upload-form .form-group textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.audio-library .modal-content .upload-form .form-group small{color:#6b7280;display:block;font-size:.75rem;margin-top:.5rem}.audio-library .modal-content .upload-form .modal-actions{display:flex;gap:.75rem;margin-top:2rem}.audio-library .modal-content .upload-form .modal-actions button{border:none;border-radius:.75rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.audio-library .modal-content .upload-form .modal-actions button:disabled{cursor:not-allowed;opacity:.5}.audio-library .modal-content .upload-form .modal-actions .btn-cancel{background:#f3f4f6;color:#4b5563}.audio-library .modal-content .upload-form .modal-actions .btn-cancel:hover:not(:disabled){background:#e4e7eb}.audio-library .modal-content .upload-form .modal-actions .btn-upload{background:#a855f7;color:#fff}.audio-library .modal-content .upload-form .modal-actions .btn-upload:hover:not(:disabled){background:#8f24f5}.audio-library .preview-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.audio-library .preview-modal .preview-content{background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:42rem;overflow:auto;position:relative;width:100%}.audio-library .preview-modal .preview-content .close-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:2.5rem;z-index:10}.audio-library .preview-modal .preview-content .close-btn:hover{background:#f3f4f6;transform:scale(1.1)}.audio-library .preview-modal .preview-content .close-btn svg{color:#111827;font-size:1.5rem}.audio-library .preview-modal .preview-content .audio-preview{align-items:center;background:linear-gradient(135deg,#a855f71a,#8b5cf61a);border-radius:1.5rem 1.5rem 0 0;display:flex;flex-direction:column;gap:1.5rem;padding:3rem 2rem 2rem}.audio-library .preview-modal .preview-content .audio-preview .preview-icon{color:#a855f7;font-size:5rem}.audio-library .preview-modal .preview-content .audio-preview audio{max-width:28rem}.audio-library .preview-modal .preview-content .preview-info{padding:2rem}.audio-library .preview-modal .preview-content .preview-info h3{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.audio-library .preview-modal .preview-content .preview-info>p{color:#4b5563;font-size:.875rem;margin:0 0 1.5rem}.audio-library .preview-modal .preview-content .preview-info .reference-text-section{background:#f3f4f6;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.audio-library .preview-modal .preview-content .preview-info .reference-text-section h4{font-size:.875rem;font-weight:600;margin:0 0 .5rem}.audio-library .preview-modal .preview-content .preview-info .reference-text-section p{color:#4b5563;font-size:.875rem;line-height:1.5}.audio-library .preview-modal .preview-content .preview-info .preview-actions{display:flex;flex-wrap:wrap;gap:.75rem}.audio-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete,.audio-library .preview-modal .preview-content .preview-info .preview-actions .btn-view{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.5rem;text-decoration:none;transition:all .3s ease}.audio-library .preview-modal .preview-content .preview-info .preview-actions .btn-view{background:#a855f7;color:#fff}.audio-library .preview-modal .preview-content .preview-info .preview-actions .btn-view:hover{background:#8f24f5}.audio-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete{background:#f3f4f6;color:#ef4444}.audio-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete:hover{background:#ef4444;color:#fff}.audio-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete svg{font-size:1.125rem}.my-library-page{background:#0000;margin-top:-40px;min-height:50vh;padding:30px 20px 0}.my-library-page .library-container{margin:0 auto;max-width:1400px}.page-header{margin-bottom:32px}@media(min-width:768px){.page-header{align-items:center;flex-direction:row;justify-content:space-between}}.page-header .header-left h1{align-items:center;color:#111827;display:flex;font-size:30px;font-weight:700;gap:8px;letter-spacing:-.025em;margin-bottom:4px}.page-header .header-left h1 .pro-badge{background:#8b5cf61a;border-radius:6px;color:#8b5cf6;font-size:12px;font-weight:700;padding:4px 8px}.page-header .header-left p{color:#6b7280;font-size:14px;margin-top:4px}.page-header .header-stats{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#6b7280;display:flex;font-size:14px;gap:12px;margin-top:16px;padding:12px 16px}@media(min-width:768px){.page-header .header-stats{margin-top:0}}.page-header .header-stats .stat-item{align-items:center;display:flex;gap:4px}.page-header .header-stats .stat-item .status-dot{background:#8b5cf6;border-radius:50%;height:8px;width:8px}.page-header .header-stats .divider{background:#d1d5db;height:16px;width:1px}.controls-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;margin-left:-8px;margin-right:-8px;padding:8px;position:-webkit-sticky;position:sticky;top:80px;z-index:40}@media(min-width:768px){.controls-section{align-items:center;flex-direction:row;justify-content:space-between}}.library-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;flex:0 0 auto;gap:4px;padding:4px;width:-webkit-fit-content;width:fit-content}.library-tabs .tab-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.library-tabs .tab-btn svg{font-size:20px}.library-tabs .tab-btn:hover:not(:disabled){background:#f9fafb;color:#111827}.library-tabs .tab-btn.active{background:#8b5cf6;box-shadow:0 10px 15px -3px #8b5cf64d;color:#fff}.library-tabs .tab-btn.disabled{cursor:not-allowed;opacity:.5}.library-tabs .tab-btn .coming-soon{background:#a855f7;border-radius:10px;color:#fff;font-size:10px;margin-left:4px;padding:2px 6px}.library-controls{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:flex-end}@media(max-width:767px){.library-controls{flex-wrap:wrap}}.library-controls .search-box{flex:1 1;max-width:300px;position:relative}@media(max-width:767px){.library-controls .search-box{max-width:100%}}.library-controls .search-box .search-icon{color:#9ca3af;font-size:20px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}.library-controls .search-box .search-input{background:#fff;border:none;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#111827;font-size:14px;padding:10px 12px 10px 40px;transition:all .3s ease;width:100%}.library-controls .search-box .search-input:focus{box-shadow:0 0 0 2px #8b5cf633;outline:none}.library-controls .search-box .search-input:focus+.search-icon{color:#8b5cf6}.library-controls .search-box .search-input::placeholder{color:#9ca3af}.library-controls .filter-wrapper{flex-shrink:0;position:relative}.library-controls .filter-wrapper .filter-button{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;position:relative;transition:all .3s ease}.library-controls .filter-wrapper .filter-button svg{font-size:18px}.library-controls .filter-wrapper .filter-button:hover{background:#f7f7f7}.library-controls .filter-wrapper .filter-button .filter-badge{background:#8b5cf6;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-4px;top:-4px;width:12px}.library-controls .filter-wrapper .filter-dropdown{animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:absolute;right:0;top:calc(100% + .5rem);width:300px;z-index:999}@media(max-width:640px){.library-controls .filter-wrapper .filter-dropdown{width:280px}}.library-controls .filter-wrapper .filter-dropdown .filter-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.library-controls .filter-wrapper .filter-dropdown .filter-header h3{color:#111827;font-size:1rem;font-weight:600;margin:0}.library-controls .filter-wrapper .filter-dropdown .filter-header .close-filter{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:0;transition:color .2s}.library-controls .filter-wrapper .filter-dropdown .filter-header .close-filter:hover{color:#111827}.library-controls .filter-wrapper .filter-dropdown .filter-header .close-filter .material-icons-round{font-size:1.25rem}.library-controls .filter-wrapper .filter-dropdown .filter-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-header .calendar-nav{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-header .calendar-nav:hover{background:#ebebeb;color:#111827}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-header .calendar-nav .material-icons-round{font-size:1.25rem}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-header .calendar-title{color:#111827;font-size:.875rem;font-weight:600}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-weekdays{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr);margin-bottom:.25rem}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-weekdays .weekday{color:#9ca3af;font-size:.6875rem;font-weight:600;padding:.375rem 0;text-align:center}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr)}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:none;border-radius:.5rem;color:#111827;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;justify-content:center;position:relative;transition:all .2s}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day.empty{background:#0000;cursor:default}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day:not(.empty):hover{background:#ebebeb;color:#111827;transform:scale(1.05)}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day.in-range{background:#8b5cf626;color:#8b5cf6}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day.selected{background:#8b5cf6;box-shadow:0 2px 8px #8b5cf666;color:#fff;font-weight:700;transform:scale(1.05)}.library-controls .filter-wrapper .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day.selected:hover{background:#7c3aed;transform:scale(1.1)}.library-controls .filter-wrapper .filter-dropdown .filter-actions{border-top:1px solid #e5e7eb;display:flex;gap:.5rem;padding:1rem}.library-controls .filter-wrapper .filter-dropdown .filter-actions button{border:1px solid;border-radius:.375rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.library-controls .filter-wrapper .filter-dropdown .filter-actions .btn-clear{background:#ebebeb;border-color:#e5e7eb;color:#111827}.library-controls .filter-wrapper .filter-dropdown .filter-actions .btn-clear:hover{background:#dedede}.library-controls .filter-wrapper .filter-dropdown .filter-actions .btn-apply{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.library-controls .filter-wrapper .filter-dropdown .filter-actions .btn-apply:hover{background:#7c3aed}.library-controls .view-btn{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.library-controls .view-btn svg{font-size:20px}.library-controls .view-btn:hover{border-color:#8b5cf633;color:#8b5cf6}.tab-content{margin-left:-10px;margin-right:-10px;min-height:200px}.placeholder-content{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.placeholder-content .placeholder-icon{color:#9ca3af;font-size:80px;margin-bottom:20px}.placeholder-content h3{color:#111827;font-size:24px;margin-bottom:10px}.placeholder-content p{font-size:16px}.image-library{padding:30px}.image-library .library-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.image-library .library-header .header-content{align-items:center;display:flex;gap:15px}.image-library .library-header .header-content .header-icon{color:#8b5cf6;font-size:40px}.image-library .library-header .header-content h2{color:#111827;font-size:24px;margin-bottom:4px}.image-library .library-header .header-content p{color:#6b7280;font-size:14px}.image-library .library-header .upload-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.image-library .library-header .upload-btn svg{font-size:20px}.image-library .library-header .upload-btn:hover{background:#692cf3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.image-library .library-header .upload-btn:disabled{cursor:not-allowed;opacity:.6}.image-library .error-banner{align-items:center;background:#fff;border-left:4px solid #ef4444;border-radius:8px;color:#eb1515;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.image-library .error-banner button{align-items:center;background:none;border:none;color:#eb1515;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;width:24px}.image-library .error-banner button:hover{opacity:.7}.image-library .library-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.image-library .library-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#8b5cf6;height:50px;margin-bottom:20px;width:50px}.image-library .library-loading p{color:#6b7280;font-size:16px}.image-library .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.image-library .empty-state .empty-icon{color:#9ca3af;font-size:80px;margin-bottom:20px}.image-library .empty-state h3{color:#111827;font-size:24px;margin-bottom:10px}.image-library .empty-state p{color:#6b7280;margin-bottom:30px}.image-library .empty-state .upload-btn-primary{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:14px 32px;transition:all .3s ease}.image-library .empty-state .upload-btn-primary svg{font-size:22px}.image-library .empty-state .upload-btn-primary:hover{background:#692cf3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.image-library .images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.image-library .image-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.image-library .image-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.image-library .image-card .image-wrapper{cursor:pointer;height:200px;overflow:hidden;position:relative;width:100%}.image-library .image-card .image-wrapper img{display:block;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.image-library .image-card .image-wrapper .image-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.image-library .image-card .image-wrapper .image-overlay span{color:#fff;font-size:16px;font-weight:500}.image-library .image-card .image-wrapper:hover .image-overlay{opacity:1}.image-library .image-card .image-wrapper:hover img{transform:scale(1.1)}.image-library .image-card .image-info{padding:15px}.image-library .image-card .image-info .image-name{color:#111827;font-size:15px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-library .image-card .image-info .image-date{color:#6b7280;font-size:13px}.image-library .image-card .delete-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:all .3s ease;width:36px;z-index:2}.image-library .image-card .delete-btn svg{font-size:20px}.image-library .image-card .delete-btn:hover{background:#ef4444;transform:rotate(90deg)}.image-library .image-card:hover .delete-btn{opacity:1}.image-library .preview-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-library .preview-modal .preview-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;max-width:900px;overflow:hidden;position:relative;width:100%}.image-library .preview-modal .preview-content .close-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:2}.image-library .preview-modal .preview-content .close-btn svg{font-size:24px}.image-library .preview-modal .preview-content .close-btn:hover{background:#000000e6;transform:rotate(90deg)}.image-library .preview-modal .preview-content img{background:#000;display:block;max-height:60vh;object-fit:contain;width:100%}.image-library .preview-modal .preview-content .preview-info{padding:25px}.image-library .preview-modal .preview-content .preview-info h3{color:#111827;font-size:20px;margin-bottom:8px}.image-library .preview-modal .preview-content .preview-info p{color:#6b7280;margin-bottom:20px}.image-library .preview-modal .preview-content .preview-info .preview-actions{display:flex;flex-wrap:wrap;gap:15px}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete,.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-view{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-view{background:#a855f7;color:#fff}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-view:hover{background:#8f24f5}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete{background:#ef4444;color:#fff}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete svg{font-size:18px}.image-library .preview-modal .preview-content .preview-info .preview-actions .btn-delete:hover{background:#eb1515}.video-library{padding:30px}.video-library .library-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.video-library .library-header .header-content{align-items:center;display:flex;gap:15px}.video-library .library-header .header-content .header-icon{color:#a855f7;font-size:40px}.video-library .library-header .header-content h2{color:#111827;font-size:24px;margin-bottom:4px}.video-library .library-header .header-content p{color:#6b7280;font-size:14px}.video-library .library-header .upload-btn{align-items:center;background:#a855f7;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.video-library .library-header .upload-btn svg{font-size:20px}.video-library .library-header .upload-btn:hover{background:#8f24f5;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.video-library .library-header .upload-btn:disabled{cursor:not-allowed;opacity:.6}.video-library .videos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video-library .video-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.video-library .video-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.video-library .video-card .video-wrapper{background:#000;cursor:pointer;height:200px;overflow:hidden;position:relative;width:100%}.video-library .video-card .video-wrapper video{display:block;height:100%;object-fit:cover;width:100%}.video-library .video-card .video-wrapper .video-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;flex-direction:column;gap:10px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.video-library .video-card .video-wrapper .video-overlay .play-icon{color:#fff;font-size:48px}.video-library .video-card .video-wrapper .video-overlay span{color:#fff;font-size:16px;font-weight:500}.video-library .video-card .video-wrapper:hover .video-overlay{opacity:1}.video-library .video-card .video-info{padding:15px}.video-library .video-card .video-info .video-name{color:#111827;font-size:15px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-library .video-card .video-info .video-date{color:#6b7280;font-size:13px}.video-library .video-card .delete-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:all .3s ease;width:36px;z-index:2}.video-library .video-card .delete-btn svg{font-size:20px}.video-library .video-card .delete-btn:hover{background:#ef4444;transform:rotate(90deg)}.video-library .video-card:hover .delete-btn{opacity:1}.video-library .preview-modal .preview-content video{background:#000;display:block;max-height:60vh;width:100%}.audio-library{padding:30px}.audio-library .library-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.audio-library .library-header .header-content{align-items:center;display:flex;gap:15px}.audio-library .library-header .header-content .header-icon{color:#ff9800;font-size:40px}.audio-library .library-header .header-content h2{color:#111827;font-size:24px;margin-bottom:4px}.audio-library .library-header .header-content p{color:#6b7280;font-size:14px}.audio-library .library-header .upload-btn{align-items:center;background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.audio-library .library-header .upload-btn svg{font-size:20px}.audio-library .library-header .upload-btn:hover{background:#cc7a00;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.audio-library .audios-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.audio-library .audio-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.audio-library .audio-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.audio-library .audio-card .audio-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;height:150px;justify-content:center;position:relative}.audio-library .audio-card .audio-icon-wrapper .audio-icon{color:#fff;font-size:60px;transition:all .3s ease}.audio-library .audio-card .audio-icon-wrapper .audio-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.audio-library .audio-card .audio-icon-wrapper .audio-overlay span{color:#fff;font-size:16px;font-weight:500}.audio-library .audio-card .audio-icon-wrapper:hover .audio-icon{transform:scale(1.1)}.audio-library .audio-card .audio-icon-wrapper:hover .audio-overlay{opacity:1}.audio-library .audio-card .audio-info{padding:15px}.audio-library .audio-card .audio-info .audio-name{color:#111827;font-size:15px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-library .audio-card .audio-info .audio-date{color:#6b7280;font-size:13px;margin-bottom:10px}.audio-library .audio-card .audio-info .reference-text-display{background:#f5f5f5;border-radius:5px;margin-top:10px;padding:10px;position:relative}.audio-library .audio-card .audio-info .reference-text-display .reference-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:13px;margin:0;overflow:hidden;padding-right:30px;text-overflow:ellipsis}.audio-library .audio-card .audio-info .reference-text-display .btn-edit-text{background:#0000;border:none;color:#a855f7;cursor:pointer;padding:5px;position:absolute;right:5px;top:5px;transition:all .3s ease}.audio-library .audio-card .audio-info .reference-text-display .btn-edit-text:hover{color:#830cf4}.audio-library .audio-card .audio-info .reference-text-editor{margin-top:10px}.audio-library .audio-card .audio-info .reference-text-editor textarea{border:1px solid #e5e7eb;border-radius:5px;font-family:inherit;font-size:13px;padding:10px;resize:vertical;width:100%}.audio-library .audio-card .audio-info .reference-text-editor .editor-actions{display:flex;gap:10px;margin-top:10px}.audio-library .audio-card .audio-info .reference-text-editor .editor-actions button{border:none;border-radius:5px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .3s ease}.audio-library .audio-card .audio-info .reference-text-editor .editor-actions button.btn-save{align-items:center;background:#8b5cf6;color:#fff;display:flex;gap:5px}.audio-library .audio-card .audio-info .reference-text-editor .editor-actions button.btn-save:hover{background:#692cf3}.audio-library .audio-card .audio-info .reference-text-editor .editor-actions button.btn-cancel{background:#6c757d;color:#fff}.audio-library .audio-card .audio-info .reference-text-editor .editor-actions button.btn-cancel:hover{background:#545b62}.audio-library .audio-card .delete-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:all .3s ease;width:36px;z-index:2}.audio-library .audio-card .delete-btn svg{font-size:20px}.audio-library .audio-card .delete-btn:hover{background:#ef4444;transform:rotate(90deg)}.audio-library .audio-card:hover .delete-btn{opacity:1}.audio-library .modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.audio-library .modal-overlay .modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;max-width:600px;padding:30px;position:relative;width:100%}.audio-library .modal-overlay .modal-content .close-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px;transition:all .3s ease}.audio-library .modal-overlay .modal-content .close-btn:hover{color:#111827;transform:rotate(90deg)}.audio-library .modal-overlay .modal-content h3{color:#111827;font-size:24px;margin-bottom:25px}.audio-library .modal-overlay .modal-content .upload-form .form-group{margin-bottom:20px}.audio-library .modal-overlay .modal-content .upload-form .form-group label{color:#111827;display:block;font-weight:600;margin-bottom:8px}.audio-library .modal-overlay .modal-content .upload-form .form-group input[type=file]{border:1px solid #e5e7eb;border-radius:5px;cursor:pointer;padding:10px;width:100%}.audio-library .modal-overlay .modal-content .upload-form .form-group .file-selected{background:#e8f5e9;border-radius:5px;color:#2e7d32;margin-top:10px;padding:10px}.audio-library .modal-overlay .modal-content .upload-form .form-group textarea{border:1px solid #e5e7eb;border-radius:5px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.audio-library .modal-overlay .modal-content .upload-form .form-group small{color:#6b7280;display:block;font-size:13px;margin-top:5px}.audio-library .modal-overlay .modal-content .upload-form .modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.audio-library .modal-overlay .modal-content .upload-form .modal-actions button{border:none;border-radius:5px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .3s ease}.audio-library .modal-overlay .modal-content .upload-form .modal-actions button.btn-cancel{background:#6c757d;color:#fff}.audio-library .modal-overlay .modal-content .upload-form .modal-actions button.btn-cancel:hover{background:#545b62}.audio-library .modal-overlay .modal-content .upload-form .modal-actions button.btn-upload{background:#ff9800;color:#fff}.audio-library .modal-overlay .modal-content .upload-form .modal-actions button.btn-upload:hover:not(:disabled){background:#cc7a00}.audio-library .modal-overlay .modal-content .upload-form .modal-actions button.btn-upload:disabled{cursor:not-allowed;opacity:.6}.audio-library .preview-modal .preview-content .audio-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0;padding:30px;text-align:center}.audio-library .preview-modal .preview-content .audio-preview .preview-icon{color:#fff;font-size:80px;margin-bottom:20px}.audio-library .preview-modal .preview-content .audio-preview audio{max-width:400px;width:100%}.audio-library .preview-modal .preview-content .preview-info .reference-text-section{background:#f5f5f5;border-radius:8px;margin:20px 0;padding:15px}.audio-library .preview-modal .preview-content .preview-info .reference-text-section h4{color:#111827;font-size:16px;margin-bottom:10px}.audio-library .preview-modal .preview-content .preview-info .reference-text-section p{color:#111827;font-size:14px;margin:0}@media(max-width:768px){.my-library-page{padding:20px 15px}.page-header h1{font-size:24px}.page-header p{font-size:14px}.library-tabs{flex-wrap:wrap}.library-tabs .tab-btn{flex:1 1;font-size:14px;min-width:120px;padding:10px 16px}.image-library{padding:20px}.image-library .library-header{align-items:flex-start;flex-direction:column}.image-library .images-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-library .image-card .image-wrapper{height:150px}.preview-modal .preview-content{margin:10px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:#4b5563}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.my-videos-container{flex-grow:1;font-family:Inter,sans-serif;margin:0 auto;max-width:1280px;padding:0 .75rem .75rem;width:100%}@media(min-width:640px){.my-videos-container{padding:0 1rem .75rem}}@media(min-width:1024px){.my-videos-container{padding:0 1.5rem .75rem}}.loading-wrapper{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-wrapper .loading-content{text-align:center}.loading-wrapper .loading-content .spinner{animation:spin 1s linear infinite;border:2px solid;border-color:#0000 #0000 #8b5cf6;border-radius:50%;display:inline-block;height:3rem;margin-bottom:1rem;width:3rem}.loading-wrapper .loading-content .loading-text{color:#6b7280;font-size:.875rem}.error-box{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#b91c1c;display:flex;font-size:.875rem;padding:1rem}.error-box .error-icon{font-size:1.125rem;margin-right:.5rem;vertical-align:middle}.dark .error-box{background-color:#7f1d1d4d;border-color:#991b1b;color:#fca5a5}.page-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.page-header{align-items:flex-end;flex-direction:row;justify-content:space-between}}.page-header .header-content .page-title{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.page-header .header-content .video-count{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.page-header .header-content .video-count .material-icons-round{font-size:1rem}.page-header .header-content .video-count .count-number{color:#8b5cf6;font-weight:600}.page-header .header-actions{display:flex;gap:.75rem;width:100%}@media(min-width:768px){.page-header .header-actions{width:auto}}.dark .page-header .page-title{color:#fff}.dark .page-header .video-count{color:#9ca3af}.filter-button,.filter-wrapper{position:relative}.filter-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;color:#4b5563;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .3s;white-space:nowrap}.filter-button .material-icons-round{font-size:1.125rem}.filter-button .filter-badge{background-color:#8b5cf6;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-4px;top:-4px;width:12px}.filter-button:hover{background-color:#f9fafb}.dark .filter-button{background-color:#1f2937;border-color:#4b5563;color:#d1d5db}.dark .filter-button .filter-badge{border-color:#1f2937}.dark .filter-button:hover{background-color:#374151}.filter-dropdown{animation:dropdownFadeIn .2s ease-out;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:absolute;right:0;top:calc(100% + .5rem);width:300px;z-index:50}.filter-dropdown .filter-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.filter-dropdown .filter-header h3{color:#111827;font-size:1rem;font-weight:600;margin:0}.filter-dropdown .filter-header .close-filter{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:0;transition:color .2s}.filter-dropdown .filter-header .close-filter:hover{color:#111827}.filter-dropdown .filter-header .close-filter .material-icons-round{font-size:1.25rem}.filter-dropdown .filter-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.filter-dropdown .filter-content .calendar-wrapper .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.filter-dropdown .filter-content .calendar-wrapper .calendar-header .calendar-nav{align-items:center;background:none;border:none;border-radius:.375rem;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.filter-dropdown .filter-content .calendar-wrapper .calendar-header .calendar-nav:hover{background-color:#f3f4f6;color:#111827}.filter-dropdown .filter-content .calendar-wrapper .calendar-header .calendar-nav .material-icons-round{font-size:1.25rem}.filter-dropdown .filter-content .calendar-wrapper .calendar-header .calendar-title{color:#111827;font-size:.875rem;font-weight:600}.filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-weekdays{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr);margin-bottom:.25rem}.filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-weekdays .weekday{color:#6b7280;font-size:.6875rem;font-weight:600;padding:.375rem 0;text-align:center}.filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr)}.filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day{align-items:center;aspect-ratio:1;background-color:#fff;border:none;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;justify-content:center;position:relative;transition:all .2s}.filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day.empty{background:#0000;cursor:default}.filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day:not(.empty):hover{background-color:#f3f4f6;color:#111827;transform:scale(1.05)}.filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day.in-range{background-color:#8b5cf626;color:#8b5cf6}.filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day.selected{background-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf666;color:#fff;font-weight:700;transform:scale(1.05)}.filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day.selected:hover{background-color:#a78bfa;transform:scale(1.1)}.filter-dropdown .filter-actions{border-top:1px solid #e5e7eb;display:flex;gap:.5rem;padding:1rem}.filter-dropdown .filter-actions button{border:1px solid;border-radius:.375rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.filter-dropdown .filter-actions .btn-clear{background-color:#fff;border-color:#d1d5db;color:#374151}.filter-dropdown .filter-actions .btn-clear:hover{background-color:#f9fafb}.filter-dropdown .filter-actions .btn-apply{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.filter-dropdown .filter-actions .btn-apply:hover{background-color:#a78bfa}.dark .filter-dropdown{background-color:#1f2937;border-color:#374151}.dark .filter-dropdown .filter-header{border-bottom-color:#374151}.dark .filter-dropdown .filter-header h3{color:#fff}.dark .filter-dropdown .filter-header .close-filter{color:#9ca3af}.dark .filter-dropdown .filter-header .close-filter:hover{color:#fff}.dark .filter-dropdown .filter-content .calendar-wrapper .calendar-header .calendar-nav{color:#9ca3af}.dark .filter-dropdown .filter-content .calendar-wrapper .calendar-header .calendar-nav:hover{background-color:#374151;color:#fff}.dark .filter-dropdown .filter-content .calendar-wrapper .calendar-header .calendar-title{color:#fff}.dark .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-weekdays .weekday{color:#9ca3af}.dark .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day{background-color:#374151;color:#d1d5db}.dark .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day:not(.empty):hover{background-color:#4b5563;color:#fff}.dark .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day.in-range{background-color:#8b5cf640;color:#bfa4fa}.dark .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day.selected{background-color:#8b5cf6;color:#fff}.dark .filter-dropdown .filter-content .calendar-wrapper .calendar-grid .calendar-days .calendar-day.selected:hover{background-color:#a78bfa}.dark .filter-dropdown .filter-actions{border-top-color:#374151}.dark .filter-dropdown .filter-actions .btn-clear{background-color:#374151;border-color:#4b5563;color:#d1d5db}.dark .filter-dropdown .filter-actions .btn-clear:hover{background-color:#4b5563}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.empty-state{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:3rem;text-align:center}.empty-state .empty-icon{color:#9ca3af;font-size:3.75rem;margin-bottom:1rem}.empty-state .empty-title{color:#4b5563;font-size:1.125rem;margin-bottom:.5rem}.empty-state .empty-subtitle{color:#6b7280;font-size:.875rem}.dark .empty-state{background-color:#1f2937;border-color:#374151}.dark .empty-state .empty-icon{color:#4b5563}.dark .empty-state .empty-title{color:#9ca3af}.dark .empty-state .empty-subtitle{color:#6b7280}.table-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden;transition:all .3s}.dark .table-wrapper{background-color:#1f2937;border-color:#374151}.table-container{overflow-x:auto}.videos-table{border-collapse:collapse;text-align:left;width:100%}.videos-table thead tr{background-color:#f9fafb80;border-bottom:1px solid #e5e7eb}.videos-table thead tr th{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-transform:uppercase}.videos-table thead tr th.col-stt{text-align:center;width:5%}.videos-table thead tr th.col-preview{width:25%}.videos-table thead tr th.col-actions{text-align:right}.videos-table tbody tr.table-row{border-bottom:1px solid #f3f4f6;transition:all .15s}.videos-table tbody tr.table-row:hover{background-color:#f9fafb}.videos-table tbody tr.table-row td{padding:1rem 1.5rem}.videos-table tbody tr.table-row td.cell-stt{color:#6b7280;font-size:.875rem;font-weight:500;text-align:center}.videos-table tbody tr.table-row td.cell-preview .video-preview-wrapper{aspect-ratio:16/9;background-color:#e5e7eb;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;overflow:hidden;position:relative;width:12rem}.videos-table tbody tr.table-row td.cell-preview .video-preview-wrapper .video-element{height:100%;object-fit:cover;transition:transform .3s;width:100%}.videos-table tbody tr.table-row td.cell-preview .video-preview-wrapper:hover .video-element{transform:scale(1.05)}.videos-table tbody tr.table-row td.cell-preview .video-preview-wrapper .video-overlay{align-items:center;background-color:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.videos-table tbody tr.table-row td.cell-preview .video-preview-wrapper .video-overlay .play-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:.5rem;transition:all .2s}.videos-table tbody tr.table-row td.cell-preview .video-preview-wrapper .video-overlay .play-button .material-icons-round{display:block;font-size:1.875rem}.videos-table tbody tr.table-row td.cell-preview .video-preview-wrapper .video-overlay .play-button:hover{background-color:#fff6}.videos-table tbody tr.table-row td.cell-preview .video-preview-wrapper:hover .video-overlay{opacity:1}.videos-table tbody tr.table-row td.cell-name .video-name .name-text{color:#111827;font-size:.875rem;font-weight:500}.videos-table tbody tr.table-row td.cell-date .date-info{display:flex;flex-direction:column}.videos-table tbody tr.table-row td.cell-date .date-info .date-str{color:#111827;font-size:.875rem;font-weight:500}.videos-table tbody tr.table-row td.cell-date .date-info .time-str{color:#6b7280;font-size:.75rem}.videos-table tbody tr.table-row td.cell-actions{text-align:right}.videos-table tbody tr.table-row td.cell-actions .action-buttons{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-delete,.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-download{align-items:center;border:1px solid;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;justify-content:center;line-height:1;padding:.375rem .75rem;text-decoration:none;transition:all .3s;vertical-align:middle}.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-delete .material-icons-round,.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-download .material-icons-round{align-items:center;display:flex;font-size:1rem;justify-content:center;line-height:1}.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-download{background-color:#f0fdf4;border-color:#bbf7d0;color:#15803d}.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-download:hover{background-color:#dcfce7}.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-delete{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-delete:hover{background-color:#fee2e2}.dark .videos-table thead tr{background-color:#1f293780;border-bottom-color:#374151}.dark .videos-table thead tr th{color:#9ca3af}.dark .videos-table tbody tr.table-row{border-bottom-color:#374151}.dark .videos-table tbody tr.table-row:hover{background-color:#1f293780}.dark .videos-table tbody tr.table-row td.cell-stt{color:#9ca3af}.dark .videos-table tbody tr.table-row td.cell-preview .video-preview-wrapper{background-color:#374151;border-color:#4b5563}.dark .videos-table tbody tr.table-row td.cell-date .date-info .date-str,.dark .videos-table tbody tr.table-row td.cell-name .video-name .name-text{color:#fff}.dark .videos-table tbody tr.table-row td.cell-date .date-info .time-str{color:#9ca3af}.dark .videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-download{background-color:#14532d33;border-color:#166534;color:#bbf7d0}.dark .videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-download:hover{background-color:#14532d4d}.dark .videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-delete{background-color:#7f1d1d33;border-color:#991b1b;color:#fca5a5}.dark .videos-table tbody tr.table-row td.cell-actions .action-buttons .btn-delete:hover{background-color:#7f1d1d4d}.table-footer{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.table-footer .footer-info{color:#6b7280;font-size:.875rem}.table-footer .pagination{align-items:center;display:flex;gap:.5rem}.table-footer .pagination .pagination-ellipsis{color:#6b7280;font-size:.875rem;padding:.25rem .5rem}.table-footer .pagination .pagination-btn{background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.25rem .75rem;transition:all .3s}.table-footer .pagination .pagination-btn:hover:not(:disabled){background-color:#f3f4f6}.table-footer .pagination .pagination-btn.active{background-color:#8b5cf6;border-color:#8b5cf6;box-shadow:0 1px 2px 0 #0000000d;color:#fff}.table-footer .pagination .pagination-btn.active:hover{background-color:#a78bfa}.table-footer .pagination .pagination-btn:disabled{color:#6b7280;cursor:not-allowed;opacity:.5}.dark .table-footer{background-color:#1f293780;border-top-color:#374151}.dark .table-footer .footer-info{color:#9ca3af}.dark .table-footer .pagination .pagination-btn{background-color:#374151;border-color:#4b5563;color:#d1d5db}.dark .table-footer .pagination .pagination-btn:hover:not(:disabled){background-color:#4b5563}.dark .table-footer .pagination .pagination-btn:disabled{color:#9ca3af}.video-modal{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000d9;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.video-modal .modal-content{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}.video-modal .modal-content.delete-confirm{max-width:400px;padding:0}.video-modal .modal-close{align-items:center;background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:2.5rem;z-index:10}.video-modal .modal-close:hover{background-color:#000c;transform:scale(1.1)}.video-modal .modal-close .material-icons-round{font-size:1.5rem}.video-modal .modal-video-wrapper{aspect-ratio:16/9;background-color:#000;position:relative;width:100%}.video-modal .modal-video-wrapper .modal-video{display:block;height:100%;object-fit:contain;width:100%}.video-modal .delete-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.625rem;padding:1.25rem 1.25rem .875rem}.video-modal .delete-modal-header .delete-icon{color:#ef4444;font-size:1.75rem}.video-modal .delete-modal-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.video-modal .delete-modal-body{padding:1.25rem}.video-modal .delete-modal-body p{color:#374151;font-size:.875rem;line-height:1.5;margin:0 0 .625rem}.video-modal .delete-modal-body p:last-child{margin-bottom:0}.video-modal .delete-modal-body p.warning-text{color:#ef4444;font-size:.8125rem;font-weight:500}.video-modal .delete-modal-actions{display:flex;gap:.625rem;justify-content:flex-end;padding:.875rem 1.25rem 1.25rem}.video-modal .delete-modal-actions button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.5rem;line-height:1;padding:.5rem 1rem;transition:all .2s}.video-modal .delete-modal-actions button .material-icons-round{font-size:1.125rem;line-height:1}.video-modal .delete-modal-actions .btn-cancel{background-color:#f3f4f6;color:#111827}.video-modal .delete-modal-actions .btn-cancel:hover{background-color:#e4e7eb}.video-modal .delete-modal-actions .btn-confirm-delete{background-color:#ef4444;color:#fff}.video-modal .delete-modal-actions .btn-confirm-delete:hover{background-color:#dc2626}.video-modal .delete-modal-actions .btn-confirm-delete:active{transform:scale(.98)}.dark .video-modal .modal-content,.dark .video-modal .modal-content.delete-confirm{background-color:#1f2937}.dark .video-modal .delete-modal-header{border-bottom-color:#374151}.dark .video-modal .delete-modal-header h3{color:#f9fafb}.dark .video-modal .delete-modal-body p{color:#9ca3af}.dark .video-modal .delete-modal-actions .btn-cancel{background-color:#374151;color:#f9fafb}.dark .video-modal .delete-modal-actions .btn-cancel:hover{background-color:#414d60}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.video-generation-progress-page{display:flex;flex-direction:column;gap:16px}.progress-page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.progress-page-header h1{margin:0 0 8px}.header-actions{display:flex;flex-wrap:wrap;gap:8px}.primary-btn,.secondary-btn{border:none;border-radius:8px;cursor:pointer;padding:10px 14px}.primary-btn{background:#1f4fd6;color:#fff}.secondary-btn{background:#e8edf8;color:#1c2533}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.5}.job-progress-summary{background:#f5f7fb;border:1px solid #d8e0f2;border-radius:10px;padding:12px}.progress-meta{display:flex;justify-content:space-between;margin-bottom:8px}.progress-track{background:#dfe7fb;border-radius:999px;height:10px;overflow:hidden;width:100%}.progress-fill{background:#2166f3;height:100%}.job-error,.slide-error{background:#ffe7e9;border:1px solid #ffc2c7;border-radius:8px;color:#9c1b24;padding:8px 10px}.final-video-section{background:#f8fbff;border:1px solid #d8e6f9;border-radius:10px;padding:12px}.final-video-section video{border-radius:10px;max-width:900px;width:100%}.slides-progress-list{display:flex;flex-direction:column;gap:14px}.slide-progress-card{background:#fff;border:1px solid #d8dfea;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:14px}.slide-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.slide-label-inline{align-items:center;background:#111827;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;padding:5px 12px}.slide-media-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.slide-image-panel,.slide-video-panel{min-width:0}.slide-image-panel img,.slide-video-preview video{background:#f8fafc;border:1px solid #cfd8ea;border-radius:10px;max-height:340px;min-height:260px;object-fit:contain;width:100%}.slide-video-placeholder{align-items:center;background:#f8fafc;border:1px dashed #cfd8ea;border-radius:10px;color:#475569;display:flex;font-size:13px;justify-content:center;max-height:340px;min-height:260px;padding:12px;text-align:center;width:100%}.slide-detail{display:flex;flex-direction:column;gap:8px}.slide-status{border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.2px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.status-pending{background:#eef2ff;border-color:#c7d2fe;box-shadow:inset 0 0 0 1px #6366f11f;color:#3730a3}.status-composing,.status-processing_fakelip,.status-processing_tts{background:#fff7ed;border-color:#fdba74;box-shadow:inset 0 0 0 1px #fb923c2e;color:#c2410c}.status-done{background:#ecfdf3;border-color:#86efac;box-shadow:inset 0 0 0 1px #16a34a2e;color:#047857}.status-failed{background:#fef2f2;border-color:#fca5a5;box-shadow:inset 0 0 0 1px #ef444433;color:#b91c1c}.slide-detail textarea{border:1px solid #cdd6e4;border-radius:8px;font-size:14px;min-height:150px;padding:10px;resize:vertical;width:100%}.slide-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:1024px){.slide-media-row{grid-template-columns:1fr}}.unauthorized-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.unauthorized-panel{max-width:42rem;position:relative;text-align:center;width:100%}.unauthorized-panel:before{background:linear-gradient(135deg,#ef444433,#9333ea33);content:"";filter:blur(80px);height:400px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:400px;z-index:-1}.unauthorized-panel__icon-wrapper{display:inline-block;margin-bottom:2rem;position:relative}.unauthorized-panel__icon-bg{color:#ef444433;font-size:8rem;left:-3rem;position:absolute;top:-2rem;transform:rotate(12deg)}.unauthorized-panel__error-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f87171,#ef4444);-webkit-background-clip:text;background-clip:text;font-size:9rem;font-weight:900;line-height:1}.unauthorized-panel__title{color:#0f172a;font-size:2.25rem;font-weight:700;margin-bottom:1rem}.unauthorized-panel__message{color:#475569;font-size:1.25rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:36rem;padding:0 1rem}.unauthorized-panel__actions{display:flex;flex-direction:column;gap:1rem;padding:0 1rem}.unauthorized-panel__button{align-items:center;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:.75rem;box-shadow:0 4px 14px 0 #9333ea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:center;min-width:280px;padding:1rem 3rem;text-decoration:none;transition:all .3s ease}.unauthorized-panel__button:hover{background:linear-gradient(135deg,#7e22ce,#6b21a8);box-shadow:0 6px 20px 0 #9333ea66;transform:translateY(-4px)}.unauthorized-panel__button:active{transform:translateY(-2px)}.unauthorized-panel__button svg{font-size:1.5rem}.unauthorized-panel__footer{margin-top:4rem}.unauthorized-panel__footer p{color:#64748b;font-size:1rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.create-content-page{margin:0 auto;max-width:1000px;padding:20px}.tabs-container{margin-top:20px}.tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px}.tab{background:none;border:none;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px}.tab.active{border-bottom:2px solid #3f51b5;color:#3f51b5}.tab:hover{background-color:#f5f5f5}.tab-content{padding:10px}.feature-section{padding:15px}.ai-form{background:#f8f9fa;border-radius:8px;padding:20px}.ai-form,.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;padding:10px;width:100%}.form-group input[type=file],.form-group small{display:block;margin-top:5px}.form-group small{color:#666}.btn-primary{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.btn-primary:disabled{background:#b0bec5;cursor:not-allowed}.result-section{background:#e3f2fd;border-radius:8px;margin-top:20px;padding:20px}.audio-player,.video-player{margin:10px 0;width:100%}.download-loading{color:#0d47a1;padding:8px}.btn-download,.download-loading{border-radius:4px;margin-top:10px}.btn-download{background:#4caf50;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:8px 16px;text-decoration:none}.btn-download:hover{background:#388e3c}.error-message{background:#ffebee;color:#d32f2f}.voice-options{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;margin-bottom:20px;padding:15px}.voice-type-selection{margin-bottom:15px}.voice-type-selection h3{font-size:16px;font-weight:500;margin-bottom:10px;margin-top:0}.radio-group{display:flex;gap:20px}.radio-group label{align-items:center;cursor:pointer;display:flex;gap:5px}.file-selected{background-color:#e3f2fd}.file-selected,.file-uploaded{border-radius:4px;margin-top:10px;padding:10px}.file-uploaded{background-color:#e8f5e9}.audio-sample-player{margin-top:10px;width:100%}.deepfake-container{padding:20px}.deepfake-form{margin-top:20px}.upload-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.upload-box{background-color:#f9f9f9;border:1px dashed #ccc;border-radius:5px;flex:1 1;min-width:300px;padding:15px}.upload-box label{color:#333;display:block;font-weight:700;margin-bottom:10px}.preview{margin-top:10px;text-align:center}.preview img{max-height:250px}.preview img,.preview video{border-radius:5px;box-shadow:0 2px 4px #0000001a;max-width:100%}.deepfake-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.deepfake-button:hover{background-color:#45a049}.deepfake-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#ffebee;border-radius:4px;color:#f44336;margin:10px 0;padding:10px}.processing-message{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:5px;margin-top:30px;padding:20px;text-align:center}.loading-spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:20px auto;width:40px}.processing-note{color:#777;font-size:14px;margin-top:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.result-container{border:1px solid #ddd;border-radius:5px;padding:20px}.result-actions{gap:15px;margin-top:20px}.download-button,.result-actions{display:flex;justify-content:center}.download-button{align-items:center;background-color:#4caf50;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.download-button:before{font-size:18px;margin-right:10px}.download-button:hover{background-color:#3e8e41;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.download-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.new-fakelip-button{align-items:center;background-color:#2196f3;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:12px 20px;transition:all .3s ease}.new-fakelip-button:before{font-size:18px;margin-right:10px}.new-fakelip-button:hover{background-color:#0b7dda;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.new-fakelip-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.download-loading{animation:pulse 1.5s infinite;background-color:#e3f2fd;border-radius:6px;color:#1565c0;margin-top:15px;padding:10px;text-align:center}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.result-container{background-color:#f5f5f5;border-radius:12px;box-shadow:0 5px 15px #00000014;margin-top:30px;padding:25px}.result-container h3{color:#333;font-size:1.2rem;margin-bottom:15px;text-align:center}.result-container video{border-radius:8px;box-shadow:0 3px 10px #0000001a}.loading-container{align-items:center;background-color:var(--background-color-default);display:flex;flex-grow:1;height:100%;justify-content:center;width:100%}.dashboard>*+*{margin-top:2.5rem}.board{text-align:center}.board .board-title{color:#0f172a;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;line-height:2.25rem}@media(min-width:768px){.board .board-title{font-size:2.25rem;line-height:2.5rem}}.board .board-content{color:#475569;font-size:1.125rem;line-height:1.75rem;margin-left:auto;margin-right:auto;margin-top:.75rem;max-width:42rem}.main-card{background-image:linear-gradient(to bottom right,var(--color-primary));border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:var(--white);padding:2rem;text-align:center}@media(min-width:768px){.main-card{padding:3rem}}.main-card .main-card-content{margin-left:auto;margin-right:auto;max-width:48rem}.main-card .main-card-content .icon-movie{display:inline-block;font-size:3rem;margin-bottom:1rem;opacity:.8}.main-card .main-card-content .card-heading{font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:.5rem}@media(min-width:768px){.main-card .main-card-content .card-heading{font-size:1.875rem;line-height:2.25rem}}.main-card .main-card-content .card-description{font-size:1.125rem;line-height:1.75rem;margin-bottom:1.5rem;opacity:.9}.main-card .main-card-content .card-btn{background-color:var(--white);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0f172a1a,0 2px 4px -2px #0f172a1a;color:var(--bg-btn-primary);cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .15s ease-out}.main-card .main-card-content .card-btn:hover{background-color:#f1f5f9;transform:scale(1.05)}.main-card .main-card-content .card-btn:focus{box-shadow:0 0 0 2px #ffffffbf;outline:none}.second-card{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:1024px){.second-card{grid-template-columns:repeat(2,1fr)}}.second-card .card{align-items:flex-start;background-color:var(--white);border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 2px 0 #0f172a0d;display:flex;flex-direction:column;padding:2rem}.second-card .card .card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.second-card .card .card-header .icon-wrapper{background-color:color-mix(in srgb,var(--color-primary) 10%,#0000);border-radius:.5rem;padding:.75rem}.second-card .card .card-header .icon-wrapper .icon-card{color:var(--bg-btn-primary);font-size:1.875rem;line-height:2.25rem}.second-card .card .card-header .card-header-text{color:#0f172a;font-size:1.25rem;font-weight:600;line-height:1.75rem}.second-card .card .card-description{color:#475569;flex-grow:1;margin-bottom:1.5rem}.second-card .card .btn-secondary{background-color:#f1f5f9;border:none;border-radius:.5rem;color:#334155;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:background-color .15s ease,color .15s ease;width:100%}@media(min-width:640px){.second-card .card .btn-secondary{width:auto}}.second-card .card .btn-secondary:hover{background-color:#e2e8f0}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .2s ease-in-out}.animate-popUp,.modal-dialog{animation:popUp .3s cubic-bezier(.175,.885,.32,1.275)}.modal-dialog{background:var(--white);border-radius:1rem;box-shadow:0 10px 40px #0000004d;max-width:90%;padding:1.5rem;position:relative;width:24rem}.modal-dialog .modal-close{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:color .2s}.modal-dialog .modal-close:hover{color:#333}.modal-dialog .modal-title{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-right:1.5rem;text-align:center}.modal-dialog .modal-options{display:flex;flex-direction:column;gap:.75rem}.modal-dialog .modal-options .modal-option{align-items:center;background:var(--white);border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.modal-dialog .modal-options .modal-option:hover{background:#f8f9ff;border-color:var(--bg-btn-primary);transform:translateX(4px)}.modal-dialog .modal-options .modal-option .option-icon{flex-shrink:0;font-size:1.5rem}.modal-dialog .modal-options .modal-option .option-text{color:#333;font-size:.938rem;font-weight:500}@media(max-width:768px){.modal-dialog{padding:1.25rem;width:20rem}}.header{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#fffc;box-shadow:0 1px 2px 0 #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header .header-wrapper{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.header .header-wrapper{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.header .header-wrapper{padding-left:2rem;padding-right:2rem}}.header .header-wrapper .header-wrapper-content{align-items:center;display:flex;height:4rem;justify-content:space-between}.header .header-wrapper .header-wrapper-content .logo{flex-shrink:0}.header .header-wrapper .header-wrapper-content .logo .logo-text{color:var(--color-primary);font-size:1.5rem;font-weight:700;line-height:2rem}.header .header-wrapper .header-wrapper-content .header-menu{align-items:center;display:none;gap:2rem}@media(min-width:768px){.header .header-wrapper .header-wrapper-content .header-menu{display:flex}}.header .header-wrapper .header-wrapper-content .header-menu .header-menu-item a:-webkit-any-link{color:#475569;font-weight:500;-webkit-transition:color .2s ease;transition:color .2s ease}.header .header-wrapper .header-wrapper-content .header-menu .header-menu-item a:-webkit-any-link:hover{color:var(--color-primary)}.header .header-wrapper .header-wrapper-content .user-menu{align-items:center;display:flex;gap:1rem}.header .header-wrapper .header-wrapper-content .user-menu .profile{color:#475569;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:color .2s ease}.header .header-wrapper .header-wrapper-content .user-menu .profile:hover{color:var(--color-primary)}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;color:var(--white);font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.btn-primary:focus:hover,.btn-primary:hover{background-color:var(--bg-btn-primary)!important;border-color:var(--bg-btn-primary)!important;color:var(--white)!important}.btn-primary:focus{box-shadow:0 0 0 2px var(--background-light),0 0 0 4px var(--color-primary);outline:none}.btn-primary.ant-btn-disabled,.btn-primary[disabled]{box-shadow:none;opacity:.6}.ant-dropdown-menu{border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 40px #0000001a;padding:.5rem}.ant-dropdown-menu .ant-dropdown-menu-item{border-radius:.5rem;padding:.5rem .75rem;transition:all .2s}.ant-dropdown-menu .ant-dropdown-menu-item:hover{background-color:#f8fafc;color:#7c3aed}.ant-dropdown-menu .ant-dropdown-menu-item .anticon{font-size:16px;margin-right:.5rem}.user-layout{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-light);color:#1e293b;font-family:sans-serif;font-family:var(--font-display,sans-serif)}.user-layout .main-content{flex-grow:1;margin-left:auto;margin-right:auto;padding:2rem 1rem;width:100%}@media(min-width:640px){.user-layout .main-content{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.user-layout .main-content{max-width:768px;padding-bottom:3rem;padding-top:3rem}}@media(min-width:1024px){.user-layout .main-content{max-width:1024px;padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.user-layout .main-content{max-width:1280px}}.user-layout .footer{margin-top:auto;padding-bottom:1.5rem}.user-layout .footer .footer-content{color:#64748b;font-size:.875rem;line-height:1.25rem;margin-left:auto;margin-right:auto;max-width:100%;padding-left:1rem;padding-right:1rem;text-align:center}@media(min-width:640px){.user-layout .footer .footer-content{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.user-layout .footer .footer-content{max-width:1024px;padding-left:2rem;padding-right:2rem}}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh}:root{--color-primary:#38bdf8;--background-light:#f8fafc;--bg-btn-primary:#0ea5e9;--white:#fff;--color-text-light:#0f172a;--color-card-light:#fff;--color-border-light:#cbd5e1;--color-muted-light:#64748b}a{text-decoration:none}h1,h2,p{margin:0}.ant-menu-light.ant-menu-root.ant-menu-inline{border:none}
/*# sourceMappingURL=main.8eeb4dc8.css.map*/