@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);#root,body,html{height:100%;margin:0;padding:0}.auth-page{background:var(--surface-base);display:grid;grid-template-columns:1fr 1fr;min-height:100vh;overflow:hidden;position:relative}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}}.auth-visual{align-items:center;background:var(--surface-raised);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:var(--space-12);position:relative}.auth-visual-bg{background:radial-gradient(ellipse at 30% 20%,#6366f126 0,#0000 55%),radial-gradient(ellipse at 70% 80%,#a855f71a 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#06b6d40d 0,#0000 60%)}.auth-visual-bg,.auth-visual-grid{inset:0;pointer-events:none;position:absolute}.auth-visual-grid{background-image:linear-gradient(#6366f10a 1px,#0000 0),linear-gradient(90deg,#6366f10a 1px,#0000 0);background-size:40px 40px}.auth-visual-content{max-width:420px;position:relative;text-align:center;z-index:1}.auth-visual-logo{align-items:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);color:#fff;display:inline-flex;font-size:var(--text-2xl);height:64px;justify-content:center;margin-bottom:var(--space-6);width:64px}.auth-visual-brand,.auth-visual-logo{background:var(--gradient-brand);font-family:var(--font-display);font-weight:800}.auth-visual-brand{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:var(--text-4xl);letter-spacing:-.04em;margin-bottom:var(--space-3)}.auth-visual-tagline{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-10)}.auth-feature-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;padding:0;text-align:left}.auth-feature-item{align-items:flex-start;background:#6366f10f;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-bottom:0;padding:var(--space-3) var(--space-4)}.auth-feature-icon{align-items:center;background:var(--gradient-brand);border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.auth-feature-text strong{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:2px}.auth-feature-text span{color:var(--text-tertiary);font-size:var(--text-xs)}.auth-form-panel{flex-direction:column;overflow-y:auto;padding:var(--space-8);position:relative}.auth-form-panel,.auth-theme-toggle{align-items:center;display:flex;justify-content:center}.auth-theme-toggle{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;height:36px;position:absolute;right:var(--space-5);top:var(--space-5);transition:all var(--duration-fast) var(--ease-in-out);width:36px}.auth-theme-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.auth-container{animation:slideUp var(--duration-slow) var(--ease-out-expo) both;max-width:400px;width:100%}.auth-mobile-brand{display:none;margin-bottom:var(--space-8);text-align:center}@media (max-width:900px){.auth-mobile-brand{display:block}.auth-form-panel{padding:var(--space-6) var(--space-4)}}.auth-mobile-logo{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-sm);color:#fff;display:inline-flex;font-size:var(--text-xl);height:48px;justify-content:center;margin-bottom:var(--space-3);width:48px}.auth-mobile-logo,.auth-mobile-title{background:var(--gradient-brand);font-family:var(--font-display);font-weight:800}.auth-mobile-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;display:block;font-size:var(--text-3xl);letter-spacing:-.04em;margin-bottom:var(--space-1)}.auth-mobile-tagline{color:var(--text-secondary);font-size:var(--text-sm)}.auth-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.auth-header{margin-bottom:var(--space-6)}.auth-header h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-1)}.auth-header p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:0}.oauth-section{margin-bottom:var(--space-4)}.google-btn{align-items:center;background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:var(--space-3);justify-content:center;padding:var(--space-3) var(--space-4);transition:all var(--duration-fast) var(--ease-in-out);width:100%}.google-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.auth-divider{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--text-xs);font-weight:500;gap:var(--space-3);letter-spacing:.06em;margin:var(--space-4) 0;text-transform:uppercase}.auth-divider:after,.auth-divider:before{background:var(--border-subtle);content:"";flex:1 1;height:1px}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{gap:var(--space-2)}.form-group label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-tertiary);flex-shrink:0;left:var(--space-3);pointer-events:none;position:absolute}.input-wrapper input{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);outline:none;padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3)*2 + 18px);transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out);width:100%}.input-wrapper input::placeholder{color:var(--text-tertiary)}.input-wrapper input:focus{background:var(--surface-overlay);border-color:var(--brand-500);box-shadow:0 0 0 3px #6366f126}.input-toggle{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;position:absolute;right:var(--space-3);transition:color var(--duration-fast) var(--ease-in-out)}.input-toggle:hover{color:var(--text-secondary)}.auth-error{animation:slideDown var(--duration-normal) var(--ease-out-expo) both;background:#f43f5e14;border:1px solid #f43f5e33;border-radius:var(--radius-md);color:var(--rose-400)}.auth-error,.auth-submit-btn{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.auth-submit-btn{background:var(--gradient-brand);border:none;border-radius:var(--radius-md);box-shadow:0 4px 14px #6366f166;color:#fff;cursor:pointer;font-family:var(--font-sans);font-weight:700;justify-content:center;letter-spacing:.02em;transition:opacity var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out);width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #6366f180;opacity:.9;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-submit-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.auth-footer{margin-top:var(--space-5);text-align:center}.auth-footer p{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.6;margin:0}.role-selection{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin:var(--space-4) 0}.role-card{align-items:center;background:var(--surface-overlay);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-3);text-align:center;transition:all var(--duration-fast) var(--ease-in-out)}.role-card:hover{background:var(--surface-hover);border-color:var(--border-default)}.role-card.selected{background:#6366f11a;border-color:var(--brand-500);box-shadow:0 0 0 1px #6366f14d}.role-card-icon{align-items:center;background:var(--gradient-brand);border-radius:var(--radius-md);color:#fff;display:flex;height:44px;justify-content:center;width:44px}.role-card-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:700}.role-card-desc{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.4}.auth-success{padding:var(--space-8) var(--space-6);text-align:center}.auth-success-icon{animation:scaleIn var(--duration-slow) var(--ease-spring) both;background:#10b9811f;border:2px solid #10b9814d;border-radius:50%;color:var(--emerald-400);display:flex;height:60px;margin:0 auto var(--space-4);width:60px}.auth-success-icon,.btn{align-items:center;justify-content:center}.btn{border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-weight:600;gap:var(--space-2);letter-spacing:.01em;position:relative;text-decoration:none;transition:background var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-spring),opacity var(--duration-fast) var(--ease-in-out);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-small{border-radius:var(--radius-sm);font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.btn-medium{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn-large{border-radius:var(--radius-lg);font-size:var(--text-base);padding:var(--space-3) var(--space-6)}.btn-primary{background:var(--gradient-brand);box-shadow:0 4px 14px #6366f159}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-default)}.btn-outline{background:#0000;border:1px solid var(--brand-500);color:var(--brand-400)}.btn-outline:hover:not(:disabled){background:#6366f11a;border-color:var(--brand-400)}.btn-ghost{background:#0000;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-danger{background:var(--rose-500);box-shadow:0 4px 14px #f43f5e4d;color:#fff}.btn-danger:hover:not(:disabled){background:#e11d48;transform:translateY(-1px)}.btn-success{background:var(--emerald-500);box-shadow:0 4px 14px #10b9814d;color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-full{width:100%}.btn-loading{pointer-events:none}.btn-spinner{animation:spin .7s linear infinite}.btn-icon,.btn-spinner{flex-shrink:0}.sidebar{background:var(--surface-raised);border-right:1px solid var(--border-subtle);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width var(--duration-slow) var(--ease-out-expo);width:var(--sidebar-width);z-index:var(--z-sticky)}.sidebar:before{background:var(--gradient-brand-h);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-collapsed .logo-text,.sidebar-collapsed .nav-label,.sidebar-collapsed .section-label,.sidebar-collapsed .theme-label,.sidebar-collapsed .user-details{opacity:0;overflow:hidden;transition:opacity var(--duration-normal) var(--ease-in-out),width var(--duration-slow) var(--ease-out-expo);white-space:nowrap;width:0}.sidebar-collapsed .sidebar-toggle{margin-left:auto;margin-right:auto}.sidebar-header{border-bottom:1px solid var(--border-subtle);gap:var(--space-2);justify-content:space-between;min-height:64px;padding:var(--space-4) var(--space-4)}.logo,.sidebar-header{align-items:center;display:flex}.logo{flex:1 1;gap:var(--space-3);min-width:0;overflow:hidden}.logo-icon{align-items:center;background:var(--gradient-brand);border-radius:var(--radius-md);box-shadow:var(--shadow-glow-sm);color:#fff;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;height:34px;justify-content:center;letter-spacing:-.02em;width:34px}.logo-text{display:flex;flex-direction:column;min-width:0;transition:opacity var(--duration-normal) var(--ease-in-out),width var(--duration-slow) var(--ease-out-expo)}.logo-title{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:var(--text-base);font-weight:700;letter-spacing:-.02em;line-height:1.2;white-space:nowrap}.logo-tagline{color:var(--text-tertiary);font-size:10px;font-weight:500;letter-spacing:.06em;margin-top:1px;text-transform:uppercase;white-space:nowrap}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out);width:28px}.sidebar-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-ai-status{border-bottom:1px solid var(--border-subtle);padding:var(--space-3) var(--space-4)}.ai-status-pill{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:var(--radius-full);color:var(--brand-300);display:flex;font-size:var(--text-xs);font-weight:500;gap:var(--space-2);overflow:hidden;padding:var(--space-2) var(--space-3);transition:all var(--duration-normal) var(--ease-in-out);white-space:nowrap}.sidebar-collapsed .ai-status-pill{justify-content:center;padding:var(--space-2)}.ai-status-dot{animation:pulseGlow 2s ease-in-out infinite;background:var(--emerald-400);border-radius:50%;box-shadow:0 0 6px #34d39999;flex-shrink:0;height:6px;width:6px}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--space-3) var(--space-3)}.nav-section{margin-bottom:var(--space-4)}.section-label{color:var(--text-tertiary);display:block;font-size:10px;font-weight:600;letter-spacing:.1em;margin-bottom:var(--space-2);overflow:hidden;padding:0 var(--space-2);text-transform:uppercase;transition:opacity var(--duration-normal) var(--ease-in-out),width var(--duration-slow) var(--ease-out-expo);white-space:nowrap}.nav-list{display:flex;flex-direction:column;gap:2px;list-style:none;padding:0}.nav-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-3);overflow:hidden;padding:var(--space-2) var(--space-3);position:relative;text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out);white-space:nowrap}.nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-link.active{background:#6366f11f;color:var(--brand-400);font-weight:600}.nav-link.active:before{background:var(--gradient-brand);border-radius:0 var(--radius-xs) var(--radius-xs) 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-link svg{flex-shrink:0;opacity:.7}.nav-link.active svg,.nav-link:hover svg{opacity:1}.nav-label{overflow:hidden;transition:opacity var(--duration-normal) var(--ease-in-out),width var(--duration-slow) var(--ease-out-expo);white-space:nowrap}.nav-badge{background:var(--gradient-brand);border-radius:var(--radius-full);color:#fff;flex-shrink:0;font-size:10px;font-weight:600;margin-left:auto;padding:1px 6px;transition:opacity var(--duration-normal) var(--ease-in-out)}.sidebar-collapsed .nav-badge{opacity:0;overflow:hidden;width:0}.sidebar-bottom{border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.theme-toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-3);overflow:hidden;padding:var(--space-2) var(--space-3);text-align:left;transition:color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out);white-space:nowrap;width:100%}.theme-toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.theme-label{overflow:hidden;transition:opacity var(--duration-normal) var(--ease-in-out),width var(--duration-slow) var(--ease-out-expo);white-space:nowrap}.sidebar-footer{gap:var(--space-3);overflow:hidden;padding:var(--space-2) var(--space-3)}.sidebar-footer,.user-avatar{align-items:center;border-radius:var(--radius-md);display:flex}.user-avatar{background:#6366f11f;border:1px solid var(--border-subtle);color:var(--brand-400);flex-shrink:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;height:34px;justify-content:center;text-transform:uppercase;width:34px}.user-avatar-img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.user-details{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;transition:opacity var(--duration-normal) var(--ease-in-out),width var(--duration-slow) var(--ease-out-expo)}.user-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:capitalize}.logout-btn,.user-role{color:var(--text-tertiary)}.logout-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out);width:30px}.logout-btn:hover{background:#f43f5e1a;color:var(--rose-400)}.sidebar-collapsed .sidebar-footer{align-items:center;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.sidebar-collapsed .logout-btn{height:34px;width:34px}.layout{background:var(--surface-base)}.layout,.main-content{display:flex;min-height:100vh;position:relative}.main-content{flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);overflow-x:hidden;transition:margin-left var(--duration-slow) var(--ease-out-expo)}.layout.sidebar-is-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.main-content:before{background:radial-gradient(ellipse at 20% 0,#6366f10f 0,#0000 50%),radial-gradient(ellipse at 80% 100%,#a855f70a 0,#0000 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.main-content>*{position:relative;z-index:1}@media (max-width:768px){.main-content{margin-left:0}}.header{align-items:center;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);background:#0e0e1ad9;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--space-4);height:var(--header-height);justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:var(--z-raised)}[data-theme=light] .header{background:#ffffffe6}.header-left{flex:1 1;min-width:0}.header-left,.header-right{align-items:center;display:flex;gap:var(--space-3)}.back-btn,.header-right{flex-shrink:0}.back-btn{align-items:center;background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all var(--duration-fast) var(--ease-in-out);width:34px}.back-btn:hover{background:var(--surface-hover);border-color:var(--border-default);color:var(--text-primary)}.header-titles{min-width:0}.header-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;line-height:1.2}.header-subtitle,.header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-subtitle{color:var(--text-tertiary);letter-spacing:.02em;margin-bottom:0}.cognitive-indicator,.header-subtitle{font-size:var(--text-xs);font-weight:500}.cognitive-indicator{align-items:center;background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-3)}.cognitive-bar{display:flex;gap:2px}.cognitive-bar-segment{background:var(--surface-hover);border-radius:2px;height:12px;transition:background var(--duration-normal) var(--ease-in-out);width:4px}.cognitive-bar-segment.active{background:var(--brand-400)}.cognitive-bar-segment.active.high{background:var(--amber-400)}.cognitive-bar-segment.active.overload{background:var(--rose-400)}.notification-btn{align-items:center;background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all var(--duration-fast) var(--ease-in-out);width:36px}.notification-btn:hover{background:var(--surface-hover);border-color:var(--border-default);color:var(--text-primary)}.notification-dot{background:var(--rose-400);border:2px solid var(--surface-raised);border-radius:50%;box-shadow:0 0 6px #f43f5e80;height:7px;position:absolute;right:6px;top:6px;width:7px}.session-timer{align-items:center;background:#10b98114;border:1px solid #10b98133;border-radius:var(--radius-full);color:var(--emerald-400);display:flex;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;gap:var(--space-2);padding:var(--space-1) var(--space-3)}.session-timer-dot{animation:pulseTimer 2s ease-in-out infinite;background:var(--emerald-400);border-radius:50%;height:6px;width:6px}@keyframes pulseTimer{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@media (max-width:640px){.header{padding:0 var(--space-4)}.cognitive-indicator,.session-timer{display:none}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.loading-container.fullscreen{background:var(--surface-base);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;color:var(--brand-500)}.loading-message{color:var(--text-secondary);font-size:.95rem;margin:0}.error-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem;text-align:center}.error-container.fullscreen{background:var(--surface-base);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.error-icon{color:var(--error-color)}.error-title{color:var(--text-primary);font-size:1.25rem;margin:0}.error-message{color:var(--text-secondary);margin:0;max-width:400px}.empty-state{flex-direction:column;padding:4rem 2rem}.empty-icon,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon{background:var(--surface-overlay);border-radius:20px;color:var(--text-tertiary);height:80px;margin-bottom:1.5rem;width:80px}.empty-state h3{margin:0}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:16px;transition:all .2s}.course-card.clickable:hover{border-color:var(--brand-500);box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.course-card-header{align-items:flex-start}.course-icon{background:var(--brand-500-transparent);border-radius:12px;color:var(--brand-500)}.course-status{border-radius:20px;font-weight:600;gap:.375rem;padding:.375rem .75rem}.status-warning{background:#f59e0b26;color:#f59e0b}.status-info{background:#3b82f626;color:#3b82f6}.status-success{background:#10b98126;color:#10b981}.status-error{background:#ef444426;color:#ef4444}.course-title{color:var(--text-primary);line-height:1.4;margin:0}.course-meta{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.course-date{color:var(--text-tertiary);font-size:.8rem}.course-error{background:#ef44441a;border-radius:8px;color:var(--error-color);font-size:.8rem;margin:.75rem 0 0;padding:.75rem}.course-card-footer{border-top:1px solid var(--border-default);margin-top:1.25rem}.view-link{color:var(--brand-500);gap:.25rem}.delete-btn{background:var(--surface-overlay);border-radius:8px;color:var(--text-tertiary);transition:all .2s}.delete-btn:hover{background:#ef44441a;color:var(--error-color)}@media (max-width:640px){.courses-grid{grid-template-columns:1fr}}.upload-container{margin:0 auto;max-width:560px}.upload-dropzone{background:var(--surface-raised);border:2px dashed var(--border-default);border-radius:16px;cursor:pointer;margin-bottom:1.5rem;padding:3rem 2rem;text-align:center;transition:all .2s}.upload-dropzone:hover{background:var(--surface-hover);border-color:var(--brand-500)}.upload-dropzone.has-file{border-color:var(--brand-500);border-style:solid;padding:1.5rem}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.dropzone-icon{align-items:center;background:var(--brand-500-transparent);border-radius:16px;color:var(--brand-500);display:flex;height:64px;justify-content:center;width:64px}.dropzone-content h3{color:var(--text-primary);font-size:1.125rem;margin:0}.dropzone-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.supported-formats{color:var(--text-tertiary);font-size:.75rem;margin-top:.5rem}.file-preview{gap:1rem;text-align:left}.file-icon{align-items:center;background:var(--brand-500-transparent);border-radius:12px;color:var(--brand-500);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.file-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.file-info .file-name{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.8rem}.file-size,.remove-file{color:var(--text-tertiary)}.remove-file{align-items:center;background:var(--surface-overlay);border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.remove-file:hover{background:#ef44441a;color:var(--error-color)}.upload-form{display:flex;flex-direction:column;gap:1.25rem}.upload-form .form-group{display:flex;flex-direction:column;gap:.5rem}.upload-form label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.upload-form input{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:.95rem;padding:.875rem 1rem;transition:all .2s}.upload-form input::placeholder{color:var(--text-tertiary)}.upload-form input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-500-transparent);outline:none}.upload-form input:disabled{cursor:not-allowed;opacity:.6}.upload-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:var(--error-color);display:flex;font-size:.875rem;gap:.5rem;padding:.875rem 1rem}.upload-hint{color:var(--text-tertiary);font-size:.8rem;margin:0;text-align:center}.processing-state{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:16px;padding:3rem 2rem;text-align:center}.processing-icon{align-items:center;background:var(--brand-500-transparent);border-radius:20px;color:var(--brand-500);display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.processing-icon.success{background:#10b98126;color:var(--success-color)}.processing-state h2{color:var(--text-primary);font-size:1.5rem;margin:0}.processing-state>p{color:var(--text-secondary);margin:.5rem 0 1.5rem}.processing-details{background:var(--surface-overlay);border-radius:10px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.processing-details .file-name{color:var(--text-primary);font-weight:600}.processing-details .course-title{color:var(--text-secondary);font-size:.875rem}.chapters-list{gap:1rem}.chapter-card{align-items:flex-start;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:16px;cursor:pointer;display:flex;gap:1.25rem;padding:1.5rem;transition:all .2s}.chapter-card:hover{border-color:var(--brand-500);box-shadow:0 4px 16px #00000026;transform:translateX(4px)}.chapter-number{background:var(--gradient-brand);border-radius:10px;font-size:1rem;height:40px;width:40px}.chapter-content{flex:1 1;min-width:0}.chapter-title{color:var(--text-primary);font-size:1.125rem;line-height:1.4}.chapter-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.5;margin:.5rem 0 0;overflow:hidden}.chapter-meta{align-items:center;display:flex;gap:1rem;margin-top:.75rem}.page-range,.topics-count{align-items:center;color:var(--text-tertiary);display:flex;font-size:.8rem;gap:.375rem}.chapter-keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.keyword-tag{background:var(--surface-overlay);border-radius:6px;color:var(--text-secondary);font-size:.75rem;padding:.25rem .625rem}.chapter-actions{flex-shrink:0;gap:.5rem}.action-btn,.chapter-actions{align-items:center;display:flex}.action-btn{background:var(--surface-overlay);border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s}.action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.chapter-arrow{color:var(--text-tertiary);transition:color .2s}.chapter-card:hover .chapter-arrow{color:var(--brand-500)}.chapter-edit{align-items:center;display:flex;gap:.75rem;width:100%}.chapter-edit input{background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;padding:.625rem .875rem}.chapter-edit input:focus{border-color:var(--brand-500);outline:none}.edit-actions{display:flex;gap:.375rem}.edit-btn{align-items:center;background:var(--surface-overlay);border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.edit-btn.save{color:var(--success-color)}.edit-btn.save:hover{background:#10b98126}.edit-btn.cancel{color:var(--error-color)}.edit-btn.cancel:hover{background:#ef444426}@media (max-width:640px){.chapter-card{gap:1rem;padding:1rem}.chapter-number{font-size:.9rem;height:36px;width:36px}.chapter-meta{flex-wrap:wrap;gap:.5rem}}.topics-list{display:flex;flex-direction:column;gap:1rem}.topic-card{align-items:flex-start;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:16px;cursor:pointer;display:flex;gap:1.25rem;padding:1.5rem;transition:all .2s}.topic-card:hover{border-color:var(--brand-500);box-shadow:0 4px 16px #00000026;transform:translateX(4px)}.topic-number{align-items:center;background:var(--surface-overlay);border:2px solid var(--border-default);border-radius:10px;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.topic-card:hover .topic-number{background:var(--brand-500-transparent);border-color:var(--brand-500);color:var(--brand-500)}.topic-number.ready{background:#10b98126;border-color:var(--success-color);color:var(--success-color)}.topic-content{min-width:0}.topic-title{font-size:1.0625rem;font-weight:600;line-height:1.4;margin:0}.topic-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:.5rem 0 0;overflow:hidden}.topic-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem}.page-info,.script-status,.video-status{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.375rem}.script-status.has-script,.video-status.has-video{color:var(--success-color)}.topic-outline{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.outline-label{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.outline-item{background:var(--surface-overlay);border-radius:4px;color:var(--text-secondary);font-size:.7rem;padding:.25rem .5rem}.outline-more{color:var(--brand-500);font-size:.7rem}.topic-arrow{color:var(--text-tertiary);flex-shrink:0;margin-top:.25rem;transition:color .2s}.topic-card:hover .topic-arrow{color:var(--brand-500)}@media (max-width:640px){.topic-card{gap:1rem;padding:1rem}.topic-number{font-size:.8rem;height:32px;width:32px}.topic-meta{gap:.5rem}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-small{max-width:400px;width:100%}.modal-medium{max-width:560px;width:100%}.modal-large{max-width:800px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-body{overflow-y:auto;padding:1.5rem}.topic-detail-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.detail-section{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:16px;display:flex;flex-direction:column;padding:1.5rem}.script-section{min-height:450px}.video-section{min-height:auto}.info-section{grid-column:1/-1}.section-header{border-bottom:1px solid var(--border-default);padding-bottom:1rem}.section-title{color:var(--text-primary);gap:.625rem}.section-title h2{font-size:1.125rem}.script-status{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.script-status.ready{background:#10b98126;color:var(--success-color)}.script-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.script-loading .spinning{color:var(--brand-500)}.script-textarea{background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.9rem;line-height:1.7;min-height:250px;padding:1rem;resize:vertical;width:100%}.script-textarea::placeholder{color:var(--text-tertiary)}.script-textarea:focus{border-color:var(--brand-500);outline:none}.section-actions{align-items:center;display:flex;gap:1rem;margin-top:1rem}.unsaved-indicator{align-items:center;color:var(--warning-color);display:flex;font-size:.8rem;gap:.375rem}.video-section{display:flex;flex-direction:column;min-height:auto!important;overflow:visible!important}.video-container{align-items:center;background:var(--surface-overlay);border-radius:12px;display:flex;flex:1 1;justify-content:center;min-height:280px}.video-player{border-radius:12px;height:100%;max-height:100%}.video-generating,.video-placeholder{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center;padding:2rem;text-align:center;width:100%}.video-generating h3,.video-placeholder h3{color:var(--text-secondary);font-size:1.1rem;font-weight:600;margin:0}.video-generating p,.video-placeholder p{font-size:.85rem;margin:0;opacity:.8}.video-placeholder svg:first-child{opacity:.5}.video-placeholder button{font-size:.95rem;margin-top:1rem;padding:.75rem 1.5rem}.video-generating .spinning{color:var(--brand-500)}.language-selector{background:var(--surface-overlay);border-radius:10px;gap:.5rem;margin-bottom:1rem;padding:.5rem}.language-selector button{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:.5rem;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.language-selector button:hover{background:var(--surface-overlay);border-color:var(--brand-500)}.language-selector button:disabled{cursor:not-allowed;opacity:.5}.language-selector button.active{background:var(--brand-500)!important;border-color:var(--brand-500)!important;color:#fff!important;font-weight:600}.video-section .section-actions{align-items:center;border-top:1px solid var(--border-default);display:flex!important;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;width:100%}.video-section .section-actions button{flex:1 1;min-width:180px}.generate-videos-button-container{border-top:2px solid var(--border-default)!important;display:flex!important;margin-top:1.5rem!important;padding-top:1.5rem!important;position:relative!important;width:100%!important;z-index:10!important}.generate-videos-btn{background:#3b82f6!important;background:var(--brand-500,#3b82f6)!important;border:none!important;border-radius:12px!important;box-shadow:0 2px 8px #3b82f64d!important;color:#fff!important;cursor:pointer!important;font-size:1.1rem!important;font-weight:700!important;min-width:100%!important;padding:1.125rem 1.75rem!important;transition:all .2s ease!important;width:100%!important}.generate-videos-btn:hover:not(:disabled){background:#2563eb!important;background:var(--brand-500-hover,#2563eb)!important;box-shadow:0 4px 16px #3b82f666!important;transform:translateY(-2px)!important}.generate-videos-btn:active:not(:disabled){transform:translateY(0)!important}.generate-videos-btn:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.generate-videos-btn .btn-icon{margin-right:.5rem}.generate-videos-btn-inline{background:#3b82f6!important;background:var(--brand-500,#3b82f6)!important;border:none!important;border-radius:10px!important;color:#fff!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;padding:.875rem 1.5rem!important}.generate-videos-btn-inline:hover:not(:disabled){background:#2563eb!important;background:var(--brand-500-hover,#2563eb)!important;transform:translateY(-1px)!important}.info-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item.full-width{grid-column:1/-1}.info-label{color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:.95rem}.outline-list{color:var(--text-secondary);margin:0;padding-left:1.25rem}.outline-list li{font-size:.9rem;margin-bottom:.375rem}.content-preview{background:var(--surface-overlay);border-radius:8px;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0;max-height:200px;overflow-y:auto;padding:1rem}.regenerate-form{display:flex;flex-direction:column;gap:1rem}.modal-description{color:var(--text-secondary);font-size:.9rem;margin:0}.regenerate-form textarea{background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:.875rem 1rem;resize:vertical;width:100%}.regenerate-form textarea::placeholder{color:var(--text-tertiary)}.regenerate-form textarea:focus{border-color:var(--brand-500);outline:none}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}@media (max-width:900px){.topic-detail-grid{grid-template-columns:1fr}.script-section,.video-section{min-height:auto}.video-container{aspect-ratio:16/9;min-height:250px}}.streams-management{display:flex;flex-direction:column;gap:2rem}.stream-section{background:#fff;box-shadow:0 2px 8px #0000001a}.section-title{align-items:center;display:flex;gap:.75rem}.section-title h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0}.count-badge{background:#f0f0f0;color:#666;margin-left:.5rem}.streams-list{display:flex;flex-direction:column;gap:1rem}.stream-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.stream-item:hover{background:#f8f9ff;border-color:#667eea}.stream-info{flex:1 1}.stream-info h3{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.stream-description{color:#666;font-size:.875rem;margin:0}.stream-actions{display:flex;gap:.5rem}.icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.icon-btn:hover{background:#f0f0f0}.edit-btn{color:#667eea}.edit-btn:hover{background:#e8ebff;color:#5568d3}.delete-btn:hover{color:#c0392b}.empty-section{color:#999;padding:2rem;text-align:center}.spinner-small{animation:spin .6s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#e74c3c;height:16px;width:16px}.stream-form{display:flex;flex-direction:column;gap:1.5rem}.form-group textarea{min-height:80px}.create-subject-container{margin:0 auto;max-width:600px}.subject-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.875rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group select:disabled{background:#f5f5f5;cursor:not-allowed}.form-group textarea{min-height:100px;resize:vertical}.form-hint{color:#666;font-size:.75rem;font-style:italic;margin:.25rem 0 0}.courses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.course-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s ease}.course-card.clickable{cursor:pointer}.course-card.clickable:hover{border-color:#667eea;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.course-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.course-icon{background:#f0f4ff;border-radius:8px;color:#667eea;height:48px;justify-content:center;width:48px}.course-icon,.course-status{align-items:center;display:flex}.course-status{border-radius:12px;font-size:.75rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.status-warning{background:#fff3cd;color:#856404}.status-info{background:#d1ecf1;color:#0c5460}.status-success{background:#d4edda;color:#155724}.status-error{background:#f8d7da;color:#721c24}.course-title{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.course-meta{margin-bottom:1rem}.course-date{color:#666;font-size:.875rem}.course-error{color:#e74c3c;font-size:.875rem;margin:.5rem 0}.course-card-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.view-link{color:#667eea;font-size:.875rem;font-weight:500;gap:.5rem}.delete-btn,.view-link{align-items:center;cursor:pointer;display:flex}.delete-btn{background:#0000;border:none;border-radius:6px;color:#e74c3c;justify-content:center;padding:.5rem;transition:all .2s ease}.delete-btn:hover{background:#fee}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.upload-modal-content{gap:1.5rem}.form-group,.upload-modal-content{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-size:.875rem;font-weight:500}.form-group input[type=file]{border:1px solid #ddd;border-radius:6px;font-size:.875rem;padding:.5rem}.form-group input[type=text]{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.875rem;padding:.75rem}.form-group input:focus{border-color:#667eea;outline:none}.file-preview{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:.75rem;margin-top:.5rem;padding:.75rem}.file-preview span:first-of-type{flex:1 1;font-weight:500}.file-size{color:#666;font-size:.75rem}.error-message{align-items:center;background:#fee;border-radius:6px;color:#c0392b;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.chapters-section,.pdfs-section{margin-bottom:2.5rem}.section-header{margin-bottom:1.75rem}.section-header-left{align-items:center;display:flex;gap:.875rem}.section-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.section-header h2{color:#e2d6d6;font-size:1.3rem;font-weight:70;line-height:1.2}.section-subtitle{color:#888;font-size:.8rem;font-weight:400;margin:.15rem 0 0}.chapters-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.chapter-card-v2{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f,0 0 0 1px #0000000a;cursor:pointer;overflow:hidden;position:relative;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.chapter-card-v2:hover{box-shadow:0 12px 32px #667eea2e,0 0 0 1px #667eea1f;transform:translateY(-6px)}.chapter-card-accent{background:var(--accent-gradient);height:5px;width:100%}.chapter-card-body{display:flex;flex-direction:column;min-height:180px;padding:1.25rem 1.5rem}.chapter-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.chapter-badge{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:800;height:42px;justify-content:center;width:42px}.chapter-card-actions{align-items:center;display:flex;gap:.25rem}.chapter-delete-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ccc;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .2s ease}.chapter-delete-btn:hover{background:#fee;color:#e74c3c}.chapter-delete-btn:disabled{cursor:not-allowed;opacity:.4}.chapter-card-content{flex:1 1}.chapter-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a2e;display:-webkit-box;font-size:1.05rem;font-weight:650;line-height:1.35;margin:0 0 .4rem;overflow:hidden}.chapter-card-v2:hover .chapter-card-title{color:#667eea}.chapter-card-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;display:-webkit-box;font-size:.8rem;line-height:1.55;margin:0;overflow:hidden}.chapter-card-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.chapter-topic-badge{align-items:center;background:#f0f4ff;background:var(--accent-light,#f0f4ff);border-radius:20px;color:#555;display:inline-flex;font-size:.775rem;font-weight:600;gap:.375rem;padding:.3rem .75rem}.chapter-topic-badge svg{color:#667eea}.chapter-explore-link{align-items:center;color:#bbb;display:flex;font-size:.8rem;font-weight:600;gap:.2rem;transition:color .2s}.chapter-card-v2:hover .chapter-explore-link{color:#667eea}.chapter-explore-link svg{transition:transform .2s}.chapter-card-v2:hover .chapter-explore-link svg{transform:translateX(3px)}.reorder-controls{display:flex;flex-shrink:0;gap:.35rem}.reorder-btn{align-items:center;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:6px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:.35rem;transition:all .2s ease}.reorder-btn:hover:not(:disabled){background:#e9ecef;border-color:#667eea}.reorder-btn:disabled{cursor:not-allowed;opacity:.3}@media (max-width:640px){.chapters-grid{grid-template-columns:1fr}.chapter-card-body{min-height:auto;padding:1rem 1.15rem}.section-header{align-items:flex-start;flex-direction:column;gap:.75rem}}.processing-section{margin-bottom:2rem}.processing-list{display:flex;flex-direction:column;gap:.75rem}.processing-item{align-items:center;background:#f0f4ff;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:1rem;padding:1rem 1.5rem}.processing-item .spinning{color:#667eea}.processing-title{color:#1a1a1a;flex:1 1;font-weight:500}.processing-status{color:#667eea;font-size:.875rem;font-weight:500}.doubt-chat-panel{background:#1a1a2e;background:var(--surface-raised,#1a1a2e);border:1px solid #2d2d44;border:1px solid var(--border-default,#2d2d44);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:100%;max-height:600px;overflow:hidden;width:380px}.doubt-chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.header-info{align-items:center;display:flex;gap:10px}.header-text{display:flex;flex-direction:column}.header-title{font-size:14px;font-weight:600}.header-context{font-size:11px;opacity:.85}.header-actions{gap:8px}.clear-btn,.close-btn{align-items:center;background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s}.clear-btn:hover,.close-btn:hover{background:#ffffff40}.chat-info-banner{align-items:center;background:#667eea26;border-bottom:1px solid #2d2d44;border-bottom:1px solid var(--border-default,#2d2d44);color:#a0a0b0;display:flex;font-size:11px;gap:8px;padding:8px 12px}.chat-info-banner svg{color:#667eea;flex-shrink:0}.doubt-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-empty,.chat-loading{align-items:center;color:#a0a0b0;color:var(--text-secondary,#a0a0b0);display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.chat-empty h4{color:#fff;color:var(--text-primary,#fff);margin:12px 0 8px}.chat-empty p{font-size:13px;line-height:1.5;margin-bottom:16px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggestion-chips button{background:#252540;background:var(--surface-overlay,#252540);border:1px solid #3d3d5c;border:1px solid var(--border-default,#3d3d5c);border-radius:16px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.suggestion-chips button:hover{background:#667eea;border-color:#667eea}.chat-message{display:flex;flex-direction:column;max-width:85%}.chat-message.user{align-self:flex-end}.chat-message.assistant{align-self:flex-start}.message-content{border-radius:12px;font-size:14px;line-height:1.5;padding:10px 14px}.chat-message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.chat-message.assistant .message-content{background:#252540;background:var(--surface-overlay,#252540);border-bottom-left-radius:4px;color:#fff;color:var(--text-primary,#fff)}.message-content p{word-wrap:break-word;margin:0;white-space:pre-wrap}.ai-badge{align-items:center;color:#667eea;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-bottom:6px;text-transform:uppercase}.message-image{border-radius:8px;margin-bottom:8px;max-width:100%}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chat-error{align-items:center;background:#ff475726;border-top:1px solid #ff47574d;color:#ff6b7a;display:flex;font-size:12px;gap:8px;padding:8px 12px}.chat-error button{background:none;border:none;color:#ff6b7a;cursor:pointer;display:flex;margin-left:auto;padding:2px}.image-preview{border-top:1px solid #2d2d44;border-top:1px solid var(--border-default,#2d2d44);padding:8px 16px;position:relative}.image-preview img{border-radius:8px;max-height:100px}.remove-image{background:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;padding:4px;position:absolute;right:12px;top:4px}.doubt-chat-input{align-items:flex-end;background:#252540;background:var(--surface-overlay,#252540);border-top:1px solid #2d2d44;border-top:1px solid var(--border-default,#2d2d44);display:flex;gap:8px;padding:12px 16px}.doubt-chat-input textarea{background:#1a1a2e;background:var(--surface-raised,#1a1a2e);border:1px solid #3d3d5c;border:1px solid var(--border-default,#3d3d5c);border-radius:8px;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-family:inherit;font-size:14px;max-height:100px;padding:10px 12px;resize:none}.doubt-chat-input textarea:focus{border-color:#667eea;outline:none}.doubt-chat-input textarea::placeholder{color:#a0a0b0;color:var(--text-secondary,#a0a0b0)}.doubt-chat-input textarea:disabled{opacity:.6}.attach-btn,.send-btn{align-items:center;background:#1a1a2e;background:var(--surface-raised,#1a1a2e);border:1px solid #3d3d5c;border:1px solid var(--border-default,#3d3d5c);border-radius:8px;color:#a0a0b0;color:var(--text-secondary,#a0a0b0);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s}.attach-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.attach-btn:disabled{cursor:not-allowed;opacity:.5}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.spin{animation:spin 1s linear infinite}.doubt-chat-messages::-webkit-scrollbar{width:6px}.doubt-chat-messages::-webkit-scrollbar-track{background:#0000}.doubt-chat-messages::-webkit-scrollbar-thumb{background:#3d3d5c;background:var(--border-default,#3d3d5c);border-radius:3px}.doubt-chat-messages::-webkit-scrollbar-thumb:hover{background:#4d4d6c}.course-player,.player-container{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - var(--header-height));overflow:hidden;position:relative}.chapters-sidebar,.player-sidebar{background:var(--surface-raised);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden}.chapters-sidebar-header,.sidebar-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:var(--space-4) var(--space-5)}.sidebar-header h3{margin:0}.chapters-sidebar-title,.sidebar-header h3{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.chapters-sidebar-title{margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapters-sidebar-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--text-xs);gap:var(--space-2)}.chapters-nav,.chapters-scroll{flex:1 1;overflow-y:auto;padding:var(--space-2)}.chapter-item{margin-bottom:var(--space-1)}.chapter-header-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:left;transition:background var(--duration-fast) var(--ease-in-out);width:100%}.chapter-header-btn:hover{background:var(--surface-hover)}.chapter-header-btn.expanded{background:#6366f10f}.chapter-number{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-tertiary);flex-shrink:0;font-family:var(--font-mono);font-size:10px;font-weight:700;height:22px;width:22px}.chapter-name{color:var(--text-secondary);flex:1 1;font-size:var(--text-xs);font-weight:600;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-in-out)}.chapter-chevron.open{transform:rotate(180deg)}.topics-list{padding-bottom:var(--space-2);padding-left:var(--space-4)}.topic-btn,.topic-link{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);position:relative;text-align:left;transition:background var(--duration-fast) var(--ease-in-out);width:100%}.topic-btn:hover,.topic-link:hover{background:var(--surface-hover)}.topic-btn.selected,.topic-link.active{background:#6366f11a}.topic-btn.selected .topic-name,.topic-link.active .topic-title-text{color:var(--brand-400);font-weight:600}.topic-link .topic-number{align-items:center;background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-tertiary);display:flex;flex-shrink:0;font-family:var(--font-mono);font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.topic-link.active .topic-number{background:#6366f126;border-color:#6366f14d;color:var(--brand-400)}.topic-check,.topic-play{color:var(--text-tertiary);flex-shrink:0}.topic-check{color:#10b981;color:var(--emerald-400,#10b981)}.topic-status-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.topic-status-dot.completed{background:var(--emerald-400)}.topic-status-dot.current{background:var(--brand-400);box-shadow:0 0 6px #6366f199}.topic-status-dot.locked{background:var(--text-tertiary)}.topic-status-dot.available{background:var(--border-default)}.topic-name,.topic-title-text{color:var(--text-secondary);flex:1 1;font-size:var(--text-xs);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-lock-icon{color:var(--text-tertiary);flex-shrink:0}.topic-video-badge{align-items:center;background:#6366f126;border-radius:50%;color:var(--brand-400);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.session-progress-bar{border-top:1px solid var(--border-subtle);flex-shrink:0;padding:var(--space-3) var(--space-5)}.session-progress-label{color:var(--text-tertiary);display:flex;font-size:10px;font-weight:500;justify-content:space-between;margin-bottom:var(--space-1)}.session-progress-track{background:var(--surface-overlay);border-radius:var(--radius-full);height:4px;overflow:hidden}.session-progress-fill{background:var(--gradient-brand-h);border-radius:var(--radius-full);height:100%;transition:width .8s var(--ease-out-expo)}.content-area,.player-main{background:var(--surface-base);display:flex;flex-direction:column;overflow-y:auto;position:relative}.topic-content{flex:1 1;overflow-y:auto;padding:var(--space-6)}.video-section{margin-bottom:var(--space-5)}.video-player{background:#000;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:block;max-height:50vh;object-fit:contain;width:100%}.video-placeholder{align-items:center;background:var(--surface-raised);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-10);text-align:center}.video-placeholder h3{color:var(--text-secondary);font-size:var(--text-base);font-weight:600;margin:0}.video-placeholder p{font-size:var(--text-sm);margin:0}.language-selector{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-3);padding:var(--space-2)}.topic-header{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.topic-header h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;margin:0 0 var(--space-2)}.topic-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0}.practice-section{margin-bottom:var(--space-5)}.section-header{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;gap:var(--space-2)}.no-questions{align-items:center;color:var(--text-tertiary);gap:var(--space-2);padding:var(--space-8);text-align:center}.no-questions,.questions-list{display:flex;flex-direction:column}.questions-list{gap:var(--space-3)}.question-number{color:var(--brand-400);flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.question-content{flex:1 1;min-width:0}.question-card{display:flex;gap:var(--space-3)}.question-options{gap:var(--space-1);list-style:none;margin:var(--space-2) 0 0;padding:0}.option-item{color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2)}.option-label{color:var(--text-tertiary);flex-shrink:0;font-weight:600}.question-explanation{background:#6366f10f;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5;margin-top:var(--space-3);padding:var(--space-2) var(--space-3)}.question-difficulty{color:var(--text-tertiary);display:inline-block;font-size:var(--text-xs);margin-top:var(--space-2)}.topic-actions{display:flex;gap:var(--space-3);padding:var(--space-4) 0}.complete-btn{align-items:center;background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-2) var(--space-5);transition:all var(--duration-fast) var(--ease-in-out)}.complete-btn:hover{border-color:var(--brand-400);color:var(--brand-400)}.complete-btn.completed{background:#10b9811a;border-color:#10b9814d;color:#10b981;color:var(--emerald-400,#10b981)}.doubt-chat-toggle{align-items:center;background:#667eea;background:var(--gradient-brand,#667eea);border:none;border-radius:var(--radius-full);bottom:var(--space-6);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-4);position:fixed;right:var(--space-6);transition:transform var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out);z-index:50}.doubt-chat-toggle:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.doubt-chat-sidebar{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:0;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);width:380px;z-index:40}.doubt-chat-sidebar.open{transform:translateY(0)}.subject-purchase-gate-full{flex-direction:column;gap:var(--space-4);height:100%;padding:var(--space-12);text-align:center}.purchase-lock-icon,.subject-purchase-gate-full{align-items:center;display:flex;justify-content:center}.purchase-lock-icon{background:#6366f114;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--brand-400);height:80px;width:80px}.subject-purchase-gate-full h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;margin:0}.subject-purchase-gate-full p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0;max-width:360px}.payment-error{background:#f43f5e14;border:1px solid #f43f5e33;border-radius:var(--radius-md);color:#f43f5e;color:var(--rose-400,#f43f5e);font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.buy-video-btn{align-items:center;background:#667eea;background:var(--gradient-brand,#667eea);border:none;border-radius:var(--radius-full);box-shadow:0 4px 16px #6366f166;color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:opacity var(--duration-fast) var(--ease-in-out)}.buy-video-btn:disabled{cursor:not-allowed;opacity:.6}.buy-video-btn:hover:not(:disabled){opacity:.9}.go-back-link{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);padding:0;text-decoration:underline}.go-back-link:hover{color:var(--text-secondary)}.topic-content-header{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-6);padding-bottom:var(--space-5)}.topic-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-2)}.topic-chapter-crumb{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--text-sm);gap:var(--space-1)}.ai-mentor-panel{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow:hidden;position:relative}.ai-mentor-panel:before{background:var(--gradient-brand);content:"";height:2px;left:0;position:absolute;right:0;top:0}.ai-mentor-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.ai-mentor-brand{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;gap:var(--space-2)}.ai-mentor-brand-dot{animation:aiPulse 2s ease-in-out infinite;background:var(--gradient-brand);border-radius:50%;box-shadow:0 0 8px #6366f199;height:8px;width:8px}@keyframes aiPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.ai-mentor-actions{display:flex;gap:var(--space-2)}.ai-action-btn{align-items:center;background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--duration-fast) var(--ease-in-out)}.ai-action-btn:hover{border-color:var(--border-default);color:var(--text-primary)}.ai-action-btn.primary{background:#6366f11f;border-color:#6366f14d;color:var(--brand-400)}.ai-action-btn.primary:hover{background:#6366f133}.ai-mentor-content{padding:var(--space-5)}.video-container{background:#000;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-5);overflow:hidden;position:relative}.video-container video{display:block;max-height:50vh;object-fit:contain;width:100%}.language-toggle{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.lang-btn{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);transition:all var(--duration-fast) var(--ease-in-out)}.lang-btn.active{background:var(--gradient-brand);border-color:#0000;box-shadow:0 4px 12px #6366f166;color:#fff}.questions-section{margin-top:var(--space-5)}.questions-section-header{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-display);font-size:var(--text-base);font-weight:700;gap:var(--space-2);margin-bottom:var(--space-4)}.question-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-4);transition:border-color var(--duration-fast) var(--ease-in-out)}.question-card:hover{border-color:var(--border-default)}.question-text{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.5;margin-bottom:var(--space-3)}.question-options{display:flex;flex-direction:column;gap:var(--space-2)}.question-option{align-items:center;background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--duration-fast) var(--ease-in-out)}.question-option:hover{background:var(--surface-hover);border-color:var(--border-default);color:var(--text-primary)}.question-option.correct{background:#10b9811a;border-color:#10b9814d;color:var(--emerald-400)}.question-option.incorrect{background:#f43f5e1a;border-color:#f43f5e4d;color:var(--rose-400)}.doubt-chat-overlay{animation:slideUp var(--duration-slow) var(--ease-out-expo) both;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:500px;overflow:hidden;position:absolute;right:0;width:380px;z-index:var(--z-raised)}.no-topic-selected{color:var(--text-secondary);flex-direction:column;gap:var(--space-4);height:100%;padding:var(--space-12);text-align:center}.no-topic-icon,.no-topic-selected{align-items:center;display:flex;justify-content:center}.no-topic-icon{animation:float 3s ease-in-out infinite;background:#6366f114;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--brand-400);height:72px;width:72px}.no-topic-selected h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:700}.no-topic-selected p{color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.6;margin:0;max-width:320px}.topic-action-bar{align-items:center;background:var(--surface-raised);border-top:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.purchase-gate{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center}.purchase-gate h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.purchase-gate p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-5)}.purchase-price{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-5)}@media (max-width:768px){.course-player,.player-container{grid-template-columns:1fr}.chapters-sidebar,.player-sidebar{display:none}}.search-container{margin:0 auto;max-width:800px}.search-form{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:20px;margin-bottom:2rem;padding:2rem}.search-header{gap:1rem;margin-bottom:1.5rem}.search-header,.search-icon{align-items:center;display:flex}.search-icon{background:var(--gradient-brand);border-radius:14px;box-shadow:0 4px 14px #6366f14d;color:#fff;height:56px;justify-content:center;width:56px}.search-intro h2{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.search-intro p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0 0}.form-row{margin-bottom:1.25rem}.search-form .form-group{display:flex;flex-direction:column;gap:.5rem}.search-form label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.search-form select{background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:.875rem 1rem}.search-form select:focus{border-color:var(--brand-500);outline:none}.search-input-wrapper{align-items:center;background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:12px;display:flex;gap:.75rem;padding:.5rem .5rem .5rem 1rem;transition:all .2s}.search-input-wrapper:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-500-transparent)}.search-input-icon{color:var(--text-tertiary);flex-shrink:0}.search-input-wrapper input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:1rem;padding:.625rem 0}.search-input-wrapper input::placeholder{color:var(--text-tertiary)}.search-input-wrapper input:focus{outline:none}.search-hints{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.hint-label{color:var(--text-tertiary);font-size:.8rem}.hint-chip{background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:.375rem .75rem;transition:all .2s}.hint-chip:hover{background:var(--brand-500-transparent);border-color:var(--brand-500);color:var(--brand-500)}.no-courses{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:.75rem;padding:2rem;text-align:center}.search-results{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:16px;overflow:hidden}.results-header{border-bottom:1px solid var(--border-default);padding:1rem 1.5rem}.results-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0}.results-list{padding:.5rem}.result-card{align-items:flex-start;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .2s}.result-card:hover{background:var(--surface-hover)}.result-icon{align-items:center;background:var(--brand-500-transparent);border-radius:10px;color:var(--brand-500);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.result-content{flex:1 1;min-width:0}.result-meta{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.result-type{background:var(--brand-500-transparent);border-radius:4px;color:var(--brand-500);font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.result-score{color:var(--text-tertiary);font-size:.75rem}.result-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.result-pages{display:inline-block;font-size:.75rem}.result-arrow,.result-pages{color:var(--text-tertiary);margin-top:.5rem}.result-arrow{flex-shrink:0;transition:color .2s}.result-card:hover .result-arrow{color:var(--brand-500)}.no-results{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:.75rem;padding:3rem;text-align:center}.no-results h4{color:var(--text-secondary);font-size:1rem;margin:0}.no-results p{font-size:.875rem;margin:0}@media (max-width:640px){.search-form{padding:1.5rem}.search-header{flex-direction:column;text-align:center}.search-input-wrapper{flex-wrap:wrap}.search-input-wrapper input{width:100%}}.subject-breadcrumb{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.breadcrumb-link{color:#667eea;cursor:pointer;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:#999}.breadcrumb-current{color:#333;font-weight:500}.chapters-list{display:flex;flex-direction:column;gap:.75rem}.chapter-row{align-items:center;background:#fff;border:2px solid #0000;border-radius:10px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:flex;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.chapter-row:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateX(4px)}.chapter-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;height:36px;justify-content:center;margin-right:1rem;min-width:36px}.chapter-info,.chapter-number{align-items:center;display:flex}.chapter-info{flex:1 1;gap:1rem}.chapter-icon{align-items:center;background:#f0f4ff;border-radius:8px;color:#667eea;display:flex;height:40px;justify-content:center;width:40px}.chapter-details{flex:1 1}.chapter-title{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0}.chapter-progress{align-items:center;display:flex;gap:.5rem;margin-top:.35rem}.progress-bar-mini{background:#e0e0e0;border-radius:3px;height:6px;overflow:hidden;width:100px}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{color:#666;font-size:.75rem}.chapter-action{gap:.75rem}.chapter-action,.start-btn{align-items:center;display:flex}.start-btn{background:#f0f4ff;border-radius:6px;color:#667eea;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.chapter-row:hover .start-btn{background:#667eea;color:#fff}.chevron{color:#999;transition:all .2s ease}.chapter-row:hover .chevron{color:#667eea;transform:translateX(4px)}.purchase-gate-card{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8ecff);border:2px solid #667eea;border-radius:14px;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem 2rem}.purchase-gate-icon{align-items:center;background:#667eea1f;border-radius:50%;color:#667eea;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.purchase-gate-info{flex:1 1}.purchase-gate-info h3{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.purchase-gate-info p{color:#555;font-size:.85rem;margin:0 0 .5rem}.purchase-gate-price{align-items:center;color:#1a1a1a;display:flex;font-size:1.5rem;font-weight:800;gap:.1rem}.purchase-gate-price svg{color:#555}.price-value{line-height:1}.buy-subject-btn{align-items:center;background:linear-gradient(135deg,#667eea,#5a6fd6);border:none;border-radius:12px;box-shadow:0 4px 16px #667eea59;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .25s ease;white-space:nowrap}.buy-subject-btn:hover:not(:disabled){box-shadow:0 6px 24px #667eea73;transform:translateY(-2px)}.buy-subject-btn:disabled{cursor:not-allowed;opacity:.7}.payment-error-inline{background:#ef444414;border:1px solid #ef444433;border-radius:6px;color:#dc2626;font-size:.8rem;margin-top:.5rem;padding:.5rem .75rem}.purchased-badge{align-items:center;background:#10b98114;border:1px solid #10b98140;border-radius:10px;color:#059669;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem}.chapter-row.locked{cursor:not-allowed;opacity:.6}.chapter-row.locked:hover{border-color:#0000;box-shadow:0 2px 6px #00000014;transform:none}.lock-icon{color:#999}@media (max-width:768px){.purchase-gate-card{flex-direction:column;padding:1.5rem;text-align:center}.buy-subject-btn{justify-content:center;width:100%}}.empty-state{background:#fff;box-shadow:0 2px 8px #0000001a}.empty-icon{color:#999}.empty-state h3{color:#1a1a1a;font-size:1.25rem}.empty-state p{color:#666}.stream-selection-content{margin:0 auto;max-width:1200px;padding:2rem}.streams-container{display:flex;flex-direction:column;gap:2rem}.stream-section{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.25rem;margin:0}.count-badge{background:var(--surface-overlay);border-radius:12px;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.25rem .75rem}.streams-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.stream-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;min-height:150px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.stream-card:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-4px)}.stream-card.exam-card{background:linear-gradient(135deg,#f093fb,#f5576c)}.stream-card.exam-card:hover{box-shadow:0 8px 24px #f5576c66}.stream-card .stream-icon{font-size:2.5rem;margin-bottom:.5rem}.stream-card h3{flex:1 1;font-size:1.125rem;font-weight:600;margin:.5rem 0}.stream-description{font-size:.8125rem;line-height:1.4;margin:.5rem 0 0;opacity:.85}.stream-arrow{bottom:1rem;font-size:1.5rem;opacity:.8;position:absolute;right:1rem}.subjects-container{animation:fadeIn .3s ease}.back-button{background:#f5f5f5;border:none;color:#666;padding:.75rem 1.5rem}.back-button:hover{background:#e0e0e0;color:#333}.subjects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.subjects-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.subjects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.subject-card{background:var(--surface-base);border:1px solid var(--border-default);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:160px;padding:1.5rem;position:relative;transition:all .2s ease}.subject-card:hover{border-color:var(--brand-500);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.subject-card.add-card{align-items:center;background:#0000;border-color:var(--text-tertiary);border-style:dashed;justify-content:center;text-align:center}.subject-card.add-card:hover{background:var(--brand-500-transparent);border-color:var(--brand-500)}.subject-icon{font-size:2rem;margin-bottom:.5rem}.add-icon{color:#667eea;font-size:3rem;font-weight:300;line-height:1;margin-bottom:.5rem}.subject-card h3{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:.5rem 0}.subject-description{color:var(--text-secondary);font-size:.8125rem;line-height:1.4;margin:.5rem 0 0}.subject-arrow{color:#667eea;font-size:1.25rem}.empty-state{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:12px;padding:3rem 2rem;text-align:center}.empty-icon{font-size:3.5rem;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:.5rem 0}.empty-state p{color:var(--text-secondary);margin:.5rem 0 1.5rem}.btn-primary{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.uncategorized-section{background:var(--surface-raised);border:2px dashed var(--border-default)}.section-subtitle{color:var(--text-tertiary);font-size:.875rem;margin:-.75rem 0 1.25rem}.count-badge.warning{background:#ffc10733;color:#b38600}.uncategorized-grid{display:flex;flex-direction:column;gap:.75rem}.uncategorized-card{align-items:center;background:var(--surface-base);border:1px solid var(--border-default);border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s ease}.uncategorized-card:hover{border-color:var(--brand-500);box-shadow:0 2px 8px #00000014}.uncategorized-card .course-icon{align-items:center;background:var(--brand-500-transparent);border-radius:10px;color:var(--brand-500);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.uncategorized-card .course-info{flex:1 1;min-width:0}.uncategorized-card .course-info h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uncategorized-card .course-date{color:var(--text-tertiary);font-size:.75rem}.assign-btn{align-items:center;background:var(--brand-500);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s}.assign-btn:hover{background:var(--brand-500-hover);transform:translateY(-1px)}.back-button{align-items:center;background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.625rem 1rem;transition:all .2s ease}.back-button:hover{background:var(--surface-hover);border-color:var(--text-tertiary);color:var(--text-primary)}.add-icon{align-items:center;background:var(--brand-500-transparent);border-radius:12px;color:var(--brand-500);display:flex;height:56px;justify-content:center;margin-bottom:.75rem;width:56px}.assign-modal{max-width:480px;width:100%}.assign-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.assign-modal .modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.assign-modal .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.assign-modal .close-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.assign-modal .modal-body{margin-bottom:1.5rem}.assign-modal .course-name{background:var(--surface-overlay);border-radius:8px;color:var(--text-secondary);font-size:.9375rem;margin:0 0 1.25rem;padding:.75rem 1rem}.assign-modal .course-name strong{color:var(--text-primary)}.assign-modal .form-group{margin-bottom:1rem}.assign-modal .form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.assign-modal .form-group select{background:var(--surface-base);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9375rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.assign-modal .form-group select:hover{border-color:var(--text-tertiary)}.assign-modal .form-group select:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-500-transparent);outline:none}.assign-modal .form-group select:disabled{background:var(--surface-overlay);color:var(--text-tertiary);cursor:not-allowed}.assign-modal .modal-footer{border-top:1px solid var(--border-default);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.btn-secondary{background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-tertiary)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.subject-arrow{align-items:center;bottom:1rem;color:var(--brand-500);display:flex;justify-content:center;position:absolute;right:1rem}@media (max-width:768px){.stream-selection-content{padding:1rem}.streams-grid,.subjects-grid{grid-template-columns:1fr}.subjects-header{align-items:flex-start;flex-direction:column;gap:1rem}.uncategorized-card{flex-wrap:wrap}.uncategorized-card .course-info{flex:1 1 60%}.assign-btn{justify-content:center;margin-top:.5rem;width:100%}.bundle-offer-card{flex-direction:column!important;text-align:center}.buy-bundle-btn{justify-content:center;width:100%}}.bundle-offer-card{align-items:center;background:linear-gradient(135deg,#f0f4ff,#ede9fe);border:2px solid #667eea;border-radius:14px;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem 1.75rem}.bundle-offer-left{flex:1 1}.bundle-tag{align-items:center;background:#667eea;border-radius:20px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;gap:.35rem;letter-spacing:.5px;margin-bottom:.5rem;padding:.25rem .75rem;text-transform:uppercase}.bundle-offer-card h3{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.bundle-offer-card p{color:#555;font-size:.85rem;margin:0 0 .5rem}.bundle-pricing{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.bundle-original-price{align-items:center;color:#999;display:flex;font-size:.95rem;text-decoration:line-through}.bundle-final-price{align-items:center;color:#1a1a1a;display:flex;font-size:1.5rem;font-weight:800}.bundle-savings{background:#05966914;border-radius:6px;color:#059669;font-size:.8rem;gap:.1rem;padding:.2rem .6rem}.bundle-savings,.buy-bundle-btn{align-items:center;display:flex;font-weight:600}.buy-bundle-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 16px #667eea59;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;gap:.5rem;padding:.875rem 2rem;transition:all .25s ease;white-space:nowrap}.buy-bundle-btn:hover:not(:disabled){box-shadow:0 6px 24px #667eea73;transform:translateY(-2px)}.buy-bundle-btn:disabled{cursor:not-allowed;opacity:.7}.bundle-error{background:#ef444414;border:1px solid #ef444433;border-radius:6px;color:#dc2626;font-size:.8rem;margin-top:.5rem;padding:.4rem .75rem}.all-purchased-badge{align-items:center;background:#10b98114;border:1px solid #10b98140;border-radius:10px;color:#059669;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem}.spinning{animation:spin 1s linear infinite}:root{--brand-50:#eef2ff;--brand-100:#e0e7ff;--brand-200:#c7d2fe;--brand-300:#a5b4fc;--brand-400:#818cf8;--brand-500:#6366f1;--brand-600:#4f46e5;--brand-700:#4338ca;--brand-800:#3730a3;--brand-900:#312e81;--violet-400:#c084fc;--violet-500:#a855f7;--violet-600:#9333ea;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--emerald-400:#34d399;--emerald-500:#10b981;--amber-400:#fbbf24;--amber-500:#f59e0b;--rose-400:#fb7185;--rose-500:#f43f5e;--surface-base:#080810;--surface-raised:#0e0e1a;--surface-overlay:#13131f;--surface-sunken:#06060e;--surface-hover:#6366f114;--surface-active:#6366f124;--border-subtle:#6366f11f;--border-default:#6366f133;--border-strong:#6366f159;--text-primary:#f0f0ff;--text-secondary:#9191b8;--text-tertiary:#5a5a7a;--text-inverse:#080810;--text-brand:#818cf8;--gradient-brand:linear-gradient(135deg,#6366f1,#a855f7);--gradient-brand-h:linear-gradient(90deg,#6366f1,#a855f7);--gradient-surface:linear-gradient(180deg,#0e0e1a,#080810);--gradient-glow:radial-gradient(ellipse at center,#6366f126 0%,#0000 70%);--gradient-cyber:linear-gradient(135deg,#6366f1,#22d3ee);--gradient-mastery:linear-gradient(135deg,#10b981,#22d3ee);--gradient-danger:linear-gradient(135deg,#f43f5e,#f59e0b);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 4px 16px #0009,0 0 0 1px #6366f114;--shadow-lg:0 8px 32px #000000b3,0 0 0 1px #6366f11a;--shadow-xl:0 16px 48px #000c,0 0 0 1px #6366f11f;--shadow-glow:0 0 24px #6366f159,0 0 48px #6366f126;--shadow-glow-sm:0 0 12px #6366f14d;--font-display:"Space Grotesk","Inter",-apple-system,sans-serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.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;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:120ms;--duration-normal:220ms;--duration-slow:380ms;--duration-xslow:600ms;--z-base:0;--z-raised:10;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;--sidebar-width:240px;--sidebar-collapsed-width:64px;--header-height:60px;--bg-primary:var(--surface-base);--bg-secondary:var(--surface-raised);--bg-tertiary:var(--surface-overlay);--accent-primary:var(--brand-500);--accent-secondary:var(--violet-500);--success-color:var(--emerald-500);--warning-color:var(--amber-500);--error-color:var(--rose-500);--info-color:var(--cyan-500);--border-color:var(--border-default)}[data-theme=light]{--surface-base:#f4f6fb;--surface-raised:#fff;--surface-overlay:#f0f2f9;--surface-sunken:#e8eaf2;--surface-hover:#6366f10f;--surface-active:#6366f11a;--border-subtle:#6366f11a;--border-default:#6366f12e;--border-strong:#6366f14d;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-tertiary:#88a;--text-inverse:#f0f0ff;--text-brand:#4f46e5;--gradient-surface:linear-gradient(180deg,#fff,#f4f6fb);--gradient-glow:radial-gradient(ellipse at center,#6366f114 0%,#0000 70%);--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a,0 0 0 1px #6366f114;--shadow-lg:0 8px 32px #0000001f,0 0 0 1px #6366f114;--shadow-xl:0 16px 48px #00000024,0 0 0 1px #6366f11a;--shadow-glow:0 0 24px #6366f133,0 0 48px #6366f114;--shadow-glow-sm:0 0 12px #6366f133;--bg-primary:var(--surface-base);--bg-secondary:var(--surface-raised);--bg-tertiary:var(--surface-overlay);--border-color:var(--border-default)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#6366f133;background:var(--border-default);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6366f159;background:var(--border-strong)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#080810;background-color:var(--surface-base);color:#f0f0ff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;transition:background-color .38s cubic-bezier(.4,0,.2,1),color .38s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-slow) var(--ease-in-out),color var(--duration-slow) var(--ease-in-out)}.app{min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{color:#f0f0ff;color:var(--text-primary);font-family:Space Grotesk,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;line-height:1.25}h1{font-size:2.25rem;font-size:var(--text-4xl);letter-spacing:-.03em}h2{font-size:1.875rem;font-size:var(--text-3xl)}h3{font-size:1.5rem;font-size:var(--text-2xl)}h4{font-size:1.25rem;font-size:var(--text-xl)}h5{font-size:1.125rem;font-size:var(--text-lg)}h6{font-size:1rem;font-size:var(--text-base)}p{margin-bottom:1rem;margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:#818cf8;color:var(--text-brand);text-decoration:none;transition:color .12s cubic-bezier(.4,0,.2,1);transition:color var(--duration-fast) var(--ease-in-out)}a:hover{color:#818cf8;color:var(--brand-400)}code{border:1px solid #6366f11f;border:1px solid var(--border-subtle);border-radius:4px;border-radius:var(--radius-xs);color:#c084fc;color:var(--violet-400);font-size:.875em;padding:.15em .4em}code,pre{background:#13131f;background:var(--surface-overlay);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}pre{border:1px solid #6366f11f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--text-sm);overflow-x:auto;padding:1rem;padding:var(--space-4)}ol,ul{padding-left:1.5rem;padding-left:var(--space-6)}li{margin-bottom:.5rem;margin-bottom:var(--space-2)}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:inherit}table{border-collapse:collapse;width:100%}:focus-visible{border-radius:4px;border-radius:var(--radius-xs);outline:2px solid #6366f1;outline:2px solid var(--brand-500);outline-offset:2px}::selection{background:#6366f14d;color:#f0f0ff;color:var(--text-primary)}.loading-screen{align-items:center;background:#080810;background:var(--surface-base);display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);justify-content:center;min-height:100vh}.loading-screen .loading-spinner{animation:spin .6s linear infinite;animation:spin var(--duration-xslow) linear infinite;border:2px solid #6366f11f;border-top-color:#6366f1;border:2px solid var(--border-subtle);border-radius:50%;border-top-color:var(--brand-500);height:40px;width:40px}.loading-screen p{color:#9191b8;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);letter-spacing:.05em}.page-content{max-width:1280px;padding:1.5rem;padding:var(--space-6)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-brand{color:#818cf8;color:var(--text-brand)}.text-secondary{color:#9191b8;color:var(--text-secondary)}.text-tertiary{color:#5a5a7a;color:var(--text-tertiary)}.text-success{color:#10b981;color:var(--emerald-500)}.text-warning{color:#f59e0b;color:var(--amber-500)}.text-danger{color:#f43f5e;color:var(--rose-500)}.font-display{font-family:Space Grotesk,Inter,-apple-system,sans-serif;font-family:var(--font-display)}.font-mono{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}.glass{backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);background:#0e0e1ab3;border:1px solid #6366f11f;border:1px solid var(--border-subtle)}[data-theme=light] .glass{background:#fffc}.card{background:#0e0e1a;background:var(--surface-raised);border:1px solid #6366f11f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0009,0 0 0 1px #6366f114;box-shadow:var(--shadow-md);overflow:hidden;transition:border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out),transform var(--duration-normal) var(--ease-out-expo)}.card:hover{border-color:#6366f133;border-color:var(--border-default);box-shadow:0 8px 32px #000000b3,0 0 0 1px #6366f11a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-glow{box-shadow:0 4px 16px #0009,0 0 0 1px #6366f114,0 0 12px #6366f14d;box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;gap:.25rem;gap:var(--space-1);letter-spacing:.04em;padding:.2em .65em;text-transform:uppercase}.badge-brand{background:#6366f126;border:1px solid #6366f140;color:#818cf8;color:var(--brand-400)}.badge-success{background:#10b98126;border:1px solid #10b98140;color:#34d399;color:var(--emerald-400)}.badge-warning{background:#f59e0b26;border:1px solid #f59e0b40;color:#fbbf24;color:var(--amber-400)}.badge-danger{background:#f43f5e26;border:1px solid #f43f5e40;color:#fb7185;color:var(--rose-400)}.badge-cyan{background:#06b6d426;border:1px solid #06b6d440;color:#22d3ee;color:var(--cyan-400)}.progress-track{background:#13131f;background:var(--surface-overlay);height:4px;overflow:hidden;width:100%}.progress-fill,.progress-track{border-radius:9999px;border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7);background:var(--gradient-brand-h);height:100%;transition:width .38s cubic-bezier(.16,1,.3,1);transition:width var(--duration-slow) var(--ease-out-expo)}.progress-fill-success{background:linear-gradient(135deg,#10b981,#22d3ee);background:var(--gradient-mastery)}.progress-fill-danger{background:linear-gradient(135deg,#f43f5e,#f59e0b);background:var(--gradient-danger)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #6366f100}50%{box-shadow:0 0 0 8px #6366f126}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes orbPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.animate-fade-in{animation:fadeIn .22s cubic-bezier(.4,0,.2,1) both;animation:fadeIn var(--duration-normal) var(--ease-in-out) both}.animate-slide-up{animation:slideUp .38s cubic-bezier(.16,1,.3,1) both;animation:slideUp var(--duration-slow) var(--ease-out-expo) both}.animate-slide-down{animation:slideDown .38s cubic-bezier(.16,1,.3,1) both;animation:slideDown var(--duration-slow) var(--ease-out-expo) both}.animate-scale-in{animation:scaleIn .22s cubic-bezier(.16,1,.3,1) both;animation:scaleIn var(--duration-normal) var(--ease-out-expo) both}.animate-float{animation:float 3s ease-in-out infinite}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}.skeleton{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#13131f 25%,#6366f114 50%,#13131f 75%);background:linear-gradient(90deg,var(--surface-overlay) 25%,var(--surface-hover) 50%,var(--surface-overlay) 75%);background-size:200% auto;border-radius:6px;border-radius:var(--radius-sm)}.divider{align-items:center;color:#5a5a7a;color:var(--text-tertiary);display:flex;font-size:.75rem;font-size:var(--text-xs);gap:.75rem;gap:var(--space-3);letter-spacing:.08em;margin:1rem 0;margin:var(--space-4) 0;text-transform:uppercase}.divider:after,.divider:before{background:#6366f11f;background:var(--border-subtle);content:"";flex:1 1;height:1px}.ai-dot{animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#a855f7);background:var(--gradient-brand);border-radius:50%;box-shadow:0 0 6px #6366f199;display:inline-block;height:8px;width:8px}.header-actions{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.dashboard-section{animation:slideUp .38s cubic-bezier(.16,1,.3,1) both;animation:slideUp var(--duration-slow) var(--ease-out-expo) both;margin-bottom:2rem;margin-bottom:var(--space-8)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.section-header h2{align-items:center;color:#f0f0ff;color:var(--text-primary);display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;gap:.5rem;gap:var(--space-2)}.course-count{background:#13131f;background:var(--surface-overlay);border:1px solid #6366f11f;border:1px solid var(--border-subtle);border-radius:9999px;border-radius:var(--radius-full);color:#5a5a7a;color:var(--text-tertiary);font-size:.875rem;font-size:var(--text-sm);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}@media print{body{background:#fff;color:#000}.header,.sidebar{display:none}}@media (max-width:768px){html{font-size:15px}h1{font-size:1.875rem;font-size:var(--text-3xl)}h2{font-size:1.5rem;font-size:var(--text-2xl)}h3{font-size:1.25rem;font-size:var(--text-xl)}.page-content{padding:1rem;padding:var(--space-4)}}@media (max-width:480px){html{font-size:14px}.page-content{padding:.75rem;padding:var(--space-3)}}
/*# sourceMappingURL=main.ae6d7ba5.css.map*/