.theme-toggle{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease;box-shadow:0 4px 20px #0003}.dark-theme .theme-toggle,[data-theme=dark] .theme-toggle{background:linear-gradient(135deg,#374151,#1f2937);color:#fbbf24}.dark-theme .theme-toggle:hover,[data-theme=dark] .theme-toggle:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 6px 30px #fbbf244d}.light-theme .theme-toggle,[data-theme=light] .theme-toggle{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937}.light-theme .theme-toggle:hover,[data-theme=light] .theme-toggle:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 6px 30px #f59e0b66}.toggle-icon{display:flex;align-items:center;justify-content:center}@media(max-width:768px){.theme-toggle{bottom:16px;right:16px;width:44px;height:44px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);position:relative;overflow:hidden}.auth-canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.auth-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(139,92,246,.15) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(20,184,166,.1) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(245,158,11,.08) 0%,transparent 30%);animation:gradientFloat 20s ease-in-out infinite;z-index:0}@keyframes gradientFloat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5%,5%) rotate(3deg)}50%{transform:translate(5%,-5%) rotate(-3deg)}75%{transform:translate(-3%,-3%) rotate(2deg)}}.auth-particles{position:absolute;inset:0;overflow:hidden;z-index:1}.auth-particle{position:absolute;width:6px;height:6px;background:#8b5cf699;border-radius:50%;animation:floatParticle 15s linear infinite}.auth-particle:before{content:"";position:absolute;inset:-2px;background:inherit;border-radius:50%;filter:blur(4px);opacity:.5}.auth-particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:12s}.auth-particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:16s;background:#14b8a699}.auth-particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:14s}.auth-particle:nth-child(4){left:40%;animation-delay:1s;animation-duration:18s;background:#f59e0b99}.auth-particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:15s}.auth-particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:13s;background:#22c55e99}.auth-particle:nth-child(7){left:70%;animation-delay:2s;animation-duration:17s}.auth-particle:nth-child(8){left:80%;animation-delay:4s;animation-duration:11s;background:#ec489999}.auth-particle:nth-child(9){left:90%;animation-delay:0s;animation-duration:19s}@keyframes floatParticle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1;transform:translateY(90vh) scale(1)}90%{opacity:1;transform:translateY(10vh) scale(1)}to{transform:translateY(-10vh) scale(0);opacity:0}}.auth-card{position:relative;z-index:10;width:100%;max-width:440px;background:#12121cd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.2);border-radius:24px;padding:3rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;animation:cardAppear .6s ease-out}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card:before{content:"";position:absolute;inset:-1px;border-radius:25px;background:linear-gradient(135deg,rgba(139,92,246,.3) 0%,transparent 50%,rgba(20,184,166,.2) 100%);z-index:-1;opacity:0;transition:opacity .3s ease}.auth-card:hover:before{opacity:1}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.auth-logo-img{width:80px;height:80px;border-radius:16px;object-fit:cover;box-shadow:0 8px 32px #8b5cf64d}.auth-logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon-wrapper{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#8b5cf633,#14b8a633);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 #8b5cf64d}50%{transform:scale(1.05);box-shadow:0 0 20px 5px #8b5cf633}}.auth-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.auth-subtitle{font-size:.95rem;color:#fff9;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-form-group{display:flex;flex-direction:column;gap:.5rem}.auth-label{font-size:.875rem;font-weight:500;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.auth-input-wrapper{display:flex;gap:.75rem}.auth-country-code{display:flex;align-items:center;justify-content:center;width:72px;padding:.875rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:12px;font-size:1rem;font-weight:600;color:#c4b5fd;flex-shrink:0}.auth-input{flex:1;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;color:#fff;transition:all .3s ease;font-family:inherit}.auth-input::placeholder{color:#fff6}.auth-input:focus{outline:none;border-color:#8b5cf699;background:#8b5cf61a;box-shadow:0 0 0 3px #8b5cf633}.auth-input.with-icon{padding-left:2.75rem}.auth-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none}.auth-input-wrapper{display:flex;gap:.75rem;position:relative}.auth-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff6;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.auth-password-toggle:hover{color:#fffc}.auth-icon-wrapper.admin{background:linear-gradient(135deg,#ef444433,#8b5cf633)}.auth-otp-container{display:flex;justify-content:center;gap:.75rem}.auth-otp-input{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:600;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;transition:all .3s ease}.auth-otp-input:focus{outline:none;border-color:#8b5cf6;background:#8b5cf61a;box-shadow:0 0 0 3px #8b5cf633}.auth-otp-input.filled{border-color:#22c55e;background:#22c55e1a}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.auth-submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#9333ea,#8b5cf6);opacity:0;transition:opacity .3s ease}.auth-submit-btn:hover:before{opacity:1}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px #8b5cf666}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-submit-btn span,.auth-submit-btn svg{position:relative;z-index:1}.auth-resend{text-align:center}.auth-resend-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.875rem;color:#fff9;cursor:pointer;transition:all .3s ease}.auth-resend-btn:hover:not(:disabled){border-color:#8b5cf680;color:#c4b5fd}.auth-resend-btn:disabled{opacity:.5;cursor:not-allowed}.auth-change-number{background:transparent;border:none;font-size:.875rem;color:#ffffff80;cursor:pointer;transition:color .3s ease;width:100%;padding:.5rem}.auth-change-number:hover{color:#c4b5fd}.auth-terms{font-size:.75rem;color:#fff6;text-align:center;margin-top:1.5rem;line-height:1.6}.auth-terms a{color:#c4b5fd;text-decoration:none;transition:color .3s ease}.auth-terms a:hover{color:#a78bfa}.recaptcha-container{display:flex;justify-content:center;margin:1rem 0;min-height:78px}.grecaptcha-badge{visibility:hidden!important}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;font-size:.875rem;color:#f87171}.auth-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:10px;font-size:.875rem;color:#4ade80}.auth-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.auth-page{padding:1.5rem}.auth-card{padding:2rem;border-radius:20px}.auth-title{font-size:1.5rem}.auth-icon-wrapper{width:60px;height:60px;border-radius:16px}.auth-otp-input{width:44px;height:52px;font-size:1.25rem}}@media(max-width:480px){.auth-page{padding:1rem}.auth-card{padding:1.5rem;border-radius:16px}.auth-logo{margin-bottom:1.5rem}.auth-logo-img{width:60px;height:60px}.auth-logo-text,.auth-title{font-size:1.25rem}.auth-subtitle{font-size:.875rem}.auth-icon-wrapper{width:56px;height:56px}.auth-input-wrapper{flex-direction:column}.auth-country-code{width:100%}.auth-otp-container{gap:.5rem}.auth-otp-input{width:40px;height:48px;font-size:1.125rem}.auth-submit-btn{padding:.875rem 1.5rem}}:root{--color-primary-50: #f5f3ff;--color-primary-100: #ede9fe;--color-primary-200: #ddd6fe;--color-primary-300: #c4b5fd;--color-primary-400: #a78bfa;--color-primary-500: #8b5cf6;--color-primary-600: #7c3aed;--color-primary-700: #6d28d9;--color-primary-800: #5b21b6;--color-primary-900: #4c1d95;--color-secondary-50: #f0fdfa;--color-secondary-100: #ccfbf1;--color-secondary-200: #99f6e4;--color-secondary-300: #5eead4;--color-secondary-400: #2dd4bf;--color-secondary-500: #14b8a6;--color-secondary-600: #0d9488;--color-secondary-700: #0f766e;--color-secondary-800: #115e59;--color-secondary-900: #134e4a;--color-accent-50: #fffbeb;--color-accent-100: #fef3c7;--color-accent-200: #fde68a;--color-accent-300: #fcd34d;--color-accent-400: #fbbf24;--color-accent-500: #f59e0b;--color-accent-600: #d97706;--color-accent-700: #b45309;--color-accent-800: #92400e;--color-accent-900: #78350f;--color-success-50: #ecfdf5;--color-success-500: #10b981;--color-success-600: #059669;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--bg-primary: #ffffff;--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-card: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--text-inverse: #ffffff;--text-link: var(--color-primary-600);--border-light: var(--color-gray-200);--border-default: var(--color-gray-300);--border-focus: var(--color-primary-500);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(139, 92, 246, .3);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--sidebar-width: 280px;--navbar-height: 64px;--max-content-width: 1280px}[data-theme=dark]{--bg-primary: var(--color-gray-950);--bg-secondary: var(--color-gray-900);--bg-tertiary: var(--color-gray-800);--bg-card: var(--color-gray-900);--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-400);--text-tertiary: var(--color-gray-500);--border-light: var(--color-gray-800);--border-default: var(--color-gray-700);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);border:none;transition:all var(--transition-fast);cursor:pointer;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:var(--text-inverse);box-shadow:var(--shadow-md),0 0 #8b5cf600}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));box-shadow:var(--shadow-lg),0 0 20px #8b5cf64d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-focus)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,var(--color-error-500),var(--color-error-600));color:var(--text-inverse)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-lg),0 0 20px #ef44444d}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--color-primary-200)}.card-glass{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .card-glass{background:#111827cc;border:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #8b5cf626}.form-input::placeholder{color:var(--text-tertiary)}.form-input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.form-error{font-size:var(--text-sm);color:var(--color-error-500);margin-top:var(--space-1)}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.bg-gradient-primary{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-secondary-500) 100%)}.bg-gradient-hero{background:linear-gradient(135deg,#8b5cf61a,#14b8a61a),var(--bg-secondary)}.bg-gradient-card{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease-out}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out}.animate-slideDown{animation:slideDown var(--transition-slow) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-secondary{background:var(--color-secondary-100);color:var(--color-secondary-700)}.badge-success{background:var(--color-success-50);color:var(--color-success-600)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-600)}.badge-error{background:var(--color-error-50);color:var(--color-error-600)}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.container{padding:0 var(--space-4)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media(min-width:641px)and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.hide-tablet{display:none!important}}@media(min-width:1025px){.hide-desktop{display:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.otp-container{display:flex;gap:var(--space-3);justify-content:center}.otp-input{width:56px;height:64px;text-align:center;font-size:var(--text-2xl);font-weight:var(--font-semibold);border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-card);transition:all var(--transition-fast)}.otp-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #8b5cf626}.otp-input.filled{border-color:var(--color-primary-500);background:var(--color-primary-50)}.video-player-container{position:relative;width:100%;background:var(--color-gray-950);border-radius:var(--radius-xl);overflow:hidden}.video-player-container video{width:100%;display:block}.video-timeline{position:relative;height:4px;background:#ffffff4d;cursor:pointer;transition:height var(--transition-fast)}.video-timeline:hover{height:6px}.video-timeline-progress{height:100%;background:var(--color-primary-500);border-radius:var(--radius-full)}.video-timeline-preview{position:absolute;bottom:20px;transform:translate(-50%);background:var(--color-gray-900);border-radius:var(--radius-md);padding:var(--space-1);box-shadow:var(--shadow-lg)}.video-timeline-preview img{width:160px;height:90px;object-fit:cover;border-radius:var(--radius-sm)}.notes-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-card);border-left:1px solid var(--border-light)}.notes-panel-header{padding:var(--space-4);border-bottom:1px solid var(--border-light)}.notes-list{flex:1;overflow-y:auto;padding:var(--space-4)}.note-item{padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.note-timestamp{font-size:var(--text-xs);color:var(--color-primary-600);font-weight:var(--font-medium);cursor:pointer}.note-timestamp:hover{text-decoration:underline}.notes-input-area{padding:var(--space-4);border-top:1px solid var(--border-light)}.ebook-reader{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.ebook-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-card);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.ebook-viewer{flex:1;overflow:auto;display:flex;justify-content:center;padding:var(--space-6)}.ebook-viewer.night-mode{background:var(--color-gray-900);filter:invert(1) hue-rotate(180deg)}.ebook-viewer.sepia-mode{background:#f4ecd8}.ebook-page{max-width:800px;box-shadow:var(--shadow-xl)}.ebook-page canvas{display:block}.quiz-question{padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.quiz-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--transition-fast)}.quiz-option:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.quiz-option.selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.quiz-option.correct{border-color:var(--color-success-500);background:var(--color-success-50)}.quiz-option.incorrect{border-color:var(--color-error-500);background:var(--color-error-50)}.quiz-timer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary-50);border-radius:var(--radius-full);font-weight:var(--font-semibold);color:var(--color-primary-700)}.quiz-timer.warning{background:var(--color-warning-50);color:var(--color-warning-600)}.quiz-timer.danger{background:var(--color-error-50);color:var(--color-error-600);animation:pulse 1s infinite}.course-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.course-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.course-thumbnail{width:100%;aspect-ratio:16/9;object-fit:cover}.course-content{padding:var(--space-4)}.course-badge{position:absolute;top:var(--space-3);left:var(--space-3)}.course-price{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary-600)}.course-price.free{color:var(--color-success-600)}.progress-bar{width:100%;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-500));border-radius:var(--radius-full);transition:width var(--transition-slow)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));color:var(--text-inverse);font-weight:var(--font-semibold);overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar-md{width:40px;height:40px;font-size:var(--text-base)}.avatar-lg{width:56px;height:56px;font-size:var(--text-xl)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar img{width:100%;height:100%;object-fit:cover}.tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.tab{flex:1;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-card);color:var(--color-primary-600);box-shadow:var(--shadow-sm)}.modal-backdrop{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast)}.modal{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:500px;width:90%;max-height:90vh;overflow:hidden;z-index:var(--z-modal);animation:scaleIn var(--transition-normal)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light)}.modal-body{padding:var(--space-6);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:300px;animation:slideUp var(--transition-normal)}.toast-success{border-left:4px solid var(--color-success-500)}.toast-error{border-left:4px solid var(--color-error-500)}.toast-warning{border-left:4px solid var(--color-warning-500)}.toast-info{border-left:4px solid var(--color-primary-500)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-light)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-light)}.table th{background:var(--bg-tertiary);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.table tbody tr:hover{background:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.category-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.category-card:hover{border-color:var(--color-primary-300);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.category-card.selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.category-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-100),var(--color-secondary-100));border-radius:var(--radius-xl);font-size:var(--text-2xl)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border-light);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:transform var(--transition-normal)}.sidebar-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light)}.sidebar-nav{flex:1;padding:var(--space-4);overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none}.sidebar-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--color-primary-50);color:var(--color-primary-600)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-light)}.navbar{position:sticky;top:0;height:var(--navbar-height);background:var(--bg-card);border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:0 var(--space-6);z-index:var(--z-sticky)}.navbar-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.navbar-brand-logo{width:36px;height:36px}.stat-card{padding:var(--space-5);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.stat-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.stat-card-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.stat-card-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--space-4);color:var(--text-tertiary)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--text-secondary);max-width:320px}.search-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 44px;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-xl);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-input::placeholder{color:var(--text-tertiary);font-weight:var(--font-normal)}.search-input:hover{border-color:var(--color-primary-200);background:var(--bg-primary)}.search-input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 4px #8b5cf61a,0 4px 16px #8b5cf61a;background:var(--bg-primary)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast)}.search-wrapper:focus-within .search-icon{color:var(--color-primary-500)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:none;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all var(--transition-fast)}.search-wrapper:focus-within .search-clear,.search-input:not(:placeholder-shown)+.search-icon+.search-clear{opacity:1}.search-clear:hover{background:var(--color-error-100);color:var(--color-error-500)}.search-input.glass{background:#ffffffb3;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .search-input.glass{background:#111827b3;border:1px solid rgba(255,255,255,.1)}.search-input.glass:focus{background:#ffffffe6;box-shadow:0 0 0 4px #8b5cf626,0 8px 32px #8b5cf626}[data-theme=dark] .search-input.glass:focus{background:#111827e6}.search-input.compact{padding:var(--space-2) var(--space-3) var(--space-2) 36px;font-size:var(--text-xs);border-radius:var(--radius-lg)}.search-wrapper.compact .search-icon{left:10px}.search-input.large{padding:var(--space-4) var(--space-5) var(--space-4) 52px;font-size:var(--text-base);border-radius:var(--radius-2xl)}.search-wrapper.large .search-icon{left:18px}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--color-gray-300)}.input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #8b5cf61f}.input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.input.input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.input.input-error{border-color:var(--color-error-400)}.input.input-error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px #ef44441f}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}.dark-theme{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a2e;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--accent-primary: #8b5cf6;--accent-secondary: #14b8a6;--accent-warning: #f59e0b;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #14b8a6 100%);--gradient-glow: linear-gradient(135deg, rgba(139, 92, 246, .3) 0%, rgba(20, 184, 166, .3) 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--shadow-glow: 0 0 60px rgba(139, 92, 246, .3)}.landing-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:none}.landing-page input,.landing-page textarea,.landing-page select{user-select:text;-webkit-user-select:text;cursor:text}.landing-page a,.landing-page button{cursor:none}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto}.custom-cursor{position:fixed;pointer-events:none;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-cursor:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#f33;box-shadow:0 0 10px #f33,0 0 20px #f33,0 0 30px red,0 0 40px red,0 0 60px #ff000080;transform:translate(-50%,-50%);animation:pulse-laser 1.5s ease-in-out infinite}.custom-cursor:after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,51,51,.4);transform:translate(-50%,-50%);animation:pulse-ring 1.5s ease-in-out infinite}@keyframes pulse-laser{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@keyframes pulse-ring{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.3)}}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none}.logo-icon{width:40px;height:40px;border-radius:12px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff}.landing-nav{display:flex;align-items:center;gap:2.5rem}.landing-nav a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease;position:relative}.landing-nav a:hover{color:var(--text-primary)}.landing-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.landing-nav a:hover:after{width:100%}.nav-cta{padding:.75rem 1.5rem!important;background:var(--gradient-primary)!important;border-radius:12px!important;font-weight:600!important;color:#fff!important;transition:transform .3s ease,box-shadow .3s ease!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 40px #8b5cf666}.nav-cta:after{display:none!important}.nav-link-user{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem!important;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:8px!important;font-weight:500!important;transition:all .3s ease!important}.nav-link-user:hover{background:#ffffff1a!important;border-color:var(--accent-primary)!important}.nav-link-user:after{display:none!important}.nav-btn-logout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:.9rem;font-weight:500;color:#f87171;cursor:pointer;transition:all .3s ease}.nav-btn-logout:hover{background:#ef44444d;border-color:#ef444480;transform:translateY(-2px)}.nav-loading{color:var(--text-muted);font-size:.9rem}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);gap:1rem}.loader{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;padding:6rem 2rem}.hero-content{max-width:800px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;font-size:.875rem;color:var(--accent-primary);margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.landing-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:16px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.landing-btn.primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 10px 40px #8b5cf64d}.landing-btn.primary:hover{box-shadow:0 15px 50px #8b5cf680}.landing-btn.secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-btn.secondary:hover{background:#ffffff1a;border-color:#fff3}.hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stat-counter{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-icon{color:var(--accent-primary);margin-bottom:.25rem}.stat-value{display:block;font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.subject-badges{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.subject-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid;border-radius:100px;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease}.subject-badge:hover{background:#ffffff1a;transform:translateY(-2px)}.features-section{position:relative;z-index:10;padding:8rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(18,18,26,.9) 20%,rgba(18,18,26,.9) 80%,transparent 100%)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem}.section-header p{font-size:1.125rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;perspective:1000px}.feature-card-3d{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;cursor:pointer;transition:all .3s ease;transform-style:preserve-3d}.feature-card-3d:hover{border-color:var(--accent-primary)}.feature-card-content{position:relative;z-index:2}.feature-icon{width:64px;height:64px;border-radius:16px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.5rem;box-shadow:0 10px 30px #8b5cf64d}.feature-card-3d h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.feature-card-3d p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.feature-card-glow{position:absolute;inset:0;border-radius:24px;background:var(--gradient-glow);opacity:0;transition:opacity .3s ease;z-index:1}.feature-card-3d:hover .feature-card-glow{opacity:1}.cta-section{position:relative;z-index:10;padding:8rem 2rem;display:flex;justify-content:center}.cta-content{text-align:center;padding:4rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:32px;max-width:600px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-glow)}.cta-content h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.landing-footer{position:relative;z-index:10;padding:2rem 4rem;border-top:1px solid var(--glass-border);background:#0a0a0ff2}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-brand{display:flex;align-items:center;gap:.5rem;font-weight:600}.footer-logo{width:36px;height:36px;border-radius:8px;object-fit:cover}.footer-content>p{color:var(--text-muted);font-size:.875rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-links a:hover{color:var(--text-primary)}.logo-image{width:44px;height:44px;border-radius:10px;object-fit:cover}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em;text-shadow:0 4px 30px rgba(0,0,0,.8),0 2px 10px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.25rem;color:#ffffffe6;line-height:1.7;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 2px 20px rgba(0,0,0,.6)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:100px;font-size:.875rem;color:#c4b5fd;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-content{max-width:800px;text-align:center;background:radial-gradient(ellipse at center,rgba(10,10,15,.7) 0%,transparent 70%);padding:3rem;border-radius:32px}.section-header h2{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.5)}.section-header p{font-size:1.125rem;color:#ffffffd9;text-shadow:0 1px 10px rgba(0,0,0,.4)}.contact-section{position:relative;z-index:10;padding:8rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(18,18,26,.95) 10%,rgba(18,18,26,.95) 90%,transparent 100%)}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;max-width:1100px;margin:0 auto}.contact-info{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.contact-info h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.contact-info>p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.contact-item{display:flex;align-items:flex-start;gap:1rem}.contact-icon{width:44px;height:44px;border-radius:12px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.contact-item div{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.contact-item a,.contact-item span:not(.contact-label){font-size:.95rem;color:var(--text-primary);text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:var(--accent-primary)}.contact-socials p{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.social-links{display:flex;flex-wrap:wrap;gap:.75rem}.social-link{padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;font-size:.875rem;color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.social-link:hover{background:#8b5cf633;border-color:var(--accent-primary);color:var(--text-primary)}.contact-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;font-size:1rem;color:var(--text-primary);transition:all .3s ease;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);background:#8b5cf61a;box-shadow:0 0 0 3px #8b5cf633}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px}.form-group select option{background:var(--bg-secondary);color:var(--text-primary)}.form-group textarea{resize:vertical;min-height:120px}.form-status{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.95rem}.form-status.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.form-status.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.landing-btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.contact-container{grid-template-columns:1fr}.hero-stats{gap:2.5rem}.cta-content{padding:3rem}}@media(max-width:768px){.landing-header{padding:1rem 1.5rem}.landing-nav{display:none}.mobile-menu-btn{display:flex}.hero-section{padding:7rem 1.5rem 4rem;min-height:auto}.hero-content{padding:1.5rem}.hero-title{font-size:clamp(2rem,7vw,3.5rem)}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero-stats{gap:1.5rem;flex-wrap:wrap;justify-content:center}.stat-item{min-width:80px}.stat-value{font-size:1.75rem}.stat-label{font-size:.75rem}.features-section{padding:4rem 1.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.contact-section{padding:4rem 1.5rem}.contact-container{grid-template-columns:1fr;gap:2rem}.contact-info,.contact-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.cta-section{padding:4rem 1rem}.cta-content{padding:2rem;margin:0;border-radius:20px}.cta-content h2{font-size:1.75rem}.landing-footer{padding:1.5rem}.footer-content{flex-direction:column;text-align:center;gap:1.5rem}.footer-links{justify-content:center;gap:1.5rem}.subject-badges{gap:.5rem;flex-wrap:wrap;justify-content:center}.subject-badge{padding:.4rem .75rem;font-size:.8rem}.hero-cta{flex-direction:column;gap:1rem}.landing-btn{width:100%;justify-content:center}.custom-cursor{display:none}.landing-page{cursor:auto}.landing-page a,.landing-page button{cursor:pointer}}@media(max-width:480px){.landing-header{padding:.75rem 1rem}.logo-image{width:36px;height:36px}.logo span{font-size:1rem}.hero-section{padding:6rem 1rem 3rem}.hero-content{padding:1rem}.hero-title{font-size:1.75rem;line-height:1.2}.hero-subtitle{font-size:.9rem;line-height:1.6}.hero-badge{font-size:.75rem;padding:.4rem .75rem}.subject-badge{font-size:.7rem;padding:.35rem .6rem}.hero-stats{gap:1rem}.stat-value,.section-header h2{font-size:1.5rem}.section-header p{font-size:.9rem}.features-section{padding:3rem 1rem}.feature-card{padding:1.25rem}.contact-section{padding:3rem 1rem}.contact-info,.contact-form{padding:1.25rem}.auth-submit-btn,.landing-btn{padding:.875rem 1.25rem;font-size:.9rem}.cta-content{padding:1.5rem}.cta-content h2{font-size:1.5rem}.landing-footer{padding:1rem}.footer-logo{width:32px;height:32px}.footer-brand span{font-size:.9rem}.footer-links{flex-wrap:wrap;gap:1rem}.footer-links a{font-size:.8rem}}@media(hover:none)and (pointer:coarse){.custom-cursor{display:none!important}.landing-page,.landing-page a,.landing-page button{cursor:auto}.landing-btn:hover,.feature-card:hover,.subject-badge:hover,.nav-cta:hover{transform:none}.landing-btn:active{transform:scale(.98)}.landing-page{user-select:auto;-webkit-user-select:auto}}.download-section{position:relative;z-index:10;padding:6rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(18,18,26,.9) 20%,rgba(18,18,26,.9) 80%,transparent 100%);text-align:center}.download-badges{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}.store-badge{position:relative;display:block;transition:transform .3s ease}.store-badge img{height:56px;width:auto;border-radius:12px;opacity:.7;transition:opacity .3s ease}.store-badge:hover{transform:translateY(-4px)}.store-badge:hover img{opacity:.9}.badge-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--gradient-primary);color:#fff;padding:.35rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.download-note{color:var(--text-secondary);font-size:1rem}@media(max-width:480px){.store-badge img{height:48px}.download-section{padding:4rem 1rem}}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s ease;position:fixed;height:100vh;z-index:100}.admin-sidebar.collapsed{width:72px}.admin-sidebar.collapsed .sidebar-header{padding:16px 12px}.admin-sidebar.collapsed .sidebar-toggle{right:50%;transform:translate(50%)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--border-color);position:relative}.sidebar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.logo-text{font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.sidebar-toggle{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .2s;margin-bottom:4px}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,#8b5cf626,#14b8a61a);color:var(--color-primary-500)}.nav-item.active .nav-icon{color:var(--color-primary-500)}.nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-label{font-size:.875rem;font-weight:500;white-space:nowrap}.nav-badge{margin-left:auto;background:var(--color-primary-500);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:999px}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-tertiary)}.logout-btn{width:36px;height:36px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.logout-btn:hover{background:var(--color-error-100);color:var(--color-error-500)}.admin-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease;overflow-x:hidden;max-width:calc(100vw - 260px)}.admin-sidebar.collapsed+.admin-main{margin-left:72px;max-width:calc(100vw - 72px)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px;position:sticky;top:0;z-index:50}.admin-layout input[type=number]::-webkit-outer-spin-button,.admin-layout input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.admin-layout input[type=number]{-moz-appearance:textfield;appearance:textfield}.header-search{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);padding:12px 18px;border-radius:var(--radius-xl);width:360px;color:var(--text-secondary);border:1.5px solid transparent;transition:all .25s ease}.header-search:hover{background:var(--bg-primary);border-color:var(--border-light)}.header-search:focus-within{background:var(--bg-primary);border-color:var(--color-primary-400);box-shadow:0 0 0 4px #8b5cf61a,0 4px 16px #8b5cf614}.header-search:focus-within svg{color:var(--color-primary-500)}.header-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.875rem}.header-search input::placeholder{color:var(--text-tertiary)}.header-actions{display:flex;align-items:center;gap:8px}.header-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-error-500);border-radius:50%}.admin-content{flex:1;padding:24px;overflow-y:auto;min-width:0;overflow-x:hidden}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);animation:slideUp .3s ease}.modal-lg{max-width:800px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-danger{background:var(--color-error-500);color:#fff}.btn-danger:hover{background:var(--color-error-600)}@media(max-width:1024px){.admin-sidebar{width:72px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .nav-section-title,.admin-sidebar .user-details,.admin-sidebar .nav-badge{display:none}.admin-main{margin-left:72px;max-width:calc(100vw - 72px)}.sidebar-toggle{display:none}}@media(max-width:768px){.admin-sidebar{transform:translate(-100%)}.admin-main{margin-left:0;max-width:100vw}.header-search{width:200px}}.video-source-selector{margin-top:8px}.source-tabs{display:flex;gap:4px;padding:4px;background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:16px}.source-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.source-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.source-tab.active{color:var(--color-primary-600);background:var(--bg-card);box-shadow:var(--shadow-sm)}.source-input-area{margin-bottom:16px}.upload-area{border:2px dashed var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.upload-dropzone:hover{border-color:var(--color-primary-400);color:var(--color-primary-500)}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:var(--color-primary-500)}.upload-success{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-success-50);border-radius:var(--radius-md);color:#14532d;font-weight:500}.upload-success svg{color:#16a34a}.url-input-area .form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px;color:var(--text-primary)}.thumbnail-preview-small{display:flex;align-items:center;gap:12px}.thumbnail-preview-small img{width:120px;height:68px;object-fit:cover;border-radius:var(--radius-md)}.video-preview-container{position:relative;margin-top:16px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-gray-950)}.video-preview-iframe{width:100%;aspect-ratio:16/9;border:none}.video-preview-player{width:100%;max-height:300px}.video-timeline-scrubber{position:relative;height:8px;background:#fff3;cursor:pointer;transition:height .2s}.video-timeline-scrubber:hover{height:12px}.thumbnail-preview{position:absolute;bottom:20px;transform:translate(-50%);background:var(--color-gray-900);border-radius:var(--radius-sm);padding:4px 8px;font-size:.75rem;color:#fff;pointer-events:none;white-space:nowrap}.thumbnail-time{font-weight:600}.revenue-chart{padding:16px 0}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:160px;gap:12px;padding:8px 0}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bar{width:100%;min-height:8px;background:linear-gradient(180deg,var(--color-primary-500),var(--color-primary-400));border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative;transition:all .3s ease;cursor:pointer}.chart-bar:hover{background:linear-gradient(180deg,var(--color-primary-600),var(--color-primary-500));transform:scaleY(1.02);transform-origin:bottom}.chart-bar-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-gray-900);color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.chart-bar:hover .chart-bar-tooltip{opacity:1}.chart-bar-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-gray-900)}.chart-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.image-uploader{width:100%}.image-uploader-dropzone{position:relative;width:100%;border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-tertiary);cursor:pointer;transition:all .2s ease;overflow:hidden}.image-uploader-dropzone:hover{border-color:var(--color-primary-400)}.image-uploader-dropzone.dragging{border-color:var(--color-primary-500);background:var(--color-primary-100)}.image-uploader-dropzone.uploading{pointer-events:none}.image-uploader-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px}.image-uploader-progress{width:80%;height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.image-uploader-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));transition:width .3s ease}.image-uploader-preview{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-tertiary)}.image-uploader-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-uploader-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all .2s}.image-uploader-remove:hover{background:var(--color-error-500)}.image-uploader-error{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:var(--color-error-50);color:var(--color-error-600);font-size:.875rem;border-radius:var(--radius-md)}.ai-generate-section{display:flex;flex-direction:column}.ai-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.ai-generate-btn:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-500-rgb, 99, 102, 241),.3)}.ai-prompt-area{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.ai-prompt-input{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;resize:vertical;font-family:inherit}.ai-prompt-input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px rgba(var(--color-primary-500-rgb, 99, 102, 241),.1)}.ai-prompt-actions{display:flex;justify-content:flex-end;gap:8px}.image-uploader-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}.image-uploader-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all .2s}.image-uploader-action-btn.regenerate:hover{background:var(--color-primary-500)}.image-uploader-action-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.resource-manager{display:flex;flex-direction:column;gap:12px}.resource-list{display:flex;flex-direction:column;gap:8px}.resource-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s}.resource-item:hover{background:var(--bg-tertiary)}.resource-icon{flex-shrink:0}.resource-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.resource-title{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-size{font-size:.75rem;color:var(--text-tertiary)}.resource-actions{display:flex;gap:4px}.resource-add-buttons{display:flex;gap:8px}.resource-upload-progress{display:flex;flex-direction:column;gap:8px}.resource-upload-progress .progress-bar{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.resource-upload-progress .progress-fill{height:100%;background:var(--color-primary-500);transition:width .3s}.resource-link-form{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.rich-text-editor{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color)}.rich-text-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.rich-text-toolbar-group{display:flex;align-items:center;gap:2px}.rich-text-toolbar-divider{width:1px;height:20px;background:var(--border-color);margin:0 4px}.rich-text-toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.rich-text-toolbar-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--color-primary-500)}.rich-text-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.rich-text-content{min-height:200px;padding:16px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;line-height:1.6;outline:none;overflow-y:auto}.rich-text-content:empty:before{content:attr(data-placeholder);color:var(--text-tertiary);pointer-events:none}.rich-text-content h1{font-size:2rem;font-weight:700;margin-bottom:.5em}.rich-text-content h2{font-size:1.5rem;font-weight:600;margin-bottom:.5em}.rich-text-content h3{font-size:1.25rem;font-weight:600;margin-bottom:.5em}.rich-text-content p{margin-bottom:1em}.rich-text-content ul,.rich-text-content ol{margin-left:1.5em;margin-bottom:1em}.rich-text-content blockquote{border-left:4px solid var(--color-primary-500);padding-left:16px;margin:1em 0;color:var(--text-secondary);font-style:italic}.rich-text-content pre{background:var(--bg-secondary);padding:12px 16px;border-radius:var(--radius-md);font-family:Fira Code,monospace;font-size:.875rem;overflow-x:auto;margin:1em 0}.rich-text-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1em 0}.rich-text-content a{color:var(--color-primary-500);text-decoration:underline}.rich-text-content a:hover{color:var(--color-primary-600)}.loader-sm{width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}.hidden{display:none}.pricing-display{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.pricing-original{font-size:1rem;color:var(--text-tertiary);text-decoration:line-through}.pricing-discounted{font-size:1.5rem;font-weight:700;color:var(--color-success-500)}.pricing-badge{padding:4px 8px;background:var(--color-success-100);color:var(--color-success-700);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm)}.pricing-free{font-size:1.5rem;font-weight:700;color:var(--color-success-500)}.quiz-selector{display:flex;flex-direction:column;gap:8px}.quiz-selector-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding:4px}.quiz-selector-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.quiz-selector-item:hover{background:var(--bg-tertiary)}.quiz-selector-item.selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.quiz-selector-item input[type=checkbox]{accent-color:var(--color-primary-500)}.quiz-selector-info{flex:1;display:flex;flex-direction:column;gap:2px}.quiz-selector-title{font-size:.875rem;font-weight:500}.quiz-selector-meta{font-size:.75rem;color:var(--text-tertiary)}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.form-section-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--color-primary-500)}.form-section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.form-section-subtitle{font-size:.875rem;color:var(--text-secondary)}.admin-layout .form-group{margin-bottom:20px}.admin-layout .form-group:last-child{margin-bottom:0}.admin-layout .form-label{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.admin-layout .form-label svg{color:var(--text-secondary)}.admin-layout .card h2{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.admin-layout .card h2 svg{color:var(--color-primary-500)}.admin-layout .grid{gap:20px}.admin-layout .grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.admin-layout .input{width:100%;padding:12px 16px;font-size:.9375rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);transition:all .2s ease}.admin-layout .input::placeholder{color:var(--text-tertiary)}.admin-layout .input:hover{border-color:var(--text-tertiary)}.admin-layout .input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #8b5cf626;background:var(--bg-primary)}.admin-layout select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}.admin-layout select.input option{background:var(--bg-secondary);color:var(--text-primary);padding:12px}.admin-layout textarea.input{min-height:100px;resize:vertical;line-height:1.55}.admin-layout input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.admin-layout input[type=checkbox]:hover{border-color:var(--color-primary-400)}.admin-layout input[type=checkbox]:checked{background:var(--color-primary-500);border-color:var(--color-primary-500)}.admin-layout input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:45%;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.admin-layout input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #8b5cf633}.toggle-switch{position:relative;display:inline-flex;align-items:center;gap:12px;cursor:pointer}.toggle-track{width:44px;height:24px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;position:relative;transition:all .25s ease}.toggle-track:after{content:"";position:absolute;width:16px;height:16px;background:var(--text-tertiary);border-radius:50%;top:50%;left:2px;transform:translateY(-50%);transition:all .25s ease}.toggle-switch input:checked+.toggle-track{background:var(--color-primary-500);border-color:var(--color-primary-500)}.toggle-switch input:checked+.toggle-track:after{background:#fff;left:calc(100% - 18px)}.toggle-switch input:focus+.toggle-track{box-shadow:0 0 0 3px #8b5cf633}.toggle-label{color:var(--text-primary)}.status-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0}.status-toggle-label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.status-toggle-description{font-size:.8125rem;color:var(--text-secondary)}.checkbox-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.checkbox-row:hover{border-color:var(--color-primary-400);background:var(--bg-secondary)}.checkbox-row.active{border-color:var(--color-primary-500);background:#8b5cf614}.checkbox-row-content{flex:1}.checkbox-row-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.checkbox-row-description{font-size:.8125rem;color:var(--text-secondary);margin-top:2px}.chapter-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden}.chapter-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.chapter-header .input{flex:1;background:var(--bg-primary)}.lesson-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);transition:background .2s ease}.lesson-item:last-child{border-bottom:none}.lesson-item:hover{background:var(--bg-tertiary)}.lesson-item .input{flex:1;padding:10px 14px;font-size:.875rem}.lesson-expanded{padding:20px;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.lesson-expanded .form-group{margin-bottom:16px}.item-actions{display:flex;align-items:center;gap:6px}.item-actions .btn{padding:6px 10px}.space-y-6>*+*{margin-top:24px}.space-y-4>*+*{margin-top:16px}.mb-6{margin-bottom:24px}.mb-4{margin-bottom:16px}.gap-6{gap:24px}.gap-4{gap:16px}.course-form-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}@media(max-width:1200px){.course-form-grid{grid-template-columns:1fr}}.course-form-sidebar{position:sticky;top:24px}.course-form-sidebar .card{margin-bottom:20px}.price-preview{padding:16px;background:linear-gradient(135deg,#8b5cf614,#3b82f614);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);text-align:center}.price-preview-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.price-preview-value{display:flex;align-items:center;justify-content:center;gap:12px}.price-original{font-size:1rem;color:var(--text-tertiary);text-decoration:line-through}.price-final{font-size:1.75rem;font-weight:700;color:var(--color-primary-500)}.price-badge{padding:4px 10px;background:linear-gradient(135deg,var(--color-success),#059669);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px}.price-free{font-size:1.5rem;font-weight:700;color:var(--color-success)}.quiz-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.quiz-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.quiz-item:hover{border-color:var(--color-primary-400)}.quiz-item.selected{border-color:var(--color-primary-500);background:#8b5cf614}.quiz-item-info{flex:1}.quiz-item-title{font-size:.875rem;font-weight:500;color:var(--text-primary)}.quiz-item-meta{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-tertiary)}.empty-state-icon{width:48px;height:48px;margin:0 auto 16px;color:var(--text-tertiary);opacity:.5}.empty-state-text{font-size:.9375rem}.status-card{display:flex;flex-direction:column;gap:16px}.status-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.status-toggle-info{display:flex;flex-direction:column;gap:2px}.status-toggle-label{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.status-toggle-description{font-size:.8125rem;color:var(--text-tertiary)}.bunny-player{position:relative;width:100%;aspect-ratio:16/9;background:var(--color-gray-950);border-radius:var(--radius-lg);overflow:hidden}.bunny-player__thumbnail{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bunny-player__thumbnail img{width:100%;height:100%;object-fit:cover}.bunny-player__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.bunny-player__play-btn{position:absolute;width:80px;height:80px;border-radius:50%;background:#8b5cf6e6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bunny-player__play-btn:hover{background:var(--color-primary-500);transform:scale(1.1);box-shadow:0 8px 32px #8b5cf666}.bunny-player__title{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 16px;background:linear-gradient(transparent,#000c);color:#fff;font-size:1rem;font-weight:600}.bunny-player__loader,.bunny-player__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);background:var(--bg-secondary)}.bunny-player__error{color:var(--color-error-500)}.bunny-player__iframe{width:100%;height:100%;border:none}.bunny-upload-progress{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.bunny-upload-progress__bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.bunny-upload-progress__fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-500));transition:width .3s ease}.bunny-upload-progress__text{font-size:.875rem;color:var(--text-secondary)}.bunny-upload-progress__status{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-primary-500)}.bunny-encoding-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-warning-100);color:var(--color-warning-700);font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.bunny-ready-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-success-100);color:var(--color-success-700);font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.settings-page{min-height:100%}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.settings-header-left{display:flex;align-items:center;gap:16px}.settings-title{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.settings-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:.9rem}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;min-height:calc(100vh - 200px)}.settings-sidebar{position:sticky;top:24px;height:fit-content}.settings-nav{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:8px;display:flex;flex-direction:column;gap:4px}.settings-nav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s ease;width:100%}.settings-nav-item:hover{background:var(--bg-tertiary)}.settings-nav-item.active{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));box-shadow:0 4px 12px #8b5cf64d}.settings-nav-item.active .settings-nav-icon,.settings-nav-item.active .settings-nav-label,.settings-nav-item.active .settings-nav-desc{color:#fff}.settings-nav-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0}.settings-nav-item.active .settings-nav-icon{background:#fff3}.settings-nav-text{display:flex;flex-direction:column;gap:2px}.settings-nav-label{font-weight:600;font-size:.95rem;color:var(--text-primary)}.settings-nav-desc{font-size:.75rem;color:var(--text-secondary)}.settings-content{min-width:0}.settings-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.settings-panel-header{display:flex;align-items:center;gap:16px;padding:24px 28px;background:linear-gradient(135deg,#8b5cf614,#6366f10a);border-bottom:1px solid var(--border-color)}.settings-panel-header svg{color:var(--color-primary-500)}.settings-panel-header h2{font-size:1.25rem;font-weight:600;margin:0}.settings-panel-header p{color:var(--text-secondary);font-size:.875rem;margin:4px 0 0}.settings-section{padding:28px;border-bottom:1px solid var(--border-color)}.settings-section:last-child{border-bottom:none}.settings-section-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 20px}.settings-row{display:flex;gap:24px;margin-bottom:20px}.settings-row:last-child{margin-bottom:0}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.settings-grid:last-child{margin-bottom:0}.settings-page .input-lg{font-size:1.1rem;padding:14px 16px}.settings-page .form-hint{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:6px}.logo-preview{display:flex;align-items:center;gap:20px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.logo-preview img{width:80px;height:80px;object-fit:contain;border-radius:var(--radius-md);background:var(--bg-primary)}.logo-preview-actions{display:flex;gap:8px}.favicon-preview{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);max-width:300px}.favicon-preview img{width:32px;height:32px;object-fit:contain}.favicon-preview-info{display:flex;flex-direction:column;gap:8px}.favicon-preview-info span{font-size:.875rem;color:var(--text-primary)}.favicon-preview-actions{display:flex;gap:8px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-tertiary);cursor:pointer;transition:all .2s ease;max-width:300px}.upload-zone:hover{border-color:var(--color-primary-400);background:#8b5cf60d}.upload-zone.uploading{border-color:var(--color-primary-500);cursor:not-allowed}.upload-zone svg{color:var(--text-secondary)}.upload-zone span{font-size:.875rem;color:var(--text-secondary)}.upload-zone-hint{font-size:.75rem!important;color:var(--text-tertiary)!important}.upload-zone-sm{padding:20px;max-width:160px}.color-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.color-picker-item{display:flex;flex-direction:column;gap:8px}.color-picker-input{display:flex;align-items:center;gap:12px}.color-swatch{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--border-color);cursor:pointer;padding:0;overflow:hidden}.color-swatch::-webkit-color-swatch-wrapper{padding:0}.color-swatch::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.toggle-row-info{display:flex;align-items:center;gap:14px}.toggle-row-info svg{color:var(--text-secondary)}.toggle-row-label{font-weight:600;color:var(--text-primary)}.toggle-row-desc{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:2px}.toggle-switch{position:relative;display:inline-block;cursor:pointer}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.settings-page .toggle-track{width:44px;height:24px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;transition:all .2s ease;position:relative}.settings-page .toggle-track:after{content:"";position:absolute;width:16px;height:16px;background:var(--text-secondary);border-radius:50%;top:50%;left:2px;transform:translateY(-50%);transition:all .2s ease}.settings-page .toggle-switch input:checked+.toggle-track{background:var(--color-primary-500);border-color:var(--color-primary-500)}.settings-page .toggle-switch input:checked+.toggle-track:after{left:calc(100% - 18px);transform:translateY(-50%);background:#fff}.settings-info-card{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#8b5cf614,#6366f10a);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg)}.settings-info-card svg{color:var(--color-primary-500);flex-shrink:0}.settings-info-card h4{font-size:.95rem;font-weight:600;margin:0 0 4px}.settings-info-card p{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.5}@media(max-width:1024px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static}.settings-nav{flex-direction:row;overflow-x:auto;padding:4px}.settings-nav-item{flex-direction:column;gap:8px;padding:12px 16px;min-width:100px;text-align:center}.settings-nav-text{align-items:center}.settings-nav-desc{display:none}.color-picker-grid{grid-template-columns:1fr}}.bunny-encoding-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;border-radius:12px}.bunny-encoding-card{background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;align-items:center;gap:12px;min-width:220px}[data-theme=dark] .bunny-encoding-card{background:var(--bg-secondary);border:1px solid var(--border-color)}.bunny-encoding-title{font-weight:600;color:var(--text-primary);margin:0;font-size:14px}.bunny-encoding-text{font-size:13px;color:var(--text-secondary);margin:2px 0 0}