*,: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.18 | 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{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}*{box-sizing:border-box;margin:0;padding:0}.light-theme,:root{--primary-color:#30c4b5;--primary-dark:#28a89a;--secondary-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--bg-primary:#fff;--bg-secondary:#f7f9fc;--bg-tertiary:#f9fafb;--bg-hover:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-light:#f9fafb;--border-color:#e5e7eb;--border-light:#f3f4f6;--border-dark:#d1d5db;--card-bg:#fff;--card-border:#e5e7eb;--card-shadow:#00000014;--input-bg:#fff;--input-border:#d1d5db;--input-focus:#30c4b5;--sidebar-bg:#fff;--sidebar-border:#e5e7eb;--nav-hover:#f3f4f6;--nav-active:#30c4b51a;--status-success-bg:#d1fae5;--status-success-text:#10b981;--status-error-bg:#fee2e2;--status-error-text:#ef4444;--status-warning-bg:#fef3c7;--status-warning-text:#f59e0b;--status-info-bg:#dbeafe;--status-info-text:#2563eb}.dark-theme{--primary-color:#30c4b5;--primary-dark:#28a89a;--secondary-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-hover:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-light:#1e293b;--border-color:#334155;--border-light:#475569;--border-dark:#1e293b;--card-bg:#1e293b;--card-border:#334155;--card-shadow:#0000004d;--input-bg:#0f172a;--input-border:#334155;--input-focus:#30c4b5;--sidebar-bg:#0f172a;--sidebar-border:#334155;--nav-hover:#334155;--nav-active:#30c4b533;--status-success-bg:#10b98133;--status-success-text:#34d399;--status-error-bg:#ef444433;--status-error-text:#f87171;--status-warning-bg:#f59e0b33;--status-warning-text:#fbbf24;--status-info-bg:#2563eb33;--status-info-text:#60a5fa}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f9fc;background-color:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.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}}.btn-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#0284c7;background-color:rgb(2 132 199/var(--tw-bg-opacity,1));border-radius:.5rem;color:rgb(255 255 255/var(--tw-text-opacity,1));font-weight:500;padding:.5rem 1rem;transition-duration:.2s;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)}.btn-primary:hover{--tw-bg-opacity:1;background-color:#0369a1;background-color:rgb(3 105 161/var(--tw-bg-opacity,1))}.btn-primary:disabled{opacity:.5}.btn-secondary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));border-radius:.5rem;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:500;padding:.5rem 1rem;transition-duration:.2s;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)}.btn-secondary:hover{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.input-field{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:.5rem;border-width:1px;outline:2px solid #0000;outline-offset:2px;padding:.5rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.input-field: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);--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity,1));border-color:#0000;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)}.card{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.75rem;border-width:1px;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);padding:1.5rem}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-top-3{top:-.75rem}.bottom-3{bottom:.75rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-64{margin-left:16rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-32{min-height:8rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1400px\]{max-width:1400px}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{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-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{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-0{--tw-translate-x:0px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-95{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))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.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-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-y{resize:vertical}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.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-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)))}.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-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-cyan-200{--tw-border-opacity:1;border-color:#a5f3fc;border-color:rgb(165 243 252/var(--tw-border-opacity,1))}.border-cyan-400{--tw-border-opacity:1;border-color:#22d3ee;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/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-200{--tw-border-opacity:1;border-color:#fed7aa;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:#e9d5ff;border-color:rgb(233 213 255/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-teal-200{--tw-border-opacity:1;border-color:#99f6e4;border-color:rgb(153 246 228/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-yellow-200{--tw-border-opacity:1;border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-\[\#001D2E\]{--tw-bg-opacity:1;background-color:#001d2e;background-color:rgb(0 29 46/var(--tw-bg-opacity,1))}.bg-\[\#0a1929\]{--tw-bg-opacity:1;background-color:#0a1929;background-color:rgb(10 25 41/var(--tw-bg-opacity,1))}.bg-\[\#30C4B5\]{--tw-bg-opacity:1;background-color:#30c4b5;background-color:rgb(48 196 181/var(--tw-bg-opacity,1))}.bg-\[\#30C4B5\]\/20{background-color:#30c4b533}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/70{background-color:#000000b3}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:#bfdbfe;background-color:rgb(191 219 254/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-cyan-500{--tw-bg-opacity:1;background-color:#06b6d4;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/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-gray-500{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/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-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:#6366f1;background-color:rgb(99 102 241/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-500{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-primary-500{--tw-bg-opacity:1;background-color:#0ea5e9;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.bg-primary-600{--tw-bg-opacity:1;background-color:#0284c7;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-200{--tw-bg-opacity:1;background-color:#e9d5ff;background-color:rgb(233 213 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-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-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/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-teal-100{--tw-bg-opacity:1;background-color:#ccfbf1;background-color:rgb(204 251 241/var(--tw-bg-opacity,1))}.bg-teal-50{--tw-bg-opacity:1;background-color:#f0fdfa;background-color:rgb(240 253 250/var(--tw-bg-opacity,1))}.bg-teal-600{--tw-bg-opacity:1;background-color:#0d9488;background-color:rgb(13 148 136/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/60{background-color:#fff9}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:#facc15;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.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))}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 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-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-50{--tw-gradient-from:#ecfeff var(--tw-gradient-from-position);--tw-gradient-to:#ecfeff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:#f9fafb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:#f0fdf400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:#fff7ed00 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-primary-50{--tw-gradient-from:#f0f9ff var(--tw-gradient-from-position);--tw-gradient-to:#f0f9ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-500{--tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to:#0ea5e900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:#faf5ff00 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-red-50{--tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);--tw-gradient-to:#fef2f200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-50{--tw-gradient-from:#fefce8 var(--tw-gradient-from-position);--tw-gradient-to:#fefce800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-white{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-cyan-50{--tw-gradient-to:#ecfeff var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-primary-50{--tw-gradient-to:#f0f9ff var(--tw-gradient-to-position)}.to-primary-600{--tw-gradient-to:#0284c7 var(--tw-gradient-to-position)}.to-purple-100{--tw-gradient-to:#f3e8ff var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.to-teal-50{--tw-gradient-to:#f0fdfa var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.to-yellow-50{--tw-gradient-to:#fefce8 var(--tw-gradient-to-position)}.fill-gray-900{fill:#111827}.fill-white{fill:#fff}.fill-yellow-400{fill:#facc15}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.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-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.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-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pr-4{padding-right:1rem}.pt-14{padding-top:3.5rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.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-\[10px\]{font-size:10px}.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-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-wider{letter-spacing:.05em}.text-\[\#30C4B5\]{--tw-text-opacity:1;color:#30c4b5;color:rgb(48 196 181/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.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-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:#0891b2;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-cyan-700{--tw-text-opacity:1;color:#0e7490;color:rgb(14 116 144/var(--tw-text-opacity,1))}.text-cyan-800{--tw-text-opacity:1;color:#155e75;color:rgb(21 94 117/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-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/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-orange-500{--tw-text-opacity:1;color:#f97316;color:rgb(249 115 22/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-orange-800{--tw-text-opacity:1;color:#9a3412;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-primary-600{--tw-text-opacity:1;color:#0284c7;color:rgb(2 132 199/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.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-purple-800{--tw-text-opacity:1;color:#6b21a8;color:rgb(107 33 168/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-teal-600{--tw-text-opacity:1;color:#0d9488;color:rgb(13 148 136/var(--tw-text-opacity,1))}.text-teal-800{--tw-text-opacity:1;color:#115e59;color:rgb(17 94 89/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:#fff6}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{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-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.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-lg,.shadow-md{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-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-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 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)}.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)}.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-shadow{transition-duration:.15s;transition-property:box-shadow;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}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1 1;margin-left:0;min-height:calc(100vh - 140px);padding-top:60px;transition:margin-left .3s ease-in-out}body:has(.sidebar.open) .main-content{margin-left:280px}body:has(.sidebar.closed) .main-content{margin-left:0}@media (max-width:768px){.main-content{margin-left:0!important;padding-top:60px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;outline:none}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-danger{background-color:#ef4444;background-color:var(--danger-color)}.btn-outline{background-color:initial;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:#30c4b5;background-color:var(--primary-color);color:#fff}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.badge-primary{background-color:#dbeafe;color:#30c4b5;color:var(--primary-color)}.badge-success{background-color:#d1fae5;color:#10b981;color:var(--success-color)}.badge-warning{background-color:#fef3c7;color:#f59e0b;color:var(--warning-color)}.badge-danger{background-color:#fee2e2;color:#ef4444;color:var(--danger-color)}.spinner{border:3px solid #f3f4f6;border-top:3px solid var(--primary-color);margin:20px auto}@media (max-width:768px){.container{padding:0 15px}}.onpay-form-container{min-height:600px!important;overflow:visible!important;width:100%}.onpay-form-container iframe{border:none;min-height:600px!important;width:100%!important}#onpay-order-form{min-height:600px!important;overflow:visible!important}#onpay-order-form>*{min-height:500px}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;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-\[\#30C4B5\]:hover{--tw-border-opacity:1;border-color:#30c4b5;border-color:rgb(48 196 181/var(--tw-border-opacity,1))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-cyan-300:hover{--tw-border-opacity:1;border-color:#67e8f9;border-color:rgb(103 232 249/var(--tw-border-opacity,1))}.hover\:border-green-500:hover{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.hover\:border-orange-500:hover{--tw-border-opacity:1;border-color:#f97316;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.hover\:border-red-500:hover{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.hover\:border-yellow-500:hover{--tw-border-opacity:1;border-color:#eab308;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.hover\:bg-\[\#003D5E\]:hover{--tw-bg-opacity:1;background-color:#003d5e;background-color:rgb(0 61 94/var(--tw-bg-opacity,1))}.hover\:bg-\[\#0d2136\]:hover{--tw-bg-opacity:1;background-color:#0d2136;background-color:rgb(13 33 54/var(--tw-bg-opacity,1))}.hover\:bg-\[\#26a69a\]:hover{--tw-bg-opacity:1;background-color:#26a69a;background-color:rgb(38 166 154/var(--tw-bg-opacity,1))}.hover\:bg-\[\#29AF9F\]:hover{--tw-bg-opacity:1;background-color:#29af9f;background-color:rgb(41 175 159/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-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.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-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-teal-700:hover{--tw-bg-opacity:1;background-color:#0f766e;background-color:rgb(15 118 110/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-cyan-100:hover{--tw-gradient-from:#cffafe var(--tw-gradient-from-position);--tw-gradient-to:#cffafe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-cyan-600:hover{--tw-gradient-from:#0891b2 var(--tw-gradient-from-position);--tw-gradient-to:#0891b200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-700:hover{--tw-gradient-from:#b91c1c var(--tw-gradient-from-position);--tw-gradient-to:#b91c1c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-blue-700:hover{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.hover\:to-cyan-700:hover{--tw-gradient-to:#0e7490 var(--tw-gradient-to-position)}.hover\:to-orange-700:hover{--tw-gradient-to:#c2410c var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.hover\:to-red-800:hover{--tw-gradient-to:#991b1b var(--tw-gradient-to-position)}.hover\:to-teal-100:hover{--tw-gradient-to:#ccfbf1 var(--tw-gradient-to-position)}.hover\:text-\[\#29AF9F\]:hover{--tw-text-opacity:1;color:#29af9f;color:rgb(41 175 159/var(--tw-text-opacity,1))}.hover\:text-\[\#30C4B5\]:hover{--tw-text-opacity:1;color:#30c4b5;color:rgb(48 196 181/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-green-600:hover{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.hover\:text-orange-600:hover{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.hover\:text-primary-700:hover{--tw-text-opacity:1;color:#0369a1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-teal-700:hover{--tw-text-opacity:1;color:#0f766e;color:rgb(15 118 110/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\:text-yellow-600:hover{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/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)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{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\:shadow-md:hover{--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)}.hover\:shadow-xl:hover{--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)}.focus\:border-\[\#30C4B5\]:focus{--tw-border-opacity:1;border-color:#30c4b5;border-color:rgb(48 196 181/var(--tw-border-opacity,1))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.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);--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-\[\#30C4B5\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(48 196 181/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:scale-100:hover:disabled{--tw-scale-x:1;--tw-scale-y:1}.disabled\:hover\:scale-100:hover:disabled,.group:hover .group-hover\:scale-105{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\:text-\[\#30C4B5\]{--tw-text-opacity:1;color:#30c4b5;color:rgb(48 196 181/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-orange-500{--tw-text-opacity:1;color:#f97316;color:rgb(249 115 22/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\: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);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)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:hidden{display:none}.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mb-0{margin-bottom:0}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-bell-container{position:relative}.notification-bell-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative;transition:all .3s ease}.notification-bell-button:hover{background:#f5f5f5;color:#30c4b5}.notification-bell-button.has-notifications{animation:bellRing 3s ease-in-out infinite}.notification-badge{animation:pulse 2s ease-in-out infinite;background:#f44336;border-radius:10px;color:#fff;font-size:.625rem;font-weight:700;line-height:1;min-width:18px;padding:.125rem .375rem;position:absolute;right:0;text-align:center;top:0}.notification-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;max-height:600px;position:absolute;right:0;top:calc(100% + .5rem);width:400px;z-index:1000}.notification-dropdown-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}.notification-dropdown-header h3{color:#1a1a1a;font-size:1.125rem;font-weight:700;margin:0}.notification-header-actions{align-items:center;display:flex;gap:.5rem}.mark-all-read-btn{align-items:center;background:#e0f7f5;border:none;border-radius:6px;color:#30c4b5;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .75rem;transition:all .2s ease}.mark-all-read-btn:hover{background:#30c4b5;color:#fff}.close-dropdown-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;padding:.25rem;transition:all .2s ease}.close-dropdown-btn:hover{background:#f5f5f5;color:#333}.notification-dropdown-body{flex:1 1;max-height:450px;overflow-y:auto}.notification-list{padding:0}.notification-item{background:#fff;border-bottom:1px solid #f5f5f5;cursor:pointer;gap:.75rem;padding:1rem 1.25rem;transition:all .2s ease}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#e3f2fd}.notification-item.unread:hover{background:#d1eaff}.notification-item-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-item-content{flex:1 1;min-width:0}.notification-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.25rem}.notification-item-header h4{color:#1a1a1a;font-size:.875rem;font-weight:600;line-height:1.4;margin:0}.unread-dot{background:#2196f3;border-radius:50%;flex-shrink:0;height:8px;margin-left:.5rem;width:8px}.notification-item-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.8125rem;line-height:1.5;margin:0;overflow:hidden}.notification-item-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.notification-item-time{color:#999;font-size:.75rem}.notification-item-action{align-items:center;color:#30c4b5;display:flex}.notification-empty{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.notification-empty svg{color:#ddd;margin-bottom:1rem}.notification-empty p{color:#666;font-weight:600;margin:.5rem 0}.notification-empty span{color:#999;font-size:.875rem}.notification-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem}.notification-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#30c4b5;height:32px;margin-bottom:1rem;width:32px}.notification-dropdown-footer{border-top:1px solid #eee;flex-shrink:0;padding:.75rem 1.25rem}.view-all-btn{background:#0000;border:none;border-radius:6px;color:#30c4b5;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem;transition:all .2s ease;width:100%}.view-all-btn:hover{background:#e0f7f5}.notification-dropdown-body::-webkit-scrollbar{width:6px}.notification-dropdown-body::-webkit-scrollbar-track{background:#f5f5f5}.notification-dropdown-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.notification-dropdown-body::-webkit-scrollbar-thumb:hover{background:#999}@keyframes bellRing{0%,to{transform:rotate(0deg)}2%,4%{transform:rotate(15deg)}3%,5%{transform:rotate(-15deg)}6%{transform:rotate(0deg)}}@media (max-width:768px){.notification-dropdown{border-radius:0;left:0;max-height:calc(100vh - 60px);max-width:100%;position:fixed;right:0;top:60px;width:100%}.notification-item{padding:.875rem}.mark-all-read-btn{font-size:.7rem;padding:.3rem .6rem}}.navbar{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px var(--card-shadow);position:-webkit-sticky;position:sticky;top:0;z-index:30}.navbar-with-sidebar{margin-left:256px;width:calc(100% - 256px)}@media (max-width:768px){.navbar-with-sidebar{margin-left:0;width:100%}}.navbar-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.navbar-left-section{align-items:center;display:flex;padding-left:0}.navbar-with-sidebar .navbar-left-section{padding-left:4.5rem}.navbar-brand{color:var(--primary-color);font-size:1.5rem;font-weight:700;transition:color .3s ease}.navbar-brand h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,#30c4b5 100%);-webkit-background-clip:text;background-clip:text;font-weight:700;letter-spacing:-.02em;margin:0}.nav-link{color:var(--text-primary);font-weight:500;transition:color .3s}.nav-link:hover{color:var(--primary-color)}.navbar-user-section{margin-left:auto}.auth-links,.navbar-user-section{align-items:center;display:flex;gap:1rem}@media (min-width:769px){.navbar-with-sidebar .navbar-left-section{padding-left:0}}@media (max-width:768px){.navbar-brand h2{font-size:1.1rem}.navbar-with-sidebar .navbar-left-section{padding-left:4rem}}@media (max-width:480px){.navbar-brand h2{font-size:.95rem}.navbar-with-sidebar .navbar-left-section{padding-left:3.5rem}}.home-page{min-height:calc(100vh - 140px)}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 0;text-align:center}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-content p{font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-buttons .btn-outline{background-color:#fff;border-color:#fff;color:#667eea}.hero-buttons .btn-outline:hover{background-color:initial;border-color:#fff;color:#fff}.features{background-color:var(--bg-primary);padding:5rem 0}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{padding:2rem;text-align:center}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-card h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.featured-courses{background-color:var(--bg-secondary);padding:5rem 0}.courses-grid{grid-gap:2rem;gap:2rem;margin-bottom:3rem}.course-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 2px 8px var(--card-shadow);display:block;transition:transform .3s,box-shadow .3s}.course-card:hover{box-shadow:0 4px 16px var(--card-shadow)}.course-thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);height:200px}.placeholder-thumbnail{color:#fff}.course-thumbnail .badge{background-color:#fff;color:var(--primary-color);font-weight:600;position:absolute;right:10px;text-transform:capitalize;top:10px}.course-info{padding:1.5rem}.course-info h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.course-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;line-height:1.5;margin-bottom:1rem;overflow:hidden}.course-meta{border-top:1px solid var(--border-color);font-size:.875rem;justify-content:space-between;padding-top:1rem}.course-meta span{color:var(--text-secondary)}.course-price{color:var(--primary-color);font-size:1rem!important;font-weight:600}.view-all{text-align:center}.cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5rem 0}.cta-content{text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.95}.cta-content .btn-primary{background-color:#fff;color:#667eea}.cta-content .btn-primary:hover{background-color:#f3f4f6}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.section-title{font-size:2rem}.courses-grid{grid-template-columns:1fr}}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--total-scale-factor));min-width:calc(180px*var(--total-scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--total-scale-factor));box-shadow:0 calc(2px*var(--total-scale-factor)) calc(5px*var(--total-scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--total-scale-factor));max-width:calc(180px*var(--total-scale-factor));padding:calc(6px*var(--total-scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--total-scale-factor));padding-top:calc(2px*var(--total-scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--total-scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}.flipbook-modal{align-items:center;animation:fadeIn .3s ease-in-out;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.flipbook-modal.fullscreen{background:#000000fa}.flipbook-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.flipbook-container{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:16px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;height:90vh;max-height:95vh;max-width:95vw;overflow:hidden;position:relative;width:1400px;z-index:2}.fullscreen .flipbook-container{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.flipbook-header{align-items:center;background:#0000004d;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.flipbook-title h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.flipbook-controls{display:flex;gap:.5rem}.control-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;font-size:1rem;justify-content:center;padding:.5rem .75rem;transition:all .3s ease}.control-btn:hover{background:#fff3;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.control-btn.close-btn{background:#e74c3ccc;border-color:#e74c3c}.control-btn.close-btn:hover{background:#e74c3c}.flipbook-content{flex:1 1;overflow:hidden;padding:2rem 1rem;position:relative}.book-wrapper,.flipbook-content{align-items:center;display:flex;justify-content:center}.book-wrapper{height:100%;perspective:2000px;width:100%}.book{display:flex;gap:2rem;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.645,.045,.355,1)}.book.flipping-next{animation:flipNext .6s cubic-bezier(.645,.045,.355,1)}.book.flipping-prev{animation:flipPrev .6s cubic-bezier(.645,.045,.355,1)}@keyframes flipNext{0%{transform:rotateY(0deg)}50%{transform:rotateY(-10deg)}to{transform:rotateY(0deg)}}@keyframes flipPrev{0%{transform:rotateY(0deg)}50%{transform:rotateY(10deg)}to{transform:rotateY(0deg)}}.page{animation:pageAppear .4s ease-out;background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d,inset 0 0 0 1px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative}.page.single-page{max-width:90%}.page canvas{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block}.page-number{background:#0009;border-radius:12px;bottom:10px;color:#fff;font-size:.85rem;font-weight:500;padding:4px 12px;position:absolute;right:15px}.left-page .page-number{left:15px;right:auto}.nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:#2c3e50;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.nav-btn:hover:not(:disabled){background:#fff;box-shadow:0 6px 20px #0000004d;transform:translateY(-50%) scale(1.1)}.nav-btn:disabled{cursor:not-allowed;opacity:.3}.prev-btn{left:1rem}.next-btn{right:1rem}.flipbook-footer{align-items:center;background:#0000004d;border-top:2px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.page-info{color:#fff;font-size:1rem;font-weight:500}.page-input-wrapper{align-items:center;display:flex;gap:.5rem}.page-input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:.5rem;text-align:center;transition:all .3s ease;width:70px}.page-input:focus{background:#fff3;border-color:#ffffff80;outline:none}.page-error,.page-loading{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.page-error{color:#e74c3c;font-size:1rem}@keyframes pageAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spinner{border:3px solid #ffffff4d;border-top-color:#3498db;height:40px;width:40px}@media (max-width:768px){.flipbook-container{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.flipbook-header{padding:.75rem 1rem}.flipbook-title h3{font-size:1rem}.control-btn{font-size:.9rem;padding:.4rem .6rem}.flipbook-content{padding:1rem .5rem}.book{gap:0}.nav-btn{font-size:1rem;height:40px;width:40px}.prev-btn{left:.5rem}.next-btn{right:.5rem}.flipbook-footer{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.page-info,.page-input{font-size:.9rem}.page-input{padding:.4rem;width:60px}.page-number{font-size:.75rem;padding:3px 8px}}@media (min-width:769px) and (max-width:1024px){.flipbook-container{height:85vh;width:90vw}.book{gap:1rem}.nav-btn{height:45px;width:45px}}.page:before{background:linear-gradient(270deg,#0000001a,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:20px}.left-page:before{background:linear-gradient(90deg,#0000001a,#0000);left:0;right:auto}.react-pdf__Page__canvas{height:auto!important;max-width:100%}.react-pdf__Page__textContent{opacity:.2}.course-detail-page{min-height:calc(100vh - 140px)}.course-hero{background:#0000;color:var(--text-primary);padding:4rem 0}.course-hero-info{max-width:800px}.badge-group{display:flex;flex-wrap:wrap;gap:.5rem}.course-hero-info h1{font-size:2.5rem;margin:1rem 0}.course-hero-info>p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.course-stats{margin-bottom:2rem}.stat{align-items:center;display:flex;font-size:1rem;gap:.5rem}.course-actions{gap:1rem}.course-actions .btn{font-size:1rem;padding:.875rem 2rem}.btn-success{background-color:var(--success-color);color:#fff}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.course-content{padding:3rem 0}.course-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px var(--card-shadow);margin-bottom:3rem;padding:2rem}.course-section h2{color:var(--text-primary);margin-bottom:1.5rem}.learning-objectives{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none}.learning-objectives li{align-items:flex-start;color:var(--text-primary);display:flex;gap:.75rem}.learning-objectives svg{color:var(--success-color);flex-shrink:0;margin-top:4px}.curriculum{display:flex;flex-direction:column;gap:1rem}.module-item{border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.module-header{margin-bottom:.5rem}.module-header h3{color:var(--text-primary);font-size:1.125rem}.module-header span{color:var(--text-secondary);font-size:.875rem}.module-item>p{color:var(--text-secondary);margin-bottom:1rem}.lesson-list{list-style:none}.lesson-list li{align-items:center;border-top:1px solid var(--border-color);color:var(--text-primary);display:flex;gap:.75rem;padding:.75rem}.lesson-list svg{color:var(--primary-color)}.free-badge{background-color:var(--success-color);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;padding:2px 8px}.requirements-list{color:var(--text-primary);list-style:disc;padding-left:1.5rem}.requirements-list li{margin-bottom:.5rem}@media (max-width:768px){.course-hero-info h1{font-size:2rem}.course-actions{flex-direction:column;width:100%}.course-actions .btn{width:100%}.learning-objectives{grid-template-columns:1fr}}.student-dashboard{background:#f7f9fc;min-height:100vh;padding-bottom:3rem}.loading-container{min-height:100vh}.spinner{animation:spin .8s linear infinite;border:4px solid #30c4b533}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:2.5rem 2rem 2rem}.dashboard-header h1{color:#000;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.25rem;font-weight:700;margin-bottom:.5rem;margin-left:auto;margin-right:auto;max-width:1400px}.dashboard-header .subtitle{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;margin:0 auto;max-width:1400px}.dashboard-container{margin:0 auto;max-width:1400px;padding:2rem}.stats-grid{grid-template-columns:repeat(4,1fr);margin-top:-3rem}.stat-card{border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;flex-direction:column;padding:1.75rem}.stat-icon.turquoise{background:#30c4b5;color:#fff}.stat-icon.green{background:#22c55e;color:#fff}.stat-icon.orange{background:#fb923c;color:#fff}.stat-icon.purple{background:#a855f7;color:#fff}.stat-content{width:100%}.stat-label{color:#6b7280;display:block}.stat-value{color:#000}.stat-description{color:#9ca3af}.continue-learning-section,.webinars-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:2rem;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between}.section-header h2{color:#000;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.view-all-link{align-items:center;color:#30c4b5;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;text-decoration:none;transition:all .3s ease}.view-all-link:hover{color:#28a89a;gap:.75rem}.section-content{min-height:150px}.empty-state{color:#6b7280}.empty-state h3{color:#374151;font-weight:600;margin-bottom:.5rem}.empty-state p{margin-left:auto;margin-right:auto;max-width:500px}.webinars-section .empty-state{padding:2rem}.webinars-section .empty-state h3{display:none}.webinars-section .empty-state p{margin-bottom:0}.btn-primary{text-decoration:none}.btn-primary:hover{background:#28a89a}.courses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s ease}.course-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.course-thumbnail{background:linear-gradient(135deg,#30c4b5,#28a89a);height:180px;overflow:hidden;position:relative;width:100%}.course-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.course-card:hover .course-thumbnail img{transform:scale(1.05)}.course-content{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.course-content h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .5rem;overflow:hidden}.course-category{color:#30c4b5;font-size:.8rem;font-weight:500;margin-bottom:1rem;text-transform:capitalize}.progress-section{margin-bottom:1rem;margin-top:auto}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-text{color:#6b7280;font-size:.8rem;font-weight:500}.progress-percentage{color:#30c4b5;font-size:.8rem;font-weight:700}.progress-bar{background-color:#e5e7eb;border-radius:10px;height:6px;overflow:hidden}.progress-fill{background:#30c4b5;border-radius:10px;height:100%;transition:width .5s ease}.continue-btn{align-items:center;background:#30c4b5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .3s ease;width:100%}.continue-btn:hover{background:#28a89a}.chat-button{align-items:center;background:#30c4b5;border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 12px #30c4b566;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:2rem;transition:all .3s ease;width:56px;z-index:1000}.chat-button:hover{background:#28a89a;box-shadow:0 6px 16px #30c4b580;transform:scale(1.1)}.chat-button:active{transform:scale(1.05)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr);margin-top:0}}@media (max-width:768px){.dashboard-header{padding:2rem 1.5rem 1.5rem}.dashboard-header h1{font-size:1.75rem}.dashboard-header .subtitle{font-size:.9rem}.dashboard-container{padding:1.5rem}.stats-grid{gap:1rem;grid-template-columns:1fr;margin-top:0}.stat-card{padding:1.5rem}.stat-value{font-size:1.75rem}.section-header{align-items:flex-start;flex-direction:column;gap:.75rem}.courses-grid{gap:1rem;grid-template-columns:1fr}.continue-learning-section,.webinars-section{padding:1.5rem}.chat-button{bottom:1.5rem;height:52px;right:1.5rem;width:52px}}@media (max-width:480px){.dashboard-header h1{font-size:1.5rem}.stat-icon{height:40px;width:40px}.stat-value{font-size:1.5rem}.course-thumbnail{height:150px}}.video-player-container{background-color:#000;border-radius:8px;overflow:hidden;position:relative;width:100%}.video-player{cursor:pointer;display:block;height:auto;width:100%}.video-controls{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;padding:20px 15px 10px;position:absolute;right:0;transition:opacity .3s ease}.progress-bar-container{margin-bottom:10px}.progress-bar{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:5px;cursor:pointer;height:5px;outline:none;width:100%}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:15px;width:15px}.progress-bar::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;cursor:pointer;height:15px;width:15px}.controls-bottom{align-items:center;display:flex;justify-content:space-between}.controls-left,.controls-right{align-items:center;display:flex;gap:10px}.control-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px;padding:5px 10px;transition:color .2s ease}.control-btn:hover{color:#007bff}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:5px;cursor:pointer;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.time-display{color:#fff;font-size:14px;font-weight:500;margin-left:5px}.speed-control{margin-right:5px}.speed-select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:5px 10px}.speed-select:hover{background:#fff3}.speed-select option{background:#1a1a1a;color:#fff}.video-player-container:fullscreen{height:100vh;width:100vw}.video-player-container:fullscreen .video-player{height:100%;object-fit:contain}@media (max-width:768px){.volume-slider{width:50px}.time-display{font-size:12px}.control-btn{font-size:16px;padding:5px}.controls-left,.controls-right{gap:5px}}.course-player-page{background-color:#f5f5f5;min-height:100vh}.course-player-header{background-color:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:0;padding:20px 30px}.btn-back{background:#0000;color:#007bff;font-size:16px;margin-bottom:15px;padding:5px 0;transition:color .2s ease}.btn-back:hover{color:#0056b3;text-decoration:underline}.course-player-header h1{color:#333;font-size:28px;font-weight:700;margin:0 0 15px}.course-progress-bar{max-width:400px}.course-progress-bar .progress{background-color:#e9ecef;border-radius:10px;height:8px}.course-progress-bar .progress-bar{border-radius:10px;font-size:12px;line-height:8px;transition:width .3s ease}.course-player-container{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 400px;height:calc(100vh - 150px)}.video-section{background-color:#1a1a1a;overflow-y:auto;padding:20px}.lesson-info{background-color:#fff;border-radius:8px;margin-top:20px;padding:20px}.lesson-info h2{color:#333;font-size:24px;margin:0 0 10px}.lesson-info p{color:#666;line-height:1.6;margin-bottom:20px}.lesson-actions{align-items:center;display:flex;gap:20px}.lesson-actions .btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.lesson-actions .btn-success{background-color:#28a745;color:#fff}.lesson-actions .btn-success:hover{background-color:#218838}.auto-play-toggle{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px}.auto-play-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.no-lesson-selected{align-items:center;color:#888;display:flex;flex-direction:column;height:500px;justify-content:center}.no-lesson-selected i{color:#666;margin-bottom:20px}.no-lesson-selected p{font-size:18px}.lessons-sidebar{background-color:#fff;border-left:1px solid #e0e0e0;overflow-y:auto;padding:20px}.lessons-sidebar h3{color:#333;font-size:20px;font-weight:700;margin:0 0 20px}.modules-list{display:flex;flex-direction:column;gap:10px}.module-item{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.module-header{background-color:#f8f9fa;gap:10px;padding:15px;transition:background-color .2s ease}.module-header:hover{background-color:#e9ecef}.module-header i{color:#666;font-size:14px}.module-title{color:#333;font-size:16px;font-weight:600}.module-content{padding:10px 0}.lesson-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:10px;padding:12px 15px 12px 30px;transition:background-color .2s ease}.lesson-item:hover{background-color:#f8f9fa}.lesson-item.active{background-color:#e3f2fd;border-left-color:#007bff}.lesson-item i{flex-shrink:0;font-size:16px}.lesson-title{color:#333;flex:1 1;font-size:14px}.lesson-duration{color:#888;flex-shrink:0;font-size:12px}.submodule-item{border-left:2px solid #e0e0e0;margin-left:15px;margin-top:5px}.submodule-header{cursor:pointer;gap:10px;padding:10px 15px;transition:background-color .2s ease}.submodule-header:hover{background-color:#f8f9fa}.submodule-header i{color:#666;font-size:12px}.submodule-title{color:#555;font-size:14px;font-weight:600}.submodule-lessons{padding-left:10px}.error-container,.loading-container{color:#666;font-size:20px;min-height:100vh}.error-container{color:#dc3545}@media (max-width:1024px){.course-player-container{grid-template-columns:1fr;height:auto}.lessons-sidebar{border-left:none;border-top:1px solid #e0e0e0;max-height:500px}}@media (max-width:768px){.course-player-header{padding:15px 20px}.course-player-header h1{font-size:22px}.video-section{padding:10px}.lesson-info{padding:15px}.lesson-info h2{font-size:20px}.lesson-actions{align-items:flex-start;flex-direction:column;gap:10px}.lessons-sidebar{padding:15px}.module-header,.submodule-header{padding:12px}.lesson-item{padding:10px 12px 10px 25px}}.modal-overlay{animation:fadeIn .2s ease-in;background-color:#00000080}.modal-content{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px var(--card-shadow);max-width:500px;width:90%}.modal-header h2{color:var(--text-primary)}.modal-close{background:none;color:var(--text-secondary);font-size:2rem;line-height:1;padding:0;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body p{color:var(--text-secondary);margin:0}.modal-footer{border-top:1px solid var(--border-color);gap:.75rem;padding:1.5rem}.btn-danger{border-radius:6px;font-weight:500;padding:.5rem 1rem;transition:background .2s}.btn-danger:hover{background:#dc2626}.btn-outline{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-outline:hover{background:var(--bg-hover);border-color:var(--border-dark)}.instructor-dashboard{min-height:calc(100vh - 140px)}.course-stats{color:var(--text-secondary);font-size:.875rem;gap:1rem;margin:1rem 0}.course-stats .views-count{align-items:center;color:#6366f1;display:flex;font-weight:500;gap:.3rem}.course-meta{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:.75rem;margin:.75rem 0;padding:.75rem}.toggle-switch{height:24px;width:48px}.toggle-slider{border-radius:24px;transition:.3s}.toggle-slider:before{bottom:3px;height:18px;left:3px;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #10b981}.toggle-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.course-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;padding-top:1rem}.course-actions .btn{flex:1 1;justify-content:center}.btn-primary-outline{align-items:center;background:#fff;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn-primary-outline:hover{background:#2563eb;color:#fff}.btn-danger-outline{align-items:center;background:#fff;border:1px solid #ef4444;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn-danger-outline:hover{background:#ef4444;color:#fff}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-content .btn{width:100%}}.course-type-selector{margin-bottom:2rem}.course-type-selector h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.type-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.type-option{cursor:pointer;display:block;position:relative;transition:all .3s ease}.type-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.type-content{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:200px;padding:2rem;text-align:center;transition:all .3s ease}.type-option:hover .type-content{border-color:var(--primary-color);box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.type-option.selected .type-content{background:#667eea0d;border-color:var(--primary-color);box-shadow:0 4px 16px #667eea33}.type-content svg{color:var(--primary-color);opacity:.8;transition:opacity .3s ease}.type-option.selected .type-content svg{opacity:1}.type-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.type-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.type-options{grid-template-columns:1fr}}.module-item{background:#fff;border:2px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;transition:all .3s ease}.module-item:hover{box-shadow:0 4px 12px #0000001a}.module-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px 10px 0 0;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem}.module-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.module-header-right{align-items:center;display:flex;gap:.5rem}.lesson-icon,.module-icon,.submodule-icon{flex-shrink:0;font-size:1.25rem}.module-title-input,.submodule-title-input{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;flex:1 1;font-size:1rem;font-weight:600;padding:.5rem .75rem;transition:all .3s ease}.module-title-input:focus,.submodule-title-input:focus{background:#ffffff4d;border-color:#ffffff80;outline:none}.module-title-input::placeholder,.submodule-title-input::placeholder{color:#ffffffb3}.drag-handle{cursor:grab;opacity:.6;transition:opacity .2s ease}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.expand-toggle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:transform .2s ease}.expand-toggle:hover{transform:scale(1.1)}.module-content{background:#f9fafb;padding:1.5rem}.section-title{border-left:3px solid var(--primary-color);color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding-left:.5rem;text-transform:uppercase}.submodules-list{margin-bottom:1.5rem}.submodule-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;margin-left:2rem;transition:all .3s ease}.submodule-item:hover{box-shadow:0 2px 8px #00000014}.submodule-header{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:6px 6px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1rem}.submodule-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.submodule-header-right{align-items:center;display:flex;gap:.5rem}.submodule-content{background:#fafbfc;padding:1rem}.lessons-list{display:flex;flex-direction:column;gap:1rem}.lesson-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;margin-left:2rem;padding:1rem;transition:all .3s ease}.lesson-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #667eea26}.lesson-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.lesson-header-left{align-items:center;display:flex;gap:.75rem}.lesson-icon{color:var(--primary-color)}.lesson-number{color:var(--text-secondary);font-size:.875rem;font-weight:600}.lesson-content{padding:.5rem 0}.lesson-title-input{border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .2s ease;width:100%}.lesson-title-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.video-upload-label{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.video-upload-area{background:#fafbfc;border:2px dashed var(--border-color);border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease}.video-upload-area:hover{background-color:#667eea05;border-color:var(--primary-color)}.video-input{display:none}.video-upload-button{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:.75rem}.video-upload-button svg{color:var(--primary-color);opacity:.6;transition:opacity .2s ease}.video-upload-button:hover svg{opacity:1}.video-upload-button span{color:var(--text-primary);font-weight:500}.video-upload-button small{color:var(--text-secondary);font-size:.75rem}.video-file-info{background:#f9fafb;border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;padding:1rem}.video-details,.video-file-info{align-items:center;display:flex;gap:1rem}.video-details{flex:1 1}.video-icon-preview{color:var(--primary-color);flex-shrink:0}.video-metadata{display:flex;flex-direction:column;gap:.25rem}.video-filename{color:var(--text-primary);font-size:.875rem;font-weight:500}.video-duration{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem}.video-duration svg{opacity:.7}.video-preview{display:flex;justify-content:center;margin-top:1rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.btn-outline{background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-outline:hover{background:#ffffff4d;border-color:#ffffff80}.btn-danger{background-color:#dc2626}.btn-danger:hover{background-color:#b91c1c;transform:translateY(-1px)}.btn-icon{background:none;border-radius:4px;color:#fffc;transition:all .2s ease}.btn-icon:hover{background:#fff3;color:#fff}.btn-delete{color:#fffc}.btn-delete:hover{background:#ff6b6b1a;color:#ff6b6b}.empty-state{border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;padding:3rem 2rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}@media (max-width:768px){.module-header,.submodule-header{align-items:flex-start;flex-direction:column;gap:1rem}.module-header-right,.submodule-header-right{justify-content:space-between;width:100%}.lesson-item,.submodule-item{margin-left:0}.btn-outline{flex:1 1}.video-file-info{align-items:flex-start;flex-direction:column}}.is-dragging{opacity:.5}.drag-placeholder{background:#667eea1a;border:2px dashed var(--primary-color);border-radius:8px;margin-bottom:1rem}.lesson-item,.module-item,.submodule-item{animation:fadeIn .3s ease-out}.structure-preview{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:2rem;padding:2rem}.preview-header{border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.preview-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.course-stats{display:flex;flex-wrap:wrap;gap:2rem}.stat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.stat-item svg{color:var(--primary-color)}.preview-empty{background:#f9fafb;border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);padding:3rem 2rem;text-align:center}.preview-empty p{margin:0}.preview-tree{display:flex;flex-direction:column;gap:.5rem}.tree-module{margin-bottom:.5rem}.tree-item{align-items:center;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;position:relative;transition:all .2s ease}.tree-item:hover{background:#f9fafb}.tree-expand-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.25rem;transition:all .2s ease}.tree-expand-btn:hover{background:#e5e7eb;color:var(--text-primary)}.tree-item-spacer{flex-shrink:0;width:24px}.tree-item-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.125rem;justify-content:center}.module-icon-preview{color:#667eea}.submodule-icon-preview{color:#f093fb}.lesson-icon-preview{color:var(--primary-color);font-size:1rem}.tree-item-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.tree-item-title{color:var(--text-primary);font-size:.9375rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.duration-badge{align-items:center;background:#f3f4f6;border-radius:4px;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .5rem}.duration-badge svg{font-size:.625rem;opacity:.7}.video-badge{align-items:center;background:#d1fae5;border-radius:4px;color:#10b981;display:inline-flex;font-size:.75rem;font-weight:500;max-width:200px;overflow:hidden;padding:.25rem .5rem;text-overflow:ellipsis;white-space:nowrap}.tree-children{border-left:2px solid #e5e7eb;margin-left:2rem;margin-top:.5rem;padding-left:1rem;position:relative}.tree-children:before{background:linear-gradient(180deg,#e5e7eb,#0000);bottom:0;content:"";left:-2px;position:absolute;top:0;width:2px}.tree-submodule{margin-bottom:.5rem}.tree-item.module-item{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-left:3px solid #667eea;font-weight:600}.tree-item.module-item:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.tree-item.submodule-item{background:#f093fb0d;border-left:3px solid #f093fb}.tree-item.submodule-item:hover{background:#f093fb1a}.tree-item.lesson-item{background:#667eea08;border-left:3px solid #0000}.tree-item.lesson-item:hover{background:#667eea14;border-left-color:var(--primary-color)}@media (max-width:768px){.structure-preview{padding:1.5rem}.course-stats{gap:1rem}.tree-children{margin-left:1rem;padding-left:.5rem}.tree-item{padding:.625rem}.tree-item-title{font-size:.875rem}.video-badge{max-width:150px}}@keyframes slideDown{0%{max-height:0;opacity:0;overflow:hidden}to{max-height:1000px;opacity:1}}.tree-children{animation:slideDown .3s ease-out}.create-course-page{background-color:#f9fafb;min-height:calc(100vh - 140px);padding:3rem 0}.create-course-header{margin-bottom:3rem}.create-course-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;gap:1rem;margin-bottom:.5rem}.create-course-header p{color:var(--text-secondary);font-size:1rem}.create-course-form{max-width:900px}.form-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.form-section h2{border-bottom:2px solid #e5e7eb;color:var(--text-primary);font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.75rem}.form-group label{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:.5rem}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:.875rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.file-upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease}.file-upload-area:hover{background-color:#667eea05;border-color:var(--primary-color)}.file-upload-label{color:var(--text-secondary);flex-direction:column;gap:.75rem}.file-upload-label svg{color:var(--primary-color);opacity:.6}.file-upload-label span{color:var(--text-primary);font-weight:500}.file-upload-label small{color:var(--text-secondary);font-size:.75rem}.image-preview{display:inline-block;position:relative}.image-preview img{border-radius:8px;display:block;max-height:300px;max-width:100%}.file-selected .btn-remove,.image-preview .btn-remove{background-color:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.file-selected .btn-remove:hover,.image-preview .btn-remove:hover{background-color:#b91c1c}.file-selected{align-items:center;display:flex;flex-direction:column;gap:1rem}.file-selected span{color:var(--text-primary);font-weight:500;max-width:100%;word-break:break-word}.form-actions{border-top:1px solid var(--border-color);padding-top:2rem}.form-actions .btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 2rem;transition:all .2s ease}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:#5568d3;box-shadow:0 4px 6px #667eea4d;transform:translateY(-1px)}.btn-secondary{background-color:#e5e7eb;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#d1d5db}.form-actions .btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.create-course-page{padding:2rem 0}.create-course-header h1{font-size:1.5rem}.form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.form-group{animation:fadeIn .3s ease-in-out}.admin-dashboard{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.admin-dashboard-header{margin-bottom:2.5rem}.admin-dashboard-header h1{color:#1a1a1a;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.admin-dashboard-header p{color:#666;font-size:.95rem;margin:0}.admin-menu-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-menu-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:block;padding:2rem;position:relative;text-decoration:none;transition:all .2s}.admin-menu-card:hover{border-color:#30c4b5;box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.admin-menu-card-disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.admin-menu-icon{align-items:center;border-radius:12px;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.admin-menu-card h3{color:#1a1a1a;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.admin-menu-card p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.coming-soon{background:#ffc107;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}@media (max-width:768px){.admin-dashboard{padding:1rem}.admin-menu-grid{grid-template-columns:1fr}.admin-menu-card{padding:1.5rem}.admin-menu-icon{height:56px;width:56px}.admin-menu-card h3{font-size:1.1rem}}.admin-webinars{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.admin-webinars-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-webinars-header h1{color:#1a1a1a;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.admin-webinars-header p{color:#666;font-size:.95rem;margin:0}.btn-create{background:#30c4b5;font-size:1rem}.btn-create:hover{background:#28a99c;box-shadow:0 4px 12px #30c4b54d}.webinars-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.webinars-table{overflow-x:auto}.webinars-table table{border-collapse:collapse;width:100%}.webinars-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.webinars-table th{color:#495057;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.webinars-table td{border-bottom:1px solid #e9ecef;padding:1rem}.webinars-table tbody tr:hover{background:#f8f9fa}.thumbnail-cell{align-items:center;background:#f1f3f5;border-radius:6px;display:flex;height:45px;justify-content:center;overflow:hidden;width:80px}.thumbnail-cell img{height:100%;object-fit:cover;width:100%}.thumbnail-placeholder{color:#adb5bd}.title-cell{display:flex;flex-direction:column;gap:.25rem}.title-cell strong{color:#1a1a1a;font-size:.95rem}.instructor-name{color:#868e96;font-size:.85rem}.date-cell,.duration-cell,.registrations-cell{align-items:center;color:#495057;display:flex;font-size:.9rem;gap:.5rem}.date-cell svg,.duration-cell svg,.registrations-cell svg{color:#868e96}.status-badge{border-radius:12px;display:inline-block;font-size:.8rem;padding:.25rem .75rem;text-transform:capitalize}.status-scheduled{background:#e3f2fd;color:#1976d2}.status-live{animation:pulse 2s infinite;background:#ffebee;color:#d32f2f}.status-ended{background:#f5f5f5;color:#757575}.category-tag{background:#f1f3f5;color:#495057;display:inline-block;padding:.25rem .75rem}.actions-cell{display:flex;gap:.5rem}.btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-edit{background:#e3f2fd;color:#1976d2}.btn-edit:hover{background:#bbdefb}.modal-content{max-width:700px}.btn-close{color:#868e96}.btn-close:hover{background:#f1f3f5;color:#495057}.modal-body p{color:#495057;line-height:1.6;margin:0 0 1rem}.delete-warning{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;padding:1rem}.webinar-form{padding:2rem}.form-row{margin-bottom:1.5rem}.form-row.two-col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;font-family:inherit;transition:border-color .2s}.form-group input.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:.85rem}.help-text{color:#868e96;font-size:.85rem;margin-top:.25rem}.form-actions{border-top:1px solid #e9ecef;padding:1.5rem 2rem}.btn-cancel{background:#f1f3f5}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-save{background:#30c4b5}.btn-save:hover{background:#28a99c}.btn-delete-confirm{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-delete-confirm:hover{background:#dc2626}@media (max-width:1024px){.form-row.two-col{grid-template-columns:1fr}}@media (max-width:768px){.admin-webinars{padding:1rem}.admin-webinars-header{align-items:flex-start;flex-direction:column;gap:1rem}.webinars-table{font-size:.85rem}.webinars-table td,.webinars-table th{padding:.75rem .5rem}.modal-content{max-width:100%}.form-actions,.webinar-form{padding:1rem}}.ai-usage{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.ai-usage-header{margin-bottom:2rem}.ai-usage-header h1{color:#1a1a1a;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.ai-usage-header p{color:#666;font-size:.95rem;margin:0}.stats-grid{margin-bottom:2rem}.stat-card{background:#fff;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001f}.stat-icon-primary{background:#e0f7f5;color:#30c4b5}.stat-icon-success{background:#d1fae5;color:#10b981}.stat-icon-warning{background:#fef3c7;color:#f59e0b}.stat-content h3{color:#666;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#1a1a1a;font-size:2rem;line-height:1}.stat-label{color:#868e96;font-size:.85rem}.section-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;overflow:hidden}.section-header{border-bottom:1px solid #e9ecef;padding:1.5rem 2rem}.section-header h2{color:#1a1a1a;font-size:1.25rem;margin:0 0 .25rem}.section-header p{color:#666;font-size:.9rem;margin:0}.model-breakdown{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:2rem}.model-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .2s}.model-card:hover{background:#fff;border-color:#30c4b5;box-shadow:0 2px 8px #30c4b51a}.model-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.model-icon{color:#30c4b5}.model-header h3{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0}.model-stats{display:flex;flex-direction:column;gap:.75rem}.model-stat{align-items:center;display:flex;justify-content:space-between}.model-stat-label{color:#666;font-size:.875rem;font-weight:500}.model-stat-value{color:#1a1a1a;font-size:1rem;font-weight:700}.users-table{overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.users-table th{color:#495057;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e9ecef;padding:1rem 1.5rem}.users-table tbody tr{transition:background .15s}.users-table tbody tr:hover{background:#f8f9fa}.user-cell{gap:.75rem}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#30c4b5,#28a99c);border-radius:50%;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-name{color:#1a1a1a;font-size:.95rem;font-weight:600}.user-email{color:#666;font-size:.9rem}.table-value{color:#495057;font-size:.95rem;font-weight:600}.table-value-cost{color:#30c4b5;font-weight:700}.empty-state p{color:#666}.loading-container{flex-direction:column;gap:1rem}.loading-container p{color:#666;font-size:.95rem}.error-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px;padding:2rem;text-align:center}.error-container h2{font-size:1.5rem}.error-container p{color:#666;margin:0;max-width:500px}.btn-retry{background:#30c4b5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s}.btn-retry:hover{background:#28a99c;box-shadow:0 4px 12px #30c4b54d;transform:translateY(-2px)}@media (max-width:768px){.ai-usage{padding:1rem}.model-breakdown,.stats-grid{grid-template-columns:1fr}.model-breakdown{padding:1rem}.users-table{font-size:.85rem}.users-table td,.users-table th{padding:.75rem .5rem}.user-avatar{font-size:.8rem;height:32px;width:32px}.stat-value{font-size:1.5rem}}@media (max-width:480px){.stat-card{align-items:center;flex-direction:column;text-align:center}.stat-icon{margin-bottom:.5rem}.section-header{padding:1rem 1.5rem}.users-table td:nth-child(3),.users-table td:nth-child(4),.users-table th:nth-child(3),.users-table th:nth-child(4){display:none}}.manage-templates{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.templates-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2.5rem}.templates-header h1{color:#1a1a1a;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.templates-header p{color:#666;font-size:.95rem;margin:0}.btn-create{align-items:center;background:#14b8a6;border:none;border-radius:8px;box-shadow:0 2px 8px #14b8a64d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-create:hover{background:#0f9d8e;box-shadow:0 4px 12px #14b8a666;transform:translateY(-2px)}.templates-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.empty-state,.loading-state{color:#666;font-size:1rem;padding:4rem 2rem;text-align:center}.templates-table-wrapper{overflow-x:auto}.templates-table{border-collapse:collapse;width:100%}.templates-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.templates-table th{color:#495057;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.templates-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.templates-table tbody tr:hover{background-color:#f8f9fa}.templates-table td{color:#495057;font-size:.9rem;padding:1rem 1.25rem}.template-name{color:#1a1a1a;font-weight:600}.usage-count{color:#14b8a6;font-weight:600}.tier-badges{display:flex;flex-wrap:wrap;gap:.5rem}.tier-badge{border-radius:12px;color:#fff;display:inline-block;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.action-buttons{gap:.5rem}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.btn-preview{background:#e3f2fd;color:#1976d2}.btn-preview:hover{background:#bbdefb}.btn-edit{background:#fff3e0;color:#f57c00}.btn-edit:hover{background:#ffe0b2}.btn-delete{background:#ffebee;color:#d32f2f}.btn-delete:hover{background:#ffcdd2}.modal-overlay{animation:fadeIn .2s ease-out}.modal-header{border-bottom:1px solid #e9ecef}.modal-header h2{color:#1a1a1a;font-family:Montserrat,sans-serif}.btn-close{align-items:center;background:none;border-radius:6px;color:#666;display:flex;justify-content:center;padding:.25rem}.btn-close:hover{background:#f8f9fa;color:#1a1a1a}.template-form{padding:2rem}.form-group label{color:#495057;font-size:.9rem}.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .2s;width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#d32f2f}.code-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.85rem;line-height:1.5;resize:vertical}.error-message{color:#d32f2f;display:block;font-size:.85rem;margin-top:.25rem}.tier-checkboxes{display:flex;gap:1.5rem;margin-top:.5rem}.tier-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.tier-checkbox-label input[type=checkbox]{accent-color:#14b8a6;cursor:pointer;height:18px;width:18px}.tier-label{font-size:.9rem;font-weight:600}.modal-footer{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:1.5rem}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel{background:#f8f9fa;color:#495057}.btn-cancel:hover{background:#e9ecef}.btn-save{background:#14b8a6;box-shadow:0 2px 8px #14b8a64d;color:#fff}.btn-save:hover{background:#0f9d8e;box-shadow:0 4px 12px #14b8a666;transform:translateY(-1px)}.preview-modal{max-width:900px}.preview-content{padding:2rem}.preview-info{margin-bottom:2rem}.preview-info h3{color:#1a1a1a;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.preview-category{color:#666;font-size:.9rem;margin:.5rem 0}.preview-description{color:#495057;line-height:1.6;margin:1rem 0}.preview-tiers{align-items:center;display:flex;gap:1rem;margin-top:1rem}.preview-tiers strong{color:#495057;font-size:.9rem}.preview-code{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.preview-code h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 1rem}.code-preview{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,Fira Code,monospace;max-height:400px;overflow-y:auto}.toast{animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff}.toast-success{background:#4caf50}.toast-error{background:#d32f2f}@media (max-width:768px){.manage-templates{padding:1rem}.templates-header{flex-direction:column;gap:1rem}.btn-create{justify-content:center;width:100%}.templates-table td,.templates-table th{font-size:.85rem;padding:.75rem .5rem}.action-buttons{flex-direction:column}.template-form{padding:1.5rem}.tier-checkboxes{gap:.75rem}.modal-footer,.tier-checkboxes{flex-direction:column}.btn-cancel,.btn-save{width:100%}.toast{bottom:1rem;left:1rem;right:1rem}}.image-preview-container{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.image-preview{border:2px solid #e9ecef;border-radius:8px;max-height:300px;max-width:100%;object-fit:contain}.field-description{color:#666;font-size:.85rem;margin:.25rem 0 .75rem}.preview-image-section{margin-bottom:1.5rem;text-align:center}.preview-full-image{border:2px solid #e5e7eb;border-radius:12px;max-height:400px;max-width:100%;object-fit:contain;transition:transform .2s}.preview-full-image:hover{transform:scale(1.02)}.preview-image-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#ffffffe6;margin-bottom:1.5rem;padding:3rem;text-align:center}.preview-image-placeholder svg{margin-bottom:.5rem;opacity:.7}.preview-image-placeholder p{font-size:.95rem;font-weight:500;margin:0}.preview-disclaimer{background:linear-gradient(135deg,#fff3cd,#ffe69c);border:2px solid #ffc107;border-radius:12px;box-shadow:0 4px 12px #ffc10733;margin:1.5rem 0;padding:1.5rem}.code-empty-preview{align-items:center;background:#1f2937;border-radius:8px;color:#9ca3af;display:flex;flex-direction:column;gap:1rem;padding:3rem 1.5rem;text-align:center}.code-empty-preview p{color:#9ca3af;font-size:.95rem;margin:0}.image-upload-section{margin-top:.75rem}.file-upload-label,.image-upload-input{align-items:center;display:flex}.file-upload-label{background:#f8f9fa;border:2px dashed #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.file-upload-label:hover{background:#e9ecef;border-color:#14b8a6;color:#14b8a6}.btn-remove-image{align-items:center;background:#ffebee;border:none;border-radius:8px;color:#d32f2f;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;transition:all .2s}.btn-remove-image:hover{background:#ffcdd2}.template-image-cell{width:80px}.template-image-thumbnail{border:2px solid #e9ecef;border-radius:8px;cursor:pointer;height:60px;overflow:hidden;transition:transform .2s;width:60px}.template-image-thumbnail:hover{border-color:#14b8a6;transform:scale(1.1)}.template-image-thumbnail img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#ffffffb3;display:flex;height:60px;justify-content:center;width:60px}.image-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-modal-content{background:#0000;box-shadow:none}.image-modal-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:48px;z-index:10}.image-modal-close:hover{background:#fff;transform:scale(1.1)}.full-size-image{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:100%;object-fit:contain}@media (max-width:768px){.image-modal-content{padding:1rem}.image-modal-close{height:40px;right:.5rem;top:.5rem;width:40px}.preview-full-image{max-height:300px}.preview-disclaimer{margin:1rem 0;padding:1rem}.disclaimer-header h4{font-size:1rem}.disclaimer-content{font-size:.8125rem;max-height:250px}}.notification-panel{margin:0 auto;max-width:1400px;padding:2rem}.notification-panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.notification-panel-header h1{align-items:center;display:flex;font-size:2rem;gap:.5rem;margin-bottom:.5rem}.notification-panel-header p{color:#666;margin:0}.notifications-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.notification-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s ease}.notification-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.notification-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.notification-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.notification-actions{display:flex;gap:.5rem}.notification-card-body h3{color:#1a1a1a;font-size:1.25rem;margin-bottom:.75rem}.notification-message{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;line-height:1.6;margin-bottom:1rem;overflow:hidden}.notification-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.notification-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem;text-transform:uppercase}.notification-badge-audience{background:#e3f2fd;color:#1976d2}.notification-badge-priority{animation:pulse 2s infinite;background:#ffebee;color:#c62828}.notification-stats{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:1rem}.notification-stats .stat{align-items:center;color:#666;display:flex;font-size:.875rem;gap:.5rem}.notification-date{color:#999;font-size:.875rem}.modal-overlay{animation:fadeIn .2s ease;overflow-y:auto}.modal-content{my-auto:auto;animation:slideUp .3s ease;border-radius:12px;max-width:800px}.notification-modal{max-width:700px}.modal-small{max-width:500px}.modal-header{background:#fff;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;flex-shrink:0;padding:1.5rem}.modal-header h2{margin:0}.modal-body{padding:1.5rem}.modal-body-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem;scroll-behavior:smooth}.modal-body-scrollable::-webkit-scrollbar{width:10px}.modal-body-scrollable::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}.modal-body-scrollable::-webkit-scrollbar-thumb{background:#30c4b5;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.modal-body-scrollable::-webkit-scrollbar-thumb:hover{background:#28a99c}.modal-body-scrollable{scrollbar-color:#30c4b5 #f5f5f5;scrollbar-width:thin}.modal-footer{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #eee;box-shadow:0 -2px 10px #0000000d;flex-shrink:0;padding:1.5rem 1.5rem 1.75rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#30c4b5}.form-group input.error,.form-group textarea.error{border-color:#f44336}.form-group small{color:#999}.error-text,.form-group small{display:block;font-size:.875rem;margin-top:.25rem}.error-text{color:#f44336}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.icon-selector{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));margin-top:.5rem}.icon-option{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .2s ease;width:50px}.icon-option:hover{border-color:#30c4b5;transform:scale(1.1)}.icon-option.selected{background:#e0f7f5;border-color:#30c4b5}.form-actions{border-top:1px solid #eee;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-danger,.btn-icon,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background:#28a99c;box-shadow:0 4px 12px #30c4b54d;transform:translateY(-2px)}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-danger{background:#f44336}.btn-danger:hover{background:#d32f2f}.btn-icon{background:#0000;color:#666;padding:.5rem}.btn-icon:hover{background:#f5f5f5;color:#333}.btn-icon.btn-danger{color:#f44336}.btn-icon.btn-danger:hover{background:#ffebee;color:#d32f2f}.empty-state{color:#666}.empty-state svg{color:#ccc}.empty-state h3{margin:1rem 0 .5rem}.empty-state p{margin-bottom:1.5rem}.toast-notification{align-items:center;animation:slideInRight .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:.75rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:2000}.toast-success{border-left:4px solid #4caf50}.toast-error{border-left:4px solid #f44336}.delete-confirm-content{padding:2rem 0;text-align:center}.delete-confirm-content svg{margin-bottom:1rem}.delete-confirm-content p{font-size:1rem;margin:.5rem 0}.delete-warning{color:#f44336;font-weight:600}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.notification-panel{padding:1rem}.notification-panel-header{align-items:flex-start;flex-direction:column}.form-row,.notifications-grid{grid-template-columns:1fr}.modal-content{margin:0;max-height:100vh}.modal-content,.modal-footer,.modal-header{border-radius:0}.toast-notification{left:1rem;max-width:none;right:1rem;top:1rem}}.header-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn-push{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);display:flex;gap:.5rem}.btn-push:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 12px #14b8a64d;transform:translateY(-2px)}.push-notification-info{margin-bottom:1.5rem}.info-box{align-items:center;background:#e0f7f5;border-left:4px solid #14b8a6;border-radius:8px;color:#0d9488;display:flex;font-size:.9rem;gap:.75rem;padding:1rem}.info-box svg{flex-shrink:0}.push-notification-preview{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;justify-content:center;padding:2rem}.preview-device{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:1rem;width:100%}.preview-notification{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1rem}.preview-icon{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:48px;justify-content:center;width:48px}.preview-content{flex:1 1;min-width:0}.preview-title{word-wrap:break-word;color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.25rem}.preview-message{word-wrap:break-word;color:#6b7280;font-size:.875rem;line-height:1.5}.notification-type-badge{align-items:center;background:#14b8a6;color:#fff;display:inline-flex;gap:.25rem;padding:.25rem .75rem}.settings-page{background:var(--bg-secondary);min-height:100vh;padding-bottom:3rem}.status-message{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;max-width:400px;min-width:280px;padding:1rem 1.5rem;position:fixed;right:2rem;top:80px;z-index:1000}.status-message.success{background:#10b981;color:#fff}.status-message.error{background:#ef4444;color:#fff}.status-message.warning{background:#f59e0b;color:#fff}.status-content{align-items:center;display:flex;gap:.75rem}.settings-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:2.5rem 2rem 2rem}.header-content{align-items:flex-start;margin:0 auto;max-width:1400px}.header-title-group{align-items:flex-start;display:flex;gap:1rem}.header-icon{align-items:center;background:#30c4b5;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.settings-header h1{color:var(--text-primary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.settings-header .subtitle{color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;margin:0}.breadcrumb{color:#9ca3af;font-size:.875rem;margin-top:.5rem}.breadcrumb .separator{color:#d1d5db}.breadcrumb .current{color:#30c4b5;font-weight:600}.settings-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin:0 auto;max-width:1400px;padding:2rem}.settings-tabs{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px var(--card-shadow);display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:-webkit-sticky;position:sticky;top:80px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;position:relative;text-align:left;transition:all .3s ease}.tab-button:hover{background:var(--bg-hover);color:var(--primary-color)}.tab-button.active{background:var(--nav-active);color:var(--primary-color)}.coming-soon-badge{background:#fef3c7;border-radius:4px;color:#f59e0b;font-size:.7rem;font-weight:600;margin-left:auto;padding:.2rem .5rem;text-transform:uppercase}.settings-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px var(--card-shadow);min-height:600px;padding:2.5rem}.tab-panel{animation:fadeIn .3s ease-in}.panel-title{color:var(--text-primary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.panel-description{color:var(--text-secondary);font-size:.95rem;margin:0 0 2rem}.profile-photo-section{align-items:center;background:var(--bg-tertiary);border-radius:10px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.profile-photo{flex-shrink:0}.photo-placeholder{align-items:center;background:linear-gradient(135deg,#30c4b5,#28a89a);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #30c4b54d;color:#fff;display:flex;font-size:1.75rem;font-weight:700;height:80px;justify-content:center;width:80px}.photo-info{flex:1 1}.btn-photo{align-items:center;background:#30c4b5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem;padding:.625rem 1rem;transition:all .3s ease}.btn-photo:hover{background:#28a89a;box-shadow:0 4px 8px #30c4b54d;transform:translateY(-1px)}.photo-hint{color:var(--text-tertiary);font-size:.8rem;margin:0}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #30c4b51a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.password-input{align-items:center;display:flex;position:relative}.password-input input{padding-right:3rem;width:100%}.password-toggle{align-items:center;background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:.75rem;transition:color .3s ease}.password-toggle:hover{color:#30c4b5}.form-actions{display:flex;gap:1rem;padding-top:1rem}.btn-primary{align-items:center;display:inline-flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#28a89a}.btn-outline{align-items:center;background:#0000;border:1px solid #30c4b5;border-radius:8px;color:#30c4b5;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-outline:hover:not(:disabled){background:#30c4b51a;transform:translateY(-1px)}.btn-outline:disabled{cursor:not-allowed;opacity:.6}.btn-danger{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.account-section{border-bottom:1px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem}.account-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 1.5rem}.account-action{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem}.account-action.danger{background:var(--status-error-bg);border-color:var(--status-error-border)}.action-info{flex:1 1}.action-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.action-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.account-action.danger .action-info h4{color:#dc2626}.tab-panel.coming-soon{align-items:center;display:flex;justify-content:center;min-height:400px}.coming-soon-content{color:var(--text-tertiary);max-width:400px;text-align:center}.coming-soon-content svg{color:var(--text-tertiary);margin-bottom:1.5rem}.coming-soon-content h3{color:var(--text-secondary);font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.coming-soon-content p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}@media (max-width:1200px){.settings-container{gap:1.5rem;grid-template-columns:240px 1fr}}@media (max-width:968px){.settings-container{grid-template-columns:1fr;padding:1.5rem}.settings-tabs{flex-direction:row;overflow-x:auto;padding:.75rem;position:static}.tab-button{flex-shrink:0;white-space:nowrap}.coming-soon-badge{position:static}.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.settings-header{padding:2rem 1.5rem 1.5rem}.header-content{flex-direction:column;gap:1rem}.breadcrumb{margin-top:0}.settings-header h1{font-size:1.5rem}.settings-content{padding:1.5rem}.panel-title{font-size:1.25rem}.profile-photo-section{flex-direction:column;text-align:center}.account-action{align-items:flex-start;flex-direction:column;gap:1rem}.account-action button{justify-content:center;width:100%}.status-message{left:1rem;min-width:auto;right:1rem}}@media (max-width:480px){.settings-header h1{font-size:1.25rem}.header-icon{height:40px;width:40px}.photo-placeholder{font-size:1.5rem;height:64px;width:64px}.settings-tabs{gap:.25rem;padding:.5rem}.tab-button{font-size:.875rem;padding:.625rem .75rem}.tab-button span:last-child{display:none}.tab-button{justify-content:center}.coming-soon-badge{font-size:.6rem;padding:.15rem .4rem}}.billing-section{border-bottom:1px solid #e5e7eb;margin-bottom:3rem;padding-bottom:2rem}.billing-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.loading-state{color:#6b7280;padding:3rem;text-align:center}.current-plan-card{background:linear-gradient(135deg,#f0fdfa,#f9fafb);border:2px solid #30c4b5;border-radius:12px;padding:2rem}.plan-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem}.plan-header,.plan-info{align-items:center;display:flex;gap:1rem}.plan-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.plan-icon.gray{background:linear-gradient(135deg,#6b7280,#4b5563)}.plan-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.plan-icon.gold{background:linear-gradient(135deg,#f59e0b,#d97706)}.plan-info h4{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.plan-price{color:var(--text-secondary);font-size:1rem;margin:.25rem 0 0}.plan-status{border-radius:20px;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}.plan-status.active{background:#d1fae5;color:#10b981}.plan-status.cancelled{background:#fee2e2;color:#ef4444}.plan-details{background:var(--bg-tertiary);border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.detail-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.5rem}.detail-item svg{color:#30c4b5;flex-shrink:0}.plan-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-danger-outline{border-color:#ef4444;color:#ef4444}.btn-danger-outline:hover:not(:disabled){background:#ef44441a}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;padding:2rem;transition:all .3s ease}.plan-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.plan-card.current{background:linear-gradient(135deg,#f0fdfa,#fff);border-color:#30c4b5}.plan-card.gray:hover{border-color:#6b7280}.plan-card.blue:hover{border-color:#3b82f6}.plan-card.gold:hover{border-color:#f59e0b}.plan-card-header{margin-bottom:1.5rem;text-align:center}.plan-card-header svg{color:#30c4b5;margin-bottom:1rem}.plan-card.gray svg{color:#6b7280}.plan-card.blue svg{color:#3b82f6}.plan-card.gold svg{color:#f59e0b}.plan-card h4{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.plan-card-price{margin-bottom:1rem}.price-free{color:var(--text-secondary);font-size:1.5rem;font-weight:700}.price-amount{color:var(--text-primary);font-size:2.5rem;font-weight:700}.price-currency{color:var(--text-secondary);font-size:1rem;margin-left:.25rem}.plan-features{flex:1 1;list-style:none;margin:0 0 2rem;padding:0}.plan-features li{align-items:flex-start;border-bottom:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 0}.plan-features li:last-child{border-bottom:none}.plan-features svg{color:#10b981;flex-shrink:0;margin-top:.2rem}.btn-plan{background:#30c4b5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.btn-plan:hover:not(:disabled){background:#28a89a;box-shadow:0 4px 12px #30c4b54d;transform:translateY(-2px)}.btn-plan.current{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.payment-history{background:var(--bg-tertiary);border-radius:8px;min-height:200px;padding:2rem}.empty-state{color:var(--text-tertiary);padding:2rem}.empty-state svg{color:var(--text-tertiary);margin-bottom:1rem}.empty-state p{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-hint{color:#9ca3af;font-size:.875rem}.modal-overlay{animation:fadeIn .3s ease-out;padding:1rem}.modal-content{animation:slideUp .3s ease-out;background:var(--card-bg);max-width:600px;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);padding:2rem 2rem 1rem}.modal-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.modal-close{align-items:center;background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:color .3s ease}.modal-close:hover{color:#ef4444}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem}.upgrade-summary{background:linear-gradient(135deg,#f0fdfa,#f9fafb);border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.upgrade-price{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 1rem}.upgrade-features{list-style:none;margin:0 auto;max-width:400px;padding:0;text-align:left}.upgrade-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 0}.upgrade-features svg{color:#10b981;flex-shrink:0}.payment-gateway-selector{margin-top:1.5rem}.payment-gateway-selector label{color:var(--text-secondary);display:block;font-size:.95rem;font-weight:600;margin-bottom:1rem}.gateway-options{grid-gap:.75rem;display:grid;gap:.75rem}.gateway-option{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.gateway-option:hover{background:#30c4b50d;border-color:#30c4b5}.gateway-option.selected{background:#30c4b51a;border-color:#30c4b5;color:#30c4b5}.gateway-option svg{color:inherit;flex-shrink:0}@media (max-width:768px){.plan-header{align-items:flex-start;flex-direction:column}.plan-details{gap:1rem}.plan-actions,.plan-details{flex-direction:column}.plan-actions button{width:100%}.plans-grid{grid-template-columns:1fr}.modal-body,.modal-footer,.modal-header{padding:1.5rem}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.preferences-section{border-bottom:1px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem}.preferences-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-description{color:var(--text-secondary);font-size:.9rem;margin:-.5rem 0 1.5rem}.theme-selector{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.theme-option{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:1.5rem;padding:2rem;position:relative;transition:all .3s ease}.theme-option:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #30c4b533;transform:translateY(-2px)}.theme-option.active{background:var(--nav-active);border-color:var(--primary-color);box-shadow:0 4px 12px #30c4b526}.theme-option-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;color:#f59e0b;display:flex;flex-shrink:0;height:64px;justify-content:center;transition:all .3s ease;width:64px}.theme-option-icon.dark{background:linear-gradient(135deg,#1e293b,#0f172a);color:#cbd5e1}.theme-option:hover .theme-option-icon{transform:scale(1.05)}.theme-option-content{flex:1 1}.theme-option-content h4{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.theme-option-content p{color:var(--text-secondary);font-size:.875rem;margin:0}.theme-check{animation:scaleIn .3s ease-out;color:#30c4b5;flex-shrink:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.current-theme-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.theme-info-card{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.theme-info-icon{align-items:center;background:#30c4b5;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.theme-info-card h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.theme-info-card p{margin:0}.theme-info-card p,.theme-info-hint{color:var(--text-secondary);font-size:.875rem}.theme-info-hint{align-items:center;display:flex;gap:.5rem}.theme-info-hint svg{color:#30c4b5;flex-shrink:0}.coming-soon-notice{background:var(--bg-tertiary);border-radius:12px;color:var(--text-tertiary);padding:3rem 2rem;text-align:center}.coming-soon-notice svg{color:var(--text-tertiary);margin-bottom:1rem}.coming-soon-notice p{color:var(--text-secondary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.coming-soon-notice span{color:var(--text-tertiary);font-size:.875rem}@media (max-width:768px){.theme-selector{grid-template-columns:1fr}.theme-option{flex-direction:column;text-align:center}.theme-check{position:absolute;right:1rem;top:1rem}}.privacy-policy{max-height:calc(100vh - 250px);overflow-y:auto}.privacy-policy .panel-title{border-bottom:none;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;padding-bottom:0}.last-updated{background:var(--bg-tertiary);border-left:3px solid #30c4b5;border-radius:4px;color:var(--text-tertiary);font-size:.875rem;font-style:italic;margin-bottom:1.5rem;padding:.5rem 1rem}.privacy-content{color:var(--text-secondary);line-height:1.7}.privacy-intro{background:var(--bg-tertiary);border-left:4px solid #30c4b5;border-radius:8px;color:var(--text-primary);font-size:1.05rem;line-height:1.8;margin-bottom:2rem;padding:1.25rem}.privacy-section{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:2rem}.privacy-section:last-child{border-bottom:none;padding-bottom:0}.privacy-section h3{align-items:center;color:#30c4b5;display:flex;font-size:1.35rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.privacy-section p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1rem}.privacy-section ul{list-style-type:none;margin:1rem 0 1rem 1.5rem;padding:0}.privacy-section ul li{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.privacy-section ul li:before{color:#30c4b5;content:"▪";font-size:1.2rem;left:0;line-height:1.6;position:absolute}.privacy-section a{border-bottom:1px solid #0000;color:#30c4b5;font-weight:500;text-decoration:none;transition:all .2s ease}.privacy-section a:hover{border-bottom:1px solid #30c4b5;opacity:.8}.contact-info{background:var(--bg-tertiary);border-left:4px solid #30c4b5;border-radius:8px;margin-top:1rem;padding:1.25rem}.contact-info p{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin-bottom:.75rem}.contact-info p:last-child{margin-bottom:0}.privacy-policy::-webkit-scrollbar{width:8px}.privacy-policy::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.privacy-policy::-webkit-scrollbar-thumb{background:#30c4b5;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.privacy-policy::-webkit-scrollbar-thumb:hover{background:#2aa89a}@media (max-width:768px){.privacy-policy .panel-title{font-size:1.4rem}.privacy-intro{font-size:1rem;padding:1rem}.privacy-section h3{font-size:1.2rem}.privacy-section p,.privacy-section ul li{font-size:.95rem}.privacy-section ul{margin-left:1rem}.contact-info{padding:1rem}}@media (max-width:480px){.privacy-policy .panel-title{font-size:1.25rem}.privacy-section h3{font-size:1.1rem}.privacy-section p,.privacy-section ul li{font-size:.9rem}}.section-header-with-selector{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.section-header-with-selector .section-title{margin-bottom:0}.currency-selector{align-items:center;display:flex;gap:.75rem}.currency-selector label{color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap}.currency-dropdown{-webkit-appearance:none;appearance:none;background-color:var(--bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2330C4B5' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;min-width:140px;padding:.5rem 2rem .5rem .75rem;transition:all .2s ease}.currency-dropdown:hover{background-color:var(--card-bg);border-color:#30c4b5}.currency-dropdown:focus{border-color:#30c4b5;box-shadow:0 0 0 3px #30c4b51a;outline:none}.currency-dropdown option{background-color:var(--card-bg);color:var(--text-primary);padding:.5rem}.currency-disclaimer{align-items:center;background-color:#30c4b51a;border-left:3px solid #30c4b5;border-radius:6px;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.currency-disclaimer svg{color:#30c4b5;flex-shrink:0}@media (max-width:768px){.section-header-with-selector{align-items:flex-start;flex-direction:column}.currency-selector{justify-content:space-between;width:100%}.currency-dropdown{flex:1 1;min-width:0}}@media (max-width:480px){.currency-selector{align-items:flex-start;flex-direction:column;gap:.5rem}.currency-selector label{font-size:.85rem}.currency-dropdown{font-size:.85rem;width:100%}}.notifications-settings{padding:2rem}.notifications-settings .panel-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.notifications-settings .panel-description{color:var(--text-secondary);font-size:1rem;margin-bottom:2.5rem}.notification-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:2rem;transition:all .3s ease}.notification-section:hover{box-shadow:0 4px 12px #0000000d}.section-header-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.notification-section .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.35rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.notification-section .section-title svg{color:#30c4b5}.notification-section .section-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.notification-status{flex-shrink:0}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.status-badge.enabled{background:#10b9811a;color:#10b981}.status-badge.disabled{background:#9ca3af1a;color:#9ca3af}.status-badge.blocked{background:#ef44441a;color:#ef4444}.status-badge.unsupported{background:#fbbf241a;color:#fbbf24}.status-badge svg{height:16px;width:16px}.notification-controls{margin-top:1.5rem}.notification-action,.notification-success,.notification-warning{align-items:flex-start;border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:1.25rem}.notification-warning{background:#fbbf241a;border:1px solid #fbbf2433}.notification-warning svg{color:#fbbf24;flex-shrink:0;margin-top:.2rem}.notification-warning strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.notification-warning p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:.5rem}.notification-warning ol{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0 1.25rem;padding:0}.notification-warning ol li{margin-bottom:.25rem}.notification-success{background:#10b9811a;border:1px solid #10b98133}.notification-success svg{color:#10b981;flex-shrink:0;margin-top:.2rem}.notification-success strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.notification-success p{color:var(--text-secondary);font-size:.9rem}.notification-action{align-items:stretch;background:var(--bg-tertiary);border:1px solid var(--border-color);flex-direction:column;gap:.75rem}.btn-enable-notifications{align-items:center;background:linear-gradient(135deg,#30c4b5,#2aa89a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.btn-enable-notifications:hover:not(:disabled){box-shadow:0 6px 20px #30c4b54d;transform:translateY(-2px)}.btn-enable-notifications:disabled{cursor:not-allowed;opacity:.6}.btn-enable-notifications svg{height:18px;width:18px}.help-text{color:var(--text-tertiary);font-size:.875rem;margin:0}.notification-list{display:flex;flex-direction:column;gap:.5rem}.notification-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem;transition:all .3s ease}.notification-item:hover{background:var(--card-bg);border-color:#30c4b5}.notification-item-info{flex:1 1}.notification-item-info strong{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem}.notification-item-info p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.4s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#30c4b5}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #30c4b5}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.frequency-options{display:flex;flex-direction:column;gap:1rem}.frequency-option{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;padding:1.25rem;transition:all .3s ease}.frequency-option:hover{background:var(--card-bg);border-color:#30c4b5}.frequency-option.selected{background:#30c4b51a;border-color:#30c4b5;box-shadow:0 2px 8px #30c4b533}.frequency-option input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;flex-shrink:0;height:20px;margin-right:1rem;position:relative;transition:all .3s ease;width:20px}.frequency-option input[type=radio]:checked{background:#30c4b5;border-color:#30c4b5}.frequency-option input[type=radio]:checked:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.frequency-option-content{align-items:center;display:flex;flex:1 1;gap:1rem}.frequency-option-content svg{color:#30c4b5;flex-shrink:0}.frequency-option-content strong{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem}.frequency-option-content p{color:var(--text-secondary);font-size:.875rem;margin:0}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem;transition:all .3s ease}.category-item:hover{background:var(--card-bg);border-color:#30c4b5}.category-item-content{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.category-icon{color:#30c4b5;margin-top:.2rem}.category-item-content strong{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem}.category-item-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.notifications-settings{padding:1.5rem}.notifications-settings .panel-title{font-size:1.5rem}.notification-section{padding:1.5rem}.section-header-row{flex-direction:column;gap:1rem}.notification-status{align-self:flex-start}.notification-section .section-title{font-size:1.2rem}.category-item,.notification-item{align-items:flex-start;flex-direction:column}.toggle-switch{align-self:flex-end}.frequency-option{align-items:flex-start;flex-direction:column}.frequency-option input[type=radio]{margin-bottom:.75rem;margin-right:0}}@media (max-width:480px){.notifications-settings{padding:1rem}.notifications-settings .panel-title{font-size:1.25rem}.notification-section{padding:1rem}.notification-section .section-title{font-size:1.1rem}.category-item-content strong,.notification-item-info strong{font-size:.95rem}.category-item-content p,.notification-item-info p{font-size:.8rem}.frequency-option-content strong{font-size:.95rem}.frequency-option-content p{font-size:.8rem}.btn-enable-notifications{font-size:.95rem;width:100%}}.notifications-page{margin:0 auto;max-width:1200px;min-height:calc(100vh - 200px);padding:2rem}.notifications-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.notifications-header-content h1{align-items:center;color:#1a1a1a;display:flex;font-size:2rem;gap:.75rem;margin:0 0 .5rem}.notifications-count{color:#666;font-size:.95rem;margin:0}.unread-count{color:#f44336;font-weight:600}.notifications-header-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn-filter,.btn-mark-all-read{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.btn-mark-all-read{background:#30c4b5;border-color:#30c4b5;color:#fff}.btn-mark-all-read:hover{background:#28a99c;box-shadow:0 4px 12px #30c4b54d}.btn-filter:hover{background:#f5f5f5;border-color:#30c4b5}.btn-filter svg.rotated{transform:rotate(180deg)}.notifications-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:1.5rem}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:#333;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.filter-buttons{display:flex;gap:.5rem}.filter-buttons button{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.filter-buttons button:hover{border-color:#30c4b5;color:#30c4b5}.filter-buttons button.active{background:#30c4b5;border-color:#30c4b5;color:#fff}.filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.625rem;transition:border-color .2s ease;width:100%}.filter-select:focus{border-color:#30c4b5;outline:none}.notifications-content{min-height:400px}.notifications-list-page{display:flex;flex-direction:column;gap:1rem}.notification-card-page{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.notification-card-page:hover{border-color:#30c4b5;box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.notification-card-page.unread{background:linear-gradient(90deg,#e3f2fd 0,#fff);border-left:4px solid #2196f3}.notification-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.notification-card-content{flex:1 1;min-width:0}.notification-card-header-page{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.notification-title-row{align-items:center;display:flex;flex:1 1;gap:.75rem}.notification-title-row h3{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin:0}.unread-indicator{background:#2196f3;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .625rem;text-transform:uppercase}.notification-type-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.375rem .875rem;text-transform:uppercase;white-space:nowrap}.notification-card-message{color:#555;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.notification-card-footer-page{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.notification-card-time{color:#999;font-size:.875rem}.notification-card-actions{align-items:center;display:flex;gap:1rem}.action-link-indicator{color:#30c4b5;font-size:.875rem}.action-link-indicator,.btn-mark-read,.btn-mark-unread{align-items:center;display:flex;font-weight:500;gap:.375rem}.btn-mark-read,.btn-mark-unread{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:.8125rem;padding:.5rem 1rem;transition:all .2s ease}.btn-mark-read:hover{background:#e0f7f5;border-color:#30c4b5;color:#30c4b5}.btn-mark-unread:hover{background:#f5f5f5;border-color:#999}.loading-state{color:#666;padding:4rem}.spinner{border:4px solid #f3f3f3;margin-bottom:1rem}.empty-state{background:#fff;box-shadow:0 2px 8px #00000014;padding:4rem}.empty-state svg{color:#ddd;margin-bottom:1.5rem}.empty-state h3{color:#333}.empty-state p{color:#999;font-size:.95rem}@media (max-width:768px){.notifications-page{padding:1rem}.notifications-header{align-items:flex-start;flex-direction:column}.notifications-header-content h1{font-size:1.5rem}.notifications-header-actions{width:100%}.btn-filter,.btn-mark-all-read{flex:1 1;justify-content:center}.notifications-filters{flex-direction:column;gap:1rem}.filter-group{min-width:100%}.notification-card-page{flex-direction:column;gap:1rem}.notification-card-icon{height:56px;width:56px}.notification-card-footer-page,.notification-card-header-page{align-items:flex-start;flex-direction:column}.notification-card-actions{flex-direction:column;width:100%}.btn-mark-read,.btn-mark-unread{justify-content:center;width:100%}}.webinars-page{font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.webinars-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.webinars-header h1{color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.webinars-header .subtitle{color:var(--text-secondary);font-size:1rem;font-weight:400;margin:0}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2.5rem}.stat-card{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px var(--card-shadow);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px var(--card-shadow);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon.green{background-color:#d1fae5;color:#10b981}.stat-icon.blue{background-color:#dbeafe;color:#3b82f6}.stat-icon.purple{background-color:#e9d5ff;color:#a855f7}.stat-icon.turquoise{background-color:#ccf5f1;color:#30c4b5}.stat-content{flex:1 1}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 .25rem}.stat-value{color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:1.875rem;font-weight:700;margin:0 0 .25rem}.stat-description{color:var(--text-tertiary);font-size:.75rem;margin:0}.webinars-section{margin-top:2rem}.section-header{margin-bottom:1.5rem}.section-header h2{color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.webinars-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.webinar-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px var(--card-shadow);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.webinar-card:hover{box-shadow:0 8px 24px var(--card-shadow);transform:translateY(-4px)}.webinar-thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.webinar-thumbnail img{object-fit:cover}.placeholder-thumbnail,.webinar-thumbnail img{height:100%;left:0;position:absolute;top:0;width:100%}.placeholder-thumbnail{align-items:center;color:#fffc;display:flex;justify-content:center}.status-badge{border-radius:6px;font-size:.75rem;font-weight:600;left:12px;letter-spacing:.5px;padding:.375rem .75rem;position:absolute;text-transform:uppercase;top:12px}.status-badge.live-soon{background-color:#10b981;color:#fff}.status-badge.ended{background-color:#6b7280;color:#fff}.category-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;color:#fff;font-size:.75rem;font-weight:600;position:absolute;right:12px;top:12px}.webinar-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.25rem}.webinar-title{color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0}.webinar-description,.webinar-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.webinar-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.webinar-info{display:flex;flex-direction:column;gap:.5rem}.info-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.info-item svg{color:var(--text-tertiary);flex-shrink:0}.countdown-timer{align-items:center;background-color:#fef3c7;border-radius:6px;color:#92400e;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}.countdown-timer svg{color:#f59e0b}.registration-count{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;padding-top:.5rem}.registration-count svg{color:var(--text-tertiary)}.webinar-actions{display:flex;gap:.75rem;margin-top:auto}.btn-register{background-color:#30c4b5;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-register:hover:not(:disabled){background-color:#28a89c;box-shadow:0 4px 12px #30c4b54d;transform:translateY(-1px)}.btn-register:disabled{cursor:not-allowed;opacity:.6}.btn-registered{background-color:#d1fae5;color:#065f46;cursor:default}.btn-registered,.btn-watch-live{border:none;border-radius:8px;flex:1 1;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem}.btn-watch-live{animation:pulse 2s infinite;background-color:#ef4444;color:#fff;cursor:pointer;transition:all .3s ease}.btn-watch-live:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.status-badge.live{animation:pulse 2s infinite;background-color:#ef4444;color:#fff}.btn-calendar{background-color:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);transition:all .3s ease}.btn-calendar:hover{background-color:var(--border-light);color:var(--text-primary)}.btn-ended{background-color:#e5e7eb;border:none;border-radius:8px;color:#9ca3af;cursor:not-allowed;flex:1 1;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem}.empty-state{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px var(--card-shadow)}.empty-icon{color:var(--text-tertiary);display:flex;justify-content:center;margin-bottom:1.5rem}.empty-state h3{color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:1.25rem}.empty-state p{color:var(--text-secondary);font-size:.875rem}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.spinner{border:4px solid #f3f4f6}@media (max-width:1024px){.webinars-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.webinars-page{padding:1.5rem}.webinars-header h1{font-size:1.5rem}.stats-grid,.webinars-grid{grid-template-columns:1fr}.webinar-actions{flex-direction:column}.btn-calendar{width:100%}}@media (max-width:480px){.webinars-page{padding:1rem}.webinars-header h1{font-size:1.25rem}.webinars-header .subtitle{font-size:.875rem}.stat-value{font-size:1.5rem}}.webinar-detail{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.breadcrumb{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem}.breadcrumb a{color:#30c4b5;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#28a99c}.breadcrumb span:last-child{color:#333;font-weight:500}.notification{align-items:center;animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-weight:500;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:10000}.notification-success{background:#10b981;color:#fff}.live-indicator,.notification-error{background:#ef4444;color:#fff}.live-indicator{align-items:center;animation:pulse 2s infinite;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.live-dot{animation:blink 1.5s infinite;background:#fff;border-radius:50%;height:10px;width:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.webinar-content-wrapper{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px}.webinar-main{display:flex;flex-direction:column;gap:1.5rem}.video-container{background:#000;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.countdown-container,.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.countdown-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:2rem}.countdown-icon{margin-bottom:2rem;opacity:.9}.countdown-container h2{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:2px;margin:0 0 2rem;text-transform:uppercase}.countdown-timer-large{align-items:center;display:flex;gap:1rem}.countdown-unit{align-items:center;display:flex;flex-direction:column;gap:.5rem}.countdown-value{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;font-family:Montserrat,monospace;font-size:3rem;font-weight:700;line-height:1;min-width:80px;padding:1rem;text-align:center}.countdown-label{font-size:.9rem;letter-spacing:1px;opacity:.9;text-transform:uppercase}.countdown-separator{font-size:2.5rem;font-weight:700;opacity:.7}.placeholder-container{align-items:center;background:#1a1a1a;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.placeholder-container svg{margin-bottom:1rem}.placeholder-container p{font-size:1.1rem;margin:0}.webinar-info-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.webinar-info-section h1{color:#1a1a1a;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;line-height:1.3;margin:0 0 1rem}.webinar-description{color:#495057;font-size:1.05rem;line-height:1.7;margin:0}.webinar-sidebar{gap:1rem;position:-webkit-sticky;position:sticky;top:2rem}.info-card,.webinar-sidebar{display:flex;flex-direction:column}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;gap:1.5rem;padding:2rem}.status-badge-large{border-radius:8px;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.75rem;text-align:center;text-transform:uppercase}.status-badge-large.live{animation:pulse 2s infinite;background:#ef4444;color:#fff}.status-badge-large.upcoming{background:#e3f2fd;color:#1976d2}.status-badge-large.ended{background:#f5f5f5;color:#757575}.info-item-large{align-items:flex-start;border-bottom:1px solid #e9ecef;display:flex;gap:1rem;padding-bottom:1rem}.info-item-large:last-of-type{border-bottom:none;padding-bottom:0}.info-item-large svg{color:#30c4b5;flex-shrink:0;margin-top:.25rem}.info-label{color:#868e96;font-size:.85rem;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.info-value{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0}.category-badge-large{background:#f1f3f5;font-weight:600;text-align:center}.category-badge-large,.registration-info{border-radius:8px;color:#495057;padding:.75rem 1rem}.registration-info{align-items:center;background:#f8f9fa;display:flex;font-weight:500;gap:.5rem}.registration-info svg{color:#868e96}.action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.btn-primary{background:#30c4b5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s;width:100%}.btn-primary:hover:not(:disabled){background:#28a99c;box-shadow:0 4px 12px #30c4b54d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f1f3f5;border:none;border-radius:8px;color:#495057;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.btn-secondary:hover:not(:disabled){background:#e9ecef}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-calendar{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.btn-calendar:hover{border-color:#30c4b5;color:#30c4b5}.btn-disabled{background:#e9ecef;border:none;color:#868e96;cursor:not-allowed;font-size:1rem;padding:1rem;width:100%}.btn-disabled,.registered-badge{border-radius:8px;font-weight:600}.registered-badge{align-items:center;background:#d4edda;color:#155724;display:flex;gap:.5rem;justify-content:center;padding:.75rem}.live-message{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-weight:600;padding:1rem;text-align:center}.btn-back-sidebar{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}.btn-back-sidebar:hover{border-color:#30c4b5;color:#30c4b5}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.error-container svg{color:#ef4444}.error-container h2{color:#1a1a1a;font-family:Montserrat,sans-serif;margin:0}.btn-back{background:#30c4b5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-back:hover{background:#28a99c}.spinner{border:4px solid #f1f3f5;border-top-color:#30c4b5;height:50px;width:50px}@media (max-width:1024px){.webinar-content-wrapper{grid-template-columns:1fr}.webinar-sidebar{position:static}.countdown-timer-large{gap:.5rem}.countdown-value{font-size:2rem;min-width:60px;padding:.75rem}.countdown-separator{font-size:2rem}}@media (max-width:768px){.webinar-detail{padding:1rem}.breadcrumb{font-size:.8rem}.webinar-info-section h1{font-size:1.5rem}.info-card{padding:1.5rem}.countdown-container h2{font-size:1.2rem}.countdown-timer-large{gap:.25rem}.countdown-value{font-size:1.5rem;min-width:50px;padding:.5rem}.countdown-label{font-size:.7rem}.countdown-separator{font-size:1.5rem}}.templates-page-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;min-height:100vh}.templates-sidebar{background:#0a1929;box-shadow:4px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:1000}.templates-back-btn{align-items:center;background:#ef4444;border:none;border-bottom:1px solid #0000001a;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem;text-align:left;transition:all .2s;width:100%}.templates-back-btn:hover{background:#dc2626}.templates-back-btn:active{background:#b91c1c}.templates-back-btn svg{flex-shrink:0}.templates-sidebar-overlay{display:none}.templates-sidebar-header{border-bottom:1px solid #ffffff1a;padding:2rem 1.5rem 1.5rem;position:relative}.templates-sidebar-title{align-items:flex-start;display:flex;gap:1rem}.templates-sidebar-icon{color:#30c4b5;flex-shrink:0;margin-top:.25rem}.templates-sidebar-title h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.templates-sidebar-title p{color:#fff9;font-size:.875rem;margin:0}.templates-sidebar-close{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:none;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s}.templates-sidebar-close:hover{background:#ffffff1a;color:#fff}.templates-sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem}.templates-sidebar-section{margin-bottom:1.5rem}.templates-sidebar-section-title{align-items:center;color:#ffffff80;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}.templates-sidebar-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin-bottom:.25rem;padding:.875rem 1rem;text-align:left;transition:all .2s;width:100%}.templates-sidebar-item:hover{background:#ffffff0d;color:#fff}.templates-sidebar-item.active{background:#30c4b5;color:#fff}.templates-sidebar-item svg{flex-shrink:0}.templates-sidebar-item span:nth-child(2){flex:1 1}.templates-sidebar-count{background:#ffffff1a;border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.templates-sidebar-item.active .templates-sidebar-count{background:#fff3}.templates-mobile-menu-btn{align-items:center;background:#0a1929;border:none;border-radius:10px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:none;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;transition:all .2s}.templates-mobile-menu-btn:hover{background:#0d2136;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.templates-page{background:#0000;flex:1 1;margin-left:280px;min-height:100vh;padding:2rem;transition:margin-left .3s ease}.templates-header{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012;margin-bottom:2rem;padding:2rem}.header-content{justify-content:space-between;margin-bottom:1.5rem}.header-content,.header-title{align-items:center;display:flex}.header-title{gap:1rem}.header-icon{color:#3b82f6}.header-title h1{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0}.header-title p{color:#6b7280;font-size:.95rem;margin:0}.user-tier-badge{border-radius:8px;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.search-filter-bar{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr}.search-box{align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;left:1rem;position:absolute}.search-input{border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.category-filter{align-items:center;display:flex;position:relative}.filter-icon{color:#9ca3af;left:1rem;pointer-events:none;position:absolute}.category-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:.95rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s;width:100%}.category-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.templates-content{background:#0000;border-radius:16px;padding:0}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.template-card:hover{border-color:#3b82f6;box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.template-card.locked{cursor:default;opacity:.7}.template-card.locked:hover{border-color:#0000;transform:none}.locked-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.locked-overlay svg{color:#9ca3af}.locked-text{color:#4b5563;font-weight:600;margin:0}.btn-upgrade{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .2s}.btn-upgrade:hover{box-shadow:0 4px 12px #3b82f666;transform:scale(1.05)}.card-header{justify-content:space-between;margin-bottom:1rem}.card-header,.category-badge{align-items:center;display:flex}.category-badge{background:#eff6ff;border-radius:6px;color:#3b82f6;font-size:.8rem;font-weight:500;gap:.5rem;padding:.375rem .75rem}.tier-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .625rem}.tier-badge-free{background:#f3f4f6;color:#6b7280}.tier-badge-vip{background:#ecfdf5;color:#059669}.tier-badge-premium{background:#fef3c7;color:#d97706}.template-name{color:#1f2937;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0 0 .75rem}.template-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.9rem;line-height:1.6;margin:0 0 1.25rem;overflow:hidden}.btn-copy{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .2s;width:100%}.btn-copy:hover{background:#2563eb;transform:translateY(-1px)}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{color:#6b7280;font-size:1rem;margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{color:#d1d5db;margin-bottom:1rem}.empty-state h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.empty-state p{color:#6b7280;font-size:1rem;margin:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.modal-meta{gap:.75rem;margin-top:.5rem}.category-tag,.modal-meta{align-items:center;display:flex}.category-tag{background:#eff6ff;border-radius:6px;color:#3b82f6;font-size:.85rem;font-weight:500;gap:.5rem;padding:.375rem .75rem}.btn-close{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s}.btn-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{flex:1 1;overflow-y:auto;padding:2rem}.template-description-full{margin-bottom:2rem}.template-description-full h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem}.template-description-full p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0}.template-code-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.code-header h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.btn-copy-modal{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-copy-modal:hover{background:#2563eb}.code-preview{color:#f9fafb;font-family:Fira Code,Courier New,monospace;font-size:.875rem;line-height:1.6;margin:0;overflow-x:auto;padding:1.5rem;white-space:pre-wrap;word-break:break-word}.code-empty-state,.code-preview{background:#1f2937;border-radius:8px}.code-empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:1rem;padding:3rem 1.5rem;text-align:center}.code-empty-state p{color:#9ca3af;margin:0}.code-empty-state .debug-info{color:#6b7280;font-family:Courier New,monospace;font-size:.75rem}.templates-accordion{display:flex;flex-direction:column;gap:1.5rem}.category-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.category-section:hover{box-shadow:0 4px 12px #0000001f}.category-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:all .2s;-webkit-user-select:none;user-select:none}.category-header:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.category-title{align-items:center;display:flex;gap:1rem}.category-icon{color:#3b82f6;flex-shrink:0}.category-title h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.template-count{color:#6b7280;font-size:1rem;font-weight:600;margin-left:.5rem}.chevron{color:#6b7280;flex-shrink:0;transition:transform .3s ease}.chevron.expanded{transform:rotate(180deg)}.category-content{animation:fadeIn .3s ease-out;background:#fff;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.subcategory-section{margin-top:2rem}.subcategory-section:first-child{margin-top:0}.subcategory-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#374151;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}.subcategory-title:before{color:#3b82f6;content:"▸";font-size:1.25rem}.toast{align-items:center;animation:slideIn .3s ease-out;border-radius:10px;bottom:2rem;box-shadow:0 8px 20px #00000026;display:flex;font-weight:600;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:2000}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}@media (max-width:1024px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.templates-sidebar{transform:translateX(-100%);z-index:2000}.templates-sidebar.open{transform:translateX(0)}.templates-sidebar-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1999}.templates-sidebar-close{display:block}.templates-mobile-menu-btn{display:flex}.templates-page{margin-left:0;padding:1rem}.templates-header{padding:1.5rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.search-filter-bar,.templates-grid{grid-template-columns:1fr}.category-header{padding:1rem 1.5rem}.category-title h2{font-size:1.25rem}.category-content{padding:1.5rem}.subcategory-title{font-size:1rem}.modal-overlay{padding:1rem}.modal-content{max-height:95vh}.modal-body,.modal-header{padding:1rem}.toast{bottom:1rem;left:1rem;right:1rem}}@media (max-width:480px){.templates-sidebar{width:100%}.templates-back-btn{font-size:.875rem;padding:.875rem 1rem}.templates-sidebar-header{padding:1.5rem 1rem 1rem}.templates-sidebar-title h2{font-size:1.125rem}.templates-sidebar-item{font-size:.875rem;padding:.75rem .875rem}.header-title h1{font-size:1.5rem}.category-header,.template-card{padding:1rem}.category-title{gap:.75rem}.category-title h2{font-size:1.125rem}.template-count{font-size:.875rem}.category-content{padding:1rem}.subcategory-title{font-size:.95rem}.code-preview{font-size:.75rem;padding:1rem}}.templates-sidebar-nav::-webkit-scrollbar{width:6px}.templates-sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.templates-sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.templates-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.template-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;display:flex;height:180px;justify-content:center;overflow:hidden;transition:transform .2s;width:100%}.template-image:hover{transform:scale(1.02)}.template-image img{height:100%;object-fit:cover;width:100%}.template-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#ffffffb3;display:flex;height:180px;justify-content:center;width:100%}.modal-image-section{margin-bottom:1.5rem;text-align:center}.modal-template-image{border:2px solid #e5e7eb;border-radius:12px;max-height:400px;max-width:100%;object-fit:contain;transition:transform .2s}.modal-template-image:hover{transform:scale(1.02)}.image-modal-overlay{animation:fadeIn .2s ease-out;background:#000000e6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.image-modal-content,.image-modal-overlay{align-items:center;display:flex;justify-content:center}.image-modal-content{max-height:95vh;max-width:95vw;padding:2rem;position:relative}.btn-close-image-modal{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#1f2937;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:48px;z-index:10}.btn-close-image-modal:hover{background:#fff;transform:scale(1.1)}.full-size-template-image{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:100%;object-fit:contain}@media (max-width:768px){.template-image,.template-image-placeholder{height:150px}.modal-template-image{max-height:300px}.image-modal-content{padding:1rem}.btn-close-image-modal{height:40px;right:.5rem;top:.5rem;width:40px}}.template-disclaimer{background:linear-gradient(135deg,#fff3cd,#ffe69c);border:2px solid #ffc107;border-radius:12px;box-shadow:0 4px 12px #ffc10733;margin:1.5rem 0;padding:1.5rem}.disclaimer-header{align-items:center;border-bottom:2px solid #ffc107;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.disclaimer-icon{animation:pulse-warning 2s ease-in-out infinite;color:#ff6b00;flex-shrink:0}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.disclaimer-header h4{align-items:center;color:#856404;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0}.disclaimer-content{color:#664d03;font-size:.875rem;line-height:1.6;max-height:300px;overflow-y:auto;padding-right:.5rem}.disclaimer-content::-webkit-scrollbar{width:6px}.disclaimer-content::-webkit-scrollbar-track{background:#ffc1071a;border-radius:3px}.disclaimer-content::-webkit-scrollbar-thumb{background:#ffc107;border-radius:3px}.disclaimer-content::-webkit-scrollbar-thumb:hover{background:#ff9800}.disclaimer-content p{margin:0 0 .75rem;text-align:justify}.disclaimer-content p:last-child{margin-bottom:0}.disclaimer-content p:first-child{color:#856404;font-weight:600}@media (max-width:768px){.template-disclaimer{margin:1rem 0;padding:1rem}.disclaimer-header h4{font-size:1rem}.disclaimer-content{font-size:.8125rem;max-height:250px}}
/*# sourceMappingURL=main.f31d2a7d.css.map*/