@media (min-width:768px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:767px){.grid.grid-cols-2,.grid.grid-cols-3,.grid.grid-cols-4,.grid.grid-cols-5,.grid.grid-cols-6{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.grid.grid-cols-4,.grid.grid-cols-5,.grid.grid-cols-6{grid-template-columns:repeat(2,1fr)}}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--gradient-primary:linear-gradient(135deg,var(--primary-500),var(--primary-700));--gradient-success:linear-gradient(135deg,var(--success-500),var(--success-700));--gradient-warning:linear-gradient(135deg,var(--warning-500),var(--warning-700));--gradient-error:linear-gradient(135deg,var(--error-500),var(--error-700));--gradient-rainbow:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-sunset:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-ocean:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--gradient-forest:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out;--scw-light-bg:#f8fafc;--scw-light-card-bg:#fff;--scw-light-border:#e2e8f0;--scw-light-text-primary:#0f172a;--scw-light-text-secondary:#64748b;--scw-light-accent-blue:#3b82f6;--scw-light-accent-green:#10b981;--scw-light-accent-purple:#8b5cf6;--scw-light-accent-orange:#f59e0b;--scw-light-accent-red:#ef4444;--scw-dark-bg:#0f172a;--scw-dark-card-bg:#1e293b;--scw-dark-border:#334155;--scw-dark-text-primary:#f1f5f9;--scw-dark-text-secondary:#94a3b8;--scw-dark-accent-blue:#60a5fa;--scw-dark-accent-green:#34d399;--scw-dark-accent-purple:#a78bfa;--scw-dark-accent-orange:#fbbf24;--scw-dark-accent-red:#f87171;--scw-bg:var(--scw-light-bg);--scw-card-bg:var(--scw-light-card-bg);--scw-border:var(--scw-light-border);--scw-text-primary:var(--scw-light-text-primary);--scw-text-secondary:var(--scw-light-text-secondary);--scw-accent-blue:var(--scw-light-accent-blue);--scw-accent-green:var(--scw-light-accent-green);--scw-accent-purple:var(--scw-light-accent-purple);--scw-accent-orange:var(--scw-light-accent-orange);--scw-accent-red:var(--scw-light-accent-red)}[data-theme=dark]{--bg-primary:#0f172a;--bg-surface:#1e293b;--bg-secondary:#334155;--bg-hover:#475569;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--border-primary:#475569;--shadow:0 4px 10px #0009;--shadow-primary:0 4px 6px -1px #0000004d;--shadow-secondary:0 10px 15px -3px #0006;--color-primary:#06f;--color-success:#00c851;--color-danger:#ff4757;--color-warning:#df0;--color-info:#00ff87;--color-light:#f8f9fa;--color-dark:#1a1a1a;--primary-gradient:linear-gradient(90deg,#0f0,#007bff);--primary-hover:linear-gradient(90deg,#0c0,#0056b3);--detail-bg:#1e293b;--detail-card-bg:#334155;--detail-border:#475569;--detail-text:#f1f5f9;--detail-text-muted:#94a3b8;--detail-overlay:#000c;--detail-shadow:#0000004d;--detail-hover-shadow:#0006;--scw-bg:var(--scw-dark-bg);--scw-card-bg:var(--scw-dark-card-bg);--scw-border:var(--scw-dark-border);--scw-text-primary:var(--scw-dark-text-primary);--scw-text-secondary:var(--scw-dark-text-secondary);--scw-accent-blue:var(--scw-dark-accent-blue);--scw-accent-green:var(--scw-dark-accent-green);--scw-accent-purple:var(--scw-dark-accent-purple);--scw-accent-orange:var(--scw-dark-accent-orange);--scw-accent-red:var(--scw-dark-accent-red)}[data-theme=light]{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-secondary:#f1f5f9;--bg-hover:#e2e8f0;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e2e8f0;--border-primary:#d1d5db;--shadow:0 4px 10px #00000014;--shadow-primary:0 4px 6px -1px #0000001a;--shadow-secondary:0 10px 15px -3px #00000026;--color-primary:#06f;--color-success:#28a745;--color-danger:#dc3545;--color-warning:#ffc107;--color-info:#17a2b8;--color-light:#fff;--color-dark:#212529;--primary-gradient:linear-gradient(90deg,#0f0,#007bff);--primary-hover:linear-gradient(90deg,#0c0,#0056b3);--detail-bg:#fff;--detail-card-bg:#f8f9fa;--detail-border:#e0e0e0;--detail-text:#1a1a1a;--detail-text-muted:#6b7280;--detail-overlay:#000000b3;--detail-shadow:#0000001a;--detail-hover-shadow:#00000026;--scw-bg:var(--scw-light-bg);--scw-card-bg:var(--scw-light-card-bg);--scw-border:var(--scw-light-border);--scw-text-primary:var(--scw-light-text-primary);--scw-text-secondary:var(--scw-light-text-secondary);--scw-accent-blue:var(--scw-light-accent-blue);--scw-accent-green:var(--scw-light-accent-green);--scw-accent-purple:var(--scw-light-accent-purple);--scw-accent-orange:var(--scw-light-accent-orange);--scw-accent-red:var(--scw-light-accent-red)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:var(--line-height-normal);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:768px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}.btn.btn-success,.btn-success.btn-add-device,.btn-success.btn-refresh,.btn-success.btn-logout-all{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-md)}.btn.btn-success:hover,.btn-success.btn-add-device:hover,.btn-success.btn-refresh:hover,.btn-success.btn-logout-all:hover{box-shadow:var(--shadow-lg)}.btn.btn-warning,.btn-warning.btn-add-device,.btn-warning.btn-refresh,.btn-warning.btn-logout-all{background:var(--gradient-warning);color:#fff;box-shadow:var(--shadow-md)}.btn.btn-warning:hover,.btn-warning.btn-add-device:hover,.btn-warning.btn-refresh:hover,.btn-warning.btn-logout-all:hover{box-shadow:var(--shadow-lg)}.btn.btn-error,.btn-error.btn-add-device,.btn-error.btn-refresh,.btn-error.btn-logout-all{background:var(--gradient-error);color:#fff;box-shadow:var(--shadow-md)}.btn.btn-error:hover,.btn-error.btn-add-device:hover,.btn-error.btn-refresh:hover,.btn-error.btn-logout-all:hover{box-shadow:var(--shadow-lg)}.btn.btn-ghost,.btn-ghost.btn-add-device,.btn-ghost.btn-refresh,.btn-ghost.btn-logout-all{color:var(--text-primary);background:0 0;border:1px solid #0000}.btn.btn-ghost:hover,.btn-ghost.btn-add-device:hover,.btn-ghost.btn-refresh:hover,.btn-ghost.btn-logout-all:hover{background:var(--bg-hover);border-color:var(--border-primary)}.btn.btn-xl,.btn-xl.btn-add-device,.btn-xl.btn-refresh,.btn-xl.btn-logout-all{padding:var(--space-5)var(--space-10);font-size:var(--font-size-xl)}.animate-slide-up{animation:.5s ease-out slideUp}.animate-slide-down{animation:.5s ease-out slideDown}.animate-scale-in{animation:.3s ease-out scaleIn}.focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.grid.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media (max-width:767px){.grid.grid-cols-2,.grid.grid-cols-3,.grid.grid-cols-4,.grid.grid-cols-5,.grid.grid-cols-6{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.grid.grid-cols-4,.grid.grid-cols-5,.grid.grid-cols-6{grid-template-columns:repeat(2,1fr)}}.flex.flex-row{flex-direction:row}.flex.items-start{align-items:flex-start}.flex.items-end{align-items:flex-end}.flex.justify-around{justify-content:space-around}.flex.justify-evenly{justify-content:space-evenly}.flex.gap-1{gap:var(--space-1)}.flex.gap-2{gap:var(--space-2)}.flex.gap-3{gap:var(--space-3)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-1{margin:var(--space-1)}.m-3{margin:var(--space-3)}.m-8{margin:var(--space-8)}.text-xs{font-size:var(--font-size-xs)}.text-base{font-size:var(--font-size-base)}.text-3xl{font-size:var(--font-size-3xl)}.font-thin{font-weight:var(--font-weight-thin)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-black{font-weight:var(--font-weight-black)}.text-left{text-align:left}.text-right{text-align:right}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.container{max-width:1400px;padding:0 var(--space-4);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-8)}}.flex{display:flex}.flex.flex-col{flex-direction:column}.flex.items-center{align-items:center}.flex.justify-center{justify-content:center}.flex.justify-between{justify-content:space-between}.flex.gap-4{gap:var(--space-4)}.flex.gap-6{gap:var(--space-6)}.flex.gap-8{gap:var(--space-8)}.grid{gap:var(--space-4);display:grid}@media (min-width:768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.p-4{padding:var(--space-4)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.text-secondary{color:var(--text-secondary)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.animate-fade-in{animation:.5s ease-in-out fadeIn}.btn,.btn-add-device,.btn-refresh,.btn-logout-all{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-tight);cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before,.btn-add-device:before,.btn-refresh:before,.btn-logout-all:before{content:"";width:100%;height:100%;transition:left var(--transition-normal);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.btn:hover:before,.btn-add-device:hover:before,.btn-refresh:hover:before,.btn-logout-all:hover:before{left:100%}.btn:hover,.btn-add-device:hover,.btn-refresh:hover,.btn-logout-all:hover{transform:translateY(-1px)}.btn:active,.btn-add-device:active,.btn-refresh:active,.btn-logout-all:active{transform:translateY(0)}.btn.btn-primary,.btn-add-device,.btn-primary.btn-refresh,.btn-primary.btn-logout-all{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn.btn-primary:hover,.btn-add-device:hover,.btn-primary.btn-refresh:hover,.btn-primary.btn-logout-all:hover{box-shadow:var(--shadow-lg)}.btn.btn-secondary,.btn-secondary.btn-add-device,.btn-refresh,.btn-secondary.btn-logout-all{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn.btn-secondary:hover,.btn-secondary.btn-add-device:hover,.btn-refresh:hover,.btn-secondary.btn-logout-all:hover{background:var(--bg-hover);border-color:var(--primary-500)}.btn.btn-sm,.btn-sm.btn-add-device,.btn-sm.btn-refresh,.btn-sm.btn-logout-all{padding:var(--space-2)var(--space-4);font-size:var(--font-size-xs)}.btn.btn-lg,.btn-lg.btn-add-device,.btn-lg.btn-refresh,.btn-lg.btn-logout-all{padding:var(--space-4)var(--space-8);font-size:var(--font-size-lg)}.card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-primary);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-secondary);transform:translateY(-2px)}.navbar{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow);transition:all .3s;animation:.5s ease-out fadeInUp;position:sticky;top:0;left:0;right:0}@media (max-width:768px){.navbar{display:none!important}}.navbar__container{justify-content:space-between;align-items:center;max-width:1400px;height:70px;margin:0 auto;display:flex;position:relative}.navbar__logo{z-index:1001;flex-shrink:0}.navbar__logo-link{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;text-decoration:none;transition:transform .2s;display:flex}.navbar__logo-link_img{width:50px;height:50px}.navbar__logo-link:hover{transform:scale(1.05)}.navbar__logo-text{background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}@media (max-width:480px){.navbar__logo-text{font-size:20px}}@media (max-width:400px){.navbar__logo-text{display:none}}.navbar__nav{align-items:center;gap:32px;margin-left:48px;display:flex}.navbar__nav-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.navbar__nav-link:hover{color:var(--primary-blue);background:#0066ff1a;transform:translateY(-1px)}.navbar__nav-link svg{transition:transform .2s}.navbar__nav-link:hover svg{transform:scale(1.1)}.navbar__search{flex:1;max-width:400px;margin:0 24px}.navbar__search-container{width:100%;position:relative}.navbar__search-container svg{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.navbar__search-input{border:2px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:12px;padding:12px 16px 12px 48px;font-size:15px;transition:all .2s}.navbar__search-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #0066ff1a}.navbar__search-input::placeholder{color:var(--text-secondary)}.navbar__search-btn{background:var(--bg-primary);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:none}.navbar__search-btn:hover{background:var(--primary-blue);color:#fff;transform:scale(1.05)}.navbar__theme-toggle{background:var(--bg-primary);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;margin-right:16px;transition:all .2s;display:flex}.navbar__theme-toggle:hover{background:var(--primary-blue);color:#fff;transform:scale(1.05)}.navbar__theme-toggle:active{transform:scale(.95)}.navbar__controls{align-items:center;gap:8px;margin-right:16px;display:flex}.navbar__control-btn{background:var(--bg-primary);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.navbar__control-btn:hover{background:var(--primary-blue);color:#fff;transform:scale(1.05)}.notification-dot{border:2px solid var(--bg-surface);background:#ff4d4f;border-radius:50%;width:10px;height:10px;position:absolute;top:0;right:0}.navbar__actions{flex-shrink:0;align-items:center;display:flex}.navbar__user-menu{position:relative}.navbar__user-menu:hover .navbar__profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.navbar__profile{background:var(--bg-primary);cursor:pointer;z-index:1001;border:2px solid #0000;border-radius:50%;align-items:center;padding:2px;transition:all .2s;display:flex;position:relative}.navbar__profile:hover{border-color:var(--primary-green);background:#00ff870d;transform:scale(1.02)}.navbar__profile:active{transform:scale(1)}.navbar__profile-avatar{object-fit:cover;border:2px solid var(--primary-green);background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));border-radius:50%;width:44px;height:44px;padding:2px}.navbar__profile-info{flex-direction:column;align-items:flex-start;min-width:0;display:flex}@media (max-width:1200px){.navbar__profile-info{display:none}}.navbar__profile-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);min-width:200px;box-shadow:var(--shadow);opacity:0;visibility:hidden;border-radius:12px;margin-top:8px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(-10px)}@media (max-width:1024px){.navbar__profile-dropdown{display:none}}.navbar__dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.navbar__dropdown-item:hover{color:var(--primary-blue);background:#0066ff1a}.navbar__dropdown-item--logout{color:var(--danger-color)}.navbar__dropdown-item--logout:hover{color:var(--danger-color);background:#ff47571a}.navbar__dropdown-item--notification{position:relative}.navbar__icon-wrapper{align-items:center;display:inline-flex;position:relative}.notification-badge{background-color:var(--notification-color);border:1px solid var(--bg-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-4px}.navbar__dropdown-item--notification:hover .notification-badge{transform:scale(1.2)}.navbar__notif-wrapper{display:inline-flex;position:relative}.navbar__notif-tooltip{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;z-index:1100;background:#141423f2;border:1px solid #ffffff14;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;animation:.15s tooltipFadeIn;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.navbar__notif-tooltip:before{content:"";border:5px solid #0000;border-bottom-color:#141423f2;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.navbar__notif-count{color:#fff;background:#ff4d4f;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.navbar__auth-buttons{align-items:center;gap:12px;display:flex}.navbar__auth-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.navbar__auth-btn--login{color:var(--text-primary);border:2px solid var(--primary-blue,#06f);background:0 0;font-weight:600}.navbar__auth-btn--login:hover{background:var(--primary-blue,#06f);color:#fff;border-color:var(--primary-blue,#06f);transform:translateY(-1px);box-shadow:0 4px 15px #06f3}.navbar__auth-btn--register{border:2px solid #0000;background:var(--primary-gradient)!important;color:#fff!important}.navbar__auth-btn--register:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0066ff4d}.navbar__auth-btn:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.navbar:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#00ff871a 0%,#0066ff1a 100%);transition:opacity .3s;position:absolute;inset:0}.navbar:hover:before{opacity:1}.navbar__nav-link:focus,.navbar__auth-btn:focus,.navbar__profile:focus,.navbar__theme-toggle:focus,.navbar__search-input:focus,.navbar__logo-link:focus{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:8px}.navbar__dropdown-item--search{display:none}@media (max-width:1200px){.navbar__container{padding:0 20px}.navbar__nav{gap:8px;margin-left:20px}.navbar__nav-link{gap:6px;padding:8px 10px;font-size:14px}.navbar__search{display:none}.navbar__dropdown-item--search,.navbar__search-btn--guest{display:flex}}@media (max-width:1024px){.navbar__nav{gap:2px;margin-left:10px}.navbar__nav-link{gap:5px;padding:8px;font-size:13px}.navbar__nav-link svg{width:17px;height:17px}.navbar__search-btn{display:flex}.navbar__theme-toggle,.navbar__controls{margin-right:8px}.navbar__profile-dropdown{display:none}.navbar__auth-buttons{gap:8px}.navbar__auth-btn{padding:8px 14px;font-size:13px}}@media (max-width:900px){.navbar__logo-link_img{width:40px;height:40px}.navbar__logo-text{display:none}.navbar__nav{margin-left:4px}.navbar__nav-link{padding:7px 6px;font-size:12.5px}.navbar__theme-toggle,.navbar__search-btn,.navbar__control-btn,.navbar__profile-avatar{width:40px;height:40px}.navbar__auth-btn--register{display:none}}.navbar-left{background:var(--bg-surface);border-right:1px solid var(--border-color);width:70px;height:100vh;box-shadow:var(--shadow);z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow:hidden}.navbar-left:hover{width:280px}.navbar-left__container{flex-direction:column;height:100%;padding:16px 0;display:flex}.navbar-left__logo{margin-bottom:24px;padding:0 22px}.navbar-left__logo-btn{cursor:pointer;background:0 0;border:none;align-items:center;width:100%;padding:12px 0;text-decoration:none;transition:all .2s;display:flex}.navbar-left__logo-btn:hover{opacity:.8}.navbar-left__logo-icon{justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.navbar-left__logo-text{background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-text-fill-color:#0000;white-space:nowrap;opacity:0;-webkit-background-clip:text;background-clip:text;margin-left:12px;font-size:18px;font-weight:700;transition:opacity .2s .1s}.navbar-left:hover .navbar-left__logo-text{opacity:1}.navbar-left__nav,.navbar-left__search,.navbar-left__user{padding:0 12px}.navbar-left__nav,.navbar-left__search{margin-bottom:16px}.navbar-left__spacer{flex:1}.navbar-left__nav-item{cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;border-radius:12px;align-items:center;margin:2px 0;padding:12px 8px;transition:all .2s;display:flex;position:relative}.navbar-left__nav-item:hover{color:var(--primary-green);background:#00ff871a}.navbar-left__nav-item--active{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:#fff}.navbar-left__nav-item--active .navbar-left__nav-icon{color:#fff}.navbar-left__nav-item--logout:hover{color:var(--danger-color);background:#ff47571a}.navbar-left__nav-item--login:hover,.navbar-left__nav-item--register:hover{color:var(--primary-blue);background:#0066ff1a}.navbar-left__nav-icon{justify-content:center;align-items:center;width:20px;min-width:35px;height:20px;display:flex;position:relative}.navbar-left__nav-text{white-space:nowrap;opacity:0;margin-left:12px;font-size:14px;font-weight:500;transition:opacity .2s .1s}.navbar-left:hover .navbar-left__nav-text{opacity:1}.navbar-left__profile-item .navbar-left__nav-icon{width:32px;min-width:32px;height:32px}.navbar-left__user-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:32px;height:32px}.navbar-left__user-info{opacity:0;flex-direction:column;align-items:flex-start;margin-left:12px;transition:opacity .2s .1s;display:flex}.navbar-left:hover .navbar-left__user-info{opacity:1}.navbar-left__user-name{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.navbar-left__user-email{color:var(--text-secondary);font-size:12px;line-height:1.2}.navbar-left__notification-icon{position:relative}.navbar-left__notification-badge{background:var(--notification-color);border:2px solid var(--light-bg);border-radius:50%;width:8px;height:8px;position:absolute;top:1px;right:8px}.navbar-left__notif-count{color:#fff;opacity:0;background:#ff4d4f;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;line-height:1;transition:opacity .2s .1s;display:inline-flex}.navbar-left:hover .navbar-left__notif-count{opacity:1}@media (max-width:768px){.navbar-left{display:none}}.navbar-media-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001a}.navbar-media-header__container{justify-content:space-between;align-items:center;max-width:100%;height:64px;padding:0 16px;display:flex}.navbar-media-header__right{align-items:center;gap:8px;display:flex}.navbar-media-header__theme-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.navbar-media-header__theme-toggle:hover{background:#0066ff1a;transform:scale(1.05)}.navbar-media-header__controls{align-items:center;gap:12px;display:flex}.navbar-media-header__control-btn{background:var(--bg-secondary);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.navbar-media-header__control-btn:hover{background:var(--bg-hover);color:var(--primary-blue);transform:translateY(-2px)}.navbar-media-header .notification-dot--mobile{border:2px solid var(--bg-surface);background:#ff4d4f;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.navbar-media-header__logo{cursor:pointer;background:0 0;border:none;align-items:center;padding:8px 0;transition:all .2s;display:flex}.navbar-media-header__logo:hover{opacity:.8}.navbar-media-header__logo_img{width:32px;height:32px}.navbar-media-header__logo-text{background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:8px;font-size:18px;font-weight:700}.navbar-media-header__login-btn{background:var(--bg-secondary);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.navbar-media-header__login-btn:hover{background:var(--bg-hover);color:var(--primary-blue);transform:translateY(-2px)}.navbar-media-header__profile{cursor:pointer;border:none;border:2px solid var(--primary-green);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.navbar-media-header__profile:hover{transform:scale(1.05);box-shadow:0 0 10px #10b98133}.navbar-media-header__profile-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.navbar-media{background:var(--bg-surface);border-top:1px solid var(--border-color);z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 20px #0000001a}.navbar-media__container{justify-content:space-around;align-items:center;max-width:600px;height:100%;margin:0 auto;padding:5px 16px;display:flex}.navbar-media__item{cursor:pointer;min-width:60px;color:var(--text-secondary);background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4px 8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.navbar-media__item:active{transform:scale(.9)}.navbar-media__item--active{color:var(--primary-500)}.navbar-media__item--active .navbar-media__icon{transform:translateY(-2px)}.navbar-media__item--active:before{content:"";background:var(--primary-500);width:4px;height:4px;box-shadow:0 0 10px var(--primary-500);border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.navbar-media__item--menu{color:var(--text-secondary);border-radius:16px;padding:12px 16px}.navbar-media__icon{margin-bottom:4px;transition:transform .2s}.navbar-media__item:hover .navbar-media__icon,.navbar-media__item--active .navbar-media__icon{transform:scale(1.1)}.navbar-media__label{white-space:nowrap;font-size:11px;font-weight:500;line-height:1}.navbar-media-modal-overlay{z-index:1500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.navbar-media-modal{background:var(--bg-surface);z-index:1600;border-radius:20px 20px 0 0;max-height:70vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;position:fixed;bottom:0;left:0;right:0}.navbar-media-modal__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.navbar-media-modal__title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.navbar-media-modal__close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s}.navbar-media-modal__close:hover{color:var(--text-primary);background:#0000001a}.navbar-media-modal__content{max-height:calc(70vh - 80px);padding:8px 0 24px;overflow-y:auto}.navbar-media-modal__item{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;padding:16px 24px;transition:all .2s;display:flex}.navbar-media-modal__item:hover{color:var(--primary-green);background:#00ff871a}.navbar-media-modal__item--logout{color:var(--danger-color)}.navbar-media-modal__item--logout:hover{color:var(--danger-color);background:#ff47571a}.navbar-media-modal__item-icon{justify-content:center;align-items:center;width:24px;height:24px;margin-right:16px;display:flex}.navbar-media-modal__item-text{font-size:16px;font-weight:500}@media (min-width:769px){.navbar-media-header,.navbar-media,.navbar-media-modal,.navbar-media-modal-overlay{display:none}}@media (max-width:480px){.navbar-media-header{height:70px}.navbar-media-header__container{padding:1px 10px}.navbar-media-header__logo-text{font-size:16px}.navbar-media-header__profile-avatar{width:32px;height:32px}.navbar-media{height:50px}.navbar-media__container{padding:4px 8px}.navbar-media__item{min-width:50px;padding:6px 8px}.navbar-media__label{font-size:10px}.navbar-media-modal__header{padding:16px 20px 12px}.navbar-media-modal__title{font-size:16px}.navbar-media-modal__item{padding:14px 20px}.navbar-media-modal__item-text{font-size:15px}}@media (max-width:768px){body{padding-top:64px;padding-bottom:80px}body.no-body-padding{padding-top:0!important;padding-bottom:0!important}}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);z-index:1000;width:280px;height:100vh;transition:all var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:2px}.sidebar__header{padding:var(--space-6)var(--space-5);border-bottom:1px solid var(--border-color)}.sidebar__logo{align-items:center;gap:var(--space-3);display:flex}.sidebar__logo-icon{width:50px;height:50px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.sidebar__logo-icon img{object-fit:cover;width:100%;height:100%}.sidebar__logo-text h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-text-fill-color:#0000;line-height:var(--line-height-tight);-webkit-background-clip:text;background-clip:text;margin:0}.sidebar__logo-text span{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.sidebar__logo-tooltip{z-index:2000;width:240px;animation:.5s ease-out fadeInBounce;position:absolute;top:25px;left:200px}.sidebar__logo-tooltip-card{background:var(--bg-surface);border:2px solid var(--primary-500);border-radius:var(--radius-lg);padding:var(--space-4);z-index:2;position:relative;box-shadow:0 10px 25px #0003}.sidebar__logo-tooltip-close{color:var(--text-secondary);cursor:pointer;position:absolute;top:8px;right:8px}.sidebar__logo-tooltip-close:hover{color:var(--error-500)}.sidebar__logo-tooltip-content{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-primary);margin-bottom:var(--space-3);padding-right:var(--space-4)}.sidebar__logo-tooltip-btn{background:var(--primary-500);color:#fff;border-radius:var(--radius-md);padding:var(--space-2)var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;border:none;transition:background .2s}.sidebar__logo-tooltip-btn:hover{background:var(--primary-600)}.sidebar__logo-tooltip-arrow{z-index:1;pointer-events:none;position:absolute;top:20px;left:-110px}.sidebar__user{padding:var(--space-5);align-items:center;gap:var(--space-3);background:var(--bg-secondary);margin:0 var(--space-4);border-radius:var(--radius-xl);margin-bottom:var(--space-6);display:flex}.sidebar__user-avatar{border-radius:var(--radius-full);background:var(--primary-500);color:#fff;width:44px;height:44px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex;overflow:hidden}.sidebar__user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.sidebar__user-role{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.sidebar__section{margin-bottom:var(--space-4);padding:0 16px}.sidebar__section .sidebar__nav-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding:0 12px;font-size:11px;font-weight:600}.sidebar__section .sidebar__nav-item{border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:var(--bg-secondary);border:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:4px;padding:12px;text-decoration:none;display:flex}.sidebar__section .sidebar__nav-item:hover{background:var(--bg-hover);border-color:var(--primary-200);transform:translate(2px)}.sidebar__section .sidebar__nav-item .sidebar__nav-icon{width:20px;height:20px;color:var(--primary-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__section .sidebar__nav-item .sidebar__nav-label{white-space:nowrap;text-overflow:ellipsis;font-weight:var(--font-weight-medium);flex:1;overflow:hidden}.sidebar__nav{flex:1;padding:0 16px}.sidebar__nav-section{margin-bottom:var(--space-8)}.sidebar__nav-section:last-child{margin-bottom:0}.sidebar__nav-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-3)0;padding:0 var(--space-3)}.sidebar__nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:var(--space-1);transition:all var(--transition-fast);text-decoration:none;display:flex;position:relative}.sidebar__nav-item:hover{background:var(--bg-hover);color:var(--primary-600);transform:translate(2px)}.sidebar__nav-item--active{background:var(--primary-50);color:var(--primary-600);font-weight:var(--font-weight-semibold)}[data-theme=dark] .sidebar__nav-item--active{color:var(--primary-400);background:#3b82f61a}.sidebar__nav-item--active:before{content:"";background:var(--primary-500);border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__nav-icon{width:20px;height:20px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar__footer{padding:var(--space-4);border-top:1px solid var(--border-color);margin-top:auto}.sidebar__footer-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.sidebar__footer-btn{border-radius:var(--radius-lg);background:var(--bg-secondary);width:42px;height:42px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__footer-btn:hover{background:var(--bg-hover);color:var(--primary-600);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sidebar__theme-toggle,.sidebar__logout{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-1);background:0 0;border:none;display:flex}.sidebar__theme-toggle:hover,.sidebar__logout:hover{background:var(--bg-hover);transform:translate(2px)}.sidebar__theme-toggle:active,.sidebar__logout:active{transform:translate(1px)}.sidebar__logout{color:var(--error-600)}.sidebar__logout:hover{background:var(--error-50);color:var(--error-700)}[data-theme=dark] .sidebar__logout:hover{color:var(--error-400);background:#ef44441a}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.sidebar__nav-item{opacity:0;animation:.3s forwards slideInLeft;transform:translate(-20px)}.sidebar__nav-item:first-child{animation-delay:50ms}.sidebar__nav-item:nth-child(2){animation-delay:.1s}.sidebar__nav-item:nth-child(3){animation-delay:.15s}.sidebar__nav-item:nth-child(4){animation-delay:.2s}.sidebar__nav-item:nth-child(5){animation-delay:.25s}.sidebar__nav-item:nth-child(6){animation-delay:.3s}.sidebar__nav-item:nth-child(7){animation-delay:.35s}.sidebar__nav-item:nth-child(8){animation-delay:.4s}.sidebar__nav-item:nth-child(9){animation-delay:.45s}.sidebar__nav-item:nth-child(10){animation-delay:.5s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.sidebar--loading .sidebar__nav-item{opacity:.6;pointer-events:none}.sidebar-loading{background:var(--bg-surface);height:100vh;color:var(--detail-text);flex-direction:column;justify-content:center;align-items:center;display:flex}.sidebar-loading .loading-spinner{border:3px solid var(--detail-border);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.sidebar-loading p{color:var(--detail-text-muted);margin:0;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.profile-container{background-color:var(--bg-primary);width:100%;min-height:100vh;display:flex}.profile-container .main-content{padding:var(--space-6)var(--space-8);min-width:0;transition:margin-left var(--transition-normal);flex:1;margin-left:280px}@media (max-width:768px){.profile-container .main-content{margin-left:0;padding:0 0 90px}}.sidebar-media{z-index:1000;position:relative}.sidebar-media__overlay{background:var(--detail-overlay);z-index:6000;animation:.3s fadeIn;position:fixed;inset:0}.sidebar-media__modal{background:var(--bg-surface);box-shadow:var(--shadow);z-index:6500;-webkit-overflow-scrolling:touch;will-change:transform;border-radius:20px 20px 0 0;max-height:calc(100vh - 72px);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.sidebar-media__modal--open{transform:translate(0,0)}.sidebar-media__modal::-webkit-scrollbar{width:4px}.sidebar-media__modal::-webkit-scrollbar-track{background:0 0}.sidebar-media__modal::-webkit-scrollbar-thumb{background:var(--detail-border);border-radius:2px}.sidebar-media__handle{justify-content:center;padding:12px 0 8px;display:flex}.sidebar-media__handle-bar{background:var(--detail-border);border-radius:2px;width:40px;height:4px}.sidebar-media__header{border-bottom:1px solid var(--detail-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar-media__logo{align-items:center;gap:12px;display:flex}.sidebar-media__logo-icon{border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:700;display:flex}.sidebar-media__logo-icon img{object-fit:cover;width:100%;height:100%}.sidebar-media__logo-text h3{background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-text-fill-color:#0000;-webkit-background-clip:text;margin:0;font-size:18px;font-weight:700;line-height:1.2}.sidebar-media__logo-text span{color:var(--detail-text-muted);font-size:11px;font-weight:500}.sidebar-media__logo-tooltip{z-index:2000;width:220px;animation:.5s ease-out fadeInBounce;position:absolute;top:60px;left:20px}.sidebar-media__logo-tooltip-card{background:var(--bg-surface);border:2px solid var(--primary-500);border-radius:var(--radius-lg);padding:var(--space-3)var(--space-4);z-index:2;position:relative;box-shadow:0 10px 25px #0003}.sidebar-media__logo-tooltip-close{color:var(--text-secondary);cursor:pointer;position:absolute;top:6px;right:6px}.sidebar-media__logo-tooltip-close:hover{color:var(--error-500)}.sidebar-media__logo-tooltip-content{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--text-primary);margin-bottom:var(--space-2);padding-right:var(--space-4)}.sidebar-media__logo-tooltip-btn{background:var(--primary-500);color:#fff;border-radius:var(--radius-sm);padding:var(--space-1)var(--space-3);font-size:11px;font-weight:var(--font-weight-medium);cursor:pointer;border:none;transition:background .2s}.sidebar-media__logo-tooltip-btn:hover{background:var(--primary-600)}.sidebar-media__logo-tooltip-arrow{z-index:1;pointer-events:none;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.sidebar-media__close{background:var(--detail-card-bg);width:36px;height:36px;color:var(--detail-text);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-media__close:hover{background:var(--detail-border)}.sidebar-media__close:active{transform:scale(.95)}.sidebar-media__user{background:var(--detail-card-bg);border-radius:12px;align-items:center;gap:12px;margin:0 16px 16px;padding:16px 20px;display:flex}.sidebar-media__user-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;overflow:hidden}.sidebar-media__user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-media__user-info{flex:1;min-width:0}.sidebar-media__user-info h4{color:var(--detail-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.sidebar-media__user-role{color:var(--detail-text-muted);font-size:12px;font-weight:500}.sidebar-media__channel{margin-bottom:var(--space-4);padding:0 16px}.sidebar-media__channel .sidebar-media__channel-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-3)0;padding:0 var(--space-3)}.sidebar-media__channel .sidebar-media__channel-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:var(--space-1);transition:all var(--transition-fast);background:var(--bg-secondary);border:1px solid var(--border-color);text-decoration:none;display:flex}.sidebar-media__channel .sidebar-media__channel-item:hover{background:var(--bg-hover);border-color:var(--primary-200)}.sidebar-media__channel .sidebar-media__channel-item .sidebar-media__nav-icon{width:20px;height:20px;color:var(--primary-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-media__channel .sidebar-media__channel-item .sidebar-media__nav-label{white-space:nowrap;text-overflow:ellipsis;font-weight:var(--font-weight-medium);flex:1;overflow:hidden}.sidebar-media__nav{padding:0 16px}.sidebar-media__nav-section{margin-bottom:var(--space-6)}.sidebar-media__nav-section:last-child{margin-bottom:0}.sidebar-media__nav-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-3)0;padding:0 var(--space-3)}.sidebar-media__nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:var(--space-1);transition:all var(--transition-fast);text-decoration:none;display:flex;position:relative}.sidebar-media__nav-item:hover{background:var(--bg-hover);color:var(--primary-600)}.sidebar-media__nav-item--active{background:var(--primary-50);color:var(--primary-600);font-weight:var(--font-weight-semibold)}[data-theme=dark] .sidebar-media__nav-item--active{color:var(--primary-400);background:#3b82f61a}.sidebar-media__nav-item--active:before{content:"";background:var(--primary-500);border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-media__nav-icon{width:20px;height:20px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-media__nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-media__footer{padding:var(--space-4);border-top:1px solid var(--border-color)}.sidebar-media__action-btn,.sidebar-media__logout-btn{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-1);background:0 0;border:none;display:flex}.sidebar-media__action-btn:hover,.sidebar-media__logout-btn:hover{background:var(--bg-hover)}.sidebar-media__action-btn:active,.sidebar-media__logout-btn:active{transform:scale(.98)}.sidebar-media__logout-btn{color:var(--error-600)}.sidebar-media__logout-btn:hover{background:var(--error-50);color:var(--error-700)}[data-theme=dark] .sidebar-media__logout-btn:hover{color:var(--error-400);background:#ef44441a}.sidebar-media__bottom-nav{background:var(--bg-surface);border-top:1px solid var(--border-color);padding:var(--space-2)var(--space-4);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));z-index:5000;box-shadow:var(--shadow-lg);align-items:center;height:57px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:769px){.sidebar-media__bottom-nav{display:none}}.sidebar-media__bottom-item{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-1);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;text-decoration:none;display:flex;position:relative}.sidebar-media__bottom-item:hover{background:var(--bg-hover)}.sidebar-media__bottom-item--active{color:var(--primary-600);background:var(--primary-50)}[data-theme=dark] .sidebar-media__bottom-item--active{color:var(--primary-400);background:#3b82f61a}.sidebar-media__bottom-item:active{transform:scale(.95)}.sidebar-media__bottom-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.sidebar-media .indicator-dot{background:var(--primary-500);border-radius:var(--radius-full);border:2px solid var(--bg-surface);z-index:2;width:8px;height:8px}@media (max-width:360px){.sidebar-media .indicator-dot{width:6px;height:6px;top:3px;right:3px}}.sidebar-media__bottom-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;max-width:60px;overflow:hidden}.sidebar-media__more-btn.sidebar-media__bottom-item--active .sidebar-media__bottom-icon .indicator-dot{animation:2s infinite pulse}@media (min-width:769px){.sidebar-media{display:none}}@supports (padding-bottom:env(safe-area-inset-bottom)){.sidebar-media__bottom-nav{padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}}.footer{box-sizing:border-box;background:var(--bg-surface);color:var(--text-primary);border-top:1px solid var(--border-color);padding:60px 0 0;font-size:14px;transition:all .3s}.footer__container{grid-template-columns:repeat(4,1fr);gap:40px;max-width:1400px;margin:0 auto;padding:0 24px;display:grid}@media (max-width:1024px){.footer__container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer__container{grid-template-columns:1fr;gap:32px}}.footer__brand{flex-direction:column;gap:16px;display:flex}.footer__logo-link{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;text-decoration:none;transition:transform .2s;display:flex}.footer__logo-link img{width:50px;height:50px}.footer__logo-link:hover{transform:scale(1.05)}.footer__logo-text{background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.footer__description{color:var(--text-secondary);max-width:300px;line-height:1.6}.footer__nav{flex-direction:column;gap:16px;display:flex}.footer__section-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.footer__nav-list{flex-direction:column;gap:8px;list-style:none;display:flex}.footer__nav-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;text-decoration:none;transition:color .2s}.footer__nav-link:hover{color:var(--primary-blue)}.footer__social{flex-direction:column;gap:16px;display:flex}.footer__social-icons{gap:16px;display:flex}.footer__social-link{color:var(--text-secondary);transition:all .2s}.footer__social-link:hover{color:var(--primary-blue);transform:scale(1.1)}.footer__contact{color:var(--text-secondary);flex-direction:column;gap:8px;display:flex}.footer__bottom{background:var(--bg-primary);border-top:1px solid var(--border-color);text-align:center;margin-top:40px;padding:20px 0}.footer__bottom-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 24px;display:flex}@media (max-width:768px){.footer__bottom-container{flex-direction:column;gap:12px}}.footer__copyright{color:var(--text-secondary)}.footer__legal{gap:16px;display:flex}.footer__legal-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;text-decoration:none;transition:color .2s}.footer__legal-link:hover{color:var(--primary-blue)}@media (max-width:1024px){.footer{padding:40px 0 0}.footer__container{padding:0 20px}}@media (max-width:768px){.footer{padding:32px 0 0}.footer__container{padding:0 16px}.footer__bottom{margin-top:32px;padding:16px 0}.footer__bottom-container{padding:0 16px}}@media (max-width:480px){.footer__logo-text{font-size:20px}.footer__section-title{font-size:15px}.footer__social-icons{gap:12px}}.footer{animation:.5s ease-out fadeIn}.footer__nav-link:hover:after,.footer__social-link:hover:after,.footer__legal-link:hover:after{content:"";background:var(--primary-blue);width:100%;height:2px;transition:transform .2s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.footer__nav-link:hover:hover:after,.footer__social-link:hover:hover:after,.footer__legal-link:hover:hover:after{transform:scaleX(1)}.footer__nav-link:focus,.footer__logo-link:focus,.footer__social-link:focus,.footer__legal-link:focus{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:4px}.no-data-wrapper{grid-column:1/-1;justify-content:center;align-items:center;width:100%;min-height:200px;padding:40px 0;display:flex}.no-data-wrapper .no-data-content{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.no-data-wrapper .no-data-gif{width:120px;height:auto;box-shadow:var(--shadow-md);border-radius:12px}.no-data-wrapper .no-data-text{color:var(--text-secondary);text-align:center;margin:0;font-size:18px;font-weight:500}.page-loader{z-index:9999;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.page-loader__gate-left,.page-loader__gate-right{background:var(--bg-surface);z-index:1;pointer-events:auto;width:50.5%;height:100%;transition:transform .6s cubic-bezier(.77,0,.175,1);position:absolute;top:0}.page-loader__gate-left{left:0}.page-loader__gate-right{right:0}.page-loader__content{z-index:2;flex-direction:column;align-items:center;gap:20px;transition:opacity .5s,transform .5s;display:flex;position:relative}.page-loader__logo{object-fit:contain;width:120px;height:120px;animation:2s ease-in-out infinite pulseLogo}.page-loader__lottie{width:150px;height:150px}.page-loader__text{color:var(--text-primary);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:600;animation:1.5s infinite blinkText}.page-loader.is-loaded .page-loader__gate-left{transform:translate(-100%)}.page-loader.is-loaded .page-loader__gate-right{transform:translate(100%)}.page-loader.is-loaded .page-loader__content{opacity:0;pointer-events:none;transform:scale(.8)}.page-loader.is-loaded{pointer-events:none}@keyframes pulseLogo{0%,to{filter:drop-shadow(0 0 #22c55e00);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #22c55e66);transform:scale(1.1)}}@keyframes blinkText{0%,to{opacity:1}50%{opacity:.5}}.reels-container{width:100%;height:100vh;display:flex;position:relative}@media (min-width:1024px){.reels-container{max-width:1200px;margin:0 auto}}.reels{scroll-snap-type:y mandatory;scroll-behavior:smooth;background:var(--bg-primary,#000);width:100%;max-width:400px;height:100vh;margin:0 auto;position:relative;overflow-y:scroll}@media (min-width:481px) and (max-width:768px){.reels{max-width:450px}}@media (min-width:769px) and (max-width:1023px){.reels{max-width:500px}}@media (min-width:1024px){.reels{flex-shrink:0;max-width:400px}}.reels::-webkit-scrollbar{display:none}.reels{-ms-overflow-style:none;scrollbar-width:none}.reels__container{width:100%;position:relative}.reels__loading{padding:16px}.reel{scroll-snap-align:start;background:#000;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative}.reel--expanded:after{content:"";z-index:1;pointer-events:none;background:#0000008c;position:absolute;inset:0}.reel--expanded .reel__content{z-index:2}.reel__video-container{width:100%;height:85%;position:relative}@media (max-width:1024px){.reel__video-container{background:#000;height:100%;padding-top:0}}.reel__video-container{justify-content:center;align-items:center;display:flex;overflow:hidden}.reel__ai-badge{letter-spacing:.5px;color:#0b1220;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6f2,#6366f1f2);border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:900;display:flex;position:absolute;top:1rem;left:1rem;box-shadow:0 10px 28px #3b82f647}@media (max-width:768px){.reel__ai-badge{width:38px;height:38px;font-size:13px;top:.75rem;left:.75rem}}@media (max-width:480px){.reel__ai-badge{width:34px;height:34px;font-size:12px;top:.5rem;left:.5rem}}.reel__video{object-fit:cover;cursor:pointer;background:#000;width:100%;height:100%}@media (max-width:1024px){.reel__video{object-fit:contain;background:0 0}}.reel__video-controls{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reel__video-controls button{pointer-events:auto}.reel__play-pause-btn{color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:absolute;transform:scale(.8)}@media (max-width:768px){.reel__play-pause-btn{width:70px;height:70px}}@media (max-width:480px){.reel__play-pause-btn{width:60px;height:60px}}.reel__play-pause-btn.show{opacity:1;transform:scale(1)}.reel__play-pause-btn:hover{background:#000c;transform:scale(1.1)}.reel__play-pause-btn:active{transform:scale(.95)}.reel__mute-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}@media (max-width:768px){.reel__mute-btn{width:36px;height:36px;top:.75rem;right:.75rem}}@media (max-width:480px){.reel__mute-btn{width:32px;height:32px;top:.5rem;right:.5rem}.reel__mute-btn svg{width:16px;height:16px}}.reel__mute-btn:hover{background:#000c;transform:scale(1.05)}.reel__ad-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;z-index:3;text-transform:uppercase;letter-spacing:.5px;background:#f59e0be6;border-radius:20px;padding:.375rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem}@media (max-width:768px){.reel__ad-label{padding:.3rem .8rem;font-size:.7rem;top:.75rem;left:.75rem}}@media (max-width:480px){.reel__ad-label{padding:.25rem .6rem;font-size:.65rem;top:.5rem;left:.5rem}}.reel__content{color:#fff;z-index:2;position:absolute;bottom:50px;left:0;right:70px}@media (max-width:768px){.reel__content{right:60px}}@media (max-width:480px){.reel__content{padding:2rem 1rem;bottom:50px;right:55px}}.reel__author{cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1rem;margin-left:-.5rem;padding:.5rem;transition:all .2s;display:flex}@media (max-width:768px){.reel__author{gap:.6rem;margin-bottom:.8rem;padding:.4rem}}@media (max-width:480px){.reel__author{gap:.5rem;margin-bottom:.6rem;padding:.3rem}}.reel__author:hover{background:#ffffff1a;transform:translate(4px)}.reel__author-avatar{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;width:42px;height:42px}@media (max-width:768px){.reel__author-avatar{width:38px;height:38px}}@media (max-width:480px){.reel__author-avatar{width:34px;height:34px}}.reel__author-name{align-items:center;gap:.25rem;margin:0 0 .25rem;font-size:.9rem;font-weight:600;line-height:1.2;display:flex}@media (max-width:480px){.reel__author-name{font-size:.8rem}}.reel__author-username{opacity:.8;margin:0;font-size:.8rem}@media (max-width:480px){.reel__author-username{font-size:.7rem}}.reel__verified{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.7rem;font-weight:700;display:flex}@media (max-width:480px){.reel__verified{width:14px;height:14px}}.reel__description{max-width:100%;margin-bottom:1rem}@media (max-width:480px){.reel__description{margin-bottom:.6rem}}.reel__title{opacity:.95;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.82rem;font-weight:700;overflow:hidden}.reel__desc-box{cursor:pointer;background:#0000008c;border-radius:10px;max-width:100%;padding:6px 10px;display:inline-block;position:relative}.reel__text{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;line-height:1.4;overflow:hidden}@media (max-width:480px){.reel__text{-webkit-line-clamp:1;line-clamp:1;font-size:.8rem}}.reel__desc-box--expanded{max-height:200px;padding-right:10px;display:block;overflow-y:auto}.reel__desc-box--expanded::-webkit-scrollbar{display:none}.reel__desc-box--expanded{-ms-overflow-style:none;scrollbar-width:none}.reel__desc-box--expanded .reel__text{white-space:normal;text-overflow:clip;display:block;overflow:visible}.reel__hashtags-inline{display:inline}.reel__hashtag-inline{color:#60a5fa;font-weight:600}.reel__hashtags{flex-wrap:wrap;gap:.5rem;display:flex}.reel__hashtag{color:#60a5fa;cursor:pointer;font-size:.85rem;font-weight:600;transition:color .2s}.reel__hashtag:hover{color:#93c5fd}@media (max-width:480px){.reel__hashtag{font-size:.75rem}}.reel__cta{margin-top:.75rem}.reel__cta-btn{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:.7rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .2s;animation:.25s ease-out fadeInUp;display:inline-flex;box-shadow:0 10px 30px #00000040}@media (max-width:480px){.reel__cta-btn{padding:.55rem .9rem;font-size:.8rem}}.reel__cta-btn:hover{background:#fff3;transform:translateY(-2px)}.reel__cta-btn--course{background:linear-gradient(135deg,#3b82f633,#6366f133);border-color:#6366f159}.reel__cta-btn--channel{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b98159}.reel__cta-btn--movie{background:linear-gradient(135deg,#ef444433,#f43f5e33);border-color:#ef444459}.reel__cta-btn--course_video{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-color:#8b5cf659}.reel__actions{z-index:3;flex-direction:column;gap:1.25rem;display:flex;position:absolute;bottom:6rem;right:.5rem}@media (max-width:768px){.reel__actions{gap:1rem;bottom:5rem;right:.4rem}}@media (max-width:480px){.reel__actions{gap:.8rem;bottom:4.5rem;right:.3rem}}.reel__action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:none;border-radius:20px;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;transition:all .3s;display:flex}@media (max-width:480px){.reel__action-btn{gap:.25rem;padding:.5rem}}.reel__action-btn:hover{background:#ffffff1a;transform:scale(1.05)}.reel__action-btn:active{transform:scale(.95)}.reel__action-btn.active{color:#ef4444}.reel__action-btn.bookmark-active{color:gold!important}.reel__action-btn.bookmark-active svg{filter:drop-shadow(0 2px 8px #ffd70080)}.reel__action-btn svg{filter:drop-shadow(0 2px 8px #0000004d);transition:all .3s}.reel__action-btn:hover svg{transform:scale(1.1)}.reel__action-count{text-shadow:0 1px 3px #00000080;font-size:.75rem;font-weight:600}@media (max-width:480px){.reel__action-count{font-size:.65rem}}.reel__context-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827f7;border:1px solid #ffffff1a;border-radius:12px;min-width:190px;padding:.5rem;animation:.2s ease-out contextMenuShow;box-shadow:0 10px 40px #0006}.reel__context-menu-item{color:#e5e7eb;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.reel__context-menu-item:hover{background:#ffffff14;transform:translate(2px)}.reel__context-menu-item--danger{color:#f87171}.reel__context-menu-item--danger:hover{color:#ef4444;background:#ef44441a}@keyframes contextMenuShow{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.reel-report__overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reel-report__modal{color:#fff;background:#111827f2;border:1px solid #ffffff14;border-radius:16px;width:92%;max-width:480px;animation:.2s ease-out contextMenuShow;overflow:hidden;box-shadow:0 20px 60px #00000073}.reel-report__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.reel-report__header h3{margin:0;font-size:1.1rem;font-weight:700}.reel-report__close{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:22px;transition:color .2s}.reel-report__close:hover{color:#fff}.reel-report__body{padding:16px 20px}.reel-report__body label{color:#d1d5db;margin-bottom:8px;font-size:.9rem;display:block}.reel-report__input{color:#fff;resize:vertical;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;min-height:84px;padding:10px 12px;transition:border-color .2s}.reel-report__input::placeholder{color:#9ca3af}.reel-report__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.reel-report__error{color:#fca5a5;margin-top:8px;font-size:.85rem}.reel-report__actions{justify-content:flex-end;gap:12px;padding:16px 20px 20px;display:flex}.reel-report__btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:all .2s;display:inline-flex}.reel-report__btn--ghost{color:#e5e7eb;background:0 0;border-color:#ffffff29}.reel-report__btn--ghost:hover{background:#ffffff14}.reel-report__btn--primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 8px 20px #3b82f64d}.reel-report__btn--primary:hover{filter:brightness(1.05)}.reel-report__btn--primary:disabled{opacity:.7;cursor:not-allowed}.reels-comment-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:1024px){.reels-comment-overlay{background:0 0;justify-content:flex-end;align-items:center;padding-right:2rem}}.reels-comment{background:var(--bg-primary);z-index:100;border-top:1px solid var(--border-color);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:100vw;height:72vh;animation:.3s ease-out slideUpMobile;display:flex}@media (min-width:768px){.reels-comment{border:1px solid var(--border-color);border-radius:20px;max-width:500px;height:76vh;animation:.3s ease-out slideUpTablet}}@media (min-width:1024px){.reels-comment{border-radius:16px;width:400px;height:82vh;max-height:630px;animation:.3s ease-out slideInDesktop;box-shadow:0 20px 60px #00000059}}.reels-comment__header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}@media (max-width:480px){.reels-comment__header{padding:.875rem 1rem}}.reels-comment__title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}@media (max-width:480px){.reels-comment__title{font-size:1rem}}.reels-comment__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.reels-comment__close:hover{background:var(--bg-hover);color:var(--text-primary)}.reels-comment__close:active{transform:scale(.95)}.reels-comment__content{flex:1;padding:0 1.25rem;overflow-y:auto}@media (max-width:480px){.reels-comment__content{padding:0 1rem}}.reels-comment__content::-webkit-scrollbar{width:4px}.reels-comment__content::-webkit-scrollbar-track{background:0 0}.reels-comment__content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.reels-comment__input-container{border-top:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0;padding:1rem 1.25rem}@media (max-width:480px){.reels-comment__input-container{padding:.875rem 1rem}}.reels-comment__reply-indicator{background:var(--bg-surface);color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.reels-comment__reply-indicator button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.25rem;display:flex}.reels-comment__reply-indicator button:hover{background:var(--bg-hover);color:var(--text-primary)}.reels-comment__emoji-picker{background:var(--bg-surface);border-radius:12px;flex-wrap:wrap;gap:.5rem;max-height:120px;margin-bottom:.75rem;padding:.75rem;display:flex;overflow-y:auto}.reels-comment__emoji-picker .emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem;font-size:1.25rem;transition:all .2s}.reels-comment__emoji-picker .emoji-btn:hover{background:var(--bg-hover);transform:scale(1.1)}.reels-comment__emoji-picker .emoji-btn:active{transform:scale(.95)}.reels-comment__input-wrapper{align-items:flex-end;gap:.75rem;display:flex}.reels-comment__user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}@media (max-width:480px){.reels-comment__user-avatar{width:32px;height:32px}}.reels-comment__input-group{flex:1;position:relative}.reels-comment__input{border:1.5px solid var(--border-color);resize:none;background:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:20px;outline:none;padding:.75rem 3.5rem .75rem 1rem;font-size:.9rem;transition:all .2s}@media (max-width:480px){.reels-comment__input{padding:.625rem 3rem .625rem .875rem;font-size:.875rem}}.reels-comment__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0066ff14}.reels-comment__input::placeholder{color:var(--text-muted)}.reels-comment__input-actions{align-items:center;gap:.25rem;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.reels-comment__emoji-btn,.reels-comment__send-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.reels-comment__emoji-btn:hover,.reels-comment__send-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.reels-comment__send-btn:disabled{opacity:.4;cursor:not-allowed}.reels-comment__send-btn:disabled:hover{background:0 0}.reels-comment__send-btn:not(:disabled){color:var(--color-primary)}.reels-comment__send-btn:not(:disabled):hover{background:#0066ff14}.comment{border-bottom:1px solid var(--border-color);padding:.875rem 0}.comment:last-child{border-bottom:none}.comment--reply{margin-left:3rem;padding:.625rem 0}@media (max-width:480px){.comment--reply{margin-left:2.25rem}}.comment--reply .comment__avatar{width:28px;height:28px}.comment__main{gap:.75rem;display:flex}@media (max-width:480px){.comment__main{gap:.5rem}}.comment__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}@media (max-width:480px){.comment__avatar{width:30px;height:30px}}.comment__content{flex:1;min-width:0}.comment__header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.comment__name{color:var(--text-primary);font-size:.875rem;font-weight:700}@media (max-width:480px){.comment__name{font-size:.8rem}}.comment__timestamp{color:var(--text-muted);font-size:.75rem}.comment__text{color:var(--text-primary);margin:0 0 .5rem;font-size:.9rem;line-height:1.45}@media (max-width:480px){.comment__text{font-size:.85rem}}.comment__actions{align-items:center;gap:.75rem;display:flex}.comment__action{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.8rem;transition:all .2s;display:flex}.comment__action:hover{background:var(--bg-hover);color:var(--text-secondary)}.comment__action span{font-weight:500}.comment__replies{margin-top:.75rem}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpTablet{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDesktop{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.movies{background:var(--bg-surface);min-height:100vh;padding:2.5rem 0 2rem}.movies__container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.movies__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;margin-bottom:2.5rem;display:flex}@media (max-width:768px){.movies__header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}}.movies__title{color:var(--text-primary);letter-spacing:.5px;margin:0;font-size:2.2rem;font-weight:800}@media (max-width:768px){.movies__title{font-size:1.75rem}}.movies__subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem}.movies__controls{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}@media (max-width:768px){.movies__controls{width:100%}}.movies__search{border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:1.2rem;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:1rem;transition:all .25s;display:flex}.movies__search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.25)}.movies__search-icon{color:var(--text-secondary);flex-shrink:0;font-size:1.2rem}.movies__search-input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:1rem}.movies__search-input:focus{outline:none}.movies__search-input::placeholder{color:var(--text-secondary);opacity:.8}.movies__categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}@media (max-width:480px){.movies__categories-grid{grid-template-columns:1fr;gap:1rem}}.movies__empty-state{text-align:center;background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:1.5rem;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;margin:2rem 0;padding:5rem 2rem;display:flex}.movies__empty-icon{opacity:.7;margin-bottom:1.5rem;font-size:5rem}.movies__empty-title{color:var(--text-primary);margin-bottom:.8rem;font-size:1.8rem;font-weight:700}.movies__empty-description{color:var(--text-secondary);max-width:500px;margin:0;font-size:1.1rem;line-height:1.6}.category-card{background:var(--bg-card);cursor:pointer;box-shadow:var(--shadow-primary);border:1.5px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;border-radius:1.5rem;flex-direction:column;width:100%;min-height:270px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-secondary);border-color:var(--color-primary);transform:translateY(-8px)scale(1.04)}.category-card:hover .category-card__image img{filter:brightness()contrast(1.1)saturate(1.2);transform:scale(1.08)}.category-card:hover .category-card__icon{color:var(--color-primary);z-index:3;filter:drop-shadow(0 2px 8px #0000002e);font-size:2.2rem;display:block}.category-card__image{aspect-ratio:16/9;z-index:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.category-card__image img{object-fit:cover;filter:brightness(.92)contrast(1.08)saturate(1.1);width:100%;height:100%;transition:transform .3s,filter .3s}.category-card__overlay{opacity:.7;z-index:2;pointer-events:none;background:linear-gradient(120deg,#0000002e 0%,#00000061 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.category-card__icon{display:none}.category-card__info{background:var(--bg-card);color:var(--text-primary);z-index:3;flex-direction:column;flex:1;justify-content:flex-end;padding:1.2rem;display:flex;position:relative}.category-card__name{color:var(--text-primary);margin-bottom:.3rem;font-size:1.18rem;font-weight:800}.category-card__count{color:var(--color-primary);margin-bottom:.3rem;font-size:.93rem;font-weight:700}.category-card__description{color:var(--text-secondary);opacity:.85;margin-bottom:.1rem;font-size:.93rem;line-height:1.4}.movie-category{background-color:var(--bg-surface);min-height:100vh;color:var(--text-primary)}.movie-category__hero{aspect-ratio:16/4.5;align-items:flex-end;width:100%;margin-bottom:2rem;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.movie-category__hero{aspect-ratio:16/6}}@media (max-width:768px){.movie-category__hero{aspect-ratio:16/9}}@media (max-width:480px){.movie-category__hero{aspect-ratio:4/3}}.movie-category__banner{z-index:1;position:absolute;inset:0}.movie-category__banner img{object-fit:cover;width:100%;height:100%}.movie-category__banner-overlay{background:linear-gradient(to bottom,#0006 0%,#0009 60%,var(--bg-surface)100%);z-index:2;position:absolute;inset:0}.movie-category__hero-content{z-index:3;color:#fff;width:100%;max-width:1400px;margin:0 auto;padding:2rem;position:relative}.movie-category__breadcrumbs{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff26;border:1px solid #22c55e;border-radius:12px;align-items:center;gap:.5rem;width:fit-content;padding:.4rem .8rem;font-size:.8125rem;font-weight:500;display:flex}.movie-category__breadcrumbs a{color:var(--primary-400);text-decoration:none;transition:color .2s}.movie-category__breadcrumbs a:hover{color:var(--primary-300)}.movie-category__breadcrumbs .breadcrumb-separator{color:#22c55e;opacity:1;font-size:.75rem}.movie-category__breadcrumbs .current-category{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-weight:500;overflow:hidden}@media (max-width:480px){.movie-category__breadcrumbs{padding:.35rem .75rem;font-size:.75rem}}.movie-category__hero-info{max-width:800px;margin-top:2rem}.movie-category__title{text-shadow:2px 2px 8px #000000b3;margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.1}@media (max-width:768px){.movie-category__title{font-size:2.25rem}}@media (max-width:480px){.movie-category__title{font-size:1.75rem}}.movie-category__description{color:#ffffffe6;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (max-width:480px){.movie-category__description{margin-bottom:1rem;font-size:.9375rem}}.movie-category__container{max-width:1400px;margin:0 auto;padding:0 1rem}.movie-category__controls{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 12px #0000000d}@media (max-width:768px){.movie-category__controls{gap:1rem;padding:1rem}}.movie-category__search{flex:1;max-width:500px;position:relative}.movie-category__search-icon{color:var(--text-secondary);z-index:2;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.movie-category__search-input{border:2px solid var(--border-color);background-color:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:12px;padding:1rem 1rem 1rem 3rem;font-size:.875rem;transition:all .3s}.movie-category__search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.movie-category__search-input::placeholder{color:var(--text-secondary)}.movie-category__content{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding-bottom:50px;display:grid}@media (max-width:480px){.movie-category__content{grid-template-columns:1fr;gap:1rem}}.movie-category__empty{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:4rem 2rem}.movie-category__empty-icon{opacity:.5;margin-bottom:1.5rem}.movie-category__empty h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.movie-category__empty p{max-width:400px;margin:0 auto;font-size:1rem;line-height:1.6}.movie-playlist{cursor:pointer;justify-content:center;align-items:center;gap:1rem;position:relative}.movie-playlist__overlay{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;height:100%;transition:all .3s;position:absolute;box-shadow:0 4px 12px #0000001a}.movie-playlist__overlay--list-1{z-index:0;background-color:#7480934d;border-radius:16px;width:85%;height:100%;top:-12px;left:50%;transform:translate(-50%)}.movie-playlist__overlay--list-2{z-index:1;background-color:#4f5a6966;border-radius:16px;width:90%;height:100%;top:-8px;left:50%;transform:translate(-50%)}.movie-playlist__overlay--list-3{z-index:2;background-color:#38435680;border-radius:16px;width:95%;height:100%;top:-4px;left:50%;transform:translate(-50%)}.movie-playlist-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;z-index:3;border-radius:16px;flex-direction:column;width:100%;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.movie-playlist-card:hover{border-color:#3b82f6;box-shadow:0 12px 40px #0003}.movie-playlist-card:hover .movie-playlist-card__overlay{opacity:1}.movie-playlist-card:hover .movie-playlist-card__play-btn{transform:scale(1.1)}.movie-playlist-card:hover .movie-playlist-card__image{transform:scale(1.05)}.movie-playlist-card__thumbnail{aspect-ratio:2/3;background-color:#1a1e29;width:100%;height:180px;position:relative;overflow:hidden}.movie-playlist-card__image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.movie-playlist-card__overlay{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.movie-playlist-card__play-btn{color:#1f2937;cursor:pointer;background-color:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000004d}.movie-playlist-card__play-btn:hover{background-color:#fff;transform:scale(1.1)}.movie-playlist-card__rating{color:#fbbf24;z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf;border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.movie-playlist-card__type-indicator{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:4;background-color:#3b82f6e6;border:1px solid #fff3;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;position:absolute;top:10px;left:10px}.movie-playlist-card__episodes{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3;background-color:#000c;border:1px solid #fff3;border-radius:6px;padding:.375rem .6rem;font-size:.7rem;font-weight:600;position:absolute;bottom:10px;left:10px}.movie-playlist-card__duration{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3;background-color:#000c;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .6rem;font-size:.7rem;font-weight:500;display:flex;position:absolute;bottom:10px;right:10px}.movie-playlist-card__content{flex-direction:column;padding:1rem .75rem .75rem;display:flex}.movie-playlist-card__title{color:#fff;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-bottom:.4rem;font-size:1.125rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.movie-playlist-card__meta{color:#fff9;align-items:center;gap:1rem;font-size:.8125rem;display:flex}.movie-playlist-card__year{align-items:center;gap:.375rem;display:flex}.movie-playlist-card__genre{font-style:italic}.movie-playlist-card__description{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.movie-category__lang-select{color:var(--text-primary,#fff);cursor:pointer;appearance:none;background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right .9rem center no-repeat;border:1px solid #ffffff1a;border-radius:12px;min-width:150px;padding:.7rem 2.2rem .7rem 1rem;font-size:.9rem;font-weight:600}.movie-category__lang-select option{background:var(--bg-surface,#14181d);color:var(--text-primary,#fff)}.watch-page{color:#fff;background-color:#000;flex-direction:column;min-height:100vh;display:flex}.watch-page__loading{color:#fff;z-index:1000;background-color:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.watch-page__loading p{margin-top:1rem;font-size:1rem;font-weight:500}.watch-page__spinner{border:4px solid #ffffff4d;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.watch-page__error{color:#fff;z-index:1000;text-align:center;background-color:#000;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.watch-page__error h3{color:#ef4444;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.watch-page__error p{color:#9ca3af;margin-bottom:2rem;font-size:1rem}.watch-page__back-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.watch-page__back-btn:hover{background-color:#2563eb;transform:translateY(-2px)}.watch-page__player-container{background-color:#000;width:100%;height:100vh;position:relative}@media (max-width:768px){.watch-page__player-container{height:50vh}}.watch-page__video-wrapper{cursor:pointer;width:100%;height:100%;position:relative}.watch-page__video{object-fit:contain;background-color:#000;width:100%;height:100%}.watch-page__controls{opacity:0;pointer-events:none;background:linear-gradient(#0000,#000c);padding:1rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.watch-page__controls.show{opacity:1;pointer-events:all}.watch-page__progress-container{cursor:pointer;margin-bottom:1rem}.watch-page__controls-bottom{justify-content:space-between;align-items:center;gap:1rem;display:flex}.watch-page__controls-left,.watch-page__controls-right{align-items:center;gap:1rem;display:flex}.watch-page__control-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.watch-page__control-btn:hover{background-color:#fff3;transform:scale(1.1)}.watch-page__control-btn svg{font-size:1.2rem}.watch-page__time{color:#fff;white-space:nowrap;font-size:.875rem;font-weight:500}.watch-page__volume-slider{cursor:pointer;background:#ffffff4d;border-radius:2px;outline:none;width:80px;height:4px}.watch-page__volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px}.watch-page__volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px}.watch-page__info{background-color:#111;border-top:1px solid #333;padding:2rem}@media (max-width:768px){.watch-page__info{padding:1rem}}.watch-page__header{justify-content:flex-end;margin-bottom:1.5rem;display:flex}@media (max-width:768px){.watch-page__header{justify-content:center}}.watch-page__actions{gap:.75rem;display:flex}.watch-page__action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.watch-page__action-btn:hover{background-color:#fff3;transform:translateY(-2px)}.watch-page__action-btn.active{background-color:#ef4444;border-color:#ef4444}.watch-page__details{max-width:1200px;margin:0 auto}.watch-page__title{color:#fff;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (max-width:768px){.watch-page__title{text-align:center;justify-content:center;font-size:1.5rem}}.watch-page__episode-info{color:#9ca3af;background-color:#ffffff1a;border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:400}.watch-page__episode-title{color:#e5e7eb;margin-bottom:1rem;font-size:1.25rem;font-weight:600}@media (max-width:768px){.watch-page__episode-title{text-align:center}}.watch-page__meta{color:#9ca3af;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}@media (max-width:768px){.watch-page__meta{justify-content:center}}.watch-page__meta span{align-items:center;gap:.25rem;display:flex}.watch-page__meta span:before{content:"•";margin-right:.5rem}.watch-page__meta span:first-child:before{display:none}.watch-page__description{color:#d1d5db;max-width:800px;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}@media (max-width:768px){.watch-page__description{text-align:center}}.watch-page__progress{align-items:center;gap:1rem;margin-top:1.5rem;display:flex}@media (max-width:768px){.watch-page__progress{flex-direction:column;gap:.5rem}}.watch-page__progress-bar{background-color:#fff3;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}@media (max-width:768px){.watch-page__progress-bar{width:100%}}.watch-page__progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;height:100%;transition:width .3s;position:relative}.watch-page__progress-fill:after{content:"";background-color:#fff;border-radius:1px;width:2px;height:100%;position:absolute;top:0;right:0}.watch-page__progress-text{color:#9ca3af;white-space:nowrap;font-size:.875rem;font-weight:500}@media (max-width:768px){.watch-page__progress-text{text-align:center}}.watch-page:fullscreen .watch-page__player-container{height:100vh}.watch-page:fullscreen .watch-page__info{display:none}.watch-page:-webkit-full-screen .watch-page__player-container{height:100vh}.watch-page:-webkit-full-screen .watch-page__info{display:none}.watch-page:-moz-full-screen .watch-page__player-container{height:100vh}.watch-page:-moz-full-screen .watch-page__info{display:none}.watch-page--loading .watch-page__player-container,.watch-page--error .watch-page__player-container{justify-content:center;align-items:center;display:flex}.video-player-new{--primary:#3b82f6;--primary-hover:#2563eb;--bg-dark:#0a0a0b;--card-bg:#161618;--text-main:#fff;--text-dim:#9ca3af;--accent:#60a5fa;background-color:var(--bg-dark);min-height:100vh;color:var(--text-main);flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.video-player-new__container{flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:0;display:flex;position:relative}@media (max-width:768px){.video-player-new__container{padding:0}}.video-player-new__top-overlay{z-index:15;background:linear-gradient(#000c 0%,#0000 100%);justify-content:space-between;align-items:center;padding:2rem 1.5rem;transition:transform .4s,opacity .4s;display:flex;position:absolute;top:0;left:0;right:0}.video-player-new__top-overlay.is-hidden{opacity:0;transform:translateY(-10px)}.video-player-new__top-left{align-items:center;gap:1rem;display:flex}.video-player-new__hamburger{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.video-player-new__hamburger:hover{border-color:var(--primary);background:#fff3}.video-player-new__player-wrapper{background:#000;border-bottom:1px solid #ffffff0d;width:100%;height:100vh;max-height:100vh;position:relative;overflow:hidden}.video-player-new__player-wrapper.is-fullscreen{z-index:1000;width:100vw;height:100vh;position:fixed;inset:0}.video-player-new__video{object-fit:contain;width:100%;height:100%}.video-player-new__overlay{opacity:0;pointer-events:none;z-index:5;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.video-player-new__overlay.is-visible{opacity:1}.video-player-new__play-center{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer;background:#3b82f6cc;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:scale(.8)}.video-player-new__play-center:hover{background:var(--primary);transform:scale(1.1)}.video-player-new__play-center svg{margin-left:4px;font-size:32px}.video-player-new__loading{background:var(--bg-dark);z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.video-player-new__loading .spinner{border:4px solid #3b82f633;border-top:4px solid var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.video-player-new__controls{z-index:10;background:linear-gradient(#0000 0%,#0006 40%,#000000e6 100%);flex-direction:column;gap:.75rem;padding:2rem 1.5rem 1rem;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-player-new__controls.is-hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.video-player-new__progress-area{cursor:pointer;background:#ffffff1a;border-radius:3px;height:6px;transition:height .2s;position:relative}.video-player-new__progress-area:hover{height:8px}.video-player-new__progress-buffer{z-index:1;background:#ffffff26;border-radius:3px;height:100%;position:absolute;top:0;left:0}.video-player-new__progress-played{background:var(--primary);z-index:2;border-radius:3px;height:100%;position:absolute;top:0;left:0}.video-player-new__progress-played:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(0);box-shadow:0 0 10px #00000080}.video-player-new__progress-area:hover .video-player-new__progress-played:after{transform:translateY(-50%)scale(1)}.video-player-new__bottom-controls{justify-content:space-between;align-items:center;display:flex}.video-player-new__left-grp,.video-player-new__right-grp{align-items:center;gap:.5rem;display:flex}.video-player-new__icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.video-player-new__icon-btn:hover{background:#ffffff1a}.video-player-new__icon-btn.is-disabled{opacity:.3;cursor:not-allowed}.video-player-new__icon-btn.is-disabled:hover{background:0 0}.video-player-new__icon-btn svg{font-size:20px}.video-player-new__time-display{color:#fff;font-variant-numeric:tabular-nums;margin-left:.5rem;font-size:.875rem;font-weight:500}.video-player-new__volume-grp{align-items:center;gap:.5rem;padding-right:.5rem;display:flex}.video-player-new__volume-grp input[type=range]{opacity:0;width:0;transition:width .3s,opacity .3s}.video-player-new__volume-grp:hover input[type=range]{opacity:1;width:80px}.video-player-new__sidebar{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:30;background:#0f0f12fa;border-left:1px solid #ffffff1a;flex-direction:column;gap:2.5rem;width:360px;padding:5rem 2rem 2rem;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.video-player-new__sidebar.is-open{transform:translate(0)}@media (max-width:768px){.video-player-new__sidebar{width:100%}}.video-player-new__sidebar::-webkit-scrollbar{width:4px}.video-player-new__sidebar::-webkit-scrollbar-track{background:0 0}.video-player-new__sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.video-player-new__sidebar__close{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.video-player-new__sidebar__close:hover{color:var(--primary);background:#ffffff1a;transform:rotate(90deg)}.video-player-new__sidebar h3{background:linear-gradient(90deg,#fff,#9ca3af);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:1.4rem;font-weight:800}.video-player-new__sidebar .sidebar-section{flex-direction:column;gap:1.25rem;display:flex}.video-player-new .vp-sidebar-tabs{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:2;background:#0f0f12fa;gap:10px;margin-top:-28px;padding-bottom:10px;display:flex;position:sticky;top:0}.video-player-new .vp-sidebar-tab{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex:1;height:38px;font-size:13px;font-weight:800;transition:all .2s}.video-player-new .vp-sidebar-tab:hover{background:#ffffff1a;border-color:#3b82f659}.video-player-new .vp-sidebar-tab.active{color:#bfdbfe;background:#3b82f62e;border-color:#3b82f673}.video-player-new .vp-stars{gap:4px;display:inline-flex}.video-player-new .vp-star{color:#ffffff73;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;width:34px;height:34px;font-size:18px;line-height:1;transition:transform .12s,background .12s,border-color .12s}.video-player-new .vp-star:hover{border-color:#fbbf2459;transform:translateY(-1px)}.video-player-new .vp-star.is-active{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2440}.video-player-new .vp-comments{flex-direction:column;gap:12px;display:flex}.video-player-new .vp-comments__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-player-new .vp-comments__top h3{margin:0}.video-player-new .vp-comments__refresh{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;height:34px;padding:0 12px;font-weight:800}.video-player-new .vp-comments__rating{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.video-player-new .vp-comments__rating-title{color:#ffffffeb;font-size:13px;font-weight:900}.video-player-new .vp-comments__rate-btn{color:#fff;cursor:pointer;background:#3b82f6d9;border:none;border-radius:12px;height:34px;padding:0 12px;font-weight:900}.video-player-new .vp-comments__composer{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex}.video-player-new .vp-comments__composer textarea{resize:vertical;color:#fff;background:#00000040;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:10px 12px}.video-player-new .vp-comments__replying{color:#ffffffbf;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.video-player-new .vp-comments__replying button{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;height:28px;padding:0 10px;font-weight:800}.video-player-new .vp-comments__send{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;height:38px;font-weight:900}.video-player-new .vp-comments__error{color:#fecaca;font-size:12px;font-weight:800}.video-player-new .vp-comments__loading,.video-player-new .vp-comments__empty{color:#ffffffb3;padding:8px 2px;font-size:13px}.video-player-new .vp-comments__list{flex-direction:column;gap:10px;padding-bottom:8px;display:flex}.video-player-new .vp-comment{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:10px 12px}.video-player-new .vp-comment__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.video-player-new .vp-comment__user{align-items:center;gap:10px;min-width:0;display:flex}.video-player-new .vp-comment__avatar{object-fit:cover;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex:none;width:34px;height:34px}.video-player-new .vp-comment__avatar--placeholder{color:#ffffffd9;place-items:center;font-weight:900;display:grid}.video-player-new .vp-comment__meta{min-width:0}.video-player-new .vp-mini-stars{gap:2px;margin-top:3px;line-height:1;display:inline-flex}.video-player-new .vp-mini-star{color:#ffffff40;font-size:12px}.video-player-new .vp-mini-star.is-active{color:#fbbf24}.video-player-new .vp-comment__name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:900;overflow:hidden}.video-player-new .vp-comment__time{color:#ffffff8c;margin-top:1px;font-size:11px}.video-player-new .vp-comment__reply{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;flex:none;height:30px;padding:0 10px;font-weight:900}.video-player-new .vp-comment__text{color:#ffffffdb;white-space:pre-wrap;word-break:break-word;margin-top:8px;font-size:13px;line-height:1.5}.video-player-new .vp-comments__locked{color:#ffffffb3;background:#ffffff08;border:1px dashed #ffffff2e;border-radius:16px;padding:12px;font-size:13px;font-weight:900}.video-player-new .vp-actions{flex-direction:column;gap:10px;display:flex}.video-player-new .vp-action{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.video-player-new .vp-action:hover{border-color:#ffffff38;transform:translateY(-2px)}.video-player-new .vp-action:active{transform:translateY(0)}.video-player-new .vp-action__icon{border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.video-player-new .vp-action__label{text-align:left;flex:auto}.video-player-new .vp-action__arrow{opacity:.55;flex:none;transition:transform .2s,opacity .2s}.video-player-new .vp-action:hover .vp-action__arrow{opacity:1;transform:translate(4px)}.video-player-new .vp-action--test{background:linear-gradient(135deg,#6366f138,#8b5cf624);border-color:#6366f166}.video-player-new .vp-action--test .vp-action__icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 16px #6366f159}.video-player-new .vp-action--test:hover{border-color:#6366f1b3;box-shadow:0 10px 24px #6366f133}.video-player-new .vp-action--assignment{background:linear-gradient(135deg,#10b9812e,#14b8a61a);border-color:#10b98161}.video-player-new .vp-action--assignment .vp-action__icon{background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 6px 16px #10b98159}.video-player-new .vp-action--assignment:hover{border-color:#10b981b3;box-shadow:0 10px 24px #10b98133}.video-player-new .vp-feedback{border-top:1px solid #ffffff1a;padding-top:12px}.video-player-new .vp-feedback__title{color:#fff;margin-bottom:8px;font-size:13px;font-weight:900}.video-player-new .vp-feedback__done{color:#ffffffbf;font-size:13px;font-weight:900}.video-player-new .vp-feedback__field textarea{resize:vertical;color:#fff;background:#00000040;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;margin-top:10px;padding:10px 12px}.video-player-new .vp-feedback__actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.video-player-new .vp-feedback__btn{color:#ffffffeb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;height:38px;padding:0 14px;font-weight:900}.video-player-new .vp-feedback__btn--primary{background:var(--primary);color:#fff;border:none}.video-player-new .vp-feedback__error{color:#fecaca;margin-top:8px;font-size:12px;font-weight:900}.video-player-new .vp-ended{z-index:50;-webkit-backdrop-filter:blur(6px);background:#020617c7;justify-content:center;align-items:center;padding:16px;animation:.3s both vpEndedFade;display:flex;position:absolute;inset:0;overflow-y:auto}.video-player-new .vp-ended__card{background:linear-gradient(#101828,#0b1220);border:1px solid #ffffff1a;border-radius:20px;width:min(560px,100%);max-height:100%;padding:24px;animation:.4s cubic-bezier(.22,1,.36,1) both vpEndedCard;position:relative;overflow-y:auto;box-shadow:0 30px 70px #0000008c}.video-player-new .vp-ended__close{color:#ffffffbf;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.video-player-new .vp-ended__close:hover{color:#fff;background:#ffffff29;transform:rotate(90deg)}.video-player-new .vp-ended__head{align-items:center;gap:14px;padding-right:34px;display:flex}.video-player-new .vp-ended__badge{color:#fff;background:linear-gradient(135deg,#10b981,#14b8a6);border-radius:16px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex;box-shadow:0 10px 25px #10b98159}.video-player-new .vp-ended__title{color:#fff;font-size:19px;font-weight:900;line-height:1.2}.video-player-new .vp-ended__subtitle{color:#ffffffa6;margin-top:5px;font-size:13px;line-height:1.5}.video-player-new .vp-ended__buttons{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.video-player-new .vp-ended__btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:13px;flex:200px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 16px;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}.video-player-new .vp-ended__btn:hover{background:#ffffff1f;transform:translateY(-2px)}.video-player-new .vp-ended__btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;box-shadow:0 8px 20px #6366f159}.video-player-new .vp-ended__btn--primary:hover{background:linear-gradient(135deg,#5458e8,#7c4dee);box-shadow:0 12px 26px #6366f173}.video-player-new .vp-ended__feedback{background:#ffffff0a;border:1px solid #ffffff17;border-radius:16px;margin-top:20px;padding:16px}.video-player-new .vp-ended__feedback-title{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:900;display:flex}.video-player-new .vp-ended__feedback-title svg{color:#fbbf24}.video-player-new .vp-ended__stars{margin-top:10px}.video-player-new .vp-ended__textarea{resize:vertical;color:#fff;background:#0000004d;border:1px solid #ffffff1f;border-radius:13px;outline:none;width:100%;min-height:76px;margin-top:12px;padding:12px 14px;font-size:14px;transition:border-color .2s}.video-player-new .vp-ended__textarea::placeholder{color:#fff6}.video-player-new .vp-ended__textarea:focus{border-color:#6366f199}.video-player-new .vp-ended__error{color:#fecaca;margin-top:8px;font-size:12px;font-weight:800}.video-player-new .vp-ended__send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#14b8a6);border:none;border-radius:13px;width:100%;height:46px;margin-top:12px;font-size:14.5px;font-weight:900;transition:all .2s;box-shadow:0 8px 20px #10b9814d}.video-player-new .vp-ended__send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #10b98166}.video-player-new .vp-ended__send:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.video-player-new .vp-ended__done{color:#a7f3d0;background:#10b9811f;border:1px solid #10b98159;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:14px;font-size:14px;font-weight:900;display:flex}.video-player-new .vp-ended__done svg{font-size:18px}@keyframes vpEndedFade{0%{opacity:0}to{opacity:1}}@keyframes vpEndedCard{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.video-player-new input[type=range]{appearance:none;background:#fff3;border-radius:2px;outline:none;height:4px}.video-player-new input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.video-player-new .warning-toast{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;pointer-events:none;background:#ef4444e6;border-radius:12px;padding:12px 24px;font-weight:600;animation:2s forwards fadeInOut;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.tutorial-detail-new{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding-bottom:3rem;font-family:Inter,sans-serif}.tutorial-detail-new__container{max-width:1300px;margin:0 auto;padding:0 1.5rem}@media (max-width:768px){.tutorial-detail-new__container{padding:0 1rem}}.tutorial-detail-new__tabs{flex-wrap:wrap;gap:10px;margin-top:-8px;margin-bottom:18px;display:flex}.tutorial-detail-new__tab{border:1px solid var(--border-color);background:var(--bg-surface);height:40px;color:var(--text-primary);cursor:pointer;border-radius:12px;padding:0 14px;font-weight:800;transition:transform .12s,background .12s,border-color .12s}.tutorial-detail-new__tab:hover{background:#3b82f614;border-color:#3b82f666;transform:translateY(-1px)}.tutorial-detail-new__tab.active{color:var(--primary-400);background:#3b82f61f;border-color:#3b82f68c}.tutorial-detail-new__comments{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:16px;margin-bottom:18px;padding:14px}.tutorial-detail-new__comments-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tutorial-detail-new__comments-head h2{margin:0;font-size:1.1rem;font-weight:900}.tutorial-detail-new__comments-head button{border:1px solid var(--border-color);background:var(--bg-elevated);height:36px;color:var(--text-primary);cursor:pointer;border-radius:12px;padding:0 12px;font-weight:800}.tutorial-detail-new__comments-rating{border:1px solid var(--border-color);background:var(--bg-elevated);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.tutorial-detail-new__comments-rating .title{font-weight:900}.tutorial-detail-new__comments-rating .rate{color:#fff;cursor:pointer;background:#3b82f6e6;border:none;border-radius:12px;height:36px;padding:0 14px;font-weight:900}.tutorial-detail-new .td-feedback-done{color:var(--text-secondary);font-size:13px;font-weight:900}.tutorial-detail-new__comments-composer{border:1px solid var(--border-color);background:var(--bg-elevated);border-radius:16px;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px;display:flex}.tutorial-detail-new__comments-composer textarea{resize:vertical;border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:10px 12px}.tutorial-detail-new__comments-composer .replying{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.tutorial-detail-new__comments-composer .replying button{border:1px solid var(--border-color);background:var(--bg-primary);height:28px;color:var(--text-primary);cursor:pointer;border-radius:999px;padding:0 10px;font-weight:800}.tutorial-detail-new__comments-composer .send{background:var(--primary-600);color:#fff;cursor:pointer;border:none;border-radius:12px;height:40px;font-weight:900}.tutorial-detail-new__comments-composer .error{color:#ef4444;font-size:12px;font-weight:800}.tutorial-detail-new__comments-loading,.tutorial-detail-new__comments-empty{color:var(--text-secondary);padding:8px 2px;font-size:13px}.tutorial-detail-new__comments-list{flex-direction:column;gap:10px;display:flex}.tutorial-detail-new .td-stars{gap:4px;display:inline-flex}.tutorial-detail-new .td-star{border:1px solid var(--border-color);background:var(--bg-primary);color:#94a3b8cc;cursor:pointer;border-radius:10px;width:34px;height:34px;font-size:18px;line-height:1;transition:transform .12s}.tutorial-detail-new .td-star:hover{transform:translateY(-1px)}.tutorial-detail-new .td-star.is-active{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2440}.tutorial-detail-new .td-comment{border:1px solid var(--border-color);background:var(--bg-elevated);border-radius:16px;padding:10px 12px}.tutorial-detail-new .td-comment__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.tutorial-detail-new .td-comment__user{align-items:center;gap:10px;min-width:0;display:flex}.tutorial-detail-new .td-comment__avatar{object-fit:cover;border:1px solid var(--border-color);background:#94a3b81f;border-radius:12px;flex:none;width:34px;height:34px}.tutorial-detail-new .td-comment__avatar--placeholder{color:var(--text-primary);place-items:center;font-weight:900;display:grid}.tutorial-detail-new .td-mini-stars{gap:2px;margin-top:3px;line-height:1;display:inline-flex}.tutorial-detail-new .td-mini-star{color:#94a3b88c;font-size:12px}.tutorial-detail-new .td-mini-star.is-active{color:#fbbf24}.tutorial-detail-new .td-comment__name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:900;overflow:hidden}.tutorial-detail-new .td-comment__time{color:var(--text-secondary);margin-top:1px;font-size:11px}.tutorial-detail-new .td-comment__reply{border:1px solid var(--border-color);background:var(--bg-primary);height:30px;color:var(--text-primary);cursor:pointer;border-radius:999px;flex:none;padding:0 10px;font-weight:800}.tutorial-detail-new .td-comment__text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin-top:8px;font-size:13px;line-height:1.5}.tutorial-detail-new .td-comments-locked{border:1px dashed var(--border-color);background:var(--bg-primary);color:var(--text-secondary);border-radius:16px;padding:12px;font-size:13px;font-weight:900}.tutorial-detail-new__hero{border-bottom:1px solid var(--border-color);background:#000;margin-bottom:2rem;padding:2.5rem 0;position:relative;overflow:hidden}.tutorial-detail-new__hero:before{content:"";background-image:var(--banner-image);opacity:.7;z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0}.tutorial-detail-new__hero:after{content:"";background:linear-gradient(to top,var(--bg-primary)5%,#0003 100%),linear-gradient(to right,var(--bg-primary)5%,transparent 100%);z-index:2;position:absolute;inset:0}.tutorial-detail-new__hero .tutorial-detail-new__container{z-index:3;position:relative}.tutorial-detail-new__back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.tutorial-detail-new__back-btn:hover{color:var(--primary-400);background:#fff3;transform:translate(-3px)}@media (max-width:768px){.tutorial-detail-new__back-btn{width:100%;margin-top:50px}}.tutorial-detail-new__hero-grid{grid-template-columns:280px 1fr;gap:2rem;display:grid}@media (max-width:1024px){.tutorial-detail-new__hero-grid{text-align:center;grid-template-columns:1fr;align-items:center}}.tutorial-detail-new__preview{aspect-ratio:16/10;box-shadow:var(--shadow-xl);border:1px solid #ffffff1a;border-radius:12px;position:relative;overflow:hidden}.tutorial-detail-new__preview img{object-fit:cover;width:100%;height:100%}.tutorial-detail-new__preview-overlay{background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tutorial-detail-new__preview-overlay .play-icon{background:var(--primary-500);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s;display:flex;box-shadow:0 0 15px #3b82f666}.tutorial-detail-new__preview-overlay .play-icon:hover{background:var(--primary-600);transform:scale(1.1)}.tutorial-detail-new__breadcrumb{color:#fff9;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.7rem;display:flex}@media (max-width:1024px){.tutorial-detail-new__breadcrumb{justify-content:center}}.tutorial-detail-new__breadcrumb span.active{color:var(--primary-400);font-weight:700}.tutorial-detail-new__title{color:#fff;margin-bottom:.75rem;font-size:1.75rem;font-weight:800;line-height:1.2}@media (max-width:768px){.tutorial-detail-new__title{font-size:1.5rem}}.tutorial-detail-new__desc{color:#ffffffb3;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:650px;margin-bottom:1.25rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.tutorial-detail-new__meta-strip{flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem;display:flex}@media (max-width:1024px){.tutorial-detail-new__meta-strip{justify-content:center}}.tutorial-detail-new__meta-strip .meta-item{color:#fffc;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.tutorial-detail-new__meta-strip .meta-item svg{color:var(--primary-400);size:14px}.tutorial-detail-new__actions{align-items:center;gap:1rem;display:flex}@media (max-width:1024px){.tutorial-detail-new__actions{flex-wrap:wrap;justify-content:center;width:100%}}.tutorial-detail-new__buy-card{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;min-width:240px;margin-top:.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 10px 30px #00000040}@media (max-width:640px){.tutorial-detail-new__buy-card{min-width:unset;width:100%}}.tutorial-detail-new__buy-card .price-box{border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:3px;width:100%;padding-bottom:.875rem;display:flex}.tutorial-detail-new__buy-card .price-box .label{color:#ffffff80;text-transform:uppercase;letter-spacing:1.2px;font-size:.65rem;font-weight:800}.tutorial-detail-new__buy-card .price-box .value{color:#fbbf24;text-shadow:0 0 20px #fbbf2466;margin-top:2px;font-size:1.625rem;font-weight:900;line-height:1;display:block}.tutorial-detail-new__buy-card .buy-card__btns{gap:8px;display:flex}.tutorial-detail-new__buy-card .buy-card__btns .tutorial-detail-new__primary-btn{flex:1;justify-content:center;padding:.65rem .75rem;font-size:.8125rem}.tutorial-detail-new__primary-btn{background:var(--primary-600);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.tutorial-detail-new__primary-btn:hover{background:var(--primary-700);transform:translateY(-2px)}.tutorial-detail-new__purchased-badge{color:var(--success-500);background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:700;display:flex}.tutorial-detail-new__progress-box{text-align:right;min-width:200px;margin-left:auto}@media (max-width:1024px){.tutorial-detail-new__progress-box{text-align:center;flex:0 0 100%;width:100%;margin:1.5rem 0 0}}.tutorial-detail-new__progress-box .label{color:#ffffff80;text-transform:uppercase;margin-bottom:.4rem;font-size:.7rem;font-weight:600;display:block}.tutorial-detail-new__progress-box .bar{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:10px;width:100%;height:8px;overflow:hidden}.tutorial-detail-new__progress-box .bar .fill{background:linear-gradient(90deg,var(--success-400),var(--success-600));border-radius:10px;height:100%;transition:width .8s ease-out;box-shadow:0 0 12px #22c55e80}.tutorial-detail-new__progress-box .value{color:#fff;margin-top:.4rem;font-size:.9375rem;font-weight:800;display:block}.tutorial-detail-new__instructor{cursor:pointer;border-top:1px solid #ffffff1a;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.tutorial-detail-new__instructor img{object-fit:cover;border:2px solid var(--primary-500);border-radius:50%;width:44px;height:44px}.tutorial-detail-new__instructor-info h4{color:#fff;margin:0;font-size:.9375rem;font-weight:700}.tutorial-detail-new__instructor-info p{color:#ffffff80;margin:0;font-size:.75rem}.tutorial-detail-new__content-grid{grid-template-columns:300px 1fr;gap:2rem;width:100%;margin-top:2rem;display:grid}@media (max-width:1024px){.tutorial-detail-new__content-grid{grid-template-columns:1fr}}.tutorial-detail-new__months-sidebar{flex-direction:column;gap:1rem;min-width:0;display:flex}.tutorial-detail-new__months-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:800}.tutorial-detail-new__months-list{flex-direction:column;gap:.75rem;display:flex}@media (max-width:1024px){.tutorial-detail-new__months-list{scroll-snap-type:x mandatory;flex-direction:row;margin:0 -1rem;padding:0 1.5rem 1rem;overflow-x:auto}.tutorial-detail-new__months-list::-webkit-scrollbar{display:none}.tutorial-detail-new__months-list{-ms-overflow-style:none;scrollbar-width:none}}.tutorial-detail-new__month-tab{background:var(--bg-surface);border:1px solid var(--border-color);text-align:left;cursor:pointer;border-radius:12px;margin-bottom:0;padding:1rem 1.25rem;transition:all .2s}@media (max-width:1024px){.tutorial-detail-new__month-tab{scroll-snap-align:start;flex:0 0 calc(85% - .75rem)}}.tutorial-detail-new__month-tab:hover{border-color:var(--primary-400)}.tutorial-detail-new__month-tab.active{background:var(--primary-50);border-color:var(--primary-500)}[data-theme=dark] .tutorial-detail-new__month-tab.active{background:#3b82f60d}.tutorial-detail-new__month-tab.active h3{color:var(--primary-600)}.tutorial-detail-new__month-tab h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.9375rem;font-weight:700;display:flex;overflow:hidden}.tutorial-detail-new__month-tab .month-meta{color:var(--text-secondary);font-size:.7rem}.tutorial-detail-new__month-tab .progress-mini{background:var(--bg-secondary);border-radius:2px;height:3px;margin-top:.75rem;overflow:hidden}.tutorial-detail-new__month-tab .progress-mini .fill{background:var(--primary-500);height:100%}.tutorial-detail-new__lessons-main{flex-direction:column;gap:1rem;display:flex}.tutorial-detail-new__lesson-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:1.5rem;min-width:0;padding:1.25rem 1.5rem;transition:all .2s;display:grid;position:relative;overflow:hidden}.tutorial-detail-new__lesson-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300)}.tutorial-detail-new__lesson-card.completed,.tutorial-detail-new__lesson-card.watched{border-left:3px solid var(--success-500)}.tutorial-detail-new__lesson-card.locked{opacity:.7;background:var(--bg-secondary);cursor:not-allowed}.tutorial-detail-new__lesson-card--focus{border-color:#00ffb4bf;animation:.7s ease-in-out infinite tdLessonFocusBlink;box-shadow:0 0 0 3px #3b82f62e,0 0 0 6px #00ffb41f}@keyframes tdLessonFocusBlink{0%{box-shadow:0 0 0 3px #3b82f61a,0 0 0 6px #00ffb40f}50%{box-shadow:0 0 0 3px #3b82f647,0 0 0 8px #00ffb42e}to{box-shadow:0 0 0 3px #3b82f61a,0 0 0 6px #00ffb40f}}.tutorial-detail-new__lesson-card .lesson-info h4{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:1rem;font-weight:700;overflow:hidden}.tutorial-detail-new__lesson-card .lesson-info .td-rating-block{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;margin:.35rem 0 .75rem;display:flex}.tutorial-detail-new__lesson-card .lesson-info .td-rating-block--bottom{justify-content:flex-end;gap:.6rem;margin:.75rem 0 0}.tutorial-detail-new__lesson-card .lesson-info .td-rating-left{flex-direction:column;align-items:flex-start;gap:.25rem;margin-right:auto;display:flex}.tutorial-detail-new__lesson-card .lesson-info .td-rating-right{flex-direction:column;align-items:flex-end;gap:.25rem;margin-left:auto;display:flex}.tutorial-detail-new__lesson-card .lesson-info .td-rating-top{align-items:baseline;gap:.4rem;display:flex}.tutorial-detail-new__lesson-card .lesson-info .td-rating-stars{align-items:center;gap:.2rem;display:flex}.tutorial-detail-new__lesson-card .lesson-info .td-rating-star{display:inline-flex}.tutorial-detail-new__lesson-card .lesson-info .td-rating-star__svg{display:block}.tutorial-detail-new__lesson-card .lesson-info .td-rating-star__bg{fill:#facc1540}.tutorial-detail-new__lesson-card .lesson-info .td-rating-star__fill{fill:#facc15;display:block;overflow:hidden}.tutorial-detail-new__lesson-card .lesson-info .td-rating-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tutorial-detail-new__lesson-card .lesson-info .td-rating-value{color:var(--text-primary);font-size:1rem;font-weight:900}.tutorial-detail-new__lesson-card .lesson-info .td-rating-count{color:var(--text-secondary);font-size:.85rem;font-weight:700}.tutorial-detail-new__lesson-card .lesson-info .td-comments-toggle{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex}.tutorial-detail-new__lesson-card .lesson-info .td-comments-arrow{opacity:.8;transition:transform .18s}.tutorial-detail-new__lesson-card .lesson-info .td-comments-toggle.open .td-comments-arrow{transform:rotate(180deg)}.tutorial-detail-new__lesson-card .lesson-info .td-comments-toggle:hover{border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50)}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:10px;padding:12px}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel__title{color:var(--text-primary);font-size:.95rem;font-weight:800}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel__meta{color:var(--text-secondary);white-space:nowrap;font-size:.8rem}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel__empty{color:var(--text-secondary);padding:8px 0;font-size:.85rem}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel__list{gap:8px;display:grid}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel__item{background:#0000002e;border:1px solid #ffffff14;border-radius:10px;padding:10px}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel__item-title{color:var(--text-primary);margin-bottom:6px;font-size:.9rem;font-weight:700}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel__item-sub{color:var(--text-secondary);flex-wrap:wrap;gap:10px;font-size:.8rem;display:flex}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel__raw{margin-top:10px}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel__raw summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);font-size:.85rem}.tutorial-detail-new__lesson-card .lesson-info .td-teacher-panel__raw pre{background:#00000059;border:1px solid #ffffff14;border-radius:10px;max-height:260px;margin-top:10px;padding:10px;font-size:12px;overflow:auto}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:12px;margin-top:.9rem;padding:.85rem;animation:.18s ease-out td-slide-down}@keyframes td-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__title{color:var(--text-primary);font-weight:900}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__refresh{border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;border-radius:10px;padding:.35rem .65rem;font-weight:800}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__loading,.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__empty{color:var(--text-secondary);font-size:.85rem;font-weight:600}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__list{flex-direction:column;gap:.6rem;max-height:260px;padding-right:4px;display:flex;overflow:auto}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:.65rem}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__item.reply{background:#ffffff05}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.4rem;display:flex}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__author{color:var(--text-primary);font-size:.9rem;font-weight:900}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__date{color:var(--text-secondary);font-size:.75rem;font-weight:700}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__text{color:var(--text-primary);white-space:pre-wrap;font-size:.9rem;line-height:1.5}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__rating{opacity:.95;align-items:center;gap:.25rem;margin:.25rem 0 .35rem;display:flex}.tutorial-detail-new__lesson-card .lesson-info .td-video-comments__replies{flex-direction:column;gap:.6rem;margin-top:.6rem;display:flex}.tutorial-detail-new__lesson-card .lesson-meta{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.tutorial-detail-new__lesson-card .lesson-meta .item{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.7rem;display:flex}.tutorial-detail-new__lesson-card .lesson-meta .item svg{color:var(--primary-400)}.tutorial-detail-new__lesson-card .lesson-meta .item.success svg{color:var(--success-500)}.tutorial-detail-new__lesson-card .lesson-meta .item.warning svg{color:var(--warning-500)}.tutorial-detail-new__lesson-card .lesson-watched-badge{color:var(--success-500);z-index:5;filter:drop-shadow(0 2px 4px #0003);justify-content:center;align-items:center;display:flex;position:absolute;top:.5rem;right:.75rem}.tutorial-detail-new__lesson-card .lesson-actions-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.tutorial-detail-new__lesson-card .lesson-actions-row .act-btn{cursor:pointer;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.tutorial-detail-new__lesson-card .lesson-actions-row .act-btn:hover:not(:disabled){border-color:var(--primary-500);color:var(--primary-600);background:var(--primary-50)}.tutorial-detail-new__lesson-card .lesson-actions-row .act-btn.play{background:var(--primary-500);color:#fff;border:none}.tutorial-detail-new__lesson-card .lesson-actions-row .act-btn.play:hover{background:var(--primary-600)}.tutorial-detail-new__lesson-card .lesson-actions-row .act-btn.done{border-color:var(--success-300);color:var(--success-600);background:var(--success-50)}.tutorial-detail-new__lesson-card .lesson-actions-row .act-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.tutorial-detail-new__lesson-card{text-align:left;grid-template-columns:1fr;gap:1rem;padding:1rem}.tutorial-detail-new__lesson-card .lesson-index{margin-bottom:0}.tutorial-detail-new__lesson-card .lesson-meta{flex-wrap:wrap;gap:.75rem}.tutorial-detail-new__lesson-card .lesson-info h4{padding-right:2.5rem}.tutorial-detail-new__lesson-card .lesson-actions-row{gap:.4rem;width:100%}.tutorial-detail-new__lesson-card .lesson-watched-badge{top:.5rem;right:.5rem}}.tutorial-detail-new__extra-actions{background:var(--bg-surface);border:1px solid var(--primary-100);text-align:center;border-radius:16px;margin-top:2rem;padding:2rem}.tutorial-detail-new__extra-actions h2{margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.tutorial-detail-new__extra-actions p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.8125rem}.tutorial-detail-new__extra-actions .btn-group{justify-content:center;gap:1rem;display:flex}.tutorial-detail-new__extra-actions .extra-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.tutorial-detail-new__extra-actions .extra-btn:hover:not(.disabled){border-color:var(--primary-500);transform:translateY(-2px)}.tutorial-detail-new__extra-actions .extra-btn.test{color:var(--primary-600)}.tutorial-detail-new__extra-actions .extra-btn.assignment{color:var(--success-600)}.tutorial-detail-new__extra-actions .extra-btn.disabled{opacity:.5;cursor:not-allowed}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.purchase-confirm-modal{z-index:999;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.purchase-confirm-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:absolute;inset:0}.purchase-confirm-modal__card{background:var(--bg-surface);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-2xl);z-index:10;box-sizing:border-box;border-radius:20px;padding:2rem;position:relative}@media (max-width:640px){.purchase-confirm-modal__card{border-radius:24px 24px 0 0;max-width:100%;margin:0;padding:2rem 1.5rem 1.5rem;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideUp;position:fixed;bottom:0;left:0;right:0}.purchase-confirm-modal__card:before{content:"";background:var(--border-color);border-radius:4px;width:40px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}}.purchase-confirm-modal__icon{background:var(--primary-100);width:50px;height:50px;color:var(--primary-600);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.purchase-confirm-modal h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.purchase-confirm-modal p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.purchase-confirm-modal .price-tag{color:var(--warning-600);margin-bottom:1rem;font-size:1.75rem;font-weight:900;display:block}.purchase-confirm-modal .btn-group{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}@media (max-width:480px){.purchase-confirm-modal .btn-group{flex-direction:column-reverse;gap:10px;display:flex}}.purchase-confirm-modal .btn-group button{cursor:pointer;border-radius:12px;width:100%;padding:.8rem;font-size:.875rem;font-weight:800;transition:all .2s}.purchase-confirm-modal .btn-group button.confirm{background:var(--primary-600);color:#fff;border:none}.purchase-confirm-modal .btn-group button.confirm:hover{background:var(--primary-700);transform:translateY(-2px)}@media (max-width:480px){.purchase-confirm-modal .btn-group button.confirm:hover{transform:none}}.purchase-confirm-modal .btn-group button.cancel{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.purchase-confirm-modal .btn-group button.cancel:hover{background:var(--bg-secondary)}.test-page,.assignment-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);-webkit-user-select:none;user-select:none;padding-bottom:4rem;font-family:Inter,sans-serif}.test-page__container,.assignment-page__container{max-width:900px;margin:0 auto;padding:0 1.5rem}.test-page__header,.assignment-page__header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--bg-primary-rgb),.8);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 0;display:flex;position:sticky;top:0}.test-page__header .back-btn,.assignment-page__header .back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;transition:color .2s;display:flex}.test-page__header .back-btn:hover,.assignment-page__header .back-btn:hover{color:var(--primary-500)}.test-page__header .title,.assignment-page__header .title{white-space:nowrap;text-overflow:ellipsis;max-width:50%;margin:0;font-size:1.25rem;font-weight:800;overflow:hidden}.test-page__header .timer-box,.assignment-page__header .timer-box{color:var(--error-500);background:#ef44441a;border:1px solid #ef444433;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.875rem;font-weight:700;display:flex}.test-page__header .timer-box.warning,.assignment-page__header .timer-box.warning{animation:1s infinite pulse-red}.test-page__intro,.assignment-page__intro{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);text-align:center;border-radius:20px;padding:2.5rem}.test-page__intro h2,.assignment-page__intro h2{margin-bottom:1rem;font-size:1.75rem;font-weight:800}.test-page__intro .info-grid,.assignment-page__intro .info-grid{background:var(--bg-secondary);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin:2rem 0;padding:1.5rem;display:grid}.test-page__intro .info-grid .item .label,.assignment-page__intro .info-grid .item .label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;display:block}.test-page__intro .info-grid .item .value,.assignment-page__intro .info-grid .item .value{color:var(--primary-500);font-size:1.125rem;font-weight:800}.test-page__intro .rules-list,.assignment-page__intro .rules-list{text-align:left;margin-bottom:2.5rem}.test-page__intro .rules-list h3,.assignment-page__intro .rules-list h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:700}.test-page__intro .rules-list ul,.assignment-page__intro .rules-list ul{padding:0;list-style:none}.test-page__intro .rules-list ul li,.assignment-page__intro .rules-list ul li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.75rem;font-size:.9375rem;line-height:1.5;position:relative}.test-page__intro .rules-list ul li:before,.assignment-page__intro .rules-list ul li:before{content:"";background:var(--primary-500);border-radius:2px;width:10px;height:2px;position:absolute;top:.5rem;left:0}.test-page__intro .rules-list ul li strong,.assignment-page__intro .rules-list ul li strong{color:var(--error-500)}.test-page__intro .start-btn,.assignment-page__intro .start-btn{background:var(--primary-600);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:1rem 3rem;font-size:1.125rem;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #3b82f666}.test-page__intro .start-btn:hover,.assignment-page__intro .start-btn:hover{background:var(--primary-700);transform:translateY(-3px);box-shadow:0 6px 20px #3b82f680}.test-page__top-nav,.assignment-page__top-nav{background:var(--bg-surface);border:1px solid var(--border-color);z-index:90;border-radius:12px;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex;position:sticky;top:85px}.test-page__top-nav .numbers-row,.assignment-page__top-nav .numbers-row{gap:.6rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.test-page__top-nav .numbers-row::-webkit-scrollbar{height:4px}.assignment-page__top-nav .numbers-row::-webkit-scrollbar{height:4px}.test-page__top-nav .numbers-row::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.assignment-page__top-nav .numbers-row::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.test-page__top-nav .numbers-row .num-btn,.assignment-page__top-nav .numbers-row .num-btn{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;height:36px;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.test-page__top-nav .numbers-row .num-btn:hover,.assignment-page__top-nav .numbers-row .num-btn:hover{border-color:var(--primary-400)}.test-page__top-nav .numbers-row .num-btn.current,.assignment-page__top-nav .numbers-row .num-btn.current{background:var(--primary-500);color:#fff;border-color:var(--primary-500);scale:1.1}.test-page__top-nav .numbers-row .num-btn.answered,.assignment-page__top-nav .numbers-row .num-btn.answered{background:var(--success-50);color:var(--success-600);border-color:var(--success-200)}.test-page__top-nav .progress-line,.assignment-page__top-nav .progress-line{background:var(--bg-secondary);border-radius:10px;height:6px;overflow:hidden}.test-page__top-nav .progress-line .fill,.assignment-page__top-nav .progress-line .fill{background:var(--primary-500);height:100%;transition:width .3s}.test-page__question-card,.assignment-page__question-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;justify-content:center;min-height:350px;margin-bottom:1.5rem;padding:2.5rem;transition:all .3s;display:flex}.test-page__question-card h3,.assignment-page__question-card h3{margin-bottom:2.5rem;font-size:1.25rem;font-weight:700;line-height:1.6}.test-page__question-card .options-list,.assignment-page__question-card .options-list{flex-direction:column;gap:.75rem;display:flex}.test-page__question-card .options-list .option-label,.assignment-page__question-card .options-list .option-label{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.test-page__question-card .options-list .option-label:hover,.assignment-page__question-card .options-list .option-label:hover{border-color:var(--primary-300);background:var(--bg-surface)}.test-page__question-card .options-list .option-label.selected,.assignment-page__question-card .options-list .option-label.selected{background:var(--primary-50);border-color:var(--primary-500)}.test-page__question-card .options-list .option-label.selected .text,.assignment-page__question-card .options-list .option-label.selected .text{color:var(--primary-700)}.test-page__question-card .options-list .option-label.selected .circle,.assignment-page__question-card .options-list .option-label.selected .circle{border-color:var(--primary-500)}.test-page__question-card .options-list .option-label.selected .circle:after,.assignment-page__question-card .options-list .option-label.selected .circle:after{transform:scale(1)}[data-theme=dark] .test-page__question-card .options-list .option-label.selected,[data-theme=dark] .assignment-page__question-card .options-list .option-label.selected{background:#3b82f626}[data-theme=dark] .test-page__question-card .options-list .option-label.selected .text,[data-theme=dark] .assignment-page__question-card .options-list .option-label.selected .text{color:var(--primary-300)}.test-page__question-card .options-list .option-label input,.assignment-page__question-card .options-list .option-label input{display:none}.test-page__question-card .options-list .option-label .circle,.assignment-page__question-card .options-list .option-label .circle{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:20px;height:20px;position:relative}.test-page__question-card .options-list .option-label .circle:after,.assignment-page__question-card .options-list .option-label .circle:after{content:"";background:var(--primary-500);border-radius:50%;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:4px;transform:scale(0)}.test-page__question-card .options-list .option-label .text,.assignment-page__question-card .options-list .option-label .text{color:var(--text-primary);font-size:.9375rem;font-weight:600}.test-page__nav-btns,.assignment-page__nav-btns{gap:1rem;margin-top:2rem;display:flex}.test-page__nav-btns button,.assignment-page__nav-btns button{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-weight:700;transition:all .2s;display:flex}.test-page__nav-btns button.prev,.assignment-page__nav-btns button.prev{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.test-page__nav-btns button.prev:hover,.assignment-page__nav-btns button.prev:hover{background:var(--border-color)}.test-page__nav-btns button.prev:disabled,.assignment-page__nav-btns button.prev:disabled{opacity:.3;cursor:not-allowed}.test-page__nav-btns button.next,.assignment-page__nav-btns button.next{background:var(--primary-600);color:#fff;border:none}.test-page__nav-btns button.next:hover,.assignment-page__nav-btns button.next:hover{background:var(--primary-700);transform:translate(3px)}.test-page__nav-btns button.next:disabled,.assignment-page__nav-btns button.next:disabled{opacity:.5;cursor:not-allowed}.test-page__submit-btn,.assignment-page__submit-btn{background:var(--success-600);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:2rem;padding:1.25rem;font-size:1.125rem;font-weight:800;transition:all .2s}.test-page__submit-btn:hover,.assignment-page__submit-btn:hover{background:var(--success-700);transform:translateY(-2px)}.test-page__submit-btn:disabled,.assignment-page__submit-btn:disabled{background:var(--text-secondary);opacity:.5;cursor:not-allowed;transform:none}.test-page__results,.assignment-page__results{text-align:center}.test-page__results .hero-banner,.assignment-page__results .hero-banner{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:24px;margin-bottom:2rem;padding:3rem;position:relative;overflow:hidden}.test-page__results .hero-banner.passed,.assignment-page__results .hero-banner.passed{border-color:var(--success-200);background:linear-gradient(to bottom,#22c55e0d,var(--bg-surface))}.test-page__results .hero-banner.failed,.assignment-page__results .hero-banner.failed{border-color:var(--error-200);background:linear-gradient(to bottom,#ef44440d,var(--bg-surface))}.test-page__results .hero-banner .badge,.assignment-page__results .hero-banner .badge{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.test-page__results .hero-banner .badge.passed,.assignment-page__results .hero-banner .badge.passed{background:var(--success-100);color:var(--success-600)}.test-page__results .hero-banner .badge.failed,.assignment-page__results .hero-banner .badge.failed{background:var(--error-100);color:var(--error-600)}.test-page__results .hero-banner h1,.assignment-page__results .hero-banner h1{margin-bottom:.5rem;font-size:2rem;font-weight:900}.test-page__results .hero-banner p,.assignment-page__results .hero-banner p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1rem}.test-page__results .stats-grid,.assignment-page__results .stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:3rem;display:grid}.test-page__results .stats-grid .stat-card,.assignment-page__results .stats-grid .stat-card{background:var(--bg-surface);border:1px solid var(--border-color);text-align:left;border-radius:16px;padding:1.25rem}.test-page__results .stats-grid .stat-card .label,.assignment-page__results .stats-grid .stat-card .label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem;font-size:.65rem;font-weight:700;display:block}.test-page__results .stats-grid .stat-card .value,.assignment-page__results .stats-grid .stat-card .value{color:var(--text-primary);font-size:1.25rem;font-weight:900}.test-page__results .stats-grid .stat-card.highlight,.assignment-page__results .stats-grid .stat-card.highlight{border-color:var(--primary-200);background:var(--primary-50)}.test-page__results .stats-grid .stat-card.highlight .value,.assignment-page__results .stats-grid .stat-card.highlight .value{color:var(--primary-600)}.test-page__results .analysis-section,.assignment-page__results .analysis-section{text-align:left;margin-bottom:3rem}.test-page__results .analysis-section h2,.assignment-page__results .analysis-section h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.test-page__results .analysis-section .result-item,.assignment-page__results .analysis-section .result-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;align-items:flex-start;gap:1.25rem;margin-bottom:1rem;padding:1.5rem;display:flex}.test-page__results .analysis-section .result-item.correct,.assignment-page__results .analysis-section .result-item.correct{border-left:4px solid var(--success-500)}.test-page__results .analysis-section .result-item.incorrect,.assignment-page__results .analysis-section .result-item.incorrect{border-left:4px solid var(--error-500)}.test-page__results .analysis-section .result-item .status-icon,.assignment-page__results .analysis-section .result-item .status-icon{flex-shrink:0;margin-top:.25rem}.test-page__results .analysis-section .result-item .content h4,.assignment-page__results .analysis-section .result-item .content h4{margin-bottom:1rem;font-size:1rem;font-weight:700}.test-page__results .analysis-section .result-item .content .ans,.assignment-page__results .analysis-section .result-item .content .ans{margin-bottom:.5rem;font-size:.8125rem}.test-page__results .analysis-section .result-item .content .ans .tag,.assignment-page__results .analysis-section .result-item .content .ans .tag{color:var(--text-secondary);margin-right:.5rem;font-weight:700}.test-page__results .analysis-section .result-item .content .ans.your,.assignment-page__results .analysis-section .result-item .content .ans.your{color:var(--text-primary)}.test-page__results .analysis-section .result-item .content .ans.right,.assignment-page__results .analysis-section .result-item .content .ans.right{color:var(--success-600);font-weight:700}.test-page__results .actions,.assignment-page__results .actions{justify-content:center;gap:1rem;display:flex}.test-page__results .actions button,.assignment-page__results .actions button{cursor:pointer;border-radius:12px;padding:1rem 2rem;font-weight:800;transition:all .2s}.test-page__results .actions button.primary,.assignment-page__results .actions button.primary{background:var(--primary-600);color:#fff;border:none}.test-page__results .actions button.primary:hover,.assignment-page__results .actions button.primary:hover{background:var(--primary-700)}.test-page__results .actions button.secondary,.assignment-page__results .actions button.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.test-page__results .actions button.secondary:hover,.assignment-page__results .actions button.secondary:hover{background:var(--border-color)}.test-page__assignment .dropzone,.assignment-page__assignment .dropzone{background:var(--bg-surface);border:2px dashed var(--border-color);text-align:center;cursor:pointer;border-radius:20px;margin-bottom:1.5rem;padding:3rem;transition:all .2s}.test-page__assignment .dropzone:hover,.test-page__assignment .dropzone.active,.assignment-page__assignment .dropzone:hover,.assignment-page__assignment .dropzone.active{border-color:var(--primary-500);background:var(--primary-50)}[data-theme=dark] .test-page__assignment .dropzone:hover,[data-theme=dark] .test-page__assignment .dropzone.active,[data-theme=dark] .assignment-page__assignment .dropzone:hover,[data-theme=dark] .assignment-page__assignment .dropzone.active{background:#3b82f60d}.test-page__assignment .dropzone.has-file,.assignment-page__assignment .dropzone.has-file{border-style:solid;border-color:var(--success-500);background:var(--success-50)}[data-theme=dark] .test-page__assignment .dropzone.has-file,[data-theme=dark] .assignment-page__assignment .dropzone.has-file{background:#22c55e0d}.test-page__assignment .dropzone .icon,.assignment-page__assignment .dropzone .icon{color:var(--text-secondary);margin-bottom:1rem}.test-page__assignment .dropzone h4,.assignment-page__assignment .dropzone h4{margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.test-page__assignment .dropzone p,.assignment-page__assignment .dropzone p{color:var(--text-secondary);font-size:.875rem}.test-page__assignment .assignment-form,.assignment-page__assignment .assignment-form{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.test-page__assignment .assignment-form .field,.assignment-page__assignment .assignment-form .field{flex-direction:column;gap:.5rem;display:flex}.test-page__assignment .assignment-form .field label,.assignment-page__assignment .assignment-form .field label{color:var(--text-primary);font-size:.875rem;font-weight:700}.test-page__assignment .assignment-form .field textarea,.test-page__assignment .assignment-form .field input,.assignment-page__assignment .assignment-form .field textarea,.assignment-page__assignment .assignment-form .field input{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;padding:.875rem;font-size:.9375rem}.test-page__assignment .assignment-form .field textarea:focus,.test-page__assignment .assignment-form .field input:focus,.assignment-page__assignment .assignment-form .field textarea:focus,.assignment-page__assignment .assignment-form .field input:focus{border-color:var(--primary-500);outline:none}.test-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.test-modal-overlay .modal-card{background:var(--bg-surface);text-align:center;border-radius:24px;width:100%;max-width:450px;padding:2.5rem;box-shadow:0 20px 50px #0000004d}.test-modal-overlay .modal-card .icon-box{background:var(--error-100);width:60px;height:60px;color:var(--error-600);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.test-modal-overlay .modal-card h2{margin-bottom:1rem;font-size:1.5rem;font-weight:800}.test-modal-overlay .modal-card p{color:var(--text-secondary);margin-bottom:2rem;font-size:.9375rem;line-height:1.6}.test-modal-overlay .modal-card .count-down{color:var(--error-500);margin-bottom:1.5rem;font-size:3rem;font-weight:900;display:block}.test-modal-overlay .modal-card .btn-group{gap:1rem;display:flex}.test-modal-overlay .modal-card .btn-group button{cursor:pointer;border-radius:12px;flex:1;padding:.875rem;font-weight:800}.test-modal-overlay .modal-card .btn-group button.confirm{background:var(--primary-600);color:#fff;border:none}.test-modal-overlay .modal-card .btn-group button.cancel{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}@keyframes pulse-red{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.test-page__header .title,.assignment-page__header .title{max-width:40%;font-size:1rem}.test-page__intro,.assignment-page__intro{padding:1.5rem}.test-page__question-card,.assignment-page__question-card{padding:1.25rem}}.movie-detail{background-color:var(--detail-bg);min-height:100vh;color:var(--detail-text);padding-bottom:4rem}.movie-detail__hero{align-items:flex-end;height:70vh;min-height:500px;margin-bottom:2rem;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.movie-detail__hero{height:60vh;min-height:400px}}@media (max-width:480px){.movie-detail__hero{height:auto;min-height:auto;display:block}}.movie-detail__banner{z-index:1;position:absolute;inset:0}.movie-detail__banner-image{object-fit:cover;width:100%;height:100%}@media (max-width:480px){.movie-detail__banner{height:250px;position:relative}}.movie-detail__banner-overlay{background:linear-gradient(to bottom,#0003 0%,#00000080 50%,var(--detail-bg)100%);z-index:2;position:absolute;inset:0}.movie-detail__hero-content{z-index:5;color:#fff;width:100%;max-width:1400px;height:100%;margin:150px auto 0;padding:2rem;position:relative}@media (max-width:768px){.movie-detail__hero-content{padding:3rem 1.5rem 1.5rem}}@media (max-width:480px){.movie-detail__hero-content{margin-top:-250px;padding:2rem 1.25rem 1.25rem}}.movie-detail__breadcrumbs{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff26;border:1px solid #22c55e;border-radius:12px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.4rem .8rem;font-size:.8125rem;font-weight:500;display:flex}.movie-detail__breadcrumbs a{color:var(--primary-400);text-decoration:none;transition:color .2s}.movie-detail__breadcrumbs a:hover{color:var(--primary-300)}.movie-detail__breadcrumbs .breadcrumb-separator{color:#22c55e;opacity:1;font-size:.75rem}.movie-detail__breadcrumbs .current-movie{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-weight:500;overflow:hidden}@media (max-width:480px){.movie-detail__breadcrumbs{margin-bottom:1rem;padding:.35rem .75rem;font-size:.75rem}}.movie-detail__back-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #22c55e;border-radius:8px;align-items:center;gap:.4rem;width:fit-content;margin-bottom:2rem;padding:.35rem .8rem;font-size:.75rem;font-weight:500;transition:all .3s;display:flex}.movie-detail__back-btn:hover{background-color:#fff3;transform:translateY(-2px)}@media (max-width:480px){.movie-detail__back-btn{margin-bottom:1.5rem;padding:.4rem .8rem;font-size:.75rem}}.movie-detail__header-with-poster{align-items:flex-end;gap:2rem;margin-top:1rem;margin-bottom:2rem;display:flex}@media (max-width:1024px){.movie-detail__header-with-poster{gap:1.5rem;margin-top:3.5rem}}@media (max-width:768px){.movie-detail__header-with-poster{align-items:flex-start;gap:1.25rem}}@media (max-width:480px){.movie-detail__header-with-poster{align-items:flex-start;gap:1rem;margin-bottom:1.5rem}}.movie-detail__small-poster{background:var(--bg-surface);z-index:10;border:2px solid #ffffff1a;border-radius:12px;flex-shrink:0;width:180px;height:260px;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000080}.movie-detail__small-poster-image{object-fit:cover;width:100%;height:100%}@media (max-width:1024px){.movie-detail__small-poster{width:160px;height:230px}}@media (max-width:768px){.movie-detail__small-poster{width:140px;height:200px}}@media (max-width:480px){.movie-detail__small-poster{width:110px;height:160px}}.movie-detail__poster-shadow{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 20px #0003}.movie-detail__title-block{flex-direction:column;flex:1;justify-content:flex-end;display:flex}@media (max-width:768px){.movie-detail__title-block{justify-content:flex-start;padding-top:.5rem}}.movie-detail__title{color:#fff;text-shadow:0 2px 10px #00000080;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}@media (max-width:1024px){.movie-detail__title{font-size:2.5rem}}@media (max-width:768px){.movie-detail__title{margin-bottom:.75rem;font-size:2rem}}@media (max-width:480px){.movie-detail__title{margin-bottom:.5rem;font-size:1.5rem}}.movie-detail__status{flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;display:flex}@media (max-width:768px){.movie-detail__status{justify-content:flex-start}}.movie-detail__status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.8125rem;font-weight:600;display:flex}.movie-detail__status-badge.completed{color:#4ade80}.movie-detail__status-badge.ongoing{color:#fbbf24}.movie-detail__meta{color:#fffc;flex-wrap:wrap;gap:1.5rem;font-size:.9375rem;display:flex}@media (max-width:768px){.movie-detail__meta{justify-content:flex-start;gap:1rem}}.movie-detail__year,.movie-detail__duration,.movie-detail__rating{align-items:center;gap:.4rem;display:flex}.movie-detail__star{color:#f59e0b}.movie-detail__badges-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;display:flex}@media (max-width:480px){.movie-detail__badges-row{margin-bottom:1.5rem}}.movie-detail__genres{flex-wrap:wrap;gap:.6rem;display:flex}.movie-detail__genre{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f633;border-radius:8px;padding:.4rem 1rem;font-size:.8125rem;font-weight:600}.movie-detail__rating-badge{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf2440;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.875rem;font-weight:700;display:flex}.movie-detail__rating-badge .movie-detail__star{font-size:1rem}.movie-detail__description{color:#fffc;max-width:800px;margin-bottom:2rem;font-size:1.0625rem;line-height:1.6}@media (max-width:768px){.movie-detail__description{max-width:100%}}@media (max-width:480px){.movie-detail__description{font-size:.9375rem;line-height:1.5}}.movie-detail__actions{flex-wrap:wrap;gap:1rem;width:100%;margin-top:1.5rem;display:flex}.movie-detail__watch-btn{background:var(--primary-500);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.6rem;padding:.9rem 2.25rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #3b82f666}.movie-detail__watch-btn:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}@media (max-width:480px){.movie-detail__watch-btn{justify-content:center;width:100%}}.movie-detail__action-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.movie-detail__action-btn:hover{background:#fff3;transform:translateY(-2px)}.movie-detail__action-btn.active{color:#ef4444;background:#ef444426;border-color:#ef44444d}@media (max-width:480px){.movie-detail__action-btn{flex:1}}.movie-detail__content{padding:3rem 0}@media (max-width:480px){.movie-detail__content{padding:2rem 0}}.movie-detail__container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.movie-detail__container{padding:0 1.5rem}}@media (max-width:480px){.movie-detail__container{padding:0 1.25rem}}.movie-detail__layout{grid-template-columns:1fr 340px;gap:3rem;display:grid}@media (max-width:1024px){.movie-detail__layout{grid-template-columns:1fr;gap:2rem}}.movie-detail__info-section{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:20px;padding:2rem}.movie-detail__info-section h2{margin-bottom:1.5rem;font-size:1.375rem;font-weight:700}.movie-detail__details{flex-direction:column;gap:1.25rem;display:flex}.movie-detail__detail-item{justify-content:space-between;align-items:center;font-size:.9375rem;display:flex}.movie-detail__detail-item strong{color:var(--detail-text-muted);font-weight:500}.movie-detail__detail-item span{text-align:right;font-weight:600}.movie-detail__series-content{flex-direction:column;gap:2rem;display:flex}.movie-detail__seasons{position:relative}.movie-detail__seasons h2{margin:0;font-size:1.75rem;font-weight:800;position:absolute;top:-4.5rem;left:0}@media (max-width:1024px){.movie-detail__seasons h2{margin-bottom:2rem;position:static}}@media (max-width:480px){.movie-detail__seasons h2{margin-bottom:1.5rem;font-size:1.375rem}}.seasons-accordion{flex-direction:column;gap:1rem;display:flex}.season-accordion-item{border:1px solid var(--detail-border);background:var(--detail-card-bg);border-radius:16px;overflow:hidden}.season-accordion-item.expanded{border-color:var(--primary-500)}.season-accordion-header{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;display:flex}.season-accordion-header h3{margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.season-accordion-header .season-meta{color:var(--detail-text-muted);font-size:.8125rem}.season-accordion-icon{color:var(--detail-text-muted);font-size:1.25rem;transition:transform .3s}.season-accordion-item.expanded .season-accordion-icon{color:var(--primary-500);transform:rotate(180deg)}.episodes-grid{flex-direction:column;gap:.75rem;padding:0 1.5rem 1.5rem;display:flex}.episode-card{background:var(--detail-bg);border:1px solid var(--detail-border);cursor:pointer;border-radius:12px;align-items:center;gap:1.25rem;padding:.75rem;transition:all .2s;display:flex}.episode-card:hover{border-color:var(--primary-500);background:#3b82f60d}.episode-card.active{border-color:var(--primary-500);background:#3b82f61a}.episode-card__thumbnail{background:#000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:60px;display:flex;position:relative}@media (max-width:480px){.episode-card__thumbnail{width:80px;height:48px}}.episode-card__thumbnail .episode-card__number{opacity:.5;font-size:1.25rem;font-weight:800}.episode-card__thumbnail .episode-card__duration{background:#000c;border-radius:4px;padding:2px 4px;font-size:.625rem;position:absolute;bottom:4px;right:4px}.episode-card__info{flex:1;min-width:0;overflow:hidden}.episode-card__info h4{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:.2rem;font-size:.9375rem;font-weight:600;overflow:hidden}@media (max-width:480px){.episode-card__info h4{font-size:.78rem}}.episode-card__info .episode-card__date{color:var(--detail-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}@media (max-width:768px){.movies__header{text-align:left;flex-direction:column;align-items:flex-start}.movies__controls{width:100%;margin-top:1rem}.movies__search{width:100%}.category-card{min-height:auto}body{padding-bottom:70px!important}}.channels{background:var(--bg-primary);min-height:100vh;padding:3rem 1.5rem;font-family:Outfit,Inter,sans-serif;transition:all .3s}@media (max-width:768px){.channels{padding:1.5rem 1rem}}.channels__container{max-width:1400px;margin:0 auto}.channels__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}@media (max-width:900px){.channels__header{flex-direction:column;align-items:stretch;gap:1.5rem}}.channels__title-section{flex:1;min-width:300px}.channels__title{color:var(--text-primary);align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2.5rem;font-weight:800;display:flex}@media (max-width:768px){.channels__title{font-size:2rem}}.channels__title-icon{font-size:2rem}@media (max-width:768px){.channels__title-icon{font-size:1.5rem}}.channels__subtitle{color:var(--text-secondary);margin:0;font-size:1.1rem;font-weight:500}@media (max-width:768px){.channels__subtitle{font-size:1rem}}.channels__search{flex-shrink:0;width:100%;max-width:450px;position:relative}.channels__search-icon{color:var(--text-secondary);z-index:2;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.channels__search-input{border:2px solid var(--border-color);background:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:100px;padding:1.1rem 1.25rem 1.1rem 3.5rem;font-size:1.05rem;font-weight:500;transition:all .3s}.channels__search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #3b82f626}.channels__search-input::placeholder{color:var(--text-secondary)}.channels__results-info{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.channels__load-more{justify-content:center;align-items:center;min-height:40px;padding:16px 0 28px;display:flex}.channels__load-more-spinner{border:3px solid #3b82f633;border-top-color:var(--color-primary,#3b82f6);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite channelsLoadSpin}.channels__results-count{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:100px;padding:.6rem 1.2rem;font-size:1.05rem;font-weight:600}.channels__content{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2.5rem;display:grid}@media (max-width:1024px){.channels__content{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}}@media (max-width:768px){.channels__content{grid-template-columns:1fr;gap:1.5rem}}.channel-item{-webkit-backdrop-filter:blur(20px);cursor:pointer;z-index:1;border-radius:20px;flex-direction:column;padding:.6rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;background:color-mix(in srgb,var(--bg-surface)35%,transparent)!important}.channel-item:before{content:"";background:linear-gradient(135deg,var(--color-primary,#3b82f6),#10b981);-webkit-mask-composite:xor;opacity:.8;pointer-events:none;z-index:-1;border-radius:20px;padding:2px;transition:all .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.channel-item:hover{transform:translateY(-6px);box-shadow:inset 0 0 45px #3b82f61a,0 10px 40px #3b82f633,0 0 25px #10b98140}.channel-item:hover:before{opacity:1;background:linear-gradient(135deg,#10b981,var(--color-primary,#3b82f6))}.channel-item:hover .channel-item__banner-image{transform:scale(1.05)}.channel-item__banner{background:var(--bg-primary);border-radius:14px;width:100%;height:120px;position:relative;overflow:hidden}.channel-item__banner-image{object-fit:cover;opacity:.85;filter:blur(1px)brightness(.85);width:100%;height:100%;transition:transform .6s}.channel-item__banner-overlay{background:linear-gradient(#0000,#000000b3);position:absolute;inset:0}.channel-item__content{flex-direction:column;flex:1;padding:0 1rem .75rem;display:flex;position:relative}.channel-item__profile-row{z-index:5;align-items:center;gap:1.25rem;margin-top:-36px;display:flex;position:relative}.channel-item__avatar-container{z-index:2;background:0 0;border-radius:50%;flex-shrink:0;width:76px;height:76px;padding:5px;position:relative}.channel-item__avatar-container:before{content:"";background:linear-gradient(135deg,var(--color-primary,#3b82f6),#10b981);-webkit-mask-composite:xor;pointer-events:none;border-radius:50%;padding:3px;position:absolute;inset:0;box-shadow:0 0 15px #3b82f666;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.channel-item__avatar{object-fit:cover;background:var(--bg-primary);border-radius:50%;width:100%;height:100%}.channel-item__verified{color:#fff;background:linear-gradient(135deg,var(--color-primary,#3b82f6),#10b981);border:2px solid var(--bg-surface);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 12px #10b98180}.channel-item__verified svg{stroke-width:3px!important;width:14px!important;height:14px!important}.channel-item__titles{flex:1;min-width:0;padding-top:36px}.channel-item__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .15rem;font-size:1.35rem;font-weight:800;overflow:hidden}.channel-item__username{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;opacity:.8;margin:0;font-size:.9rem;font-weight:500;overflow:hidden}.channel-item__actions{margin-top:1.75rem;margin-bottom:1.25rem}.channel-item__subscribe-btn{background:color-mix(in srgb,var(--bg-surface)50%,transparent);width:100%;color:var(--text-primary);cursor:pointer;z-index:1;border:none;border-radius:12px;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;font-size:1.05rem;font-weight:700;transition:all .3s;display:flex;position:relative}.channel-item__subscribe-btn:before{content:"";background:linear-gradient(135deg,var(--color-primary,#3b82f6),#10b981);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;border-radius:12px;padding:2px;transition:all .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.channel-item__subscribe-btn:hover{text-shadow:0 0 12px #fff9;box-shadow:inset 0 0 20px #3b82f633,0 0 25px #10b9814d}.channel-item__subscribe-btn:hover:before{background:linear-gradient(135deg,#10b981,var(--color-primary,#3b82f6))}.channel-item__subscribe-btn.subscribed{color:var(--text-primary);background:#10b98126}.channel-item__subscribe-btn .spacer{width:18px}.channel-item__subscribe-btn .text{text-align:center;flex:1}.channel-item__subscribe-btn .icon{opacity:.9;color:var(--color-primary,#3b82f6)}.channel-item__stats{border-top:1px solid color-mix(in srgb,var(--border-color)40%,transparent);justify-content:space-between;align-items:center;padding:1.25rem .5rem .5rem;display:flex}.channel-item__stat{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.95rem;font-weight:500;display:flex}.channel-item__stat span{color:var(--text-primary);font-weight:700}@keyframes channelsLoadSpin{to{transform:rotate(360deg)}}.channel-detail{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:Outfit,Inter,sans-serif;transition:all .3s}.channel-detail__inner{padding-bottom:5rem}.channel-detail__container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.channel-detail__container{padding:0 1rem}}.channel-detail .banner-section{aspect-ratio:16/4;width:100%;position:relative;overflow:hidden}@media (max-width:768px){.channel-detail .banner-section{aspect-ratio:16/6}}.channel-detail .banner-section .banner-image{object-fit:cover;width:100%;height:100%}.channel-detail .banner-section .banner-gradient{background:linear-gradient(to top,var(--bg-primary)0%,transparent 100%);position:absolute;inset:0}.channel-detail .profile-header-card{z-index:10;background:color-mix(in srgb,var(--bg-surface)40%,transparent);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff1a;border-radius:32px;margin-top:-100px;padding:2.5rem;position:relative;box-shadow:0 40px 100px #0006}@media (max-width:1024px){.channel-detail .profile-header-card{border-radius:24px;margin-top:-80px;padding:2rem}}@media (max-width:768px){.channel-detail .profile-header-card{margin-top:-60px;margin-left:.5rem;margin-right:.5rem;padding:1.5rem}}.channel-detail .profile-info-section{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}@media (max-width:900px){.channel-detail .profile-info-section{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}}.channel-detail .profile-right-group{flex-direction:column;align-items:flex-end;gap:1rem;display:flex}@media (max-width:900px){.channel-detail .profile-right-group{align-items:center;width:100%}}.channel-detail .channel-description-text{color:var(--text-secondary);text-align:right;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:600px;margin-top:1rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}@media (max-width:900px){.channel-detail .channel-description-text{text-align:center;max-width:100%;margin:1.5rem auto 0}}@media (max-width:600px){.channel-detail .channel-description-text{display:none}}.channel-detail .profile-left{flex:1;align-items:flex-start;gap:2rem;display:flex}@media (max-width:600px){.channel-detail .profile-left{flex-direction:column;align-items:center;gap:1.25rem}}.channel-detail .profile-left .avatar-wrapper{background:linear-gradient(135deg,var(--color-primary)0%,#10b981 100%);border-radius:50%;flex-shrink:0;width:120px;height:120px;padding:4px;position:relative}@media (max-width:600px){.channel-detail .profile-left .avatar-wrapper{width:100px;height:100px}}.channel-detail .profile-left .avatar-wrapper img{object-fit:cover;border:4px solid var(--bg-surface);border-radius:50%;width:100%;height:100%}.channel-detail .profile-left .avatar-wrapper .verified-badge{color:#fff;border:3px solid var(--bg-surface);background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:2px;right:2px}.channel-detail .profile-left .user-details{flex-direction:column;flex:1;align-items:flex-start;display:flex}@media (max-width:900px){.channel-detail .profile-left .user-details{align-items:center}}.channel-detail .profile-left .user-details .name{color:var(--text-primary);margin:0 0 .25rem;font-size:2.25rem;font-weight:800;line-height:1.2}.channel-detail .profile-left .user-details .username{color:var(--text-secondary);margin:0 0 1rem;font-size:1.1rem}.channel-detail .profile-left .user-details .specialization-tag{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-flex}.channel-detail .profile-stats{gap:1.5rem;display:flex}@media (max-width:1200px){.channel-detail .profile-stats{order:3;justify-content:center;width:100%}}@media (max-width:600px){.channel-detail .profile-stats{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}}.channel-detail .profile-stats .stat-box{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:90px;padding:1rem 1.2rem;transition:all .3s;display:flex}@media (max-width:600px){.channel-detail .profile-stats .stat-box{min-width:100%;padding:.75rem}}.channel-detail .profile-stats .stat-box:hover{background:#ffffff0d;border-color:#3b82f6;transform:translateY(-3px)}.channel-detail .profile-stats .stat-box .stat-icon{color:#3b82f6;margin-bottom:.5rem}.channel-detail .profile-stats .stat-box .stat-text{flex-direction:column;align-items:center;display:flex}.channel-detail .profile-stats .stat-box .stat-text strong{color:var(--text-primary);margin-bottom:.2rem;font-size:1.1rem;font-weight:800;line-height:1}.channel-detail .profile-stats .stat-box .stat-text span{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:.65rem;font-weight:700}.channel-detail .profile-actions,.channel-detail .profile-actions .actions-bottom-row{align-items:center;gap:1rem;display:flex}@media (max-width:900px){.channel-detail .profile-actions{justify-content:center;width:100%}}@media (max-width:600px){.channel-detail .profile-actions{flex-direction:column}.channel-detail .profile-actions .actions-bottom-row{justify-content:space-between;width:100%}.channel-detail .profile-actions .actions-bottom-row .icon-btn{flex:1}}.channel-detail .profile-actions .subscribe-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0ea5e9,#10b981);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;height:48px;padding:0 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}@media (max-width:600px){.channel-detail .profile-actions .subscribe-btn{width:100%}}.channel-detail .profile-actions .subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.channel-detail .profile-actions .subscribe-btn.subscribed{color:#10b981;background:#ffffff0d;border:1px solid #10b9814d}.channel-detail .profile-actions .subscribe-btn.subscribed:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.channel-detail .profile-actions .icon-btn{width:48px;height:48px;color:var(--text-primary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex}.channel-detail .profile-actions .icon-btn:hover,.channel-detail .profile-actions .icon-btn.active{color:#0ea5e9;background:#ffffff14;border-color:#0ea5e9}.channel-detail .reels-grid-new{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.channel-detail .reels-grid-new .reel-card-new{background:var(--bg-surface);aspect-ratio:9/16;cursor:pointer;border:1px solid color-mix(in srgb,var(--text-primary)5%,transparent);border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.channel-detail .reels-grid-new .reel-card-new:hover{box-shadow:0 20px 40px color-mix(in srgb,var(--bg-surface)60%,transparent);border-color:#10b981;transform:scale(1.03)translateY(-10px)}.channel-detail .reels-grid-new .reel-card-new:hover .reel-hover-stats{opacity:1}.channel-detail .reels-grid-new .reel-card-new:hover .reel-bg{filter:brightness(.4);transform:scale(1.1)}.channel-detail .reels-grid-new .reel-card-new .reel-bg{object-fit:cover;width:100%;height:100%;transition:all .5s}.channel-detail .reels-grid-new .reel-card-new .reel-hover-stats{opacity:0;background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.channel-detail .reels-grid-new .reel-card-new .reel-hover-stats .play-icon{color:#fff;filter:drop-shadow(0 0 15px #10b981cc);margin-bottom:2rem;transform:scale(1.2)}.channel-detail .reels-grid-new .reel-card-new .reel-hover-stats .stats-bottom{justify-content:space-around;padding:0 1rem;display:flex;position:absolute;bottom:1.5rem;left:0;right:0}.channel-detail .reels-grid-new .reel-card-new .reel-hover-stats .stats-bottom .reel-stat-row{color:#fff;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.channel-detail .reels-grid-new .reel-card-new .reel-hover-stats .stats-bottom .reel-stat-row svg{color:#10b981}.channel-detail .lessons-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}@media (max-width:1400px){.channel-detail .lessons-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (max-width:768px){.channel-detail .lessons-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}}@media (max-width:500px){.channel-detail .lessons-grid{grid-template-columns:1fr}}.channel-detail .lessons-grid .lesson-card{background:color-mix(in srgb,var(--bg-surface)40%,transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid color-mix(in srgb,var(--text-primary)10%,transparent);cursor:pointer;border-radius:24px;transition:all .3s;overflow:hidden}.channel-detail .lessons-grid .lesson-card:hover{background:color-mix(in srgb,var(--bg-surface)60%,transparent);border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 20px 40px #0003}.channel-detail .lessons-grid .lesson-card:hover .lesson-card__thumbnail img{transform:scale(1.05)}.channel-detail .lessons-grid .lesson-card__thumbnail{aspect-ratio:16/9;position:relative;overflow:hidden}.channel-detail .lessons-grid .lesson-card__thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.channel-detail .lessons-grid .lesson-card__thumbnail .lesson-card__video-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#000000b3;border-radius:12px;padding:.5rem 1rem;font-size:.8rem;font-weight:700;position:absolute;top:1rem;right:1rem}.channel-detail .lessons-grid .lesson-card__thumbnail .lesson-card__difficulty{text-transform:uppercase;border-radius:8px;padding:.4rem .8rem;font-size:.75rem;font-weight:800;position:absolute;bottom:1rem;left:1rem}.channel-detail .lessons-grid .lesson-card__thumbnail .lesson-card__difficulty.difficulty-beginner{color:#fff;background:#10b981}.channel-detail .lessons-grid .lesson-card__thumbnail .lesson-card__difficulty.difficulty-intermediate{background:var(--color-primary);color:#fff}.channel-detail .lessons-grid .lesson-card__thumbnail .lesson-card__difficulty.difficulty-advanced{color:#fff;background:#ef4444}.channel-detail .lessons-grid .lesson-card__info{padding:1.25rem}@media (max-width:640px){.channel-detail .lessons-grid .lesson-card__info{padding:1rem}}.channel-detail .lessons-grid .lesson-card__info .lesson-card__title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem;font-weight:700;line-height:1.4}@media (max-width:640px){.channel-detail .lessons-grid .lesson-card__info .lesson-card__title{font-size:1.05rem}}.channel-detail .lessons-grid .lesson-card__info .lesson-card__description{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.channel-detail .lessons-grid .lesson-card__info .lesson-card__meta{border-top:1px solid color-mix(in srgb,var(--text-primary)10%,transparent);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.channel-detail .lessons-grid .lesson-card__info .lesson-card__meta .lesson-card__price{color:#10b981;font-size:1.1rem;font-weight:800}.channel-detail .lessons-grid .lesson-card__info .lesson-card__meta .lesson-card__stats{gap:1rem;display:flex}.channel-detail .lessons-grid .lesson-card__info .lesson-card__meta .lesson-card__stats .stat{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.channel-detail .lessons-grid .lesson-card__info .lesson-card__meta .lesson-card__stats .stat svg{color:var(--color-primary)}.channel-detail .tabs-bar{background:color-mix(in srgb,var(--bg-surface)30%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--text-primary)10%,transparent);border-radius:20px;gap:1rem;margin:3rem 0;padding:.6rem;display:flex}@media (max-width:600px){.channel-detail .tabs-bar{flex-wrap:nowrap;overflow-x:auto}}.channel-detail .tabs-bar .tab-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.channel-detail .tabs-bar .tab-item:hover{color:var(--text-primary);background:color-mix(in srgb,var(--bg-surface)50%,transparent)}.channel-detail .tabs-bar .tab-item.active{background:linear-gradient(135deg,var(--color-primary)0%,#10b981 100%);color:#fff;box-shadow:0 10px 20px color-mix(in srgb,var(--color-primary)30%,transparent)}.channel-detail .about-layout-new{grid-template-columns:1fr 400px;gap:2.5rem;display:grid}@media (max-width:1024px){.channel-detail .about-layout-new{grid-template-columns:1fr}}.channel-detail .about-layout-new .about-left-pane{background:color-mix(in srgb,var(--bg-surface)30%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--text-primary)10%,transparent);border-radius:30px;padding:2.5rem}.channel-detail .about-layout-new .about-left-pane .section-title{color:var(--color-primary);align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.5rem;font-weight:800;display:flex}.channel-detail .about-layout-new .about-left-pane .about-text-content{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.channel-detail .about-layout-new .about-right-pane{flex-direction:column;gap:2rem;display:flex}.channel-detail .about-layout-new .about-right-pane .info-box{background:color-mix(in srgb,var(--bg-surface)30%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--text-primary)10%,transparent);border-radius:30px;padding:2rem}.channel-detail .about-layout-new .about-right-pane .info-box .section-title{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:800}.channel-detail .about-layout-new .about-right-pane .info-box .info-items-grid{gap:1.5rem;display:grid}.channel-detail .about-layout-new .about-right-pane .info-box .info-items-grid .info-item{align-items:center;gap:1.25rem;display:flex}.channel-detail .about-layout-new .about-right-pane .info-box .info-items-grid .info-item .icon-wrapper{background:color-mix(in srgb,var(--color-primary)15%,transparent);width:48px;height:48px;color:var(--color-primary);border-radius:14px;justify-content:center;align-items:center;display:flex}.channel-detail .about-layout-new .about-right-pane .info-box .info-items-grid .info-item .info-text strong{color:var(--text-secondary);margin-bottom:.2rem;font-size:.85rem;display:block}.channel-detail .about-layout-new .about-right-pane .info-box .info-items-grid .info-item .info-text span,.channel-detail .about-layout-new .about-right-pane .info-box .info-items-grid .info-item .info-text a{color:var(--text-primary);font-size:1.05rem;font-weight:700;text-decoration:none}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list{gap:1.25rem;display:grid}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link{background:color-mix(in srgb,var(--bg-surface)30%,transparent);border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:1rem;padding:1.15rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link:hover{background:color-mix(in srgb,var(--bg-surface)60%,transparent);border-color:var(--color-primary);transform:translate(8px)translateY(-2px);box-shadow:0 10px 30px #0003}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link:hover .arrow{opacity:1;transform:translate(4px)}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link .social-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link .social-icon.telegram{background:#08c;box-shadow:0 4px 15px #0088cc4d}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link .social-icon.instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);box-shadow:0 4px 15px #dc27434d}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link .social-icon.github{background:#333;box-shadow:0 4px 15px #0000004d}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link .social-icon.youtube{background:red;box-shadow:0 4px 15px #ff00004d}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link .social-text{flex:1}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link .social-text strong{color:var(--text-primary);margin-bottom:2px;font-size:1rem;font-weight:700;display:block}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link .social-text span{color:var(--text-secondary);opacity:.8;font-size:.85rem}.channel-detail .about-layout-new .about-right-pane .info-box .social-links-list .social-link .arrow{color:var(--color-primary);opacity:.5;font-weight:700;transition:all .3s}.modal-overlay{background:color-mix(in srgb,var(--bg-primary)80%,black);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid color-mix(in srgb,var(--text-primary)10%,transparent);border-radius:30px;width:100%;max-width:500px;animation:.4s cubic-bezier(.175,.885,.32,1.275) modalIn;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid color-mix(in srgb,var(--text-primary)10%,transparent);align-items:center;gap:1rem;padding:2rem;display:flex}.modal-header .modal-icon{color:#f59e0b}.modal-header h3{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:800}.modal-body{padding:2rem}.modal-body p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.modal-body .modal-warning{color:var(--text-secondary);font-size:.9rem}.modal-actions{gap:1rem;padding:0 2rem 2rem;display:flex}.modal-actions .modal-btn{cursor:pointer;border:none;border-radius:16px;flex:1;padding:1rem;font-weight:700;transition:all .3s}.modal-actions .modal-btn--cancel{background:color-mix(in srgb,var(--bg-surface)50%,transparent);color:var(--text-primary)}.modal-actions .modal-btn--confirm{color:#fff;background:#ef4444}.modal-actions .modal-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.director-channels-page{gap:var(--space-6);padding-bottom:var(--space-8);flex-direction:column;display:flex;position:relative}.director-channels-page .dc__header{background:var(--bg-surface);padding:var(--space-5)var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.director-channels-page .dc__header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)0;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}[data-theme=dark] .director-channels-page .dc__header h1{background:linear-gradient(135deg,var(--primary-400),var(--primary-600));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.director-channels-page .dc__header p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}@media (max-width:768px){.director-channels-page .dc__header{align-items:flex-start;gap:var(--space-4);flex-direction:column}}.director-channels-page .dc__controls{gap:var(--space-4);background:var(--bg-surface);padding:var(--space-4)var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border-color);align-items:center;display:flex}@media (max-width:768px){.director-channels-page .dc__controls{flex-direction:column;align-items:stretch}}.director-channels-page .dc__search{flex:1;position:relative}.director-channels-page .dc__search-icon{left:var(--space-4);color:var(--text-muted);font-size:var(--font-size-lg);position:absolute;top:50%;transform:translateY(-50%)}.director-channels-page .dc__search input{width:100%;padding:var(--space-3)var(--space-4)var(--space-3)calc(var(--space-8) + var(--space-2));background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-normal)}.director-channels-page .dc__search input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.director-channels-page .dc__search input::placeholder{color:var(--text-muted)}.director-channels-page .dc__filters{gap:var(--space-3);display:flex}.director-channels-page .dc__select{padding:var(--space-3)var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);outline:none}.director-channels-page .dc__select:focus{border-color:var(--primary-500)}.director-channels-page .dc__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-600);background:var(--primary-50);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);white-space:nowrap}[data-theme=dark] .director-channels-page .dc__count{color:var(--primary-400);background:#3b82f61a}.director-channels-page .dc__btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex}.director-channels-page .dc__btn--refresh{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.director-channels-page .dc__btn--refresh:hover:not(:disabled){background:var(--bg-hover);color:var(--primary-600);border-color:var(--primary-300)}.director-channels-page .dc__btn--refresh .spin{animation:1s linear infinite spin}.director-channels-page .dc__btn--primary{background:var(--primary-500);color:#fff}.director-channels-page .dc__btn--primary:hover:not(:disabled){background:var(--primary-600);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.director-channels-page .dc__btn--primary:active:not(:disabled){transform:translateY(0)}.director-channels-page .dc__btn--success{background:var(--success-50);color:var(--success-600);cursor:default}[data-theme=dark] .director-channels-page .dc__btn--success{color:var(--success-400);background:#22c55e1a}.director-channels-page .dc__btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none!important;transform:none!important}.director-channels-page .dc__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:480px){.director-channels-page .dc__grid{grid-template-columns:1fr}}.director-channels-page .dc__card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.director-channels-page .dc__card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200);transform:translateY(-4px)}[data-theme=dark] .director-channels-page .dc__card:hover{border-color:var(--primary-800)}.director-channels-page .dc__card .dc__banner{background:var(--bg-secondary);width:100%;height:120px;position:relative;overflow:hidden}.director-channels-page .dc__card .dc__banner img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.director-channels-page .dc__card .dc__banner-placeholder{background:linear-gradient(45deg,var(--bg-secondary),var(--border-color));width:100%;height:100%}.director-channels-page .dc__card:hover .dc__banner img{transform:scale(1.05)}.director-channels-page .dc__card .dc__body{padding:var(--space-5);flex-direction:column;flex:1;display:flex;position:relative}.director-channels-page .dc__card .dc__avatar-wrapper{top:-40px;left:var(--space-5);width:72px;height:72px;position:absolute}.director-channels-page .dc__card .dc__avatar{border-radius:var(--radius-full);border:4px solid var(--bg-surface);background:var(--primary-100);width:72px;height:72px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}[data-theme=dark] .director-channels-page .dc__card .dc__avatar{background:var(--primary-900)}.director-channels-page .dc__card .dc__avatar img{object-fit:cover;width:100%;height:100%}.director-channels-page .dc__card .dc__avatar span{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-600)}.director-channels-page .dc__card .dc__status{z-index:2;position:absolute;bottom:-2px;right:-6px}.director-channels-page .dc__card .dc__badge{border-radius:var(--radius-full);color:#fff;border:2px solid var(--bg-surface);width:28px;height:28px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.director-channels-page .dc__card .dc__badge--verified{background:var(--success-500)}.director-channels-page .dc__card .dc__badge--unverified{background:var(--warning-500)}.director-channels-page .dc__card .dc__info{margin-top:36px;margin-bottom:var(--space-4)}.director-channels-page .dc__card .dc__info .dc__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.director-channels-page .dc__card .dc__info .dc__slug{font-size:var(--font-size-xs);color:var(--primary-600);font-weight:var(--font-weight-medium);margin-top:2px;margin-bottom:var(--space-3)}.director-channels-page .dc__card .dc__info .dc__desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:40px;margin:0;display:-webkit-box;overflow:hidden}.director-channels-page .dc__card .dc__stats{gap:var(--space-3);margin-top:auto;margin-bottom:var(--space-5);padding:var(--space-3)0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:repeat(3,1fr);display:grid}.director-channels-page .dc__card .dc__stat{align-items:center;gap:var(--space-2);display:flex}.director-channels-page .dc__card .dc__stat-icon{border-radius:var(--radius-md);width:32px;height:32px;font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.director-channels-page .dc__card .dc__stat-icon.primary{background:var(--primary-50);color:var(--primary-600)}[data-theme=dark] .director-channels-page .dc__card .dc__stat-icon.primary{color:var(--primary-400);background:#3b82f61a}.director-channels-page .dc__card .dc__stat-icon.secondary{background:var(--secondary-50);color:var(--secondary-600)}[data-theme=dark] .director-channels-page .dc__card .dc__stat-icon.secondary{color:var(--secondary-400);background:#a855f71a}.director-channels-page .dc__card .dc__stat-icon.accent{background:var(--warning-50);color:var(--warning-600)}[data-theme=dark] .director-channels-page .dc__card .dc__stat-icon.accent{color:var(--warning-400);background:#f59e0b1a}.director-channels-page .dc__card .dc__stat-info{flex-direction:column;display:flex}.director-channels-page .dc__card .dc__stat-val{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.1}.director-channels-page .dc__card .dc__stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px}.director-channels-page .dc__card .dc__actions{display:flex}.director-channels-page .dc__card .dc__actions button{width:100%}.director-channels-page .dc__loading,.director-channels-page .dc__error,.director-channels-page .dc__empty{padding:var(--space-12)var(--space-6);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px dashed var(--border-color);color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:300px;display:flex}.director-channels-page .dc__spinner{border:3px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.director-channels-page .dc__spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.director-channels-page .dc__empty{color:var(--text-muted)}.director-channels-page .dc__empty h3{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.director-channels-page .dc__empty p{max-width:400px}.director-channels-page .dc__error{color:var(--error-600)}.director-channels-page .dc__error button{padding:var(--space-2)var(--space-4);background:var(--error-500);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none}.director-channels-page .dc__error button:hover{background:var(--error-600)}.director-dashboard-page{gap:var(--space-8);flex-direction:column;animation:.5s ease-out fadeIn;display:flex}.director-dashboard-page .dashboard-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.director-dashboard-page .dashboard-header .header-info h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)0;letter-spacing:-.02em}.director-dashboard-page .dashboard-header .header-info p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0}.director-dashboard-page .dashboard-header .header-actions{align-items:center;gap:var(--space-3);display:flex}.director-dashboard-page .dashboard-header .header-actions .btn-refresh{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);display:flex}.director-dashboard-page .dashboard-header .header-actions .btn-refresh:hover{background:var(--bg-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.director-dashboard-page .dashboard-header .header-actions .btn-refresh .icon{color:var(--primary-500)}.director-dashboard-page .dashboard-header .header-actions .date-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--primary-500);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex}[data-theme=dark] .director-dashboard-page .dashboard-header .header-actions .date-badge{background:var(--primary-600)}.director-dashboard-page .stats-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.director-dashboard-page .stats-grid .stat-card{background:var(--bg-surface);padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--border-color);gap:var(--space-4);transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.director-dashboard-page .stats-grid .stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-300);transform:translateY(-5px)}.director-dashboard-page .stats-grid .stat-card .stat-icon-wrapper{border-radius:var(--radius-xl);width:48px;height:48px;font-size:var(--font-size-xl);background:var(--bg-secondary);justify-content:center;align-items:center;display:flex}.director-dashboard-page .stats-grid .stat-card .stat-data .label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);display:block}.director-dashboard-page .stats-grid .stat-card .stat-data .value-group{align-items:baseline;gap:var(--space-3);display:flex}.director-dashboard-page .stats-grid .stat-card .stat-data .value-group .value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.director-dashboard-page .stats-grid .stat-card .stat-data .value-group .value small{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-normal);margin-left:4px}.director-dashboard-page .stats-grid .stat-card .stat-data .value-group .trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px 6px;display:flex}.director-dashboard-page .stats-grid .stat-card .stat-data .value-group .trend.positive{color:#10b981;background:#22c55e1a}.director-dashboard-page .stats-grid .stat-card .stat-data .value-group .trend.negative{color:#ef4444;background:#ef44441a}.director-dashboard-page .stats-grid .stat-card .progress-bar{background:var(--bg-secondary);border-radius:var(--radius-full);height:6px;overflow:hidden}.director-dashboard-page .stats-grid .stat-card .progress-bar .progress{border-radius:var(--radius-full);height:100%;transition:width 1s ease-out}.director-dashboard-page .stats-grid .stat-card.primary .stat-icon{color:var(--primary-500)}.director-dashboard-page .stats-grid .stat-card.primary .progress{background:var(--primary-500)}.director-dashboard-page .stats-grid .stat-card.secondary .stat-icon{color:#a855f7}.director-dashboard-page .stats-grid .stat-card.secondary .progress{background:#a855f7}.director-dashboard-page .stats-grid .stat-card.success .stat-icon{color:#10b981}.director-dashboard-page .stats-grid .stat-card.success .progress{background:#10b981}.director-dashboard-page .stats-grid .stat-card.warning .stat-icon{color:#f59e0b}.director-dashboard-page .stats-grid .stat-card.warning .progress{background:#f59e0b}.director-dashboard-page .dashboard-content-grid{gap:var(--space-8);grid-template-columns:2fr 1fr;display:grid}@media (max-width:1200px){.director-dashboard-page .dashboard-content-grid{grid-template-columns:1fr}}.director-dashboard-page .card{background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border-color);padding:var(--space-6)}.director-dashboard-page .card .card-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.director-dashboard-page .card .card-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.director-dashboard-page .main-chart-section .chart-filters{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:4px;display:flex}.director-dashboard-page .main-chart-section .chart-filters button{padding:var(--space-1)var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.director-dashboard-page .main-chart-section .chart-filters button.active{background:var(--bg-surface);color:var(--primary-500);box-shadow:var(--shadow-sm)}.director-dashboard-page .main-chart-section .chart-placeholder{height:300px;padding-bottom:var(--space-4);align-items:flex-end;display:flex}.director-dashboard-page .main-chart-section .chart-placeholder .bar-group{width:100%;height:100%;padding:0 var(--space-4);justify-content:space-between;align-items:flex-end;display:flex}.director-dashboard-page .main-chart-section .chart-placeholder .bar-wrapper{align-items:center;gap:var(--space-3);flex-direction:column;flex:1;max-width:40px;display:flex}.director-dashboard-page .main-chart-section .chart-placeholder .bar-wrapper .bar{background:linear-gradient(to top,var(--primary-500),var(--primary-300));border-radius:var(--radius-full)var(--radius-full)0 0;cursor:pointer;width:100%;transition:all .3s;position:relative}.director-dashboard-page .main-chart-section .chart-placeholder .bar-wrapper .bar:hover{background:var(--primary-600);filter:brightness(1.1)}.director-dashboard-page .main-chart-section .chart-placeholder .bar-wrapper .bar:hover .tooltip{opacity:1;transform:translateY(-8px)}.director-dashboard-page .main-chart-section .chart-placeholder .bar-wrapper .bar .tooltip{background:var(--text-primary);color:var(--bg-surface);border-radius:var(--radius-md);font-size:10px;font-weight:var(--font-weight-bold);opacity:0;pointer-events:none;white-space:nowrap;padding:4px 8px;transition:all .2s;position:absolute;top:-30px;left:50%;transform:translate(-50%)translateY(0)}.director-dashboard-page .main-chart-section .chart-placeholder .bar-wrapper .day{color:var(--text-muted);font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase}.director-dashboard-page .side-sections{gap:var(--space-6);flex-direction:column;display:flex}.director-dashboard-page .system-status .status-indicator{border-radius:50%;width:10px;height:10px}.director-dashboard-page .system-status .status-indicator.online{background:#10b981;animation:2s infinite pulse;box-shadow:0 0 10px #10b98180}.director-dashboard-page .system-status .status-metrics{gap:var(--space-5);flex-direction:column;display:flex}.director-dashboard-page .system-status .status-metrics .metric .metric-info{margin-bottom:var(--space-2);justify-content:space-between;display:flex}.director-dashboard-page .system-status .status-metrics .metric .metric-info .label{font-size:var(--font-size-sm);color:var(--text-secondary)}.director-dashboard-page .system-status .status-metrics .metric .metric-info .val{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.director-dashboard-page .system-status .status-metrics .metric .mini-progress{background:var(--bg-secondary);border-radius:var(--radius-full);height:4px;overflow:hidden}.director-dashboard-page .system-status .status-metrics .metric .mini-progress .fill{background:var(--primary-500);border-radius:var(--radius-full);height:100%}.director-dashboard-page .team-overview .btn-text{color:var(--primary-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;border:none}.director-dashboard-page .team-overview .btn-text:hover{text-decoration:underline}.director-dashboard-page .team-overview .team-list{gap:var(--space-4);flex-direction:column;display:flex}.director-dashboard-page .team-overview .team-item{align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-xl);transition:all var(--transition-fast);cursor:pointer;display:flex}.director-dashboard-page .team-overview .team-item:hover{background:var(--bg-hover);transform:translate(4px)}.director-dashboard-page .team-overview .team-item:hover .arrow{opacity:1;transform:translate(0)}.director-dashboard-page .team-overview .team-item .item-icon{border-radius:var(--radius-lg);width:40px;height:40px;font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.director-dashboard-page .team-overview .team-item .item-icon.admins{color:var(--primary-500);background:#3b82f61a}.director-dashboard-page .team-overview .team-item .item-icon.teachers{color:#a855f7;background:#a855f71a}.director-dashboard-page .team-overview .team-item .item-info{flex-direction:column;flex:1;display:flex}.director-dashboard-page .team-overview .team-item .item-info .label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.director-dashboard-page .team-overview .team-item .item-info .count{font-size:var(--font-size-xs);color:var(--text-muted)}.director-dashboard-page .team-overview .team-item .arrow{font-size:var(--font-size-sm);color:var(--text-muted);opacity:0;transition:all var(--transition-normal);transform:translate(-4px)}.director-dashboard-page .dashboard-loading{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;height:60vh;display:flex}.director-dashboard-page .dashboard-loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.director-dashboard-page .dashboard-loading p{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.director-reels{gap:var(--space-8);flex-direction:column;animation:.5s ease-out drFadeIn;display:flex}.director-reels .dr__section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-3xl);padding:var(--space-6)}.director-reels .dr__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.director-reels .dr__header h1{font-size:var(--font-size-3xl);color:var(--text-primary);margin:0;font-weight:800}.director-reels .dr__header p{font-size:var(--font-size-md);color:var(--text-secondary);margin:4px 0 0}.director-reels .dr__header .dr__refresh{padding:var(--space-3)var(--space-6);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-weight:600;transition:all .2s;display:flex}.director-reels .dr__header .dr__refresh:hover{background:var(--bg-hover);transform:rotate(5deg)}.director-reels .dr__header .dr__refresh:disabled{opacity:.5;cursor:not-allowed}.director-reels .dr__header .dr__refresh svg{transition:transform .5s}.director-reels .dr__header .dr__refresh:active svg{transform:rotate(180deg)}.director-reels .dr__tabs{gap:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-2xl);width:fit-content;padding:6px;display:flex}.director-reels .dr__tabs .dr__tab{color:var(--text-secondary);font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-xl);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.director-reels .dr__tabs .dr__tab--active{background:var(--bg-surface);color:var(--primary-500);box-shadow:0 4px 12px #0000000d}.director-reels .dr__tabs .dr__tab:hover:not(.director-reels .dr__tabs .dr__tab--active){background:#ffffff80}.director-reels .dr__controls{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.director-reels .dr__controls .dr__search{flex:1;max-width:400px;position:relative}.director-reels .dr__controls .dr__search svg{color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.director-reels .dr__controls .dr__search input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;font-size:var(--font-size-sm);padding:12px 16px 12px 48px;transition:all .2s}.director-reels .dr__controls .dr__search input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px rgba(var(--primary-500-rgb),.1);outline:none}.director-reels .dr__controls .dr__count{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600}.director-reels .dr__loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:40px 0;font-weight:700;display:flex}.director-reels .dr__spinner{border:3px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:22px;height:22px;animation:1s linear infinite drSpin}.director-reels .dr__error{border-radius:var(--radius-xl);color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:14px 16px;font-weight:800}.director-reels .dr__empty{text-align:center;color:var(--text-muted);padding:40px 0;font-weight:800}.director-reels .dr__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}@media (max-width:900px){.director-reels .dr__grid{grid-template-columns:1fr}}.director-reels .dr__card{background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border-color);transition:all .3s;overflow:hidden}.director-reels .dr__card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-300);transform:translateY(-4px)}.director-reels .dr__card .dr__card-body{padding:var(--space-5)}.director-reels .dr__thumb--top{aspect-ratio:16/9;background:#000;width:100%;height:auto}.director-reels .dr__thumb--top img{object-fit:cover;width:100%;height:100%}.director-reels .dr__title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.director-reels .dr__title-row .dr__title{color:var(--text-primary);margin:0;font-size:16px;font-weight:900;line-height:1.3}.director-reels .dr__title-row .dr__stats{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:700}.director-reels .dr__caption{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:10px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.director-reels .dr__report-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.director-reels .dr__report-head .dr__user{align-items:center;gap:12px;display:flex}.director-reels .dr__report-head .dr__user .dr__avatar{background:var(--primary-100);width:36px;height:36px;color:var(--primary-600);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;overflow:hidden}.director-reels .dr__report-head .dr__user .dr__avatar img{object-fit:cover;width:100%;height:100%}.director-reels .dr__report-head .dr__user .dr__user-name{color:var(--text-primary);font-size:14px;font-weight:700}.director-reels .dr__report-head .dr__user .dr__user-username{color:var(--text-muted);font-size:11px}.director-reels .dr__report-head .dr__date{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.director-reels .dr__reel-row{gap:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-color);margin-bottom:12px;padding:12px;display:flex}.director-reels .dr__reel-row .dr__thumb{border-radius:var(--radius-lg);background:#000;flex-shrink:0;width:80px;height:120px;overflow:hidden}.director-reels .dr__reel-row .dr__thumb img{object-fit:cover;width:100%;height:100%}.director-reels .dr__reel-row .dr__thumb--top{border-radius:0;width:100%;height:200px}.director-reels .dr__reel-row .dr__thumb-placeholder{background:linear-gradient(135deg,#ffffff0f,#ffffff05);width:100%;height:100%}.director-reels .dr__reel-row .dr__reel-info{flex-direction:column;flex:1;gap:2px;display:flex}.director-reels .dr__reel-row .dr__reel-info .dr__title-row{justify-content:space-between;align-items:flex-start;display:flex}.director-reels .dr__reel-row .dr__reel-info .dr__title-row h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:800;line-height:1.4}.director-reels .dr__reel-row .dr__reel-info .dr__title-row .dr__stats{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:600}.director-reels .dr__reel-row .dr__reel-info .dr__caption{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:6px 0;font-size:12px;display:-webkit-box;overflow:hidden}.director-reels .dr__actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.director-reels .dr__actions .dr__btn{border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-secondary);min-width:120px;color:var(--text-primary);border:1px solid #0000;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.director-reels .dr__actions .dr__btn:hover{background:var(--bg-hover)}.director-reels .dr__actions .dr__btn--primary{background:var(--primary-500);color:#fff}.director-reels .dr__actions .dr__btn--primary:hover{background:var(--primary-600)}.director-reels .dr__actions .dr__btn--danger{color:#ef4444}.director-reels .dr__actions .dr__btn--danger:hover{background:#fee2e2;border-color:#fecaca}.director-reels .dr__actions .dr__btn--ghost{border-color:var(--border-color);background:0 0}@media (max-width:520px){.director-reels .dr__actions{flex-direction:column}.director-reels .dr__actions .dr__btn{width:100%;min-width:0}}.director-reels .dr__reason{border-radius:var(--radius-lg);color:#92400e;background:#fffbeb;border:1px dashed #f59e0b;margin-top:12px;padding:10px;font-size:12px}.director-reels .dr__reason span{color:#b45309;font-weight:800}.director-reels .dr-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.director-reels .dr-modal{background:var(--bg-surface);border-radius:var(--radius-3xl);width:100%;max-width:500px;box-shadow:var(--shadow-2xl);animation:.3s ease-out slideUp}.director-reels .dr-modal--view{max-width:960px;max-height:90vh;overflow:auto}@media (max-width:520px){.director-reels .dr-modal{border-radius:var(--radius-2xl)}}.director-reels .dr-modal__header{padding:var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.director-reels .dr-modal__header h3{margin:0;font-size:20px;font-weight:800}.director-reels .dr-modal__header .dr-modal__close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:24px}.director-reels .dr-modal__body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.director-reels .dr-modal__video{aspect-ratio:16/9;border:1px solid var(--border-color);background:#000;border-radius:16px;width:100%;overflow:hidden}.director-reels .dr-modal__video video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.director-reels .dr-modal__group{flex-direction:column;gap:8px;display:flex}.director-reels .dr-modal__group label{color:var(--text-secondary);font-size:13px;font-weight:700}.director-reels .dr-modal__group input,.director-reels .dr-modal__group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);padding:12px;font-size:14px}.director-reels .dr-modal__group input:focus,.director-reels .dr-modal__group textarea:focus{border-color:var(--primary-500);outline:none}.director-reels .dr-modal__actions{padding:var(--space-6);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--space-4);display:flex}@keyframes drFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes drSpin{to{transform:rotate(360deg)}}.content-review{gap:var(--space-8);flex-direction:column;animation:.5s cubic-bezier(.4,0,.2,1) crFadeIn;display:flex}.content-review .cr__media-placeholder{background:var(--bg-secondary);width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.content-review .cr__media-placeholder svg{opacity:.7;font-size:26px}.content-review .cr__media-placeholder span{font-size:13px}.content-review .cr__media-placeholder--small svg{font-size:22px}.content-review .cr__media-placeholder--small span{display:none}.content-review .cr__media-placeholder--avatar{border-radius:50%;width:80px;height:80px}.content-review .cr__media-placeholder--avatar svg{font-size:26px}.content-review .cr__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.content-review .cr__header h1{font-size:var(--font-size-3xl);color:var(--text-primary);margin:0;font-weight:800}.content-review .cr__header p{font-size:var(--font-size-md);color:var(--text-secondary);margin-top:4px}.content-review .cr__orphan-btn{color:#ef4444;cursor:pointer;background:#dc26261a;border:1px solid #dc262659;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.content-review .cr__orphan-btn:hover{background:#dc26262e;transform:translateY(-1px)}.content-review .cr__orphan-modal{max-width:720px}.content-review .cr__orphan-modal .cr__orphan-desc{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 14px}.content-review .cr__orphan-modal .cr__orphan-empty{color:var(--success-500,#10b981);flex-direction:column;align-items:center;gap:10px;padding:36px 0;display:flex}.content-review .cr__orphan-modal .cr__orphan-empty p{color:var(--text-secondary);margin:0}.content-review .cr__orphan-modal .cr__orphan-summary{color:var(--text-primary);background:#dc262614;border:1px solid #dc262633;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;font-weight:700;display:flex}.content-review .cr__orphan-modal .cr__orphan-summary-actions{gap:8px;display:flex}.content-review .cr__orphan-modal .cr__orphan-refresh{border:1px solid var(--border-color);background:var(--bg-surface);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.content-review .cr__orphan-modal .cr__orphan-refresh:hover{color:var(--text-primary)}.content-review .cr__orphan-modal .cr__orphan-delete-all{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.content-review .cr__orphan-modal .cr__orphan-delete-all:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #dc262659}.content-review .cr__orphan-modal .cr__orphan-delete-all:disabled{opacity:.6;cursor:wait}.content-review .cr__orphan-modal .cr__orphan-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.content-review .cr__orphan-modal .cr__orphan-tab{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.content-review .cr__orphan-modal .cr__orphan-tab:hover{color:var(--text-primary)}.content-review .cr__orphan-modal .cr__orphan-tab--active{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);border-color:#0000}.content-review .cr__orphan-modal .cr__orphan-tab--active .cr__orphan-tab-count{color:#fff;background:#ffffff38}.content-review .cr__orphan-modal .cr__orphan-tab-count{color:#8b5cf6;background:#8b5cf624;border-radius:999px;padding:1px 8px;font-size:12px}.content-review .cr__orphan-modal .cr__orphan-tab-empty{text-align:center;color:var(--text-secondary);padding:24px 0;font-size:14px}.content-review .cr__orphan-modal .cr__orphan-player{border:1px solid var(--border-color);background:#0b1220;border-radius:14px;margin-bottom:14px;overflow:hidden}.content-review .cr__orphan-modal .cr__orphan-player-top{background:#8b5cf61f;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.content-review .cr__orphan-modal .cr__orphan-player-top span{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.content-review .cr__orphan-modal .cr__orphan-player-top button{width:28px;height:28px;color:var(--text-primary);cursor:pointer;background:#ffffff14;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.content-review .cr__orphan-modal .cr__orphan-player-top button:hover{background:#ffffff29}.content-review .cr__orphan-modal .cr__orphan-player video{background:#000;width:100%;max-height:320px;display:block}.content-review .cr__orphan-modal .cr__orphan-player--vertical video{object-fit:contain;max-height:420px}.content-review .cr__orphan-modal .cr__orphan-player-none{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:28px 0;font-size:14px;display:flex}.content-review .cr__orphan-modal .cr__orphan-list{flex-direction:column;gap:8px;max-height:46vh;padding-right:4px;display:flex;overflow-y:auto}.content-review .cr__orphan-modal .cr__orphan-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.content-review .cr__orphan-modal .cr__orphan-item--playable{cursor:pointer}.content-review .cr__orphan-modal .cr__orphan-item--playable:hover{background:#8b5cf60f;border-color:#8b5cf680}.content-review .cr__orphan-modal .cr__orphan-item--active{background:#8b5cf61a;border-color:#8b5cf6}.content-review .cr__orphan-modal .cr__orphan-item-thumb{color:#8b5cf6;background:#8b5cf61f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:40px;display:flex;position:relative;overflow:hidden}.content-review .cr__orphan-modal .cr__orphan-item-thumb img{object-fit:cover;width:100%;height:100%}.content-review .cr__orphan-modal .cr__orphan-item-play{color:#fff;background:#0b122073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.content-review .cr__orphan-modal .cr__orphan-item-play svg{width:16px;height:16px}.content-review .cr__orphan-modal .cr__orphan-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.content-review .cr__orphan-modal .cr__orphan-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.content-review .cr__orphan-modal .cr__orphan-item-meta{color:var(--text-secondary);font-size:12px}.content-review .cr__orphan-modal .cr__orphan-item-delete{color:#ef4444;cursor:pointer;background:#dc262614;border:1px solid #dc26264d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.content-review .cr__orphan-modal .cr__orphan-item-delete:hover:not(:disabled){background:#dc262633}.content-review .cr__orphan-modal .cr__orphan-item-delete:disabled{opacity:.5;cursor:wait}.content-review .cr__orphan-modal .cr__orphan-spin{animation:1s linear infinite crOrphanSpin}.content-review .cr__tabs{gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;width:fit-content;padding:6px;display:flex}.content-review .cr__tabs .cr__tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 20px;font-weight:700;transition:all .2s;display:flex}.content-review .cr__tabs .cr__tab--active{background:var(--primary-500);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-500-rgb),.2)}.content-review .cr__tabs .cr__tab:hover:not(.content-review .cr__tabs .cr__tab--active){background:var(--bg-secondary);color:var(--text-primary)}.content-review .cr__filters{justify-content:space-between;align-items:flex-end;gap:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;flex-wrap:wrap;padding:20px;display:flex}.content-review .cr__filters .cr__filter-group{gap:20px;display:flex}.content-review .cr__filters .cr__filter-item{flex-direction:column;gap:8px;display:flex}.content-review .cr__filters .cr__filter-item label{color:var(--text-secondary);font-size:13px;font-weight:700}.content-review .cr__filters .cr__filter-item select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;min-width:160px;padding:10px 16px;font-weight:600}.content-review .cr__filters .cr__search-group{align-items:center;gap:12px;display:flex}.content-review .cr__filters .cr__search{width:300px;position:relative}.content-review .cr__filters .cr__search svg{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.content-review .cr__filters .cr__search input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:100%;padding:10px 16px 10px 44px}.content-review .cr__filters .cr__view-toggle{background:var(--bg-secondary);border-radius:10px;padding:4px;display:flex}.content-review .cr__filters .cr__view-toggle .cr__view-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.content-review .cr__filters .cr__view-toggle .cr__view-btn--active{background:var(--bg-surface);color:var(--primary-500);box-shadow:var(--shadow-sm)}.content-review .cr__courses-grid,.content-review .cr__types-grid,.content-review .cr__videos-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.content-review .cr__course-card{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.content-review .cr__course-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-300);transform:translateY(-6px)}.content-review .cr__course-card .cr__course-image{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.content-review .cr__course-card .cr__course-image img{object-fit:cover;width:100%;height:100%}.content-review .cr__course-card .cr__course-image .cr__media-placeholder{background:var(--bg-secondary);width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.content-review .cr__course-card .cr__course-image .cr__media-placeholder svg{opacity:.7;font-size:26px}.content-review .cr__course-card .cr__course-image .cr__media-placeholder span{font-size:13px}.content-review .cr__course-card .cr__course-image .cr__media-placeholder--small svg{font-size:22px}.content-review .cr__course-card .cr__course-image .cr__media-placeholder--small span{display:none}.content-review .cr__course-card .cr__course-image .cr__media-placeholder--avatar{border-radius:50%;width:80px;height:80px}.content-review .cr__course-card .cr__course-image .cr__media-placeholder--avatar svg{font-size:26px}.content-review .cr__course-card .cr__course-content{padding:20px}.content-review .cr__course-card .cr__course-content h3{color:var(--text-primary);margin:0 0 8px;font-size:18px}.content-review .cr__course-card .cr__course-content p{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.5}.content-review .cr__course-card .cr__course-content .cr__course-meta{justify-content:space-between;align-items:center;display:flex}.content-review .cr__course-card .cr__course-content .cr__course-meta .cr__level{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.content-review .cr__course-card .cr__course-content .cr__course-meta .cr__price{color:var(--primary-600);font-weight:800}.content-review .cr__course-card .cr__course-footer{border-top:1px solid var(--border-color);background:var(--bg-surface);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.content-review .cr__course-card .cr__course-footer .cr__btn-icon{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.content-review .cr__course-card .cr__course-footer .cr__btn-icon--view{background:var(--bg-secondary);color:var(--text-primary)}.content-review .cr__course-card .cr__course-footer .cr__btn-icon--view:hover{background:var(--border-color);transform:scale(1.1)}.content-review .cr__course-card .cr__course-footer .cr__btn-icon--approve{color:#15803d;background:#dcfce7}.content-review .cr__course-card .cr__course-footer .cr__btn-icon--approve:hover{color:#fff;background:#15803d;border-color:#15803d;transform:scale(1.1)}.content-review .cr__course-card .cr__course-footer .cr__btn-icon--reject{color:#dc2626;background:#fee2e2}.content-review .cr__course-card .cr__course-footer .cr__btn-icon--reject:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:scale(1.1)}.content-review .cr__course-card .cr__course-footer .cr__btn-icon:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.content-review .cr__status-badge{color:#fff;text-transform:uppercase;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:flex}.content-review .cr__status-badge--absolute{z-index:2;position:absolute;top:12px;right:12px}.content-review .cr__table-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;overflow:hidden}.content-review .cr__table-container .cr__table{border-collapse:collapse;width:100%}.content-review .cr__table-container .cr__table th{text-align:left;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px 24px;font-size:13px;font-weight:700}.content-review .cr__table-container .cr__table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:20px 24px}.content-review .cr__table-container .cr__table tr:last-child td{border-bottom:none}.content-review .cr__table-container .cr__table tr:hover{background:var(--bg-hover)}.content-review .cr__table-container .cr__table-name{align-items:center;gap:14px;display:flex}.content-review .cr__table-container .cr__table-name svg{color:var(--primary-500);font-size:20px}.content-review .cr__table-container .cr__table-name .cr__table-slug{color:var(--text-muted);font-size:12px;display:block}.content-review .cr__table-container .cr__table-desc{max-width:300px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.content-review .cr__table-container .cr__table-level{background:var(--bg-secondary);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.content-review .cr__table-container .cr__table-actions{gap:10px;display:flex}.content-review .cr__table-container .cr__table-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.content-review .cr__modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.content-review .cr__modal{background:var(--bg-surface);box-shadow:var(--shadow-2xl);border-radius:32px;flex-direction:column;max-height:90vh;display:flex;overflow-y:auto}.content-review .cr__modal--xlarge{width:90vw;max-width:1400px;height:90vh;max-height:90vh}.content-review .cr__modal--large{width:100%;max-width:1000px}.content-review .cr__modal--medium{width:100%;max-width:700px}.content-review .cr__modal--small{width:100%;max-width:450px}.content-review .cr__modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.content-review .cr__modal-header h3{margin:0;font-size:20px;font-weight:800}.content-review .cr__modal-body{flex:1;padding:32px}.content-review .cr__modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:16px;padding:24px 32px;display:flex}.content-review .cr__modal-close{background:var(--bg-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex}.content-review .cr__modal-close:hover{color:#dc2626;background:#fee2e2}.content-review .cr__course-main-layout{gap:32px;margin-bottom:32px;display:flex}.content-review .cr__course-visual-section{border-radius:20px;width:40%;position:relative;overflow:hidden}.content-review .cr__course-visual-section .cr__course-banner-bg{width:100%;height:200px}.content-review .cr__course-visual-section .cr__course-banner-bg img{object-fit:cover;width:100%;height:100%}.content-review .cr__course-visual-section .cr__course-banner-bg .cr__banner-overlay{background:linear-gradient(#0000,#0006);position:absolute;inset:0}.content-review .cr__course-visual-section .cr__course-thumbnail-main{width:120px;height:120px;box-shadow:var(--shadow-lg);border:4px solid #fff;border-radius:16px;position:absolute;bottom:20px;left:20px;overflow:hidden}.content-review .cr__course-visual-section .cr__course-thumbnail-main img{object-fit:cover;width:100%;height:100%}.content-review .cr__course-icon-only{background:var(--bg-secondary);justify-content:center;align-items:center;height:120px;display:flex;position:relative}.content-review .cr__course-icon-only .cr__month-icon-box{color:var(--primary-500);opacity:.6;font-size:40px}.content-review .cr__course-content{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.content-review .cr__course-content .cr__course-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.content-review .cr__course-content .cr__course-top h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:700;line-height:1.4}.content-review .cr__course-content .cr__course-top .cr__id-badge{background:var(--bg-secondary);color:var(--text-muted);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.content-review .cr__course-content p{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.content-review .cr__course-content .cr__course-meta{align-items:center;gap:12px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.content-review .cr__course-content .cr__course-meta .cr__level{color:var(--primary-500)}.content-review .cr__course-content .cr__course-meta .cr__price{color:#10b981}.content-review .cr__course-content .cr__course-meta .cr__video-count{color:var(--text-muted);align-items:center;gap:4px;display:flex}.content-review .cr__course-main-info{flex-direction:column;gap:20px;width:60%;display:flex}.content-review .cr__course-main-info .cr__course-title-section h2{margin-bottom:12px;font-size:28px}.content-review .cr__course-main-info .cr__course-title-section .cr__course-quick-meta{align-items:center;gap:12px;display:flex}.content-review .cr__info-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px}.content-review .cr__info-section h4{color:var(--primary-600);align-items:center;gap:10px;margin:0 0 16px;font-size:15px;display:flex}.content-review .cr__info-section .cr__info-items{grid-template-columns:1fr 1fr;gap:12px;display:grid}.content-review .cr__info-section .cr__info-item{flex-direction:column;gap:4px;display:flex}.content-review .cr__info-section .cr__info-item label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.content-review .cr__info-section .cr__info-item span{font-size:14px;font-weight:600}.content-review .cr__course-description-section{margin-bottom:32px}.content-review .cr__course-description-section p{color:var(--text-secondary);line-height:1.6}.content-review .cr__channel-card{align-items:center;gap:20px;display:flex}.content-review .cr__channel-card .cr__channel-avatar{object-fit:cover;border-radius:50%;width:80px;height:80px}.content-review .cr__channel-card .cr__channel-info{flex:1}.content-review .cr__channel-card .cr__channel-info h5{margin:0 0 4px;font-size:18px}.content-review .cr__channel-card .cr__channel-info p{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.content-review .cr__section-title{color:var(--text-primary);align-items:center;gap:10px;margin:32px 0 20px;font-size:18px;font-weight:800;display:flex}.content-review .cr__type-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:32px;margin-bottom:24px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-review .cr__type-section:hover{border-color:var(--primary-500);background:var(--bg-surface);box-shadow:var(--shadow-md)}.content-review .cr__type-section .cr__type-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.content-review .cr__type-section .cr__type-info h5{color:var(--text-primary);margin-bottom:8px;font-size:17px;font-weight:800}.content-review .cr__type-section .cr__type-info h5 .cr__type-id{opacity:.4;margin-left:8px;font-size:12px;font-weight:600}.content-review .cr__type-section .cr__type-info .cr__type-meta{align-items:center;gap:16px;font-size:13px;font-weight:700;display:flex}.content-review .cr__type-section .cr__type-info .cr__type-meta .cr__type-price{color:#10b981;background:#dcfce7;border-radius:6px;padding:2px 8px}.content-review .cr__type-section .cr__type-info .cr__type-meta .cr__type-video-stat{color:var(--text-muted);align-items:center;gap:6px;display:flex}.content-review .cr__type-section .cr__type-actions{gap:12px;display:flex}.content-review .cr__videos-horizontal{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:20px;margin:0 -10px;padding:15px 10px 25px;display:flex;overflow-x:auto}.content-review .cr__videos-horizontal::-webkit-scrollbar{height:8px}.content-review .cr__videos-horizontal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.content-review .cr__videos-horizontal::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-secondary);border-radius:10px}.content-review .cr__videos-horizontal::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.content-review .cr__video-mini-card{background:var(--bg-surface);border:1px solid var(--border-color);scroll-snap-align:start;min-width:280px;max-width:280px;box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.content-review .cr__video-mini-card:hover{border-color:var(--primary-500);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000001a}.content-review .cr__video-mini-card .cr__video-mini-poster{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.content-review .cr__video-mini-card .cr__video-mini-poster img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.content-review .cr__video-mini-card .cr__video-mini-poster .cr__media-placeholder{height:100%}.content-review .cr__video-mini-card .cr__video-mini-poster .cr__video-mini-duration{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:2;background:#000000bf;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:10px;right:10px}.content-review .cr__video-mini-card .cr__video-mini-poster:after{content:"";opacity:0;background:linear-gradient(#0000,#00000080);transition:all .3s;position:absolute;inset:0}.content-review .cr__video-mini-card:hover .cr__video-mini-poster img{transform:scale(1.1)}.content-review .cr__video-mini-card:hover .cr__video-mini-poster:after{opacity:1}.content-review .cr__video-mini-card .cr__video-mini-info{flex:1;padding:16px}.content-review .cr__video-mini-card .cr__video-mini-info h6{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.content-review .cr__video-mini-card .cr__video-mini-actions{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.content-review .cr__video-mini-card .cr__video-mini-actions .cr__btn-icon{border-radius:10px;width:32px;height:32px;font-size:16px}.content-review .cr__video-mini-card .cr__video-mini-actions .cr__btn-icon--approve{color:#166534;background:#dcfce7}.content-review .cr__video-mini-card .cr__video-mini-actions .cr__btn-icon--approve:hover{color:#fff;background:#166534}.content-review .cr__video-mini-card .cr__video-mini-actions .cr__btn-icon--reject{color:#991b1b;background:#fee2e2}.content-review .cr__video-mini-card .cr__video-mini-actions .cr__btn-icon--reject:hover{color:#fff;background:#991b1b}.content-review .cr__type-empty-videos{background:var(--bg-secondary);border:2px dashed var(--border-color);color:var(--text-muted);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:50px 20px;font-size:15px;font-weight:600;display:flex}.content-review .cr__type-empty-videos i,.content-review .cr__type-empty-videos svg{opacity:.5;font-size:32px}.content-review .cr__video-modal-layout{grid-template-columns:1.6fr 1fr;align-items:start;gap:28px;display:grid}.content-review .cr__video-player{border:1px solid var(--border-color);aspect-ratio:16/9;background:#000;border-radius:20px;width:100%;min-height:480px;position:relative;overflow:hidden}.content-review .cr__video-player video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.content-review .cr__video-loading{color:#fff;z-index:3;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.content-review .cr__video-loading .spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:1s linear infinite crSpin}.content-review .cr__video-loading p{margin:0;font-size:13px;font-weight:700}.content-review .cr__video-no-src{color:#fff;z-index:2;background:#000000a6;justify-content:center;align-items:center;gap:10px;padding:16px;font-weight:800;display:flex;position:absolute;inset:0}.content-review .cr__video-no-src svg{opacity:.9;font-size:18px}.content-review .cr__video-side-info{flex-direction:column;gap:16px;display:flex}@media (max-width:900px){.content-review .cr__video-modal-layout{grid-template-columns:1fr}}.content-review .cr__btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.content-review .cr__btn--sm{border-radius:12px;padding:10px 20px;font-size:13px}.content-review .cr__btn--approve{background:var(--primary-500);color:#fff}.content-review .cr__btn--approve:hover{background:var(--primary-600);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3);transform:translateY(-2px)}.content-review .cr__btn--approve-light{color:#15803d;background:#dcfce7;border:1px solid #0000}.content-review .cr__btn--approve-light:hover{background:#bbf7d0;border-color:#15803d;transform:translateY(-3px)}.content-review .cr__btn--reject{color:#fff;background:#ef4444}.content-review .cr__btn--reject:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 20px #ef44444d}.content-review .cr__btn--reject-light{color:#dc2626;background:#fee2e2;border:1px solid #0000}.content-review .cr__btn--reject-light:hover{background:#fecaca;border-color:#dc2626;transform:translateY(-3px)}.content-review .cr__btn--cancel{background:var(--bg-secondary);color:var(--text-primary)}.content-review .cr__btn--cancel:hover{background:var(--border-color)}.content-review .cr__btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none!important;transform:none!important}.content-review .cr__loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:50vh;display:flex}.content-review .cr__loading .spinner{border:3px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:40px;height:40px;animation:1s linear infinite crSpin}.content-review .cr__modal-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;display:flex}.content-review .cr__modal-loading .spinner{border:3px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:40px;height:40px;animation:1s linear infinite crSpin}@keyframes toast-slide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes crFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes crSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes crOrphanSpin{to{transform:rotate(360deg)}}.director-reports{gap:var(--space-8);flex-direction:column;animation:.5s ease-out drFadeIn;display:flex}.director-reports .dr__header h1{font-size:var(--font-size-3xl);color:var(--text-primary);margin:0;font-weight:800}.director-reports .dr__header p{font-size:var(--font-size-md);color:var(--text-secondary);margin-top:4px}.director-reports .dr__section{background:var(--bg-surface);padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--border-color);gap:var(--space-5);flex-direction:column;display:flex}.director-reports .dr__section-header{padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;display:flex}.director-reports .dr__section-header svg{color:var(--primary-500);font-size:20px}.director-reports .dr__section-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:800}.director-reports .dr__users-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.director-reports .dr__users-grid .dr__user-card{background:var(--bg-secondary);padding:var(--space-5);border-radius:var(--radius-xl);border-left:4px solid var(--role-color);align-items:center;gap:16px;transition:transform .2s;display:flex}.director-reports .dr__users-grid .dr__user-card:hover{transform:scale(1.02)}.director-reports .dr__users-grid .dr__user-card .dr__user-icon{width:40px;height:40px;color:var(--role-color);background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.director-reports .dr__users-grid .dr__user-card .dr__user-info h3{color:var(--text-primary);margin:0;font-size:22px;font-weight:800}.director-reports .dr__users-grid .dr__user-card .dr__user-info p{color:var(--text-muted);text-transform:uppercase;margin:2px 0 0;font-size:11px;font-weight:700}.director-reports .dr__content-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.director-reports .dr__content-grid .dr__content-card{background:var(--bg-secondary);padding:var(--space-5);border-radius:var(--radius-xl);gap:16px;display:flex}.director-reports .dr__content-grid .dr__content-card .dr__content-icon{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.director-reports .dr__content-grid .dr__content-card .dr__content-info{flex:1}.director-reports .dr__content-grid .dr__content-card .dr__content-info h3{margin:0 0 10px;font-size:16px;font-weight:800}.director-reports .dr__content-grid .dr__content-card .dr__content-info .dr__content-stats{flex-direction:column;gap:4px;display:flex}.director-reports .dr__content-grid .dr__content-card .dr__content-info .dr__content-stats .dr__stat{justify-content:space-between;font-size:13px;display:flex}.director-reports .dr__content-grid .dr__content-card .dr__content-info .dr__content-stats .dr__stat-label{color:var(--text-muted);font-weight:600}.director-reports .dr__content-grid .dr__content-card .dr__content-info .dr__content-stats .dr__stat-value{color:var(--text-primary);font-weight:800}.director-reports .dr__content-grid .dr__content-card .dr__content-info .dr__content-stats .dr__stat-value--success{color:#10b981}.director-reports .dr__content-grid .dr__content-card--courses .dr__content-icon{color:#3b82f6}.director-reports .dr__content-grid .dr__content-card--videos .dr__content-icon{color:#8b5cf6}.director-reports .dr__content-grid .dr__content-card--channels .dr__content-icon{color:#f59e0b}.director-reports .dr__financial-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.director-reports .dr__financial-grid .dr__financial-card{background:var(--bg-dark,#111827);padding:var(--space-6);border-radius:var(--radius-xl);color:#fff;align-items:center;gap:20px;display:flex}.director-reports .dr__financial-grid .dr__financial-card .dr__financial-icon{opacity:.8;font-size:24px}.director-reports .dr__financial-grid .dr__financial-card .dr__financial-label{opacity:.6;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.director-reports .dr__financial-grid .dr__financial-card .dr__financial-value{margin:4px 0 0;font-size:20px;font-weight:800}.director-reports .dr__financial-grid .dr__financial-card--income{border-bottom:4px solid #10b981}.director-reports .dr__financial-grid .dr__financial-card--income .dr__financial-icon{color:#10b981}.director-reports .dr__financial-grid .dr__financial-card--expense{border-bottom:4px solid #ef4444}.director-reports .dr__financial-grid .dr__financial-card--expense .dr__financial-icon{color:#ef4444}.director-reports .dr__financial-grid .dr__financial-card--transactions{border-bottom:4px solid #3b82f6}.director-reports .dr__financial-grid .dr__financial-card--transactions .dr__financial-icon{color:#3b82f6}.director-reports .dr__transactions-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.director-reports .dr__transactions-grid .dr__transaction-card{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg)}.director-reports .dr__transactions-grid .dr__transaction-card .dr__transaction-bar{background:#0000000d;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.director-reports .dr__transactions-grid .dr__transaction-card .dr__transaction-bar .dr__transaction-fill{background:var(--primary-500);border-radius:3px;height:100%}.director-reports .dr__transactions-grid .dr__transaction-card .dr__transaction-info{justify-content:space-between;align-items:center;display:flex}.director-reports .dr__transactions-grid .dr__transaction-card .dr__transaction-info .dr__transaction-label{color:var(--text-secondary);margin:0;font-size:13px;font-weight:700}.director-reports .dr__transactions-grid .dr__transaction-card .dr__transaction-info .dr__transaction-stats{align-items:center;gap:8px;display:flex}.director-reports .dr__transactions-grid .dr__transaction-card .dr__transaction-info .dr__transaction-stats .dr__transaction-count{font-size:14px;font-weight:800}.director-reports .dr__transactions-grid .dr__transaction-card .dr__transaction-info .dr__transaction-stats .dr__transaction-percent{color:var(--text-muted);font-size:11px;font-weight:600}.director-reports .dr__last-transaction{padding:var(--space-4);border-radius:var(--radius-xl);background:#f0fdf4;border:1px solid #bbf7d0;align-items:center;gap:20px;display:flex}.director-reports .dr__last-transaction-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.director-reports .dr__last-transaction-info{gap:var(--space-4);flex:1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.director-reports .dr__last-transaction-row{flex-direction:column;display:flex}.director-reports .dr__last-transaction-label{color:#15803d;text-transform:uppercase;font-size:11px;font-weight:700}.director-reports .dr__last-transaction-value{color:#166534;margin-top:2px;font-size:14px;font-weight:800}.director-reports .dr__last-transaction-value--amount{color:#059669;font-size:16px}.director-reports .dr__loading{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;height:50vh;display:flex}.director-reports .dr__loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:44px;height:44px;animation:1s linear infinite crSpin}.um{gap:var(--space-8);flex-direction:column;animation:.5s cubic-bezier(.4,0,.2,1) umFadeIn;display:flex}.um .um__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.um .um__header .um__header-content{align-items:center;gap:20px;display:flex}.um .um__header .um__header-content .um__header-icon{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;box-shadow:0 10px 15px -3px #0000001a}.um .um__header .um__header-content .um__header-icon[data-color=blue]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.um .um__header .um__header-content .um__header-icon[data-color=green]{background:linear-gradient(135deg,#10b981,#059669)}.um .um__header .um__header-content .um__header-icon[data-color=purple]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.um .um__header .um__header-content h1{color:var(--text-primary);margin:0;font-size:28px;font-weight:800}.um .um__header .um__header-content p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.um .um__header .um__add-btn{background:var(--primary-500);color:#fff;border-radius:var(--radius-xl);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .2s;display:flex}.um .um__header .um__add-btn:hover{background:var(--primary-600);box-shadow:0 4px 12px rgba(var(--primary-500-rgb),.3);transform:translateY(-2px)}.um .um__controls{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.um .um__controls .um__search{flex:1;max-width:400px;position:relative}.um .um__controls .um__search svg{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.um .um__controls .um__search input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:100%;padding:10px 15px 10px 42px;font-size:14px}.um .um__controls .um__search input:focus{border-color:var(--primary-500);outline:none}.um .um__controls .um__count{color:var(--text-muted);font-size:14px;font-weight:700}.um .um__table-container{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;overflow:hidden}.um .um__table{border-collapse:collapse;text-align:left;width:100%}.um .um__table th{background:var(--bg-secondary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:18px 24px;font-size:12px;font-weight:800}.um .um__table td{border-bottom:1px solid var(--border-color);padding:16px 24px;font-size:14px}.um .um__table tr:last-child td{border-bottom:none}.um .um__table tr:hover td{background:var(--bg-hover)}.um .um__table .um__user-cell{align-items:center;gap:12px;display:flex}.um .um__table .um__avatar{background:var(--bg-secondary);width:40px;height:40px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex;overflow:hidden}.um .um__table .um__avatar img{object-fit:cover;width:100%;height:100%}.um .um__table .um__username{color:var(--text-primary);font-weight:700}.um .um__table .um__email{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.um .um__table .um__email svg{opacity:.6;font-size:14px}.um .um__table .um__name{color:var(--text-primary);font-weight:600}.um .um__table .um__no-data{opacity:.5;font-size:12px;font-style:italic}.um .um__table .um__role-badge{text-transform:uppercase;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:800}.um .um__table .um__role-badge--user{color:#1d4ed8;background:#eff6ff}.um .um__table .um__role-badge--teacher{color:#047857;background:#ecfdf5}.um .um__table .um__role-badge--admin{color:#be185d;background:#fdf2f8}.um .um__table .um__actions{gap:8px;display:flex}.um .um__table .um__actions .um__action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.um .um__table .um__actions .um__action-btn--edit{color:#374151;background:#f3f4f6}.um .um__table .um__actions .um__action-btn--edit:hover{background:#e5e7eb}.um .um__table .um__actions .um__action-btn--delete{color:#dc2626;background:#fee2e2}.um .um__table .um__actions .um__action-btn--delete:hover{background:#fecaca}.um .um__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s umFadeIn;display:flex;position:fixed;inset:0}.um .um__modal{background:var(--bg-surface);width:100%;max-width:650px;box-shadow:var(--shadow-2xl);border-radius:28px;animation:.4s cubic-bezier(.23,1,.32,1) umSlideUp;overflow:hidden}.um .um__modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.um .um__modal-header h2{margin:0;font-size:20px;font-weight:800}.um .um__modal-header .um__close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:20px}.um .um__modal .um__form .um__form-body{flex-direction:column;gap:24px;padding:32px;display:flex}.um .um__modal .um__form .um__form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:600px){.um .um__modal .um__form .um__form-row{grid-template-columns:1fr}}.um .um__modal .um__form .um__form-group{flex-direction:column;gap:8px;display:flex}.um .um__modal .um__form .um__form-group label{color:var(--text-secondary);font-size:13px;font-weight:700}.um .um__modal .um__form .um__form-group input,.um .um__modal .um__form .um__form-group select{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:12px;padding:12px 16px;font-size:14px;transition:all .2s}.um .um__modal .um__form .um__form-group input:focus,.um .um__modal .um__form .um__form-group select:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px rgba(var(--primary-500-rgb),.1);outline:none}.um .um__modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.um .um__modal-footer .um__btn{cursor:pointer;border-radius:12px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.um .um__modal-footer .um__btn--secondary{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.um .um__modal-footer .um__btn--primary{background:var(--primary-500);color:#fff;border:none}.um .um__modal-footer .um__btn--primary:hover{background:var(--primary-600)}.um .um__empty{text-align:center;color:var(--text-muted);padding:80px}.um .um__empty svg{opacity:.1;margin-bottom:20px;font-size:64px}.um .um__empty h3{color:var(--text-primary);margin:0;font-size:20px;font-weight:800}.um .um__empty p{margin-top:8px;font-size:14px}.um .um__loading{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;height:50vh;display:flex}.um .um__loading .um__spinner{border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:44px;height:44px;animation:1s linear infinite crSpin}@keyframes umFadeIn{0%{opacity:0}to{opacity:1}}@keyframes umSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dud{gap:var(--space-6);flex-direction:column;animation:.5s ease-out smFadeIn;display:flex}.dud .dud__topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.dud .dud__back{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-weight:900;transition:transform .2s,background .2s;display:inline-flex}.dud .dud__back:hover{background:var(--bg-hover);transform:translateY(-1px)}.dud .dud__title h1{margin:0;font-size:22px;font-weight:950}.dud .dud__title p{color:var(--text-muted);margin:4px 0 0;font-size:13px;font-weight:800}.dud .dud__state{height:55vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.dud .dud__state--error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:18px;align-items:flex-start;width:100%;max-width:900px;padding:18px}.dud .dud__state svg{opacity:.75;width:42px;height:42px}.dud .dud__state h3{color:inherit;margin:0;font-size:16px;font-weight:950}.dud .dud__state p{margin:0;font-weight:800}.dud .dud__spinner{border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:44px;height:44px;animation:1s linear infinite crSpin}.dud .dud__hero{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:28px;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:18px;display:flex}.dud .dud__hero-left{flex:1;align-items:center;gap:14px;min-width:280px;display:flex}.dud .dud__avatar{background:var(--bg-secondary);border:1px solid var(--border-color);width:70px;height:70px;color:var(--text-muted);border-radius:20px;place-items:center;display:grid;overflow:hidden}.dud .dud__avatar img{object-fit:cover;width:100%;height:100%;display:block}.dud .dud__avatar svg{width:28px;height:28px}.dud .dud__hero-meta{flex-direction:column;gap:10px;display:flex}.dud .dud__hero-name{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dud .dud__hero-name h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:950}.dud .dud__badge{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:950}.dud .dud__badge--active{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.dud .dud__badge--inactive{color:#4b5563;background:#f3f4f6;border-color:#e5e7eb}.dud .dud__badge--role{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.dud .dud__badge--teacher{color:#047857;background:#ecfdf5;border-color:#bbf7d0}.dud .dud__badge--admin{color:#be185d;background:#fdf2f8;border-color:#fbcfe8}.dud .dud__hero-sub{flex-wrap:wrap;gap:10px;display:flex}.dud .dud__pill{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.dud .dud__pill svg{opacity:.7}.dud .dud__hero-right{flex:1;min-width:320px}.dud .dud__kpi{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:980px){.dud .dud__kpi{grid-template-columns:1fr}}.dud .dud__kpi-item{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:18px;align-items:flex-start;gap:12px;padding:12px;display:flex}.dud .dud__kpi-icon{background:rgba(var(--primary-500-rgb),.12);width:38px;height:38px;color:var(--primary-500);border-radius:14px;place-items:center;display:grid}.dud .dud__kpi--grid{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.dud .dud__kpi--grid{grid-template-columns:1fr}}.dud .dud__kpi-label{color:var(--text-muted);font-size:12px;font-weight:900;display:block}.dud .dud__kpi-value{color:var(--text-primary);margin-top:2px;font-size:16px;font-weight:950;display:block}.dud .dud__muted{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:800;display:block}.dud .dud__grid{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}@media (max-width:1100px){.dud .dud__grid{grid-template-columns:1fr}}.dud .dud__card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:28px;overflow:hidden}.dud .dud__card--span2{grid-column:1/-1}.dud .dud__card-head{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dud .dud__card-head h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:950}.dud .dud__info{grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px;display:grid}@media (max-width:700px){.dud .dud__info{grid-template-columns:1fr}}.dud .dud__info-item{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:18px;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.dud .dud__info-item svg{opacity:.7;color:var(--text-muted)}.dud .dud__info-k{color:var(--text-muted);font-size:12px;font-weight:900}.dud .dud__info-v{color:var(--text-primary);text-align:right;word-break:break-word;font-size:12px;font-weight:900}.dud .dud__bars{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.dud .dud__bar-top{color:var(--text-secondary);justify-content:space-between;gap:12px;font-size:12px;font-weight:900;display:flex}.dud .dud__bar-track{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;height:10px;margin-top:6px;overflow:hidden}.dud .dud__bar-fill{background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:999px;height:100%}.dud .dud__list{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.dud .dud__row{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:20px;flex-direction:column;gap:10px;padding:12px;display:flex}.dud .dud__row--compact{padding:10px 12px}.dud .dud__row-main{flex-direction:column;gap:8px;display:flex}.dud .dud__row-title{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:950;line-height:1.2;display:flex}.dud .dud__row-sub{flex-wrap:wrap;gap:8px;display:flex}.dud .dud__progress-track{background:rgba(var(--primary-500-rgb),.08);border:1px solid rgba(var(--primary-500-rgb),.18);border-radius:999px;height:10px;overflow:hidden}.dud .dud__progress-fill{background:linear-gradient(90deg,#10b981,#22c55e);border-radius:999px;height:100%}.dud .dud__chips{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:14px 16px;display:grid}.dud .dud__chip{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:18px;padding:12px}.dud .dud__chip-title{color:var(--text-primary);font-size:13px;font-weight:950}.dud .dud__chip-sub{color:var(--text-muted);margin-top:4px;font-family:monospace;font-size:12px;font-weight:900}.dud .dud__sec-title{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:14px 16px}.dud .dud__sec-title h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:950}.dud .dud__wallet{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.dud .dud__wallet-balance{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:20px;align-items:flex-start;gap:12px;padding:12px;display:flex}.dud .dud__wallet-icon{background:rgba(var(--primary-500-rgb),.12);width:42px;height:42px;color:var(--primary-500);border-radius:16px;place-items:center;display:grid}.dud .dud__wallet-label{color:var(--text-muted);font-size:12px;font-weight:950}.dud .dud__wallet-value{color:var(--text-primary);margin-top:2px;font-size:16px;font-weight:950}.dud .dud__tx{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:20px;overflow:hidden}.dud .dud__tx-head,.dud .dud__tx-row{grid-template-columns:1.2fr .9fr .6fr .8fr .7fr 1.3fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.dud .dud__tx-head{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:950}.dud .dud__tx-row{color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:850}.dud .dud__tx-row:last-child{border-bottom:none}.dud .dud__tx-type{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:900}.dud .dud__tx-amount{font-weight:950}.dud .dud__tx-amount--in{color:#15803d}.dud .dud__tx-amount--out{color:#b91c1c}.dud .dud__tx-status{text-transform:uppercase;border:1px solid var(--border-color);border-radius:999px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:950}.dud .dud__tx-status--success,.dud .dud__tx-status--paid,.dud .dud__tx-status--completed{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.dud .dud__tx-status--failed,.dud .dud__tx-status--canceled,.dud .dud__tx-status--rejected{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.dud .dud__tx-status--pending{color:#92400e;background:#fef9c3;border-color:#fde68a}.dud .dud__tx-note{color:var(--text-muted);font-weight:850}@media (max-width:980px){.dud .dud__tx-head{display:none}.dud .dud__tx-row{grid-template-columns:1fr;gap:6px}.dud .dud__tx-row>span{display:block}}.dud .dud__moderation{grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 16px;display:grid}@media (max-width:1100px){.dud .dud__moderation{grid-template-columns:1fr}}.dud .dud__mod-card{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:20px;flex-direction:column;gap:10px;padding:12px;display:flex}.dud .dud__mod-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:950}.dud .dud__mod-row{color:var(--text-muted);justify-content:space-between;gap:10px;font-size:12px;font-weight:900;display:flex}.dud .dud__mod-row b{color:var(--text-primary);font-weight:950}.dud .dud__ok{color:#15803d}.dud .dud__bad{color:#b91c1c}.dud .dud__split-card{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:20px;margin:0 16px 16px;padding:12px}.dud .dud__split-card h4{color:var(--text-primary);margin:0 0 10px;font-size:14px;font-weight:950}.dud .dud__action{border-bottom:1px solid var(--border-color);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.dud .dud__action:last-child{border-bottom:none}.dud .dud__action-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dud .dud__action-badge{border:1px solid var(--border-color);background:var(--bg-surface);text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:950}.dud .dud__action-badge--approved{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.dud .dud__action-badge--rejected{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.dud .dud__action-type{color:var(--text-primary);font-weight:950}.dud .dud__action-target{color:var(--text-muted);font-weight:900}.dud .dud__action-time{color:var(--text-muted);white-space:nowrap;font-weight:900}.dud .dud__devices{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.dud .dud__device{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:18px;padding:12px}.dud .dud__device-title{color:var(--text-primary);font-size:13px;font-weight:950}.dud .dud__device-sub{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:6px;font-size:12px;font-weight:800;display:flex}.dud .dud__empty{color:var(--text-muted);padding:14px 16px;font-weight:900}.pcm{gap:var(--space-8);flex-direction:column;animation:.5s ease-out pcmFadeIn;display:flex}.pcm .pcm__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.pcm .pcm__header h1{font-size:var(--font-size-3xl);color:var(--text-primary);margin:0;font-weight:800}.pcm .pcm__header p{font-size:var(--font-size-md);color:var(--text-secondary);margin-top:4px}.pcm .pcm__header .pcm__header-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pcm .pcm__header .pcm__search-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);align-items:center;width:300px;height:48px;padding:0 16px;transition:all .2s;display:flex;position:relative}.pcm .pcm__header .pcm__search-wrapper svg{color:var(--text-muted);font-size:18px}.pcm .pcm__header .pcm__search-wrapper input{color:var(--text-primary);background:0 0;border:none;width:100%;padding-left:12px;font-size:14px}.pcm .pcm__header .pcm__search-wrapper input:focus{outline:none}.pcm .pcm__header .pcm__search-wrapper:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);width:350px}@media (max-width:600px){.pcm .pcm__header .pcm__search-wrapper,.pcm .pcm__header .pcm__search-wrapper:focus-within{width:100%}}.pcm .pcm__header .pcm__add-btn{background:var(--primary-500);color:#fff;border-radius:var(--radius-xl);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .2s;display:flex}.pcm .pcm__header .pcm__add-btn:hover{background:var(--primary-600);transform:translateY(-2px)}.pcm .pcm__types-row{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:1200px){.pcm .pcm__types-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.pcm .pcm__types-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.pcm .pcm__types-row{grid-template-columns:1fr}}.pcm .pcm__expiration-filters{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:600px){.pcm .pcm__expiration-filters{grid-template-columns:1fr}}.pcm .pcm__expiration-filters .pcm__exp-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);height:50px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.pcm .pcm__expiration-filters .pcm__exp-btn svg{opacity:.6;font-size:18px}.pcm .pcm__expiration-filters .pcm__exp-btn:hover{background:var(--bg-hover);border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pcm .pcm__expiration-filters .pcm__exp-btn--active{background:var(--primary-500);border-color:var(--primary-500);color:#fff;box-shadow:0 10px 20px rgba(var(--primary-rgb),.3)}.pcm .pcm__expiration-filters .pcm__exp-btn--active svg{opacity:1}.pcm .pcm__expiration-filters .pcm__exp-btn--active:hover{background:var(--primary-600);border-color:var(--primary-600)}.pcm .pcm__type-card-main{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.pcm .pcm__type-card-main:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-400);background:linear-gradient(135deg,var(--bg-surface)0%,var(--primary-50)100%);transform:translateY(-4px)}.pcm .pcm__type-card-main--active{background:var(--primary-50);border-color:var(--primary-500);box-shadow:var(--shadow-md)}.pcm .pcm__type-card-main--active .pcm__type-card-main-icon{background:var(--primary-500);color:#fff}.pcm .pcm__type-card-main--active .pcm__type-card-main-info h3{color:var(--primary-700)}.pcm .pcm__type-card-main-icon{background:var(--primary-50);width:48px;height:48px;color:var(--primary-500);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;transition:all .3s;display:flex}.pcm .pcm__type-card-main:hover .pcm .pcm__type-card-main-icon{background:var(--primary-500);color:#fff;transform:scale(1.1)}.pcm .pcm__type-card-main-info h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:800}.pcm .pcm__type-card-main-info p{color:var(--text-muted);margin:2px 0 0;font-size:11px;line-height:1.3}.pcm .pcm__stats-header{margin-bottom:var(--space-2);padding:0 var(--space-1);justify-content:space-between;align-items:center;display:flex}.pcm .pcm__stats-header .pcm__total-count{color:var(--text-secondary);font-size:13px}.pcm .pcm__stats-header .pcm__total-count strong{color:var(--primary-500);font-weight:800}.pcm .pcm__stats-header .pcm__page-size{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.pcm .pcm__stats-header .pcm__page-size select{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700;transition:all .2s}.pcm .pcm__stats-header .pcm__page-size select:focus{border-color:var(--primary-500);outline:none}.pcm .pcm__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.pcm .pcm__card{background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border-color);padding:var(--space-6);cursor:pointer;flex-direction:column;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.pcm .pcm__card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-300);transform:translateY(-4px)}.pcm .pcm__card--inactive{opacity:.7;filter:grayscale(.5)}.pcm .pcm__card-header{justify-content:space-between;align-items:flex-start;display:flex}.pcm .pcm__card-header .pcm__code-section{align-items:center;gap:8px;display:flex}.pcm .pcm__card-header .pcm__code-section .pcm__code-badge{background:var(--primary-50);color:var(--primary-600);border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-family:monospace;font-size:16px;font-weight:800;display:flex}.pcm .pcm__card-header .pcm__code-section .pcm__copy-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.pcm .pcm__card-header .pcm__code-section .pcm__copy-btn:hover{color:var(--primary-500)}.pcm .pcm__card-header .pcm__status-badges{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.pcm .pcm__card-body .pcm__discount{margin-bottom:20px}.pcm .pcm__card-body .pcm__discount .pcm__discount-value{color:var(--text-primary);font-size:32px;font-weight:900;display:block}.pcm .pcm__card-body .pcm__discount .pcm__discount-label{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.pcm .pcm__card-body .pcm__stats{margin-bottom:20px}.pcm .pcm__card-body .pcm__stats .pcm__stat{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pcm .pcm__card-body .pcm__stats .pcm__stat svg{color:var(--text-muted)}.pcm .pcm__card-body .pcm__stats .pcm__stat .pcm__stat-value{font-size:14px;font-weight:800}.pcm .pcm__card-body .pcm__stats .pcm__stat .pcm__stat-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.pcm .pcm__card-body .pcm__stats .pcm__usage-bar{background:var(--bg-secondary);border-radius:3px;height:6px;overflow:hidden}.pcm .pcm__card-body .pcm__stats .pcm__usage-bar .pcm__usage-fill{background:var(--primary-500);border-radius:3px;height:100%}.pcm .pcm__card-body .pcm__dates{gap:20px;display:flex}.pcm .pcm__card-body .pcm__dates .pcm__date{align-items:center;gap:8px;display:flex}.pcm .pcm__card-body .pcm__dates .pcm__date svg{color:var(--text-muted);font-size:14px}.pcm .pcm__card-body .pcm__dates .pcm__date-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700;display:block}.pcm .pcm__card-body .pcm__dates .pcm__date-value{color:var(--text-secondary);font-size:12px;font-weight:700}.pcm .pcm__card-actions{border-top:1px solid var(--border-color);gap:10px;padding-top:16px;display:flex}.pcm .pcm__card-actions .pcm__action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;height:36px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.pcm .pcm__card-actions .pcm__action-btn--edit{background:var(--bg-secondary);color:var(--text-primary)}.pcm .pcm__card-actions .pcm__action-btn--edit:hover{background:var(--bg-hover)}.pcm .pcm__card-actions .pcm__action-btn--delete{color:#dc2626;background:#fee2e2}.pcm .pcm__card-actions .pcm__action-btn--delete:hover{background:#fecaca}.pcm .pcm__status-toggle{cursor:pointer;text-transform:uppercase;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.pcm .pcm__status-toggle svg{font-size:16px}.pcm .pcm__status-toggle--active{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.pcm .pcm__status-toggle--active:hover{background:#bbf7d0}.pcm .pcm__status-toggle--inactive{color:#4b5563;background:#f3f4f6;border-color:#e5e7eb}.pcm .pcm__status-toggle--inactive:hover{background:#e5e7eb}.pcm .pcm__badge{text-transform:uppercase;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:flex}.pcm .pcm__badge--active{color:#15803d;background:#dcfce7}.pcm .pcm__badge--inactive{color:#4b5563;background:#f3f4f6}.pcm .pcm__badge--expired{color:#b91c1c;background:#fee2e2}.pcm .pcm__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pcm .pcm__modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:28px;width:100%;max-width:800px;animation:.3s cubic-bezier(.34,1.56,.64,1) pcmModalScale;overflow:hidden;box-shadow:0 20px 50px #0003}.pcm .pcm__modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pcm .pcm__modal-header h2{margin:0;font-size:18px}.pcm .pcm__modal .pcm__close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:grid}.pcm .pcm__modal .pcm__close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.pcm .pcm__modal .pcm__type-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:8px;display:grid}@media (max-width:600px){.pcm .pcm__modal .pcm__type-grid{grid-template-columns:repeat(3,1fr)}}.pcm .pcm__modal .pcm__type-card{background:var(--bg-secondary);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pcm .pcm__modal .pcm__type-card:hover{background:var(--bg-hover);transform:translateY(-2px)}.pcm .pcm__modal .pcm__type-card--active{background:var(--primary-50);border-color:var(--primary-500)}.pcm .pcm__modal .pcm__type-card--active .pcm__type-icon{background:var(--primary-500);color:#fff}.pcm .pcm__modal .pcm__type-card--active .pcm__type-label{color:var(--primary-700);font-weight:800}.pcm .pcm__modal .pcm__type-card .pcm__type-icon{background:var(--bg-surface);width:40px;height:40px;color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.pcm .pcm__modal .pcm__type-card .pcm__type-label{color:var(--text-secondary);font-size:11px;font-weight:700;line-height:1.2}.pcm .pcm__modal .pcm__form .pcm__form-body{flex-direction:column;gap:20px;padding:24px;display:flex}.pcm .pcm__modal .pcm__form .pcm__form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pcm .pcm__modal .pcm__form .pcm__form-group{flex-direction:column;gap:6px;display:flex}.pcm .pcm__modal .pcm__form .pcm__form-group label{color:var(--text-secondary);font-size:13px;font-weight:700}.pcm .pcm__modal .pcm__form .pcm__form-group input,.pcm .pcm__modal .pcm__form .pcm__form-group select{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:10px;padding:10px 14px;font-size:14px}.pcm .pcm__modal .pcm__form .pcm__form-group input:focus,.pcm .pcm__modal .pcm__form .pcm__form-group select:focus{border-color:var(--primary-500);outline:none}.pcm .pcm__modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.pcm .pcm__modal .pcm__btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-weight:800;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.pcm .pcm__modal .pcm__btn--primary{background:var(--primary-500);color:#fff}.pcm .pcm__modal .pcm__btn--primary:hover{background:var(--primary-600);transform:translateY(-1px)}.pcm .pcm__modal .pcm__btn--secondary{border-color:var(--border-color);color:var(--text-primary);background:0 0}.pcm .pcm__modal .pcm__btn--secondary:hover{background:var(--bg-hover)}.pcm .pcm__loading,.pcm .pcm__empty{height:40vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.pcm .pcm__loading .pcm__spinner,.pcm .pcm__empty .pcm__spinner{border:3px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:40px;height:40px;animation:1s linear infinite crSpin}.pcm .pcm__loading svg,.pcm .pcm__empty svg{opacity:.2;font-size:48px}.pcm--refreshing .pcm__grid,.pcm--refreshing .pcm__types-row,.pcm--refreshing .pcm__expiration-filters{opacity:.6;pointer-events:none;filter:blur(1px);transition:all .3s}.pcm .pcm__refresh-indicator{background:var(--primary-500);color:#fff;z-index:2000;border-radius:20px;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:700;animation:.3s ease-out pcmIndicatorIn;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0003}.pcm .pcm__refresh-indicator .pcm__mini-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite crSpin}@keyframes pcmIndicatorIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes pcmFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pcmModalScale{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}[data-theme=dark] .pcm__modal,.dark-mode .pcm__modal{background:var(--bg-surface);box-shadow:0 25px 60px #00000080}[data-theme=dark] .pcm__modal .pcm__type-card,.dark-mode .pcm__modal .pcm__type-card{background:#ffffff08}[data-theme=dark] .pcm__modal .pcm__type-card:hover,.dark-mode .pcm__modal .pcm__type-card:hover{background:#ffffff12}[data-theme=dark] .pcm__modal .pcm__form-group input,[data-theme=dark] .pcm__modal .pcm__form-group select,.dark-mode .pcm__modal .pcm__form-group input,.dark-mode .pcm__modal .pcm__form-group select{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .pcm__modal .pcm__form-group input:focus,[data-theme=dark] .pcm__modal .pcm__form-group select:focus,.dark-mode .pcm__modal .pcm__form-group input:focus,.dark-mode .pcm__modal .pcm__form-group select:focus{border-color:var(--primary-500);background:#ffffff14}.sm{gap:var(--space-8);flex-direction:column;animation:.5s ease-out smFadeIn;display:flex}.sm .sm__header h1{font-size:var(--font-size-3xl);color:var(--text-primary);margin:0;font-weight:800}.sm .sm__header p{font-size:var(--font-size-md);color:var(--text-secondary);margin-top:4px}.sm .sm__tab{color:var(--text-muted);border-radius:var(--radius-xl);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:10px;padding:10px 20px;font-weight:900;transition:all .2s;display:inline-flex}.sm .sm__tab svg{font-size:18px}.sm .sm__tab--active{background:var(--primary-500);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-500-rgb),.2)}.sm .sm__tab:hover:not(.sm .sm__tab--active){background:var(--bg-secondary);color:var(--text-primary)}.sm .sm__tabs{gap:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border-color);width:fit-content;padding:6px;display:flex}.sm .sm__section{gap:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-3xl);padding:var(--space-6);flex-direction:column;display:flex}.sm .sm__section-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.sm .sm__section-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:800}.sm .sm__banners-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.sm .sm__banner-card{background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border-color);transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.sm .sm__banner-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-300);transform:translateY(-4px)}.sm .sm__banner-card .sm__banner-preview{aspect-ratio:21/9;background:#000;width:100%}.sm .sm__banner-card .sm__banner-preview img{object-fit:cover;width:100%;height:100%}.sm .sm__banner-card .sm__banner-content{padding:16px}.sm .sm__banner-card .sm__banner-content h3{margin:0 0 8px;font-size:16px}.sm .sm__banner-card .sm__banner-content p{color:var(--text-secondary);margin:0;font-size:13px}.sm .sm__banner-card .sm__banner-actions{opacity:0;gap:8px;transition:opacity .2s;display:flex;position:absolute;top:12px;right:12px}.sm .sm__banner-card:hover .sm__banner-actions{opacity:1}.sm .sm__categories-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.sm .sm__category-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.sm .sm__category-card:hover{border-color:var(--primary-500);transform:scale(1.02)}.sm .sm__category-card .sm__category-icon{background:var(--bg-secondary);width:48px;height:48px;color:var(--text-muted);border-radius:12px;place-items:center;display:grid;overflow:hidden}.sm .sm__category-card .sm__category-icon img{object-fit:cover;width:100%;height:100%}.sm .sm__category-card .sm__category-info{flex:1}.sm .sm__category-card .sm__category-info h3{margin:0;font-size:15px}.sm .sm__category-card .sm__category-info p{color:var(--text-muted);font-size:12px}.sm .sm__category-actions{gap:8px;display:flex}.sm .sm__categories-grid--movies{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.sm .sm__category-card--movie{cursor:pointer;flex-direction:column;padding:0;overflow:hidden}.sm .sm__category-card--movie .sm__category-banner{background:var(--bg-secondary);width:100%;height:140px;position:relative;overflow:hidden}.sm .sm__category-card--movie .sm__category-banner img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.sm .sm__category-card--movie .sm__category-banner:hover img{transform:scale(1.05)}.sm .sm__category-card--movie .sm__category-overlay{background:linear-gradient(#0000,#000c);padding:8px 12px;position:absolute;bottom:0;left:0;right:0}.sm .sm__category-card--movie .sm__category-count{color:#fff;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.sm .sm__category-card--movie .sm__category-info{padding:12px 16px}.sm .sm__category-card--movie .sm__category-info h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;font-weight:700;overflow:hidden}.sm .sm__category-card--movie .sm__category-info p{color:var(--text-muted);margin:0;font-size:12px}.sm .sm__category-card--movie .sm__category-actions{justify-content:flex-end;padding:0 12px 12px}.sm .sm__img-placeholder{color:#ffffffb3;background:linear-gradient(135deg,#ffffff0f,#ffffff05);place-items:center;width:100%;height:100%;display:grid}.sm .sm__img-placeholder svg{opacity:.8;width:28px;height:28px}.sm .sm__empty{border-radius:var(--radius-2xl);border:1px dashed var(--border-color);background:var(--bg-secondary);color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:28px;font-weight:800;display:flex}.sm .sm__empty svg{opacity:.6}.sm .sm__empty p{margin:0}.sm .sm__error{border-radius:var(--radius-xl);color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:14px 16px;font-weight:900}.sm .sm__featured{gap:var(--space-5);flex-direction:column;display:flex}.sm .sm__featured-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sm .sm__featured-tabs{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (max-width:560px){.sm .sm__featured-header{align-items:stretch}.sm .sm__featured-header .sm__btn{justify-content:center;width:100%}.sm .sm__featured-tabs{width:100%}}.sm .sm__featured-add{flex-wrap:wrap;gap:12px;display:flex}.sm .sm__featured-add input{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:240px;height:42px;color:var(--text-primary);border-radius:12px;flex:1;padding:0 14px}.sm .sm__featured-add input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px rgba(var(--primary-500-rgb),.12);outline:none}.sm .sm__featured-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.sm .sm__featured-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.sm .sm__featured-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sm .sm__featured-del{border:1px solid var(--border-color);background:var(--bg-secondary);color:#dc2626;cursor:pointer;border-radius:12px;place-items:center;width:34px;height:34px;transition:background .2s,transform .2s,border-color .2s;display:grid}.sm .sm__featured-del:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;transform:translateY(-1px)}.sm .sm__featured-del:disabled{opacity:.5;cursor:not-allowed;transform:none}.sm .sm__featured-del svg{width:16px;height:16px}.sm .sm__featured-title{color:var(--text-primary);font-weight:900;line-height:1.2}.sm .sm__featured-sub{color:var(--text-muted);font-family:monospace;font-size:12px}.sm .sm__btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.sm .sm__btn--primary{background:var(--primary-500);color:#fff}.sm .sm__btn--primary:hover{background:var(--primary-600)}.sm .sm__btn--secondary{background:var(--bg-secondary);color:var(--text-primary)}.sm .sm__btn--secondary:hover{background:var(--bg-hover)}.sm .sm__btn--danger{color:#dc2626;background:#fee2e2}.sm .sm__btn--danger:hover{background:#fecaca}.sm .sm__btn--icon{justify-content:center;width:32px;height:32px;padding:0}.sm .sm__icon-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;place-items:center;transition:background .2s,color .2s;display:grid}.sm .sm__icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sm .sm__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sm .sm__modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-3xl);width:100%;max-width:980px;box-shadow:var(--shadow-2xl);flex-direction:column;max-height:90vh;display:flex;overflow:hidden}.sm .sm__modal--detail{max-width:1060px}.sm .sm__modal--compact{max-width:560px}.sm .sm__modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.sm .sm__modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:900}.sm .sm__form{flex-direction:column;display:flex;overflow:hidden}.sm .sm__form-body{flex-direction:column;gap:14px;padding:20px;display:flex;overflow:auto}.sm .sm__form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:760px){.sm .sm__form-row{grid-template-columns:1fr}}.sm .sm__form-group{flex-direction:column;gap:6px;display:flex}.sm .sm__form-group label{color:var(--text-secondary);font-size:13px;font-weight:800}.sm .sm__form-group input,.sm .sm__form-group select,.sm .sm__form-group textarea{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:12px;padding:10px 12px}.sm .sm__form-group input:focus,.sm .sm__form-group select:focus,.sm .sm__form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px rgba(var(--primary-500-rgb),.12);outline:none}.sm .sm__checkbox{color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-weight:800;display:flex}.sm .sm__upload-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:900px){.sm .sm__upload-grid{grid-template-columns:1fr}}.sm .sm__upload{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex}.sm .sm__upload-title{color:var(--text-primary);font-size:13px;font-weight:900}.sm .sm__upload-preview{aspect-ratio:16/9;border:1px solid var(--border-color);background:#000;border-radius:14px;overflow:hidden}.sm .sm__upload-preview img{object-fit:cover;width:100%;height:100%;display:block}.sm .sm__modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.sm .sm__detail{flex-direction:column;gap:18px;padding:20px;display:flex;overflow:auto}.sm .sm__detail--compact{gap:12px;padding:18px 20px}.sm .sm__hint{color:var(--text-muted);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.5}.sm .sm__detail-hero{flex-direction:column;gap:10px;display:flex}.sm .sm__detail-title{color:var(--text-primary);font-size:20px;font-weight:950;line-height:1.2}.sm .sm__detail-sub{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.sm .sm__detail-sub svg{color:var(--text-muted)}.sm .sm__detail-badges{flex-wrap:wrap;gap:8px;display:flex}.sm .sm__badge{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-flex}.sm .sm__badge--active{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.sm .sm__badge--inactive{color:#4b5563;background:#f3f4f6;border-color:#e5e7eb}.sm .sm__badge--neutral{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.sm .sm__color-dot{border:1px solid #00000026;border-radius:4px;width:12px;height:12px}.sm .sm__detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:900px){.sm .sm__detail-grid{grid-template-columns:1fr}}.sm .sm__detail-item{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:16px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.sm .sm__detail-item--full{grid-column:1/-1}.sm .sm__detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:900}.sm .sm__detail-value{color:var(--text-primary);word-break:break-word;font-size:13px;font-weight:800;line-height:1.5}.sm .sm__detail-media{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sm .sm__detail-media--two{grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.sm .sm__detail-media,.sm .sm__detail-media--two{grid-template-columns:1fr}}.sm .sm__detail-media-card{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex}.sm .sm__detail-media-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:900}.sm .sm__detail-media-preview{aspect-ratio:16/9;border:1px solid var(--border-color);background:#000;border-radius:14px;overflow:hidden}.sm .sm__detail-media-preview img{object-fit:cover;width:100%;height:100%;display:block}.sm .sm__loading{justify-content:center;align-items:center;height:40vh;display:flex}.sm .sm__loading .spinner{border:3px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:40px;height:40px;animation:1s linear infinite crSpin}.sm .sm__announce-list{flex-direction:column;gap:12px;display:flex}.sm .sm__announce-card{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;border-radius:16px;flex-direction:column;gap:12px;padding:16px;transition:background .2s,border-color .2s;display:flex}.sm .sm__announce-card:hover{background:var(--bg-hover);border-color:var(--primary-500)}.sm .sm__announce-card-top{align-items:flex-start;gap:14px;display:flex}.sm .sm__announce-status-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.sm .sm__announce-status-icon--news{color:#3b82f6;background:#3b82f626}.sm .sm__announce-status-icon--important{color:#ef4444;background:#ef444426}.sm .sm__announce-status-icon--warning{color:#f59e0b;background:#f59e0b26}.sm .sm__announce-status-icon--technical{color:#6b7280;background:#6b728026}.sm .sm__announce-card-body{flex:1;min-width:0}.sm .sm__announce-card-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.sm .sm__announce-type-badge{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.sm .sm__announce-type-badge--news{color:#3b82f6;background:#3b82f626}.sm .sm__announce-type-badge--important{color:#ef4444;background:#ef444426}.sm .sm__announce-type-badge--warning{color:#f59e0b;background:#f59e0b26}.sm .sm__announce-type-badge--technical{color:#6b7280;background:#6b728026}.sm .sm__announce-date{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.sm .sm__announce-card-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:900;line-height:1.3}.sm .sm__announce-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.sm .sm__announce-mini-stats{color:var(--text-muted);gap:14px;margin-top:8px;font-size:12px;display:flex}.sm .sm__announce-mini-stats span{align-items:center;gap:4px;display:inline-flex}.sm .sm__announce-card-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.sm .sm__announce-view-content{margin-top:8px}.sm .sm__announce-view-text{color:var(--text-primary);word-break:break-word;margin-top:8px;font-size:14px;line-height:1.7}.sm .sm__announce-view-text img{border-radius:12px;max-width:100%;margin:8px 0}.sm .sm__announce-view-text p{margin:6px 0}.sm .sm__announce-view-text a{color:var(--primary-500);text-decoration:underline}.sm .sm__announce-view-text code{color:#e2e8f0;background:#6e76a02e;border:1px solid #ffffff14;border-radius:5px;padding:2px 6px;font-family:Courier New,Courier,monospace;font-size:.88em}.sm .sm__announce-view-text pre{white-space:pre;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;color:#a5f3a5!important;background:#0f111ae0!important;border:1px solid #ffffff1a!important;border-radius:10px!important;margin:.75rem 0!important;padding:1rem 1.25rem!important}.sm .sm__announce-stats{margin-top:16px}.sm .sm__announce-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;display:grid}@media (max-width:760px){.sm .sm__announce-stats-grid{grid-template-columns:1fr}}.sm .sm__announce-stats-card{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:800;display:flex}.sm .sm__announce-stats-card span{color:var(--text-primary);font-size:18px;font-weight:950}@keyframes smFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sm__lang-hint{opacity:.7;margin:0 0 16px;font-size:13px}.sm__lang-add{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.sm__lang-add input{min-width:160px;color:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;flex:1;padding:10px 14px;font-size:14px}.sm__lang-list{flex-direction:column;gap:10px;max-width:620px;display:flex}.sm__lang-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sm__lang-info{align-items:center;gap:12px;display:flex}.sm__lang-code{text-transform:uppercase;color:#00df3e;background:#00df3e26;border-radius:6px;justify-content:center;align-items:center;min-width:40px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.sm__lang-name{font-weight:600}.sm__icon-btn--danger{color:#ff5d5d;border-color:#ff5d5d4d}.sm__icon-btn--danger:hover{background:#ff5d5d1f}.sm__spec-form{flex-direction:column;gap:14px;max-width:620px;margin-bottom:20px;display:flex}.sm__spec-form>.sm__btn{align-self:flex-start}.sm__spec-langs{text-transform:uppercase;letter-spacing:.03em;opacity:.55;font-size:11px;font-weight:700}.sm__spec-count{opacity:.7;margin-bottom:12px;font-size:13px;font-weight:600}.sm__spec-list{flex-wrap:wrap;gap:8px;display:flex}.sm__spec-chip{background:#00df3e14;border:1px solid #00df3e40;border-radius:999px;align-items:center;gap:6px;padding:7px 8px 7px 14px;font-size:13px;display:inline-flex}.sm__spec-name{font-weight:600}.sm__spec-remove{color:#ff5d5d;cursor:pointer;background:#ff5d5d1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s;display:inline-flex}.sm__spec-remove:hover{background:#ff5d5d40}.sm__region-picker{flex-wrap:wrap;gap:8px;max-height:180px;padding:6px 2px;display:flex;overflow-y:auto}.sm__region-empty{opacity:.7;font-size:13px}.sm__region-empty code{background:#ffffff14;border-radius:5px;padding:2px 6px}.sm__region-chip{color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:6px 12px;font-size:12.5px;transition:all .15s}.sm__region-chip:hover{border-color:#00df3e80}.sm__region-chip--active{color:#00df3e;background:#00df3e29;border-color:#00df3e;font-weight:600}.rmap__overlay{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rmap__modal{background:var(--bg-surface,#14181d);border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;width:min(920px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080}.rmap__header{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:14px 18px;display:flex}.rmap__title{font-size:15px;font-weight:700}.rmap__back{color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.rmap__crumb{flex:1;align-items:center;gap:12px;font-weight:700;display:flex}.rmap__pick-all{color:#00df3e;cursor:pointer;background:#00df3e14;border:1px solid #00df3e66;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600}.rmap__pick-all.active{background:#00df3e38}.rmap__close{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:20px;display:inline-flex}.rmap__hint{opacity:.7;padding:8px 18px;font-size:12.5px}.rmap__loading-inline{color:#00df3e}.rmap__map{flex:1;height:50vh;min-height:420px}.rmap__map .leaflet-container{background:#0e1216}.rmap__map .rmap__loading{opacity:.7;justify-content:center;align-items:center;height:100%;display:flex}.rmap__selected{flex-wrap:wrap;gap:8px;max-height:96px;padding:12px 18px 0;display:flex;overflow-y:auto}.rmap__chip{color:#00df3e;background:#00df3e29;border:1px solid #00df3e;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.rmap__chip button{color:inherit;cursor:pointer;background:0 0;border:none;display:inline-flex}.rmap__footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.rmap__count{opacity:.8;font-size:13px}.rmap__btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-weight:600;display:inline-flex}.rmap__btn--ghost{color:inherit;background:0 0;border-color:#ffffff26;margin-right:8px}.rmap__btn--primary{color:#04140a;background:#00df3e}.tred{margin-bottom:4px}.tred__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.tred__head label{font-size:13.5px;font-weight:600}.tred__add{color:#00df3e;cursor:pointer;background:#00df3e14;border:1px solid #00df3e66;border-radius:9px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.tred__add:disabled{opacity:.5;cursor:not-allowed}.tred__hint{opacity:.6;margin:0;font-size:12.5px}.tred__rows{flex-direction:column;gap:12px;display:flex}.tred__row{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.tred__row input,.tred__row textarea,.tred__row select{width:100%;color:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9px;padding:9px 12px;font-size:14px}.tred__row textarea{resize:vertical}.tred__row-top{align-items:center;gap:8px;display:flex}.tred__row-top select{flex:1}.tred__del{color:#ff5d5d;cursor:pointer;background:#ff5d5d14;border:1px solid #ff5d5d4d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.admin-dashboard-page{gap:var(--space-8);flex-direction:column;animation:.4s ease-out adminFadeIn;display:flex}.admin-dashboard-page .admin-header{padding:var(--space-6);background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.admin-dashboard-page .admin-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.admin-dashboard-page .admin-header p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:4px 0 0}.admin-dashboard-page .admin-header .admin-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:rgba(var(--primary-500-rgb),.1);color:var(--primary-500);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border:1px solid rgba(var(--primary-500-rgb),.2);display:flex}.admin-dashboard-page .admin-header .admin-badge .icon{font-size:16px}.admin-dashboard-page .admin-stats-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.admin-dashboard-page .admin-stats-grid .admin-stat-card{background:var(--bg-surface);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--border-color);gap:var(--space-3);transition:all var(--transition-normal);flex-direction:column;display:flex}.admin-dashboard-page .admin-stats-grid .admin-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.admin-dashboard-page .admin-stats-grid .admin-stat-card .stat-icon{border-radius:var(--radius-lg);width:40px;height:40px;font-size:var(--font-size-xl);justify-content:center;align-items:center;display:flex}.admin-dashboard-page .admin-stats-grid .admin-stat-card .stat-info h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.admin-dashboard-page .admin-stats-grid .admin-stat-card .stat-info p{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;margin:2px 0 0}.admin-dashboard-page .admin-stats-grid .admin-stat-card .stat-trending{font-size:10px;font-weight:var(--font-weight-bold);align-items:center;gap:4px;display:flex}.admin-dashboard-page .admin-stats-grid .admin-stat-card.danger .stat-icon{color:#ef4444;background:#ef44441a}.admin-dashboard-page .admin-stats-grid .admin-stat-card.danger .stat-trending{color:#ef4444}.admin-dashboard-page .admin-stats-grid .admin-stat-card.danger:hover{border-color:#ef44444d}.admin-dashboard-page .admin-stats-grid .admin-stat-card.warning .stat-icon{color:#f59e0b;background:#f59e0b1a}.admin-dashboard-page .admin-stats-grid .admin-stat-card.warning .stat-trending{color:#f59e0b}.admin-dashboard-page .admin-stats-grid .admin-stat-card.warning:hover{border-color:#f59e0b4d}.admin-dashboard-page .admin-stats-grid .admin-stat-card.primary .stat-icon{color:var(--primary-500);background:#3b82f61a}.admin-dashboard-page .admin-stats-grid .admin-stat-card.primary .stat-trending{color:var(--primary-500)}.admin-dashboard-page .admin-stats-grid .admin-stat-card.primary:hover{border-color:#3b82f64d}.admin-dashboard-page .admin-stats-grid .admin-stat-card.secondary .stat-icon{color:#a855f7;background:#a855f71a}.admin-dashboard-page .admin-stats-grid .admin-stat-card.secondary .stat-trending{color:#a855f7}.admin-dashboard-page .admin-stats-grid .admin-stat-card.secondary:hover{border-color:#a855f74d}.admin-dashboard-page .admin-main-grid{gap:var(--space-8);grid-template-columns:1.5fr 1fr;display:grid}@media (max-width:992px){.admin-dashboard-page .admin-main-grid{grid-template-columns:1fr}}.admin-dashboard-page .admin-card{background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border-color);padding:var(--space-6)}.admin-dashboard-page .admin-card .card-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.admin-dashboard-page .admin-card .card-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.admin-dashboard-page .admin-card .card-header .btn-view-all{font-size:var(--font-size-xs);color:var(--primary-500);font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;border:none}.admin-dashboard-page .admin-card .card-header .btn-view-all:hover{text-decoration:underline}.admin-dashboard-page .admin-card .card-header .status-dot{border-radius:50%;width:10px;height:10px}.admin-dashboard-page .admin-card .card-header .status-dot.green{background:#10b981;box-shadow:0 0 8px #10b981}.admin-dashboard-page .activities-list{gap:var(--space-4);flex-direction:column;display:flex}.admin-dashboard-page .activities-list .activity-item{align-items:center;gap:var(--space-4);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:all var(--transition-fast);display:flex}.admin-dashboard-page .activities-list .activity-item:hover{background:var(--bg-hover)}.admin-dashboard-page .activities-list .activity-item .activity-bullet{border-radius:50%;width:8px;height:8px}.admin-dashboard-page .activities-list .activity-item .activity-bullet.video{background:var(--primary-500)}.admin-dashboard-page .activities-list .activity-item .activity-bullet.report{background:#ef4444}.admin-dashboard-page .activities-list .activity-item .activity-bullet.moderation{background:#10b981}.admin-dashboard-page .activities-list .activity-item .activity-bullet.user{background:#a855f7}.admin-dashboard-page .activities-list .activity-item .activity-details{flex-direction:column;flex:1;display:flex}.admin-dashboard-page .activities-list .activity-item .activity-details .action{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.admin-dashboard-page .activities-list .activity-item .activity-details .user{font-size:var(--font-size-xs);color:var(--text-muted)}.admin-dashboard-page .activities-list .activity-item .time{color:var(--text-muted);font-size:11px;font-weight:var(--font-weight-medium)}.admin-dashboard-page .server-metrics{gap:var(--space-6);flex-direction:column;display:flex}.admin-dashboard-page .server-metrics .metric .metric-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2);justify-content:space-between;display:flex}.admin-dashboard-page .server-metrics .metric .metric-bar{background:var(--bg-secondary);border-radius:var(--radius-full);height:6px;overflow:hidden}.admin-dashboard-page .server-metrics .metric .metric-bar .fill{background:var(--primary-500);border-radius:var(--radius-full);height:100%;transition:width .8s ease-out}.admin-dashboard-page .admin-loading{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;height:50vh;display:flex}.admin-dashboard-page .admin-loading .admin-spinner{border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:44px;height:44px;animation:1s linear infinite adminSpin}.admin-dashboard-page .admin-loading p{color:var(--text-secondary);font-weight:var(--font-weight-medium)}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes adminSpin{to{transform:rotate(360deg)}}.teacher-analytics-page{gap:var(--space-8);flex-direction:column;animation:.6s ease-out analyticsFadeIn;display:flex}.teacher-analytics-page .analytics-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.teacher-analytics-page .analytics-header .header-info h1{font-size:var(--font-size-3xl);color:var(--text-primary);margin:0;font-weight:800}.teacher-analytics-page .analytics-header .header-info p{font-size:var(--font-size-md);color:var(--text-secondary);margin-top:4px}.teacher-analytics-page .analytics-header .header-controls{align-items:center;gap:var(--space-4);display:flex}.teacher-analytics-page .analytics-header .header-controls .range-selector{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:4px;display:flex}.teacher-analytics-page .analytics-header .header-controls .range-selector button{padding:var(--space-2)var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:none;font-weight:600;transition:all .2s}.teacher-analytics-page .analytics-header .header-controls .range-selector button.active{background:var(--primary-500);color:#fff}.teacher-analytics-page .analytics-header .header-controls .btn-export{padding:var(--space-2)var(--space-6);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.teacher-analytics-page .analytics-header .header-controls .btn-export:hover{background:var(--bg-hover)}.teacher-analytics-page .metrics-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.teacher-analytics-page .metrics-grid .metric-card{background:var(--bg-surface);padding:var(--space-6);border-radius:var(--radius-3xl);border:1px solid var(--border-color);gap:var(--space-4);flex-direction:column;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.teacher-analytics-page .metrics-grid .metric-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000000d}.teacher-analytics-page .metrics-grid .metric-card .card-top{justify-content:space-between;align-items:center;display:flex}.teacher-analytics-page .metrics-grid .metric-card .card-top .icon-wrap{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.teacher-analytics-page .metrics-grid .metric-card .card-top .icon-wrap.blue{color:#3b82f6;background:#3b82f61a}.teacher-analytics-page .metrics-grid .metric-card .card-top .icon-wrap.purple{color:#a855f7;background:#a855f71a}.teacher-analytics-page .metrics-grid .metric-card .card-top .icon-wrap.green{color:#10b981;background:#10b9811a}.teacher-analytics-page .metrics-grid .metric-card .card-top .icon-wrap.orange{color:#f59e0b;background:#f59e0b1a}.teacher-analytics-page .metrics-grid .metric-card .card-top .trend{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:flex}.teacher-analytics-page .metrics-grid .metric-card .card-top .trend.positive{color:#15803d;background:#dcfce7}.teacher-analytics-page .metrics-grid .metric-card .card-top .trend.negative{color:#b91c1c;background:#fee2e2}.teacher-analytics-page .metrics-grid .metric-card .card-body h2{color:var(--text-primary);margin:0;font-size:32px;font-weight:800}.teacher-analytics-page .metrics-grid .metric-card .card-body p{font-size:var(--font-size-sm);color:var(--text-muted);margin:4px 0 0;font-weight:500}.teacher-analytics-page .charts-main-grid{gap:var(--space-8);grid-template-columns:2fr 1fr;display:grid}@media (max-width:1200px){.teacher-analytics-page .charts-main-grid{grid-template-columns:1fr}}.teacher-analytics-page .chart-container{background:var(--bg-surface);padding:var(--space-8);border-radius:var(--radius-3xl);border:1px solid var(--border-color)}.teacher-analytics-page .chart-container .container-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.teacher-analytics-page .chart-container .container-header h3{font-size:var(--font-size-xl);margin:0;font-weight:800}.teacher-analytics-page .chart-container .container-header .legend{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.teacher-analytics-page .chart-container .container-header .legend .dot{border-radius:50%;width:8px;height:8px}.teacher-analytics-page .chart-container .container-header .legend .dot.revenue{background:#3b82f6}.teacher-analytics-page .pie-chart-wrap{gap:var(--space-6);flex-direction:column;align-items:center;display:flex}.teacher-analytics-page .pie-chart-wrap .pie-info{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.teacher-analytics-page .pie-chart-wrap .pie-info .info-row{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);display:flex}.teacher-analytics-page .pie-chart-wrap .pie-info .info-row .dot{border-radius:50%;width:10px;height:10px}.teacher-analytics-page .pie-chart-wrap .pie-info .info-row .label{color:var(--text-secondary);flex:1;font-weight:500}.teacher-analytics-page .pie-chart-wrap .pie-info .info-row .val{color:var(--text-primary);font-weight:800}.teacher-analytics-page .pie-chart-wrap .pie-box .mock-pie{background:conic-gradient(#3b82f6 0% 40%,#a855f7 40% 70%,#10b981 70% 100%);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.teacher-analytics-page .pie-chart-wrap .pie-box .mock-pie .outer{border:15px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.teacher-analytics-page .pie-chart-wrap .pie-box .mock-pie .inner{background:var(--bg-surface);width:70px;height:70px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;box-shadow:inset 0 2px 4px #0000000d}.teacher-analytics-page .charts-secondary-grid{gap:var(--space-8);grid-template-columns:1fr 340px;display:grid}@media (max-width:1200px){.teacher-analytics-page .charts-secondary-grid{grid-template-columns:1fr}}.teacher-analytics-page .summary-cards-column{gap:var(--space-4);flex-direction:column;display:flex}.teacher-analytics-page .summary-cards-column .summary-card{align-items:center;gap:var(--space-5);padding:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border-color);transition:all .2s;display:flex}.teacher-analytics-page .summary-cards-column .summary-card:hover{border-color:var(--primary-300);background:var(--bg-hover)}.teacher-analytics-page .summary-cards-column .summary-card .icon-side{background:var(--bg-secondary);width:44px;height:44px;color:var(--primary-500);border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.teacher-analytics-page .summary-cards-column .summary-card .text-side h4{font-size:var(--font-size-lg);margin:0;font-weight:800}.teacher-analytics-page .summary-cards-column .summary-card .text-side p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.teacher-analytics-page .teacher-analytics-loading{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;height:70vh;display:flex}.teacher-analytics-page .teacher-analytics-loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:50px;height:50px;animation:1s linear infinite aSpin}@keyframes analyticsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes aSpin{to{transform:rotate(360deg)}}.user-dashboard-page{gap:var(--space-8);flex-direction:column;animation:.6s cubic-bezier(.23,1,.32,1) userReveal;display:flex}.user-dashboard-page .user-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.user-dashboard-page .user-header .header-text h1{font-size:var(--font-size-3xl);color:var(--text-primary);letter-spacing:-.5px;margin:0;font-weight:800}.user-dashboard-page .user-header .header-text p{font-size:var(--font-size-md);color:var(--text-secondary);margin-top:6px}.user-dashboard-page .user-header .rank-badge{color:#fff;background:linear-gradient(135deg,#8b5cf6,#d946ef);border-radius:20px;align-items:center;gap:10px;padding:12px 24px;font-weight:700;display:flex;box-shadow:0 10px 20px #8b5cf64d}.user-dashboard-page .user-header .rank-badge .icon{font-size:20px}.user-dashboard-page .user-metrics-row{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.user-dashboard-page .user-metrics-row .u-metric-card{background:var(--bg-surface);padding:var(--space-6);border-radius:var(--radius-3xl);border:1px solid var(--border-color);position:relative;overflow:hidden}.user-dashboard-page .user-metrics-row .u-metric-card .u-icon{width:44px;height:44px;margin-bottom:var(--space-4);border-radius:14px;justify-content:center;align-items:center;font-size:20px;display:flex}.user-dashboard-page .user-metrics-row .u-metric-card h3{color:var(--text-primary);margin:0;font-size:28px;font-weight:800}.user-dashboard-page .user-metrics-row .u-metric-card p{color:var(--text-muted);margin:4px 0 0;font-size:13px;font-weight:600}.user-dashboard-page .user-metrics-row .u-metric-card .u-trend{color:#10b981;margin-top:12px;font-size:11px;font-weight:700}.user-dashboard-page .user-metrics-row .u-metric-card.color-blue .u-icon{color:#3b82f6;background:#3b82f61a}.user-dashboard-page .user-metrics-row .u-metric-card.color-green .u-icon{color:#10b981;background:#10b9811a}.user-dashboard-page .user-metrics-row .u-metric-card.color-purple .u-icon{color:#a855f7;background:#a855f71a}.user-dashboard-page .user-metrics-row .u-metric-card.color-orange .u-icon{color:#f59e0b;background:#f59e0b1a}.user-dashboard-page .user-analytics-grid{gap:var(--space-8);grid-template-columns:2fr 1fr;display:grid}@media (max-width:1024px){.user-dashboard-page .user-analytics-grid{grid-template-columns:1fr}}.user-dashboard-page .user-analytics-grid .chart-container{background:var(--bg-surface);padding:var(--space-8);border-radius:var(--radius-3xl);border:1px solid var(--border-color)}.user-dashboard-page .user-analytics-grid .chart-container .card-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.user-dashboard-page .user-analytics-grid .chart-container .card-header h2{font-size:var(--font-size-xl);margin:0;font-weight:800}.user-dashboard-page .user-analytics-grid .chart-container .card-header .chart-tabs{background:var(--bg-secondary);border-radius:12px;padding:4px;display:flex}.user-dashboard-page .user-analytics-grid .chart-container .card-header .chart-tabs button{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 16px;font-size:12px;font-weight:700}.user-dashboard-page .user-analytics-grid .chart-container .card-header .chart-tabs button.active{color:var(--primary-500);background:#fff;box-shadow:0 4px 6px #0000000d}.user-dashboard-page .card-footer-stats{gap:var(--space-8);margin-top:var(--space-6);display:flex}.user-dashboard-page .card-footer-stats .footer-stat .label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.user-dashboard-page .card-footer-stats .footer-stat .val{color:var(--text-primary);margin-top:4px;font-size:18px;font-weight:800;display:block}.user-dashboard-page .user-side-column{gap:var(--space-6);flex-direction:column;display:flex}.user-dashboard-page .card{background:var(--bg-surface);padding:var(--space-6);border:1px solid var(--border-color);border-radius:24px}.user-dashboard-page .streak-card{text-align:center;background:linear-gradient(135deg,#fff,#fff1f2)}.user-dashboard-page .streak-card .fire-icon{margin-bottom:12px;font-size:48px}.user-dashboard-page .streak-card h3{color:#e11d48;margin:0;font-size:18px;font-weight:800}.user-dashboard-page .streak-card p{color:#9f1239;margin:8px 0 16px;font-size:12px;line-height:1.5}.user-dashboard-page .streak-card .streak-dots{justify-content:center;gap:8px;display:flex}.user-dashboard-page .streak-card .streak-dots .dot{opacity:.2;background:#fb7185;border-radius:50%;width:10px;height:10px}.user-dashboard-page .streak-card .streak-dots .dot.active{opacity:1;transform:scale(1.2)}.user-dashboard-page .category-performance h3{margin:0 0 20px;font-size:16px;font-weight:800}.user-dashboard-page .category-performance .perf-list{flex-direction:column;gap:16px;display:flex}.user-dashboard-page .category-performance .perf-list .perf-item{align-items:center;gap:12px;display:flex}.user-dashboard-page .category-performance .perf-list .perf-item .name{width:70px;color:var(--text-secondary);font-size:12px;font-weight:700}.user-dashboard-page .category-performance .perf-list .perf-item .bar-wrap{background:var(--bg-secondary);border-radius:4px;flex:1;height:8px;overflow:hidden}.user-dashboard-page .category-performance .perf-list .perf-item .bar-wrap .bar{border-radius:4px;height:100%}.user-dashboard-page .category-performance .perf-list .perf-item .val{color:var(--text-primary);font-size:12px;font-weight:800}.user-dashboard-page .achievement-road .road-header{margin-bottom:var(--space-10)}.user-dashboard-page .achievement-road .road-header h2{margin:0;font-size:20px;font-weight:800}.user-dashboard-page .achievement-road .road-header p{color:var(--text-muted);margin:4px 0 0;font-size:14px}.user-dashboard-page .achievement-road .road-map{justify-content:space-between;align-items:center;padding:20px 0;display:flex;position:relative}.user-dashboard-page .achievement-road .road-map:before{content:"";background:var(--bg-secondary);z-index:1;height:4px;position:absolute;top:40px;left:0;right:0}.user-dashboard-page .achievement-road .road-map .node{z-index:2;background:var(--bg-surface);border:3px solid var(--border-color);width:44px;height:44px;color:var(--text-muted);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:18px;display:flex;position:relative}.user-dashboard-page .achievement-road .road-map .node .title{white-space:nowrap;font-size:11px;font-weight:800;position:absolute;bottom:-30px}.user-dashboard-page .achievement-road .road-map .node.active{color:#f59e0b;background:#fffbeb;border-color:#f59e0b}.user-dashboard-page .achievement-road .road-map .node.current{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 8px #3b82f61a}.user-dashboard-page .user-dashboard-loading{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;height:50vh;display:flex}.user-dashboard-page .user-dashboard-loading .user-spinner{border:4px solid var(--border-color);border-top-color:#8b5cf6;border-radius:50%;width:44px;height:44px;animation:1s linear infinite uSpin}@keyframes userReveal{0%{opacity:0;transform:scale(.98)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes uSpin{to{transform:rotate(360deg)}}.file-attachment{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem;transition:all .2s;display:flex}.file-attachment:hover{border-color:var(--primary-color,#3b82f6);box-shadow:0 2px 8px #3b82f61a}.file-attachment .file-info{flex:1;align-items:center;gap:.75rem;display:flex}.file-attachment .file-info .file-icon{background:var(--primary-color,#3b82f6);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.file-attachment .file-info .file-details{flex-direction:column;gap:.25rem;display:flex}.file-attachment .file-info .file-details .file-name{color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:500}.file-attachment .file-info .file-details .file-size{color:var(--text-secondary,#64748b);font-size:.8rem}.file-attachment .file-actions{gap:.5rem;display:flex}.file-attachment .file-actions .file-action-btn{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-primary,#fff);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex}.file-attachment .file-actions .file-action-btn:hover{background:var(--bg-hover,#f1f5f9)}.file-attachment .file-actions .file-action-btn--view{color:var(--primary-color,#3b82f6)}.file-attachment .file-actions .file-action-btn--view:hover{border-color:var(--primary-color,#3b82f6);background:#3b82f61a}.file-attachment .file-actions .file-action-btn--download{color:var(--success-color,#10b981)}.file-attachment .file-actions .file-action-btn--download:hover{border-color:var(--success-color,#10b981);background:#10b9811a}.file-attachment .file-permissions{border-left:1px solid var(--border-color,#e2e8f0);flex-direction:column;gap:.5rem;margin-left:1rem;padding-left:1rem;display:flex}.file-attachment .file-permissions .permission-label{color:var(--text-secondary,#64748b);font-size:.8rem;font-weight:500}.file-attachment .file-permissions .permission-badges{flex-direction:column;gap:.25rem;display:flex}.file-attachment .file-permissions .permission-badges .permission-badge{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.file-attachment .file-permissions .permission-badges .permission-badge.allowed{color:var(--success-color,#10b981);background:#10b9811a}.file-attachment .file-permissions .permission-badges .permission-badge.denied{color:var(--danger-color,#ef4444);background:#ef44441a}.file-viewer-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.file-viewer-modal .file-viewer-container{background:var(--bg-primary,#fff);border-radius:12px;flex-direction:column;width:100%;max-width:90vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (min-width:768px){.file-viewer-modal .file-viewer-container{max-width:800px}}.file-viewer-modal .file-viewer-header{border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.file-viewer-modal .file-viewer-header h3{color:var(--text-primary,#1e293b);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:600;overflow:hidden}.file-viewer-modal .file-viewer-header .file-viewer-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#64748b);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.file-viewer-modal .file-viewer-header .file-viewer-close:hover{background:var(--bg-hover,#f1f5f9);color:var(--text-primary,#1e293b)}.file-viewer-modal .file-viewer-body{justify-content:center;align-items:center;min-width:0;height:500px;padding:1rem;display:flex;position:relative;overflow:auto}.file-viewer-modal .file-viewer-body .file-viewer-content{max-width:100%;max-height:100%}.file-viewer-modal .file-viewer-body .file-viewer-content[src$=\.pdf]{border:none;width:100%;height:500px}.file-viewer-modal .file-viewer-body .file-viewer-text-container{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:8px;width:100%;max-width:100%;max-height:100%;overflow:auto}.file-viewer-modal .file-viewer-body .file-viewer-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#111827;background:#fff;margin:0;padding:1rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.6}.file-viewer-modal .file-viewer-body .file-viewer-csv-container{flex-direction:column;gap:10px;width:100%;max-width:100%;max-height:100%;display:flex}.file-viewer-modal .file-viewer-body .file-viewer-csv-scroll{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:8px;width:100%;max-width:100%;overflow:auto}.file-viewer-modal .file-viewer-body .file-viewer-csv-table{border-collapse:collapse;width:max-content;min-width:100%}.file-viewer-modal .file-viewer-body .file-viewer-csv-table td{color:#111827;white-space:nowrap;text-overflow:ellipsis;border:1px solid #e5e7eb;max-width:420px;padding:8px 10px;font-size:.85rem;overflow:hidden}.file-viewer-modal .file-viewer-body .file-viewer-csv-table tr:nth-child(odd) td{background:#fafafa}.file-viewer-modal .file-viewer-body .file-viewer-csv-meta{color:var(--text-secondary,#64748b);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:0 2px;font-size:.8rem;display:flex}.file-viewer-modal .file-viewer-body .file-viewer-loading{color:var(--text-secondary,#64748b);flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.file-viewer-modal .file-viewer-body .file-viewer-loading .hourglass-loader{color:#3b82f6;justify-content:center;align-items:center;font-size:48px;animation:2s ease-in-out infinite hourglass-rotate;display:flex}.file-viewer-modal .file-viewer-body .file-viewer-loading p{color:#6b7280;margin:0;font-size:1rem;font-weight:500}.file-viewer-modal .file-viewer-body .file-viewer-unsupported{color:var(--text-secondary,#64748b);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.file-viewer-modal .file-viewer-body .file-viewer-unsupported svg{color:var(--text-tertiary,#94a3b8)}.file-viewer-modal .file-viewer-body .file-viewer-unsupported h4{color:var(--text-primary,#1e293b);margin:.5rem 0;font-size:1.1rem}.file-viewer-modal .file-viewer-body .file-viewer-unsupported p{margin:0;font-size:.9rem}.file-viewer-modal .file-viewer-body .fvp__download-big{color:#fff!important;cursor:pointer!important;background:#2563eb!important;border:none!important;border-radius:10px!important;align-items:center!important;gap:.5rem!important;margin-top:1.5rem!important;padding:.8rem 1.8rem!important;font-weight:600!important;display:inline-flex!important;box-shadow:0 4px 12px #2563eb4d!important}.file-viewer-modal .file-viewer-body .fvp__download-big:hover{transform:translateY(-1px);background:#1d4ed8!important}.file-viewer-modal .file-viewer-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);justify-content:flex-end;padding:1.5rem;display:flex}.file-viewer-modal .file-viewer-footer .btn,.file-viewer-modal .file-viewer-footer .btn-add-device,.file-viewer-modal .file-viewer-footer .btn-refresh,.file-viewer-modal .file-viewer-footer .btn-logout-all{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.file-viewer-modal .file-viewer-footer .btn.btn-primary,.file-viewer-modal .file-viewer-footer .btn-add-device,.file-viewer-modal .file-viewer-footer .btn-primary.btn-refresh,.file-viewer-modal .file-viewer-footer .btn-primary.btn-logout-all{background:var(--primary-color,#3b82f6);color:#fff}.file-viewer-modal .file-viewer-footer .btn.btn-primary:hover,.file-viewer-modal .file-viewer-footer .btn-add-device:hover,.file-viewer-modal .file-viewer-footer .btn-primary.btn-refresh:hover,.file-viewer-modal .file-viewer-footer .btn-primary.btn-logout-all:hover{background:var(--primary-hover,#2563eb)}.file-viewer-modal .fvp__supported-list{background:#3b82f60d;border:1px dashed #3b82f64d;border-radius:12px;width:100%;max-width:400px;margin-top:1rem;padding:1rem}.file-viewer-modal .fvp__supported-list span{color:var(--text-secondary,#64748b);margin-bottom:.75rem;font-size:.8rem;font-weight:500;display:block}.file-viewer-modal .fvp__supported-list .fvp__tags{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.file-viewer-modal .fvp__supported-list .fvp__tags .fvp__tag{color:var(--primary-color,#3b82f6);background:#fff;border:1px solid #3b82f633;border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;box-shadow:0 1px 2px #0000000d}.file-viewer-modal .fvp__note{color:var(--text-secondary,#64748b);font-size:.85rem;line-height:1.5}.drawing-canvas-overlay{z-index:50;cursor:crosshair;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.drawing-canvas-overlay.active{pointer-events:auto;background-color:#ffffff03}.drawing-canvas-overlay.eraser-cursor{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23ef4444\" stroke-width=\"2\"><path d=\"M20 20H7L3 16l10-10 7 7-2 2\"/></svg>") 12 12,auto}.fvp-clear-progress-bar{z-index:999;background:#ffffff1a;width:100%;height:6px;position:fixed;top:0;left:0;overflow:hidden}.fvp-clear-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 50%,#3b82f6 100%);height:100%;transition:width 50ms linear;box-shadow:0 0 15px #3b82f699}.fvp-draw-toggle{z-index:300;color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .2s;display:flex;position:fixed;top:70px;right:16px;box-shadow:0 4px 14px #00000021}.fvp-draw-toggle:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6;transform:scale(1.06)}.fvp-colors-sidebar{z-index:300;background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;animation:.18s ease-out fvp-fade-in;display:flex;position:fixed;top:50%;left:12px;transform:translateY(-50%);box-shadow:0 4px 20px #0000001f}.fvp-toolbar-center{z-index:300;background:#fff;border:1.5px solid #e5e7eb;border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;gap:4px;width:auto;min-width:fit-content;padding:6px 10px;animation:.18s ease-out fvp-fade-in;display:flex;position:fixed;top:66px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.fvp-toolbar-item{flex-direction:column;align-items:center;gap:4px;display:flex}.fvp-toolbar-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.fvp-toolbar-right{z-index:300;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex-direction:row;align-items:center;gap:4px;padding:6px 8px;animation:.18s ease-out fvp-fade-in;display:flex;position:fixed;top:56px;right:12px;box-shadow:0 4px 16px #0000001f}@keyframes fvp-fade-in{0%{opacity:0}to{opacity:1}}.fvp-draw-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .16s;display:flex}.fvp-draw-btn:hover:not(:disabled){color:#111827;background:#f3f4f6;border-color:#d1d5db}.fvp-draw-btn.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.fvp-draw-btn:disabled{opacity:.32;cursor:not-allowed}.fvp-draw-btn--close{color:#ef4444;background:#fef2f2;border-color:#fecaca}.fvp-draw-btn--close:hover{background:#fee2e2}.fvp-draw-btn--save{color:#10b981;background:#f0fdf4;border-color:#bbf7d0}.fvp-draw-btn--save:hover{background:#dcfce7}.fvp-draw-color{cursor:pointer;border:2.5px solid #0000;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:transform .14s,border-color .14s;box-shadow:0 1px 3px #0000002e}.fvp-draw-color.active{border-color:#3b82f6;transform:scale(1.22)}.fvp-draw-color:hover{transform:scale(1.12)}.fvp-slider-sidebar{z-index:300;background:#fff;border-radius:35px;flex-direction:column;justify-content:space-between;align-items:center;width:60px;height:380px;padding:30px 0;animation:.2s ease-out fvp-fade-in;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 4px 20px #0000001a}@media (max-width:768px){.fvp-slider-sidebar{width:40px;height:320px;right:8px}}.fvp-screen-center-preview{z-index:1000;pointer-events:none;justify-content:center;align-items:center;animation:.2s ease-out fvp-fade-in;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.fvp-size-preview-circle{border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;transition:width .1s,height .1s,background-color .2s;display:flex;box-shadow:0 4px 30px #0000004d}.fvp-center-size-number{color:#fff;text-shadow:0 2px 4px #00000080;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:24px;font-weight:900}.fvp-slider-footer{flex-direction:column;align-items:center;gap:8px;margin-top:10px;display:flex}.fvp-slider-number{color:#94a3b8;font-size:18px;font-weight:700}.fvp-draw-slider-container{justify-content:center;align-items:center;width:10px;height:240px;margin:10px 0;display:flex;position:relative}.fvp-draw-slider{appearance:none;cursor:pointer;z-index:2;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:240px;height:10px;margin:0;padding:0;position:absolute;transform:rotate(-90deg)}.fvp-draw-slider::-webkit-slider-thumb{appearance:none;width:var(--thumb-size,26px);height:var(--thumb-size,26px);cursor:pointer;background:#3b82f6;border:3px solid #fff;border-radius:50%;transition:width .1s,height .1s,transform .15s;box-shadow:0 2px 6px #0003}.fvp-draw-slider::-moz-range-thumb{width:var(--thumb-size,26px);height:var(--thumb-size,26px);cursor:pointer;background:#3b82f6;border:3px solid #fff;border-radius:50%;transition:width .1s,height .1s,transform .15s;box-shadow:0 2px 6px #0003}.fvp-draw-slider-label{color:#64748b;text-align:center;text-transform:lowercase;font-size:14px;font-weight:700;line-height:1.2}.file-viewer-page{color:#111827;background:#f3f4f6;grid-template-rows:auto 1fr;min-height:100vh;margin:0;padding:0;display:grid;position:relative}.file-viewer-page__header{color:#f9fafb;z-index:5;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000004d}.file-viewer-page .fvp__back{color:#f9fafb;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-weight:500;transition:all .2s;display:inline-flex}.file-viewer-page .fvp__back:hover{background:#ffffff26;border-color:#ffffff4d;transform:translate(-2px)}.file-viewer-page .fvp__title{text-align:center;color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 8px;font-weight:600;overflow:hidden}.file-viewer-page .fvp__title .fvp__title-inner{flex-direction:column;align-items:center;gap:8px;display:inline-flex}.file-viewer-page .fvp__title .fvp__title-text{text-overflow:ellipsis;background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:600;overflow:hidden}.file-viewer-page .fvp__title .fvp__meta{color:#ffffffb3;margin-top:2px;font-size:.8rem;font-weight:500;display:block}.file-viewer-page .fvp__actions{align-items:center;gap:6px;display:inline-flex}.file-viewer-page .fvp__btn{color:#f9fafb;cursor:pointer;background:#171717;border:1px solid #9ca3af99;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;transition:all .16s;display:inline-flex}.file-viewer-page .fvp__btn:hover{background:#111827;border-color:#e5e7eb}.file-viewer-page .fvp__btn--primary{color:#f9fafb;background:#2563eb;border-color:#2563eb}.file-viewer-page .fvp__btn--primary:hover{background:#1d4ed8}.file-viewer-page__content{justify-content:center;align-items:flex-start;padding:18px 24px 32px;display:flex}.file-viewer-page__viewer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:100%;max-width:1160px;min-height:520px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0f172a1f,0 0 0 1px #0f172a0a}.file-viewer-page__viewer .fvp__canvas{background:radial-gradient(circle at top,#f9fafb 0,#eef2ff 35%,#f3f4f6 75%);flex:1;position:relative;overflow:auto}.file-viewer-page__viewer .fvp__zoomable{transform-origin:top;justify-content:center;max-width:100%;margin:0 auto;transition:transform .18s;display:flex}.file-viewer-page__viewer .file-viewer-inline{width:100%;max-width:960px;color:inherit;background:0 0}.file-viewer-page__viewer .file-viewer-inline .file-viewer-header,.file-viewer-page__viewer .file-viewer-inline .file-viewer-footer{display:none}.file-viewer-page__viewer .file-viewer-inline .file-viewer-body{-webkit-overflow-scrolling:touch;background:0 0;justify-content:center;align-items:flex-start;min-width:0;max-width:100%;height:100%;min-height:360px;padding:0;display:flex;overflow:auto}.file-viewer-page__viewer .file-viewer-content{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-width:960px;height:600px;display:block}.file-viewer-page__viewer .file-viewer-content[src$=\.pdf],.file-viewer-page__viewer .file-viewer-content[type=application\/pdf]{border:none;border-radius:0;height:calc(100vh - 260px)}.file-viewer-page__viewer .fvp__toolbar{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.file-viewer-page__viewer .fvp__zoom{color:#111827;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;min-width:52px;padding:2px 8px;font-size:.8rem;font-weight:600}@media (max-width:1024px){.file-viewer-page__content{padding:14px 16px 24px}.file-viewer-page__viewer{max-width:100%}}@media (max-width:768px){.file-viewer-page__header{flex-wrap:wrap;align-items:flex-start;gap:6px;padding:8px 10px}.file-viewer-page .fvp__title{text-align:left;order:2;font-size:.9rem}.file-viewer-page .fvp__back{order:1}.file-viewer-page .fvp__actions{-webkit-overflow-scrolling:touch;order:3;justify-content:flex-end;width:100%;padding-top:4px;overflow-x:auto}.file-viewer-page .fvp__btn{white-space:nowrap;padding:6px 8px}.file-viewer-page .fvp__btn span{display:none}.file-viewer-page__content{padding:10px}.file-viewer-page__viewer{min-height:340px}.file-viewer-page .fvp__canvas{padding:12px 10px 14px}.file-viewer-page .file-viewer-content{max-height:calc(100vh - 220px)}}@keyframes hourglass-rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}.hourglass-loader-small{color:#3b82f6;justify-content:center;align-items:center;font-size:32px;animation:2s ease-in-out infinite hourglass-rotate;display:flex}.lottie-loader{justify-content:center;align-items:center;display:flex}.lazy-image-wrapper{background:#f9fafb;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:200px;display:flex;position:relative;overflow:hidden}.lazy-image-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s ease-in-out infinite skeleton-loading;position:absolute;top:0;left:0}.skeleton-shimmer{width:100%;height:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.lazy-image{opacity:0;width:100%;height:auto;transition:opacity .3s;display:block}.lazy-image.loaded{opacity:1}.lazy-image-error{color:#ef4444;text-align:center;background:#fef2f2;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;font-size:.9rem;display:flex}body.viewer-page-active{margin:0!important;padding-top:0!important;padding-bottom:0!important}@media (max-width:768px){.file-attachment{flex-direction:column;align-items:flex-start;gap:1rem}.file-attachment .file-info{width:100%}.file-attachment .file-actions{justify-content:flex-end;width:100%}.file-attachment .file-permissions{border-left:none;border-top:1px solid var(--border-color,#e2e8f0);width:100%;margin-left:0;padding-top:.75rem;padding-left:0}.file-attachment .file-permissions .permission-badges{flex-direction:row;gap:.5rem}.file-viewer-modal{padding:.5rem}.file-viewer-modal .file-viewer-container{max-height:95vh}.file-viewer-modal .file-viewer-header,.file-viewer-modal .file-viewer-footer{padding:1rem}.file-viewer-modal .file-viewer-body{padding:.5rem}}.file-viewer-pages-container{flex-direction:column;gap:24px;width:100%;max-width:100%;margin:0 auto;display:flex}.file-viewer-page-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:8px;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.fvp-page-label{color:#4b5563;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 16px;font-size:.8rem;font-weight:600}.fvp-page-img-wrap{width:100%;position:relative;overflow:hidden}.fvp-page-img{width:100%;height:auto;display:block}.fvp-page-rotate-btn{color:#374151;cursor:pointer;z-index:10;background:#ffffffeb;border:1.5px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:all .18s;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #00000026}.fvp-page-rotate-btn:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6;transform:rotate(45deg)scale(1.08)}@media (max-width:768px){.file-viewer-pages-container{gap:12px;padding:5px}}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:40px;padding-bottom:20px;display:flex}.pagination__arrow{border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;width:40px;height:40px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pagination__arrow:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-500);color:var(--primary-500)}.pagination__arrow:disabled{opacity:.4;cursor:not-allowed}.pagination__numbers{align-items:center;gap:8px;display:flex}.pagination__btn{border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .2s;display:flex}.pagination__btn:hover{border-color:var(--primary-500);color:var(--primary-500)}.pagination__btn--active{background:var(--primary-500);border-color:var(--primary-500);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.pagination__btn--active:hover{color:#fff;background:var(--primary-600)}.checkout-promo{flex-direction:column;gap:12px;width:100%;margin-top:1.5rem;display:flex}.checkout-promo__toggle{background:rgba(var(--primary-500-rgb),.03);border:1px dashed var(--border-color);color:var(--primary-500);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.8125rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.checkout-promo__toggle:hover{background:rgba(var(--primary-500-rgb),.08);border-color:var(--primary-500);border-style:solid;transform:translateY(-1px)}.checkout-promo__card{background:var(--bg-secondary);border:1px solid var(--border-color);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:12px;padding:16px;animation:.4s cubic-bezier(.4,0,.2,1) promoSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}@media (max-width:480px){.checkout-promo__card{border-radius:12px;gap:10px;padding:12px}}.checkout-promo__card:before{content:"";background:var(--primary-500);opacity:.8;width:4px;height:100%;position:absolute;top:0;left:0}.checkout-promo__label{color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:2px;font-size:.7rem;font-weight:800}.checkout-promo__input-group{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;width:100%;display:flex}@media (max-width:480px){.checkout-promo__input-group{flex-direction:column;gap:8px}}.checkout-promo__input-group input{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);letter-spacing:.5px;box-sizing:border-box;border-radius:12px;flex:1;padding:12px 16px;font-size:.9375rem;font-weight:700;transition:all .2s}@media (max-width:480px){.checkout-promo__input-group input{border-radius:10px;width:100%;padding:10px 14px;font-size:.875rem}}.checkout-promo__input-group input:focus{border-color:var(--primary-500);background:var(--bg-surface);box-shadow:0 0 0 4px rgba(var(--primary-500-rgb),.1);outline:none}.checkout-promo__input-group input::placeholder{color:var(--text-muted);letter-spacing:0;font-weight:500}.checkout-promo__input-group button{background:var(--primary-500);color:#fff;cursor:pointer;box-shadow:0 4px 10px rgba(var(--primary-500-rgb),.2);box-sizing:border-box;border:none;border-radius:12px;padding:12px 20px;font-size:.875rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:480px){.checkout-promo__input-group button{border-radius:10px;width:100%;padding:10px 16px}}.checkout-promo__input-group button:hover{background:var(--primary-600);box-shadow:0 6px 15px rgba(var(--primary-500-rgb),.3);transform:translateY(-2px)}.checkout-promo__input-group button:active{transform:translateY(0)}.checkout-promo__input-group button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.checkout-promo__error{color:var(--error-500);text-align:center;padding:4px 0;font-size:.75rem;font-weight:700;animation:.4s shake}.checkout-promo__applied{background:linear-gradient(135deg,#22c55e14,#22c55e1f);border:1px solid #22c55e4d;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 18px;animation:.5s ease-out promoPulse;display:flex;box-shadow:0 4px 12px #22c55e0d}.checkout-promo__applied .info{flex-direction:column;gap:2px;display:flex}.checkout-promo__applied .info .code{color:#16a34a;letter-spacing:1px;text-transform:uppercase;font-size:1rem;font-weight:900}.checkout-promo__applied .info .discount{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.checkout-promo__applied .remove-btn{background:var(--bg-surface);color:var(--text-muted);cursor:pointer;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.checkout-promo__applied .remove-btn:hover{color:var(--error-500);border-color:var(--error-500);background:#fef2f2;transform:rotate(90deg)}.checkout-promo__summary{flex-direction:column;gap:8px;margin-top:4px;padding:4px;display:flex}.checkout-promo__summary .row{color:var(--text-secondary);justify-content:space-between;font-size:.9375rem;font-weight:600;display:flex}.checkout-promo__summary .row.total{border-top:2px dashed var(--border-color);color:var(--text-primary);margin-top:6px;padding-top:12px;font-size:1.125rem;font-weight:900}.checkout-promo__summary .row.total .value{color:var(--primary-500);font-size:1.25rem}.checkout-promo__summary .row .discount-value{color:#dc2626;font-weight:800}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes promoSlideIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes promoPulse{0%{transform:scale(1)}50%{transform:scale(1.03);box-shadow:0 8px 20px #22c55e1a}to{transform:scale(1)}}.cm{background-color:var(--bg-surface);min-height:100vh;color:var(--text-primary);padding:1.5rem}@media (max-width:768px){.cm{padding:1rem}}.cm__hashtag-dropdown{border:1px solid var(--border-color);background:var(--bg-card);z-index:60;border-radius:12px;max-height:220px;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 30px #00000040}.cm__hashtag-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-weight:600}.cm__hashtag-item:hover{background:var(--bg-hover)}.cm__form-group--relative{position:relative}.cm__form-hint{color:var(--text-secondary);margin-top:.35rem;font-size:.75rem;display:block}.cm__loading,.cm__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.cm__spinner{border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.cm__header{margin-bottom:2rem}.cm__header-top{margin-bottom:1rem}.cm__back-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:inline-flex}.cm__back-btn:hover{background:var(--bg-hover);border-color:var(--primary-500)}.cm__category-info{margin-bottom:1.5rem}.cm__category-banner{border-radius:16px;width:100%;height:200px;position:relative;overflow:hidden}@media (max-width:768px){.cm__category-banner{height:150px}}.cm__banner-img{object-fit:cover;width:100%;height:100%}.cm__category-overlay{background:linear-gradient(#0000004d 0%,#000000e6 100%);align-items:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.cm__category-details{color:#fff}.cm__category-title{margin-bottom:.5rem;font-size:2rem;font-weight:700}@media (max-width:768px){.cm__category-title{font-size:1.5rem}}.cm__category-description{opacity:.9;margin-bottom:.5rem;font-size:.9rem}.cm__category-stats{gap:1rem;display:flex}.cm__stat{opacity:.8;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.cm__controls{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}@media (max-width:768px){.cm__controls{flex-direction:column;align-items:stretch}}.cm__controls-left,.cm__controls-right{align-items:center;gap:1rem;display:flex}@media (max-width:768px){.cm__controls-left,.cm__controls-right{flex-direction:column;width:100%}}.cm__search{min-width:280px;position:relative}@media (max-width:768px){.cm__search{width:100%;min-width:unset}}.cm__search-icon{color:var(--text-secondary);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.cm__search-input{border:1px solid var(--border-color);background:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem}.cm__search-input:focus{border-color:var(--primary-500);outline:none}.cm__filter{align-items:center;display:flex;position:relative}.cm__filter-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:.75rem}.cm__filter-select{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.75rem 1rem .75rem 2.5rem;font-size:.875rem}.cm__filter-select:focus{border-color:var(--primary-500);outline:none}.cm__btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.cm__btn--primary{background:var(--primary-500);color:#fff}.cm__btn--primary:hover{background:var(--primary-600)}.cm__btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.cm__btn--secondary:hover{background:var(--bg-hover);border-color:var(--primary-500)}.cm__btn--danger{color:#fff;background:#ef4444}.cm__btn--danger:hover{background:#dc2626}.cm__btn--small{padding:.5rem 1rem;font-size:.8125rem}@media (max-width:768px){.cm__btn{justify-content:center;width:100%}}.cm__content{min-height:300px}.cm__empty{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.cm__empty-icon{color:var(--text-secondary);opacity:.5;margin-bottom:1rem}.cm__movies-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}@media (max-width:768px){.cm__movies-grid{grid-template-columns:1fr}}.cm__movie-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;overflow:hidden}.cm__movie-card:hover{border-color:var(--primary-500);box-shadow:0 8px 24px #00000026}.cm__movie-poster{background:var(--bg-secondary);width:100%;height:180px;max-height:180px;position:relative;overflow:hidden}.cm__movie-poster img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.cm__movie-poster:hover img{transform:scale(1.05)}.cm__movie-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.cm__movie-overlay:hover{opacity:1}.cm__overlay-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s;display:flex}.cm__overlay-btn:hover{transform:scale(1.1)}.cm__movie-type{position:absolute;top:.75rem;left:.75rem}.cm__type-badge{border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.cm__type-badge--movie{color:#fff;background:#3b82f6}.cm__type-badge--serial{color:#fff;background:#8b5cf6}.cm__movie-rating{color:#fbbf24;background:#000000b3;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:600;display:flex;position:absolute;top:.75rem;right:.75rem}.cm__movie-info{padding:1rem}.cm__movie-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.cm__movie-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3}.cm__movie-type-badge{border-radius:4px;flex-shrink:0;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.cm__movie-type-badge--movie{color:#3b82f6;background:#3b82f633}.cm__movie-type-badge--serial{color:#8b5cf6;background:#8b5cf633}.cm__movie-meta{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}.cm__meta-item{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.cm__meta-item svg{width:14px;height:14px}.cm__movie-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.cm__movie-actions{gap:.5rem;display:flex}.cm__action-btn{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem;font-size:.8125rem;transition:all .2s;display:flex}.cm__action-btn:hover{background:var(--bg-hover);border-color:var(--primary-500)}.cm__action-btn--edit:hover{color:#3b82f6;border-color:#3b82f6}.cm__action-btn--upload{background:var(--primary-500);color:#fff;border-color:var(--primary-500);flex:1}.cm__action-btn--upload:hover{background:var(--primary-600)}.cm__action-btn--delete:hover{color:#ef4444;border-color:#ef4444}.cm__modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cm__modal{background:var(--bg-card);border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.cm__modal--large{max-width:900px}.cm__modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.cm__modal-header h3{font-size:1.25rem;font-weight:600}.cm__modal-close{background:var(--bg-surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cm__modal-close:hover{background:var(--bg-hover)}.cm__modal-body{flex:1;padding:1.5rem;overflow-y:auto}.cm__add-modal-controls{gap:1rem;margin-bottom:1rem;display:flex}@media (max-width:768px){.cm__add-modal-controls{flex-direction:column}}.cm__available-movies{flex-direction:column;gap:.75rem;max-height:400px;display:flex;overflow-y:auto}.cm__available-movie{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:1rem;padding:.75rem;display:flex}.cm__available-poster{object-fit:cover;border-radius:6px;width:60px;height:80px}.cm__available-info{flex:1}.cm__available-info h4{margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.cm__available-info p{color:var(--text-secondary);font-size:.8125rem}.cm__movie-form,.cm__form-grid{flex-direction:column;gap:1.5rem;display:flex}.cm__form-section h4{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.cm__form-section--full{grid-column:1/-1}.cm__form-row{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (max-width:768px){.cm__form-row{grid-template-columns:1fr}}.cm__form-group{flex-direction:column;gap:.5rem;display:flex}.cm__form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.cm__form-input,.cm__form-select,.cm__form-textarea{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.cm__form-input:focus,.cm__form-select:focus,.cm__form-textarea:focus{border-color:var(--primary-500);outline:none}.cm__form-textarea{resize:vertical;min-height:100px}.cm__image-upload{position:relative}.cm__file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.cm__file-label{cursor:pointer;display:block}.cm__upload-placeholder{border:2px dashed var(--border-color);color:var(--text-secondary);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;transition:all .2s;display:flex}.cm__upload-placeholder:hover{border-color:var(--primary-500);color:var(--primary-500)}.cm__image-preview{object-fit:cover;border-radius:8px;width:100%;height:150px}.cm__form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.cm__preview-content{grid-template-columns:200px 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.cm__preview-content{grid-template-columns:1fr}}.cm__preview-poster img{border-radius:8px;width:100%}.cm__preview-info{flex-direction:column;gap:1rem;display:flex}.cm__preview-meta{align-items:center;gap:1rem;display:flex}.cm__rating{color:#fbbf24;align-items:center;gap:.25rem;font-weight:600;display:flex}.cm__preview-details{flex-direction:column;gap:.5rem;display:flex}.cm__detail-row{color:var(--text-secondary);font-size:.875rem}.cm__detail-row strong{color:var(--text-primary);margin-right:.5rem}.cm__preview-description h4{margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.cm__preview-description p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.cm__preview-actions{gap:.75rem;margin-top:auto;display:flex}.mf{background-color:var(--bg-surface);min-height:100vh;color:var(--text-primary);padding:1.5rem}@media (max-width:768px){.mf{padding:1rem}}.mf__loading,.mf__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.mf__spinner{border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:48px;height:48px;animation:1s linear infinite mf-spin}@keyframes mf-spin{to{transform:rotate(360deg)}}.mf__header{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:flex}@media (max-width:768px){.mf__header{flex-direction:column}}.mf__back-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:inline-flex}.mf__back-btn:hover{background:var(--bg-hover);border-color:var(--primary-500)}.mf__movie-info{flex:1;gap:1rem;display:flex}.mf__movie-poster{border-radius:8px;flex-shrink:0;width:80px;height:120px;overflow:hidden}.mf__movie-poster img{object-fit:cover;width:100%;height:100%}.mf__movie-details{flex:1}.mf__movie-details h1{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}@media (max-width:768px){.mf__movie-details h1{font-size:1.25rem}}.mf__movie-meta{flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;display:flex}.mf__type-badge{border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.mf__type-badge--movie{color:#fff;background:#3b82f6}.mf__type-badge--serial{color:#fff;background:#8b5cf6}.mf__movie-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.mf__upload-btn{background:var(--primary-500);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}.mf__upload-btn:hover{background:var(--primary-600)}@media (max-width:768px){.mf__upload-btn{justify-content:center;width:100%}}.mf__content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.mf__section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.mf__section-header h2{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.mf__count{color:var(--text-secondary);font-size:.875rem;font-weight:400}.mf__btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.mf__btn--primary{background:var(--primary-500);color:#fff}.mf__btn--primary:hover{background:var(--primary-600)}.mf__btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.mf__btn--secondary:hover{background:var(--bg-hover)}.mf__btn--danger{color:#fff;background:#ef4444}.mf__btn--danger:hover{background:#dc2626}.mf__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.mf__empty h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.mf__empty p{color:var(--text-secondary);margin-bottom:1.5rem}.mf__seasons{flex-direction:column;gap:2rem;display:flex}.mf__season-title{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:600}.mf__files-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.mf__modal-overlay{z-index:50;background:#000000a6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.mf__modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden}.mf__modal--lg{max-width:860px}.mf__modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.mf__modal-header h3{font-size:1.25rem;font-weight:600}.mf__modal-close{background:var(--bg-surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.mf__modal-close:hover{background:var(--bg-hover)}.mf__modal-body{flex:1;padding:1.5rem;overflow-y:auto}.mf__modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.mf__video-preview{border-radius:8px;margin-bottom:1.5rem;position:relative;overflow:hidden}.mf__video-preview video{width:100%;display:block}.mf__video-controls{background:linear-gradient(#0000,#000c);align-items:center;gap:.5rem;padding:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.mf__video-controls button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.mf__video-controls button:hover{background:#ffffff4d}.mf__video-controls span{color:#fff;margin-left:auto;font-size:.875rem}.mf__form-group{margin-bottom:1rem}.mf__form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.mf__form-group input,.mf__form-group select{border:1px solid var(--border-color);background:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.mf__form-group input:focus,.mf__form-group select:focus{border-color:var(--primary-500);outline:none}.mf__form-group input:disabled,.mf__form-group select:disabled{opacity:.6;cursor:not-allowed}.mf__form-group--relative{position:relative}.mf__form-hint{color:var(--text-secondary);margin-top:.35rem;font-size:.75rem;display:block}.mf__form-row{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.mf__quality-info{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.mf__quality-info svg{flex-shrink:0}.mf__quality-checks{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.75rem;display:grid}.mf__quality-check{border-radius:8px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem;font-size:.8125rem;font-weight:700;display:flex}.mf__quality-check--ok{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e59}.mf__quality-check--bad{color:#ef4444;background:#ef44441f;border:1px solid #ef444459}.mf__progress{margin-top:1rem}.mf__progress-bar{background:var(--bg-surface);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.mf__progress-fill{background:var(--primary-500);border-radius:4px;height:100%;transition:width .3s}.mf__progress-text{color:var(--text-secondary);text-align:center;font-size:.8125rem}.mf__detail-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (max-width:480px){.mf__detail-grid{grid-template-columns:1fr}}.mf__detail-item label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.mf__detail-item span{color:var(--text-primary);font-size:.9375rem}.mf__season-filter{background:var(--bg-surface);border-radius:12px;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.mf__season-btn{border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.mf__season-btn:hover{border-color:var(--primary-400);background:#6366f11a}.mf__season-btn--active{border-color:var(--primary-500);background:var(--primary-500);color:#fff}.mf__season-count{opacity:.8;font-size:.75rem;font-weight:500}.mf__file-resolutions{gap:.25rem;display:flex;position:absolute;bottom:.5rem;left:.5rem}.mf__res-badge{text-transform:uppercase;border-radius:4px;padding:.125rem .375rem;font-size:.625rem;font-weight:700}.mf__res-badge--available{color:#fff;background:#22c55ee6}.mf__res-badge--unavailable{color:#fff;background:#ef4444b3;text-decoration:line-through}.mf__poster-upload{margin-bottom:1rem}.mf__poster-upload .mf__poster-preview{aspect-ratio:16/9;border-radius:8px;width:100%;max-width:200px;margin-bottom:.5rem;overflow:hidden}.mf__poster-upload .mf__poster-preview img{object-fit:cover;width:100%;height:100%}.mf__poster-upload .mf__poster-placeholder{aspect-ratio:16/9;border:2px dashed var(--border-color);width:100%;max-width:200px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;transition:all .2s;display:flex}.mf__poster-upload .mf__poster-placeholder:hover{border-color:var(--primary-500);color:var(--primary-500)}.mf__file-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;overflow:hidden}.mf__file-card:hover{border-color:var(--primary-500);box-shadow:0 4px 16px #0000001f}.mf__file-thumbnail{aspect-ratio:16/9;background:var(--bg-secondary);width:100%;position:relative;overflow:hidden}.mf__file-thumbnail img{object-fit:cover;width:100%;height:100%}.mf__file-placeholder{background:var(--bg-secondary);width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.mf__file-duration{color:#fff;background:#000000bf;border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;position:absolute;bottom:.5rem;right:.5rem}.mf__file-episode{color:#fff;background:#8b5cf6e6;border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.mf__file-status{border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:.5rem;right:.5rem}.mf__file-status--processing,.mf__file-status--encoding{color:#fff;background:#3b82f6e6}.mf__file-status--failed{color:#fff;background:#ef4444e6}.mf__file-status--pending,.mf__file-status--queued{color:#1a1a1a;background:#eab308e6}.mf__file-info{padding:.75rem 1rem}.mf__file-info h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.9375rem;font-weight:600;overflow:hidden}.mf__file-meta{color:var(--text-secondary);gap:.5rem;font-size:.8125rem;display:flex}.mf__file-actions{border-top:1px solid var(--border-color);gap:.375rem;padding:.5rem 1rem;display:flex}.mf__action-btn{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem;font-size:.8125rem;transition:all .2s;display:flex}.mf__action-btn:hover{background:var(--bg-hover);border-color:var(--primary-500)}.mf__action-btn--danger:hover{color:#ef4444;border-color:#ef4444}.mf__spin{animation:1s linear infinite mf-spin}.mf__serial-fields{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (max-width:480px){.mf__serial-fields{grid-template-columns:1fr}}.mf__hashtag-dropdown{border:1px solid var(--border-color);background:var(--bg-card);z-index:60;border-radius:12px;max-height:220px;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 30px #00000040}.mf__hashtag-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-weight:600}.mf__hashtag-item:hover{background:var(--bg-hover)}.ae__page{background:var(--bg-primary,#0f1117);flex-direction:column;min-height:100vh;display:flex}.ae__header{z-index:100;background:var(--bg-surface,#1a1d27);border-bottom:1px solid var(--border-color,#ffffff14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0}@media (max-width:768px){.ae__header{flex-wrap:wrap;padding:.75rem 1rem}}.ae__back-btn{border:1px solid var(--border-color,#ffffff1a);background:var(--bg-secondary,#ffffff0d);color:var(--text-secondary,#9ca3af);cursor:pointer;white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.ae__back-btn:hover{color:var(--text-primary,#fff);background:#ffffff1a;transform:translate(-2px)}.ae__header-center{flex:1;min-width:0}.ae__header-title{color:var(--text-primary,#fff);margin:0;font-size:1.15rem;font-weight:700}.ae__header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.ae__toggle-preview-btn{border:1px solid var(--border-color,#ffffff1a);background:var(--bg-secondary,#ffffff0d);color:var(--text-secondary,#9ca3af);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.ae__toggle-preview-btn svg{font-size:1rem}.ae__toggle-preview-btn:hover{color:var(--text-primary,#fff);background:#ffffff1a}.ae__toggle-preview-btn--active{color:#3b82f6;background:#3b82f61f;border-color:#3b82f64d}@media (max-width:640px){.ae__toggle-preview-btn span{display:none}.ae__toggle-preview-btn{padding:8px 10px}}.ae__save-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#00df3e,#00b832);border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 20px;font-size:.875rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #00df3e4d}.ae__save-btn svg{font-size:1rem}.ae__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00df3e73}.ae__save-btn:active:not(:disabled){transform:translateY(0)}.ae__save-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ae__body{flex:1;gap:0;display:grid;overflow:hidden}.ae__body--split{grid-template-columns:1fr 1fr}@media (max-width:900px){.ae__body--split{grid-template-rows:auto auto;grid-template-columns:1fr}}.ae__body--full{grid-template-columns:1fr;width:100%;max-width:860px;margin:0 auto}.ae__form-panel{border-right:1px solid var(--border-color,#ffffff0f);flex-direction:column;gap:1.25rem;padding:2rem;display:flex;overflow-y:auto}.ae__form-panel::-webkit-scrollbar{width:4px}.ae__form-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}@media (max-width:900px){.ae__form-panel{border-right:none;border-bottom:1px solid var(--border-color,#ffffff0f);padding:1.25rem 1rem}}.ae__form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:480px){.ae__form-row{grid-template-columns:1fr}}.ae__form-group{flex-direction:column;gap:.5rem;display:flex}.ae__form-group--editor{flex:1}.ae__label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#9ca3af);font-size:.78rem;font-weight:700}.ae__input{border:1.5px solid var(--border-color,#ffffff1a);background:var(--bg-secondary,#ffffff0a);color:var(--text-primary,#fff);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.ae__input::placeholder{color:var(--text-secondary,#6b7280);opacity:.6}.ae__input:focus{border-color:#00df3e;box-shadow:0 0 0 3px #00df3e1a}.ae__select{border:1.5px solid var(--border-color,#ffffff1a);background:var(--bg-secondary,#ffffff0a);color:var(--text-primary,#fff);cursor:pointer;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.ae__select option{background:var(--bg-surface,#1a1d27);color:var(--text-primary,#fff)}.ae__select:focus{border-color:#00df3e;box-shadow:0 0 0 3px #00df3e1a}.ae__editor-wrap{border:1.5px solid var(--border-color,#ffffff1a);border-radius:12px;flex:1;transition:border-color .2s;overflow:hidden}.ae__editor-wrap:focus-within{border-color:#00df3e;box-shadow:0 0 0 3px #00df3e1a}.ae__textarea{background:var(--bg-surface,#1a1d27);width:100%;min-height:300px;color:var(--text-primary,#fff);resize:vertical;box-sizing:border-box;border:none;outline:none;padding:14px 16px;font-family:inherit;font-size:.95rem;line-height:1.7}.ae__textarea::placeholder{color:var(--text-secondary,#6b7280);opacity:.6}.ae__char-count{color:var(--text-secondary,#6b7280);text-align:right;opacity:.7;margin-top:4px;font-size:.72rem;display:block}.ae__preview-panel{background:var(--bg-primary,#0f1117);flex-direction:column;gap:1rem;padding:2rem;display:flex;overflow-y:auto}.ae__preview-panel::-webkit-scrollbar{width:4px}.ae__preview-panel::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:10px}@media (max-width:900px){.ae__preview-panel{padding:1.25rem 1rem}}.ae__preview-label{text-transform:uppercase;letter-spacing:1.5px;color:#3b82f6;align-items:center;gap:6px;font-size:.72rem;font-weight:800;display:flex}.ae__preview-label svg{font-size:.9rem}.ae__preview-card{background:var(--bg-surface,#1a1d27);border:1px solid var(--border-color,#ffffff14);border-radius:18px;animation:.25s ae-fadeIn;overflow:hidden;box-shadow:0 8px 32px #0003}@keyframes ae-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ae__preview-top{border-bottom:1px solid var(--border-color,#ffffff0f);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.ae__preview-status-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.ae__preview-status-icon--yangilis,.ae__preview-status-icon--news{color:#3b82f6;background:#3b82f61f}.ae__preview-status-icon--muhum,.ae__preview-status-icon--important{color:#ef4444;background:#ef44441f}.ae__preview-status-icon--eslatma,.ae__preview-status-icon--warning{color:#f59e0b;background:#f59e0b1f}.ae__preview-status-icon--sozlama,.ae__preview-status-icon--technical{color:#8b5cf6;background:#8b5cf61f}.ae__preview-meta{flex:1;min-width:0}.ae__preview-badges{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.ae__preview-badge{text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:3px 10px;font-size:.65rem;font-weight:800}.ae__preview-badge--yangilis,.ae__preview-badge--news{color:#3b82f6;background:#3b82f61f}.ae__preview-badge--muhum,.ae__preview-badge--important{color:#ef4444;background:#ef44441f}.ae__preview-badge--eslatma,.ae__preview-badge--warning{color:#f59e0b;background:#f59e0b1f}.ae__preview-badge--sozlama,.ae__preview-badge--technical{color:#8b5cf6;background:#8b5cf61f}.ae__preview-desc{color:var(--text-secondary,#9ca3af);margin:.3rem 0 0;font-size:.8rem;font-style:italic;line-height:1.4}.ae__preview-title{color:var(--text-primary,#fff);margin:0;font-size:1.1rem;font-weight:700;line-height:1.35}.ae__preview-placeholder{opacity:.35;font-style:italic;font-weight:400}.ae__preview-content{color:var(--text-primary,#e5e7eb);padding:1.25rem 1.5rem;font-size:.95rem;line-height:1.8}.ae__preview-content p{margin:0 0 .75rem}.ae__preview-content p:last-child{margin:0}.ae__preview-content h1,.ae__preview-content h2,.ae__preview-content h3{color:var(--text-primary,#fff);margin:1rem 0 .5rem}.ae__preview-content ul,.ae__preview-content ol{margin:.5rem 0;padding-left:1.5rem}.ae__preview-content a{color:#00df3e}.ae__preview-content blockquote{color:var(--text-secondary,#9ca3af);border-left:3px solid #00df3e;margin:.5rem 0;padding-left:1rem}.ae__preview-content strong{color:var(--text-primary,#fff)}.ae__preview-content img{border-radius:10px;max-width:100%;margin:.5rem 0;display:block}.ae__preview-content code{color:#e2e8f0;background:#6e76a02e;border:1px solid #ffffff14;border-radius:5px;padding:2px 6px;font-family:Courier New,Courier,monospace;font-size:.88em}.ae__preview-content pre{white-space:pre;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;color:#a5f3a5!important;background:#0f111ae0!important;border:1px solid #ffffff1a!important;border-radius:10px!important;margin:.75rem 0!important;padding:1rem 1.25rem!important}.ap__preview-badge{text-transform:uppercase;letter-spacing:1px;color:#3b82f6;background:#3b82f61f;border-radius:20px;margin-bottom:4px;padding:3px 10px;font-size:.65rem;font-weight:800;display:inline-block}.ap__body{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}@media (max-width:900px){.ap__body{padding:1.25rem 1rem}}.ap__card{background:var(--bg-surface,#1a1d27);border:1px solid var(--border-color,#ffffff14);border-radius:18px;overflow:hidden;box-shadow:0 8px 32px #0003}.ap__card-top{border-bottom:1px solid var(--border-color,#ffffff0f);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.ap__card-meta{flex:1;min-width:0}.ap__card-badges{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.ap__card-title{color:var(--text-primary,#fff);margin:0;font-size:1.1rem;font-weight:700;line-height:1.35}.ap__card-desc{color:var(--text-secondary,#9ca3af);margin:.3rem 0 0;font-size:.8rem;font-style:italic;line-height:1.4}.ap__stats{background:var(--bg-surface,#1a1d27);border:1px solid var(--border-color,#ffffff14);border-radius:18px;padding:1.25rem}.ap__stats-header{margin-bottom:1rem}.ap__stats-title{color:var(--text-primary,#fff);margin:0;font-size:.9rem;font-weight:700}.ap__stats-cards{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (max-width:640px){.ap__stats-cards{grid-template-columns:1fr}}.ap__stats-card{border:1px solid var(--border-color,#ffffff0f);border-radius:14px;align-items:center;gap:.75rem;padding:1rem;display:flex}.ap__stats-card--viewed{background:#3b82f614;border-color:#3b82f626}.ap__stats-card--not-viewed{background:#f59e0b14;border-color:#f59e0b26}.ap__stats-card--total{background:#00df3e14;border-color:#00df3e26}.ap__stats-card-icon{border-radius:10px;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid}.ap__stats-card--viewed .ap__stats-card-icon{color:#3b82f6;background:#3b82f626}.ap__stats-card--not-viewed .ap__stats-card-icon{color:#f59e0b;background:#f59e0b26}.ap__stats-card--total .ap__stats-card-icon{color:#00df3e;background:#00df3e26}.ap__stats-card-info{flex-direction:column;gap:2px;display:flex}.ap__stats-card-num{color:var(--text-primary,#fff);font-size:1.25rem;font-weight:900}.ap__stats-card-label{color:var(--text-secondary,#9ca3af);font-size:.72rem;font-weight:600}.ap__stats-hint{color:var(--text-secondary,#9ca3af);text-align:center;margin:0;padding:1rem;font-size:.85rem}.welcome-tour{z-index:100000;justify-content:center;align-items:center;padding:20px;animation:.35s both wtFadeIn;display:flex;position:fixed;inset:0}.welcome-tour--leaving{animation:.3s both wtFadeOut}.welcome-tour__backdrop{-webkit-backdrop-filter:blur(8px);background:#020617b8;position:absolute;inset:0}.welcome-tour__card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:28px;width:100%;max-width:860px;min-height:480px;animation:.5s cubic-bezier(.22,1,.36,1) both wtCardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px #00000073}.welcome-tour__close{z-index:5;cursor:pointer;width:38px;height:38px;color:var(--text-secondary);background:var(--bg-secondary);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.welcome-tour__close:hover{color:var(--text-primary);background:var(--bg-hover);transform:rotate(90deg)}.welcome-tour__visual{flex:0 0 42%;justify-content:center;align-items:center;transition:background .5s;display:flex;position:relative;overflow:hidden}.welcome-tour__icon{z-index:3;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border:1px solid #ffffff4d;border-radius:36px;justify-content:center;align-items:center;width:130px;height:130px;font-size:64px;animation:.55s cubic-bezier(.34,1.56,.64,1) both wtIconPop,3.2s ease-in-out .6s infinite wtIconFloat;display:flex;position:relative;box-shadow:0 20px 50px #00000040}.welcome-tour__ring{border:1.5px solid #ffffff40;border-radius:50%;position:absolute}.welcome-tour__ring--1{width:200px;height:200px;animation:3s ease-in-out infinite wtRingPulse}.welcome-tour__ring--2{border-color:#ffffff26;width:290px;height:290px;animation:3s ease-in-out .5s infinite wtRingPulse}.welcome-tour__ring--3{border-color:#ffffff14;width:390px;height:390px;animation:3s ease-in-out 1s infinite wtRingPulse}.welcome-tour__particles{pointer-events:none;position:absolute;inset:0}.welcome-tour__particle{background:#ffffff80;border-radius:50%;width:6px;height:6px;animation:4s ease-in-out infinite wtParticle;position:absolute}.welcome-tour__particle--1{animation-delay:0s;top:15%;left:20%}.welcome-tour__particle--2{width:4px;height:4px;animation-delay:.5s;top:25%;left:75%}.welcome-tour__particle--3{animation-delay:1s;top:45%;left:10%}.welcome-tour__particle--4{width:8px;height:8px;animation-delay:1.5s;top:60%;left:85%}.welcome-tour__particle--5{width:4px;height:4px;animation-delay:2s;top:75%;left:25%}.welcome-tour__particle--6{animation-delay:2.5s;top:85%;left:60%}.welcome-tour__particle--7{width:5px;height:5px;animation-delay:3s;top:10%;left:50%}.welcome-tour__particle--8{width:3px;height:3px;animation-delay:3.5s;top:55%;left:45%}.welcome-tour__step-badge{z-index:3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:1px;background:#00000040;border:1px solid #fff3;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.welcome-tour__content{flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:44px 40px 30px;display:flex}.welcome-tour__text{animation:.4s both wtSlideIn}.welcome-tour__title{letter-spacing:-.5px;margin:0 0 12px;font-size:28px;font-weight:900;line-height:1.2;transition:color .4s}.welcome-tour__desc{color:var(--text-secondary);margin:0 0 22px;font-size:15px;line-height:1.65}.welcome-tour__features{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.welcome-tour__features li{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:14px;align-items:flex-start;gap:11px;padding:11px 14px;font-size:13.5px;line-height:1.5;animation:.45s both wtFeatureIn;display:flex}.welcome-tour__features li svg{flex-shrink:0;margin-top:1px;font-size:18px}.welcome-tour__footer{flex-direction:column;gap:20px;margin-top:26px;display:flex}.welcome-tour__dots{justify-content:center;gap:7px;display:flex}.welcome-tour__dot{cursor:pointer;background:var(--bg-hover);border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:all .3s}.welcome-tour__dot--active{width:28px}.welcome-tour__dot:hover:not(.welcome-tour__dot--active){background:var(--text-muted)}.welcome-tour__actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.welcome-tour__btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:13px 24px;font-size:14.5px;font-weight:700;transition:all .25s;display:inline-flex}.welcome-tour__btn svg{font-size:17px}.welcome-tour__btn--ghost{color:var(--text-secondary);background:0 0}.welcome-tour__btn--ghost:hover{color:var(--text-primary);background:var(--bg-secondary)}.welcome-tour__btn--primary{color:#fff;box-shadow:0 10px 25px #00000040}.welcome-tour__btn--primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.welcome-tour__btn--primary:active{transform:translateY(0)}@keyframes wtFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wtFadeOut{0%{opacity:1}to{opacity:0}}@keyframes wtCardIn{0%{opacity:0;transform:translateY(35px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes wtIconPop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes wtIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wtRingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.07)}}@keyframes wtParticle{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-18px)}}@keyframes wtSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes wtFeatureIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.welcome-tour{padding:12px}.welcome-tour__card{flex-direction:column;max-width:460px;min-height:0;max-height:92vh;overflow-y:auto}.welcome-tour__visual{flex:none;height:180px}.welcome-tour__icon{border-radius:24px;width:84px;height:84px;font-size:40px}.welcome-tour__ring--1{width:130px;height:130px}.welcome-tour__ring--2{width:200px;height:200px}.welcome-tour__ring--3{width:280px;height:280px}.welcome-tour__step-badge{padding:4px 12px;font-size:11px;bottom:12px}.welcome-tour__content{padding:24px 20px 20px}.welcome-tour__title{font-size:21px}.welcome-tour__desc{margin-bottom:16px;font-size:13.5px}.welcome-tour__features li{padding:9px 12px;font-size:12.5px}.welcome-tour__footer{gap:14px;margin-top:20px}.welcome-tour__btn{padding:11px 18px;font-size:13.5px}}.welcome-tour__guide-link{width:100%;color:var(--text-secondary);text-align:center;cursor:pointer;background:0 0;border:none;border-radius:8px;margin-top:14px;padding:8px;font-size:13.5px;font-weight:500;transition:all .2s;display:block}.welcome-tour__guide-link:hover{color:var(--primary-blue,#06f);background:#0066ff14}.lang-modal{z-index:3000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lang-modal--leaving .lang-modal__card{animation:.26s forwards langCardOut}.lang-modal--leaving .lang-modal__backdrop{animation:.26s forwards langFadeOut}.lang-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060a14b8;animation:.3s langFadeIn;position:absolute;inset:0}.lang-modal__card{background:var(--bg-surface);border:1px solid var(--border-color);text-align:center;border-radius:22px;width:100%;max-width:440px;padding:34px 28px 28px;animation:.36s cubic-bezier(.22,1,.36,1) langCardIn;position:relative;box-shadow:0 30px 80px #00000073}@media (max-width:480px){.lang-modal__card{border-radius:18px;padding:28px 18px 22px}}.lang-modal__icon{color:#fff;background:linear-gradient(135deg,#00c46a,#06f);border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 16px;font-size:30px;display:flex;box-shadow:0 10px 26px #0066ff59}.lang-modal__title{color:var(--text-primary);margin:0 0 8px;font-size:1.5rem;font-weight:800}.lang-modal__subtitle{color:var(--text-secondary);margin:0 0 22px;font-size:14px;line-height:1.6}.lang-modal__options{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.lang-modal__option{border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.lang-modal__option:hover{border-color:#0066ff80;transform:translateY(-1px)}.lang-modal__option--active{border-color:var(--primary-blue,#06f);background:linear-gradient(135deg,#00c46a1a,#0066ff1a)}.lang-modal__flag{flex-shrink:0;font-size:26px;line-height:1}.lang-modal__names{flex-direction:column;flex:1;min-width:0;display:flex}.lang-modal__native{color:var(--text-primary);font-size:15.5px;font-weight:700}.lang-modal__english{color:var(--text-secondary);font-size:12.5px}.lang-modal__check{color:#fff;background:linear-gradient(135deg,#00c46a,#06f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;animation:.25s langCheckPop;display:flex}.lang-modal__continue{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c46a,#06f);border:none;border-radius:14px;width:100%;padding:14px;font-size:15.5px;font-weight:700;transition:all .2s;box-shadow:0 8px 22px #0066ff47}.lang-modal__continue:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0066ff61}.lang-modal__continue:active{transform:translateY(0)}@keyframes langFadeIn{0%{opacity:0}to{opacity:1}}@keyframes langFadeOut{0%{opacity:1}to{opacity:0}}@keyframes langCardIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes langCardOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(16px)scale(.97)}}@keyframes langCheckPop{0%{transform:scale(0)}to{transform:scale(1)}}.lang-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;flex-wrap:wrap;gap:6px;padding:6px;display:inline-flex}.lang-select__opt{color:var(--text-secondary);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14.5px;font-weight:600;transition:all .2s;display:inline-flex}.lang-select__opt:hover{background:var(--bg-surface);color:var(--text-primary)}.lang-select__opt--active{color:#fff;background:linear-gradient(135deg,#00c46a,#06f);border-color:#0000;box-shadow:0 6px 18px #0066ff47}.lang-select__flag{font-size:18px;line-height:1}.lang-select__label{white-space:nowrap}.lang-select__check{align-items:center;font-size:13px;display:inline-flex}@media (max-width:520px){.lang-select{width:100%}.lang-select__opt{flex:1;justify-content:center;padding:10px 8px}}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-page .login-card{text-align:center;width:100%;max-width:400px}.banner{aspect-ratio:21/9;width:100%;position:relative;overflow:hidden}@media (max-width:768px){.banner{aspect-ratio:16/9;margin-top:70px}}@media (max-width:480px){.banner{aspect-ratio:4/3}}.banner__container{width:100%;height:100%;position:relative}.banner__slide{opacity:0;z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity .9s ease-in-out,transform 6s ease-out;position:absolute;top:0;left:0;transform:scale(1.06)}.banner__slide:before{content:"";z-index:1;background:linear-gradient(90deg,#000c 0%,#0006 50%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.banner__slide--active{opacity:1;z-index:1;transform:scale(1)}.banner__overlay{z-index:1;background:linear-gradient(45deg,#0000004d 0%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.banner__content{z-index:3;justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;padding:0 1rem;display:flex;position:relative}@media (max-width:768px){.banner__content{padding:0 1rem}}@media (max-width:480px){.banner__content{text-align:left;flex-direction:column;padding:0 3%}}.banner__info{max-width:600px;margin-top:210px;animation:1s ease-out slideInLeft}@media (max-width:1024px){.banner__info{max-width:480px;margin-top:100px}}@media (max-width:768px){.banner__info{max-width:500px;margin-top:100px}}@media (max-width:480px){.banner__info{max-width:100%;margin:10px 0 0}}@media (min-width:360px) and (max-width:768px){.banner__info{margin-top:60px}}.banner__studio-logo{height:30px;margin-bottom:10px}@media (max-width:480px){.banner__studio-logo{height:25px}}.banner__title{color:#fff;text-shadow:2px 2px 4px #00000080;margin:0 0 20px;font-size:4rem;font-weight:900;line-height:1.1}@media (max-width:1024px){.banner__title{font-size:2.6rem}}@media (max-width:900px){.banner__title{margin-bottom:12px;font-size:2.2rem}}@media (max-width:768px){.banner__title{font-size:2rem}}@media (max-width:480px){.banner__title{margin-bottom:15px;font-size:1rem}}.banner__description{color:#fffc;max-width:500px;margin-bottom:30px;font-size:18px;line-height:1.6}@media (max-width:768px){.banner__description{margin:0 auto 25px;font-size:16px}}@media (max-width:480px){.banner__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden;margin-bottom:0!important}}.banner__share-hint{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0000008c;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;animation:.2s fadeIn}.banner__buttons{align-items:center;gap:15px;display:flex}@media (max-width:480px){.banner__buttons{align-items:center;gap:10px;width:40%;height:70px}}.banner__btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:10px;padding:15px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}@media (max-width:768px){.banner__btn{padding:12px 25px;font-size:15px}}@media (max-width:480px){.banner__btn{justify-content:center;width:100px;padding:12px 20px;font-size:14px}}.banner__btn--primary{color:#fff;background:linear-gradient(90deg,#0f0,#007bff)}.banner__btn--primary:hover{background:linear-gradient(90deg,#0c0,#0056b3);transform:translateY(-2px);box-shadow:0 8px 25px #007bff4d}.banner__btn--secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;border-radius:50%;padding:10px}.banner__btn--secondary:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}@media (max-width:480px){.banner__btn--secondary{display:none}}.banner__dots{z-index:4;justify-content:flex-end;gap:12px;width:100%;max-width:1400px;padding:0 1rem;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@media (max-width:768px){.banner__dots{justify-content:center;bottom:30px}}@media (max-width:480px){.banner__dots{gap:8px;bottom:20px}}.banner__dot{cursor:pointer;background:#ffffff59;border:none;border-radius:999px;width:14px;height:6px;padding:0;transition:all .35s;position:relative;overflow:hidden}@media (max-width:480px){.banner__dot{width:10px;height:5px}}.banner__dot:hover{background:#fff9}.banner__dot--active{background:#ffffff40;width:46px}@media (max-width:480px){.banner__dot--active{width:32px}}.banner__dot-progress{background:linear-gradient(90deg,#00ff87,#00b3ff);border-radius:999px;transition:width 1s linear;position:absolute;top:0;bottom:0;left:0}@media (max-width:480px){.banner__content{padding-top:60px;padding-bottom:80px}.banner__title{margin-bottom:10px}.banner__description{margin-bottom:15px}}@media (min-width:1200px){.banner__content{max-width:1400px;margin:0 auto;padding:0 2%}.banner__info{max-width:700px}.banner__title{font-size:4.5rem}.banner__description{max-width:600px;font-size:20px}}.banner__btn{position:relative;overflow:hidden}.banner__btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.banner__btn:hover:before{left:100%}.banner__btn:focus,.banner__dot:focus{outline-offset:2px;outline:2px solid #fffc}.banner__slide{will-change:opacity,transform}.banner__content{will-change:transform}.banner__region{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 18px;display:flex}.banner__region-badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.banner__region-map{border:1px solid #ffffff2e;border-radius:12px;width:180px;height:90px;overflow:hidden;box-shadow:0 6px 18px #00000059}.banner__region-map iframe{filter:saturate(.9);border:0;width:100%;height:100%;display:block}@media (max-width:768px){.banner__region-map{width:140px;height:74px}}.banner__region-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;margin:14px 0 18px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.banner__region-btn:hover{background:#00000080;border-color:#fff6}.banner__region-btn:disabled{opacity:.6;cursor:default}.movies-row{background:var(--bg-surface);padding:1.75rem 0}.movies-row__container{max-width:1400px;margin:0 auto;padding:0 1rem}.movies-row__header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.movies-row__title{color:var(--text-primary);letter-spacing:.5px;text-shadow:0 2px 8px #00000014;margin:0;font-size:2rem;font-weight:800}.movies-row__view-all{background:var(--primary-gradient);color:var(--text-primary);cursor:pointer;border:none;border-radius:2rem;padding:.7rem 1.7rem;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.movies-row__view-all:hover{background:var(--primary-hover);color:var(--color-light);transform:translateY(-2px)scale(1.04);box-shadow:0 8px 25px #007bff2e}.movies-row__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.movie-card{background:var(--bg-surface);cursor:pointer;border:1.5px solid var(--border-color);border-radius:1.5rem;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 12px #0000001a}.movie-card:hover{border-color:var(--color-primary);transform:translateY(-8px)scale(1.03);box-shadow:0 12px 32px #0066ff21}.movie-card__image-container{aspect-ratio:3/4;background:var(--bg-primary);position:relative;overflow:hidden}.movie-card__image{object-fit:cover;border-bottom:1px solid var(--border-color);width:100%;height:100%;transition:transform .3s}.movie-card__overlay{opacity:0;background:linear-gradient(#0000 40%,#000000b3 100%);justify-content:center;align-items:center;padding-bottom:1.2rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.movie-card:hover .movie-card__overlay{opacity:1}.movie-card:hover .movie-card__image{transform:scale(1.07)}.movie-card__play-btn{background:var(--color-primary);color:var(--color-light);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.5rem;transition:transform .2s,background .2s;display:flex;box-shadow:0 2px 8px #0000002e}.movie-card__play-btn:hover{background:var(--color-success);color:var(--color-dark);transform:scale(1.13)}.movie-card__info{background:0 0;padding:1.2rem 1rem 1rem}.movie-card__title{color:var(--text-primary);letter-spacing:.1px;text-shadow:0 1px 4px #00000012;margin:0 0 .4rem;font-size:1.08rem;font-weight:700;line-height:1.3}.movie-card__meta{gap:.7rem;margin-bottom:.4rem;display:flex}.movie-card__genre,.movie-card__year{color:var(--text-secondary);font-size:.93rem}.movie-card__rating{color:var(--color-warning);align-items:center;gap:.25rem;font-size:.93rem;font-weight:600;display:flex}.movie-card__star{color:#fbbf24;filter:drop-shadow(0 1px 2px #0000001a)}@media (max-width:900px){.movies-row__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.movies-row__title{font-size:1.3rem}.movie-card__info{padding:.8rem}.movie-card__title{font-size:.93rem}}.top-channels-row{background:var(--bg-surface);padding:1.75rem 0}.top-channels-row__container{max-width:1400px;margin:0 auto;padding:0 1rem}.top-channels-row__header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.top-channels-row__title{color:var(--text-primary);letter-spacing:.5px;text-shadow:0 2px 8px #00000014;margin:0;font-size:2rem;font-weight:800}.top-channels-row__view-all{background:var(--primary-gradient);color:var(--text-primary);cursor:pointer;border:none;border-radius:2rem;padding:.7rem 1.7rem;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.top-channels-row__view-all:hover{background:var(--primary-hover);color:var(--color-light);transform:translateY(-2px)scale(1.04);box-shadow:0 8px 25px #007bff2e}.top-channels-row__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.channel-card{background:var(--bg-surface);cursor:pointer;border:1.5px solid var(--border-color);border-radius:1.5rem;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 12px #0000001a}.channel-card:hover{border-color:var(--color-primary);transform:translateY(-8px)scale(1.03);box-shadow:0 12px 32px #0066ff21}.channel-card__banner{aspect-ratio:2;background:var(--bg-primary);position:relative;overflow:hidden}.channel-card__banner-image{object-fit:cover;border-bottom:1px solid var(--border-color);width:100%;height:100%;transition:transform .3s}.channel-card:hover .channel-card__banner-image{transform:scale(1.07)}.channel-card__content{background:0 0;padding:1rem;position:relative}.channel-card__avatar-container{z-index:2;align-items:center;display:flex;position:absolute;top:-2.2rem;left:1.2rem}.channel-card__avatar{border:3px solid var(--bg-surface);object-fit:cover;border-radius:50%;width:4.2rem;height:4.2rem;box-shadow:0 2px 8px #0000001a}.channel-card__verified{color:var(--color-success);filter:drop-shadow(0 1px 2px #0000001a);font-size:1.25rem;position:absolute;top:2rem;left:2rem}@media (min-width:901px){.channel-card__verified{font-size:1.5rem;top:2.8rem;left:2.8rem}}.channel-card__info{margin-top:2.7rem}.channel-card__name{color:var(--text-primary);letter-spacing:.1px;text-shadow:0 1px 4px #00000012;margin:0 0 .25rem;font-size:1.18rem;font-weight:700}.channel-card__username{color:var(--text-secondary);margin:0 0 .5rem;font-size:.93rem}.channel-card__category{background:var(--primary-gradient);color:var(--color-dark);border-radius:1rem;margin-bottom:.85rem;padding:.28rem .85rem;font-size:.8rem;font-weight:700;display:inline-block;box-shadow:0 1px 4px #00000012}.channel-card__description{color:var(--text-secondary);margin:0 0 1rem;font-size:.93rem;line-height:1.5}.channel-card__stats{gap:1.2rem;display:flex}.channel-card__stat{color:var(--color-warning);align-items:center;gap:.3rem;font-size:.93rem;font-weight:600;display:flex}@media (max-width:900px){.top-channels-row__grid{grid-template-columns:1fr;gap:.75rem}.top-channels-row__title{font-size:1.3rem}.channel-card__content{padding:.75rem}.channel-card__avatar-container{left:.8rem}.channel-card__avatar{width:3.2rem;height:3.2rem}.channel-card__info{margin-top:2rem}}.tutorials-row{background:var(--bg-surface);padding:1.75rem 0}.tutorials-row__container{max-width:1400px;margin:0 auto;padding:0 1rem}.tutorials-row__header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.tutorials-row__title{color:var(--text-primary);letter-spacing:.5px;text-shadow:0 2px 8px #00000014;margin:0;font-size:2rem;font-weight:800}.tutorials-row__view-all{background:var(--primary-gradient);color:var(--text-primary);cursor:pointer;border:none;border-radius:2rem;padding:.7rem 1.7rem;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.tutorials-row__view-all:hover{background:var(--primary-hover);color:var(--color-light);transform:translateY(-2px)scale(1.04);box-shadow:0 8px 25px #007bff2e}.tutorials-row__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.tutorial-card{background:var(--bg-surface);cursor:pointer;border:1.5px solid var(--border-color);border-radius:1.5rem;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 12px #0000001a}.tutorial-card:hover{border-color:var(--color-primary);transform:translateY(-8px)scale(1.03);box-shadow:0 12px 32px #0066ff21}.tutorial-card__image-container{aspect-ratio:16/9;background:var(--bg-primary);position:relative;overflow:hidden}.tutorial-card__image{object-fit:cover;border-bottom:1px solid var(--border-color);width:100%;height:100%;transition:transform .3s}.tutorial-card__overlay{opacity:0;background:linear-gradient(#0000 40%,#000000b3 100%);justify-content:center;align-items:center;padding-bottom:1.2rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.tutorial-card:hover .tutorial-card__overlay{opacity:1}.tutorial-card:hover .tutorial-card__image{transform:scale(1.07)}.tutorial-card__play-btn{background:var(--color-primary);color:var(--color-light);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.5rem;transition:transform .2s,background .2s;display:flex;box-shadow:0 2px 8px #0000002e}.tutorial-card__play-btn:hover{background:var(--color-success);color:var(--color-dark);transform:scale(1.13)}.tutorial-card__level{z-index:2;border-radius:1rem;padding:.28rem .85rem;font-size:.8rem;font-weight:700;position:absolute;top:.85rem;right:.85rem;box-shadow:0 1px 4px #00000012}.tutorial-card__level--new{color:#000;background:#00df3e}.tutorial-card__level--top{color:#000;background:gold}.tutorial-card__info{background:0 0;padding:1rem}.tutorial-card__subject{color:var(--text-secondary);align-items:center;gap:.7rem;margin-bottom:.4rem;font-size:.93rem;display:flex}.tutorial-card__title{color:var(--text-primary);letter-spacing:.1px;text-shadow:0 1px 4px #00000012;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:3rem;margin:0 0 .25rem;font-size:1.18rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.tutorial-card__instructor{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 1rem;font-size:.93rem;overflow:hidden}.tutorial-card__stats{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.tutorial-card__stat{color:var(--color-warning);align-items:center;gap:.3rem;font-size:.93rem;font-weight:600;display:flex}.tutorial-card__stat-number{color:var(--text-primary);font-weight:700}.tutorial-card__stat-label{color:var(--text-secondary)}.tutorial-card__price{color:#00df3e;font-size:.95rem;font-weight:700}.tutorial-card__price--free{color:gold;text-transform:uppercase;font-size:.85rem}.tutorial-card__duration{color:var(--text-secondary);font-size:.93rem}@media (max-width:900px){.tutorials-row__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.tutorials-row__title{font-size:1.3rem}.tutorial-card__info{padding:.75rem}.tutorial-card__title{font-size:1rem}}.auth-layout{background-color:var(--bg-primary);width:100vw;height:100vh;color:var(--text-primary);display:flex;overflow:hidden}.auth-layout__form-side{z-index:10;flex-direction:column;flex:1;align-items:center;padding:1rem 1.5rem;display:flex;position:relative;overflow:hidden auto}.auth-layout__form-side::-webkit-scrollbar{width:4px}.auth-layout__form-side::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}@media (min-width:1024px){.auth-layout__form-side{max-width:480px;padding:1rem 2rem}}.auth-layout__content{flex-shrink:0;width:100%;max-width:400px;margin:auto 0;padding-top:3rem;padding-bottom:1rem;animation:.35s ease-out forwards fadeIn}.auth-layout__controls{justify-content:space-between;align-items:center;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}@media (min-width:1024px){.auth-layout__controls{top:1.25rem;left:1.5rem;right:1.5rem}}.auth-layout__controls .back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.auth-layout__controls .back-btn:hover{color:var(--color-primary);transform:translate(-2px)}.auth-layout__controls .theme-btn{background:var(--bg-surface);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.auth-layout__controls .theme-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:rotate(15deg)}.auth-layout__header{margin-bottom:1rem}.auth-layout__header .logo-container{align-items:center;gap:.6rem;margin-bottom:.875rem;display:flex}.auth-layout__header .logo-container img{object-fit:contain;border-radius:.5rem;width:36px;height:36px}.auth-layout__header .logo-container .logo-text{background:var(--primary-gradient);-webkit-text-fill-color:#0000;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}.auth-layout__header h1{color:var(--text-primary);margin-bottom:.3rem;font-size:1.75rem;font-weight:800;line-height:1.2}.auth-layout__header p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.auth-layout__slider-side{flex:1.4;display:none;position:relative;overflow:hidden}@media (min-width:1024px){.auth-layout__slider-side{display:block}}.auth-slider{width:100%;height:100%;position:absolute;inset:0}.auth-slider__slide{opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;position:absolute;inset:0}.auth-slider__slide.active{opacity:1;visibility:visible}.auth-slider__bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:transform 7s ease-out;position:absolute;inset:0;transform:scale(1.05)}.active .auth-slider__bg{transform:scale(1)}.auth-slider__overlay{background:linear-gradient(#0000000d 0%,#00000059 50%,#000000d1 100%);position:absolute;inset:0}.auth-slider__content{text-align:center;color:#fff;z-index:2;opacity:0;width:100%;padding:3rem 3rem 4rem;transition:all .7s cubic-bezier(.2,.8,.2,1) .25s;position:absolute;bottom:0;left:0;transform:translateY(16px)}.active .auth-slider__content{opacity:1;transform:translateY(0)}.auth-slider__title{text-shadow:0 3px 12px #0006;margin-bottom:.75rem;font-size:2rem;font-weight:800;line-height:1.2}.auth-slider__desc{color:#ffffffe0;text-shadow:0 2px 6px #0006;max-width:480px;margin:0 auto;font-size:1rem;line-height:1.55}.auth-slider__indicators{z-index:3;gap:.5rem;display:flex;position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%)}.auth-slider__dot{cursor:pointer;background:#ffffff40;border:none;border-radius:2px;width:34px;height:3px;padding:0;transition:all .3s;position:relative;overflow:hidden}.auth-slider__dot:hover:not(.active),.auth-slider__dot.active{background:#fff6}.auth-slider__dot.active:after{content:"";background:#fff;animation:6s linear forwards sliderProgression;position:absolute;inset:0}@keyframes sliderProgression{0%{transform:translate(-100%)}to{transform:translate(0)}}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-form__alert{border-radius:.75rem;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.25s fadeIn;display:flex}.auth-form__alert svg{flex-shrink:0;font-size:1.1rem}.auth-form__alert--success{color:var(--color-success);background:#10b9811a;border:1px solid #10b98133}.auth-form__alert--error{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444433}.auth-form__alert--info{color:var(--color-primary);background:#3b82f61a;border:1px solid #3b82f633}.auth-form__tabs{background:var(--bg-surface);border-radius:.875rem;padding:.25rem;display:flex}.auth-form__tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.65rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .5rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.auth-form__tabs button:hover:not(.active){color:var(--text-primary);background:var(--bg-hover)}.auth-form__tabs button.active{background:var(--bg-secondary);color:var(--color-primary);box-shadow:0 3px 8px #0000001a}.auth-form__row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth-form__field label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:flex}.auth-form__field label svg{color:var(--color-primary)}.auth-form__field-wrapper{align-items:center;display:flex;position:relative}.auth-form__field input{background:var(--bg-surface);border:1.5px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:.875rem;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.auth-form__field input::placeholder{color:var(--text-muted)}.auth-form__field input:hover:not(:disabled){border-color:var(--color-primary)}.auth-form__field input:focus{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 0 0 3px #0066ff14}.auth-form__field input.password-input{padding-right:3rem}.auth-form__field .eye-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:1rem}.auth-form__field .eye-btn:hover{color:var(--color-primary)}.auth-form__phone-group{display:flex;position:relative}.auth-form__phone-group .cc-btn{border:none;border-right:1.5px solid var(--border-color);color:var(--text-primary);cursor:pointer;z-index:2;background:0 0;align-items:center;gap:.3rem;padding:0 .875rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:0;bottom:0;left:0}.auth-form__phone-group .cc-btn:hover{color:var(--color-primary)}.auth-form__phone-group input{padding-left:5.25rem}.auth-form__phone-group .dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:.875rem;width:280px;max-height:230px;padding:.4rem;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 32px #0003}.auth-form__phone-group .dropdown::-webkit-scrollbar{width:3px}.auth-form__phone-group .dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.auth-form__phone-group .dropdown-item{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:.6rem;align-items:center;gap:.75rem;padding:.6rem .875rem;transition:all .15s;display:flex}.auth-form__phone-group .dropdown-item:hover{background:var(--bg-secondary)}.auth-form__phone-group .dropdown-item.active{color:var(--color-primary);background:#0066ff14;font-weight:600}.auth-form__phone-group .dropdown-item-code{width:46px;font-size:.85rem;font-weight:600}.auth-form__phone-group .dropdown-item-name{color:var(--text-secondary);font-size:.8rem}.auth-form__submit{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:.875rem;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.25rem;padding:.9rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.auth-form__submit:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-form__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0066ff61}.auth-form__submit:hover:not(:disabled):after{left:100%}.auth-form__submit:disabled{opacity:.7;cursor:not-allowed}.auth-form__submit .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.1rem;height:1.1rem;animation:.8s linear infinite spin}.auth-form__footer{text-align:center;color:var(--text-secondary);margin-top:.5rem;font-size:.875rem}.auth-form__footer a{color:var(--color-primary);margin-left:.35rem;font-weight:700;text-decoration:none}.auth-form__footer a:hover{text-decoration:underline}.auth-roles{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.auth-roles__card{background:var(--bg-surface);border:1.5px solid var(--border-color);cursor:pointer;border-radius:1.1rem;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1rem;transition:all .25s;display:flex}.auth-roles__card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.auth-roles__card.selected{border-color:var(--color-primary);background:#0066ff0f;box-shadow:0 4px 20px #0066ff1f}.auth-roles__card.selected .icon{background:var(--color-primary);color:#fff}.auth-roles__card.selected .title{color:var(--color-primary)}.auth-roles__card .icon{background:var(--bg-secondary);width:48px;height:48px;color:var(--text-secondary);border-radius:.875rem;justify-content:center;align-items:center;font-size:1.4rem;transition:all .25s;display:flex}.auth-roles__card .title{color:var(--text-primary);font-size:.95rem;font-weight:800}.auth-roles__card .desc{color:var(--text-muted);text-align:center;font-size:.77rem;line-height:1.35}.auth-roles-badge{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:.875rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.auth-roles-badge__info{color:var(--text-primary);align-items:center;gap:.75rem;font-size:.9rem;font-weight:700;display:flex}.auth-roles-badge__info .icon{width:34px;height:34px;color:var(--color-primary);background:#0066ff1a;border-radius:.6rem;justify-content:center;align-items:center;display:flex}.auth-roles-badge__change{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:.82rem;font-weight:600}.auth-roles-badge__change:hover{text-decoration:underline}.auth-qr{flex-direction:column;align-items:center;gap:.875rem;padding:.5rem 0;animation:.3s fadeIn;display:flex}.auth-qr .loader-box{color:var(--text-primary);flex-direction:column;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;display:flex}.auth-qr .loader-box .spinner{border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:1s linear infinite spin}.auth-qr .qr-frame{background:#fff;border:2px solid #0000000d;border-radius:1.25rem;justify-content:center;align-items:center;width:240px;height:240px;padding:.875rem;display:flex;box-shadow:0 8px 24px #0000001a}.auth-qr .qr-frame img{object-fit:contain;width:100%;height:100%}.auth-qr .status{text-align:center;color:var(--text-secondary);font-size:.875rem}.auth-qr .status strong{color:var(--color-primary);font-weight:700}.auth-qr .refresh-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:2rem;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.auth-qr .refresh-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .auth-slider__content h2{text-shadow:0 4px 14px #000000a6}[data-theme=light] .auth-slider__content p{text-shadow:0 2px 8px #000000a6;font-weight:500}.tutorials{background-color:var(--detail-bg);min-height:100vh;color:var(--detail-text);padding:2rem 1rem;transition:background-color .3s,color .3s}.tutorials__container{max-width:1400px;margin:0 auto}.tutorials__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3rem;display:flex}.tutorials__title-section{flex:1}.tutorials__title{color:var(--detail-text);background:var(--primary-gradient);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:800;transition:all .3s}.tutorials__subtitle{color:var(--detail-text-muted);margin:0;font-size:1.125rem;font-weight:500;transition:color .3s}.tutorials__controls{align-items:center;gap:1.5rem;display:flex}.tutorials__search{min-width:320px;position:relative}.tutorials__search-icon{color:var(--detail-text-muted);z-index:2;transition:color .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.tutorials__search-input{border:2px solid var(--detail-border);background:var(--detail-card-bg);width:100%;color:var(--detail-text);box-shadow:0 4px 6px -1px var(--detail-shadow);border-radius:12px;padding:.875rem 1rem .875rem 2.75rem;font-size:.875rem;transition:all .3s}.tutorials__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a,0 4px 6px -1px var(--detail-shadow);outline:none;transform:translateY(-1px)}.tutorials__search-input::placeholder{color:var(--detail-text-muted)}.tutorials__view-toggle{background:var(--detail-card-bg);box-shadow:0 4px 6px -1px var(--detail-shadow);border:1px solid var(--detail-border);border-radius:10px;padding:.25rem;transition:all .3s;display:flex}.tutorials__view-btn{color:var(--detail-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.625rem;transition:all .2s;display:flex}.tutorials__view-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 4px #3b82f64d}.tutorials__view-btn:not(.active):hover{color:var(--color-primary);background:var(--detail-bg)}.tutorials__view-btn svg{width:16px;height:16px}.tutorials__subjects{scrollbar-width:none;-ms-overflow-style:none;gap:.75rem;margin-bottom:2.5rem;padding:.5rem 0 1rem;display:flex;overflow-x:auto}.tutorials__subjects::-webkit-scrollbar{display:none}.tutorials__subject{background:var(--detail-card-bg);border:2px solid var(--detail-border);color:var(--detail-text-muted);cursor:pointer;white-space:nowrap;box-shadow:0 2px 4px var(--detail-shadow);border-radius:25px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.tutorials__subject.active{color:#fff;background:var(--primary-gradient);box-shadow:0 8px 25px var(--detail-hover-shadow);border-color:#0000;transform:translateY(-2px)}.tutorials__subject:not(.active):hover{background:var(--detail-bg);border-color:var(--color-primary);box-shadow:0 4px 12px var(--detail-shadow);color:var(--detail-text);transform:translateY(-1px)}.tutorials__subject-name{font-weight:600}.tutorials__subject-count{opacity:.8;font-size:.75rem;font-weight:500}.tutorials__content{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;display:grid}@media (max-width:768px){.tutorials__content{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:480px){.tutorials__content{gap:1.25rem}}.tutorials__content--list{grid-template-columns:1fr;gap:1.5rem}.tutorials__empty{text-align:center;background:var(--detail-card-bg);box-shadow:0 4px 6px -1px var(--detail-shadow);border:1px solid var(--detail-border);border-radius:20px;grid-column:1/-1;padding:4rem 2rem;transition:all .3s}.tutorials__empty-icon{color:var(--detail-text-muted);margin-bottom:1rem}.tutorials__empty h3{color:var(--detail-text);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.tutorials__empty p{color:var(--detail-text-muted);margin:0}.tutorial-item{background:var(--detail-card-bg);cursor:pointer;border:1px solid var(--detail-border);box-shadow:0 4px 6px -1px var(--detail-shadow);z-index:5;border-radius:20px;transition:all .4s;position:relative;overflow:hidden}.tutorial-item:hover{box-shadow:0 20px 40px var(--detail-hover-shadow);border-color:var(--color-primary)}.tutorial-item--list{align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.tutorial-item--list .tutorial-item__image-container{aspect-ratio:16/9;border-radius:16px;flex-shrink:0;width:240px;height:auto;overflow:hidden}.tutorial-item--list .tutorial-item__info{flex:1;padding:0}.tutorial-item--list .tutorial-item__progress{margin-top:1.25rem}.tutorial-item--list .tutorial-item__footer{margin-top:1.5rem}.tutorial-item__image-container{aspect-ratio:16/9;background:var(--detail-bg);position:relative;overflow:hidden}.tutorial-item__image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.tutorial-item:hover .tutorial-item__image{transform:scale(1.05)}.tutorial-item__overlay{background:var(--detail-overlay);opacity:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.tutorial-item:hover .tutorial-item__overlay{opacity:1}.tutorial-item__play-btn{background:var(--detail-card-bg);color:var(--color-primary);cursor:pointer;width:60px;height:60px;box-shadow:0 8px 25px var(--detail-hover-shadow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.tutorial-item__play-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.tutorial-item__play-btn svg{margin-left:2px}.tutorial-item__badges{flex-direction:column;gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.tutorial-item__badge{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.625rem;font-weight:700;display:flex}.tutorial-item__badge--new{background:var(--color-success);color:#fff}.tutorial-item__badge--bestseller{background:var(--color-warning);color:#fff}.tutorial-item__duration{background:var(--detail-overlay);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;bottom:1rem;right:1rem}.tutorial-item__lock{background:var(--detail-overlay);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;padding:.5rem;position:absolute;top:1rem;right:1rem}.tutorial-item__info{padding:1.5rem}.tutorial-item__instructor{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.tutorial-item__instructor-avatar{object-fit:cover;border:2px solid var(--detail-border);border-radius:50%;width:32px;height:32px}.tutorial-item__instructor-info{flex:1}.tutorial-item__instructor-name{color:var(--detail-text);align-items:center;gap:.375rem;margin-bottom:.125rem;font-size:.875rem;font-weight:600;display:flex}.tutorial-item__instructor-stats{color:var(--detail-text-muted);font-size:.75rem;font-weight:500}.tutorial-item__verified{color:var(--color-primary);width:14px;height:14px}.tutorial-item__title{color:var(--detail-text);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1.125rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.tutorial-item__meta{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tutorial-item__rating{align-items:center;gap:.5rem;display:flex}.tutorial-item__rating-text{color:var(--detail-text-muted);font-size:.875rem;font-weight:500}.tutorial-item__star{color:var(--detail-border);width:14px;height:14px}.tutorial-item__star--filled,.tutorial-item__star--half{color:var(--color-warning)}.tutorial-item__level{color:var(--color-primary);background:#3b82f61a;border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.tutorial-item__lessons{color:var(--detail-text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:500;display:flex}.tutorial-item__lessons svg{color:var(--color-primary);flex-shrink:0}.tutorial-item__certificate{color:var(--color-success);align-items:center;gap:.25rem;font-weight:600;display:flex}.tutorial-item__certificate svg{color:var(--color-success)!important}.tutorial-item__description{color:var(--detail-text);line-clamp:3;-webkit-line-clamp:3;opacity:.8;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.tutorial-item__progress{margin-bottom:1rem}.tutorial-item__progress-info{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.tutorial-item__progress-text{color:var(--detail-text);font-size:.875rem;font-weight:600}.tutorial-item__progress-percentage{color:var(--color-primary);font-size:.875rem;font-weight:700}.tutorial-item__progress-bar{background:var(--detail-border);border-radius:4px;width:100%;height:8px;overflow:hidden}.tutorial-item__progress-fill{background:var(--primary-gradient);border-radius:4px;height:100%;transition:width .4s;position:relative}.tutorial-item__progress-fill:after{content:"";background:#fff;border-radius:2px;width:2px;height:100%;position:absolute;top:0;right:0}.tutorial-item__footer{border-top:1px solid var(--detail-border);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.tutorial-item__price-section{flex-direction:column;gap:.25rem;display:flex}.tutorial-item__price{color:var(--detail-text);font-size:1.25rem;font-weight:800}.tutorial-item__purchased{color:var(--color-success);align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:flex}.tutorial-item__continue-btn,.tutorial-item__buy-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.tutorial-item__continue-btn{background:var(--color-success);color:#fff}.tutorial-item__continue-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 8px 25px #10b9814d}.tutorial-item__buy-btn{background:var(--color-primary);color:#fff}.tutorial-item__buy-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 8px 25px #3b82f64d}.tutorial-item__continue-btn:active,.tutorial-item__buy-btn:active{transform:scale(.98)}.tutorial-categories{margin-bottom:4rem}.tutorial-categories__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}@media (max-width:1024px){.tutorial-categories__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}@media (max-width:768px){.tutorial-categories__grid{grid-template-columns:1fr;gap:1.25rem}}.tutorial-categories__empty{text-align:center;background:var(--detail-card-bg);box-shadow:0 4px 6px -1px var(--detail-shadow);border:1px solid var(--detail-border);border-radius:20px;grid-column:1/-1;padding:4rem 2rem}.tutorial-categories__empty-icon{color:var(--detail-text-muted);margin-bottom:1rem}.tutorial-categories__empty h3{color:var(--detail-text);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.tutorial-categories__empty p{color:var(--detail-text-muted);margin:0}.tutorial-category-card{background:var(--detail-card-bg);cursor:pointer;border:1px solid var(--detail-border);box-shadow:0 4px 6px -1px var(--detail-shadow);border-radius:20px;transition:all .4s;position:relative;overflow:hidden}.tutorial-category-card:hover{box-shadow:0 20px 40px var(--detail-hover-shadow);border-color:var(--color-primary);transform:translateY(-8px)}.tutorial-category-card:hover .tutorial-category-card__image{transform:scale(1.05)}.tutorial-category-card:hover .tutorial-category-card__overlay{opacity:1}.tutorial-category-card:hover .tutorial-category-card__arrow{transform:translate(4px)}.tutorial-category-card__image-container{aspect-ratio:16/9;background:var(--detail-bg);position:relative;overflow:hidden}.tutorial-category-card__image{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .4s}.tutorial-category-card__overlay{background:var(--detail-overlay);opacity:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.tutorial-category-card__play-btn{background:var(--detail-card-bg);color:var(--color-primary);cursor:pointer;width:60px;height:60px;box-shadow:0 8px 25px var(--detail-hover-shadow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.tutorial-category-card__play-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.tutorial-category-card__badge{background:var(--color-warning);color:#fff;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:1rem;left:1rem}.tutorial-category-card__content{padding:1.5rem}.tutorial-category-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.tutorial-category-card__title{color:var(--detail-text);margin:0;font-size:1.25rem;font-weight:700;line-height:1.4}.tutorial-category-card__arrow{color:var(--detail-text-muted);flex-shrink:0;margin-left:.5rem;transition:transform .3s}.tutorial-category-card__description{color:var(--detail-text-muted);margin-bottom:1rem;font-size:.875rem;line-height:1.6}.tutorial-category-card__stats{gap:1rem;margin-bottom:1rem;display:flex}.tutorial-category-card__stat{color:var(--detail-text-muted);align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:flex}.tutorial-category-card__stat svg{color:var(--color-primary)}.tutorial-category-card__footer{border-top:1px solid var(--detail-border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.tutorial-category-card__difficulty{color:var(--detail-text);font-size:.875rem;font-weight:600}.tutorial-category-card__color-indicator{border-radius:2px;width:24px;height:4px}.tutorial-instructors{margin-top:4rem}.tutorial-instructors__title{color:var(--detail-text);text-align:center;background:var(--primary-gradient);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:1.75rem;font-weight:700}.tutorial-instructors__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.instructor-card{background:var(--detail-card-bg);text-align:center;border:1px solid var(--detail-border);box-shadow:0 4px 6px -1px var(--detail-shadow);border-radius:16px;padding:1.5rem;transition:all .3s}.instructor-card:hover{box-shadow:0 12px 25px var(--detail-hover-shadow);border-color:var(--color-primary);transform:translateY(-4px)}.instructor-card__avatar{width:80px;height:80px;margin:0 auto 1rem;position:relative}.instructor-card__avatar img{object-fit:cover;border:3px solid var(--detail-border);border-radius:50%;width:100%;height:100%}.instructor-card__verified{background:var(--color-primary);color:#fff;border:2px solid var(--detail-card-bg);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:0;right:0}.instructor-card__name{color:var(--detail-text);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.instructor-card__specialty{color:var(--detail-text-muted);margin:0 0 1rem;font-size:.875rem}.instructor-card__stats{justify-content:center;gap:1rem;display:flex}.instructor-card__stat{color:var(--detail-text-muted);align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:flex}.instructor-card__stat svg{color:var(--color-primary)}@media (max-width:1024px){.tutorials{padding:1.5rem 1rem}.tutorial-category-card__image-container,.tutorial-item__image-container,.instructor-card__image-container{aspect-ratio:16/9;width:100%;height:auto}}@media (max-width:768px){.tutorials{padding:1rem .5rem}.tutorials__header{flex-direction:column;align-items:stretch;gap:1.5rem}.tutorials__title{font-size:2rem}.tutorials__subtitle{font-size:1rem}.tutorials__controls{flex-direction:column;gap:1rem}.tutorials__search{min-width:auto}.tutorials__search-input{padding:.75rem 1rem .75rem 2.5rem}.tutorials__subjects{gap:.5rem}.tutorials__subject{padding:.625rem 1.25rem;font-size:.8125rem}.tutorials__subject-count{font-size:.6875rem}.tutorial-item--list{text-align:left;flex-direction:column}.tutorial-item--list .tutorial-item__image-container{width:100%;height:200px;margin-bottom:1rem}.tutorial-item--list .tutorial-item__info{width:100%}.tutorial-item__info{padding:1.25rem}.tutorial-item__title{font-size:1rem}.tutorial-item__meta{flex-direction:column;align-items:flex-start;gap:.75rem}.tutorial-item__footer{flex-direction:column;align-items:stretch;gap:1rem}.tutorial-item__continue-btn,.tutorial-item__buy-btn{justify-content:center;padding:.875rem 1.25rem}}@media (max-width:480px){.tutorials__title{font-size:1.75rem}.tutorials__search-input{padding:.625rem .875rem .625rem 2.25rem;font-size:.8125rem}.tutorials__subjects{gap:.375rem}.tutorials__subject{padding:.5rem 1rem;font-size:.75rem}.tutorials__subject-count{font-size:.625rem}.tutorial-item__info{padding:1rem}.tutorial-item__title{margin-bottom:.5rem;font-size:.9375rem}.tutorial-item__lessons{margin-bottom:.75rem;font-size:.8125rem}.tutorial-item__continue-btn,.tutorial-item__buy-btn{padding:.75rem 1rem;font-size:.8125rem}}.tutorial-category{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding-bottom:5rem;position:relative;overflow-x:hidden}.tutorial-category__container{max-width:1440px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.tutorial-category__container{padding:0 1rem}}.tutorial-category__header{margin-bottom:4rem;padding-top:2rem;position:relative}@media (max-width:768px){.tutorial-category__header{margin-bottom:2.5rem}}.tutorial-category__back-btn{color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.tutorial-category__back-btn:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-400);border-color:rgba(var(--primary-rgb),.3);transform:translate(-4px)}.tutorial-category__hero{background:var(--bg-surface);border:1px solid #ffffff0d;border-radius:32px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 60px #0006}.tutorial-category__hero-bg{z-index:1;align-items:center;width:100%;min-height:480px;padding:4rem;display:flex;position:relative}.tutorial-category__hero-bg:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#000000b3 0%,#0000 60%);position:absolute;inset:0}@media (max-width:992px){.tutorial-category__hero-bg{min-height:400px;padding:2.5rem 1.5rem}.tutorial-category__hero-bg:before{background:linear-gradient(#0000 0%,#000c 100%)}}@media (max-width:480px){.tutorial-category__hero-bg{min-height:320px;padding:2rem}}.tutorial-category__hero-content{z-index:2;text-align:left;max-width:800px;position:relative}@media (max-width:992px){.tutorial-category__hero-content{text-align:left;margin:0}}.tutorial-category__title{letter-spacing:-.02em;mix-blend-mode:difference;filter:brightness(1.2);-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.1}@media (max-width:768px){.tutorial-category__title{font-size:1.5rem}}.tutorial-category__description{color:#fff;text-shadow:0 1px 10px #0000004d;max-width:600px;margin-bottom:2.5rem;font-size:1.125rem;line-height:1.5}@media (max-width:768px){.tutorial-category__description{margin-bottom:1.25rem;font-size:.8125rem}}.tutorial-category__stats{flex-wrap:wrap;gap:2.5rem;display:flex}@media (max-width:992px){.tutorial-category__stats{justify-content:center;gap:1.5rem}}@media (max-width:768px){.tutorial-category__stats{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;padding-bottom:0;overflow-x:visible}}.tutorial-category__stat{align-items:center;gap:.5rem;display:flex}@media (max-width:768px){.tutorial-category__stat{background:#ffffff0d;border-radius:10px;flex-shrink:0;gap:.3rem;padding:.4rem .6rem}}.tutorial-category__stat .icon-box{width:42px;height:42px;color:var(--primary-400);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}@media (max-width:768px){.tutorial-category__stat .icon-box{border-radius:6px;width:26px;height:26px;font-size:11px}}.tutorial-category__stat .details{flex-direction:column;display:flex}.tutorial-category__stat .details .val{color:#fff;font-size:1rem;font-weight:800}@media (max-width:768px){.tutorial-category__stat .details .val{font-size:.65rem}}.tutorial-category__stat .details .lbl{color:#ffffff80;text-transform:uppercase;font-size:.65rem;font-weight:700}@media (max-width:768px){.tutorial-category__stat .details .lbl{font-size:.45rem}}.tutorial-category__controls{background:var(--bg-surface);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff0d;border-radius:20px;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;padding:1.25rem 2rem;display:flex;position:sticky;top:2rem;box-shadow:0 10px 30px #0000001a}@media (max-width:1024px){.tutorial-category__controls{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.5rem}}.tutorial-category__levels{gap:.75rem;padding-bottom:4px;display:flex;overflow-x:auto}.tutorial-category__levels::-webkit-scrollbar{display:none}.tutorial-category__level{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .25s}.tutorial-category__level:hover{background:#ffffff0f;border-color:#fff3}.tutorial-category__level.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600);box-shadow:0 8px 16px rgba(var(--primary-rgb),.3)}.tutorial-category__selects{flex-wrap:wrap;gap:.75rem;display:flex}@media (max-width:1024px){.tutorial-category__selects{width:100%}}.tutorial-category__select{color:var(--text-primary);cursor:pointer;appearance:none;background:#ffffff08 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right .9rem center no-repeat;border:1px solid #ffffff14;border-radius:12px;min-width:150px;padding:.6rem 2.25rem .6rem 1rem;font-size:.875rem;font-weight:600;transition:all .25s}.tutorial-category__select:hover{background-color:#ffffff0f;border-color:#fff3}.tutorial-category__select:focus{border-color:var(--primary-600);outline:none}.tutorial-category__select option{background:var(--bg-surface,#1a1a1a);color:var(--text-primary,#fff)}@media (max-width:1024px){.tutorial-category__select{flex:1}}.tutorial-category__search{flex:1;max-width:400px;position:relative}@media (max-width:1024px){.tutorial-category__search{max-width:none}}.tutorial-category__search .search-icon{color:var(--text-secondary);opacity:.7;z-index:2;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.tutorial-category__search input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:.875rem 1.25rem .875rem 3.25rem;transition:all .3s}.tutorial-category__search input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);background:#0000004d;outline:none}.tutorial-category__courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;display:grid}@media (max-width:1024px){.tutorial-category__courses-grid{gap:1.5rem}}@media (max-width:768px){.tutorial-category__courses-grid{grid-template-columns:1fr;gap:1.25rem}}.tutorial-course-card{background:var(--bg-surface);cursor:pointer;border:1px solid #ffffff0d;border-radius:28px;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.tutorial-course-card:hover{border-color:rgba(var(--primary-rgb),.3);transform:translateY(-12px);box-shadow:0 30px 60px #0000004d}.tutorial-course-card:hover .tutorial-course-card__image{transform:scale(1.1)}.tutorial-course-card:hover .tutorial-course-card__overlay{opacity:1}.tutorial-course-card:hover .tutorial-course-card__overlay .play-icon{opacity:1;transform:scale(1)}.tutorial-course-card__thumbnail{background:#000;width:100%;height:180px;position:relative;overflow:hidden}.tutorial-course-card__image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,0,.2,1)}.tutorial-course-card__overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:all .4s;display:flex;position:absolute;inset:0}.tutorial-course-card__overlay .play-icon{background:var(--primary-600);color:#fff;opacity:0;width:54px;height:54px;box-shadow:0 10px 20px rgba(var(--primary-rgb),.4);border-radius:50%;justify-content:center;align-items:center;transition:all .4s;display:flex;transform:scale(.8)}.tutorial-course-card__badges{z-index:2;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.tutorial-course-card__badge{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:.35rem .75rem;font-size:.65rem;font-weight:800;box-shadow:0 4px 8px #0003}.tutorial-course-card__badge--new{color:#fff;background:#10b981}.tutorial-course-card__badge--top{color:#fff;background:#f59e0b}.tutorial-course-card__duration{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:8px;padding:.35rem .65rem;font-size:.75rem;font-weight:700;position:absolute;bottom:1rem;right:1rem}.tutorial-course-card__content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.tutorial-course-card__title{color:#fff;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1.125rem;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.tutorial-course-card__description{color:var(--text-secondary);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.tutorial-course-card__meta{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.tutorial-course-card__rating{color:#fbbf24;align-items:center;gap:.375rem;font-size:.875rem;font-weight:800;display:flex}.tutorial-course-card__level{background:rgba(var(--primary-rgb),.1);color:var(--primary-400);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:.25rem .65rem;font-size:.65rem;font-weight:800}.tutorial-course-card__stats-row{gap:1.25rem;margin-bottom:1.5rem;display:flex}.tutorial-course-card__stats-row .stat-item{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;display:flex}.tutorial-course-card__stats-row .stat-item svg{opacity:.6;color:var(--primary-400)}.tutorial-course-card__footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:1.25rem;display:flex}@media (max-width:768px){.tutorial-course-card__footer{gap:.5rem;padding-top:1rem}}.tutorial-course-card__price-info{line-height:1.1}.tutorial-course-card__price-info .price{color:#fff;font-size:1.125rem;font-weight:900;display:block}.tutorial-course-card__price-info .price.free{color:#10b981}@media (max-width:768px){.tutorial-course-card__price-info .price{font-size:.9375rem}}.tutorial-course-card__price-info .type{color:#fff6;text-transform:uppercase;letter-spacing:.5px;font-size:.6rem;font-weight:800}@media (max-width:768px){.tutorial-course-card__price-info .type{font-size:.55rem}}.tutorial-course-card__action-btn{background:var(--primary-600);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),.2);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.4rem;padding:.6rem 1.125rem;font-size:.75rem;font-weight:800;transition:all .3s;display:flex}.tutorial-course-card__action-btn:hover{background:var(--primary-500);box-shadow:0 6px 20px rgba(var(--primary-rgb),.3);transform:translateY(-2px)}.tutorial-course-card__action-btn.purchased{color:#10b981;box-shadow:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10b98126;border:1px solid #10b9814d}.tutorial-course-card__action-btn.purchased:hover{background:#10b98140;transform:none}@media (max-width:768px){.tutorial-course-card__action-btn{border-radius:10px;padding:.5rem .875rem;font-size:.7rem}}.tutorial-category__empty{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:40px;grid-column:1/-1;margin:2rem 0;padding:6rem 2rem;animation:.6s ease-out fadeInUp}.tutorial-category__empty .icon-box{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2)0%,rgba(var(--primary-rgb),.05)100%);width:100px;height:100px;color:var(--primary-400);border:1px solid rgba(var(--primary-rgb),.2);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 2rem;font-size:40px;display:flex;box-shadow:0 20px 40px #0003}.tutorial-category__empty h3{color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:900}.tutorial-category__empty p{color:var(--text-secondary);max-width:400px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;line-height:1.6}.tutorial-category__empty .btn,.tutorial-category__empty .btn-add-device,.tutorial-category__empty .btn-refresh,.tutorial-category__empty .btn-logout-all{background:var(--primary-600);color:#fff;cursor:pointer;box-shadow:0 10px 25px rgba(var(--primary-rgb),.4);border:none;border-radius:16px;padding:.875rem 2.5rem;font-size:.875rem;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.tutorial-category__empty .btn:hover,.tutorial-category__empty .btn-add-device:hover,.tutorial-category__empty .btn-refresh:hover,.tutorial-category__empty .btn-logout-all:hover{background:var(--primary-500);box-shadow:0 15px 35px rgba(var(--primary-rgb),.5);transform:translateY(-5px)}.tutorial-detail{background:var(--bg-primary);min-height:100vh;transition:background-color .3s}.tutorial-detail__header{background:linear-gradient(135deg,var(--color-primary)0%,#1bb300 100%);color:#fff;padding:2rem 0 4rem;position:relative;overflow:hidden}.tutorial-detail__header:before{content:"";background:var(--banner-image,url(https://avatars.mds.yandex.net/i?id=0140fe8eeb35eea5e7e9f6e76acdfef2-5427554-images-thumbs&n=13))center/cover;opacity:.4;z-index:0;position:absolute;inset:0}.tutorial-detail__container{z-index:1;max-width:1200px;margin:0 auto;padding:0 1rem;position:relative}.tutorial-detail__back{color:#fff;cursor:pointer;background:#30303072;border:1px solid #fff3;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.tutorial-detail__back:hover{background:#fff3;transform:translate(-2px)}.tutorial-detail__hero{grid-template-columns:300px 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:768px){.tutorial-detail__hero{grid-template-columns:1fr;gap:1.5rem}}.tutorial-detail__image{box-shadow:var(--shadow);aspect-ratio:16/9;border-radius:1rem;position:relative;overflow:hidden}.tutorial-detail__image img{object-fit:cover;width:100%;height:100%}.tutorial-detail__image-overlay{opacity:0;cursor:pointer;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.tutorial-detail__image-overlay:hover{opacity:1}.tutorial-detail__image-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px #0000004d)}.tutorial-detail__play-overlay{opacity:0;cursor:pointer;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.tutorial-detail__play-overlay:hover{opacity:1}.tutorial-detail__play-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px #0000004d)}.tutorial-detail__info{flex-direction:column;gap:1rem;margin-top:-80px;display:flex}.tutorial-detail__breadcrumb{opacity:.8;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.tutorial-detail__breadcrumb span:nth-child(2){opacity:.6}.tutorial-detail__title{color:#fff;margin:0;font-size:2.5rem;font-weight:700;line-height:1.2}@media (max-width:768px){.tutorial-detail__title{font-size:2rem}}.tutorial-detail__description{opacity:.95;color:#fff;margin:0;font-size:1rem;line-height:1.6}.tutorial-detail__meta{flex-wrap:wrap;align-items:center;gap:1.5rem;font-size:.9rem;display:flex}.tutorial-detail__meta-item{opacity:.9;color:#fff;align-items:center;gap:.5rem;display:flex}.tutorial-detail__instructor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#30303072;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex}.tutorial-detail__instructor img{object-fit:cover;border:3px solid #ffffff4d;border-radius:50%;width:60px;height:60px}.tutorial-detail__instructor-info h4{color:#fff;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.1rem;font-weight:600;display:flex}.tutorial-detail__instructor-info p{opacity:.9;color:#fff;margin:0;font-size:.9rem}.tutorial-detail__stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#30303072;border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.tutorial-detail__progress{flex-direction:column;gap:.5rem;display:flex}.tutorial-detail__progress-bar{background:#fff3;border-radius:5px;width:100%;height:10px;position:relative;overflow:hidden}.tutorial-detail__progress-bar:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.tutorial-detail__progress-fill{background:linear-gradient(90deg,var(--color-success),#00b894);border-radius:5px;height:100%;transition:width .5s;position:relative}.tutorial-detail__progress-fill:after{content:"";background:linear-gradient(90deg,var(--color-success),#00b894);opacity:.3;z-index:-1;filter:blur(4px);border-radius:7px;position:absolute;inset:-2px}.tutorial-detail__progress-text{opacity:.9;color:#fff;font-size:.9rem;font-weight:600}.tutorial-detail__score{opacity:.9;color:#fff;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.tutorial-detail__purchase{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:.75rem;align-items:center;gap:1rem;padding:1.5rem;display:flex}.tutorial-detail__price{color:var(--color-success);font-size:1.5rem;font-weight:700}.tutorial-detail__buy-btn{background:var(--color-success);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.tutorial-detail__buy-btn:hover{background:#00b894;transform:translateY(-1px)}.tutorial-detail__content{background:var(--bg-primary);padding:2rem 0;transition:background-color .3s}.tutorial-detail__months{gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}@media (max-width:768px){.tutorial-detail__months{flex-direction:column}}.tutorial-detail__month-tab{background:var(--bg-surface);border:2px solid var(--border-color);cursor:pointer;text-align:left;border-radius:1rem;flex:1;min-width:250px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.tutorial-detail__month-tab:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-2px)}.tutorial-detail__month-tab.active{border-color:var(--color-primary);background:var(--bg-surface);box-shadow:0 0 20px #06f3}.tutorial-detail__month-tab.locked{opacity:.6;cursor:not-allowed;background:var(--bg-surface);border-color:var(--border-color)}.tutorial-detail__month-tab.locked:hover{border-color:var(--border-color);transform:none}.tutorial-detail__month-tab.locked:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#0000001a 10px 20px);position:absolute;inset:0}.tutorial-detail__month-lock{background:var(--text-secondary);color:#fff;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.tutorial-detail__month-info h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.tutorial-detail__month-info p{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem;line-height:1.4}.tutorial-detail__month-lessons{color:var(--color-primary);font-size:.8rem;font-weight:600}.tutorial-detail__month-purchase-inline{background:linear-gradient(var(--bg-surface),var(--bg-surface))padding-box,var(--primary-gradient)border-box;border-top:2px solid #0000;border-radius:0;margin-top:1.25rem;padding:1.25rem 0 0;position:relative}.tutorial-detail__month-purchase-inline:before{content:"💳";background:var(--bg-surface);border-radius:50%;padding:0 .75rem;font-size:1.2rem;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.tutorial-detail__month-purchase-btn-small{text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:var(--primary-gradient);color:#fff;width:100%;box-shadow:0 8px 25px var(--primary-gradient),0 4px 12px var(--primary-gradient),inset 0 1px 0 var(--primary-gradient);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.85rem;font-weight:800;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.tutorial-detail__month-purchase-btn-small:after{content:"";background:var(--primary-gradient);z-index:-1;opacity:0;border-radius:1rem;transition:opacity .3s;animation:2s linear infinite borderGlow;position:absolute;inset:-2px}.tutorial-detail__month-purchase-btn-small:hover{background:var(--primary-gradient);box-shadow:0 12px 35px var(--primary-gradient),0 6px 20px var(--primary-gradient),inset 0 1px 0 var(--primary-gradient);transform:translateY(-3px)scale(1.02)}.tutorial-detail__month-purchase-btn-small:hover:before{left:100%}.tutorial-detail__month-purchase-btn-small:hover:after{opacity:1}.tutorial-detail__month-purchase-btn-small:hover svg{transform:scale(1.2)rotate(15deg)}.tutorial-detail__month-purchase-btn-small:hover span{transform:scale(1.05)}.tutorial-detail__month-purchase-btn-small:active{transition:all .1s;transform:translateY(-1px)scale(.98)}.tutorial-detail__month-purchase-btn-small svg{filter:drop-shadow(0 2px 4px #0003);z-index:2;flex-shrink:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:2s ease-in-out infinite cardPulse;position:relative}.tutorial-detail__month-purchase-btn-small span{z-index:2;text-shadow:0 1px 2px #0003;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.tutorial-detail__month-purchase-btn-small:disabled{opacity:.6;cursor:not-allowed;transform:none}.tutorial-detail__month-purchase-btn-small:disabled:hover{transform:none;box-shadow:0 4px 15px #f59e0b33}.tutorial-detail__month-purchase-btn-small:disabled:hover:before{left:-100%}.tutorial-detail__month-purchase-btn-small:disabled:hover:after{opacity:0}.tutorial-detail__month-purchase-btn-small.loading{pointer-events:none}.tutorial-detail__month-purchase-btn-small.loading svg{animation:1s linear infinite spin}.tutorial-detail__month-purchase-btn-small.loading span{opacity:.7}.tutorial-detail__month-progress{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.tutorial-detail__month-progress-bar{background:var(--border-color);border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.tutorial-detail__month-progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-success));border-radius:3px;height:100%;transition:width .5s}.tutorial-detail__month-progress-fill.active{animation:2s infinite pulse}.tutorial-detail__month-progress-text{color:var(--text-secondary);text-align:center;min-width:30px;text-align:center;min-width:35px;font-size:.85rem;font-weight:600}.tutorial-detail__month-content{margin-top:2rem}.tutorial-detail__month-header{margin-bottom:2rem}.tutorial-detail__month-header h3{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tutorial-detail__month-header h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.tutorial-detail__month-header p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.tutorial-detail__month-price .price-text{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:1rem;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #10b9814d}.tutorial-detail__month-price .price-text:before{content:"💰";font-size:.8rem}.tutorial-detail__month-price .free-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981,#059669);border-radius:1rem;padding:.25rem .6rem;font-size:.7rem;font-weight:700;box-shadow:0 2px 8px #10b9814d}.tutorial-detail__month-price .free-badge:before{content:"🎁 ";margin-right:.2rem}.tutorial-detail__lessons{flex-direction:column;gap:1rem;display:flex}.tutorial-detail__error{text-align:center;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.tutorial-detail__error h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.tutorial-detail__error button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.tutorial-detail__error button:hover{background:#0056b3;transform:translateY(-1px)}.lesson-item{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:1rem;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.lesson-item:hover:not(.locked){border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-2px)}.lesson-item.locked{opacity:.6;background:var(--bg-surface)}.lesson-item.completed{border-color:var(--color-success);background:var(--bg-surface);box-shadow:0 0 15px #28a7451a}.lesson-item__number{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.lesson-item__number.locked{background:var(--text-secondary);animation:.5s ease-in-out shake}.lesson-item__content{flex-direction:column;flex:1;gap:.75rem;display:flex}.lesson-item__title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.lesson-item__description{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.4}.lesson-item__results{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.lesson-item__result-banner{border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;animation:.3s slideInUp;display:flex;position:relative;overflow:hidden}.lesson-item__result-banner:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.lesson-item__result-banner:hover:before{left:100%}.lesson-item__result-banner.test.passed{color:var(--color-success);border:2px solid var(--color-success);background:linear-gradient(135deg,#28a74533,#22c55e1a);box-shadow:0 2px 8px #22c55e33}.lesson-item__result-banner.test.failed{color:var(--color-danger);border:2px solid var(--color-danger);background:linear-gradient(135deg,#dc354533,#ef44441a);box-shadow:0 2px 8px #ef444433}.lesson-item__result-banner.assignment.passed{color:var(--color-info);border:2px solid var(--color-info);background:linear-gradient(135deg,#17a2b833,#3b82f61a);box-shadow:0 2px 8px #3b82f633}.lesson-item__result-banner.assignment.failed{color:var(--color-warning);border:2px solid var(--color-warning);background:linear-gradient(135deg,#ffc10733,#f59e0b1a);box-shadow:0 2px 8px #f59e0b33}.lesson-item__meta{flex-wrap:wrap;align-items:center;gap:1rem;font-size:.8rem;display:flex}.lesson-item__duration{color:var(--text-secondary);align-items:center;gap:.25rem;display:flex}.lesson-item__badge{text-transform:uppercase;border-radius:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.lesson-item__badge.test{color:var(--color-warning);background:#ffc10733}.lesson-item__badge.assignment{color:var(--color-info);background:#17a2b833}.lesson-item__score{color:var(--color-success);align-items:center;gap:.25rem;font-weight:600;display:flex}.lesson-item__actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.lesson-item__action-btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.lesson-item__action-btn.video{background:var(--color-primary);color:#fff;position:relative;overflow:hidden}.lesson-item__action-btn.video:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #0066ff4d}.lesson-item__action-btn.video:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.6}.lesson-item__action-btn.video:disabled:before{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 5px,#ffffff1a 5px 10px);position:absolute;inset:0}.lesson-item__action-btn.test{background:var(--color-warning);color:#fff}.lesson-item__action-btn.test:hover:not(:disabled){background:#e0a800;transform:translateY(-1px);box-shadow:0 4px 12px #ffc1074d}.lesson-item__action-btn.test.disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.6}.lesson-item__action-btn.assignment{background:var(--color-info);color:#fff}.lesson-item__action-btn.assignment:hover:not(:disabled){background:#138496;transform:translateY(-1px);box-shadow:0 4px 12px #17a2b84d}.lesson-item__action-btn.assignment.disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.6}.lesson-item__status{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.lesson-item__completed-icon{color:var(--color-success);font-size:1.5rem;animation:.6s ease-in-out bounce}.lesson-item__locked-icon{font-size:1.2rem;animation:.5s ease-in-out shake}.lesson-item__play-icon{color:var(--color-primary);font-size:1.5rem;transition:all .3s}.lesson-item__play-icon:hover{transform:scale(1.1)}.lesson-item__month-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.lesson-item__month-header h3{justify-content:space-evenly;align-items:center;gap:.5rem;margin:0;display:flex}.lesson-item__month-header h3 .free-badge{background:var(--color-success);color:#fff;border-radius:1rem;margin-left:.5rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600}@media (max-width:768px){.tutorial-detail__months{grid-template-columns:1fr}.tutorial-detail__month-tab,.tutorial-detail__month-content,.lesson-item{padding:1rem}.lesson-item__number{width:35px;height:35px;font-size:.8rem}.lesson-item__title{font-size:1rem}.lesson-item__meta{gap:.5rem}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes cardPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes borderGlow{0%,to{background-position:0%}50%{background-position:100%}}.tutorial-detail__purchase{margin:var(--space-6)0;padding:var(--space-5);background:var(--bg-primary);border:2px solid var(--primary-200);border-radius:var(--radius-xl);text-align:center}.tutorial-detail__purchase .tutorial-detail__price{margin-bottom:var(--space-4)}.tutorial-detail__purchase .tutorial-detail__price .tutorial-detail__price-amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--primary-600);margin-bottom:var(--space-1);display:block}.tutorial-detail__purchase .tutorial-detail__price .tutorial-detail__price-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.tutorial-detail__purchase .tutorial-detail__purchase-btn{align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-6);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg);border:none;display:inline-flex}.tutorial-detail__purchase .tutorial-detail__purchase-btn:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-xl);transform:translateY(-2px)}.tutorial-detail__purchase .tutorial-detail__purchase-btn:active{transform:translateY(0)}.tutorial-detail__purchase .tutorial-detail__purchase-btn svg{font-size:var(--font-size-lg)}.tutorial-detail__month-purchase{margin:var(--space-4)0;text-align:center}.tutorial-detail__month-purchase .tutorial-detail__month-purchase-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);border:none;display:inline-flex}.tutorial-detail__month-purchase .tutorial-detail__month-purchase-btn:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.tutorial-detail__month-purchase .tutorial-detail__month-purchase-btn svg{font-size:var(--font-size-base)}.tutorial-detail__month-purchased-inline{margin-top:var(--space-3)}.tutorial-detail__month-purchased-inline .tutorial-detail__month-purchased-btn-small{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none;display:inline-flex}.tutorial-detail__month-purchased-inline .tutorial-detail__month-purchased-btn-small:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));box-shadow:var(--shadow-md);transform:translateY(-1px)}.tutorial-detail__month-purchased-inline .tutorial-detail__month-purchased-btn-small svg{font-size:var(--font-size-sm)}.tutorial-detail__month-purchased-inline .tutorial-detail__month-purchased-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:linear-gradient(135deg,var(--success-100),var(--success-200));color:var(--success-700);border:1px solid var(--success-300);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-flex}.tutorial-detail__month-purchased-inline .tutorial-detail__month-purchased-badge svg{font-size:var(--font-size-sm);color:var(--success-600)}.tutorial-detail__purchased{margin:var(--space-6)0;text-align:center}.tutorial-detail__purchased .tutorial-detail__purchased-badge{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-6);background:linear-gradient(135deg,var(--success-50),var(--success-100));color:var(--success-700);border:2px solid var(--success-200);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md);display:inline-flex}.tutorial-detail__purchased .tutorial-detail__purchased-badge svg{font-size:var(--font-size-lg);color:var(--success-600)}.purchase-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;padding:var(--space-4);background:#0009;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.purchase-modal{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:500px;max-height:90vh;animation:.3s ease-out slideInUp;overflow-y:auto}.purchase-modal.confirm-modal{max-width:450px}.purchase-modal.loading-modal{text-align:center;max-width:400px}.purchase-modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.purchase-modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.purchase-modal-header .purchase-modal-close{font-size:var(--font-size-2xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none}.purchase-modal-header .purchase-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.purchase-modal-content{padding:var(--space-6)}.purchase-confirm-info{gap:var(--space-5);flex-direction:column;display:flex}.purchase-confirm-info .purchase-item-info{text-align:center}.purchase-confirm-info .purchase-item-info h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3)0;line-height:1.4}.purchase-confirm-info .purchase-item-info .purchase-price{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--primary-200);display:flex}.purchase-confirm-info .purchase-item-info .purchase-price svg{color:var(--primary-600)}.purchase-confirm-info .purchase-item-info .purchase-price span{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-600)}.purchase-confirm-info .wallet-balance{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.purchase-confirm-info .wallet-balance h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0 0 var(--space-2)0;text-transform:uppercase;letter-spacing:.5px}.purchase-confirm-info .wallet-balance .balance-amount{align-items:center;gap:var(--space-2);display:flex}.purchase-confirm-info .wallet-balance .balance-amount svg{color:var(--warning-500)}.purchase-confirm-info .wallet-balance .balance-amount span{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.purchase-confirm-info .purchase-question{text-align:center}.purchase-confirm-info .purchase-question p{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium);margin:0}.purchase-modal-actions{gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-color);display:flex}.purchase-modal-actions .purchase-cancel-btn{padding:var(--space-3)var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);flex:1}.purchase-modal-actions .purchase-cancel-btn:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.purchase-modal-actions .purchase-confirm-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);color:#fff;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;display:flex}.purchase-modal-actions .purchase-confirm-btn:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700))}.purchase-modal-actions .purchase-confirm-btn svg{font-size:var(--font-size-base)}.purchase-loading{padding:var(--space-8);text-align:center}.purchase-loading .purchase-spinner{border:4px solid var(--border-color);border-top:4px solid var(--primary-500);width:60px;height:60px;margin:0 auto var(--space-6)auto;border-radius:50%;animation:1s linear infinite spin}.purchase-loading h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)0}.purchase-loading p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.purchase-success{padding:var(--space-8);text-align:center}.purchase-success .success-icon{background:linear-gradient(135deg,var(--success-500),var(--success-600));width:80px;height:80px;margin:0 auto var(--space-6)auto;border-radius:50%;justify-content:center;align-items:center;animation:.6s ease-out bounceIn;display:flex}.purchase-success .success-icon svg{color:#fff;font-size:48px}.purchase-success h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-3)0}.purchase-success>p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--space-6)0;line-height:1.5}.purchase-success .success-details{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);border:1px solid var(--border-color)}.purchase-success .success-details .success-item{padding:var(--space-2)0;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.purchase-success .success-details .success-item:last-child{border-bottom:none}.purchase-success .success-details .success-item span:first-child{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.purchase-success .success-details .success-item span:last-child{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.purchase-success .success-message{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);background:linear-gradient(135deg,var(--success-50),var(--success-100));border-radius:var(--radius-lg);border:1px solid var(--success-200);margin-bottom:var(--space-6);display:flex}.purchase-success .success-message svg{color:var(--success-600)}.purchase-success .success-message span{font-size:var(--font-size-sm);color:var(--success-700);font-weight:var(--font-weight-medium)}.purchase-success .success-close-btn{padding:var(--space-4)var(--space-8);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg);border:none}.purchase-success .success-close-btn:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-xl);transform:translateY(-1px)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.purchase-modal{margin:var(--space-4);max-width:none}.tutorial-detail__purchase{margin:var(--space-4)0;padding:var(--space-4)}.tutorial-detail__purchase .tutorial-detail__price-amount{font-size:var(--font-size-2xl)}.tutorial-detail__purchase .tutorial-detail__purchase-btn{justify-content:center;width:100%}.purchase-modal-actions{flex-direction:column}.purchase-modal-actions .purchase-cancel-btn,.purchase-modal-actions .purchase-confirm-btn{width:100%}.purchase-success{padding:var(--space-6)}.purchase-success .success-icon{width:60px;height:60px}.purchase-success .success-icon svg{font-size:36px}.purchase-success h3{font-size:var(--font-size-xl)}}@media (prefers-color-scheme:dark){.tutorial-detail__purchase,.purchase-confirm-info .purchase-item-info .purchase-price{background:linear-gradient(135deg,#6366f11a,#6366f133);border-color:#6366f14d}.success-message{background:linear-gradient(135deg,#22c55e1a,#22c55e33);border-color:#22c55e4d}}.video-player-page{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.video-player-container{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1rem;display:flex}.video-player-container:fullscreen{background:#000;max-width:none;padding:0}.video-player-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 0;display:flex}.video-player-back{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.video-player-back:hover{background:var(--bg-hover);transform:translate(-2px)}.video-player-breadcrumb{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.video-player-breadcrumb span:nth-child(odd){color:var(--text-primary)}.video-player-breadcrumb span:nth-child(2n){opacity:.6}.video-player-wrapper{background:#000;border-radius:1rem;flex:1;min-height:400px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.video-player-video{object-fit:contain;cursor:pointer;width:100%;height:100%}.video-player-loading{color:#fff;z-index:10;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-player-loading p{margin-top:1rem;font-size:1rem}.video-player-spinner{border:3px solid #ffffff4d;border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.video-player-controls{opacity:0;z-index:5;background:linear-gradient(#0000,#000c);padding:2rem 1rem 1rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.video-player-wrapper:hover .video-player-controls{opacity:1}.video-player-progress-container{margin-bottom:1rem}.video-player-progress-bar{cursor:pointer;background:#ffffff4d;border-radius:3px;width:100%;height:6px;transition:height .2s;position:relative}.video-player-progress-bar:hover{height:8px}.video-player-progress-watched{background:#ffffff80;border-radius:3px;height:100%;transition:width .1s;position:absolute;top:0;left:0}.video-player-progress-fill{background:var(--primary-color);height:100%;box-shadow:0 0 10px rgba(var(--primary-color-rgb),.5);border-radius:3px;transition:width .1s;position:absolute;top:0;left:0}.video-player-controls-bottom{color:#fff;justify-content:space-between;align-items:center;display:flex}.video-player-controls-left,.video-player-controls-right{align-items:center;gap:.75rem;display:flex}.video-player-controls-left button,.video-player-controls-right button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.video-player-controls-left button:hover:not(:disabled),.video-player-controls-right button:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.video-player-controls-left button:disabled,.video-player-controls-right button:disabled{opacity:.5;cursor:not-allowed}.video-player-volume{cursor:pointer;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;width:80px;height:4px}.video-player-volume::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0000004d}.video-player-volume::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0000004d}.video-player-time{color:#fff;text-align:center;min-width:100px;font-size:.875rem;font-weight:500}.video-player-speed{position:relative}.video-player-speed-select{color:#fff;cursor:pointer;background:#000000b3;border:1px solid #ffffff4d;border-radius:.25rem;outline:none;padding:.25rem .5rem;font-size:.8rem}.video-player-speed-select option{color:#fff;background:#000}.video-player-prompt{z-index:15;background:#000c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-player-prompt-content{background:var(--bg-primary);text-align:center;border-radius:1rem;max-width:400px;padding:2rem;box-shadow:0 20px 40px #00000080}.video-player-prompt-content h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.5rem}.video-player-prompt-content p{color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.video-player-prompt-actions{justify-content:center;gap:1rem;display:flex}.video-player-prompt-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.video-player-prompt-btn.primary{background:var(--primary-color);color:#fff}.video-player-prompt-btn.primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.video-player-prompt-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.video-player-prompt-btn.secondary:hover{background:var(--bg-hover);transform:translateY(-2px)}.video-player-info{border-top:1px solid var(--border-color);margin-top:1rem;padding:1.5rem 0}.video-player-info h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.video-player-info p{color:var(--text-secondary);margin:0 0 1rem;line-height:1.6}.video-player-meta{color:var(--text-secondary);gap:1rem;font-size:.9rem;display:flex}.video-player-meta span{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.25rem;padding:.25rem .75rem}.video-player-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:2rem;display:flex}.video-player-error h2{color:var(--text-primary);margin:0 0 1rem;font-size:1.5rem}.video-player-error button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.video-player-error button:hover{background:var(--primary-dark);transform:translateY(-2px)}@media (max-width:768px){.video-player-container{padding:.5rem}.video-player-wrapper{min-height:250px}.video-player-controls{padding:1rem .5rem .5rem}.video-player-controls-bottom{flex-direction:column;align-items:stretch;gap:1rem}.video-player-controls-left,.video-player-controls-right{justify-content:center;gap:.5rem}.video-player-volume{width:60px}.video-player-time{min-width:80px;font-size:.75rem}.video-player-breadcrumb{flex-wrap:wrap;font-size:.8rem}.video-player-info{padding:1rem 0}.video-player-info h2{font-size:1.2rem}.video-player-meta{flex-direction:column;gap:.5rem}.video-player-meta span{text-align:center}}.video-player-container:fullscreen .video-player-wrapper{border-radius:0;min-height:100vh}.video-player-container:fullscreen .video-player-video{object-fit:contain}.video-player-container:fullscreen .video-player-controls{padding:2rem}.video-player{border-radius:var(--radius-lg);background:#000;width:100%;position:relative;overflow:hidden}.video-player__video{cursor:pointer;width:100%;height:100%;display:block}.video-player__loading{color:#fff;z-index:10;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-player__loading p{margin-top:1rem;font-size:1rem}.video-player__spinner{border:3px solid #ffffff4d;border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.video-player__controls{opacity:0;z-index:5;background:linear-gradient(#0000,#000c);padding:2rem 1rem 1rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.video-player__controls--visible{opacity:1}.video-player__progress{cursor:pointer;background:#ffffff4d;border-radius:3px;width:100%;height:6px;margin-bottom:1rem;position:relative}.video-player__progress:hover{height:8px}.video-player__progress-filled{background:var(--color-primary);border-radius:3px;height:100%;transition:width .1s}.video-player__controls-row{justify-content:space-between;align-items:center;display:flex}.video-player__controls-left,.video-player__controls-right{align-items:center;gap:.75rem;display:flex}.video-player__control-btn{color:#fff;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.video-player__control-btn:hover{background:#fff3;transform:scale(1.1)}.video-player__volume{align-items:center;gap:.5rem;display:flex}.video-player__volume-slider{cursor:pointer;background:#ffffff4d;border-radius:2px;outline:none;width:80px;height:4px}.video-player__volume-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}.video-player__volume-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.video-player__time{color:#fff;min-width:100px;font-size:.875rem;font-weight:500}.video-player__settings{position:relative}.video-player__settings-menu{border-radius:var(--radius-md);background:#000000e6;min-width:150px;margin-bottom:.5rem;padding:1rem;position:absolute;bottom:100%;right:0}.video-player__settings-item{color:#fff;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.video-player__quality-select{color:#fff;border-radius:var(--radius-sm);background:#ffffff1a;border:1px solid #ffffff4d;padding:.25rem .5rem;font-size:.875rem}.video-player__quality-select option{color:#fff;background:#000}.video-player__center-play{cursor:pointer;z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-player__center-play svg{color:#fff;background:#000000b3;border-radius:50%;width:100px;height:100px;padding:1rem;transition:all .3s}.video-player__center-play svg:hover{background:var(--color-primary);transform:scale(1.1)}@media (max-width:768px){.video-player__controls{padding:1rem .5rem .5rem}.video-player__controls-left,.video-player__controls-right{gap:.5rem}.video-player__volume-slider{width:60px}.video-player__time{min-width:80px;font-size:.75rem}.video-player__center-play svg{width:80px;height:80px;padding:.75rem}}.video-modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:var(--space-6);background:linear-gradient(135deg,#000000e6,#14141ef2);justify-content:center;align-items:center;animation:.4s cubic-bezier(.25,.46,.45,.94) modalFadeIn;display:flex;position:fixed;inset:0}.video-modal-overlay .video-modal{background:linear-gradient(145deg,var(--bg-surface),#ffffff05);border-radius:var(--radius-3xl);border:1px solid #ffffff1a;flex-direction:column;width:90vw;max-width:1400px;height:85vh;animation:.5s cubic-bezier(.34,1.56,.64,1) modalSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 64px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.video-modal-overlay .video-modal .modal-header{padding:var(--space-6)var(--space-8);background:linear-gradient(135deg,rgba(var(--primary-500-rgb),.1),rgba(var(--primary-600-rgb),.05));border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.video-modal-overlay .video-modal .modal-header .header-content{align-items:center;gap:var(--space-4);flex:1;display:flex}.video-modal-overlay .video-modal .modal-header .header-content .lesson-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-xl);color:#fff;width:48px;height:48px;font-size:var(--font-size-xl);justify-content:center;align-items:center;display:flex}.video-modal-overlay .video-modal .modal-header .header-content .header-info{flex:1}.video-modal-overlay .video-modal .modal-header .header-content .header-info h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1);line-height:1.2}.video-modal-overlay .video-modal .modal-header .header-content .header-info .lesson-info{align-items:center;gap:var(--space-3);display:flex}.video-modal-overlay .video-modal .modal-header .header-content .header-info .lesson-info .tutorial-name{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.video-modal-overlay .video-modal .modal-header .header-content .header-info .lesson-info .lesson-badge{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.video-modal-overlay .video-modal .modal-header .header-actions{align-items:center;gap:var(--space-3);display:flex}.video-modal-overlay .video-modal .modal-header .header-actions .action-btn{width:44px;height:44px;color:var(--text-primary);border-radius:var(--radius-xl);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.video-modal-overlay .video-modal .modal-header .header-actions .action-btn:hover{background:#fff3;transform:translateY(-2px)}.video-modal-overlay .video-modal .modal-header .header-actions .action-btn.close-btn:hover{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff}.video-modal-overlay .video-modal .modal-body{flex:1;display:flex;overflow:hidden}.video-modal-overlay .video-modal .modal-body .video-section{border-radius:var(--radius-2xl)0 0 var(--radius-2xl);background:linear-gradient(135deg,#0a0a0a,#1a1a1a);flex-direction:column;flex:1;display:flex;overflow:hidden}.video-modal-overlay .video-modal .modal-body .video-section .video-container{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player{border-radius:var(--radius-xl);width:80%;height:80%;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-element{object-fit:contain;background:#000;width:100%;height:100%}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .center-play-btn{background:linear-gradient(135deg,rgba(var(--primary-500-rgb),.9),rgba(var(--primary-600-rgb),.9));cursor:pointer;pointer-events:all;border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:all .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .center-play-btn svg{color:#fff;margin-left:6px;font-size:2.5rem}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .center-play-btn:hover{transform:translate(-50%,-50%)scale(1.1)}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls{padding:var(--space-6);opacity:0;pointer-events:all;background:linear-gradient(#0000,#000c);transition:opacity .3s}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .control-btn{color:#fff;border-radius:var(--radius-xl);cursor:pointer;background:#ffffff26;border:none;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .control-btn:hover{background:var(--primary-500)}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .control-btn.play-btn{width:52px;height:52px}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container{flex:1;min-width:200px}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container .progress-bar{border-radius:var(--radius-full);cursor:pointer;background:#fff3;height:8px;position:relative}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container .progress-bar .progress-fill{background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:var(--radius-full);height:100%;transition:width .1s}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container .progress-bar .progress-handle{opacity:0;background:#fff;border-radius:50%;width:16px;height:16px;transition:opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container .progress-bar:hover .progress-handle{opacity:1}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .time-display{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);background:#0000004d}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .volume-controls{align-items:center;gap:var(--space-2);display:flex}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .volume-controls .volume-slider{border-radius:var(--radius-full);cursor:pointer;appearance:none;background:#fff3;outline:none;width:80px;height:6px}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .volume-controls .volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .speed-controls .speed-select{color:#fff;border-radius:var(--radius-lg);padding:var(--space-2);font-size:var(--font-size-sm);background:#00000080;border:1px solid #fff3}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay:hover .video-controls{opacity:1}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .loading-overlay{color:#fff;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .loading-overlay .spinner{border:3px solid #fff3;border-top:3px solid var(--primary-500);width:40px;height:40px;margin-bottom:var(--space-4);border-radius:50%;animation:1s linear infinite spin}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel{padding:var(--space-6);background:linear-gradient(135deg,var(--bg-surface),#ffffff05);border-top:1px solid #ffffff14}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-description{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-5);line-height:1.6}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-stats-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-stats-grid .stat-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;transition:all .3s;display:flex}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-stats-grid .stat-card:hover{transform:translateY(-2px)}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-stats-grid .stat-card .stat-icon{border-radius:var(--radius-lg);width:40px;height:40px;font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-stats-grid .stat-card .stat-icon.duration{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-stats-grid .stat-card .stat-icon.progress{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-stats-grid .stat-card .stat-icon.speed{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-stats-grid .stat-card .stat-info{flex:1}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-stats-grid .stat-card .stat-info .stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel .lesson-stats-grid .stat-card .stat-info .stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.video-modal-overlay .video-modal .modal-body .comments-section{background:linear-gradient(135deg,var(--bg-surface),#ffffff05);border-radius:0 var(--radius-2xl)var(--radius-2xl)0;border-left:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:400px;display:flex}.video-modal-overlay .video-modal .modal-body .comments-section .comments-header{padding:var(--space-6);background:linear-gradient(135deg,rgba(var(--primary-500-rgb),.1),rgba(var(--primary-600-rgb),.05));border-bottom:1px solid #ffffff14}.video-modal-overlay .video-modal .modal-body .comments-section .comments-header .header-content{align-items:center;gap:var(--space-3);display:flex}.video-modal-overlay .video-modal .modal-body .comments-section .comments-header .header-content .comments-icon{background:linear-gradient(135deg,var(--success-500),var(--success-600));border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.video-modal-overlay .video-modal .modal-body .comments-section .comments-header .header-content h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.video-modal-overlay .video-modal .modal-body .comments-section .comment-form{padding:var(--space-6);border-bottom:1px solid #ffffff14}.video-modal-overlay .video-modal .modal-body .comments-section .comment-form .form-container{gap:var(--space-3);display:flex}.video-modal-overlay .video-modal .modal-body .comments-section .comment-form .form-container input{padding:var(--space-4);border-radius:var(--radius-2xl);color:var(--text-primary);background:#ffffff0d;border:2px solid #ffffff1a;flex:1;transition:all .3s}.video-modal-overlay .video-modal .modal-body .comments-section .comment-form .form-container input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px rgba(var(--primary-500-rgb),.2);outline:none}.video-modal-overlay .video-modal .modal-body .comments-section .comment-form .form-container button{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;cursor:pointer;border:none;border-radius:50%;width:48px;height:48px;transition:all .3s}.video-modal-overlay .video-modal .modal-body .comments-section .comment-form .form-container button:hover:not(:disabled){transform:scale(1.1)}.video-modal-overlay .video-modal .modal-body .comments-section .comment-form .form-container button:disabled{opacity:.5}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list{padding:var(--space-5);flex:1;overflow-y:auto}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .empty-comments{padding:var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .empty-comments .empty-icon{background:rgba(var(--primary-500-rgb),.1);width:60px;height:60px;margin-bottom:var(--space-4);color:var(--primary-500);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .empty-comments h3{color:var(--text-primary);margin-bottom:var(--space-2)}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .empty-comments p{color:var(--text-secondary);margin:0}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .comment-item{margin-bottom:var(--space-4)}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .comment-item .comment-card{border-radius:var(--radius-xl);padding:var(--space-4);background:#ffffff0d;border:1px solid #ffffff14;transition:all .3s}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .comment-item .comment-card:hover{background:#ffffff14}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-avatar{border-radius:50%;width:36px;height:36px;overflow:hidden}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-avatar img{object-fit:cover;width:100%;height:100%}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-info{flex:1}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-info .comment-username{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-info .comment-time{font-size:var(--font-size-xs);color:var(--text-secondary)}.video-modal-overlay .video-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-text{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6}.video-modal-overlay .video-modal .watch-again-overlay{z-index:10;background:#000000e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-modal-overlay .video-modal .watch-again-overlay .watch-again-modal{background:var(--bg-surface);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;max-width:400px;box-shadow:0 20px 40px #0000004d}.video-modal-overlay .video-modal .watch-again-overlay .watch-again-modal .modal-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));width:80px;height:80px;margin:0 auto var(--space-6);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.video-modal-overlay .video-modal .watch-again-overlay .watch-again-modal h3{color:var(--text-primary);margin-bottom:var(--space-3)}.video-modal-overlay .video-modal .watch-again-overlay .watch-again-modal p{color:var(--text-secondary);margin-bottom:var(--space-6)}.video-modal-overlay .video-modal .watch-again-overlay .watch-again-modal .modal-actions{gap:var(--space-3);display:flex}.video-modal-overlay .video-modal .watch-again-overlay .watch-again-modal .modal-actions button{padding:var(--space-3)var(--space-4);border-radius:var(--radius-xl);cursor:pointer;border:none;flex:1;transition:all .3s}.video-modal-overlay .video-modal .watch-again-overlay .watch-again-modal .modal-actions button.primary-btn{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.video-modal-overlay .video-modal .watch-again-overlay .watch-again-modal .modal-actions button.primary-btn:hover{transform:translateY(-2px)}.video-modal-overlay .video-modal .watch-again-overlay .watch-again-modal .modal-actions button.secondary-btn{color:var(--text-primary);background:#ffffff1a}.video-modal-overlay .video-modal .watch-again-overlay .watch-again-modal .modal-actions button.secondary-btn:hover{background:#fff3}.video-modal-overlay .video-modal-error{background:var(--bg-surface);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;box-shadow:0 20px 40px #0000004d}.video-modal-overlay .video-modal-error .error-icon{color:var(--error-500);margin-bottom:var(--space-4);font-size:4rem}.video-modal-overlay .video-modal-error h2{color:var(--text-primary);margin-bottom:var(--space-6)}.video-modal-overlay .video-modal-error .error-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:var(--radius-xl);cursor:pointer;border:none;margin:0 auto;transition:all .3s;display:flex}.video-modal-overlay .video-modal-error .error-btn:hover{transform:translateY(-2px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.video-modal-overlay{padding:var(--space-4)}.video-modal-overlay .video-modal{width:95vw;height:90vh}.video-modal-overlay .video-modal .modal-body{flex-direction:column}.video-modal-overlay .video-modal .modal-body .video-section{border-radius:var(--radius-2xl)var(--radius-2xl)0 0;height:60vh}.video-modal-overlay .video-modal .modal-body .video-section .lesson-info-panel{display:none}.video-modal-overlay .video-modal .modal-body .comments-section{border-radius:0 0 var(--radius-2xl)var(--radius-2xl);border-top:1px solid #ffffff1a;border-left:none;width:100%;height:40vh}}@media (max-width:768px){.video-modal-overlay{padding:var(--space-2)}.video-modal-overlay .video-modal{border-radius:0;width:100vw;height:100vh}.video-modal-overlay .video-modal .modal-header{padding:var(--space-4)}.video-modal-overlay .video-modal .modal-header .header-content .lesson-icon,.video-modal-overlay .video-modal .modal-header .header-actions .action-btn{width:40px;height:40px}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player{width:95%;height:70%}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .center-play-btn{width:80px;height:80px}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .center-play-btn svg{font-size:2rem}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls{padding:var(--space-4)}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row{gap:var(--space-2)}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .control-btn{width:40px;height:40px}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container{min-width:150px}.video-modal-overlay .video-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .volume-controls .volume-slider{width:60px}.video-modal-overlay .video-modal .modal-body .comments-section .comments-header,.video-modal-overlay .video-modal .modal-body .comments-section .comment-form,.video-modal-overlay .video-modal .modal-body .comments-section .comments-list{padding:var(--space-4)}}.test-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.test-page .test-page-container{max-width:900px;margin:0 auto;padding:20px}.test-page .test-page-header{border-bottom:2px solid var(--bg-secondary);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;display:flex}.test-page .test-page-header .test-page-back{background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;transition:all .3s;display:flex}.test-page .test-page-header .test-page-back:hover{background:var(--bg-tertiary);transform:translate(-2px)}.test-page .test-page-header .test-page-title{color:var(--text-primary);text-align:center;flex:1;margin:0;font-size:24px;font-weight:600}.test-page .test-page-header .test-page-timer{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:flex}.test-page .test-page-header .test-page-timer.warning{color:#fff;background:#dc3545;animation:1s infinite pulse}.test-page .test-page-intro{background:var(--bg-secondary);text-align:center;border-radius:16px;padding:32px}.test-page .test-page-intro .test-page-intro-content{max-width:600px;margin:0 auto}.test-page .test-page-intro .test-page-intro-content h2{color:var(--text-primary);margin-bottom:24px;font-size:28px;font-weight:600}.test-page .test-page-intro .test-page-intro-content .test-page-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.test-page .test-page-intro .test-page-intro-content .test-page-info .test-page-info-item{background:var(--bg-primary);text-align:left;border-radius:12px;padding:16px}.test-page .test-page-intro .test-page-intro-content .test-page-info .test-page-info-item strong{color:var(--primary-color);margin-bottom:4px;font-size:14px;display:block}.test-page .test-page-intro .test-page-intro-content .test-page-rules{background:var(--bg-primary);text-align:left;border-radius:12px;margin-bottom:32px;padding:24px}.test-page .test-page-intro .test-page-intro-content .test-page-rules h3{color:var(--text-primary);margin-bottom:16px;font-size:18px}.test-page .test-page-intro .test-page-intro-content .test-page-rules ul{padding:0;list-style:none}.test-page .test-page-intro .test-page-intro-content .test-page-rules ul li{color:var(--text-secondary);padding:8px 0 8px 24px;position:relative}.test-page .test-page-intro .test-page-intro-content .test-page-rules ul li:before{content:"✓";color:var(--primary-color);font-weight:700;position:absolute;left:0}.test-page .test-page-intro .test-page-intro-content .test-page-start-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.test-page .test-page-intro .test-page-intro-content .test-page-start-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.test-page .test-page-content .test-page-progress{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:20px}.test-page .test-page-content .test-page-progress .test-page-progress-bar{background:var(--bg-primary);border-radius:4px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.test-page .test-page-content .test-page-progress .test-page-progress-bar .test-page-progress-fill{background:var(--primary-color);border-radius:4px;height:100%;transition:width .3s}.test-page .test-page-content .test-page-progress .test-page-progress-text{color:var(--text-secondary);font-size:14px;font-weight:500}.test-page .test-page-content .test-page-questions .test-page-question{background:var(--bg-secondary);border-radius:12px;margin-bottom:20px;padding:24px}.test-page .test-page-content .test-page-questions .test-page-question .test-page-question-text{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:600;line-height:1.5}.test-page .test-page-content .test-page-questions .test-page-question .test-page-options .test-page-option{background:var(--bg-primary);cursor:pointer;border:2px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:16px;transition:all .3s;display:flex}.test-page .test-page-content .test-page-questions .test-page-question .test-page-options .test-page-option:hover{background:var(--bg-tertiary)}.test-page .test-page-content .test-page-questions .test-page-question .test-page-options .test-page-option.selected{border-color:var(--primary-color);background:#3b82f61a}.test-page .test-page-content .test-page-questions .test-page-question .test-page-options .test-page-option input[type=radio]{width:18px;height:18px;accent-color:var(--primary-color);margin:0}.test-page .test-page-content .test-page-questions .test-page-question .test-page-options .test-page-option .test-page-option-text{color:var(--text-primary);flex:1;line-height:1.5}.test-page .test-page-content .test-page-submit-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s}.test-page .test-page-content .test-page-submit-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)}.test-page .test-page-content .test-page-submit-btn:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.test-page .test-results{animation:.5s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-page .test-results .results-hero{background:var(--bg-secondary);text-align:center;border:1px solid var(--border-color);border-radius:24px;margin-bottom:32px;padding:48px;position:relative;overflow:hidden}.test-page .test-results .results-hero__status{margin-bottom:40px}.test-page .test-results .results-hero__status.passed .results-hero__icon{color:#22c55e;background:#22c55e26;box-shadow:0 0 30px #22c55e33}.test-page .test-results .results-hero__status.passed .results-hero__title{color:#22c55e}.test-page .test-results .results-hero__status.failed .results-hero__icon{color:#ef4444;background:#ef444426;box-shadow:0 0 30px #ef444433}.test-page .test-results .results-hero__status.failed .results-hero__title{color:#ef4444}.test-page .test-results .results-hero__icon{background:var(--bg-primary);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 24px;transition:transform .3s;display:flex;position:relative}.test-page .test-results .results-hero__icon:hover{transform:scale(1.1)rotate(5deg)}.test-page .test-results .results-hero__title{letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:800}.test-page .test-results .results-hero__subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:16px;line-height:1.6}.test-page .test-results .results-hero .results-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:40px;display:grid}.test-page .test-results .results-hero .results-stats .stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:16px;padding:24px 20px;transition:all .3s;display:flex}.test-page .test-results .results-hero .results-stats .stat-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.test-page .test-results .results-hero .results-stats .stat-card__icon{width:48px;height:48px;color:var(--primary-color);background:#3b82f61a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.test-page .test-results .results-hero .results-stats .stat-card__content{text-align:left}.test-page .test-results .results-hero .results-stats .stat-card__label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.test-page .test-results .results-hero .results-stats .stat-card__value{color:var(--text-primary);font-size:18px;font-weight:700;display:block}.test-page .test-results .results-details__title{color:var(--text-primary);margin-bottom:24px;font-size:24px;font-weight:700}.test-page .test-results .results-details .results-list{flex-direction:column;gap:20px;display:flex}.test-page .test-results .results-details .result-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:24px;transition:border-color .3s}.test-page .test-results .results-details .result-item.correct{border-left:6px solid #22c55e}.test-page .test-results .results-details .result-item.incorrect{border-left:6px solid #ef4444}.test-page .test-results .results-details .result-item__header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.test-page .test-results .results-details .result-item__number{background:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.test-page .test-results .results-details .result-item__question{flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.5}.test-page .test-results .results-details .result-item__badge{background:var(--bg-primary);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.test-page .test-results .results-details .result-item__badge svg{font-size:16px}.correct .test-page .test-results .results-details .result-item__badge{color:#22c55e}.incorrect .test-page .test-results .results-details .result-item__badge{color:#ef4444}.test-page .test-results .results-details .result-item__body{flex-direction:column;gap:16px;padding-left:48px;display:flex}.test-page .test-results .results-details .result-item__body .answer-block__label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.test-page .test-results .results-details .result-item__body .answer-block__content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;font-size:15px}.incorrect .test-page .test-results .results-details .result-item__body .answer-block.user-answer .answer-block__content{color:#ef4444;border-color:#ef44444d}.correct .test-page .test-results .results-details .result-item__body .answer-block.user-answer .answer-block__content,.test-page .test-results .results-details .result-item__body .answer-block.correct-answer .answer-block__content{color:#22c55e;border-color:#22c55e4d}.test-page .test-results .results-details .result-item__explanation{background:#3b82f60d;border-radius:12px;margin-top:20px;padding:16px;font-size:14px;line-height:1.6}.test-page .test-results .results-details .result-item__explanation strong{color:var(--primary-color);margin-bottom:4px;display:block}.test-page .test-results .results-actions{justify-content:center;align-items:center;gap:16px;margin-top:48px;display:flex}.test-page .test-results .results-actions .btn,.test-page .test-results .results-actions .btn-add-device,.test-page .test-results .results-actions .btn-refresh,.test-page .test-results .results-actions .btn-logout-all{border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.test-page .test-results .results-actions .btn--primary{background:var(--primary-color);color:#fff;border:none}.test-page .test-results .results-actions .btn--primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #3b82f633}.test-page .test-results .results-actions .btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.test-page .test-results .results-actions .btn--secondary:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.test-page .test-page-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.test-page .test-page-error h2{color:var(--text-primary);margin-bottom:16px;font-size:24px}.test-page .test-page-error button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.test-page .test-page-error button:hover{background:var(--primary-hover);transform:translateY(-2px)}@media (prefers-color-scheme:dark){.test-page{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--text-primary:#fff;--text-secondary:#b3b3b3;--primary-color:#3b82f6;--primary-hover:#2563eb}}@media (prefers-color-scheme:light){.test-page{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--primary-color:#3b82f6;--primary-hover:#2563eb}}@media (max-width:768px){.test-page .test-page-container{padding:16px}.test-page .test-page-header{text-align:center;flex-direction:column;gap:16px}.test-page .test-page-header .test-page-title{font-size:20px}.test-page .test-page-intro{padding:24px}.test-page .test-page-intro .test-page-intro-content .test-page-info{grid-template-columns:1fr}.test-page .test-page-actions{flex-direction:column}.test-page .test-page-actions button{justify-content:center;width:100%}}.assignment-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.assignment-page .assignment-page-container{max-width:800px;margin:0 auto;padding:20px}.assignment-page .assignment-page-header{border-bottom:2px solid var(--bg-secondary);align-items:center;gap:16px;margin-bottom:32px;padding-bottom:20px;display:flex}.assignment-page .assignment-page-header .assignment-page-back{background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;transition:all .3s;display:flex}.assignment-page .assignment-page-header .assignment-page-back:hover{background:var(--bg-tertiary);transform:translate(-2px)}.assignment-page .assignment-page-header .assignment-page-title{color:var(--text-primary);flex:1;margin:0;font-size:24px;font-weight:600}.assignment-page .assignment-page-content .assignment-page-description{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:24px}.assignment-page .assignment-page-content .assignment-page-description h2{color:var(--text-primary);margin-bottom:16px;font-size:20px;font-weight:600}.assignment-page .assignment-page-content .assignment-page-description p{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.assignment-page .assignment-page-content .assignment-page-description .assignment-page-requirements{background:var(--bg-primary);border-radius:8px;padding:20px}.assignment-page .assignment-page-content .assignment-page-description .assignment-page-requirements h3{color:var(--primary-color);margin-bottom:12px;font-size:16px;font-weight:600}.assignment-page .assignment-page-content .assignment-page-description .assignment-page-requirements ul{padding:0;list-style:none}.assignment-page .assignment-page-content .assignment-page-description .assignment-page-requirements ul li{color:var(--text-secondary);padding:6px 0 6px 20px;position:relative}.assignment-page .assignment-page-content .assignment-page-description .assignment-page-requirements ul li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone{border:2px dashed var(--bg-tertiary);text-align:center;cursor:pointer;border-radius:12px;margin-bottom:20px;padding:40px;transition:all .3s}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone:hover{border-color:var(--primary-color);background:#3b82f60d}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone.active{border-color:var(--primary-color);background:#3b82f61a;transform:scale(1.02)}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone.has-file{background:#22c55e0d;border-color:#22c55e}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-dropzone-content svg{color:var(--primary-color);margin-bottom:16px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-dropzone-content h3{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-dropzone-content p{color:var(--text-secondary);margin-bottom:12px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-dropzone-content .assignment-page-file-types{color:var(--text-secondary);background:var(--bg-secondary);border-radius:4px;padding:4px 8px;font-size:12px;display:inline-block}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:16px;padding:20px;display:flex;position:relative}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file svg{color:var(--primary-color)}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file .assignment-page-file-info{text-align:left;flex:1}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file .assignment-page-file-info h4{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file .assignment-page-file-info p{color:var(--text-secondary);margin:0;font-size:14px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file .assignment-page-remove-file{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px;transition:all .3s}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file .assignment-page-remove-file:hover{background:#dc2626;transform:scale(1.1)}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-upload-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-upload-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-progress{margin-top:20px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-progress .assignment-page-progress-bar{background:var(--bg-secondary);border-radius:4px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-progress .assignment-page-progress-bar .assignment-page-progress-fill{background:var(--primary-color);border-radius:4px;height:100%;transition:width .3s}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-progress .assignment-page-progress-text{text-align:center;color:var(--text-secondary);font-weight:500}.assignment-page .assignment-page-results{text-align:center}.assignment-page .assignment-page-results .assignment-page-success{background:var(--bg-secondary);border-radius:16px;margin-bottom:24px;padding:32px}.assignment-page .assignment-page-results .assignment-page-success svg{color:#22c55e;margin-bottom:16px}.assignment-page .assignment-page-results .assignment-page-success h2{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:600}.assignment-page .assignment-page-results .assignment-page-success p{color:var(--text-secondary)}.assignment-page .assignment-page-results .assignment-page-score{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:24px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-header{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-header svg.success{color:#22c55e}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-header svg.fail{color:#ef4444}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-header h3{color:var(--text-primary);font-size:20px;font-weight:600}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-score-value{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-score-value .score{color:var(--text-primary);font-size:32px;font-weight:700}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-score-value .status{border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-score-value .status.passed{color:#22c55e;background:#22c55e1a}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-score-value .status.failed{color:#ef4444;background:#ef44441a}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-feedback{background:var(--bg-primary);text-align:left;border-radius:8px;margin-bottom:16px;padding:16px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-feedback h4{color:var(--primary-color);margin-bottom:8px;font-size:16px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-feedback p{color:var(--text-secondary);margin:0;line-height:1.5}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-file-info{background:var(--bg-primary);text-align:left;border-radius:8px;padding:16px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-file-info h4{color:var(--primary-color);margin-bottom:8px;font-size:16px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-file-info .assignment-page-uploaded-file{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-file-info .assignment-page-uploaded-file .file-size{color:var(--text-secondary);font-size:12px}.assignment-page .assignment-page-results .assignment-page-actions{justify-content:center;gap:16px;display:flex}.assignment-page .assignment-page-results .assignment-page-actions button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:flex}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-continue-btn{color:#fff;background:#22c55e}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-continue-btn:hover{background:#16a34a;transform:translateY(-2px)}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-retry-btn{background:var(--primary-color);color:#fff}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-retry-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-back-btn{background:var(--bg-secondary);color:var(--text-primary)}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-back-btn:hover{background:var(--bg-tertiary)}.assignment-page .assignment-page-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.assignment-page .assignment-page-error h2{color:var(--text-primary);margin-bottom:16px;font-size:24px}.assignment-page .assignment-page-error button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.assignment-page .assignment-page-error button:hover{background:var(--primary-hover);transform:translateY(-2px)}@media (prefers-color-scheme:dark){.assignment-page{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--text-primary:#fff;--text-secondary:#b3b3b3;--primary-color:#3b82f6;--primary-hover:#2563eb}}@media (prefers-color-scheme:light){.assignment-page{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--primary-color:#3b82f6;--primary-hover:#2563eb}}@media (max-width:768px){.assignment-page .assignment-page-container{padding:16px}.assignment-page .assignment-page-header{text-align:center;flex-direction:column;gap:16px}.assignment-page .assignment-page-header .assignment-page-title{font-size:20px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone{padding:24px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file{text-align:center;flex-direction:column}.assignment-page .assignment-page-actions{flex-direction:column}.assignment-page .assignment-page-actions button{justify-content:center;width:100%}}.nt-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:24px 20px;font-family:Outfit,Inter,sans-serif}.nt-container{max-width:1200px;margin:0 auto}.nt-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.nt-header h1{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.nt-header .nt-header-actions{align-items:center;gap:12px;display:flex}.nt-header .nt-filter-wrapper{align-items:center;gap:8px;display:flex;position:relative}.nt-header .nt-filter-wrapper .nt-filter-label{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}@media (max-width:600px){.nt-header .nt-filter-wrapper .nt-filter-label{display:none}}.nt-header .nt-filter-wrapper .nt-filter-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);z-index:100;border-radius:16px;min-width:200px;animation:.2s ntSlideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}.nt-header .nt-filter-wrapper .nt-filter-dropdown .nt-filter-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nt-header .nt-filter-wrapper .nt-filter-dropdown .nt-filter-item:hover{background:#ffffff0d}.nt-header .nt-filter-wrapper .nt-filter-dropdown .nt-filter-item.active{color:var(--color-primary);background:rgba(var(--primary-rgb),.1);font-weight:600}.nt-header .nt-filter-wrapper .nt-filter-dropdown .nt-filter-item svg{font-size:16px}.nt-header .nt-back,.nt-header .nt-icon-btn{background:var(--bg-surface);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.nt-header .nt-back:hover,.nt-header .nt-icon-btn:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}@keyframes ntSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nt-list{flex-direction:column;gap:16px;padding-bottom:40px;display:flex}.nt-card{background:var(--bg-surface);cursor:pointer;border:1px solid var(--border-color);border-radius:20px;gap:16px;padding:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.nt-card.unread{background:color-mix(in srgb,var(--bg-surface)95%,white);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 8px 30px #00000026}.nt-card.unread:after{content:"";background:var(--accent-color,var(--color-primary));width:4px;position:absolute;top:0;bottom:0;left:0}.nt-card.unread .nt-card-title{color:var(--text-primary);font-weight:700}.nt-card.unread .nt-card-msg{color:var(--text-primary);opacity:.9}.nt-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 30px #0003}.nt-card .nt-card-media{flex-shrink:0;width:56px;height:56px;position:relative}.nt-card .nt-card-media img{object-fit:cover;border-radius:16px;width:100%;height:100%}.nt-card .nt-card-media .nt-icon-placeholder{border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.nt-card .nt-card-content{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.nt-card .nt-card-content .nt-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.nt-card .nt-card-content .nt-card-top .nt-card-cat{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.nt-card .nt-card-content .nt-card-top .nt-card-time-wrapper{align-items:center;gap:6px;display:flex}.nt-card .nt-card-content .nt-card-top .nt-card-time-wrapper .nt-dot{border-radius:50%;width:8px;height:8px}.nt-card .nt-card-content .nt-card-top .nt-card-time-wrapper .nt-time-text{color:var(--text-secondary);font-size:11px}.nt-card .nt-card-content .nt-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;font-weight:600;overflow:hidden}.nt-card .nt-card-content .nt-card-msg{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.nt-card .nt-card-content .nt-card-detail-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:8px;align-self:flex-start;align-items:center;gap:4px;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.nt-card .nt-card-content .nt-card-detail-btn svg{font-size:13px}.nt-card .nt-card-content .nt-card-detail-btn:hover{transform:translate(4px)}.nt-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;justify-content:center;align-items:center;padding:24px;animation:.3s ntFadeIn;display:flex;position:fixed;inset:0}.nt-modal-container{background:var(--bg-surface);border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.4s cubic-bezier(.175,.885,.32,1.275) ntSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}.nt-modal-container .nt-close-btn{color:#fff;z-index:20;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.nt-modal-container .nt-close-btn:hover{background:var(--color-danger);border-color:#0000;transform:rotate(90deg)scale(1.1)}.nt-modal-container .nt-hero-section{flex-shrink:0;height:240px;position:relative}.nt-modal-container .nt-hero-section .nt-hero-img{object-fit:cover;width:100%;height:100%}.nt-modal-container .nt-hero-section .nt-hero-pattern{background:var(--bg-primary);justify-content:center;align-items:center;width:100%;height:100%;font-size:72px;display:flex}.nt-modal-container .nt-hero-section .nt-hero-gradient{background:linear-gradient(to top,var(--bg-surface)0%,transparent 100%);position:absolute;inset:0}.nt-modal-container .nt-hero-section .nt-hero-content{z-index:5;position:absolute;bottom:24px;left:24px;right:24px}.nt-modal-container .nt-hero-section .nt-hero-content .nt-badge{text-transform:uppercase;color:#fff;letter-spacing:1px;border-radius:10px;margin-bottom:12px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-block}.nt-modal-container .nt-hero-section .nt-hero-content h2{color:var(--text-primary);text-shadow:0 2px 10px #0000004d;margin:0;font-size:28px;font-weight:800;line-height:1.2}.nt-modal-container .nt-body{padding:32px;overflow-y:auto}.nt-modal-container .nt-body .nt-meta-row{color:var(--text-secondary);align-items:center;gap:20px;margin-bottom:24px;font-size:14px;font-weight:600;display:flex}.nt-modal-container .nt-body .nt-meta-row .nt-time{align-items:center;gap:8px;display:flex}.nt-modal-container .nt-body .nt-meta-row .nt-amount{border-radius:8px;padding:4px 12px;font-weight:800}.nt-modal-container .nt-body .nt-meta-row .nt-amount.positive{color:#10b981;background:#10b9811a}.nt-modal-container .nt-body .nt-meta-row .nt-amount.negative{color:#ef4444;background:#ef44441a}.nt-modal-container .nt-body .nt-meta-row .nt-score{color:#f59e0b;align-items:center;gap:6px;display:flex}.nt-modal-container .nt-body .nt-message-full{color:var(--text-primary);white-space:pre-wrap;opacity:.95;margin-bottom:32px;font-size:16px;line-height:1.8}.nt-modal-container .nt-body .nt-info-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;display:grid}@media (max-width:480px){.nt-modal-container .nt-body .nt-info-grid{grid-template-columns:1fr}}.nt-modal-container .nt-body .nt-info-grid .nt-info-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:16px}.nt-modal-container .nt-body .nt-info-grid .nt-info-item label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.nt-modal-container .nt-body .nt-info-grid .nt-info-item strong{color:var(--text-primary);font-size:14px;display:block}.nt-modal-container .nt-body .nt-actions{gap:16px;display:flex}.nt-modal-container .nt-body .nt-actions button{cursor:pointer;border:none;border-radius:16px;flex:1;padding:16px;font-size:16px;font-weight:700;transition:all .3s}.nt-modal-container .nt-body .nt-actions button.nt-btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.nt-modal-container .nt-body .nt-actions button.nt-btn-secondary:hover{background:var(--border-color)}.nt-modal-container .nt-body .nt-actions button.nt-btn-primary{color:#fff;justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:0 10px 20px #0003}.nt-modal-container .nt-body .nt-actions button.nt-btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 30px #0000004d}@keyframes ntFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ntSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.nt-empty{text-align:center;padding:100px 20px}.nt-empty .nt-empty-art{color:var(--color-primary);opacity:.2;margin-bottom:24px;font-size:64px}.nt-empty h3{color:var(--text-primary);margin-bottom:8px;font-size:20px}.nt-empty p{color:var(--text-secondary)}.nt-loading{flex-direction:column;justify-content:center;align-items:center;padding:100px 0;display:flex}.nt-loading .nt-spinner{border:4px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;margin-bottom:24px;animation:1s linear infinite ntSpin}@keyframes ntSpin{to{transform:rotate(360deg)}}.nd__page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;font-family:Outfit,Inter,sans-serif;display:flex}.nd__header{z-index:100;background:color-mix(in srgb,var(--bg-surface)80%,transparent);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:1.5rem;padding:1.25rem 2rem;display:flex;position:sticky;top:0}@media (max-width:640px){.nd__header{gap:1rem;padding:1rem}}.nd__back-btn{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:14px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.nd__back-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--color-primary);transform:translate(-4px);box-shadow:0 4px 12px #0003}.nd__header-center{flex-direction:column;flex:1;min-width:0;display:flex}.nd__header-badge{text-transform:uppercase;letter-spacing:2px;margin-bottom:2px;font-size:.65rem;font-weight:800}.nd__header-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:700;overflow:hidden}.nd__body{flex:1;width:100%;max-width:900px;margin:0 auto;padding:3rem 2rem}@media (max-width:768px){.nd__body{padding:1.5rem 1rem}}.nd__card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:32px;animation:.5s cubic-bezier(.2,.8,.2,1) ndSlideUp;overflow:hidden;box-shadow:0 20px 50px #0000004d}@keyframes ndSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.nd__hero{border-bottom:1px solid var(--border-color);background:linear-gradient(to bottom right,rgba(var(--primary-rgb),.05),transparent);align-items:flex-start;gap:2rem;padding:3rem;display:flex}@media (max-width:600px){.nd__hero{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem}}.nd__hero-img{object-fit:cover;border:2px solid #ffffff1a;border-radius:20px;width:100px;height:100px;box-shadow:0 10px 25px #0006}.nd__hero-icon{border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;font-size:3rem;display:flex;box-shadow:0 10px 25px #0003}@media (max-width:600px){.nd__hero-icon{width:80px;height:80px;font-size:2.5rem}}.nd__hero-info{flex-direction:column;flex:1;gap:.75rem;min-width:0;display:flex}.nd__category-badge{text-transform:uppercase;letter-spacing:1px;color:#fff;border-radius:10px;align-self:flex-start;padding:6px 14px;font-size:.75rem;font-weight:800;display:inline-block}@media (max-width:600px){.nd__category-badge{align-self:center}}.nd__title{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:800;line-height:1.3}@media (max-width:600px){.nd__title{font-size:1.4rem}}.nd__meta{flex-wrap:wrap;gap:1.25rem;display:flex}@media (max-width:600px){.nd__meta{justify-content:center}}.nd__meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.nd__meta-item svg{color:var(--nd-accent,var(--color-primary));font-size:1rem}.nd__message-box{border-bottom:1px solid var(--border-color);background:#ffffff05;padding:1.5rem 3rem}@media (max-width:600px){.nd__message-box{padding:1.25rem 1.5rem}}.nd__message{color:var(--text-secondary);opacity:.9;margin:0;font-size:1.1rem;font-style:italic;line-height:1.7}.nd__content{color:var(--text-primary);padding:2.5rem 3rem 3rem;font-size:1.05rem;line-height:1.8}@media (max-width:600px){.nd__content{padding:1.5rem 1rem;font-size:1rem}}.nd__content h1,.nd__content h2,.nd__content h3,.nd__content h4{color:var(--text-primary);margin:2rem 0 1rem;font-weight:800;line-height:1.3}.nd__content h1:first-child,.nd__content h2:first-child,.nd__content h3:first-child,.nd__content h4:first-child{margin-top:0}.nd__content h1{font-size:1.8rem}.nd__content h2{font-size:1.5rem}.nd__content h3{font-size:1.25rem}.nd__content p{opacity:.9;margin-bottom:1.2rem}.nd__content p:last-child{margin-bottom:0}.nd__content strong{color:var(--text-primary);font-weight:700}.nd__content ul,.nd__content ol{margin-bottom:1.5rem;padding-left:1.5rem}.nd__content ul li,.nd__content ol li{margin-bottom:.6rem}.nd__content ul li::marker{color:var(--nd-accent,var(--color-primary));font-weight:800}.nd__content ol li::marker{color:var(--nd-accent,var(--color-primary));font-weight:800}.nd__content blockquote{border-left:4px solid var(--nd-accent,var(--color-primary));background:rgba(var(--primary-rgb),.05);color:var(--text-secondary);border-radius:0 16px 16px 0;margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.nd__content img{border-radius:20px;max-width:100%;margin:2rem 0;box-shadow:0 15px 40px #0006}.nd__content a{color:var(--nd-accent,var(--color-primary));border-bottom:2px solid #0000;font-weight:700;text-decoration:none;transition:all .2s}.nd__content a:hover{border-bottom-color:currentColor}.nd__content pre{background:#0d1117!important;border:1px solid #ffffff1a!important;border-radius:16px!important;margin:1.5rem 0!important;padding:1.5rem!important;font-family:JetBrains Mono,Fira Code,monospace!important;font-size:.9rem!important}.nd__content code{background:#ffffff1a;border-radius:6px;padding:2px 6px;font-family:monospace;font-size:.9em}.nd__loading,.nd__error{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.nd__spinner{border:4px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite ndSpin}@keyframes ndSpin{to{transform:rotate(360deg)}}.nd__error svg{color:var(--color-danger);opacity:.5;font-size:4rem}.nd__error button{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:14px;padding:12px 28px;font-weight:700;transition:all .3s}.nd__error button:hover{border-color:var(--color-primary);transform:translateY(-2px)}.cert-container{max-width:1200px;min-height:100vh;margin:0 auto;padding:24px}@media (max-width:768px){.cert-container{padding:16px}}.cert-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.cert-header .cert-title-section h1{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:800}.cert-header .cert-title-section p{color:var(--text-secondary);font-size:16px}.cert-refresh-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.cert-refresh-btn:hover:not(:disabled){background:var(--bg-hover);color:#3b82f6;border-color:#3b82f6}.cert-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.cert-spin{animation:1s linear infinite cert-spin-anim}@keyframes cert-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cert-stats-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px;display:grid}@media (max-width:480px){.cert-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.cert-stats-grid .cert-stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:20px;padding:24px;transition:transform .3s;display:flex;box-shadow:0 4px 12px #0000000d}@media (max-width:480px){.cert-stats-grid .cert-stat-card{text-align:center;flex-direction:column;gap:10px;padding:12px}}.cert-stats-grid .cert-stat-card .stat-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}@media (max-width:480px){.cert-stats-grid .cert-stat-card .stat-icon{width:36px;height:36px;font-size:18px}}.cert-stats-grid .cert-stat-card.total .stat-icon{color:#3b82f6;background:#3b82f61a}.cert-stats-grid .cert-stat-card.video .stat-icon{color:#10b981;background:#10b9811a}.cert-stats-grid .cert-stat-card.platform .stat-icon{color:#8b5cf6;background:#8b5cf61a}.cert-stats-grid .cert-stat-card .stat-info .stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.cert-stats-grid .cert-stat-card .stat-info .stat-value{color:var(--text-primary);font-size:24px;font-weight:800;display:block}.cert-filters{scrollbar-width:none;gap:12px;margin-bottom:32px;padding-bottom:8px;display:flex;overflow-x:auto}.cert-filters::-webkit-scrollbar{display:none}.cert-filters .filter-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.cert-filters .filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.cert-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.cert-card{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;transition:all .3s;position:relative;overflow:hidden}.cert-card:hover{border-color:#3b82f6;transform:translateY(-6px);box-shadow:0 12px 30px #0000001f}.cert-card:hover .cert-card-overlay{opacity:1}.cert-card .cert-card-image{aspect-ratio:1.5;background:var(--bg-primary);width:100%;position:relative;overflow:hidden}.cert-card .cert-card-image img{object-fit:cover;width:100%;height:100%}.cert-card .cert-card-placeholder{width:100%;height:100%;color:var(--text-tertiary);opacity:.3;justify-content:center;align-items:center;font-size:48px;display:flex}.cert-card .cert-card-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.cert-card .cert-card-overlay .view-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;display:flex}.cert-card .cert-card-content{padding:16px 20px 20px}.cert-card .cert-card-title{color:var(--text-primary);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.cert-card .cert-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.cert-card .cert-card-footer .cert-date{color:var(--text-tertiary);align-items:center;gap:6px;font-size:13px;display:flex}.cert-card .cert-card-footer .cert-id{color:var(--text-tertiary);background:var(--bg-primary);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.cert-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.cert-loading .cert-spinner{border:4px solid var(--border-color);border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite cert-spin-anim}.cert-loading p{color:var(--text-secondary);font-size:14px}.cert-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.cert-error p{color:var(--error-500,#ef4444);font-size:14px}.cert-error button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;padding:10px 24px;font-weight:700}.cert-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.cert-empty .cert-empty-icon{color:var(--text-tertiary);opacity:.3;margin-bottom:8px;font-size:64px}.cert-empty h3{color:var(--text-primary);font-size:18px;font-weight:700}.cert-empty p{color:var(--text-secondary);font-size:14px}.cert-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2100;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@media (max-width:768px){.cert-modal-overlay{padding:0}}.cert-modal{background:var(--bg-surface);border-radius:32px;width:100%;max-width:1200px;max-height:95vh;position:relative;overflow-y:auto}@media (max-width:768px){.cert-modal{border-radius:0;height:100%;max-height:100vh}}.cert-modal .cert-modal-close{background:var(--bg-hover);width:40px;height:40px;color:var(--text-primary);cursor:pointer;z-index:100;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:20px;right:20px}.cert-modal .cert-modal-content{grid-template-columns:1.5fr 1fr;height:100%;display:grid}@media (max-width:1100px){.cert-modal .cert-modal-content{grid-template-columns:1fr}}.cert-preview{background:#f0f2f5;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:300px;padding:40px;display:flex;overflow:hidden}@media (max-width:768px){.cert-preview{gap:16px;padding:60px 10px 20px}}.cert-preview .cert-preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:60vh;box-shadow:0 8px 30px #00000026}.cert-preview-placeholder{color:var(--text-tertiary);opacity:.4;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;font-size:48px;display:flex}.cert-preview-placeholder p{font-size:14px}.cert-orientation-toggle{background:#fff;border-radius:12px;padding:4px;display:flex;box-shadow:0 4px 12px #0000000d}.cert-orientation-toggle button{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.cert-orientation-toggle button.active{color:#fff;background:#3b82f6}@media (max-width:480px){.cert-orientation-toggle button{padding:6px 12px;font-size:12px}}.cert-template-wrapper{perspective:1000px;justify-content:center;width:100%;transition:all .3s;display:flex}.cert-template-wrapper.horizontal{width:100%}@media (max-width:768px){.cert-template-wrapper.horizontal{transform:scale(.95)}}@media (max-width:480px){.cert-template-wrapper.horizontal{width:100%;transform:scale(1.1)rotate(0)}}.cert-template-wrapper.vertical{width:70%}@media (max-width:768px){.cert-template-wrapper.vertical{width:90%;transform:scale(.9)}}@media (max-width:480px){.cert-template-wrapper.vertical{width:100%;transform:scale(1)}}.ziyoflix-cert-template{color:#1a1a1a;background:#fff;border:1px solid #eee;flex-direction:column;width:100%;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000026}.ziyoflix-cert-template.horizontal{aspect-ratio:1.6}.ziyoflix-cert-template.vertical{aspect-ratio:1/1.41}.ziyoflix-cert-template.video{--cert-primary:#10b981;--cert-secondary:#059669;--cert-accent:#10b9811a}.ziyoflix-cert-template.video .corner-top-left{border-color:var(--cert-primary)}.ziyoflix-cert-template.video .side-decoration-left{background:linear-gradient(to bottom,var(--cert-primary),transparent)}.ziyoflix-cert-template.platform{--cert-primary:#3b82f6;--cert-secondary:#2563eb;--cert-accent:#3b82f61a}.ziyoflix-cert-template.platform .corner-top-left{border-color:var(--cert-primary)}.ziyoflix-cert-template.platform .side-decoration-left{background:linear-gradient(to bottom,var(--cert-primary),transparent)}.ziyoflix-cert-template .corner-top-left{border-top:8px solid var(--cert-primary);border-left:8px solid var(--cert-primary);border-top-left-radius:4px;width:120px;height:120px;position:absolute;top:20px;left:20px}.ziyoflix-cert-template .corner-bottom-right{border-bottom:8px solid #00a2ff;border-right:8px solid #00a2ff;border-bottom-right-radius:4px;width:120px;height:120px;position:absolute;bottom:20px;right:20px}.ziyoflix-cert-template .side-decoration-left{opacity:.3;width:4px;position:absolute;top:20%;bottom:20%;left:0}.ziyoflix-cert-template .side-decoration-right{opacity:.3;background:linear-gradient(#0000,#00a2ff);width:4px;position:absolute;top:20%;bottom:20%;right:0}.ziyoflix-cert-template .cert-pattern{pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#00000008 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.ziyoflix-cert-template .cert-seal{background:var(--cert-primary);z-index:5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:40px;right:60px;box-shadow:0 8px 20px #0000001a}.ziyoflix-cert-template .cert-seal:before{content:"";border:2px dashed var(--cert-primary);border-radius:50%;position:absolute;inset:-5px}.ziyoflix-cert-template .cert-seal .seal-inner{color:#fff;font-size:40px}@media (max-width:768px){.ziyoflix-cert-template .cert-seal{width:40px;height:40px;top:20px;right:40px}.ziyoflix-cert-template .cert-seal .seal-inner{font-size:20px}}.ziyoflix-cert-template .cert-inner-content{z-index:2;text-align:center;flex-direction:column;align-items:center;height:100%;padding:20px;display:flex;position:relative}.ziyoflix-cert-template .cert-header-main{width:100%;margin-bottom:20px}.ziyoflix-cert-template .cert-header-main .cert-logo-wrapper{justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ziyoflix-cert-template .cert-header-main .cert-logo-wrapper .cert-logo-img{object-fit:contain;width:auto;height:50px}@media (max-width:768px){.ziyoflix-cert-template .cert-header-main .cert-logo-wrapper .cert-logo-img{height:30px}}.ziyoflix-cert-template .cert-header-main .cert-logo-wrapper .logo-text{letter-spacing:2px;color:#10b981;font-size:32px;font-weight:900}.ziyoflix-cert-template .cert-header-main .cert-logo-wrapper .logo-text span{color:#3b82f6}@media (max-width:768px){.ziyoflix-cert-template .cert-header-main .cert-logo-wrapper .logo-text{font-size:20px}}.ziyoflix-cert-template .cert-header-main .cert-header-line{background:linear-gradient(90deg,#10b981,#3b82f6);width:180px;height:3px;margin:0 auto}.ziyoflix-cert-template .cert-body-main{flex-direction:column;flex:1;justify-content:center;width:100%;display:flex}.ziyoflix-cert-template .cert-body-main .cert-main-title{letter-spacing:8px;color:#1a1a1a;flex-direction:column;margin-bottom:5px;font-size:56px;font-weight:900;line-height:1;display:flex}.ziyoflix-cert-template .cert-body-main .cert-main-title .subtitle{letter-spacing:12px;color:var(--cert-primary);margin-top:10px;font-size:24px;font-weight:600}@media (max-width:768px){.ziyoflix-cert-template .cert-body-main .cert-main-title{letter-spacing:2px;font-size:28px}.ziyoflix-cert-template .cert-body-main .cert-main-title .subtitle{letter-spacing:4px;font-size:14px}}.ziyoflix-cert-template .cert-body-main .cert-owner-label{letter-spacing:4px;color:#666;margin:20px 0;font-size:14px;font-weight:500}.ziyoflix-cert-template .cert-body-main .owner-name-wrapper{margin-bottom:25px}.ziyoflix-cert-template .cert-body-main .owner-name-wrapper .owner-name{color:#1a1a1a;margin-bottom:10px;font-family:Playfair Display,serif;font-size:48px;font-weight:800}@media (max-width:768px){.ziyoflix-cert-template .cert-body-main .owner-name-wrapper .owner-name{font-size:24px}}.ziyoflix-cert-template .cert-body-main .owner-name-wrapper .name-underline{background:linear-gradient(90deg,#0000,#222,#0000);width:60%;height:2px;margin:0 auto}.ziyoflix-cert-template .cert-body-main .cert-description{color:#444;max-width:80%;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.6}@media (max-width:768px){.ziyoflix-cert-template .cert-body-main .cert-description{max-width:95%;font-size:13px}}.ziyoflix-cert-template .cert-body-main .cert-description .course-name-highlight{background:var(--cert-accent);border-left:4px solid var(--cert-primary);border-radius:8px;margin:15px auto;padding:10px 20px;display:inline-block}.ziyoflix-cert-template .cert-body-main .cert-description .course-name-highlight strong{color:#1a1a1a;font-size:22px;font-weight:800}@media (max-width:768px){.ziyoflix-cert-template .cert-body-main .cert-description .course-name-highlight strong{font-size:16px}}.ziyoflix-cert-template .cert-body-main .cert-wish{color:#666;font-size:15px;font-style:italic;line-height:1.5}@media (max-width:768px){.ziyoflix-cert-template .cert-body-main .cert-wish{font-size:12px}}.ziyoflix-cert-template .cert-footer-main{justify-content:space-between;align-items:flex-end;width:100%;margin-top:30px;padding:0 40px;display:flex}@media (max-width:768px){.ziyoflix-cert-template .cert-footer-main{padding:0 10px}}.ziyoflix-cert-template .cert-footer-main .footer-item{flex-direction:column;width:180px;display:flex}@media (max-width:768px){.ziyoflix-cert-template .cert-footer-main .footer-item{width:100px}}.ziyoflix-cert-template .cert-footer-main .footer-item.qr-section{align-items:center;width:auto}.ziyoflix-cert-template .cert-footer-main .footer-item.qr-section .qr-placeholder{background:#fff;border:1px solid #eee;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:8px;display:flex}.ziyoflix-cert-template .cert-footer-main .footer-item.qr-section .qr-placeholder .qr-code{background:#333;width:60px;height:60px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3V3zm2 2v4h4V5H5zm8-2h8v8h-8V3zm2 2v4h4V5h-4zM3 13h8v8H3v-8zm2 2v4h4v-4H5zm13-2h3v2h-3v-2zm-3 0h2v2h-2v-2zm3 3h3v2h-3v-2zm-3 0h2v2h-2v-2zm3 3h3v2h-3v-2zm-3 0h2v2h-2v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3V3zm2 2v4h4V5H5zm8-2h8v8h-8V3zm2 2v4h4V5h-4zM3 13h8v8H3v-8zm2 2v4h4v-4H5zm13-2h3v2h-3v-2zm-3 0h2v2h-2v-2zm3 3h3v2h-3v-2zm-3 0h2v2h-2v-2zm3 3h3v2h-3v-2zm-3 0h2v2h-2v-2z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ziyoflix-cert-template .cert-footer-main .footer-item.qr-section .qr-placeholder .qr-text{color:#888;font-size:8px;font-weight:700}@media (max-width:768px){.ziyoflix-cert-template .cert-footer-main .footer-item.qr-section .qr-placeholder .qr-code{width:30px;height:30px}.ziyoflix-cert-template .cert-footer-main .footer-item.qr-section .qr-placeholder .qr-text{font-size:6px}}.ziyoflix-cert-template .cert-footer-main .footer-item .footer-line{background:#222;width:100%;height:2px;margin-bottom:8px}.ziyoflix-cert-template .cert-footer-main .footer-item .footer-label{letter-spacing:2px;color:#888;font-size:11px;font-weight:600}.ziyoflix-cert-template .cert-footer-main .footer-item .footer-value{color:#222;margin-top:4px;font-size:16px;font-weight:800}@media (max-width:768px){.ziyoflix-cert-template .cert-footer-main .footer-item .footer-label{font-size:9px}.ziyoflix-cert-template .cert-footer-main .footer-item .footer-value{font-size:12px}}.ziyoflix-cert-template.vertical{padding:60px 40px}.ziyoflix-cert-template.vertical .cert-main-title{font-size:36px}.ziyoflix-cert-template.vertical .owner-name{font-size:28px}.cert-details{background:var(--bg-surface);flex-direction:column;padding:60px;display:flex}@media (max-width:768px){.cert-details{padding:32px 20px}}.cert-details .congrats-section{text-align:center;margin-bottom:40px}.cert-details .congrats-section .check-icon{color:#10b981;margin-bottom:16px;font-size:60px}.cert-details .congrats-section h2{margin-bottom:12px;font-size:28px;font-weight:800}.cert-details .congrats-section p{color:var(--text-secondary);line-height:1.6}.cert-details .info-list{background:var(--bg-primary);border-radius:20px;flex-direction:column;gap:16px;margin-bottom:40px;padding:24px;display:flex}.cert-details .info-list .info-item{justify-content:space-between;align-items:center;display:flex}.cert-details .info-list .info-item .label{color:var(--text-tertiary);font-size:14px}.cert-details .info-list .info-item .value{color:var(--text-primary);font-weight:700}.cert-details .modal-actions{flex-direction:column;gap:16px;margin-top:auto;display:flex}.cert-details .modal-actions button{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.cert-details .modal-actions .download-btn{color:#fff;background:#3b82f6;border:none;text-decoration:none;position:relative;overflow:hidden}.cert-details .modal-actions .download-btn:hover{background:#2563eb;transform:translateY(-2px)}.cert-details .modal-actions .share-btn{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.settings-page{--s-bg:var(--bg-surface);--s-border:var(--border-color);--s-primary:var(--primary-500);--s-radius:20px;--s-gap:24px;--s-card-bg:rgba(var(--bg-secondary-rgb),.6);gap:var(--s-gap);flex-direction:column;max-width:1400px;margin:0 auto;padding:8px;display:flex}#qr-reader-devices__dashboard_section_csr span,#qr-reader-devices__dashboard_section_swaplink{display:none!important}.settings-header{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius);padding:28px 32px;box-shadow:0 2px 8px #0000000a}.settings-header h1{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.settings-header p{color:var(--text-muted);margin:8px 0 0;font-size:15px;font-weight:500}.settings-container{gap:var(--s-gap);grid-template-columns:280px 1fr;align-items:start;display:grid}.settings-sidebar{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius);padding:16px;position:sticky;top:20px;box-shadow:0 2px 8px #0000000a}.settings-nav{flex-direction:column;gap:6px;display:flex}.nav-item{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.nav-item svg{opacity:.7;font-size:20px;transition:all .2s}.nav-item:hover{background:var(--s-card-bg);color:var(--text-primary)}.nav-item:hover svg{opacity:1}.nav-item.active{background:rgba(var(--primary-500-rgb),.1);border-color:rgba(var(--primary-500-rgb),.25);color:var(--s-primary)}.nav-item.active svg{opacity:1;color:var(--s-primary)}.settings-content{gap:var(--s-gap);flex-direction:column;min-width:0;display:flex}.settings-section{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius);overflow:hidden;box-shadow:0 2px 8px #0000000a}.section-header{border-bottom:1px solid var(--s-border);background:var(--s-card-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex}.section-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.section-header .section-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px;font-weight:500;display:block}.section-header .section-actions{align-items:center;gap:12px;display:flex}.profile-section{grid-template-columns:auto 1fr;align-items:start;gap:40px;padding:32px 28px;display:grid}.avatar-section{flex-direction:column;align-items:center;gap:20px;display:flex}.avatar-section .avatar{background:linear-gradient(135deg,rgba(var(--primary-500-rgb),.1),rgba(var(--primary-600-rgb),.15));border:4px solid var(--s-border);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000014}.avatar-section .avatar img{object-fit:cover;width:100%;height:100%}.avatar-section .avatar svg{color:var(--s-primary);opacity:.5}.avatar-section .avatar-actions{flex-direction:column;gap:10px;width:100%;display:flex}.avatar-section .avatar-actions .avatar-upload{display:none}.avatar-section .avatar-actions label{text-align:center;width:100%}.form-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:600}.form-group .form-input,.form-group .form-select{border:1px solid var(--s-border);background:var(--bg-secondary);color:var(--text-primary);border-radius:12px;padding:14px 18px;font-size:15px;font-weight:500;transition:all .2s}.form-group .form-input:focus,.form-group .form-select:focus{border-color:var(--s-primary);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1);outline:none}.form-group .form-input:disabled,.form-group .form-select:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-hover)}.slug-input-wrapper{align-items:center;display:flex;position:relative}.slug-input-wrapper .form-input{flex:1;padding-right:50px}.slug-input-wrapper .form-input.slug-available{border-color:#22c55e}.slug-input-wrapper .form-input.slug-unavailable{border-color:#ef4444}.slug-input-wrapper .slug-status{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;right:14px}.slug-input-wrapper .slug-status.slug-checking .spinner-small{border:2px solid var(--s-border);border-top-color:var(--s-primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite crSpin}.slug-input-wrapper .slug-status.slug-status-available{background:#22c55e1a}.slug-input-wrapper .slug-status.slug-status-available .slug-icon{color:#22c55e;font-size:16px;font-weight:700}.slug-input-wrapper .slug-status.slug-status-unavailable{background:#ef44441a}.slug-input-wrapper .slug-status.slug-status-unavailable .slug-icon{color:#ef4444;font-size:16px;font-weight:700}.slug-message{margin-top:8px;padding-left:4px;font-size:13px;font-weight:500}.slug-message.slug-message-available{color:#16a34a}.slug-message.slug-message-unavailable{color:#dc2626}.settings__phone-input-wrapper{grid-template-columns:110px 1fr;gap:12px;display:grid}.settings__country-select{position:relative}.settings__country-btn{border:1px solid var(--s-border);background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.settings__country-btn:hover:not(:disabled){border-color:var(--s-primary);background:var(--s-bg)}.settings__country-btn:disabled{opacity:.6;cursor:not-allowed}.settings__country-dropdown{z-index:100;background:var(--s-bg);border:1px solid var(--s-border);border-radius:12px;max-height:280px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000026}.settings__country-option{cursor:pointer;color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.settings__country-option:hover{background:var(--s-card-bg);color:var(--text-primary)}.account-section{flex-direction:column;gap:20px;padding:28px;display:flex}.security-card{background:var(--s-card-bg);border:1px solid var(--s-border);border-radius:16px;align-items:center;gap:20px;padding:24px;transition:all .2s;display:flex}.security-card:hover{border-color:rgba(var(--primary-500-rgb),.3);box-shadow:0 4px 12px #0000000d}.security-card .security-card-icon{background:rgba(var(--primary-500-rgb),.1);width:52px;height:52px;color:var(--s-primary);border-radius:14px;flex-shrink:0;place-items:center;font-size:24px;display:grid}.security-card .security-card-info{flex:1}.security-card .security-card-info h3{color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:700}.security-card .security-card-info p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.privacy-section{flex-direction:column;gap:20px;padding:28px;display:flex}.privacy-card{background:var(--s-card-bg);border:1px solid var(--s-border);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px;transition:all .2s;display:flex}.privacy-card:hover{border-color:rgba(var(--primary-500-rgb),.3)}.privacy-card .privacy-card-header{flex:1;align-items:center;gap:20px;display:flex}.privacy-card .privacy-card-icon{background:rgba(var(--primary-500-rgb),.1);width:48px;height:48px;color:var(--s-primary);border-radius:12px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.privacy-card .privacy-card-title h4{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:700}.privacy-card .privacy-card-title p{color:var(--text-muted);margin:0;font-size:14px}.privacy-card .privacy-card-action .form-select-premium{border:1px solid var(--s-border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:10px;min-width:220px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.privacy-card .privacy-card-action .form-select-premium:focus{border-color:var(--s-primary);outline:none}.privacy-grid{flex-direction:column;gap:16px;display:flex}.privacy-card-mini{background:var(--s-card-bg);border:1px solid var(--s-border);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;transition:all .2s;display:flex}.privacy-card-mini:hover{border-color:rgba(var(--primary-500-rgb),.3)}.privacy-card-mini .privacy-mini-info h4{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.privacy-card-mini .privacy-mini-info p{color:var(--text-muted);margin:0;font-size:13px}.toggle-switch{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .toggle-slider{cursor:pointer;background:var(--bg-hover);border:1px solid var(--s-border);border-radius:100px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.toggle-switch .toggle-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background:var(--s-primary);border-color:var(--s-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.2)}.notifications-section{padding:28px}.notifications-table{flex-direction:column;gap:12px;display:flex}.notifications-table-header{background:var(--s-card-bg);border:1px solid var(--s-border);border-radius:16px;grid-template-columns:1.5fr 1fr 1fr;gap:20px;margin-bottom:8px;padding:16px 28px;display:grid}.notifications-table-header div{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:13px;font-weight:800}.notifications-table-header div:first-child{text-align:left}.notification-row{background:var(--s-card-bg);border:1px solid var(--s-border);border-radius:18px;grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:20px;margin-bottom:12px;padding:20px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid}.notification-row:last-child{margin-bottom:0}.notification-row:hover{border-color:var(--s-primary);background:var(--bg-surface);transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.notification-row .notification-info h4{color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:700}.notification-row .notification-info p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.notification-row .toggle-cell{justify-content:center;align-items:center;display:flex}.settings-loading,.device-loading,.sm__loading{width:100%;min-height:300px;color:var(--text-muted);background:var(--s-bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px 20px;display:flex}.settings-loading .spinner,.device-loading .spinner,.settings-loading .sm__spinner,.device-loading .sm__spinner,.sm__loading .spinner,.sm__loading .sm__spinner{border:4px solid var(--s-border);border-top-color:var(--s-primary);width:48px;height:48px;box-shadow:0 0 15px rgba(var(--primary-500-rgb),.1);border-radius:50%;animation:1s linear infinite crSpin}.settings-loading p,.device-loading p,.sm__loading p{color:var(--text-secondary);margin:0;font-size:16px;font-weight:600}.device-management{padding:28px}.device-management .device-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.device-management .device-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.device-management .device-header .device-header-actions{gap:12px;display:flex}.device-management .device-description{margin-bottom:20px}.device-management .device-description p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.device-management .device-list{flex-direction:column;gap:12px;display:flex}.device-management .device-item{background:var(--s-card-bg);border:1px solid var(--s-border);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;transition:all .2s;display:flex}.device-management .device-item:hover{border-color:var(--s-primary);background:var(--bg-surface);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.device-management .device-item--current{border-color:var(--s-primary);background:rgba(var(--primary-500-rgb),.05);border-width:2px}.device-management .device-item .device-info{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.device-management .device-item .device-icon-container{flex-shrink:0;width:52px;height:52px;position:relative}.device-management .device-item .device-icon-container .device-icon{background:var(--bg-secondary);width:100%;height:100%;color:var(--s-primary);border-radius:14px;padding:12px;box-shadow:0 2px 8px #0000000a}.device-management .device-item .device-icon-container .web-badge-icon{background:var(--s-primary);color:#fff;border:2px solid var(--s-bg);border-radius:7px;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;bottom:-4px;right:-4px}.device-management .device-item .device-details{flex:1;min-width:0}.device-management .device-item .device-details .device-name{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:16px;font-weight:700;display:flex}.device-management .device-item .device-details .device-name .current-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:100px;padding:4px 12px;font-size:10px;font-weight:800;box-shadow:0 2px 6px #22c55e4d}.device-management .device-item .device-details .device-meta{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.device-management .device-item .device-details .device-meta .meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.device-management .device-item .device-details .device-meta .meta-row .meta-label{color:var(--text-secondary);font-weight:600}@media (min-width:768px){.device-management .device-item .device-logout{width:44px;height:44px}}.device-management .device-item .device-logout{border:1px solid var(--s-border);background:var(--s-bg);color:var(--error-500);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.device-management .device-item .device-logout:hover{background:var(--error-500);color:#fff;box-shadow:0 4px 12px rgba(var(--error-500-rgb),.3);border-color:#0000}.device-management .device-actions{justify-content:center;margin-top:24px;display:flex}.device-management .device-error{text-align:center;color:var(--error-600);background:rgba(var(--error-500-rgb),.05);border-radius:12px;padding:40px 20px;font-weight:500}.preferences-section{flex-direction:column;gap:20px;padding:28px;display:flex}.preference-item{background:var(--s-card-bg);border:1px solid var(--s-border);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px;transition:all .2s;display:flex}.preference-item:hover{border-color:rgba(var(--primary-500-rgb),.3)}.preference-item .preference-info h4{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.preference-item .preference-info p{color:var(--text-muted);margin:0;font-size:14px}.preference-item .form-select{flex-shrink:0;width:200px}.danger-zone{background:rgba(var(--error-500-rgb),.04);border:1px solid rgba(var(--error-500-rgb),.2);border-radius:var(--s-radius);margin-top:24px;padding:28px}.danger-zone h3{color:var(--error-600);align-items:center;gap:10px;margin:0 0 20px;font-size:18px;font-weight:700;display:flex}.danger-zone h3:before{content:"⚠️";font-size:22px}.danger-item{background:var(--s-bg);border:1px dashed rgba(var(--error-500-rgb),.3);border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.danger-item .danger-info h4{color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:600}.danger-item .danger-info p{color:var(--text-muted);margin:0;font-size:14px}.section-footer{border-top:1px solid var(--s-border);background:var(--s-card-bg);justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}.settings-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.settings-modal{background:var(--s-bg);border-radius:var(--s-radius);border:1px solid var(--s-border);width:100%;max-width:480px;animation:.3s slideUp;overflow:hidden;box-shadow:0 25px 50px #00000040}.settings-modal .modal-header{background:var(--s-card-bg);border-bottom:1px solid var(--s-border);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.settings-modal .modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.settings-modal .modal-header .modal-close{border:1px solid var(--s-border);background:var(--s-bg);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:10px;place-items:center;font-size:18px;transition:all .2s;display:grid}.settings-modal .modal-header .modal-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--s-primary);transform:rotate(90deg)}.settings-modal .modal-body{flex-direction:column;gap:20px;padding:24px 28px;display:flex}.settings-modal .modal-body .modal-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.settings-modal .modal-footer{background:var(--s-card-bg);border-top:1px solid var(--s-border);justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}.settings__password-visibility{justify-content:center;width:100%}.device-confirm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.device-confirm{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius);text-align:center;width:100%;max-width:400px;padding:32px;animation:.3s slideUp}.device-confirm h4{color:var(--text-primary);margin:0 0 12px;font-size:18px;font-weight:700}.device-confirm p{color:var(--text-muted);margin:0 0 24px;font-size:14px;line-height:1.6}.device-confirm .confirm-actions{justify-content:center;gap:12px;display:flex}.device-confirm .confirm-actions .btn,.device-confirm .confirm-actions .btn-add-device,.device-confirm .confirm-actions .btn-refresh,.device-confirm .confirm-actions .btn-logout-all{min-height:44px;padding:12px 18px}.scanner-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.scanner-modal{background:var(--s-bg);border-radius:var(--s-radius);border:1px solid var(--s-border);flex-direction:column;width:100%;max-width:500px;padding:24px;animation:.3s slideUp;display:flex;position:relative;box-shadow:0 20px 50px #00000080}.scanner-modal .scanner-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.scanner-modal .scanner-header h4{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.scanner-modal .scanner-header .qr-close{border:1px solid var(--s-border);background:var(--s-bg);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:10px;place-items:center;transition:all .2s;display:grid}.scanner-modal .scanner-header .qr-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--s-primary)}.scanner-modal p{color:var(--text-secondary);text-align:center;margin-bottom:16px;font-size:14px}.scanner-modal .scanner-wrapper{flex-direction:column;gap:16px;margin-top:20px;display:flex}.scanner-modal .scanner-actions{flex-wrap:wrap;gap:10px;display:flex}.scanner-modal .scanner-actions .btn,.scanner-modal .scanner-actions .btn-add-device,.scanner-modal .scanner-actions .btn-refresh,.scanner-modal .scanner-actions .btn-logout-all{flex:1;min-width:180px}.scanner-modal .scanner-preview{border:2px solid var(--s-primary);background:#000;border-radius:16px;min-height:300px;overflow:hidden}.scanner-modal .scanner-preview #qr-reader-devices{width:100%;border:none!important}.scanner-modal .scanner-preview video{object-fit:cover;border-radius:16px;width:100%!important;height:100%!important}.scanner-modal .scan-feedback{border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.scanner-modal .scan-feedback--info{background:rgba(var(--primary-500-rgb),.1);color:var(--s-primary)}.scanner-modal .scan-feedback--success{color:#16a34a;background:#22c55e1a}.scanner-modal .scan-feedback--error{color:#dc2626;background:#ef44441a}.scanner-modal .scan-feedback .spin{animation:1s linear infinite crSpin}.btn,.btn-add-device,.btn-refresh,.btn-logout-all{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary,.btn-add-device{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:0 2px 8px rgba(var(--primary-500-rgb),.3)}.btn-primary:hover:not(:disabled),.btn-add-device:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--primary-500-rgb),.4);transform:translateY(-2px)}.btn-secondary,.btn-refresh{background:var(--s-card-bg);color:var(--text-primary);border-color:var(--s-border)}.btn-secondary:hover:not(:disabled),.btn-refresh:hover:not(:disabled){background:var(--bg-hover);border-color:var(--s-primary)}.btn-outline{color:var(--text-primary);border-color:var(--s-border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--s-card-bg);border-color:var(--s-primary)}.btn-danger,.btn-logout-all{background:var(--error-500);color:#fff;box-shadow:0 2px 8px rgba(var(--error-500-rgb),.3)}.btn-danger:hover:not(:disabled),.btn-logout-all:hover:not(:disabled){background:var(--error-600);box-shadow:0 4px 12px rgba(var(--error-500-rgb),.4);transform:translateY(-2px)}.btn-add-device,.btn-refresh{padding:10px 18px}@media (max-width:1024px){.settings-container{grid-template-columns:240px 1fr}.profile-section{grid-template-columns:1fr;gap:32px}.profile-section .avatar-section{flex-direction:row;justify-content:center}}@media (max-width:768px){.settings-page{--s-gap:16px;padding:4px;overflow-x:hidden}.settings-header{padding:20px 24px}.settings-header h1{font-size:22px}.settings-container{grid-template-columns:1fr}.settings-sidebar{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:12px;position:relative;top:0;overflow-x:auto;display:block!important}.settings-sidebar::-webkit-scrollbar{display:none}.settings-nav{flex-direction:row;gap:8px;width:max-content;min-width:100%;padding:4px;display:flex!important}.settings-nav .nav-item{flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;padding:0;font-size:14px;line-height:1;display:flex!important}.settings-nav .nav-item svg{opacity:1;width:20px;height:20px}.settings-nav .nav-item span{display:none}.section-header{padding:18px 20px}.section-header h2{font-size:16px}.section-header .section-actions{justify-content:stretch;width:100%}.section-header .section-actions .btn,.section-header .section-actions .btn-add-device,.section-header .section-actions .btn-refresh,.section-header .section-actions .btn-logout-all{flex:1}.profile-section{grid-template-columns:1fr;min-width:0;padding:24px 20px;overflow-x:hidden}.profile-section .avatar-section{flex-direction:column}.form-grid{grid-template-columns:1fr;gap:20px;width:100%;min-width:0;max-width:100%}.form-group{width:100%;min-width:0;max-width:100%}.form-group .form-input,.form-group .form-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.settings__phone-input-wrapper{grid-template-columns:90px 1fr;gap:8px;width:100%;min-width:0;max-width:100%}.account-section,.privacy-section,.notifications-section,.preferences-section{padding:20px}.security-card,.privacy-card{flex-direction:column;align-items:flex-start;gap:16px}.security-card .btn,.security-card .btn-add-device,.security-card .btn-refresh,.security-card .btn-logout-all,.privacy-card .btn,.privacy-card .btn-add-device,.privacy-card .btn-refresh,.privacy-card .btn-logout-all,.privacy-card .privacy-card-action,.privacy-card .privacy-card-action .form-select-premium{width:100%}.notifications-table-header{display:none}.notification-row{grid-template-columns:1fr;gap:0;padding:20px}.notification-row .notification-info{margin-bottom:16px}.notification-row .notification-info h4{font-size:17px}.notification-row .notification-info p{font-size:14px}.notification-row .toggle-cell{border-top:1px solid var(--s-border);justify-content:space-between;padding:14px 0}.notification-row .toggle-cell:before{content:attr(data-label);color:var(--text-primary);font-size:14px;font-weight:700}.notification-row .toggle-cell:last-child{padding-bottom:0}.device-item{flex-direction:column;align-items:flex-start;padding:20px}.device-item .device-info{width:100%}.device-item .device-logout{border-radius:12px;justify-content:center;gap:8px;width:100%;height:40px;margin-top:12px;padding:0 14px;display:flex}.device-item .device-logout:after{content:"Qurilmadan chiqish";font-size:14px;font-weight:600;line-height:1}.preference-item{flex-direction:column;align-items:flex-start}.preference-item .form-select{width:100%}.section-footer{padding:16px 20px}.section-footer .btn,.section-footer .btn-add-device,.section-footer .btn-refresh,.section-footer .btn-logout-all{width:100%}.device-management .device-header .device-header-actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.device-management .device-header .device-header-actions .btn-add-device,.device-management .device-header .device-header-actions .btn-refresh{width:100%}.danger-zone{padding:20px}.danger-item{flex-direction:column;align-items:flex-start}.danger-item .btn,.danger-item .btn-add-device,.danger-item .btn-refresh,.danger-item .btn-logout-all{width:100%}.settings-modal{max-width:100%;margin:0 16px}}.teacher-channel-selector{padding:var(--space-6);max-width:1200px;margin:0 auto}.tcs__header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.tcs__header-content h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--text-primary)}.tcs__header-content p{color:var(--text-secondary);margin:0}.tcs__header-stats{background:var(--bg-surface);padding:var(--space-3)var(--space-5);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);align-items:center;display:flex}.tcs__header-stats .stat-item{align-items:center;gap:var(--space-2);color:var(--primary-600);font-weight:var(--font-weight-medium);display:flex}.tcs__toolbar{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.tcs__search{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:0 var(--space-4);align-items:center;gap:var(--space-3);min-width:300px;transition:border-color var(--transition-fast);flex:1;display:flex}.tcs__search:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.tcs__search input{height:48px;color:var(--text-primary);font-size:var(--font-size-md);background:0 0;border:none;outline:none;flex:1}.tcs__search input::placeholder{color:var(--text-tertiary)}.tcs__search svg{color:var(--text-secondary)}.tcs-btn{justify-content:center;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none;display:flex}.tcs-btn-primary{background:var(--primary-500);color:#fff}.tcs-btn-primary:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f640}.tcs-btn-success{background:var(--success-500);color:#fff}.tcs-btn-outline{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.tcs-btn-outline:hover{background:var(--bg-hover);color:var(--primary-600);border-color:var(--primary-200)}.tcs-btn-danger:hover{color:var(--error-600);border-color:var(--error-200);background:var(--error-50)}.tcs-btn-icon{border-radius:var(--radius-md);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:32px;height:32px;transition:background var(--transition-fast);background:#00000080;border:none;justify-content:center;align-items:center;display:flex}.tcs-btn-icon:hover{background:#000000b3}.tcs__empty{padding:var(--space-12)var(--space-6);text-align:center;background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px dashed var(--border-color)}.tcs__empty-icon{background:var(--bg-secondary);width:100px;height:100px;margin:0 auto var(--space-6);color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;display:flex}.tcs__empty h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--text-primary)}.tcs__empty p{color:var(--text-secondary);margin-bottom:var(--space-6)}.tcs__empty .tcs-btn{margin:0 auto}.tcs__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.tcs__card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.tcs__card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-4px)}.tcs__card--active{border-color:var(--primary-500);box-shadow:0 0 0 1px var(--primary-500),var(--shadow-md)}.tcs__banner{background:var(--bg-secondary);height:120px;position:relative}.tcs__banner img{object-fit:cover;width:100%;height:100%}.tcs__banner-placeholder{width:100%;height:100%;color:var(--text-tertiary);opacity:.5;justify-content:center;align-items:center;display:flex}.tcs__banner-actions{top:var(--space-2);right:var(--space-2);position:absolute}.tcs__verified-badge{top:var(--space-3);left:var(--space-3);background:var(--success-500);color:#fff;width:24px;height:24px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.tcs__verified-badge-x{top:var(--space-3);left:var(--space-3);background:var(--text-tertiary);color:#fff;opacity:.8;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute}.tcs__verified-badge-sm{background:var(--success-500);border:2px solid var(--bg-surface);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-2px;right:-2px}.tcs__content{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.tcs__profile{margin-top:-40px;margin-bottom:var(--space-4);align-items:flex-end;display:flex;position:relative}.tcs__profile-info{min-width:0;padding-bottom:var(--space-1);flex:1}.tcs__avatar{border:4px solid var(--bg-surface);background:var(--bg-secondary);width:72px;height:72px;margin-right:var(--space-4);border-radius:16px;flex-shrink:0;position:relative;overflow:hidden}.tcs__avatar img{object-fit:cover;width:100%;height:100%}.tcs__avatar-placeholder{width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.tcs__avatar-gallery-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:8px 0 0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:0;right:0}.tcs__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;display:flex;overflow:hidden}.tcs__slug{font-size:var(--font-size-sm);color:var(--text-secondary)}.tcs__badge{margin-top:var(--space-1);padding:2px var(--space-2);background:var(--primary-50);color:var(--primary-600);border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-weight-semibold);display:inline-block}.tcs__description{font-size:var(--font-size-sm);color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;margin-bottom:var(--space-4);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.tcs__stats{gap:var(--space-4);padding:var(--space-3)0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4);margin-top:auto;display:flex}.tcs__stats .stat-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.tcs__actions{gap:var(--space-3);display:flex}.tcs__action-menu{gap:var(--space-2);display:flex}.custom-spinner{border:3px solid #3b82f633;border-top-color:var(--primary-500);width:40px;height:40px;margin:0 auto var(--space-4);border-radius:50%;animation:1s linear infinite tcs-spin}@keyframes tcs-spin{to{transform:rotate(360deg)}}.tcs__loading,.tcs__error{height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.tcs__error h3{color:var(--error-600);margin-bottom:var(--space-2)}@media (max-width:640px){.tcs__header{flex-direction:column;align-items:flex-start}.tcs__search{min-width:100%}.tcs-btn{width:100%}.tcs__actions{flex-direction:column}.tcs__action-menu{justify-content:center}}.cdm__overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cdm__panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:780px;max-height:90vh;animation:.25s cdmSlideIn;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000004d}@keyframes cdmSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cdm__banner{background:linear-gradient(135deg,var(--primary-600),var(--primary-400));height:250px}.cdm__banner-img{object-fit:cover;width:100%;height:100%;display:block}.cdm__banner-empty{color:#fff6;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cdm__banner-gradient{pointer-events:none;background:linear-gradient(#0000 40%,#0006);position:absolute;inset:0}.cdm__close-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:34px;height:34px;transition:background var(--transition-fast);z-index:2;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.cdm__close-btn:hover{background:#000000b3}.cdm__body{padding:0 var(--space-6)var(--space-6);flex:1;overflow-y:auto}.cdm__profile-row{align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.cdm__avatar-wrap{border:4px solid var(--bg-surface);background:var(--bg-secondary);width:100px;height:100px;box-shadow:var(--shadow-md);border-radius:20px;flex-shrink:0;position:relative;overflow:hidden}.cdm__avatar-img{object-fit:cover;width:100%;height:100%}.cdm__avatar-fallback{width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.cdm__verified-dot{background:var(--success-500);border:2px solid var(--bg-surface);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-2px;right:-2px}.cdm__identity{flex:1;min-width:0;padding-bottom:4px}.cdm__channel-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 4px;display:flex}.cdm__star-icon{color:#f59e0b;flex-shrink:0}.cdm__username{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-2)0}.cdm__badges{flex-wrap:wrap;gap:6px;display:flex}.cdm__badge-pill{background:var(--primary-50);color:var(--primary-700);letter-spacing:.3px;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.cdm__section{margin-bottom:var(--space-5)}.cdm__section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);margin:0 0 var(--space-2)0;font-size:11px;font-weight:700}.cdm__desc-text{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:pre-wrap;margin:0;line-height:1.65}.cdm__stats-row{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.cdm__stat-card{padding:var(--space-4);border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;display:flex}.cdm__stat-blue{color:#3b82f6;background:#3b82f614;border-color:#3b82f626}.cdm__stat-violet{color:#8b5cf6;background:#8b5cf614;border-color:#8b5cf626}.cdm__stat-rose{color:#f43f5e;background:#f43f5e14;border-color:#f43f5e26}.cdm__stat-num{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.cdm__stat-tag{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.cdm__two-col{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.cdm__info-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cdm__info-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.cdm__info-icon{color:var(--text-tertiary);flex-shrink:0;display:flex}.cdm__social-wrap{flex-wrap:wrap;gap:6px;display:flex}.cdm__social-pill{transition:opacity var(--transition-fast);border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.cdm__social-pill:hover{opacity:.8}.cdm__pill-web{color:#3b82f6;background:#3b82f61a;border-color:#3b82f633}.cdm__pill-tg{color:#08c;background:#0088cc1a;border-color:#08c3}.cdm__pill-ig{color:#e1306c;background:#e1306c1a;border-color:#e1306c33}.cdm__pill-gh{color:var(--text-primary);border-color:var(--border-color);background:#24292e14}.cdm__pill-li{color:#0077b5;background:#0077b51a;border-color:#0077b533}.cdm__footer{gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-color);margin-top:var(--space-2);display:flex}@media (max-width:640px){.cdm__two-col{grid-template-columns:1fr}.cdm__panel{border-radius:16px}.cdm__footer{flex-direction:column}.cdm__channel-title{font-size:var(--font-size-xl)}}.teacher-analytics{background:var(--bg-primary);min-height:100vh;padding:var(--space-4)}@media (max-width:768px){.teacher-analytics{padding:var(--space-2)}}.ta__loading{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:60vh;display:flex}.ta__loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:var(--radius-full);width:48px;height:48px;animation:1s linear infinite ta-spin}.ta__loading p{color:var(--text-secondary);font-size:var(--font-size-lg)}@keyframes ta-spin{to{transform:rotate(360deg)}}.ta__error{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;min-height:60vh;display:flex}.ta__error h3{color:var(--error-500);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.ta__error p{color:var(--text-secondary);font-size:var(--font-size-lg)}.ta__header{margin-bottom:var(--space-8)}.ta__header-content{text-align:center}.ta__header-content h1{justify-content:center;align-items:center;gap:var(--space-3);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);display:flex}@media (max-width:768px){.ta__header-content h1{font-size:var(--font-size-3xl)}}.ta__header-content p{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.ta__tabs{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2);background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex}@media (max-width:768px){.ta__tabs{gap:var(--space-1);flex-direction:column}}.ta__tab{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;display:flex}@media (max-width:768px){.ta__tab{padding:var(--space-3)var(--space-4);justify-content:center}}.ta__tab:hover{color:var(--text-primary);background:var(--bg-hover)}.ta__tab.active{color:var(--primary-600);background:var(--primary-50);box-shadow:var(--shadow-sm)}[data-theme=dark] .ta__tab.active{color:var(--primary-400);background:#3b82f61a}.ta__content{max-width:1400px;margin:0 auto}.ta__overview .ta__stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}@media (max-width:768px){.ta__overview .ta__stats-grid{gap:var(--space-4);grid-template-columns:1fr}}.ta__stat-card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.ta__stat-card:before{content:"";background:var(--gradient-primary);opacity:0;height:4px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.ta__stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ta__stat-card:hover:before{opacity:1}.ta__stat-card--primary:before{background:var(--gradient-primary)}.ta__stat-card--success:before{background:var(--gradient-success)}.ta__stat-card--warning:before{background:var(--gradient-warning)}.ta__stat-card--info:before{background:linear-gradient(135deg,var(--primary-400),var(--primary-600))}.ta__stat-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.ta__stat-icon{border-radius:var(--radius-xl);width:64px;height:64px;color:var(--primary-600);background:#3b82f61a;justify-content:center;align-items:center;display:flex}.ta__stat-card--success .ta__stat-icon{color:var(--success-600);background:#22c55e1a}.ta__stat-card--warning .ta__stat-icon{color:var(--warning-600);background:#f59e0b1a}.ta__stat-card--info .ta__stat-icon{color:var(--primary-600);background:#3b82f61a}.ta__stat-trend{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex}.ta__stat-trend.positive{color:var(--success-600);background:#22c55e1a}.ta__stat-trend.negative{color:var(--error-600);background:#ef44441a}.ta__stat-content .ta__stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-1)}.ta__stat-content .ta__stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.ta__detailed-stats .ta__detailed-card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.ta__detailed-stats .ta__detailed-card h3{align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-6);display:flex}.ta__detailed-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}@media (max-width:768px){.ta__detailed-grid{grid-template-columns:1fr}}.ta__detailed-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:all var(--transition-fast);display:flex}.ta__detailed-item:hover{background:var(--bg-hover);transform:translateY(-2px)}.ta__detailed-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ta__detailed-icon.success{color:var(--success-600);background:#22c55e1a}.ta__detailed-icon.warning{color:var(--warning-600);background:#f59e0b1a}.ta__detailed-icon.info{color:var(--primary-600);background:#3b82f61a}.ta__detailed-content .ta__detailed-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}.ta__detailed-content .ta__detailed-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.ta__courses .ta__courses-header{text-align:center;margin-bottom:var(--space-8)}.ta__courses .ta__courses-header h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}@media (max-width:768px){.ta__courses .ta__courses-header h2{font-size:var(--font-size-2xl)}}.ta__courses .ta__courses-header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.ta__courses-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}@media (max-width:768px){.ta__courses-grid{gap:var(--space-4);grid-template-columns:1fr}}.ta__course-card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.ta__course-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ta__course-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.ta__course-info{flex:1}.ta__course-info h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1);line-height:var(--line-height-tight)}.ta__course-info .ta__course-slug{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:monospace}.ta__performance-badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff;white-space:nowrap}.ta__course-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:768px){.ta__course-stats{gap:var(--space-3);grid-template-columns:1fr}}.ta__course-stat{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-secondary);display:flex}.ta__course-stat .stat-icon{color:var(--primary-600);width:20px;height:20px}.ta__course-stat .stat-content .stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}.ta__course-stat .stat-content .stat-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.ta__course-metrics{margin-bottom:var(--space-6)}.ta__course-metric{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-secondary);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.ta__course-metric:last-child{margin-bottom:0}.ta__course-metric .metric-header{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.ta__course-metric .metric-header .metric-icon{color:var(--primary-600)}.ta__course-metric .metric-value{font-weight:var(--font-weight-bold);color:var(--text-primary)}.ta__course-metric .ta__engagement-rate{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);display:flex}.ta__course-metric .ta__engagement-rate .rate-icon{color:var(--primary-600)}.ta__course-progress .progress-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.ta__course-progress .progress-header span{font-size:var(--font-size-sm);color:var(--text-secondary)}.ta__course-progress .progress-header span:last-child{font-weight:var(--font-weight-bold);color:var(--text-primary)}.ta__course-progress .progress-bar{background:var(--bg-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden}.ta__course-progress .progress-bar .progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.ta__empty-state{padding:var(--space-16);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.ta__empty-state svg{color:var(--text-secondary);margin-bottom:var(--space-4)}.ta__empty-state h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.ta__empty-state p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-6)}.ta__empty-state .btn-primary,.ta__empty-state .btn-add-device{margin:0}.ta__insights{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.ta__insights h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-6)}.ta__insights-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}@media (max-width:768px){.ta__insights-grid{grid-template-columns:1fr}}.ta__insight-card{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--bg-secondary);transition:all var(--transition-fast)}.ta__insight-card:hover{background:var(--bg-hover);transform:translateY(-2px)}.ta__insight-card h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.ta__insight-card .insight-content .insight-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.ta__insight-card .insight-content .insight-value{font-size:var(--font-size-sm);color:var(--text-secondary)}.ta__engagement .ta__engagement-header{text-align:center;margin-bottom:var(--space-8)}.ta__engagement .ta__engagement-header h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}@media (max-width:768px){.ta__engagement .ta__engagement-header h2{font-size:var(--font-size-2xl)}}.ta__engagement .ta__engagement-header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.ta__engagement-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (max-width:768px){.ta__engagement-grid{gap:var(--space-4);grid-template-columns:1fr}}.ta__engagement-card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.ta__engagement-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ta__engagement-icon{border-radius:var(--radius-xl);width:64px;height:64px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.ta__engagement-icon.success{color:var(--success-600);background:#22c55e1a}.ta__engagement-icon.warning{color:var(--warning-600);background:#f59e0b1a}.ta__engagement-icon.info,.ta__engagement-icon.primary{color:var(--primary-600);background:#3b82f61a}.ta__engagement-content .ta__engagement-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.ta__engagement-content .ta__engagement-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.ta__engagement-content .ta__engagement-progress{background:var(--bg-secondary);border-radius:var(--radius-full);height:6px;overflow:hidden}.ta__engagement-content .ta__engagement-progress .progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.ta__engagement-content .ta__engagement-progress .progress-fill.success{background:var(--success-500)}.ta__engagement-content .ta__engagement-progress .progress-fill.warning{background:var(--warning-500)}.ta__engagement-content .ta__engagement-progress .progress-fill.info,.ta__engagement-content .ta__engagement-progress .progress-fill.primary{background:var(--primary-500)}.ta__engagement-details .ta__engagement-detail-card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.ta__engagement-details .ta__engagement-detail-card h3{align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-6);display:flex}.ta__engagement-detail-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}@media (max-width:768px){.ta__engagement-detail-grid{grid-template-columns:1fr}}.ta__engagement-detail-grid .detail-item{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-secondary)}.ta__engagement-detail-grid .detail-item .detail-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.ta__engagement-detail-grid .detail-item .detail-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.teacher-courses{padding:var(--space-6);max-width:1400px;margin:0 auto}.teacher-courses.loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.teacher-courses .hashtag-input-wrap{width:100%;position:relative}.teacher-courses .hashtag-input-wrap .hashtag-chips{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-height:52px;padding:10px 12px;transition:all .2s;display:flex}.teacher-courses .hashtag-input-wrap .hashtag-chips:focus-within{border-color:#3b82f6bf;outline:none}.teacher-courses .hashtag-input-wrap .hashtag-chips input{flex:1;min-width:160px;height:28px;line-height:28px;box-shadow:none!important;color:var(--text-primary)!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;margin:0!important;padding:0!important;font-size:14px!important}.teacher-courses .hashtag-input-wrap .hashtag-chips input::placeholder{color:var(--text-secondary)!important}.teacher-courses .hashtag-input-wrap .hashtag-tag{color:#bfdbfef2;cursor:pointer;background:#2563eb24;border:1px solid #3b82f659;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .2s;display:inline-flex}.teacher-courses .hashtag-input-wrap .hashtag-tag:hover{background:#2563eb38}.teacher-courses .hashtag-input-wrap .hashtag-dropdown{z-index:2500;background:var(--bg-surface);border:1px solid var(--border-color);max-height:220px;box-shadow:var(--shadow-lg);border-radius:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.teacher-courses .hashtag-input-wrap .hashtag-option{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.teacher-courses .hashtag-input-wrap .hashtag-option:hover{background:var(--bg-elevated)}.teacher-courses .hashtag-input-wrap .hashtag-option.hashtag-create{border-top:1px solid var(--border-color)}.teacher-courses .hashtag-input-wrap .hashtag-option.hashtag-loading{cursor:default;color:var(--text-secondary)}.teacher-courses .hashtag-input-wrap .hashtag-option .hash{width:28px;height:28px;color:var(--text-secondary);background:#94a3b81f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.teacher-courses .hashtag-input-wrap .hashtag-option .meta{flex-direction:column;gap:2px;display:flex}.teacher-courses .hashtag-input-wrap .hashtag-option .name{font-size:13px;font-weight:700}.teacher-courses .hashtag-input-wrap .hashtag-option .slug{color:var(--text-secondary);font-size:12px}.teacher-courses .tc-detail-hashtags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.teacher-courses .tc-hashtag-chip{color:#bfdbfef2;background:#2563eb1f;border:1px solid #3b82f640;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.tc-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.tc-header-content h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.tc-header-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.tc-create-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;box-shadow:0 4px 14px #3b82f659}.tc-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.tc-create-btn svg{width:18px;height:18px}.tc-status-filters{gap:var(--space-2);margin-bottom:var(--space-6);background:var(--bg-surface);padding:var(--space-2);border-radius:var(--radius-xl);border:1px solid var(--border-color);flex-wrap:wrap;width:fit-content;display:flex}.tc-filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:inline-flex}.tc-filter-btn .filter-label{font-size:var(--font-size-sm)}.tc-filter-btn .filter-count{min-width:22px;height:22px;padding:0 var(--space-1);background:var(--bg-elevated);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex}.tc-filter-btn svg{width:14px;height:14px}.tc-filter-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.tc-filter-btn.active{background:var(--primary-500);color:#fff;box-shadow:0 2px 8px #3b82f64d}.tc-filter-btn.active .filter-count{color:#fff;background:#ffffff40}.tc-stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.tc-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.tc-stats-grid{grid-template-columns:1fr}}.tc-stat-card{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex}.tc-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200);transform:translateY(-2px)}.tc-stat-card .tc-stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.tc-stat-card .tc-stat-icon.courses{color:#3b82f6;background:linear-gradient(135deg,#3b82f620,#3b82f640)}.tc-stat-card .tc-stat-icon.students{color:#10b981;background:linear-gradient(135deg,#10b98120,#10b98140)}.tc-stat-card .tc-stat-icon.videos{color:#f59e0b;background:linear-gradient(135deg,#f59e0b20,#f59e0b40)}.tc-stat-card .tc-stat-icon.earnings{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf620,#8b5cf640)}.tc-stat-card .tc-stat-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 2px;line-height:1}.tc-stat-card .tc-stat-content p{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin:0}.tc-courses-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:700px){.tc-courses-grid{grid-template-columns:1fr}}.tc-course-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.tc-course-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-200);transform:translateY(-3px)}.tc-status-badge{top:var(--space-3);left:var(--space-3);align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;position:absolute}.tc-status-badge.status-draft{color:#fff;background:#6b7280e6}.tc-status-badge.status-approved{color:#fff;background:#10b981e6}.tc-status-badge.status-moderation{color:#fff;background:#f59e0be6}.tc-status-badge.status-rejected{color:#fff;background:#ef4444e6}.tc-status-badge svg{width:12px;height:12px}.tc-course-thumbnail{height:180px;position:relative;overflow:hidden}.tc-course-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.tc-course-thumbnail:hover img{transform:scale(1.04)}.tc-course-overlay{padding:var(--space-3);background:linear-gradient(#0000 50%,#0009 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.tc-course-badges{gap:var(--space-1);flex-wrap:wrap;display:flex}.tc-course-badges .badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold)}.tc-course-badges .badge.new{color:#fff;background:#3b82f6}.tc-course-badges .badge.bestseller{color:#fff;background:#f59e0b}.tc-course-badges .badge.free{color:#fff;background:#10b981}.tc-course-badges .badge.paid{color:#fff;background:#8b5cf6}.tc-course-badges .badge.level{color:#fff;background:#fff3}.tc-course-content{padding:var(--space-4)}.tc-course-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.tc-course-header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.tc-course-level{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0;display:flex}.tc-course-level svg{width:13px;height:13px;color:var(--primary-500)}.tc-course-stats{gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex}.tc-stat-item{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-xs);display:flex}.tc-stat-item svg{width:13px;height:13px}.tc-course-meta{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.tc-course-date,.tc-certificate{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.tc-course-date svg,.tc-certificate svg{width:13px;height:13px}.tc-rejection-reason{margin-bottom:var(--space-3)}.tc-reason-btn{align-items:center;gap:var(--space-1);color:#ef4444;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);padding:var(--space-1)var(--space-3);cursor:pointer;transition:all var(--transition-fast);background:#ef444414;border:1px solid #ef444433;display:inline-flex}.tc-reason-btn:hover{background:#ef444426}.tc-reason-btn svg{width:13px;height:13px}.tc-submit-moderation-btn{align-items:center;gap:var(--space-1);color:#f59e0b;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);padding:var(--space-2)var(--space-3);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-2);background:#f59e0b1a;border:1px solid #f59e0b4d;display:inline-flex}.tc-submit-moderation-btn:hover{background:#f59e0b33;border-color:#f59e0b80}.tc-submit-moderation-btn svg{width:14px;height:14px}.tc-moderation-hint{color:var(--text-tertiary);margin:0 0 var(--space-2)0;font-size:11px;font-style:italic}.tc-moderation-error{align-items:center;gap:var(--space-1);color:#ef4444;font-size:12px;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);padding:var(--space-1)var(--space-3);margin-bottom:var(--space-2);background:#ef444414;border:1px solid #ef444433;display:flex}.tc-moderation-error svg{flex-shrink:0;width:13px;height:13px}.tc-month-title-left .tc-status-badge{padding:2px var(--space-2);font-size:10px}.tc-course-actions-inline{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.tc-action-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;display:flex}.tc-action-btn svg{width:14px;height:14px}.tc-action-btn.primary{background:var(--primary-500);color:#fff}.tc-action-btn.primary:hover{background:var(--primary-600)}.tc-action-btn.secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.tc-action-btn.secondary:hover{background:var(--bg-surface);border-color:var(--primary-400)}.tc-course-menu{top:var(--space-3);right:var(--space-3);z-index:10;position:absolute}.tc-course-menu-btn{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.tc-course-menu-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.tc-course-menu-btn svg{width:16px;height:16px}.tc-course-dropdown,.tc-month-dropdown{right:0;top:calc(100% + var(--space-1));background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;min-width:180px;animation:.15s dropdownFade;position:absolute;overflow:hidden}@keyframes dropdownFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tc-dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.tc-dropdown-item svg{width:15px;height:15px;color:var(--text-secondary)}.tc-dropdown-item:hover{background:var(--bg-elevated)}.tc-dropdown-item.danger,.tc-dropdown-item.danger svg{color:#ef4444}.tc-dropdown-item.danger:hover{background:#ef444414}.tc-dropdown-divider{background:var(--border-color);height:1px;margin:var(--space-1)0}.tc-empty-state{text-align:center;padding:var(--space-16)var(--space-8);background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;grid-column:1/-1;display:flex}.tc-empty-state .empty-icon{width:64px;height:64px;color:var(--text-tertiary);opacity:.5}.tc-empty-state h3,.tc-empty-state h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.tc-empty-state p{color:var(--text-secondary);font-size:var(--font-size-sm);max-width:360px;margin:0}.tc-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.tc-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:680px;max-height:calc(100vh - var(--space-8));flex-direction:column;animation:.2s modalSlide;display:flex;box-shadow:0 25px 60px #0000004d}.tc-modal.tc-months-modal{max-width:820px}.tc-modal.tc-test-creator-modal{width:90vw;max-width:90vw}.tc-modal.tc-assignment-creator-modal{max-width:600px}.tc-modal.tc-view-modal{max-width:740px}.tc-modal.tc-detail-view-modal{max-width:700px}.tc-modal.tc-create-modal{max-width:760px}@media (max-width:900px){.tc-modal{max-width:92vw}}@media (max-width:600px){.tc-modal{max-width:96vw;max-height:calc(100vh - var(--space-4))}}@keyframes modalSlide{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tc-modal-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex}.tc-modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);align-items:center;gap:var(--space-2);margin:0;display:flex}.tc-modal-header h2 svg{width:20px;height:20px;color:var(--primary-500)}.tc-modal-title{gap:var(--space-1);flex-direction:column;display:flex}.tc-modal-title h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.tc-modal-close{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tc-modal-close:hover{color:#fff;background:#ef4444;border-color:#ef4444}.tc-modal-close svg{width:16px;height:16px}.tc-modal-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.tc-course-form,.tc-form-container{gap:var(--space-4);flex-direction:column;display:flex}.tc-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:600px){.tc-form-row{grid-template-columns:1fr}}.tc-form-group{gap:var(--space-2);flex-direction:column;display:flex}.tc-form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);align-items:center;gap:var(--space-1);display:flex}.tc-form-group label svg{width:14px;height:14px;color:var(--text-secondary)}.tc-form-group input[type=text],.tc-form-group input[type=number],.tc-form-group input[type=email],.tc-form-group select,.tc-form-group textarea{padding:var(--space-3)var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;width:100%}.tc-form-group input[type=text]:focus,.tc-form-group input[type=number]:focus,.tc-form-group input[type=email]:focus,.tc-form-group select:focus,.tc-form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.tc-form-group input[type=text]::placeholder,.tc-form-group input[type=number]::placeholder,.tc-form-group input[type=email]::placeholder,.tc-form-group select::placeholder,.tc-form-group textarea::placeholder{color:var(--text-tertiary)}.tc-form-group textarea{resize:vertical;min-height:90px}.tc-form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-8);cursor:pointer}.tc-form-group small{color:var(--text-tertiary);font-size:11px}.tc-form-group--checkbox{justify-content:flex-end}.tc-categories-grid{gap:var(--space-2);max-height:200px;padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid;overflow-y:auto}.tc-category-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.tc-category-item:hover{border-color:var(--primary-400);background:var(--bg-elevated)}.tc-category-item input[type=checkbox]{accent-color:var(--primary-500)}.tc-category-item:has(input:checked){border-color:var(--primary-500);background:#3b82f60f}.tc-category-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1}.tc-category-color{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tc-price-toggle{gap:var(--space-3);flex-wrap:wrap;display:flex}.tc-toggle-item{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);padding:var(--space-2)var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex}.tc-toggle-item input[type=radio]{accent-color:var(--primary-500)}.tc-toggle-item:has(input:checked){border-color:var(--primary-500);color:var(--primary-600);font-weight:var(--font-weight-semibold);background:#3b82f614}.tc-checkboxes{gap:var(--space-3);flex-wrap:wrap;display:flex}.tc-checkbox-item{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);padding:var(--space-2)var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-elevated);transition:all var(--transition-fast);display:flex}.tc-checkbox-item input[type=checkbox]{accent-color:var(--primary-500)}.tc-checkbox-item:hover{border-color:var(--primary-400)}.tc-checkbox-item:has(input:checked){border-color:var(--primary-500);color:var(--primary-600);font-weight:var(--font-weight-medium);background:#3b82f614}.tc-file-upload-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:600px){.tc-file-upload-grid{grid-template-columns:1fr}}.tc-file-upload-group{gap:var(--space-2);flex-direction:column;display:flex}.tc-upload-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.tc-upload-card{border:2px dashed var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);aspect-ratio:16/9;overflow:hidden}.tc-upload-card.banner{aspect-ratio:16/9}.tc-upload-card.has-preview{border-style:solid;border-color:var(--primary-400)}.tc-upload-card:hover{border-color:var(--primary-400)}.tc-upload-content{cursor:pointer;justify-content:center;align-items:center;height:100%;display:flex}.tc-upload-placeholder{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);color:var(--text-secondary);text-align:center;flex-direction:column;display:flex}.tc-upload-placeholder .placeholder-icon{width:32px;height:32px;color:var(--text-tertiary)}.tc-upload-placeholder span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.tc-upload-placeholder small{color:var(--text-tertiary);font-size:11px}.tc-preview-wrapper{width:100%;height:100%;position:relative}.tc-preview-wrapper img{object-fit:cover;width:100%;height:100%}.tc-preview-overlay{justify-content:center;align-items:center;gap:var(--space-2);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);opacity:0;transition:opacity var(--transition-fast);background:#0000008c;display:flex;position:absolute;inset:0}.tc-preview-overlay svg{width:16px;height:16px}.tc-upload-content:hover .tc-preview-overlay{opacity:1}.tc-form-actions{gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-color);justify-content:flex-end;display:flex}.btn,.btn-add-device,.btn-refresh,.btn-logout-all{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;display:inline-flex}.btn svg,.btn-add-device svg,.btn-refresh svg,.btn-logout-all svg{width:15px;height:15px}.btn:disabled,.btn-add-device:disabled,.btn-refresh:disabled,.btn-logout-all:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary,.btn-primary.btn-refresh,.btn-primary.btn-logout-all,.btn-add-device{background:var(--primary-500);color:#fff}.btn.btn-primary:hover:not(:disabled),.btn-primary.btn-refresh:hover:not(:disabled),.btn-primary.btn-logout-all:hover:not(:disabled),.btn-add-device:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn.btn-secondary,.btn-secondary.btn-add-device,.btn-secondary.btn-logout-all,.btn-refresh{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn.btn-secondary:hover:not(:disabled),.btn-secondary.btn-add-device:hover:not(:disabled),.btn-secondary.btn-logout-all:hover:not(:disabled),.btn-refresh:hover:not(:disabled){background:var(--bg-surface)}.btn.btn-success,.btn-success.btn-add-device,.btn-success.btn-refresh,.btn-success.btn-logout-all{color:#fff;background:#10b981}.btn.btn-success:hover:not(:disabled),.btn-success.btn-add-device:hover:not(:disabled),.btn-success.btn-refresh:hover:not(:disabled),.btn-success.btn-logout-all:hover:not(:disabled){background:#059669}.btn.btn-danger,.btn-danger.btn-add-device,.btn-danger.btn-refresh,.btn-logout-all{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.btn.btn-danger:hover:not(:disabled),.btn-danger.btn-add-device:hover:not(:disabled),.btn-danger.btn-refresh:hover:not(:disabled),.btn-logout-all:hover:not(:disabled){background:#ef444426}.btn.btn-ghost,.btn-ghost.btn-add-device,.btn-ghost.btn-refresh,.btn-ghost.btn-logout-all{color:var(--primary-500);border:1px dashed var(--primary-400);background:0 0}.btn.btn-ghost:hover:not(:disabled),.btn-ghost.btn-add-device:hover:not(:disabled),.btn-ghost.btn-refresh:hover:not(:disabled),.btn-ghost.btn-logout-all:hover:not(:disabled){background:#3b82f60f}.btn.btn-sm,.btn-sm.btn-add-device,.btn-sm.btn-refresh,.btn-sm.btn-logout-all{padding:var(--space-1)var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.tc-purchase-scope{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-medium);display:inline-block}.tc-purchase-scope.course{color:#3b82f6;background:#3b82f61a}.tc-purchase-scope.course_type{color:#8b5cf6;background:#8b5cf61a}.tc-months-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.tc-months-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.tc-months-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.tc-month-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--transition-fast);position:relative}.tc-month-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.tc-month-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.tc-month-title-left{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.tc-month-title-left h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:20px;overflow:hidden}.tc-month-title-left .tc-status-badge{flex-shrink:0;align-self:flex-start}.tc-month-menu{z-index:10;flex-shrink:0;position:relative}.tc-month-menu-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.tc-month-menu-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.tc-month-menu-btn svg{width:15px;height:15px}.tc-month-info{gap:var(--space-2);flex-direction:column;display:flex}.tc-month-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-3);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.tc-month-stats{gap:var(--space-3);display:flex}.tc-month-stat{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.tc-month-stat svg{width:13px;height:13px}.tc-detail-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.tc-detail-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:800px;max-height:calc(100vh - var(--space-8));flex-direction:column;animation:.2s modalSlide;display:flex;overflow:hidden;box-shadow:0 25px 60px #0000004d}.tc-detail-content{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex;overflow-y:auto}.tc-detail-main{gap:var(--space-6);grid-template-columns:1fr 1.4fr;display:grid}@media (max-width:600px){.tc-detail-main{grid-template-columns:1fr}}.tc-detail-image{border-radius:var(--radius-xl);aspect-ratio:16/9;overflow:hidden}.tc-detail-image img{object-fit:cover;width:100%;height:100%}.tc-detail-info{gap:var(--space-4);flex-direction:column;display:flex}.tc-detail-info h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.tc-detail-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}.tc-detail-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.tc-detail-stats{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.tc-detail-stat{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.tc-detail-stat svg{width:15px;height:15px;color:var(--primary-500)}.tc-certificate-info{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:#f59e0b;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:#f59e0b14;border:1px solid #f59e0b33;display:flex}.tc-certificate-info svg{width:16px;height:16px}.tc-channel-info-section h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.tc-channel-card{gap:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex}.tc-channel-avatar{border-radius:50%;flex-shrink:0;width:60px;height:60px;overflow:hidden}.tc-channel-avatar img{object-fit:cover;width:100%;height:100%}.tc-channel-details{gap:var(--space-2);flex-direction:column;display:flex}.tc-channel-details h5{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.tc-channel-details p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.tc-channel-stats{gap:var(--space-4);display:flex}.tc-channel-stats span{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.tc-channel-stats span svg{width:13px;height:13px}.tc-verified{align-items:center;gap:var(--space-1);color:#10b981;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:flex}.tc-verified svg{width:13px;height:13px}.tc-steps{margin-bottom:var(--space-6);background:var(--bg-elevated);border-radius:var(--radius-xl);padding:var(--space-3);align-items:center;gap:0;display:flex}.tc-step{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex:1;display:flex}.tc-step .tc-step-number{width:28px;height:28px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background:var(--bg-primary);color:var(--text-secondary);border:2px solid var(--border-color);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.tc-step .tc-step-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.tc-step.active{background:#3b82f614}.tc-step.active .tc-step-number{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.tc-step.active .tc-step-label{color:var(--primary-600);font-weight:var(--font-weight-semibold)}.tc-step.completed .tc-step-number{color:#fff;background:#10b981;border-color:#10b981}.tc-step.completed .tc-step-label{color:#10b981}.tc-step-line{background:var(--border-color);flex-shrink:0;width:32px;height:2px}.tc-questions-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tc-upload-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-elevated);border:1px dashed var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.tc-upload-btn:hover{border-color:var(--primary-400);color:var(--primary-500)}.tc-upload-btn svg{width:15px;height:15px}.tc-file-name{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-elevated);padding:var(--space-1)var(--space-3);border-radius:var(--radius-md)}.tc-questions-count h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.tc-questions-list{gap:var(--space-3);max-height:320px;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.tc-question-item{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--transition-fast)}.tc-question-item:hover{border-color:var(--primary-300)}.tc-question-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.tc-question-number{background:var(--primary-500);color:#fff;width:26px;height:26px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tc-question-text{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);flex:1;margin:0;line-height:1.4}.tc-question-actions{gap:var(--space-1);flex-shrink:0;display:flex}.tc-q-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.tc-q-btn svg{width:13px;height:13px}.tc-q-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.tc-q-btn.danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.tc-question-options{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.tc-option-tag{align-items:center;gap:var(--space-1);padding:2px var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:11px;display:inline-flex}.tc-option-tag svg{width:11px;height:11px}.tc-option-tag.correct{color:#10b981;font-weight:var(--font-weight-semibold);background:#10b9811a;border-color:#10b9814d}.tc-question-meta{margin-top:var(--space-2);justify-content:flex-end;display:flex}.tc-question-meta span{color:var(--text-tertiary);background:var(--bg-primary);padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border-color);font-size:11px}.tc-qmodal-overlay{z-index:1100;padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tc-qmodal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:680px;max-height:calc(100vh - var(--space-8));flex-direction:column;animation:.15s modalSlide;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}.tc-qmodal-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.tc-qmodal-header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.tc-qmodal-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.tc-qmodal-actions{padding:var(--space-4)var(--space-5);border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tc-options-list-input{gap:var(--space-2);flex-direction:column;display:flex}.tc-option-input-row{align-items:center;gap:var(--space-2);display:flex}.tc-option-input-row input[type=radio]{accent-color:var(--primary-500);flex-shrink:0}.tc-option-input-row input[type=text]{flex:1}.tc-list{gap:var(--space-4);flex-direction:column;display:flex}.tc-list-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--transition-fast)}.tc-list-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.tc-list-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.tc-list-card-info h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.tc-list-card-info p{font-size:var(--font-size-sm);color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.tc-list-card-actions{gap:var(--space-2);flex-shrink:0;display:flex}.tc-list-card-stats{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.tc-stat-chip{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);display:inline-flex}.tc-stat-chip svg{width:12px;height:12px}.tc-list-card-meta{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.tc-badge-status{padding:2px var(--space-3);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);display:inline-block}.tc-badge-status.active{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.tc-badge-status.inactive{color:#6b7280;background:#6b72801a;border:1px solid #6b728033}.tc-date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.tc-info-section h3{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.tc-info-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:500px){.tc-info-grid{grid-template-columns:1fr}}.tc-info-item{gap:var(--space-1);flex-direction:column;display:flex}.tc-info-item label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.tc-info-item span{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.tc-info-item.tc-full-width{grid-column:1/-1}.tc-description-text{font-size:var(--font-size-sm);color:var(--text-primary);white-space:pre-wrap;line-height:1.6}.tc-questions-view h3{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.tc-question-points{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-elevated);padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border-color);white-space:nowrap}.tc-options-list{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.tc-option-item{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex}.tc-option-item.correct{background:#10b98114;border-color:#10b9814d}.tc-option-letter{background:var(--bg-primary);border:1px solid var(--border-color);width:24px;height:24px;font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.correct .tc-option-letter{color:#fff;background:#10b981;border-color:#10b981}.tc-option-text{font-size:var(--font-size-sm);color:var(--text-primary);flex:1}.correct .tc-option-text{color:#059669;font-weight:var(--font-weight-medium)}.tc-correct-icon{color:#10b981;flex-shrink:0;width:15px;height:15px}.tc-reason-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:500px;animation:.2s modalSlide;overflow:hidden;box-shadow:0 25px 60px #0000004d}.tc-reason-modal-header{align-items:center;gap:var(--space-3);padding:var(--space-5)var(--space-6);background:#ef44440d;border-bottom:1px solid #ef444426;display:flex}.tc-reason-modal-header .tc-reason-icon{color:#ef4444;background:#ef44441a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tc-reason-modal-header .tc-reason-icon svg{width:18px;height:18px}.tc-reason-modal-header h2{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);flex:1;margin:0}.tc-reason-modal-content{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.tc-reason-course-title{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);display:flex}.tc-reason-course-title h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.tc-reason-course-title svg{width:16px;height:16px;color:var(--primary-500);flex-shrink:0}.tc-reason-box{border-radius:var(--radius-lg);padding:var(--space-4);background:#ef44440a;border:1px solid #ef444426}.tc-reason-label{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex}.tc-reason-label svg{width:13px;height:13px}.tc-reason-text{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;line-height:1.6}.tc-reason-actions{gap:var(--space-3);justify-content:flex-end;display:flex}.tc-error-box{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm);background:#ef444414;border:1px solid #ef444433;display:flex}.tc-error-box svg{flex-shrink:0;width:16px;height:16px}.tc-loading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12);color:var(--text-secondary);font-size:var(--font-size-sm);flex-direction:column;display:flex}.loading-spinner{justify-content:center;align-items:center;gap:var(--space-4);min-height:40vh;color:var(--text-secondary);font-size:var(--font-size-sm);flex-direction:column;display:flex}.teacher-videos{padding:var(--space-6);max-width:1400px;margin:0 auto}.teacher-videos.loading{justify-content:center;align-items:center;min-height:60vh;display:flex}@media (max-width:1024px){.teacher-videos{padding:var(--space-4)}}@media (max-width:768px){.teacher-videos{padding:var(--space-3)}}@media (min-width:1536px){.teacher-videos .tc-modal.tc-detail-view-modal{max-width:1400px}.teacher-videos .tc-modal.tc-detail-view-modal .tv-preview-player{max-width:1200px}}@media (min-width:1280px) and (max-width:1535px){.teacher-videos .tc-modal.tc-detail-view-modal{max-width:1200px}.teacher-videos .tc-modal.tc-detail-view-modal .tv-preview-player{max-width:1100px}}.tv-preview-player{border-radius:var(--radius-xl);border:1px solid var(--border-color);width:100%;max-width:980px;height:0;box-shadow:var(--shadow-md);background:#000;margin:0 auto;padding-top:56.25%;position:relative;overflow:hidden}.tv-preview-player video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.tv-preview-player .tv-player-settings{z-index:5;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:12px;right:12px}.tv-preview-player .tv-player-settings-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0009;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 12px;transition:all .2s;display:inline-flex}.tv-preview-player .tv-player-settings-btn svg{color:#fff;width:16px;height:16px}.tv-preview-player .tv-player-settings-btn:hover{background:#000c;border-color:#fff6;transform:scale(1.05)}.tv-preview-player .tv-player-settings-label{letter-spacing:.2px;font-size:12px;font-weight:700}.tv-preview-player .tv-player-settings-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#000000d9;border:1px solid #ffffff26;border-radius:14px;width:140px;margin-top:8px;overflow:hidden;box-shadow:0 18px 50px #0009}.tv-preview-player .tv-player-settings-item{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.tv-preview-player .tv-player-settings-item:hover{background:#ffffff1a}.tv-preview-player .tv-player-settings-item.active{color:#fff;background:#ffffff26}.tv-preview-player .tv-player-settings-item.active:after{content:"✓";font-size:14px;font-weight:700}.teacher-videos .tc-modal.tc-detail-view-modal{width:92vw;max-width:1040px}.teacher-videos .tc-modal.tc-detail-view-modal .tv-preview-player{max-width:100%}.teacher-videos .tv-quality-selector{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.teacher-videos .tv-quality-selector--compact{gap:6px;margin-top:8px}.teacher-videos .tv-quality-btn{height:28px;color:var(--text-secondary);letter-spacing:.2px;cursor:pointer;background:#0f172a59;border:1px solid #94a3b83d;border-radius:999px;padding:0 10px;font-size:12px;font-weight:600;transition:transform .12s,background .12s,border-color .12s}.teacher-videos .tv-quality-btn:hover{color:#e2e8f0;background:#38bdf81a;border-color:#38bdf852;transform:translateY(-1px)}.teacher-videos .tv-quality-btn.active{color:#bae6fd;background:#38bdf829;border-color:#38bdf873}.tv-table-thumb,.tv-mobile-thumb{position:relative;overflow:hidden}.tv-row-processing td{background:#020617b8!important}.tv-row-processing td:first-child{box-shadow:inset 3px 0 #22c55e8c}.tv-processing{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;pointer-events:auto;background:#000000ad;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.tv-processing__ring{--p:0;background:conic-gradient(#22c55e calc(var(--p)*1%),#ffffff26 0);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 10px 30px #00000059}@keyframes tv-processing-spin{to{transform:rotate(360deg)}}.tv-hls-failed{z-index:6;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:inherit;background:#0f172ad1;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;inset:0}.tv-hls-failed__icon{color:#fbbf24;width:20px;height:20px}.tv-hls-failed__text{color:#fca5a5;font-size:11px;font-weight:600;line-height:1.3}.tv-hls-failed__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#f59e0b 100%);border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 6px 16px #dc262659}.tv-hls-failed__btn svg{width:13px;height:13px}.tv-hls-failed__btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #dc262673}.tv-hls-failed__btn:disabled{opacity:.6;cursor:wait}.tv-hls-failed .tv-hls-spin{animation:1s linear infinite tv-processing-spin}.tv-processing__ring:after{content:"";filter:drop-shadow(0 10px 16px #00000040);border:2px solid #ffffff24;border-top-color:#38bdf8d9;border-radius:50%;grid-area:1/1;width:74px;height:74px;animation:1.1s linear infinite tv-processing-spin}.tv-processing__ring--done:after{border-top-color:#22c55ed9;animation:none}.tv-processing__ring:before{content:"";background:#000000c7;border:1px solid #ffffff26;border-radius:50%;grid-area:1/1;width:52px;height:52px}.tv-processing__value{color:#fff;letter-spacing:.2px;grid-area:1/1;font-size:14px;font-weight:800}.tv-processing__text{color:#fffffff2;text-align:center;max-width:160px;font-size:12px;font-weight:700;line-height:1.2}.tv-preview-loading{z-index:2;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tc-modal.tc-detail-view-modal .tv-status-pill{color:#e2e8f0;letter-spacing:.2px;text-transform:capitalize;background:#0f172a8c;border:1px solid #94a3b847;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.tc-modal.tc-detail-view-modal .tv-status-moderation{color:#bae6fd;background:#38bdf81f;border-color:#38bdf859}.tc-modal.tc-detail-view-modal .tv-status-active,.tc-modal.tc-detail-view-modal .tv-status-finished{color:#bbf7d0;background:#22c55e1f;border-color:#22c55e59}.tc-modal.tc-detail-view-modal .tv-status-error,.tc-modal.tc-detail-view-modal .tv-status-rejected{color:#fecaca;background:#f871711f;border-color:#f8717159}.tc-modal.tc-detail-view-modal .tv-processing-pending,.tc-modal.tc-detail-view-modal .tv-processing-processing{color:#fde68a;background:#fbbf241f;border-color:#fbbf2459}.tc-modal.tc-detail-view-modal .tv-processing-ready,.tc-modal.tc-detail-view-modal .tv-processing-done{color:#bbf7d0;background:#22c55e1f;border-color:#22c55e59}.tc-modal.tc-detail-view-modal .tv-reason-text{color:var(--text-secondary);word-break:break-word;background:#94a3b80f;border:1px dashed #94a3b840;border-radius:12px;padding:10px 12px;line-height:1.5;display:block}@media (max-width:768px){.tc-modal.tc-detail-view-modal{border-radius:0;flex-direction:column;width:100%;height:100vh;max-height:100vh;margin:0;display:flex}.tc-modal.tc-detail-view-modal .tc-modal-body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.tc-modal.tc-detail-view-modal .tv-preview-player{border-radius:0}.tv-header{align-items:stretch;gap:var(--space-3);flex-direction:column}.tv-header-content h1{font-size:var(--font-size-xl)}.tv-create-btn{justify-content:center;width:100%}}@media (max-width:1240px){.tv-table{min-width:980px}}@media (max-width:480px){.tv-table{min-width:920px}}.tv-mobile-list{display:none}@media (max-width:1240px){.tv-table-container{display:none}.tv-mobile-list{gap:var(--space-5);flex-direction:column;display:flex}.tv-mobile-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.tv-mobile-top{justify-content:space-between;gap:var(--space-4);align-items:start;display:flex}.tv-mobile-thumb{border-radius:var(--radius-xl);cursor:pointer;background:#0b1220;border:1px solid #ffffff0f;width:180px;height:102px;position:relative;overflow:hidden}.tv-mobile-thumb img{object-fit:cover;width:100%;height:100%;display:block}.tv-mobile-no-thumb{color:#ffffffb3;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}.tv-mobile-play{opacity:1;background:#00000040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tv-mobile-play svg{color:#ffffffd9;filter:drop-shadow(0 6px 16px #00000080);width:26px;height:26px}.tv-mobile-main{min-width:0}.tv-mobile-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.tv-mobile-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.tv-video-actions--mobile{display:flex;position:relative}.tv-video-actions--mobile .tv-video-dropdown{min-width:220px;margin-right:0;top:calc(100% + 8px);left:auto;right:0}.tv-mobile-meta{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.tv-mobile-order{color:var(--primary-500);font-weight:var(--font-weight-bold);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tv-mobile-dot{color:var(--text-tertiary)}.tv-mobile-divider{height:1px;margin:var(--space-3)0;background:#ffffff0f}.tv-mobile-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.tv-mobile-badge{border-radius:var(--radius-lg);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid #ffffff14;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.tv-mobile-badge svg{width:14px;height:14px;color:var(--text-tertiary)}.tv-mobile-badge.active{color:#34d399;background:#10b9811a;border-color:#10b9812e}.tv-mobile-badge.active svg{color:#34d399}.tv-mobile-stats{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:13px;font-weight:500;display:flex}.tv-mobile-stats span{align-items:center;gap:6px;display:flex}.tv-mobile-stats svg{width:14px;height:14px;color:var(--text-tertiary)}.tv-mobile-info-left{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.tv-mobile-bottom{justify-content:space-between;align-items:flex-end;gap:var(--space-3);display:flex}}@media (max-width:900px){.tv-mobile-top{grid-template-columns:140px 1fr}.tv-mobile-thumb{width:140px;height:78px}}@media (max-width:480px){.tv-mobile-card{padding:var(--space-4)}.tv-mobile-top{grid-template-columns:120px 1fr}.tv-mobile-thumb{width:120px;height:68px}}.tv-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.tv-header-content h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.tv-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.tv-breadcrumb-item{cursor:pointer;transition:color var(--transition-fast)}.tv-breadcrumb-item:hover{color:var(--primary-500)}.tv-breadcrumb-item.active{color:var(--text-primary);font-weight:var(--font-weight-semibold);cursor:default}.tv-breadcrumb-separator{color:var(--text-tertiary)}.tv-create-btn{align-items:center;gap:var(--space-2);width:150px;padding:var(--space-3)var(--space-5);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;box-shadow:0 4px 14px #3b82f659;margin:10px 0 10px 10px!important}.tv-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.tv-create-btn svg{width:18px;height:18px}.tv-course-selector,.tv-month-selector{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}@media (max-width:640px){.tv-course-selector,.tv-month-selector{padding:var(--space-5);border-radius:var(--radius-xl)}}.tv-selector-header{margin-bottom:var(--space-8);text-align:center}.tv-selector-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.tv-selector-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.tv-courses-grid,.tv-months-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (max-width:1024px){.tv-courses-grid,.tv-months-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:640px){.tv-courses-grid,.tv-months-grid{grid-template-columns:1fr}}.tv-course-card,.tv-month-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-fast);cursor:default;position:relative}.tv-course-card:hover,.tv-month-card:hover{border-color:var(--primary-400);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tv-course-card h3,.tv-month-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.tv-month-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.tv-month-title-left{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.tv-month-title-left h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.tv-month-title-left .tv-status-badge{flex-shrink:0;align-self:flex-start}.tv-month-menu{z-index:20;flex-shrink:0;position:relative}.tv-course-stats{gap:var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.tv-course-stats span{align-items:center;gap:var(--space-1);display:flex}.tv-course-stats span svg{width:14px;height:14px;color:var(--primary-500)}.tv-videos-section{gap:var(--space-6);flex-direction:column;display:flex}.tv-filters{align-items:center;gap:var(--space-4);background:var(--bg-surface);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border-color);display:flex}@media (max-width:768px){.tv-filters{align-items:stretch;gap:var(--space-3);flex-direction:column}}.tv-controls{justify-content:space-between;align-items:center;display:flex}@media (max-width:768px){.tv-controls{flex-wrap:wrap}}.tv-search{align-items:center;gap:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:0 var(--space-4);height:44px;transition:all var(--transition-fast);flex:1;display:flex}.tv-search:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.tv-search svg{color:var(--text-tertiary)}.tv-search input{color:var(--text-primary);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.tv-search input::placeholder{color:var(--text-tertiary)}@media (max-width:768px){.tv-search{width:100%}}.tv-table-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);height:70vh;box-shadow:var(--shadow-sm);position:relative;overflow:auto}.tv-table{border-collapse:collapse;text-align:left;width:100%;position:relative}.tv-table thead{background:var(--bg-elevated);border-bottom:1px solid var(--border-color);z-index:10;position:sticky;top:0}.tv-table thead th{padding:var(--space-4)var(--space-6);font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-elevated)}.tv-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.tv-table tbody tr:last-child{border-bottom:none}.tv-table tbody tr:hover{background:rgba(var(--primary-rgb),.02)}.tv-table tbody td{padding:var(--space-4)var(--space-6);vertical-align:middle}.tv-table-video{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-width:250px;display:flex}.tv-table-thumb{border-radius:var(--radius-md);background:var(--bg-elevated);width:120px;height:68px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-shrink:0;overflow:hidden}.tv-table-thumb img{object-fit:cover;width:100%;height:100%}.tv-table-thumb .no-thumb{width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:18px;display:flex}.tv-table-info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0 0 2px;display:-webkit-box;overflow:hidden}.tv-table-info p{color:var(--text-secondary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.tv-table-month{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.tv-table-order{font-family:monospace;font-weight:var(--font-weight-bold);color:var(--primary-500)}.tv-table-features{gap:var(--space-2);display:flex}.tv-table-features .feature-badge{border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold);background:var(--bg-elevated);color:var(--text-tertiary);border:1px solid var(--border-color);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.tv-table-features .feature-badge svg{width:10px;height:10px}.tv-table-features .feature-badge.active{color:#10b981;background:#10b9811a;border-color:#10b98133}.tv-table-date{color:var(--text-tertiary);font-size:12px}.tv-video-actions{justify-content:center;display:flex;position:relative}.tv-month-menu{top:var(--space-3);right:var(--space-3);z-index:20;position:absolute}.tv-month-clickable{cursor:pointer;gap:var(--space-2);flex-direction:column;display:flex}.tv-action-trigger{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.tv-action-trigger:hover{background:var(--bg-surface);color:var(--primary-500);border-color:var(--primary-500)}.tv-video-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;min-width:200px;padding:var(--space-1)0;margin-right:8px;animation:.15s dropdownFade;position:absolute;top:0;right:100%}.tv-video-dropdown button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2)var(--space-4);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.tv-video-dropdown button:hover{background:var(--bg-elevated)}.tv-video-dropdown button.danger{color:#ef4444}.tv-video-dropdown button.danger:hover{background:#ef44440d}.tv-video-dropdown button svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.tv-video-dropdown .dropdown-divider{background:var(--border-color);height:1px;margin:var(--space-1)0}.teacher-video-upload-redesign{color:#f1f5f9;background:#0b1221;min-height:100vh;padding:32px 40px;font-family:Inter,sans-serif}@media (max-width:768px){.teacher-video-upload-redesign{padding:24px 16px}}.teacher-video-upload-redesign .tvu-header{margin-bottom:32px}.teacher-video-upload-redesign .tvu-header h1{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.teacher-video-upload-redesign .tvu-header p{color:#94a3b8;max-width:600px;margin:0;font-size:14px;line-height:1.5}.teacher-video-upload-redesign .tvu-container{flex-direction:column;gap:32px;max-width:900px;margin:0 auto;display:flex}.teacher-video-upload-redesign .tvu-upload-area{cursor:pointer;background:#1e293b66;border:2px dashed #1e293b;border-radius:24px;justify-content:center;align-items:center;height:400px;transition:all .2s;display:flex;position:relative}.teacher-video-upload-redesign .tvu-upload-area:hover{background:#1e293b99;border-color:#3b82f6}.teacher-video-upload-redesign .tvu-upload-area .upload-camera-icon{color:#94a3b8;background:#1e293b;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.teacher-video-upload-redesign .tvu-upload-area .upload-camera-icon:hover{color:#fff;background:#334155}.teacher-video-upload-redesign .tvu-upload-area .upload-placeholder{text-align:center;flex-direction:column;align-items:center;display:flex}.teacher-video-upload-redesign .tvu-upload-area .upload-placeholder .icon-box{color:#3b82f6;background:#1e293b;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;font-size:24px;display:flex}.teacher-video-upload-redesign .tvu-upload-area .upload-placeholder h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.teacher-video-upload-redesign .tvu-upload-area .upload-placeholder p{color:#94a3b8;margin:0 0 24px;font-size:14px}.teacher-video-upload-redesign .tvu-upload-area .upload-placeholder .file-limits{color:#64748b;text-transform:uppercase;letter-spacing:.5px;gap:16px;font-size:11px;font-weight:700;display:flex}.teacher-video-upload-redesign .tvu-upload-area .upload-placeholder .file-limits span{align-items:center;gap:6px;display:flex}.teacher-video-upload-redesign .upload-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1200;background:#020617b8;justify-content:center;align-items:center;padding:16px;animation:.2s fadeInOverlay;display:flex;position:fixed;inset:0}.teacher-video-upload-redesign .upload-modal{color:#f1f5f9;background:linear-gradient(#111c31 0%,#0c1426 100%);border:1px solid #94a3b833;border-radius:22px;width:min(560px,100%);animation:.25s modalRiseIn;overflow:hidden;box-shadow:0 22px 80px #02061799,inset 0 1px #ffffff0a}.teacher-video-upload-redesign .upload-modal .upload-modal-header{border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.teacher-video-upload-redesign .upload-modal .upload-modal-header h3{color:#e2e8f0;margin:0;font-size:18px;font-weight:700}.teacher-video-upload-redesign .upload-modal .upload-modal-header button{color:#cbd5e1;cursor:pointer;background:#0f172abf;border:1px solid #94a3b833;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.teacher-video-upload-redesign .upload-modal .upload-modal-header button:hover{color:#f8fafc;background:#1e293bf2;border-color:#94a3b852}.teacher-video-upload-redesign .upload-modal .upload-modal-body{padding:22px 20px}.teacher-video-upload-redesign .upload-modal .modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.teacher-video-upload-redesign .upload-modal .modal-actions .btn-cancel,.teacher-video-upload-redesign .upload-modal .modal-actions .btn-confirm{cursor:pointer;border:none;border-radius:12px;min-width:112px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.teacher-video-upload-redesign .upload-modal .modal-actions .btn-cancel{color:#cbd5e1;background:#94a3b824;border:1px solid #94a3b833}.teacher-video-upload-redesign .upload-modal .modal-actions .btn-cancel:hover{color:#f1f5f9;background:#94a3b838}.teacher-video-upload-redesign .upload-modal .modal-actions .btn-confirm{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);box-shadow:0 8px 20px #2563eb59}.teacher-video-upload-redesign .upload-modal .modal-actions .btn-confirm:hover{transform:translateY(-1px);box-shadow:0 12px 26px #2563eb66}.teacher-video-upload-redesign .upload-modal .upload-progress-bar{background:#1e293be6;border:1px solid #94a3b829;border-radius:999px;width:100%;height:13px;margin:8px 0 16px;position:relative;overflow:hidden}.teacher-video-upload-redesign .upload-modal .upload-progress-bar .fill{border-radius:inherit;background:linear-gradient(90deg,#2563eb 0%,#22d3ee 100%);height:100%;transition:width .35s;box-shadow:0 0 18px #22d3ee59}.teacher-video-upload-redesign .upload-modal .upload-progress-bar span{color:#93c5fd;font-size:12px;font-weight:700;position:absolute;top:-28px;right:10px}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps{flex-direction:column;gap:14px;padding:4px 2px;display:flex}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step{background:#1e293b73;border:1px solid #94a3b81f;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;transition:all .3s;display:flex}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step__icon{color:#64748b;background:#94a3b81a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step__icon svg{width:18px;height:18px}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step__info{flex:1;min-width:0}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step__top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step__label{color:#94a3b8;font-size:14px;font-weight:600;transition:color .3s}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step__pct{color:#93c5fd;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step__bar{background:#0f172acc;border-radius:999px;width:100%;height:6px;overflow:hidden}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step__fill{border-radius:inherit;background:linear-gradient(90deg,#2563eb 0%,#22d3ee 100%);width:0;height:100%;transition:width .4s}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step.is-active{background:#2563eb14;border-color:#3b82f666;box-shadow:0 0 24px #2563eb1f}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step.is-active .tvu-proc-step__icon{color:#60a5fa;background:#3b82f626}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step.is-active .tvu-proc-step__label{color:#e2e8f0}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step.is-done{background:#10b98112;border-color:#34d39947}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step.is-done .tvu-proc-step__icon{color:#34d399;background:#10b98129}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step.is-done .tvu-proc-step__label{color:#a7f3d0}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step.is-done .tvu-proc-step__pct{color:#34d399}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step.is-done .tvu-proc-step__fill{background:linear-gradient(90deg,#059669 0%,#34d399 100%)}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-step.is-pending{opacity:.55}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-spin{animation:1.2s linear infinite tv-processing-spin}.teacher-video-upload-redesign .upload-modal .tvu-proc-steps .tvu-proc-hint{text-align:center;color:#64748b;margin:2px 0 0;font-size:12.5px}.teacher-video-upload-redesign .upload-modal .upload-success,.teacher-video-upload-redesign .upload-modal .upload-error-msg{text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.teacher-video-upload-redesign .upload-modal .upload-success svg,.teacher-video-upload-redesign .upload-modal .upload-error-msg svg{width:28px;height:28px}.teacher-video-upload-redesign .upload-modal .upload-success p,.teacher-video-upload-redesign .upload-modal .upload-error-msg p{margin:0;font-size:15px;line-height:1.45}.teacher-video-upload-redesign .upload-modal .upload-success{color:#d1fae5;background:#10b9811f;border:1px solid #34d39952}.teacher-video-upload-redesign .upload-modal .upload-success svg{color:#34d399}.teacher-video-upload-redesign .upload-modal .upload-success .btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:12px;margin-top:6px;padding:10px 18px;font-weight:700;transition:all .2s}.teacher-video-upload-redesign .upload-modal .upload-success .btn-confirm:hover{transform:translateY(-1px);box-shadow:0 10px 22px #10b98147}.teacher-video-upload-redesign .upload-modal .upload-error-msg{color:#fecaca;background:#ef444424;border:1px solid #f8717157}.teacher-video-upload-redesign .upload-modal .upload-error-msg svg{color:#f87171}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes modalRiseIn{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:640px){.teacher-video-upload-redesign .upload-modal{border-radius:16px}.teacher-video-upload-redesign .upload-modal .upload-modal-header,.teacher-video-upload-redesign .upload-modal .upload-modal-body{padding:14px}.teacher-video-upload-redesign .upload-modal .modal-actions .btn-cancel,.teacher-video-upload-redesign .upload-modal .modal-actions .btn-confirm{min-width:96px;padding:9px 12px}}.teacher-video-upload-redesign .tvu-preview-area{background:#000;border:1px solid #1e293b;border-radius:24px;width:100%;overflow:hidden}.teacher-video-upload-redesign .tvu-quality-section{background:#111827;border-top:1px solid #1e293b;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.teacher-video-upload-redesign .tvu-quality-section .quality-list{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.teacher-video-upload-redesign .tvu-quality-section .quality-badge{background:#1e293b;border:1px solid #0000;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.teacher-video-upload-redesign .tvu-quality-section .quality-badge.supported{color:#10b981;background:#10b9811a;border-color:#10b98133}.teacher-video-upload-redesign .tvu-quality-section .quality-badge.unsupported{color:#ef4444;opacity:.6;background:#ef44441a;border-color:#ef444433}.teacher-video-upload-redesign .tvu-quality-section .quality-badge.low-quality{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.teacher-video-upload-redesign .tvu-quality-section .quality-badge svg{font-size:16px}.teacher-video-upload-redesign .tvu-quality-section .quality-warning{color:#f59e0b;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.teacher-video-upload-redesign .tvu-quality-section .quality-warning svg{font-size:16px}.teacher-video-upload-redesign .tvu-video-player{aspect-ratio:16/9;width:100%;position:relative}.teacher-video-upload-redesign .tvu-video-player video{object-fit:contain;width:100%;height:100%}.teacher-video-upload-redesign .tvu-video-player .tvu-cover-overlay{z-index:5;cursor:pointer;position:absolute;inset:0}.teacher-video-upload-redesign .tvu-video-player .tvu-cover-overlay img{object-fit:cover;width:100%;height:100%}.teacher-video-upload-redesign .tvu-video-player .tvu-player-controls{z-index:10;background:#0003;flex-direction:column;justify-content:space-between;padding:20px;transition:opacity .2s;display:flex;position:absolute;inset:0}.teacher-video-upload-redesign .tvu-video-player .top-controls{justify-content:flex-end;gap:12px;display:flex}.teacher-video-upload-redesign .tvu-video-player .top-controls .btn-control{color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.teacher-video-upload-redesign .tvu-video-player .top-controls .btn-control:hover{background:#000c;transform:scale(1.05)}.teacher-video-upload-redesign .tvu-video-player .top-controls .btn-control.btn-remove:hover{background:#ef4444cc}.teacher-video-upload-redesign .tvu-video-player .center-controls{flex:1;justify-content:center;align-items:center;display:flex}.teacher-video-upload-redesign .tvu-video-player .center-controls .btn-center-action{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.teacher-video-upload-redesign .tvu-video-player .center-controls .btn-center-action:hover{background:#fff3;transform:scale(1.05)}.teacher-video-upload-redesign .tvu-video-player .bottom-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:16px;padding:12px 16px;display:flex}.teacher-video-upload-redesign .tvu-video-player .bottom-controls .btn-play-sm{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.teacher-video-upload-redesign .tvu-video-player .bottom-controls .btn-play-sm:hover{background:#2563eb}.teacher-video-upload-redesign .tvu-video-player .bottom-controls .video-progress{background:#ffffff1a;border-radius:2px;flex:1;height:4px;overflow:hidden}.teacher-video-upload-redesign .tvu-video-player .bottom-controls .video-progress .progress-fill{background:#3b82f6;border-radius:2px;height:100%}.teacher-video-upload-redesign .tvu-video-player .bottom-controls .video-time{color:#94a3b8;font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.teacher-video-upload-redesign .tvu-video-player .bottom-controls .video-time .video-size-badge{color:#f1f5f9;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:6px;padding:2px 8px;font-size:11px}.teacher-video-upload-redesign .tvu-form{flex-direction:column;gap:24px;display:flex}.teacher-video-upload-redesign .tvu-form .form-row{gap:24px;display:flex}.teacher-video-upload-redesign .tvu-form .form-row .half{flex:1}@media (max-width:640px){.teacher-video-upload-redesign .tvu-form .form-row{flex-direction:column}}.teacher-video-upload-redesign .tvu-form .form-group{flex-direction:column;gap:8px;display:flex}.teacher-video-upload-redesign .tvu-form .form-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.teacher-video-upload-redesign .tvu-form .form-group input,.teacher-video-upload-redesign .tvu-form .form-group textarea,.teacher-video-upload-redesign .tvu-form .form-group .select-wrapper{color:#fff;background:#111827;border:1px solid #0000;border-radius:12px;width:100%;font-size:15px;transition:all .2s}.teacher-video-upload-redesign .tvu-form .form-group input:focus,.teacher-video-upload-redesign .tvu-form .form-group input:focus-within,.teacher-video-upload-redesign .tvu-form .form-group textarea:focus,.teacher-video-upload-redesign .tvu-form .form-group textarea:focus-within,.teacher-video-upload-redesign .tvu-form .form-group .select-wrapper:focus,.teacher-video-upload-redesign .tvu-form .form-group .select-wrapper:focus-within{background:#151e32;border-color:#3b82f6;outline:none}.teacher-video-upload-redesign .tvu-form .form-group input::placeholder,.teacher-video-upload-redesign .tvu-form .form-group textarea::placeholder,.teacher-video-upload-redesign .tvu-form .form-group .select-wrapper::placeholder{color:#475569}.teacher-video-upload-redesign .tvu-form .form-group input,.teacher-video-upload-redesign .tvu-form .form-group textarea{padding:14px 16px}.teacher-video-upload-redesign .tvu-form .form-group textarea{resize:none;line-height:1.5}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap{width:100%;position:relative}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap .hashtag-chips{background:#111827;border:1px solid #0000;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-height:52px;padding:10px 12px;transition:all .2s;display:flex}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap .hashtag-chips:focus-within{background:#151e32;border-color:#3b82f6;outline:none}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap .hashtag-chips input{flex:1;min-width:160px;height:28px;line-height:28px;box-shadow:none!important;color:#e2e8f0!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;margin:0!important;padding:0!important;font-size:14px!important}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap .hashtag-chips input::placeholder{color:#475569!important}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap .hashtag-tag{color:#bfdbfe;cursor:pointer;background:#2563eb2e;border:1px solid #3b82f673;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .2s;display:inline-flex}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap .hashtag-tag:hover{color:#dbeafe;background:#2563eb47}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap .hashtag-dropdown{z-index:120;background:#0f172a;border:1px solid #94a3b833;border-radius:12px;max-height:220px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #02061773}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap .hashtag-option{text-align:left;color:#e2e8f0;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;display:flex}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap .hashtag-option:hover{background:#3b82f61f}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap .hashtag-create{color:#93c5fd;border-top:1px solid #94a3b826}.teacher-video-upload-redesign .tvu-form .form-group .hashtag-input-wrap .hashtag-loading{cursor:default;color:#94a3b8}.teacher-video-upload-redesign .tvu-form .form-group .select-wrapper{position:relative}.teacher-video-upload-redesign .tvu-form .form-group .select-wrapper select{color:#fff;appearance:none;cursor:pointer;background:0 0;border:none;width:100%;padding:14px 16px;font-size:15px}.teacher-video-upload-redesign .tvu-form .form-group .select-wrapper select option{color:#fff;background:#1e293b;padding:10px}.teacher-video-upload-redesign .tvu-form .form-group .select-wrapper .select-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.teacher-video-upload-redesign .tvu-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:500;display:flex}.teacher-video-upload-redesign .tvu-actions{justify-content:flex-end;gap:16px;margin-top:16px;display:flex}.teacher-video-upload-redesign .tvu-actions .btn-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:12px 24px;font-size:14px;font-weight:600}.teacher-video-upload-redesign .tvu-actions .btn-cancel:hover{color:#fff}.teacher-video-upload-redesign .tvu-actions .btn-upload{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.teacher-video-upload-redesign .tvu-actions .btn-upload:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.teacher-video-upload-redesign .tvu-actions .btn-upload:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.tv-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.tv-status-badge.status-draft{color:#9ca3af;background:#6b728026;border:1px solid #6b72804d}.tv-status-badge.status-approved{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.tv-status-badge.status-moderation{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}.tv-status-badge.status-rejected{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.tv-status-badge svg{width:12px;height:12px}.tv-status-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tv-filter-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.tv-filter-btn:hover{border-color:var(--primary-300);color:var(--text-primary)}.tv-filter-btn.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.tv-filter-btn svg{width:13px;height:13px}.tv-submit-moderation-btn{margin-top:var(--space-2);border-radius:var(--radius-md);color:#fbbf24;cursor:pointer;transition:all var(--transition-fast);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.tv-submit-moderation-btn:hover{background:#f59e0b33;border-color:#f59e0b80}.tv-submit-moderation-btn svg{width:14px;height:14px}.tv-submit-moderation-btn-sm{border-radius:var(--radius-md);color:#fbbf24;cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:#f59e0b1a;border:1px solid #f59e0b4d;justify-content:center;align-items:center;margin-left:6px;display:inline-flex}.tv-submit-moderation-btn-sm:hover{background:#f59e0b33;border-color:#f59e0b80}.tv-submit-moderation-btn-sm svg{width:14px;height:14px}.tv-table-status{align-items:center;gap:4px;display:flex}.tv-rejection-reason{margin-top:var(--space-1);color:#f87171;align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;display:flex}.tv-rejection-reason svg{flex-shrink:0;width:13px;height:13px;margin-top:2px}.tv-controls-actions{align-items:center;gap:var(--space-2);display:flex}.tv-submit-all-btn{border-radius:var(--radius-md);color:#fbbf24;cursor:pointer;transition:all var(--transition-fast);background:#f59e0b1f;border:1px solid #f59e0b66;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.tv-submit-all-btn:hover{background:#f59e0b38;border-color:#f59e0b99}.tv-submit-all-btn svg{width:15px;height:15px}.tv-moderation-error{margin-bottom:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);color:#f87171;background:#ef444414;border:1px solid #ef444433;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.tv-moderation-error svg{flex-shrink:0;width:14px;height:14px}.tv-moderation-hint{margin-top:var(--space-2);color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;font-style:italic;display:flex}.tv-moderation-hint svg{width:13px;height:13px}.teacher-reels{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.teacher-reels__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.teacher-reels__header h1{font-size:var(--font-size-3xl);color:var(--text-primary);margin:0;font-weight:800}.teacher-reels__subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:6px 0 0}.teacher-reels__actions{gap:var(--space-3);align-items:center;display:flex}.teacher-reels__actions .btn,.teacher-reels__actions .btn-add-device,.teacher-reels__actions .btn-refresh,.teacher-reels__actions .btn-logout-all{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.teacher-reels__controls{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.tr-search{flex:1;min-width:280px;position:relative}.tr-search svg{color:var(--text-tertiary);font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tr-search input{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-surface);width:100%;color:var(--text-primary);outline:none;padding:12px 14px 12px 42px;transition:all .2s}.tr-search input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61f}.tr-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tr-filters select{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-primary);outline:none;padding:10px 12px;transition:all .2s}.tr-filters select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61f}.tr-view{background:var(--bg-secondary);border-radius:var(--radius-xl);gap:6px;padding:6px;display:flex}.tr-view button{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.tr-view button:hover{background:var(--bg-surface);color:var(--text-primary)}.tr-view button.active{background:var(--primary-500);color:#fff}.tr-loading,.tr-error,.tr-empty{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center}.tr-loading h3,.tr-error h3,.tr-empty h3{color:var(--text-primary);font-weight:800;font-size:var(--font-size-xl);margin:0 0 8px}.tr-loading p,.tr-error p,.tr-empty p{color:var(--text-secondary);margin:0 0 16px}.tr-loading .btn,.tr-loading .btn-add-device,.tr-loading .btn-refresh,.tr-loading .btn-logout-all,.tr-error .btn,.tr-error .btn-add-device,.tr-error .btn-refresh,.tr-error .btn-logout-all,.tr-empty .btn,.tr-empty .btn-add-device,.tr-empty .btn-refresh,.tr-empty .btn-logout-all{align-items:center;gap:10px;display:inline-flex}.tr-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.tr-list{gap:var(--space-4);flex-direction:column;display:flex}.tr-list .tr-card{gap:var(--space-4);grid-template-columns:140px 1fr;display:grid}@media (max-width:640px){.tr-list .tr-card{grid-template-columns:1fr}}.tr-list .tr-card .tr-thumb{aspect-ratio:9/16;height:auto}@media (max-width:640px){.tr-list .tr-card .tr-thumb{aspect-ratio:16/9}}.tr-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);transition:all .2s;overflow:hidden}.tr-card:hover{box-shadow:var(--shadow-lg);border-color:#3b82f659;transform:translateY(-2px)}.tr-thumb{aspect-ratio:9/16;cursor:pointer;background:linear-gradient(135deg,#3b82f626,#9333ea1f) 50%/cover;position:relative}.tr-thumb__overlay{color:#fff;opacity:0;background:#0000002e;justify-content:center;align-items:center;font-size:32px;transition:opacity .2s;display:flex;position:absolute;inset:0}.tr-thumb__overlay svg{filter:drop-shadow(0 10px 18px #00000059)}.tr-thumb:hover .tr-thumb__overlay{opacity:1}.tr-thumb__meta{justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.tr-processing{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:25;pointer-events:auto;background:#000000ad;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.tr-processing__ring{--p:0;background:conic-gradient(#22c55e calc(var(--p)*1%),#ffffff26 0);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 10px 30px #00000059}@keyframes tr-processing-spin{to{transform:rotate(360deg)}}.tr-processing__ring:after{content:"";filter:drop-shadow(0 10px 16px #00000040);border:2px solid #ffffff24;border-top-color:#38bdf8d9;border-radius:50%;grid-area:1/1;width:74px;height:74px;animation:1.1s linear infinite tr-processing-spin}.tr-processing__ring--done:after{border-top-color:#22c55ed9;animation:none}.tr-processing__ring:before{content:"";background:#000000c7;border:1px solid #ffffff26;border-radius:50%;grid-area:1/1;width:52px;height:52px}.tr-processing__value{color:#fff;letter-spacing:.2px;grid-area:1/1;font-size:14px;font-weight:800}.tr-processing__text{color:#fffffff2;text-align:center;max-width:160px;padding:0 10px;font-size:12px;font-weight:700;line-height:1.2}.tr-duration{color:#fff;background:#000000b3;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.tr-menu{position:relative}.tr-menu__trigger{color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.tr-menu__trigger:hover{background:#000000bf;transform:scale(1.03)}.tr-menu__dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);min-width:170px;box-shadow:var(--shadow-lg);z-index:30;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden}.tr-menu__dropdown button{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.tr-menu__dropdown button:hover{background:var(--bg-secondary)}.tr-menu__dropdown button.danger{color:var(--error-600)}.tr-menu__dropdown button.danger:hover{background:#ef444414}.tr-info{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.tr-info__top{flex-direction:column;gap:6px;display:flex}.tr-title{font-size:var(--font-size-lg);color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:800;display:-webkit-box;overflow:hidden}.tr-caption{font-size:var(--font-size-sm);color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.tr-stats{flex-wrap:wrap;gap:12px;display:flex}.tr-stat{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:inline-flex}.tr-stat svg{font-size:14px}.tr-modal__overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1200;padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tr-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-3xl);width:100%;max-width:920px;overflow:hidden}.tr-modal__header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;display:flex}.tr-modal__header h3{color:var(--text-primary);font-weight:900;font-size:var(--font-size-lg);margin:0}.tr-modal__header p{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.tr-modal__close{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-surface);width:42px;height:42px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;display:flex}.tr-modal__body{padding:var(--space-6);gap:var(--space-6);grid-template-columns:380px 1fr 320px;align-items:start;display:grid}@media (max-width:900px){.tr-modal__body{grid-template-columns:1fr}}.tr-modal__video{border-radius:var(--radius-2xl);background:#000;flex-direction:column;display:flex;position:relative;overflow:hidden}.tr-modal__video video{object-fit:contain;background:#000;width:100%;height:auto;max-height:70vh}.tr-modal__video .tr-video-badges{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;right:16px}.tr-modal__video .tr-video-badges .tr-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 12px #0000004d}.tr-modal__video .tr-video-badges .tr-badge svg{font-size:14px}.tr-modal__video .tr-video-badges .tr-badge--ai{background:#9333ea99;border-color:#a855f766}.tr-modal__video .tr-video-badges .tr-badge--comments-on{background:#10b98199}.tr-modal__video .tr-video-badges .tr-badge--comments-off{background:#ef444499}.tr-modal__video .tr-modal__hashtags{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.tr-modal__video .tr-modal__hashtags .tr-hashtag{color:var(--primary-500);cursor:pointer;font-size:13px;font-weight:700}.tr-modal__video .tr-modal__hashtags .tr-hashtag:hover{text-decoration:underline}.tr-comments{gap:var(--space-4);flex-direction:column;min-height:0;display:flex}.tr-comments__header{justify-content:space-between;align-items:center;display:flex}.tr-comments__title{color:var(--text-primary);align-items:center;gap:10px;font-weight:900;display:inline-flex}.tr-comments__title svg{color:var(--primary-500)}.tr-comments__count{color:var(--text-secondary);font-weight:700}.tr-comments__composer{gap:10px;display:flex}.tr-comments__composer input{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-surface);min-width:0;color:var(--text-primary);outline:none;flex:1;padding:10px 12px;transition:all .2s}.tr-comments__composer input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61f}.tr-comments__send{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--primary-500);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.tr-comments__send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #3b82f638}.tr-comments__send:disabled{opacity:.6;cursor:not-allowed}.tr-comments__list{border:1px solid var(--border-color);border-radius:var(--radius-2xl);background:var(--bg-surface);min-height:0;padding:var(--space-4);flex:1;overflow:auto}.tr-comments__loading,.tr-comments__empty{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center;padding:10px}.tr-comment{grid-template-columns:38px 1fr;gap:12px;padding:10px 0;display:grid}.tr-comment:not(:last-child){border-bottom:1px solid var(--border-color)}.tr-comment__avatar{background:var(--bg-secondary);border-radius:999px;width:38px;height:38px;overflow:hidden}.tr-comment__avatar img{object-fit:cover;width:100%;height:100%}.tr-comment__avatar-fallback{background:linear-gradient(135deg,#3b82f633,#9333ea2e);width:100%;height:100%}.tr-comment__meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.tr-comment__user{color:var(--text-primary);font-size:13px;font-weight:800}.tr-comment__date{color:var(--text-tertiary);font-size:12px}.tr-comment__text{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:13px}.tr-modal__caption{padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-2xl);background:var(--bg-surface);color:var(--text-primary);white-space:pre-wrap}.tr-modal__stats{flex-wrap:wrap;gap:12px;display:flex}.teacher-upload-reels-redesign{color:#f1f5f9;--bg-surface:#1e293b;--border-color:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--primary-500:#3b82f6;background:#0f172a;min-height:100vh;padding:0}.teacher-upload-reels-redesign .tur-header{background:0 0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}@media (max-width:768px){.teacher-upload-reels-redesign .tur-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}}.teacher-upload-reels-redesign .tur-header-content h1{color:#fff;margin:0 0 4px;font-size:24px;font-weight:700}.teacher-upload-reels-redesign .tur-header-content p{color:#64748b;margin:0;font-size:14px}.teacher-upload-reels-redesign .tur-header-actions{gap:12px;display:flex}.teacher-upload-reels-redesign .tur-header-actions .btn-cancel{color:#f1f5f9;cursor:pointer;background:0 0;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .2s}.teacher-upload-reels-redesign .tur-header-actions .btn-cancel:hover{opacity:.8}.teacher-upload-reels-redesign .tur-header-actions .btn-publish{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.teacher-upload-reels-redesign .tur-header-actions .btn-publish:hover{background:#2563eb}.teacher-upload-reels-redesign .tur-header-actions .btn-publish:disabled{opacity:.5;cursor:not-allowed}.teacher-upload-reels-redesign .tur-container{max-width:1600px;margin:0 auto;padding:0 32px 32px}@media (max-width:768px){.teacher-upload-reels-redesign .tur-container{padding:0 16px 16px}}.teacher-upload-reels-redesign .tur-upload-area{cursor:pointer;background:#1e293b;border:2px dashed #334155;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;height:600px;margin-top:40px;transition:all .3s;display:flex}.teacher-upload-reels-redesign .tur-upload-area:hover,.teacher-upload-reels-redesign .tur-upload-area.drag-active{background:#3b82f60d;border-color:#3b82f6}.teacher-upload-reels-redesign .tur-upload-area .upload-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.teacher-upload-reels-redesign .tur-upload-area .icon-circle{background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.teacher-upload-reels-redesign .tur-upload-area .icon-circle svg{color:#3b82f6;font-size:32px}.teacher-upload-reels-redesign .tur-upload-area h3{color:#fff;margin:0 0 8px;font-size:24px;font-weight:600}.teacher-upload-reels-redesign .tur-upload-area p{color:#94a3b8;margin:0 0 24px}.teacher-upload-reels-redesign .tur-upload-area .file-limits{color:#64748b;background:#0f172a;border-radius:100px;padding:6px 12px;font-size:12px}.teacher-upload-reels-redesign .tur-split-view{grid-template-columns:400px 1fr;gap:32px;margin-top:20px;display:grid}@media (max-width:1024px){.teacher-upload-reels-redesign .tur-split-view{grid-template-columns:1fr}}.teacher-upload-reels-redesign .tur-left-col{position:sticky;top:24px}@media (max-width:1024px){.teacher-upload-reels-redesign .tur-left-col{max-width:400px;margin:0 auto;position:static}}.teacher-upload-reels-redesign .tur-video-preview{aspect-ratio:9/16;background:#000;border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.teacher-upload-reels-redesign .tur-video-preview video{object-fit:cover;width:100%;height:100%}.teacher-upload-reels-redesign .tur-video-preview .tur-thumbnail-overlay{z-index:1;width:100%;height:100%;position:absolute;inset:0}.teacher-upload-reels-redesign .tur-video-preview .tur-thumbnail-overlay img{object-fit:cover;width:100%;height:100%}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay{z-index:2;background:#0003;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:absolute;inset:0}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-top-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-top-controls .btn-upload-cover{color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-top-controls .btn-upload-cover:hover{background:#3b82f6cc}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-top-controls .btn-remove-video{color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-top-controls .btn-remove-video:hover{background:#ef4444cc}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-center-controls{flex:1;justify-content:center;align-items:center;display:flex}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-center-controls .btn-preview-play,.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-center-controls .btn-upload-cover-center{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-weight:600;transition:transform .2s;display:flex}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-center-controls .btn-preview-play:hover,.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-center-controls .btn-upload-cover-center:hover{background:#ffffff40;transform:scale(1.05)}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-center-controls .btn-preview-play svg,.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-center-controls .btn-upload-cover-center svg{font-size:20px}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-bottom-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1c1c1ecc;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-bottom-controls .btn-play-sm{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-bottom-controls .btn-play-sm svg{margin-left:2px;font-size:20px}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-bottom-controls .video-progress{background:#fff3;border-radius:2px;flex:1;height:4px;overflow:hidden}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-bottom-controls .video-progress .progress-fill{background:#3b82f6;border-radius:2px;height:100%}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-bottom-controls .video-time{color:#fffc;white-space:nowrap;font-size:12px;font-weight:600}.teacher-upload-reels-redesign .tur-video-preview .tur-video-overlay .tur-video-bottom-controls .video-time .divider{opacity:.5;margin:0 4px}.teacher-upload-reels-redesign .tur-right-col{flex-direction:column;gap:24px;display:flex}.teacher-upload-reels-redesign .tur-form-section{background:#1e293b;border:1px solid #334155;border-radius:24px;flex-direction:column;gap:24px;padding:32px;display:flex}.teacher-upload-reels-redesign .tur-form-section .form-group{flex-direction:column;gap:10px;display:flex}.teacher-upload-reels-redesign .tur-form-section .form-group label{letter-spacing:.5px;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700}.teacher-upload-reels-redesign .tur-form-section .form-group input,.teacher-upload-reels-redesign .tur-form-section .form-group textarea{color:#fff;background:#2c3545;border:1px solid #0000;border-radius:12px;padding:16px;font-size:15px;transition:all .2s}.teacher-upload-reels-redesign .tur-form-section .form-group input:focus,.teacher-upload-reels-redesign .tur-form-section .form-group textarea:focus{background:#334155;border-color:#3b82f6;outline:none}.teacher-upload-reels-redesign .tur-form-section .form-group input::placeholder,.teacher-upload-reels-redesign .tur-form-section .form-group textarea::placeholder{color:#64748b}.teacher-upload-reels-redesign .tur-form-section .form-group textarea{resize:none}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap{width:100%;position:relative}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-chips{background:#2c3545;border:1px solid #0000;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:54px;padding:10px 16px;transition:all .2s;display:flex}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-chips:focus-within{background:#334155;border-color:#3b82f6}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-chips .hashtag-tag{color:#60a5fa;-webkit-user-select:none;user-select:none;background:#3b82f626;border:1px solid #3b82f633;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;line-height:1;animation:.2s ease-out chipIn;display:flex}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-chips .hashtag-tag:hover{background:#3b82f638;border-color:#3b82f659}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-chips .hashtag-tag button{color:#e2e8f0;cursor:pointer;opacity:.85;background:#0f172a59;border:1px solid #94a3b82e;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:flex}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-chips .hashtag-tag button:hover{opacity:1;color:#fca5a5;background:#ef44442e;border-color:#ef444459}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-chips .hashtag-tag button svg{font-size:14px}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-chips input{flex:1;min-width:120px;height:30px;line-height:30px;color:#e2e8f0!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;margin:0!important;padding:0!important;font-size:14px!important;transition:none!important}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-chips input:focus{box-shadow:none!important}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-chips input::placeholder{color:#64748b!important}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown{z-index:2500;background:#1e293b;border:1px solid #334155;border-radius:16px;max-height:250px;padding:8px;animation:.2s ease-out dropdownSlide;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 30px #0000004d}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown::-webkit-scrollbar{width:6px}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown .hashtag-option{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown .hashtag-option:hover{background:#3b82f61a}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown .hashtag-option.active{background:#3b82f629;outline:1px solid #3b82f647}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown .hashtag-option:active{transform:translateY(1px)}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown .hashtag-option .hash{color:#3b82f6;background:#272f3f;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown .hashtag-option .name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown .hashtag-option .count{color:#64748b;background:#0003;border-radius:6px;flex:none;padding:2px 8px;font-size:11px}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown .hashtag-create{color:#94a3b8;cursor:pointer;border-top:1px solid #334155;margin-top:4px;padding:12px 14px;font-size:13px;transition:all .2s}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown .hashtag-create:hover{color:#fff;background:#3b82f61a}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown .hashtag-create strong{color:#3b82f6;margin-left:4px}.teacher-upload-reels-redesign .tur-form-section .hashtag-input-wrap .hashtag-dropdown .hashtag-loading{text-align:center;color:#64748b;padding:20px;font-size:13px}.teacher-upload-reels-redesign .tur-settings-grid{grid-template-columns:1fr;gap:24px;display:grid}.teacher-upload-reels-redesign .tur-card-setting{background:#1e293b;border:1px solid #334155;border-radius:24px;align-items:center;gap:20px;padding:24px;display:flex}.teacher-upload-reels-redesign .tur-card-setting .setting-icon{color:#3b82f6;background:#3b82f61a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.teacher-upload-reels-redesign .tur-card-setting .setting-info{flex:1}.teacher-upload-reels-redesign .tur-card-setting .setting-info .setting-title{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.teacher-upload-reels-redesign .tur-card-setting .setting-info .setting-desc{color:#94a3b8;font-size:13px}.teacher-upload-reels-redesign .tur-card-setting .switch{width:50px;height:28px;display:inline-block;position:relative}.teacher-upload-reels-redesign .tur-card-setting .switch input{opacity:0;width:0;height:0}.teacher-upload-reels-redesign .tur-card-setting .switch .slider{cursor:pointer;background-color:#334155;transition:all .4s;position:absolute;inset:0}.teacher-upload-reels-redesign .tur-card-setting .switch .slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}.teacher-upload-reels-redesign .tur-card-setting .switch .slider.round{border-radius:34px}.teacher-upload-reels-redesign .tur-card-setting .switch .slider.round:before{border-radius:50%}.teacher-upload-reels-redesign .tur-card-setting .switch input:checked+.slider{background-color:#3b82f6}.teacher-upload-reels-redesign .tur-card-setting .switch input:checked+.slider:before{transform:translate(22px)}.teacher-upload-reels-redesign .tur-info-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:640px){.teacher-upload-reels-redesign .tur-info-row{grid-template-columns:1fr}}.teacher-upload-reels-redesign .tur-info-card{background:#1e293b;border:1px solid #334155;border-radius:20px;align-items:center;gap:16px;padding:20px;display:flex}.teacher-upload-reels-redesign .tur-info-card .info-icon{color:#94a3b8;background:#272f3f;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.teacher-upload-reels-redesign .tur-info-card .info-content .info-label{color:#64748b;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700}.teacher-upload-reels-redesign .tur-info-card .info-content .info-value{color:#fff;font-size:15px;font-weight:700}.teacher-upload-reels-redesign .tur-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172acc;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.teacher-upload-reels-redesign .tur-modal{background:#1e293b;border:1px solid #334155;border-radius:28px;width:100%;max-width:480px;animation:.4s cubic-bezier(.16,1,.3,1) modalRiseIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.teacher-upload-reels-redesign .tur-modal.status-modal{max-width:400px}.teacher-upload-reels-redesign .tur-modal .tur-modal-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.teacher-upload-reels-redesign .tur-modal .tur-modal-header h3{color:#fff;margin:0;font-size:20px;font-weight:700}.teacher-upload-reels-redesign .tur-modal .tur-modal-header .btn-close{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:20px;transition:color .2s;display:flex}.teacher-upload-reels-redesign .tur-modal .tur-modal-header .btn-close:hover{color:#fff}.teacher-upload-reels-redesign .tur-modal .tur-modal-body{padding:32px}.teacher-upload-reels-redesign .tur-modal .tur-modal-actions{background:#1c2535;gap:12px;padding:24px 32px;display:flex}.teacher-upload-reels-redesign .tur-modal .tur-modal-actions button{cursor:pointer;border-radius:12px;flex:1;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.teacher-upload-reels-redesign .tur-modal .tur-modal-actions .btn-modal-cancel{color:#94a3b8;background:0 0;border:1px solid #334155}.teacher-upload-reels-redesign .tur-modal .tur-modal-actions .btn-modal-cancel:hover{color:#fff;background:#ffffff0d}.teacher-upload-reels-redesign .tur-modal .tur-modal-actions .btn-modal-confirm{color:#fff;background:#3b82f6;border:none}.teacher-upload-reels-redesign .tur-modal .tur-modal-actions .btn-modal-confirm:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.teacher-upload-reels-redesign .confirm-content .video-info-preview{background:#0f172a;border:1px solid #334155;border-radius:16px;gap:16px;margin-bottom:24px;padding:16px;display:flex}.teacher-upload-reels-redesign .confirm-content .video-info-preview .preview-thumb{background:#1e293b;border-radius:8px;flex-shrink:0;width:80px;height:110px;overflow:hidden}.teacher-upload-reels-redesign .confirm-content .video-info-preview .preview-thumb img{object-fit:cover;width:100%;height:100%}.teacher-upload-reels-redesign .confirm-content .video-info-preview .preview-thumb .no-thumb{color:#64748b;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.teacher-upload-reels-redesign .confirm-content .video-info-preview .preview-meta{flex-direction:column;justify-content:center;gap:6px;display:flex}.teacher-upload-reels-redesign .confirm-content .video-info-preview .preview-meta h4{color:#fff;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;display:-webkit-box;overflow:hidden}.teacher-upload-reels-redesign .confirm-content .video-info-preview .preview-meta p{color:#3b82f6;margin:0;font-size:13px;font-weight:500}.teacher-upload-reels-redesign .confirm-content .confirm-text{color:#94a3b8;text-align:center;margin:0;font-size:15px;line-height:1.6}.teacher-upload-reels-redesign .upload-status-container{text-align:center}.teacher-upload-reels-redesign .upload-status-container .status-item{flex-direction:column;align-items:center;animation:.5s cubic-bezier(.175,.885,.32,1.275) statusBounce;display:flex}.teacher-upload-reels-redesign .upload-status-container .status-item h3{color:#fff;margin:0 0 8px;font-size:20px}.teacher-upload-reels-redesign .upload-status-container .status-item p{color:#94a3b8;margin:0 0 24px;font-size:14px}.teacher-upload-reels-redesign .upload-status-container .status-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;font-size:32px;display:flex}.teacher-upload-reels-redesign .upload-status-container .status-icon.loading{color:#3b82f6;background:#3b82f61a;animation:2s infinite iconPulse}.teacher-upload-reels-redesign .upload-status-container .status-icon.processing{color:#a855f7;background:#9333ea1a;animation:3s linear infinite iconRotate}.teacher-upload-reels-redesign .upload-status-container .status-icon.success{color:#22c55e;background:#22c55e1a;animation:.5s cubic-bezier(.175,.885,.32,1.275) successPop}.teacher-upload-reels-redesign .upload-status-container .status-icon.error{color:#ef4444;background:#ef44441a}.teacher-upload-reels-redesign .upload-status-container .tur-progress-wrapper{width:100%;margin-top:24px}.teacher-upload-reels-redesign .upload-status-container .tur-progress-wrapper .tur-progress-bar{background:#0f172a;border-radius:4px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.teacher-upload-reels-redesign .upload-status-container .tur-progress-wrapper .tur-progress-bar .fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%;transition:width .3s}.teacher-upload-reels-redesign .upload-status-container .tur-progress-wrapper .progress-text{color:#fff;font-size:14px;font-weight:700}.teacher-upload-reels-redesign .upload-status-container .processing-loader{background:#0f172a;border-radius:2px;width:100%;height:4px;margin:20px 0;position:relative;overflow:hidden}.teacher-upload-reels-redesign .upload-status-container .processing-loader:after{content:"";background:#a855f7;width:50%;height:100%;animation:1.5s linear infinite processingSlide;position:absolute;left:-50%}.teacher-upload-reels-redesign .upload-status-container .btn-modal-done,.teacher-upload-reels-redesign .upload-status-container .btn-modal-retry{cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:10px;padding:12px;font-weight:600;transition:all .2s}.teacher-upload-reels-redesign .upload-status-container .btn-modal-done{color:#fff;background:#22c55e}.teacher-upload-reels-redesign .upload-status-container .btn-modal-done:hover{background:#16a34a;transform:translateY(-1px)}.teacher-upload-reels-redesign .upload-status-container .btn-modal-retry{color:#fff;background:#334155}.teacher-upload-reels-redesign .upload-status-container .btn-modal-retry:hover{background:#475569}@keyframes trSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chipIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes statusBounce{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes iconPulse{0%{transform:scale(1);box-shadow:0 0 #3b82f666}70%{transform:scale(1.05);box-shadow:0 0 0 15px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes successPop{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes processingSlide{0%{left:-50%}to{left:100%}}@media (max-width:768px){.teacher-upload-reels-redesign .teacher-reels{padding:var(--space-4)}.teacher-upload-reels-redesign .teacher-reels__header{flex-direction:column;align-items:flex-start}.teacher-upload-reels-redesign .teacher-reels__actions{width:100%}.teacher-upload-reels-redesign .teacher-reels__actions .btn,.teacher-upload-reels-redesign .teacher-reels__actions .btn-add-device,.teacher-upload-reels-redesign .teacher-reels__actions .btn-refresh,.teacher-upload-reels-redesign .teacher-reels__actions .btn-logout-all{justify-content:center;width:100%}.teacher-upload-reels-redesign .teacher-upload-reels{padding:var(--space-4)}.teacher-upload-reels-redesign .teacher-upload-reels .upload-container .upload-content{grid-template-columns:1fr}.teacher-upload-reels-redesign .teacher-upload-reels .upload-dropzone{padding:var(--space-8)}.teacher-upload-reels-redesign .teacher-upload-reels .upload-form{padding:var(--space-4)}}.teacher-students{padding:var(--space-6);background:var(--bg-primary);min-height:100vh}.teacher-students .ts-header{margin-bottom:var(--space-8);padding:var(--space-6);background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;gap:var(--space-6);display:flex}@media (max-width:768px){.teacher-students .ts-header{align-items:stretch;gap:var(--space-4);flex-direction:column}}.teacher-students .ts-header .ts-header-content h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2)0}.teacher-students .ts-header .ts-header-content p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.teacher-students .ts-header .ts-header-content .ts-selected-course{margin-top:var(--space-3);padding:var(--space-2)var(--space-3);color:var(--primary-700);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#3b82f61a;border:1px solid #3b82f62e}.teacher-students .ts-header .ts-header-actions{gap:var(--space-3);align-items:center;display:flex}@media (max-width:768px){.teacher-students .ts-header .ts-header-actions{flex-direction:column;align-items:stretch}}.teacher-students .ts-header .ts-header-actions .ts-course-select,.teacher-students .ts-header .ts-header-actions .ts-period-select{padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-width:160px}.teacher-students .ts-header .ts-header-actions .ts-course-select:focus,.teacher-students .ts-header .ts-header-actions .ts-period-select:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.teacher-students .ts-header .ts-header-actions .ts-course-select{border-color:#3b82f659}.teacher-students .ts-stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}@media (max-width:768px){.teacher-students .ts-stats-grid{gap:var(--space-4);grid-template-columns:1fr}}.teacher-students .ts-stats-grid .ts-stat-card{padding:var(--space-6);background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border-color);align-items:center;gap:var(--space-4);transition:all var(--transition-fast);display:flex;position:relative;overflow:hidden}.teacher-students .ts-stats-grid .ts-stat-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.teacher-students .ts-stats-grid .ts-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-students .ts-stats-grid .ts-stat-card.students:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.teacher-students .ts-stats-grid .ts-stat-card.students .ts-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.teacher-students .ts-stats-grid .ts-stat-card.revenue:before{background:linear-gradient(90deg,#10b981,#047857)}.teacher-students .ts-stats-grid .ts-stat-card.revenue .ts-stat-icon{background:linear-gradient(135deg,#10b981,#047857)}.teacher-students .ts-stats-grid .ts-stat-card.engagement:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.teacher-students .ts-stats-grid .ts-stat-card.engagement .ts-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.teacher-students .ts-stats-grid .ts-stat-card.tests:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.teacher-students .ts-stats-grid .ts-stat-card.tests .ts-stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-icon{border-radius:var(--radius-xl);color:#fff;width:60px;height:60px;font-size:var(--font-size-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content{flex:1}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)0}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content p{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-2)0}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content .ts-stat-change{padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;display:inline-flex}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content .ts-stat-change.positive{color:#047857;background:#10b9811a}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content .ts-stat-change:not(.positive){background:var(--bg-secondary);color:var(--text-secondary)}.teacher-students .ts-filters{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);flex-wrap:wrap;display:flex}@media (max-width:768px){.teacher-students .ts-filters{gap:var(--space-3);flex-direction:column}}.teacher-students .ts-filters .ts-search{flex:1;min-width:240px;position:relative}.teacher-students .ts-filters .ts-search svg{left:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-base);position:absolute;top:50%;transform:translateY(-50%)}.teacher-students .ts-filters .ts-search input{width:100%;padding:var(--space-3)var(--space-3)var(--space-3)var(--space-10);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.teacher-students .ts-filters .ts-search input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.teacher-students .ts-filters .ts-filter-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.teacher-students .ts-filters .ts-filter-buttons .ts-filter-btn{padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.teacher-students .ts-filters .ts-filter-buttons .ts-filter-btn.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.teacher-students .ts-filters .ts-filter-buttons .ts-filter-btn:hover:not(.active){background:var(--bg-secondary);color:var(--text-primary)}.teacher-students .ts-students-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (max-width:768px){.teacher-students .ts-students-grid{gap:var(--space-4);grid-template-columns:1fr}}.teacher-students .ts-student-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all var(--transition-fast);gap:var(--space-4);flex-direction:column;display:flex}.teacher-students .ts-student-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-students .ts-student-card .ts-student-avatar{border-radius:var(--radius-xl);width:72px;height:72px;position:relative;overflow:hidden}.teacher-students .ts-student-card .ts-student-avatar img{object-fit:cover;width:100%;height:100%}.teacher-students .ts-student-card .ts-student-avatar .ts-student-status{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;bottom:-8px;right:-8px}.teacher-students .ts-student-card .ts-student-avatar .ts-student-status svg{width:18px;height:18px}.teacher-students .ts-student-card .ts-student-avatar .ts-student-status .active{color:#10b981}.teacher-students .ts-student-card .ts-student-avatar .ts-student-status .inactive{color:#f59e0b}.teacher-students .ts-student-card .ts-student-info h3{color:var(--text-primary);font-weight:900;font-size:var(--font-size-lg);margin:0}.teacher-students .ts-student-card .ts-student-info p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:6px 0 0}.teacher-students .ts-student-card .ts-student-info .ts-student-email{color:var(--text-tertiary);word-break:break-word;margin-top:6px;font-size:12px;display:block}.teacher-students .ts-student-card .ts-student-stats{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.teacher-students .ts-student-card .ts-student-stats .ts-stat-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3);align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:12px;display:flex}.teacher-students .ts-student-card .ts-student-stats .ts-stat-item svg{color:var(--primary-500)}.teacher-students .ts-student-card .ts-student-stats .ts-stat-item span{color:var(--text-primary);font-weight:700}@media (max-width:420px){.teacher-students .ts-student-card .ts-student-stats{grid-template-columns:1fr}}.teacher-students .ts-student-card .ts-student-actions{gap:var(--space-3);display:flex}.teacher-students .ts-student-card .ts-student-actions .ts-action-btn{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-primary);height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;display:flex}.teacher-students .ts-student-card .ts-student-actions .ts-action-btn.view{color:var(--primary-600);border-color:#3b82f659}.teacher-students .ts-student-card .ts-student-actions .ts-action-btn.remove{color:#ef4444;border-color:#ef444459}.teacher-students .ts-student-card .ts-student-actions .ts-action-btn:hover{background:var(--bg-secondary);transform:translateY(-1px)}.teacher-students .ts-loading{padding:var(--space-10);justify-content:center;display:flex}.teacher-students .ts-loading .ts-loading-spinner{align-items:center;gap:var(--space-3);color:var(--text-secondary);flex-direction:column;display:flex}.teacher-students .ts-loading .ts-loading-spinner .spinner{border:3px solid #3b82f626;border-top:3px solid var(--primary-500);border-radius:50%;width:40px;height:40px;animation:1s linear infinite tsSpin}.teacher-students .ts-empty-state{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;grid-column:1/-1}.teacher-students .ts-empty-state .empty-icon{width:48px;height:48px;color:var(--primary-500);margin-bottom:var(--space-3)}.teacher-students .ts-empty-state h3{color:var(--text-primary);margin:0 0 6px;font-weight:900}.teacher-students .ts-empty-state p{color:var(--text-secondary);margin:0}.teacher-students .ts-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-4);z-index:1400;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.teacher-students .ts-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-3xl);width:100%;max-width:980px;overflow:hidden}.teacher-students .ts-modal-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--border-color);display:flex}.teacher-students .ts-modal-header .ts-modal-title{align-items:center;gap:var(--space-3);display:flex}.teacher-students .ts-modal-header .ts-modal-title img{border-radius:var(--radius-xl);object-fit:cover;width:46px;height:46px}.teacher-students .ts-modal-header .ts-modal-title h2{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:900}.teacher-students .ts-modal-header .ts-modal-title p{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.teacher-students .ts-modal-header .ts-modal-close{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;width:42px;height:42px;color:var(--text-primary);font-size:20px;line-height:1}.teacher-students .ts-modal-content{max-height:78vh;padding:var(--space-6);overflow:auto}.teacher-students .ts-activity-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-5)}.teacher-students .ts-activity-section:not(:last-child){margin-bottom:var(--space-5)}.teacher-students .ts-activity-section h3{margin:0 0 var(--space-4);color:var(--text-primary);align-items:center;gap:10px;font-weight:900;display:flex}.teacher-students .ts-results-list,.teacher-students .ts-assignments-list{gap:var(--space-3);flex-direction:column;display:flex}.teacher-students .ts-result-card,.teacher-students .ts-assignment-card{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-4)}.teacher-students .ts-result-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.teacher-students .ts-result-header h4{color:var(--text-primary);margin:0;font-weight:800}.teacher-students .ts-result-header .ts-score{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.teacher-students .ts-result-header .ts-score.passed{color:#047857;background:#10b9811f}.teacher-students .ts-result-header .ts-score.failed{color:#b91c1c;background:#ef44441f}.teacher-students .ts-result-meta{color:var(--text-secondary);flex-wrap:wrap;gap:10px;margin-top:10px;font-size:12px;display:flex}.teacher-students .ts-assignment-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.teacher-students .ts-assignment-header h4{color:var(--text-primary);margin:0;font-weight:900}.teacher-students .ts-assignment-header .ts-assignment-status{flex-wrap:wrap;gap:10px;display:flex}.teacher-students .ts-assignment-header .ts-assignment-status span{border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.teacher-students .ts-assignment-header .ts-assignment-status .graded{color:#047857;background:#10b9811f}.teacher-students .ts-assignment-header .ts-assignment-status .pending{color:#92400e;background:#f59e0b24}.teacher-students .ts-assignment-header .ts-assignment-status .late{color:#b91c1c;background:#ef44441f}.teacher-students .ts-assignment-content{margin-top:var(--space-3)}.teacher-students .ts-assignment-content .ts-text-answer strong{color:var(--text-primary);margin-bottom:6px;display:block}.teacher-students .ts-assignment-content .ts-text-answer p{color:var(--text-secondary);margin:0}.teacher-students .ts-assignment-content .ts-assignment-links{margin-top:var(--space-3);flex-wrap:wrap;gap:12px;display:flex}.teacher-students .ts-assignment-content .ts-assignment-links a{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:inline-flex}.teacher-students .ts-assignment-content .ts-assignment-links a:hover{background:var(--bg-secondary)}.teacher-students .ts-assignment-content .ts-assignment-links .ts-attachment-link{border-color:#3b82f640}.teacher-students .ts-assignment-content .ts-assignment-links .ts-external-link{border-color:#10b98140}.teacher-students .ts-assignment-meta{margin-top:var(--space-3);color:var(--text-secondary);gap:6px;font-size:12px;display:grid}.teacher-students .ts-empty-activity,.teacher-students .ts-error-state{padding:var(--space-10);text-align:center;color:var(--text-secondary)}.teacher-students .ts-empty-activity .empty-icon,.teacher-students .ts-error-state .empty-icon{width:44px;height:44px;color:var(--primary-500);margin-bottom:var(--space-3)}.teacher-students .ts-empty-activity h3,.teacher-students .ts-error-state h3{color:var(--text-primary);margin:0 0 6px;font-weight:900}.teacher-students .ts-empty-activity p,.teacher-students .ts-error-state p{margin:0}.teacher-students .ts-pagination{margin-top:var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);display:flex}.teacher-students .ts-pagination button{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;color:var(--text-primary);padding:10px 14px}.teacher-students .ts-pagination button:disabled{opacity:.55;cursor:not-allowed}.teacher-students .ts-pagination button:hover:not(:disabled){background:var(--bg-secondary)}.teacher-students .ts-pagination span{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 14px;display:inline-flex}@keyframes tsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.teacher-tests{padding:var(--space-6);background:#0f172a;max-width:100%;min-height:100vh}@media (max-width:480px){.teacher-tests{padding:var(--space-4)}}.teacher-tests .tt-top-bar{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.teacher-tests .tt-top-bar .tt-course-chips{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}@media (max-width:768px){.teacher-tests .tt-top-bar .tt-course-chips{display:none}}.teacher-tests .tt-top-bar .tt-course-chips .tt-chip{color:#94a3b8;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:10px 20px;font-weight:600;transition:all .2s}.teacher-tests .tt-top-bar .tt-course-chips .tt-chip:hover{background:#ffffff1a}.teacher-tests .tt-top-bar .tt-course-chips .tt-chip.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.teacher-tests .tt-top-bar .tt-course-select-full{width:100%;display:none}@media (max-width:768px){.teacher-tests .tt-top-bar .tt-course-select-full{display:block}}.teacher-tests .tt-top-bar .tt-course-select-full .tt-mobile-select-full{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:15px;font-weight:700}.teacher-tests .tt-top-bar .tt-course-select-full .tt-mobile-select-full:focus{border-color:var(--primary-500)}.teacher-tests .tt-top-bar .tt-breadcrumb{color:#64748b;align-items:center;gap:8px;font-size:14px;display:flex}@media (max-width:768px){.teacher-tests .tt-top-bar .tt-breadcrumb{order:-1;justify-content:flex-start;width:100%;margin-bottom:8px}}.teacher-tests .tt-top-bar .tt-breadcrumb svg{font-size:16px}.teacher-tests .tt-top-bar .tt-breadcrumb span.active{color:var(--primary-400);font-weight:600}.teacher-tests .tt-header-mobile{display:none}@media (max-width:768px){.teacher-tests .tt-header-mobile{margin-bottom:var(--space-6);display:block}}.teacher-tests .tt-header-mobile .tt-create-btn{background:var(--primary-600);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.teacher-tests .tt-header-mobile .tt-create-btn:active{transform:scale(.98)}.teacher-tests .tt-stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}@media (max-width:768px){.teacher-tests .tt-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:480px){.teacher-tests .tt-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width:768px){.teacher-tests .tt-stats-grid--modal{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:480px){.teacher-tests .tt-stats-grid--modal{grid-template-columns:1fr;gap:10px}}.teacher-tests .tt-stats-grid .tt-stat-card{background:#1e293b;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:12px;padding:24px;display:flex;position:relative}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-icon{width:40px;height:40px;color:var(--primary-400);background:#3b82f61a;border-radius:10px;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:24px;right:24px}.teacher-tests .tt-stats-grid .tt-stat-card.total .tt-stat-icon{color:#60a5fa;background:#3b82f61a}.teacher-tests .tt-stats-grid .tt-stat-card.attempts .tt-stat-icon{color:#fbbf24;background:#f59e0b1a}.teacher-tests .tt-stats-grid .tt-stat-card.pass-rate .tt-stat-icon{color:#34d399;background:#10b9811a}.teacher-tests .tt-stats-grid .tt-stat-card.types .tt-stat-icon{color:#a78bfa;background:#8b5cf61a}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content h3{color:#fff;margin:8px 0;font-size:32px;font-weight:800}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content .tt-stat-change{color:#64748b;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content .tt-stat-change.positive{color:#10b981}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content .tt-stat-change.positive:before{content:"↗"}@media (max-width:480px){.teacher-tests .tt-stats-grid .tt-stat-card{padding:14px}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-icon{border-radius:8px;width:28px;height:28px;font-size:14px;top:12px;right:12px}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content p{font-size:11px}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content h3{margin:4px 0;font-size:20px}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content .tt-stat-change{font-size:11px}}.teacher-tests .tt-filters{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}@media (max-width:768px){.teacher-tests .tt-filters{flex-direction:column;align-items:stretch}}.teacher-tests .tt-filters .tt-filter-buttons{background:#1e293b;border-radius:12px;gap:4px;padding:6px;display:flex}.teacher-tests .tt-filters .tt-filter-buttons .tt-filter-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:10px 20px;font-weight:700;transition:all .2s}.teacher-tests .tt-filters .tt-filter-buttons .tt-filter-btn.active{background:var(--primary-600);color:#fff;box-shadow:0 4px 12px #2563eb33}.teacher-tests .tt-filters .tt-filter-buttons .tt-filter-btn:hover:not(.active){color:#fff}@media (max-width:480px){.teacher-tests .tt-filters .tt-filter-buttons{overflow-x:auto}.teacher-tests .tt-filters .tt-filter-buttons::-webkit-scrollbar{display:none}}.teacher-tests .tt-filters .tt-search{flex:1;max-width:400px;position:relative}.teacher-tests .tt-filters .tt-search svg{color:#64748b;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.teacher-tests .tt-filters .tt-search input{color:#fff;background:#1e293b;border:1px solid #ffffff0d;border-radius:16px;width:100%;padding:14px 16px 14px 48px;font-weight:600}.teacher-tests .tt-filters .tt-search input::placeholder{color:#64748b}.teacher-tests .tt-filters .tt-search input:focus{border-color:var(--primary-500);outline:none}@media (max-width:768px){.teacher-tests .tt-filters .tt-search{max-width:none}}.teacher-tests .tt-tests-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:768px){.teacher-tests .tt-tests-grid{grid-template-columns:1fr;gap:16px}}@media (min-width:900px){.teacher-tests .tt-tests-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.teacher-tests .tt-test-card{background:#1e293b;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.teacher-tests .tt-test-card:hover{border-color:#3b82f633;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0003}.teacher-tests .tt-test-card .tt-test-header{justify-content:space-between;align-items:flex-start;display:flex}.teacher-tests .tt-test-card .tt-test-header .tt-test-type{align-items:center;gap:16px;display:flex}.teacher-tests .tt-test-card .tt-test-header .tt-test-type .tt-test-icon-wrap{color:#fff;background:#2563eb;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;box-shadow:0 8px 16px #2563eb33}.teacher-tests .tt-test-card .tt-test-header .tt-test-type .tt-test-title-group h3{color:#fff;margin:0 0 4px;font-size:20px;font-weight:800}.teacher-tests .tt-test-card .tt-test-header .tt-test-type .tt-test-title-group .tt-test-sub-info{color:#60a5fa;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.teacher-tests .tt-test-card .tt-test-header .tt-test-type .tt-test-title-group .tt-test-sub-info .dot{color:#475569}.teacher-tests .tt-test-card .tt-test-header .tt-test-badge{letter-spacing:.05em;color:#60a5fa;background:#3b82f626;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:900}.teacher-tests .tt-test-card .tt-test-header .tt-test-badge.course_type{color:#a855f7;background:#a855f726}.teacher-tests .tt-test-card .tt-test-stats{background:#0f172a;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.teacher-tests .tt-test-card .tt-test-stats .tt-stat-item{flex-direction:column;gap:4px;display:flex}.teacher-tests .tt-test-card .tt-test-stats .tt-stat-item .tt-stat-label{color:#475569;letter-spacing:.05em;font-size:10px;font-weight:800}.teacher-tests .tt-test-card .tt-test-stats .tt-stat-item .tt-stat-value{color:#fff;font-size:18px;font-weight:800}.teacher-tests .tt-test-card .tt-test-stats .tt-stat-item .tt-stat-value.highlight{color:#f59e0b}.teacher-tests .tt-test-card .tt-test-actions{gap:12px;display:flex}.teacher-tests .tt-test-card .tt-test-actions .tt-view-btn{background:var(--primary-600);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;height:48px;font-weight:800;transition:all .2s;display:flex}.teacher-tests .tt-test-card .tt-test-actions .tt-view-btn:hover{background:var(--primary-500);transform:translateY(-2px);box-shadow:0 8px 16px #2563eb40}.teacher-tests .tt-test-card .tt-test-actions .tt-icon-actions{gap:8px;display:flex}.teacher-tests .tt-test-card .tt-test-actions .tt-icon-actions .tt-action-btn{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:all .2s;display:flex}.teacher-tests .tt-test-card .tt-test-actions .tt-icon-actions .tt-action-btn:hover{color:#fff;background:#ffffff0d;border-color:#fff3}@media (max-width:480px){.teacher-tests .tt-test-card{padding:16px}.teacher-tests .tt-test-card .tt-test-header .tt-test-type{gap:12px}.teacher-tests .tt-test-card .tt-test-header .tt-test-type .tt-test-icon-wrap{width:40px;height:40px;font-size:18px}.teacher-tests .tt-test-card .tt-test-header .tt-test-type h3{font-size:18px}.teacher-tests .tt-test-card .tt-test-stats{padding:12px}.teacher-tests .tt-test-card .tt-test-stats .tt-stat-value{font-size:16px}.teacher-tests .tt-test-card .tt-test-actions .tt-view-btn,.teacher-tests .tt-test-card .tt-test-actions .tt-action-btn{height:44px}.teacher-tests .tt-test-card .tt-test-actions .tt-action-btn{width:44px}}.teacher-tests .tt-empty-state{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;grid-column:1/-1}.teacher-tests .tt-empty-state .empty-icon{width:48px;height:48px;color:var(--primary-500);margin-bottom:var(--space-3)}.teacher-tests .tt-empty-state h3{color:var(--text-primary);margin:0 0 6px;font-weight:900}.teacher-tests .tt-empty-state p{color:var(--text-secondary);margin:0}.teacher-tests .tt-empty-state .tt-create-btn-empty{margin-top:var(--space-4);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);background:var(--primary-500);color:#fff;cursor:pointer;border:none;align-items:center;gap:10px;display:inline-flex}.teacher-tests .tt-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-4);z-index:1400;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.teacher-tests .tt-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-3xl);width:100%;max-width:700px;overflow:hidden}.teacher-tests .tt-modal--wide{max-width:900px}.teacher-tests .tt-modal-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--border-color);display:flex}.teacher-tests .tt-modal-header h2{color:var(--text-primary);margin:0;font-weight:900}.teacher-tests .tt-modal-header .tt-modal-close{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;width:42px;height:42px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.teacher-tests .tt-modal-content{padding:var(--space-6)}.teacher-tests .tt-modal-content .tt-form{gap:var(--space-4);flex-direction:column;display:flex}.teacher-tests .tt-modal-content .tt-form label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:12px;display:flex}.teacher-tests .tt-modal-content .tt-form label input,.teacher-tests .tt-modal-content .tt-form label textarea,.teacher-tests .tt-modal-content .tt-form label select{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-surface);color:var(--text-primary);outline:none;padding:10px 12px}.teacher-tests .tt-modal-content .tt-form .tt-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.teacher-tests .tt-modal-content .tt-form .tt-form-row{grid-template-columns:1fr}}.teacher-tests .tt-modal-content .tt-form .tt-checkbox{flex-direction:row;align-items:center;gap:10px}.teacher-tests .tt-modal-content .tt-form .tt-form-actions{justify-content:flex-end;gap:12px;display:flex}.teacher-tests .tt-modal-content .tt-form .tt-form-actions button{border-radius:var(--radius-xl);border:1px solid var(--border-color);cursor:pointer;padding:10px 14px}.teacher-tests .tt-modal-content .tt-form .tt-form-actions .btn-primary,.teacher-tests .tt-modal-content .tt-form .tt-form-actions .btn-add-device{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.teacher-tests .tt-modal-content .tt-form .tt-form-actions .btn-secondary,.teacher-tests .tt-modal-content .tt-form .tt-form-actions .btn-refresh{background:var(--bg-surface);color:var(--text-primary)}.teacher-tests .tt-modal-content .tt-attempts-summary{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.teacher-tests .tt-modal-content .tt-attempts-summary div{padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl)}.teacher-tests .tt-modal-content .tt-attempts-summary div strong{font-size:var(--font-size-xl);color:var(--text-primary);display:block}.teacher-tests .tt-modal-content .tt-attempts-summary div span{color:var(--text-secondary);font-size:12px}.teacher-tests .tt-modal-content .tt-attempts-table{border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden}.teacher-tests .tt-modal-content .tt-attempts-table .tt-attempts-row{background:var(--bg-primary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:12px 14px;font-size:13px;display:grid}.teacher-tests .tt-modal-content .tt-attempts-table .tt-attempts-row.head{background:var(--bg-surface);color:var(--text-primary);font-weight:800}.teacher-tests .tt-modal-content .tt-attempts-table .tt-attempts-row:last-child{border-bottom:none}.teacher-tests .loading-container{padding:var(--space-10);text-align:center}.teacher-tests .loading-container .spinner{border:3px solid #3b82f626;border-top:3px solid var(--primary-500);border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:1s linear infinite ttSpin}.teacher-tests .loading-container p{color:var(--text-secondary);margin:0}@keyframes ttSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.teacher-assignments.teacher-tests{padding:var(--space-6);background:#0f172a;max-width:100%;min-height:100vh}@media (max-width:480px){.teacher-assignments.teacher-tests{padding:var(--space-4)}}.teacher-assignments .tt-modal-overlay,.teacher-assignments .ta-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-4);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:99999!important}.teacher-assignments .tt-modal,.teacher-assignments .ta-modal{background:#1e293b;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:640px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScale;overflow:hidden;box-shadow:0 30px 60px -12px #0009}.teacher-assignments .tt-modal--wide,.teacher-assignments .ta-modal--wide{max-width:960px}@keyframes modalScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.teacher-assignments .tt-modal-header,.teacher-assignments .ta-modal-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.teacher-assignments .tt-modal-header h2,.teacher-assignments .ta-modal-header h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.teacher-assignments .tt-modal-header .tt-modal-close,.teacher-assignments .tt-modal-header .ta-modal-close,.teacher-assignments .ta-modal-header .tt-modal-close,.teacher-assignments .ta-modal-header .ta-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.teacher-assignments .tt-modal-header .tt-modal-close:hover,.teacher-assignments .tt-modal-header .ta-modal-close:hover,.teacher-assignments .ta-modal-header .tt-modal-close:hover,.teacher-assignments .ta-modal-header .ta-modal-close:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433;transform:rotate(90deg)}.teacher-assignments .tt-modal-content,.teacher-assignments .ta-modal-content{max-height:85vh;padding:32px;overflow-y:auto}.teacher-assignments .tt-modal-content::-webkit-scrollbar{width:6px}.teacher-assignments .ta-modal-content::-webkit-scrollbar{width:6px}.teacher-assignments .tt-modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.teacher-assignments .ta-modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.teacher-assignments .tt-modal-content .tt-form,.teacher-assignments .tt-modal-content .ta-form,.teacher-assignments .ta-modal-content .tt-form,.teacher-assignments .ta-modal-content .ta-form{flex-direction:column;gap:24px;display:flex}.teacher-assignments .tt-modal-content .tt-form label,.teacher-assignments .tt-modal-content .ta-form label,.teacher-assignments .ta-modal-content .tt-form label,.teacher-assignments .ta-modal-content .ta-form label{flex-direction:column;gap:10px;display:flex}.teacher-assignments .tt-modal-content .tt-form label span,.teacher-assignments .tt-modal-content .ta-form label span,.teacher-assignments .ta-modal-content .tt-form label span,.teacher-assignments .ta-modal-content .ta-form label span{color:#94a3b8;align-items:center;gap:6px;margin-left:4px;font-size:14px;font-weight:700;display:flex}.teacher-assignments .tt-modal-content .tt-form label input,.teacher-assignments .tt-modal-content .tt-form label textarea,.teacher-assignments .tt-modal-content .tt-form label select,.teacher-assignments .tt-modal-content .ta-form label input,.teacher-assignments .tt-modal-content .ta-form label textarea,.teacher-assignments .tt-modal-content .ta-form label select,.teacher-assignments .ta-modal-content .tt-form label input,.teacher-assignments .ta-modal-content .tt-form label textarea,.teacher-assignments .ta-modal-content .tt-form label select,.teacher-assignments .ta-modal-content .ta-form label input,.teacher-assignments .ta-modal-content .ta-form label textarea,.teacher-assignments .ta-modal-content .ta-form label select{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:16px;outline:none;padding:16px 20px;font-size:16px;font-weight:600;transition:all .3s}.teacher-assignments .tt-modal-content .tt-form label input::placeholder,.teacher-assignments .tt-modal-content .tt-form label textarea::placeholder,.teacher-assignments .tt-modal-content .tt-form label select::placeholder,.teacher-assignments .tt-modal-content .ta-form label input::placeholder,.teacher-assignments .tt-modal-content .ta-form label textarea::placeholder,.teacher-assignments .tt-modal-content .ta-form label select::placeholder,.teacher-assignments .ta-modal-content .tt-form label input::placeholder,.teacher-assignments .ta-modal-content .tt-form label textarea::placeholder,.teacher-assignments .ta-modal-content .tt-form label select::placeholder,.teacher-assignments .ta-modal-content .ta-form label input::placeholder,.teacher-assignments .ta-modal-content .ta-form label textarea::placeholder,.teacher-assignments .ta-modal-content .ta-form label select::placeholder{color:#475569}.teacher-assignments .tt-modal-content .tt-form label input:focus,.teacher-assignments .tt-modal-content .tt-form label textarea:focus,.teacher-assignments .tt-modal-content .tt-form label select:focus,.teacher-assignments .tt-modal-content .ta-form label input:focus,.teacher-assignments .tt-modal-content .ta-form label textarea:focus,.teacher-assignments .tt-modal-content .ta-form label select:focus,.teacher-assignments .ta-modal-content .tt-form label input:focus,.teacher-assignments .ta-modal-content .tt-form label textarea:focus,.teacher-assignments .ta-modal-content .tt-form label select:focus,.teacher-assignments .ta-modal-content .ta-form label input:focus,.teacher-assignments .ta-modal-content .ta-form label textarea:focus,.teacher-assignments .ta-modal-content .ta-form label select:focus{background:#1e293b;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.teacher-assignments .tt-modal-content .tt-form label textarea,.teacher-assignments .tt-modal-content .ta-form label textarea,.teacher-assignments .ta-modal-content .tt-form label textarea,.teacher-assignments .ta-modal-content .ta-form label textarea{resize:vertical;min-height:120px}.teacher-assignments .tt-modal-content .tt-form .tt-form-row,.teacher-assignments .tt-modal-content .tt-form .ta-form-row,.teacher-assignments .tt-modal-content .ta-form .tt-form-row,.teacher-assignments .tt-modal-content .ta-form .ta-form-row,.teacher-assignments .ta-modal-content .tt-form .tt-form-row,.teacher-assignments .ta-modal-content .tt-form .ta-form-row,.teacher-assignments .ta-modal-content .ta-form .tt-form-row,.teacher-assignments .ta-modal-content .ta-form .ta-form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:580px){.teacher-assignments .tt-modal-content .tt-form .tt-form-row,.teacher-assignments .tt-modal-content .tt-form .ta-form-row,.teacher-assignments .tt-modal-content .ta-form .tt-form-row,.teacher-assignments .tt-modal-content .ta-form .ta-form-row,.teacher-assignments .ta-modal-content .tt-form .tt-form-row,.teacher-assignments .ta-modal-content .tt-form .ta-form-row,.teacher-assignments .ta-modal-content .ta-form .tt-form-row,.teacher-assignments .ta-modal-content .ta-form .ta-form-row{grid-template-columns:1fr}}.teacher-assignments .tt-modal-content .tt-form .tt-checkbox,.teacher-assignments .tt-modal-content .tt-form .ta-checkbox,.teacher-assignments .tt-modal-content .ta-form .tt-checkbox,.teacher-assignments .tt-modal-content .ta-form .ta-checkbox,.teacher-assignments .ta-modal-content .tt-form .tt-checkbox,.teacher-assignments .ta-modal-content .tt-form .ta-checkbox,.teacher-assignments .ta-modal-content .ta-form .tt-checkbox,.teacher-assignments .ta-modal-content .ta-form .ta-checkbox{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:row;align-items:center;gap:14px;padding:16px 20px;transition:all .2s}.teacher-assignments .tt-modal-content .tt-form .tt-checkbox:hover,.teacher-assignments .tt-modal-content .tt-form .ta-checkbox:hover,.teacher-assignments .tt-modal-content .ta-form .tt-checkbox:hover,.teacher-assignments .tt-modal-content .ta-form .ta-checkbox:hover,.teacher-assignments .ta-modal-content .tt-form .tt-checkbox:hover,.teacher-assignments .ta-modal-content .tt-form .ta-checkbox:hover,.teacher-assignments .ta-modal-content .ta-form .tt-checkbox:hover,.teacher-assignments .ta-modal-content .ta-form .ta-checkbox:hover{background:#ffffff0f}.teacher-assignments .tt-modal-content .tt-form .tt-checkbox input,.teacher-assignments .tt-modal-content .tt-form .ta-checkbox input,.teacher-assignments .tt-modal-content .ta-form .tt-checkbox input,.teacher-assignments .tt-modal-content .ta-form .ta-checkbox input,.teacher-assignments .ta-modal-content .tt-form .tt-checkbox input,.teacher-assignments .ta-modal-content .tt-form .ta-checkbox input,.teacher-assignments .ta-modal-content .ta-form .tt-checkbox input,.teacher-assignments .ta-modal-content .ta-form .ta-checkbox input{accent-color:#10b981;cursor:pointer;width:22px;height:22px}.teacher-assignments .tt-modal-content .tt-form .tt-checkbox span,.teacher-assignments .tt-modal-content .tt-form .ta-checkbox span,.teacher-assignments .tt-modal-content .ta-form .tt-checkbox span,.teacher-assignments .tt-modal-content .ta-form .ta-checkbox span,.teacher-assignments .ta-modal-content .tt-form .tt-checkbox span,.teacher-assignments .ta-modal-content .tt-form .ta-checkbox span,.teacher-assignments .ta-modal-content .ta-form .tt-checkbox span,.teacher-assignments .ta-modal-content .ta-form .ta-checkbox span{color:#fff;margin:0;font-size:15px}.teacher-assignments .tt-modal-content .tt-form .tt-form-actions,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions{gap:16px;margin-top:12px;display:flex}.teacher-assignments .tt-modal-content .tt-form .tt-form-actions button,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions button,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions button,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions button,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions button,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions button,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions button,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions button{cursor:pointer;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:10px;height:54px;font-size:16px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-primary,.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-add-device,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-primary,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-add-device,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-primary,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-add-device,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-primary,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-add-device,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-primary,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-add-device,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-primary,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-add-device,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-primary,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-add-device,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-primary,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-add-device{color:#fff;background:#10b981;border:none;box-shadow:0 10px 20px -5px #10b9814d}.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-primary:hover,.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-add-device:hover,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-primary:hover,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-add-device:hover,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-primary:hover,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-add-device:hover,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-primary:hover,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-add-device:hover,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-primary:hover,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-add-device:hover,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-primary:hover,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-add-device:hover,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-primary:hover,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-add-device:hover,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-primary:hover,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-add-device:hover{background:#059669;transform:translateY(-3px);box-shadow:0 15px 25px -5px #10b98166}.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-primary:active,.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-add-device:active,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-primary:active,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-add-device:active,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-primary:active,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-add-device:active,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-primary:active,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-add-device:active,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-primary:active,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-add-device:active,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-primary:active,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-add-device:active,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-primary:active,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-add-device:active,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-primary:active,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-add-device:active{transform:translateY(-1px)}.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-primary:disabled,.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-add-device:disabled,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-primary:disabled,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-add-device:disabled,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-primary:disabled,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-add-device:disabled,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-primary:disabled,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-add-device:disabled,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-primary:disabled,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-add-device:disabled,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-primary:disabled,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-add-device:disabled,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-primary:disabled,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-add-device:disabled,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-primary:disabled,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-add-device:disabled{opacity:.6;cursor:not-allowed;transform:none}.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-secondary,.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-refresh,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-secondary,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-refresh,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-secondary,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-refresh,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-secondary,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-refresh,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-secondary,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-refresh,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-secondary,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-refresh,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-secondary,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-refresh,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-secondary,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-refresh{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a}.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-secondary:hover,.teacher-assignments .tt-modal-content .tt-form .tt-form-actions .btn-refresh:hover,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-secondary:hover,.teacher-assignments .tt-modal-content .tt-form .ta-form-actions .btn-refresh:hover,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-secondary:hover,.teacher-assignments .tt-modal-content .ta-form .tt-form-actions .btn-refresh:hover,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-secondary:hover,.teacher-assignments .tt-modal-content .ta-form .ta-form-actions .btn-refresh:hover,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-secondary:hover,.teacher-assignments .ta-modal-content .tt-form .tt-form-actions .btn-refresh:hover,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-secondary:hover,.teacher-assignments .ta-modal-content .tt-form .ta-form-actions .btn-refresh:hover,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-secondary:hover,.teacher-assignments .ta-modal-content .ta-form .tt-form-actions .btn-refresh:hover,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-secondary:hover,.teacher-assignments .ta-modal-content .ta-form .ta-form-actions .btn-refresh:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.teacher-assignments .ta-submissions-list{flex-direction:column;gap:20px;display:flex}.teacher-assignments .ta-submission-card{background:#0f172a;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:16px;padding:20px;transition:all .2s;display:flex}.teacher-assignments .ta-submission-card:hover{background:#ffffff05;border-color:#10b98133}.teacher-assignments .ta-submission-card .ta-submission-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (max-width:480px){.teacher-assignments .ta-submission-card .ta-submission-head{flex-direction:column;align-items:stretch}}.teacher-assignments .ta-submission-card .ta-student-info{align-items:center;gap:12px;display:flex}.teacher-assignments .ta-submission-card .ta-student-info .ta-student-avatar{background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;width:44px;height:44px;overflow:hidden}.teacher-assignments .ta-submission-card .ta-student-info .ta-student-avatar img{object-fit:cover;width:100%;height:100%}.teacher-assignments .ta-submission-card .ta-student-info .ta-student-avatar .ta-avatar-placeholder{color:#10b981;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:800;display:flex}.teacher-assignments .ta-submission-card .ta-student-info .ta-student-details{flex-direction:column;gap:4px;display:flex}.teacher-assignments .ta-submission-card .ta-student-info .ta-student-details strong{color:#fff;font-size:16px}.teacher-assignments .ta-submission-card .ta-student-info .ta-student-details .ta-submit-date{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.teacher-assignments .ta-submission-card .ta-submission-badge{border-radius:10px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:800;display:flex}.teacher-assignments .ta-submission-card .ta-submission-badge.graded{color:#10b981;background:#10b98126}.teacher-assignments .ta-submission-card .ta-submission-badge.pending{color:#fbbf24;background:#f59e0b26}.teacher-assignments .ta-submission-card .ta-submission-content{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:16px}.teacher-assignments .ta-submission-card .ta-submission-content p{color:#94a3b8;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.teacher-assignments .ta-submission-card .ta-submission-footer{justify-content:space-between;align-items:center;gap:20px;padding-top:8px;display:flex}@media (max-width:640px){.teacher-assignments .ta-submission-card .ta-submission-footer{flex-direction:column;align-items:stretch}}.teacher-assignments .ta-submission-card .ta-submission-links{flex-wrap:wrap;gap:10px;display:flex}.teacher-assignments .ta-submission-card .ta-submission-links .ta-link-btn{border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.teacher-assignments .ta-submission-card .ta-submission-links .ta-link-btn.attachment{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.teacher-assignments .ta-submission-card .ta-submission-links .ta-link-btn.attachment:hover{background:#3b82f633}.teacher-assignments .ta-submission-card .ta-submission-links .ta-link-btn.external{color:#a855f7;background:#a855f71a;border:1px solid #a855f733}.teacher-assignments .ta-submission-card .ta-submission-links .ta-link-btn.external:hover{background:#a855f733}.teacher-assignments .ta-submission-card .ta-submission-actions{align-items:center;gap:16px;display:flex}@media (max-width:480px){.teacher-assignments .ta-submission-card .ta-submission-actions{justify-content:space-between}}.teacher-assignments .ta-submission-card .ta-submission-actions .ta-score-display{flex-direction:column;align-items:flex-end;display:flex}.teacher-assignments .ta-submission-card .ta-submission-actions .ta-score-display span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.teacher-assignments .ta-submission-card .ta-submission-actions .ta-score-display strong{color:#10b981;font-size:18px}.teacher-assignments .ta-submission-card .ta-submission-actions .ta-grade-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.teacher-assignments .ta-submission-card .ta-submission-actions .ta-grade-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.assignment-review{background:var(--bg-primary);width:100%;min-height:100vh;padding:var(--space-6)}@media (max-width:480px){.assignment-review{padding:var(--space-4)}}.assignment-review .ar-header{margin-bottom:var(--space-8)}.assignment-review .ar-header .ar-title-section{text-align:left;max-width:980px}.assignment-review .ar-header .ar-title-section h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.assignment-review .ar-header .ar-title-section p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.assignment-review .ar-summary-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:380px){.assignment-review .ar-summary-grid{grid-template-columns:1fr}}@media (max-width:480px){.assignment-review .ar-summary-grid{gap:var(--space-4)}}@media (min-width:768px) and (max-width:899px){.assignment-review .ar-summary-grid{gap:var(--space-5)}}@media (min-width:900px){.assignment-review .ar-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.assignment-review .ar-summary-grid .ar-summary-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-color);align-items:center;gap:var(--space-4);transition:all var(--transition-normal);display:flex;position:relative;overflow:hidden}@media (max-width:480px){.assignment-review .ar-summary-grid .ar-summary-card{padding:var(--space-4);gap:12px}}@media (max-width:380px){.assignment-review .ar-summary-grid .ar-summary-card{padding:14px}}.assignment-review .ar-summary-grid .ar-summary-card:before{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:4px;position:absolute;top:0;left:0;right:0}.assignment-review .ar-summary-grid .ar-summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.assignment-review .ar-summary-grid .ar-summary-card.submissions:before{background:linear-gradient(90deg,#f093fb 0%,#f5576c 100%)}.assignment-review .ar-summary-grid .ar-summary-card.pending:before{background:linear-gradient(90deg,#ffecd2 0%,#fcb69f 100%)}.assignment-review .ar-summary-grid .ar-summary-card.graded:before{background:linear-gradient(90deg,#a8edea 0%,#fed6e3 100%)}.assignment-review .ar-summary-grid .ar-summary-card .ar-summary-icon{border-radius:var(--radius-full);color:#fff;width:48px;height:48px;font-size:var(--font-size-xl);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;display:flex}@media (max-width:480px){.assignment-review .ar-summary-grid .ar-summary-card .ar-summary-icon{width:42px;height:42px;font-size:18px}}@media (max-width:380px){.assignment-review .ar-summary-grid .ar-summary-card .ar-summary-icon{width:40px;height:40px}}.assignment-review .ar-summary-grid .ar-summary-card .ar-summary-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)0}@media (max-width:480px){.assignment-review .ar-summary-grid .ar-summary-card .ar-summary-content h3{font-size:22px}}.assignment-review .ar-summary-grid .ar-summary-card .ar-summary-content p{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin:0}@media (max-width:480px){.assignment-review .ar-summary-grid .ar-summary-card .ar-summary-content p{font-size:12px}}.assignment-review .ar-filters{gap:var(--space-4);margin-bottom:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.assignment-review .ar-filters{grid-template-columns:1fr}}.assignment-review .ar-filters .ar-search{flex:1;min-width:0;position:relative}.assignment-review .ar-filters .ar-search svg{left:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-lg);position:absolute;top:50%;transform:translateY(-50%)}.assignment-review .ar-filters .ar-search input{width:100%;padding:var(--space-3)var(--space-3)var(--space-3)var(--space-10);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.assignment-review .ar-filters .ar-search input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #667eea1a}.assignment-review .ar-filters .ar-filter-buttons{align-items:center;gap:var(--space-3);-webkit-overflow-scrolling:touch;padding-bottom:4px;display:flex;overflow:auto hidden}@media (max-width:480px){.assignment-review .ar-filters .ar-filter-buttons{flex-direction:column;align-items:stretch;padding-bottom:0;overflow-x:visible}}.assignment-review .ar-filters .ar-filter-buttons::-webkit-scrollbar{height:6px}.assignment-review .ar-filters .ar-filter-buttons::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.assignment-review .ar-filters .ar-filter-buttons .ar-filter-group{border-radius:var(--radius-xl);background:#ffffff0f;border:1px solid #ffffff14;flex:none;align-items:center;gap:10px;padding:8px 10px;display:inline-flex}@media (max-width:480px){.assignment-review .ar-filters .ar-filter-buttons .ar-filter-group{justify-content:flex-start;width:100%;overflow-x:scroll}}.assignment-review .ar-filters .ar-filter-buttons .ar-filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;margin-left:var(--space-3);margin-right:var(--space-1)}.assignment-review .ar-filters .ar-filter-select{padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;display:inline-flex}.assignment-review .ar-filters .ar-filter-select svg{opacity:.8}.assignment-review .ar-filters .ar-filter-select:hover{color:var(--primary-600);background:var(--bg-surface)}.assignment-review .ar-filters .ar-filter-select.active{color:var(--primary-600);box-shadow:var(--shadow-sm);border-color:var(--border-color);background:#fff}.assignment-review .ar-filters .ar-filter-btn{padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000}.assignment-review .ar-filters .ar-filter-btn:hover{color:var(--primary-600);background:var(--bg-surface)}.assignment-review .ar-filters .ar-filter-btn.active{color:var(--primary-600);box-shadow:var(--shadow-sm);border-color:var(--border-color);background:#fff}.assignment-review .ar-filters .ar-filter-btn.active.type{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.ar-submissions-list{gap:var(--space-6);grid-template-columns:1fr;width:100%;display:grid}@media (min-width:768px){.ar-submissions-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.ar-submissions-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.ar-submissions-list .ar-empty-state{text-align:center;padding:var(--space-12)var(--space-6);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);grid-column:1/-1}.ar-submissions-list .ar-empty-state .ar-empty-icon{color:var(--text-secondary);margin-bottom:var(--space-4);opacity:.5;font-size:4rem}.ar-submissions-list .ar-empty-state h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.ar-submissions-list .ar-empty-state p{color:var(--text-secondary);margin:0}.ar-submissions-list .ar-submission-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-color);transition:all var(--transition-normal);gap:var(--space-4);flex-direction:column;display:flex}@media (max-width:480px){.ar-submissions-list .ar-submission-card{padding:var(--space-4)}}.ar-submissions-list .ar-submission-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ar-submissions-list .ar-submission-card .ar-submission-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-student{align-items:center;gap:12px;min-width:0;display:flex}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-avatar{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);flex:none;justify-content:center;align-items:center;font-weight:900;display:flex;overflow:hidden}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-avatar img{object-fit:cover;width:100%;height:100%;display:block}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-student-info{min-width:0}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-student-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-student-meta{color:var(--text-tertiary);margin-top:4px;font-size:12px}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-badge{border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-badge.type{color:var(--primary-600);background:#3b82f61f}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-badge.type.ct{color:#92400e;background:#f59e0b24}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-badge.graded{color:#047857;background:#10b9811f}.ar-submissions-list .ar-submission-card .ar-submission-header .ar-badge.pending{color:#92400e;background:#f59e0b24}.ar-submissions-list .ar-submission-card .ar-assignment .ar-assignment-title{color:var(--text-primary);margin-bottom:10px;font-weight:900}.ar-submissions-list .ar-submission-card .ar-assignment .ar-assignment-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:480px){.ar-submissions-list .ar-submission-card .ar-assignment .ar-assignment-meta{grid-template-columns:1fr}}.ar-submissions-list .ar-submission-card .ar-assignment .ar-assignment-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;gap:6px;padding:12px;display:flex}.ar-submissions-list .ar-submission-card .ar-assignment .ar-label{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:900}.ar-submissions-list .ar-submission-card .ar-assignment .ar-value{color:var(--text-primary);word-break:break-word;font-size:13px;font-weight:800}.ar-submissions-list .ar-submission-card .ar-answer{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-xl);padding:12px}.ar-submissions-list .ar-submission-card .ar-answer-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:8px;font-size:11px;font-weight:900}.ar-submissions-list .ar-submission-card .ar-text{color:var(--text-secondary);white-space:pre-wrap;font-size:13px}.ar-submissions-list .ar-submission-card .ar-links{flex-wrap:wrap;gap:10px;display:flex}.ar-submissions-list .ar-submission-card .ar-links a{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast);white-space:normal;word-break:break-word;align-items:center;gap:10px;min-width:0;max-width:100%;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.ar-submissions-list .ar-submission-card .ar-links a:hover{background:var(--bg-surface);transform:translateY(-1px)}.ar-submissions-list .ar-submission-card .ar-links.ar-links--strong a{background:#667eea1f;border-color:#667eea59}.ar-submissions-list .ar-submission-card .ar-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.ar-submissions-list .ar-submission-card .ar-actions .ar-details-btn{border-radius:var(--radius-xl);border:1px solid var(--primary-600);background:var(--primary-600);color:#fff;cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.ar-submissions-list .ar-submission-card .ar-actions .ar-details-btn:hover{background:var(--primary-500);transform:translateY(-1px)}.ar-submissions-list .ar-submission-card .ar-actions .ar-details-btn:active{background:#667eea38;transform:translateY(1px)}.ar-submissions-list .ar-submission-card .ar-actions .ar-grade-btn{border-radius:var(--radius-xl);background:var(--primary-600);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.ar-submissions-list .ar-submission-card .ar-actions .ar-grade-btn:hover{background:var(--primary-500);transform:translateY(-1px)}.ar-submissions-list .ar-submission-card .ar-actions .ar-grade-btn:active{background:var(--primary-400);transform:translateY(1px)}.ar-submissions-list .ar-submission-card .ar-actions .ar-grade{color:var(--text-secondary);font-size:13px}.ar-submissions-list .ar-submission-card .ar-actions .ar-grade strong{color:var(--text-primary)}.ar-loading{padding:var(--space-10);text-align:center;color:var(--text-secondary)}.ar-loading .ar-spinner{border:3px solid #667eea26;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:1s linear infinite arSpin}.ar-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-4);z-index:1400;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ar-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-3xl);flex-direction:column;width:95vw;max-width:680px;max-height:90vh;display:flex;overflow:hidden}.ar-modal--wide{max-width:980px}.ar-modal-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--border-color);flex:none;display:flex}.ar-modal-header h2,.ar-modal-header h3{color:var(--text-primary);margin:0;font-weight:900}.ar-modal-header .ar-icon-btn,.ar-modal-header .ar-modal-close{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;display:flex}.ar-modal-header .ar-icon-btn:hover,.ar-modal-header .ar-modal-close:hover{background:var(--bg-secondary)}.ar-modal-content{padding:var(--space-6);gap:var(--space-4);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.ar-modal-content .ar-detail-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.ar-modal-content .ar-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ar-modal-content .ar-detail-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-5);flex-direction:column;gap:12px;display:flex}.ar-modal-content .ar-detail-card-head{align-items:center;gap:12px;display:flex}.ar-modal-content .ar-detail-avatar{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-secondary);width:48px;height:48px;color:var(--text-primary);flex:none;justify-content:center;align-items:center;font-weight:900;display:flex;overflow:hidden}.ar-modal-content .ar-detail-avatar img{object-fit:cover;width:100%;height:100%;display:block}.ar-modal-content .ar-detail-title-wrap{min-width:0}.ar-modal-content .ar-detail-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:900}.ar-modal-content .ar-detail-main{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-weight:900;overflow:hidden}.ar-modal-content .ar-detail-sub{color:var(--text-secondary);margin-top:4px;font-size:12px}.ar-modal-content .ar-kv{grid-template-columns:1fr;gap:10px;display:grid}.ar-modal-content .ar-kv-row{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.ar-modal-content .ar-kv-label{color:var(--text-tertiary);font-size:12px;font-weight:900}.ar-modal-content .ar-kv-value{color:var(--text-primary);text-align:right;word-break:break-word;font-size:13px;font-weight:800}.ar-modal-content .ar-detail-wide{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-5)}.ar-modal-content .ar-detail-text{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-secondary);white-space:pre-wrap;margin-top:10px;padding:12px;font-size:13px}.ar-modal-content .ar-input{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:12px;display:flex}.ar-modal-content .ar-input input,.ar-modal-content .ar-input textarea{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-surface);color:var(--text-primary);outline:none;padding:10px 12px}.ar-modal-content .ar-modal-actions{justify-content:flex-end;gap:12px;display:flex}.ar-modal-content .ar-modal-actions button{border-radius:var(--radius-xl);border:1px solid var(--border-color);cursor:pointer;padding:10px 14px}.ar-modal-content .ar-modal-actions .btn-primary,.ar-modal-content .ar-modal-actions .btn-add-device{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.ar-modal-content .ar-modal-actions .btn-secondary,.ar-modal-content .ar-modal-actions .btn-refresh{background:var(--bg-surface);color:var(--text-primary)}.ar-modal-content .muted{color:var(--text-tertiary);margin-top:6px;font-size:12px}@keyframes arSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.teacher-wallet{padding:var(--space-6);color:#fff;background:#0f172a;max-width:1400px;min-height:100vh;margin:0 auto}@media (max-width:768px){.teacher-wallet{padding:var(--space-4)}}.teacher-wallet .tw-top-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}@media (max-width:640px){.teacher-wallet .tw-top-bar{flex-direction:column;align-items:flex-start;gap:16px}}.teacher-wallet .tw-top-bar .tw-breadcrumb{color:#94a3b8;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.teacher-wallet .tw-top-bar .tw-breadcrumb svg{font-size:16px}.teacher-wallet .tw-top-bar .tw-breadcrumb span.active{color:#fff}.teacher-wallet .tw-top-bar .tw-refresh-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;transition:all .2s;display:flex}.teacher-wallet .tw-top-bar .tw-refresh-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.teacher-wallet .tw-top-bar .tw-refresh-btn svg.spin{animation:1s linear infinite tw-spin}.teacher-wallet .tw-header{margin-bottom:32px}.teacher-wallet .tw-header .tw-title-section h1{letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.teacher-wallet .tw-header .tw-title-section p{color:#94a3b8;margin:0;font-size:16px}.teacher-wallet .tw-balance-section{margin-bottom:32px}.teacher-wallet .tw-balance-section .tw-balance-card{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff1a;border-radius:24px;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 40px -12px #00000080}.teacher-wallet .tw-balance-section .tw-balance-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;right:-10%}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-info h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;font-size:14px;font-weight:700}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-info .tw-balance-amount{align-items:baseline;gap:12px;display:flex}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-info .tw-balance-amount .tw-amount{letter-spacing:-.02em;font-size:48px;font-weight:800}@media (max-width:480px){.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-info .tw-balance-amount .tw-amount{font-size:36px}}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-info .tw-balance-amount .tw-currency{color:#3b82f6;font-size:20px;font-weight:700}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-info .tw-balance-amount .tw-hidden{letter-spacing:4px;color:#475569;font-size:48px}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-toggle-visibility{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-toggle-visibility:hover{color:#fff;background:#ffffff1a}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer{justify-content:space-between;align-items:center;display:flex}@media (max-width:480px){.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer{flex-direction:column;align-items:stretch;gap:20px}}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer .tw-deposit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:16px;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 20px -5px #3b82f666}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer .tw-deposit-btn:hover{background:#2563eb;transform:translateY(-3px);box-shadow:0 15px 25px -5px #3b82f680}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer .tw-deposit-btn:active{transform:translateY(-1px)}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer .tw-balance-stats .tw-stat{color:#10b981;background:#10b9811a;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;display:flex}.teacher-wallet .tw-stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}@media (max-width:900px){.teacher-wallet .tw-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.teacher-wallet .tw-stats-grid{grid-template-columns:1fr}}.teacher-wallet .tw-stats-grid .tw-stat-card{background:#1e293b;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:all .2s;display:flex}.teacher-wallet .tw-stats-grid .tw-stat-card:hover{border-color:#ffffff1a;transform:translateY(-4px)}.teacher-wallet .tw-stats-grid .tw-stat-card .tw-stat-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.teacher-wallet .tw-stats-grid .tw-stat-card.income .tw-stat-icon{color:#10b981;background:#10b9811a}.teacher-wallet .tw-stats-grid .tw-stat-card.expense .tw-stat-icon{color:#ef4444;background:#ef44441a}.teacher-wallet .tw-stats-grid .tw-stat-card.transactions .tw-stat-icon{color:#a78bfa;background:#8b5cf61a}.teacher-wallet .tw-stats-grid .tw-stat-card .tw-stat-content h4{color:#94a3b8;margin:0 0 4px;font-size:14px;font-weight:700}.teacher-wallet .tw-stats-grid .tw-stat-card .tw-stat-content p{color:#fff;margin:0;font-size:20px;font-weight:800}.teacher-wallet .tw-transactions-section .tw-transactions-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}@media (max-width:768px){.teacher-wallet .tw-transactions-section .tw-transactions-header{flex-direction:column;align-items:stretch;gap:16px}}.teacher-wallet .tw-transactions-section .tw-transactions-header h2{margin:0;font-size:24px;font-weight:800}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls{gap:12px;display:flex}@media (max-width:480px){.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls{flex-direction:column}}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-search-box{align-items:center;display:flex;position:relative}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-search-box svg{color:#64748b;position:absolute;left:14px}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-search-box input{color:#fff;background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;width:240px;padding:10px 14px 10px 40px;transition:all .2s}@media (max-width:480px){.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-search-box input{width:100%}}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-search-box input:focus{background:#0f172a;border-color:#3b82f6;outline:none}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-filter-select{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:10px 14px;font-weight:600}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-filter-select:focus{border-color:#3b82f6}.teacher-wallet .tw-transactions-section .tw-transactions-list{flex-direction:column;gap:16px;display:flex}.teacher-wallet .tw-transactions-section .tw-transaction-card{background:#1e293b;border:1px solid #ffffff0d;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:20px;transition:all .2s;display:grid}@media (max-width:640px){.teacher-wallet .tw-transactions-section .tw-transaction-card{grid-template-columns:auto 1fr}}.teacher-wallet .tw-transactions-section .tw-transaction-card:hover{background:#ffffff05;border-color:#ffffff1a}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-icon{color:#94a3b8;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.teacher-wallet .tw-transactions-section .tw-transaction-card.income .tw-transaction-icon{color:#10b981;background:#10b9811a}.teacher-wallet .tw-transactions-section .tw-transaction-card.expense .tw-transaction-icon{color:#ef4444;background:#ef44441a}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-content .tw-transaction-main{margin-bottom:8px}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-content .tw-transaction-main h4{margin:0 0 4px;font-size:16px;font-weight:700}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-content .tw-transaction-main .tw-transaction-description{color:#94a3b8;margin:0;font-size:14px}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-content .tw-transaction-main .tw-course-title{color:#3b82f6;align-items:center;gap:6px;margin:4px 0 0;font-size:13px;font-weight:600;display:flex}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-content .tw-transaction-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-users{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-users span{align-items:center;gap:4px;display:flex}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-users .tw-arrow{font-size:12px}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-date{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-amount{text-align:right}@media (max-width:640px){.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-amount{text-align:left;grid-column:2;margin-top:8px}}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-amount .tw-amount{margin-bottom:4px;font-size:18px;font-weight:800;display:block}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-amount .tw-amount.income{color:#10b981}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-amount .tw-amount.expense{color:#ef4444}.teacher-wallet .tw-transactions-section .tw-transaction-card .tw-transaction-amount .tw-balance-after{color:#475569;font-size:12px;font-weight:600}.teacher-wallet .tw-transactions-section .tw-load-more{justify-content:center;margin-top:32px;display:flex}.teacher-wallet .tw-transactions-section .tw-load-more .tw-load-more-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-weight:700;transition:all .2s;display:flex}.teacher-wallet .tw-transactions-section .tw-load-more .tw-load-more-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.teacher-wallet .tw-empty-state{text-align:center;background:#1e293b;border:2px dashed #ffffff0d;border-radius:24px;padding:60px 20px}.teacher-wallet .tw-empty-state .tw-empty-icon{color:#475569;margin-bottom:24px;font-size:64px}.teacher-wallet .tw-empty-state h3{margin:0 0 12px;font-size:20px;font-weight:800}.teacher-wallet .tw-empty-state p{color:#94a3b8;max-width:400px;margin:0 auto}.teacher-wallet .tw-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.teacher-wallet .tw-modal{background:#1e293b;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:480px;animation:.3s cubic-bezier(.34,1.56,.64,1) tw-modalScale;overflow:hidden}.teacher-wallet .tw-modal .tw-modal-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.teacher-wallet .tw-modal .tw-modal-header h3{margin:0;font-size:20px;font-weight:800}.teacher-wallet .tw-modal .tw-modal-header .tw-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .2s;display:flex}.teacher-wallet .tw-modal .tw-modal-header .tw-modal-close:hover{color:#ef4444;background:#ef44441a}.teacher-wallet .tw-modal .tw-modal-content{padding:32px}.teacher-wallet .tw-modal .tw-modal-content .tw-form-group{margin-bottom:24px}.teacher-wallet .tw-modal .tw-modal-content .tw-form-group label{color:#94a3b8;margin-bottom:10px;font-size:14px;font-weight:700;display:block}.teacher-wallet .tw-modal .tw-modal-content .tw-form-group input,.teacher-wallet .tw-modal .tw-modal-content .tw-form-group textarea{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:16px 20px;font-size:16px;font-weight:600;transition:all .2s}.teacher-wallet .tw-modal .tw-modal-content .tw-form-group input:focus,.teacher-wallet .tw-modal .tw-modal-content .tw-form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.teacher-wallet .tw-modal .tw-modal-content .tw-quick-amounts p{color:#64748b;margin-bottom:12px;font-size:13px;font-weight:700}.teacher-wallet .tw-modal .tw-modal-content .tw-quick-amounts .tw-amount-buttons{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.teacher-wallet .tw-modal .tw-modal-content .tw-quick-amounts .tw-amount-buttons .tw-amount-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:10px;font-size:13px;font-weight:700;transition:all .2s}.teacher-wallet .tw-modal .tw-modal-content .tw-quick-amounts .tw-amount-buttons .tw-amount-btn:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.teacher-wallet .tw-modal .tw-modal-actions{background:#ffffff05;border-top:1px solid #ffffff0d;gap:16px;padding:24px 32px;display:flex}.teacher-wallet .tw-modal .tw-modal-actions button{cursor:pointer;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:10px;height:52px;font-size:15px;font-weight:800;transition:all .2s;display:flex}.teacher-wallet .tw-modal .tw-modal-actions .tw-cancel-btn{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a}.teacher-wallet .tw-modal .tw-modal-actions .tw-cancel-btn:hover{color:#fff;background:#ffffff1a}.teacher-wallet .tw-modal .tw-modal-actions .tw-deposit-submit-btn{color:#fff;background:#3b82f6;border:none;box-shadow:0 8px 16px #3b82f64d}.teacher-wallet .tw-modal .tw-modal-actions .tw-deposit-submit-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 12px 20px #3b82f666}.teacher-wallet .tw-modal .tw-modal-actions .tw-deposit-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes tw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tw-modalScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-container{flex-direction:column;justify-content:center;align-items:center;padding:100px 0;display:flex}.loading-container .spinner{border:4px solid #3b82f61a;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:1s linear infinite tw-spin}.loading-container p{color:#94a3b8;font-weight:600}.tw-spinner-small{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite tw-spin}.uc__container{background:var(--bg-primary);width:100%;min-height:100vh}.uc__header{background:var(--bg-primary);z-index:100;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}@media (max-width:768px){.uc__header{padding:16px}}.uc__header .uc__back-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:16px;font-weight:600;transition:color .3s;display:flex}.uc__header .uc__back-btn:hover{color:#2563eb}.uc__header .uc__title{color:var(--text-primary);text-align:center;flex:1;margin:0;font-size:24px;font-weight:800}@media (max-width:768px){.uc__header .uc__title{font-size:20px}}.uc__header .uc__header-spacer{width:60px}.uc__content{max-width:1400px;margin:0 auto;padding:32px 24px}@media (max-width:768px){.uc__content{padding:20px 16px}}.uc__loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.uc__loading .uc__spinner{color:#3b82f6;margin-bottom:16px;font-size:48px;animation:1s linear infinite spin}.uc__loading p{color:var(--text-primary);font-size:16px}.uc__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.uc__error .uc__error-icon{color:#ef4444;margin-bottom:16px;font-size:48px}.uc__error p{color:var(--text-primary);margin-bottom:24px;font-size:16px}.uc__error .uc__retry-btn{color:var(--bg-primary);cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.uc__error .uc__retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.uc__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.uc__empty .uc__empty-icon{color:var(--text-primary);margin-bottom:16px;font-size:64px}.uc__empty p{color:var(--text-secondary);margin-bottom:24px;font-size:18px}.uc__empty .uc__explore-btn{color:var(--bg-primary);cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .3s}.uc__empty .uc__explore-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.uc__section{margin-bottom:48px}.uc__section .uc__section-title{color:var(--text-primary);margin:0 0 20px;font-size:20px;font-weight:700}.uc__grid{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:20px;padding-bottom:10px;display:flex;overflow-x:auto}.uc__grid::-webkit-scrollbar{display:none}.uc__grid>*{flex:0 0 350px}@media (max-width:1024px){.uc__grid>*{flex:0 0 300px}}@media (max-width:768px){.uc__grid>*{flex:0 0 250px}}@media (max-width:480px){.uc__grid>*{flex:0 0 90%}}.uc__course-card{background:var(--bg-surface);box-shadow:2px 2px 6px var(--text-secondary);cursor:pointer;border-radius:12px;transition:all .3s;overflow:hidden}.uc__course-card:hover{box-shadow:0 8px 20px var(--bg-hover);transform:translateY(-4px)}.uc__course-card:hover .uc__card-overlay{opacity:1}.uc__course-card .uc__card-image{background:var(--bg-surface);width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.uc__course-card .uc__card-image img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.uc__course-card .uc__card-image .uc__card-overlay{background:var(--bg-hover);opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.uc__course-card .uc__card-image .uc__card-overlay .uc__play-btn{background:var(--bg-surface);color:#3b82f6;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:all .3s;display:flex}.uc__course-card .uc__card-image .uc__card-overlay .uc__play-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.uc__course-card .uc__card-content{padding:12px}.uc__course-card .uc__card-content .uc__card-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.uc__course-card .uc__card-content .uc__card-subtitle{color:#3b82f6;margin:0 0 4px;font-size:12px;font-weight:500}.uc__course-card .uc__card-content .uc__card-date{color:#94a3b8;margin:0;font-size:12px}.uc__modal-overlay{background:var(--bg-hover);z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.uc__modal-overlay .uc__modal{background:var(--bg-surface);width:100%;max-width:600px;max-height:90vh;box-shadow:0 20px 40px var(--bg-hover);border:1px solid var(--bg-hover);border-radius:16px;overflow-y:auto}@media (max-width:768px){.uc__modal-overlay .uc__modal{border-radius:12px;max-width:100%}}.uc__modal-overlay .uc__modal .uc__modal-header{border-bottom:1px solid var(--bg-hover);background:var(--bg-surface);z-index:10;justify-content:space-between;align-items:center;padding:24px;display:flex;position:sticky;top:0}.uc__modal-overlay .uc__modal .uc__modal-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.uc__modal-overlay .uc__modal .uc__modal-header .uc__modal-close{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:28px;transition:color .3s}.uc__modal-overlay .uc__modal .uc__modal-header .uc__modal-close:hover{color:red}.uc__modal-overlay .uc__modal .uc__modal-content{padding:24px}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-image{background:var(--bg-hover);border-radius:12px;width:100%;height:300px;margin-bottom:24px;overflow:hidden}@media (max-width:480px){.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-image{height:200px}}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-image img{object-fit:cover;width:100%;height:100%}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info h3{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:800}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-parent{color:#3b82f6;margin:0 0 12px;font-size:14px;font-weight:600}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-date{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-stats{background:var(--bg-hover);border:1px solid var(--bg-hover);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;padding:16px;display:grid}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-stats .uc__stat-item .uc__stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-stats .uc__stat-item .uc__stat-value{color:var(--text-primary);word-break:break-word;font-size:16px;font-weight:700;display:block}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions{gap:12px;display:flex}@media (max-width:480px){.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions{flex-direction:column}}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);box-shadow:0 4px 12px #3b82f64d}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-primary:active{transform:translateY(0)}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-secondary{color:#3b82f6;background:#fff;border:2px solid #3b82f6}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-secondary:hover{background:#f0f9ff}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-secondary:active{transform:scale(.98)}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-secondary svg{width:16px;height:16px}.uc__modal::-webkit-scrollbar{width:8px}.uc__modal::-webkit-scrollbar-track{background:0 0}.uc__modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.uc__modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.user-saved-reels{width:100%}@media (max-width:768px){.user-saved-reels{padding:0}}.user-saved-reels__header{margin-bottom:2rem}.user-saved-reels__header h1{text-align:center;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:1rem;font-size:2rem;font-weight:700}@media (max-width:768px){.user-saved-reels__header h1{font-size:1.5rem}}.user-saved-reels__count{color:var(--text-secondary);margin:0;font-size:.95rem}.user-saved-reels__loading,.user-saved-reels__empty{text-align:center;min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.user-saved-reels__loading .spinner,.user-saved-reels__empty .spinner{border:4px solid #677eea1a;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}.user-saved-reels__loading svg,.user-saved-reels__empty svg{color:var(--text-tertiary);margin-bottom:1rem}.user-saved-reels__loading h2,.user-saved-reels__empty h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem}.user-saved-reels__loading p,.user-saved-reels__empty p{margin:0;font-size:1rem}.user-saved-reels__grid{grid-template-columns:repeat(5,1fr);gap:.75rem;display:grid}@media (max-width:1024px){.user-saved-reels__grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.user-saved-reels__grid{grid-template-columns:repeat(3,1fr);gap:.5rem}}@media (max-width:480px){.user-saved-reels__grid{grid-template-columns:repeat(2,1fr)}}.user-saved-reels__card{background:var(--card-bg);cursor:pointer;border:1px solid var(--border-color,#ffffff1a);border-radius:8px;transition:all .3s;overflow:hidden}.user-saved-reels__card:hover{border-color:#667eea;transform:translateY(-2px)}.user-saved-reels__card:hover .user-saved-reels__card-overlay{opacity:1}.user-saved-reels__card-thumbnail{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;padding-top:177.78%;position:relative;overflow:hidden}.user-saved-reels__card-video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.user-saved-reels__card-placeholder{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.user-saved-reels__card-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.user-saved-reels__card-overlay .play-icon{color:#fff;filter:drop-shadow(0 2px 8px #0000004d)}.user-saved-reels__card-duration{color:#fff;background:#000c;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:flex;position:absolute;bottom:8px;right:8px}.user-saved-reels__card-content{padding:1rem}.user-saved-reels__card-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}@media (max-width:768px){.user-saved-reels__card-title{font-size:.9rem}}.user-saved-reels__card-meta{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.user-saved-reels__card-meta svg{flex-shrink:0}.user-reel-view-modal{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.user-reel-view-modal__backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;position:absolute;inset:0}.user-reel-view-modal__content{background:#000;width:100%;max-width:480px;height:100vh;animation:.3s ease-out modalSlideIn;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.user-reel-view-modal__content{max-width:100%}}@media (max-width:480px){.user-reel-view-modal__content{max-width:100%;height:100dvh}}.user-reel-view-modal__close{top:1rem;top:max(1rem,env(safe-area-inset-top));left:1rem;left:max(1rem,env(safe-area-inset-left));z-index:100;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute}.user-reel-view-modal__close:hover{background:#000c;transform:scale(1.1)}.user-reel-view-modal__close:active{transform:scale(.95)}.user-reel-view-modal__loading{color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.user-reel-view-modal__loading .spinner{border:4px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}.user-reel-view-modal__loading p{color:#fff}.user-reel-view-modal__video-wrapper{background:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}@media (max-width:480px){.user-reel-view-modal__video-wrapper{height:100dvh}}.user-reel-view-modal__video{object-fit:contain;cursor:pointer;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;width:100%;height:100%}@media (max-width:768px){.user-reel-view-modal__video{object-fit:cover}}.user-reel-view-modal__play-overlay{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.user-reel-view-modal__play-overlay svg{color:#fff;filter:drop-shadow(0 4px 12px #00000080);pointer-events:auto;cursor:pointer}.user-reel-view-modal__mute-btn{top:1rem;top:max(1rem,env(safe-area-inset-top));right:1rem;right:max(1rem,env(safe-area-inset-right));z-index:10;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute}.user-reel-view-modal__mute-btn:hover{background:#000c;transform:scale(1.1)}.user-reel-view-modal__mute-btn:active{transform:scale(.95)}.user-reel-view-modal__info-overlay{color:#fff;z-index:3;pointer-events:none;background:linear-gradient(#0000 0%,#000000b3 50%,#000000e6 100%);width:100%;padding:1.5rem 1.5rem 2.5rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){.user-reel-view-modal__info-overlay{padding:1rem 1rem 2rem}}.user-reel-view-modal__info-overlay .reel-title{-webkit-line-clamp:2;line-clamp:2;text-shadow:0 2px 4px #00000080;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:1.1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:768px){.user-reel-view-modal__info-overlay .reel-title{font-size:1rem}}.user-reel-view-modal__info-overlay .reel-caption{opacity:.9;-webkit-line-clamp:2;line-clamp:2;text-shadow:0 1px 3px #00000080;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (max-width:768px){.user-reel-view-modal__info-overlay .reel-caption{-webkit-line-clamp:1;line-clamp:1;font-size:.85rem}}.user-reel-view-modal__actions{bottom:80px;bottom:max(80px,80px + env(safe-area-inset-bottom));right:1rem;right:max(1rem,env(safe-area-inset-right));z-index:10;flex-direction:column;gap:1.5rem;animation:.5s ease-out fadeIn;display:flex;position:absolute}@media (max-width:768px){.user-reel-view-modal__actions{bottom:70px;bottom:max(70px,70px + env(safe-area-inset-bottom));right:.75rem;right:max(.75rem,env(safe-area-inset-right));gap:1.25rem}}.user-reel-view-modal__actions .action-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;transition:all .3s;display:flex}.user-reel-view-modal__actions .action-btn svg{filter:drop-shadow(0 2px 8px #00000080);transition:transform .2s}.user-reel-view-modal__actions .action-btn span{text-shadow:0 1px 3px #00000080;text-align:center;min-width:30px;font-size:.75rem;font-weight:600}.user-reel-view-modal__actions .action-btn:hover{background:#ffffff1a;transform:scale(1.1)}.user-reel-view-modal__actions .action-btn:hover svg{transform:scale(1.1)}.user-reel-view-modal__actions .action-btn:active{transform:scale(.95)}.user-reel-view-modal__actions .action-btn:active svg{transform:scale(.9)}.user-reel-view-modal__actions .action-btn.liked{color:#ff2e63;animation:.4s likeAnimation}.user-reel-view-modal__actions .action-btn.liked svg{filter:drop-shadow(0 2px 12px #ff2e6399)}.user-reel-view-modal__actions .action-btn.active{color:#667eea}.user-reel-view-modal__actions .action-btn.active svg{filter:drop-shadow(0 2px 12px #667eea99)}.user-reel-view-modal__comments{background:var(--card-bg,#1a1a1a);z-index:50;border-radius:20px 20px 0 0;flex-direction:column;max-height:70vh;animation:.3s ease-out slideUp;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.user-reel-view-modal__comments .comments-header{border-bottom:1px solid var(--border-color,#ffffff1a);background:var(--card-bg,#1a1a1a);z-index:10;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.user-reel-view-modal__comments .comments-header h3{color:var(--text-primary,#fff);margin:0;font-size:1.1rem;font-weight:600}.user-reel-view-modal__comments .comments-header button{color:var(--text-secondary,#ffffffb3);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.user-reel-view-modal__comments .comments-header button:hover{background:var(--hover-bg,#ffffff1a);color:var(--text-primary,#fff)}.user-reel-view-modal__comments .comments-list{-webkit-overflow-scrolling:touch;flex:1;max-height:50vh;padding:1rem;overflow-y:auto}.user-reel-view-modal__comments .comments-list::-webkit-scrollbar{width:6px}.user-reel-view-modal__comments .comments-list::-webkit-scrollbar-track{background:0 0}.user-reel-view-modal__comments .comments-list::-webkit-scrollbar-thumb{background:var(--border-color,#fff3);border-radius:3px}.user-reel-view-modal__comments .comments-list::-webkit-scrollbar-thumb:hover{background:var(--border-color,#ffffff4d)}.user-reel-view-modal__comments .comments-loading{justify-content:center;align-items:center;padding:2rem;display:flex}.user-reel-view-modal__comments .comments-loading .spinner{border:3px solid #677eea1a;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.user-reel-view-modal__comments .comments-empty{color:var(--text-secondary,#fff9);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.user-reel-view-modal__comments .comments-empty svg{opacity:.5;margin-bottom:1rem}.user-reel-view-modal__comments .comments-empty p{margin:0;font-size:.95rem}.user-reel-view-modal__comments .comment-item{gap:.75rem;margin-bottom:1rem;animation:.3s ease-out fadeIn;display:flex}@media (max-width:480px){.user-reel-view-modal__comments .comment-item{gap:.5rem}}.user-reel-view-modal__comments .comment-item .comment-avatar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.user-reel-view-modal__comments .comment-item .comment-avatar img{object-fit:cover;width:100%;height:100%}.user-reel-view-modal__comments .comment-item .comment-avatar .avatar-placeholder{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;font-weight:600;display:flex}.user-reel-view-modal__comments .comment-item .comment-content{flex:1;min-width:0}.user-reel-view-modal__comments .comment-item .comment-header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.user-reel-view-modal__comments .comment-item .comment-header .comment-author{color:var(--text-primary,#fff);font-size:.9rem;font-weight:600}.user-reel-view-modal__comments .comment-item .comment-header .comment-time{color:var(--text-secondary,#fff9);font-size:.75rem}.user-reel-view-modal__comments .comment-item .comment-text{color:var(--text-primary,#fff);word-wrap:break-word;white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.5}.user-reel-view-modal__comments .comments-input{padding:1rem 1.5rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));border-top:1px solid var(--border-color,#ffffff1a);background:var(--card-bg,#1a1a1a);z-index:10;align-items:center;gap:.75rem;display:flex;position:sticky;bottom:0}.user-reel-view-modal__comments .comments-input input{background:var(--input-bg,#ffffff0d);border:1px solid var(--border-color,#ffffff1a);color:var(--text-primary,#fff);border-radius:24px;outline:none;flex:1;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.user-reel-view-modal__comments .comments-input input:focus{background:var(--input-bg,#ffffff14);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.user-reel-view-modal__comments .comments-input input::placeholder{color:var(--text-tertiary,#fff6)}.user-reel-view-modal__comments .comments-input button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.user-reel-view-modal__comments .comments-input button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.user-reel-view-modal__comments .comments-input button:active:not(:disabled){transform:scale(.95)}.user-reel-view-modal__comments .comments-input button:disabled{opacity:.5;cursor:not-allowed}@keyframes likeAnimation{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}75%{transform:scale(1.1)}to{transform:scale(1)}}.usa-container{max-width:1200px;min-height:100vh;margin:0 auto;padding:24px}@media (max-width:768px){.usa-container{padding:16px}}.usa-header{margin-bottom:32px}.usa-header .usa-title-section h1{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:800}.usa-header .usa-title-section p{color:var(--text-secondary);font-size:16px}.usa-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}@media (max-width:1024px){.usa-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.usa-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.usa-stats-grid .usa-stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 4px 12px #0000000d}@media (max-width:480px){.usa-stats-grid .usa-stat-card{text-align:center;flex-direction:column;gap:10px;padding:12px}}.usa-stats-grid .usa-stat-card .stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}@media (max-width:480px){.usa-stats-grid .usa-stat-card .stat-icon{width:36px;height:36px;font-size:18px}}.usa-stats-grid .usa-stat-card .stat-icon.total{color:#3b82f6;background:#3b82f61a}.usa-stats-grid .usa-stat-card .stat-icon.graded{color:#10b981;background:#10b9811a}.usa-stats-grid .usa-stat-card .stat-icon.pending{color:#f59e0b;background:#f59e0b1a}.usa-stats-grid .usa-stat-card .stat-icon.avg{color:#8b5cf6;background:#8b5cf61a}.usa-stats-grid .usa-stat-card .stat-info .stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:14px;display:block}@media (max-width:480px){.usa-stats-grid .usa-stat-card .stat-info .stat-label{font-size:11px}}.usa-stats-grid .usa-stat-card .stat-info .stat-value{color:var(--text-primary);font-size:20px;font-weight:700;display:block}@media (max-width:480px){.usa-stats-grid .usa-stat-card .stat-info .stat-value{font-size:16px}}.usa-filters{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}@media (max-width:768px){.usa-filters{flex-direction:column;align-items:stretch}}.usa-filters .filter-group{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:6px 12px;display:flex}@media (max-width:768px){.usa-filters .filter-group{grid-template-columns:auto 1fr 1fr 1fr;gap:8px;padding:8px;display:grid}}.usa-filters .filter-group .filter-icon{color:var(--text-secondary);flex-shrink:0}.usa-filters .filter-group .filter-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .3s}@media (max-width:768px){.usa-filters .filter-group .filter-btn{text-align:center;padding:8px 4px;font-size:13px}}.usa-filters .filter-group .filter-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.usa-filters .filter-group .filter-btn.active{color:#fff;background:#3b82f6}.usa-list-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.usa-card{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:all .3s;display:flex}.usa-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.usa-card .card-badge .grade-badge,.usa-card .card-badge .pending-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.usa-card .card-badge .grade-badge{color:#10b981;background:#10b9811a}.usa-card .card-badge .pending-badge{color:#f59e0b;background:#f59e0b1a}.usa-card .card-content .card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:18px;font-weight:700;display:-webkit-box;overflow:hidden}.usa-card .card-content .card-type{color:var(--text-secondary);text-transform:capitalize;font-size:14px}.usa-card .card-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:16px}.usa-card .card-footer .date{color:var(--text-tertiary);font-size:13px}.usa-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@media (max-width:768px){.usa-modal-overlay{padding:0}}.usa-modal{background:var(--bg-surface);border-radius:24px;width:100%;max-width:700px;max-height:90vh;animation:.3s ease-out modalSlideUp;position:relative;overflow-y:auto}@media (max-width:768px){.usa-modal{border-radius:0;height:100%;max-height:100vh}}.usa-modal .modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-surface);z-index:10;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.usa-modal .modal-header h2{font-size:20px;font-weight:800}.usa-modal .modal-header .close-btn{background:var(--bg-hover);cursor:pointer;width:36px;height:36px;color:var(--text-primary);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.usa-modal .modal-body{padding:24px}.usa-modal .modal-loading{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:300px;padding:100px 0;display:flex}.detail-header-info{justify-content:space-between;gap:20px;margin-bottom:32px;display:flex}.detail-header-info .title-block h3{margin-bottom:4px;font-size:22px;font-weight:800}.detail-header-info .title-block .course-title{color:#3b82f6;font-weight:600}.detail-header-info .score-block{flex-direction:column;align-items:flex-end;display:flex}.detail-header-info .score-block .val{font-size:32px;font-weight:900}.detail-header-info .score-block .max{color:var(--text-secondary);font-size:14px}.detail-header-info .score-block.graded{color:#10b981}.detail-header-info .score-block.pending{color:#f59e0b}.detail-sections{flex-direction:column;gap:24px;display:flex}.detail-sections .section h4{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:700}.detail-sections .section p{color:var(--text-secondary);line-height:1.6}.detail-sections .section.feedback{background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:12px;padding:16px}.text-answer{background:var(--bg-hover);border-radius:12px;margin-bottom:12px;padding:16px}.attachment-actions{gap:12px;display:flex}.attachment-actions .action-link{color:#fff;background:#3b82f6;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.attachment-actions .action-link:hover{opacity:.9}.modal-footer-meta{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;margin-top:32px;padding-top:20px;font-size:14px;display:flex}.modal-footer-meta .meta span{color:var(--text-tertiary);margin-right:6px}.modal-footer-meta .meta strong{color:var(--text-secondary)}.spinner{color:#3b82f6;font-size:40px;animation:1s linear infinite spin}.utr-container{max-width:1200px;min-height:100vh;margin:0 auto;padding:24px}@media (max-width:768px){.utr-container{padding:16px}}.utr-header{margin-bottom:32px}.utr-header .utr-title-section h1{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:800}.utr-header .utr-title-section p{color:var(--text-secondary);font-size:16px}.utr-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}@media (max-width:1024px){.utr-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.utr-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.utr-stats-grid .utr-stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:20px;padding:24px;transition:transform .3s;display:flex;box-shadow:0 4px 12px #0000000d}@media (max-width:480px){.utr-stats-grid .utr-stat-card{text-align:center;border-radius:16px;flex-direction:column;gap:10px;padding:12px}}.utr-stats-grid .utr-stat-card:hover{transform:translateY(-4px)}.utr-stats-grid .utr-stat-card .stat-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}@media (max-width:480px){.utr-stats-grid .utr-stat-card .stat-icon{border-radius:10px;width:36px;height:36px;font-size:18px}}.utr-stats-grid .utr-stat-card .stat-icon.total{color:#3b82f6;background:#3b82f61a}.utr-stats-grid .utr-stat-card .stat-icon.success{color:#10b981;background:#10b9811a}.utr-stats-grid .utr-stat-card .stat-icon.danger{color:#ef4444;background:#ef44441a}.utr-stats-grid .utr-stat-card .stat-icon.rate{color:#8b5cf6;background:#8b5cf61a}.utr-stats-grid .utr-stat-card .stat-info .stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:14px;font-weight:500;display:block}@media (max-width:480px){.utr-stats-grid .utr-stat-card .stat-info .stat-label{font-size:11px}}.utr-stats-grid .utr-stat-card .stat-info .stat-value{color:var(--text-primary);font-size:24px;font-weight:800;display:block}@media (max-width:480px){.utr-stats-grid .utr-stat-card .stat-info .stat-value{font-size:16px}}.utr-mobile-filter-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:16px;padding:14px;font-size:15px;font-weight:700;transition:all .3s;display:none;box-shadow:0 4px 12px #3b82f64d}@media (max-width:768px){.utr-mobile-filter-btn{display:flex}}.utr-mobile-filter-btn:hover{background:#2563eb}.utr-mobile-filter-btn.active{background:#ef4444;box-shadow:0 4px 12px #ef44444d}.utr-mobile-filter-btn svg{font-size:18px}.utr-filters{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;flex-wrap:wrap;gap:24px;width:100%;margin-bottom:32px;padding:20px;display:flex}@media (max-width:768px){.utr-filters{display:none}.utr-filters.show{background:var(--bg-surface);border:1px solid var(--border-color);flex-direction:column;gap:20px;width:100%;margin-bottom:24px;padding:16px;animation:.3s ease-out slideDown;display:flex}}.utr-filters .filter-group{align-items:center;gap:12px;display:flex}@media (max-width:768px){.utr-filters .filter-group{flex-direction:column;align-items:flex-start;gap:10px;width:100%}}.utr-filters .filter-group .label{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:600}@media (max-width:768px){.utr-filters .filter-group .label{color:var(--text-primary);align-items:center;gap:6px;width:100%;font-size:13px;display:flex}.utr-filters .filter-group .label:after{content:"";background:var(--border-color);flex:1;height:1px}}.utr-filters .filter-group .filter-buttons{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;width:100%;padding:4px 2px;display:flex;overflow-x:auto}.utr-filters .filter-group .filter-buttons::-webkit-scrollbar{display:none}.utr-filters .filter-group .filter-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}@media (max-width:768px){.utr-filters .filter-group .filter-btn{text-align:center;flex:1;width:100%;padding:10px 20px}}.utr-filters .filter-group .filter-btn:hover{color:#3b82f6;border-color:#3b82f6}.utr-filters .filter-group .filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.utr-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}@media (max-width:1024px){.utr-grid{grid-template-columns:1fr}}.utr-card{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;flex-direction:column;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.utr-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.utr-card.passed:before{background:#10b981}.utr-card.failed:before{background:#ef4444}.utr-card:hover{border-color:#3b82f680;transform:translateY(-6px);box-shadow:0 12px 30px #0000001a}.utr-card .card-header{justify-content:space-between;align-items:center;display:flex}.utr-card .card-header .status-badge{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.utr-card .card-header .status-badge.passed{color:#10b981}.utr-card .card-header .status-badge.failed{color:#ef4444}.utr-card .card-header .score-badge .score{color:var(--text-primary);font-size:24px;font-weight:900}.utr-card .card-body{flex-direction:column;gap:12px;display:flex}.utr-card .card-body .info-row{justify-content:space-between;font-size:14px;display:flex}.utr-card .card-body .info-row span{color:var(--text-secondary)}.utr-card .card-body .info-row strong{color:var(--text-primary);font-weight:600}.utr-card .card-footer{border-top:1px solid var(--border-color);color:var(--text-tertiary);align-items:center;gap:8px;padding-top:16px;font-size:13px;display:flex}.utr-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@media (max-width:768px){.utr-modal-overlay{padding:0}}.utr-modal{background:var(--bg-surface);border-radius:28px;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp;position:relative;overflow-y:auto}@media (max-width:768px){.utr-modal{border-radius:0;height:100%;max-height:100vh}}.utr-modal .modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-surface);z-index:10;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:sticky;top:0}@media (max-width:768px){.utr-modal .modal-header{padding:16px 20px}}.utr-modal .modal-header h2{color:var(--text-primary);font-size:22px;font-weight:800}.utr-modal .modal-header .close-btn{background:var(--bg-hover);cursor:pointer;width:40px;height:40px;color:var(--text-primary);border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.utr-modal .modal-header .close-btn:hover{color:#fff;background:#ef4444}.utr-modal .modal-body{padding:32px}@media (max-width:768px){.utr-modal .modal-body{padding:20px}}.utr-modal .modal-loading{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:300px;padding:100px 0;display:flex}.test-summary-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:24px;margin-bottom:32px;padding:24px;display:flex}.test-summary-card .summary-score{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;font-weight:900;display:flex}.test-summary-card .summary-score.passed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px #10b9814d}.test-summary-card .summary-score.failed{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 20px #ef44444d}.test-summary-card .summary-info h3{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:800}.test-summary-card .summary-info p{color:#3b82f6;font-size:15px;font-weight:600}.questions-section h4{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:800}.questions-list{flex-direction:column;gap:20px;display:flex}.question-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:20px}.question-card.correct{border-left:4px solid #10b981}.question-card.incorrect{border-left:4px solid #ef4444}.question-card .q-header{justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.question-card .q-header .num{color:var(--text-tertiary)}.question-card .q-header .status.correct{color:#10b981}.question-card .q-header .status.incorrect{color:#ef4444}.question-card .q-text{color:var(--text-primary);margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5}.options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:640px){.options-grid{grid-template-columns:1fr}}.options-grid .opt-item{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.options-grid .opt-item.selected{color:#ef4444;background:#ef44440d;border-color:#ef4444}.options-grid .opt-item.correct{color:#10b981;background:#10b9810d;border-color:#10b981}.options-grid .opt-item.selected.correct{background:#10b9811a}.options-grid .opt-item .indicator{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:flex}.options-grid .opt-item.correct .indicator{color:#fff;background:#10b981;border-color:#10b981}.options-grid .opt-item.selected:not(.correct) .indicator{color:#fff;background:#ef4444;border-color:#ef4444}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.utr-loading-state{flex-direction:column;justify-content:center;align-items:center;padding:100px 0;display:flex}.utr-loading-state .spinner{color:#3b82f6;margin-bottom:16px;font-size:48px;animation:1s linear infinite spin}.utr-loading-state p{color:var(--text-secondary)}.director-hashtags{color:var(--text-primary);--dh-border:var(--border-color,#0000001f);--dh-surface:var(--card-bg,#ffffffbf);--dh-surface-2:var(--card-bg-2,#ffffff8c);--dh-surface-hover:var(--card-bg-hover,#ffffffd9);--dh-success-bg:#22c55e2e;--dh-success-border:#22c55e73;--dh-success-text:#16a34a;--dh-warning-bg:#facc152e;--dh-warning-border:#facc158c;--dh-warning-text:#a16207;--dh-error-bg:#ef44442e;--dh-error-border:#ef444473;--dh-error-text:#b91c1c;padding:18px}.director-hashtags__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.director-hashtags__h1{align-items:center;gap:10px;margin:0;font-weight:900;display:flex}.director-hashtags__subtitle{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.director-hashtags__add-btn{border:1px solid var(--dh-border);background:var(--primary);color:#fff;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-weight:800;display:inline-flex}.director-hashtags__tabs{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.director-hashtags__tab{border:1px solid var(--dh-border);background:var(--dh-surface-2);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:12px;padding:10px 12px;font-weight:800}.director-hashtags__tab.is-active{background:var(--dh-surface-hover);box-shadow:var(--shadow-sm)}.director-hashtags__toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.director-hashtags__filters{flex-wrap:wrap;gap:8px;display:flex}.director-hashtags__filter{border:1px solid var(--dh-border);background:var(--dh-surface-2);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:10px;padding:8px 10px;font-size:13px;font-weight:800}.director-hashtags__filter.is-active{background:var(--dh-surface-hover);box-shadow:var(--shadow-xs)}.director-hashtags__filter--approved.is-active{border-color:var(--dh-success-border);background:var(--dh-success-bg);color:var(--dh-success-text)}.director-hashtags__filter--pending.is-active{border-color:var(--dh-warning-border);background:var(--dh-warning-bg);color:var(--dh-warning-text)}.director-hashtags__filter--rejected.is-active{border-color:var(--dh-error-border);background:var(--dh-error-bg);color:var(--dh-error-text)}.director-hashtags__search{border:1px solid var(--dh-border);background:var(--dh-surface-2);color:var(--text-secondary);border-radius:12px;align-items:center;gap:8px;margin-left:auto;padding:8px 10px;display:flex}.director-hashtags__search input{width:220px;color:var(--text-primary);background:0 0;border:none;outline:none}.director-hashtags__table{border:1px solid var(--dh-border);background:var(--dh-surface);border-radius:14px;margin-top:14px;overflow:hidden}.director-hashtags__thead,.director-hashtags__row{grid-template-columns:1.4fr .9fr .9fr 1.2fr;align-items:center;gap:0;padding:12px;display:grid}.director-hashtags__thead{background:var(--dh-surface-2);letter-spacing:.02em;font-size:12px;font-weight:900}.director-hashtags__row{border-top:1px solid var(--dh-border)}.director-hashtags__name{font-weight:900}.director-hashtags__type{opacity:.85}.director-hashtags__date{color:var(--text-secondary);font-size:13px}.director-hashtags__chip{white-space:nowrap;border:1px solid var(--dh-border);background:var(--dh-surface-2);color:var(--text-primary);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.director-hashtags__chip--approved{border-color:var(--dh-success-border);background:var(--dh-success-bg);color:var(--dh-success-text)}.director-hashtags__chip--pending{border-color:var(--dh-warning-border);background:var(--dh-warning-bg);color:var(--dh-warning-text)}.director-hashtags__chip--rejected{border-color:var(--dh-error-border);background:var(--dh-error-bg);color:var(--dh-error-text)}.director-hashtags__empty{color:var(--text-secondary);padding:16px}.director-hashtags__modal{z-index:60;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.director-hashtags__modal-card{background:var(--bg-card,#fff);border:1px solid var(--dh-border);width:min(520px,100%);color:var(--text-primary);border-radius:14px;padding:16px}.director-hashtags__modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.director-hashtags__modal-title{align-items:center;gap:10px;font-size:16px;font-weight:900;display:flex}.director-hashtags__modal-close{border:1px solid var(--dh-border);background:var(--dh-surface-2);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.director-hashtags__modal-subtitle{color:var(--text-secondary);margin-top:12px;font-size:13px}.director-hashtags__field{margin-top:12px}.director-hashtags__field label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.director-hashtags__field input{border:1px solid var(--dh-border);background:var(--dh-surface-2);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:10px 12px}.director-hashtags__modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.director-hashtags__btn{border:1px solid var(--dh-border);background:var(--dh-surface-2);color:var(--text-primary);cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:900}.director-hashtags__btn--primary{background:var(--primary);color:#fff}@media (max-width:720px){.director-hashtags__thead,.director-hashtags__row{grid-template-columns:1.4fr .9fr;row-gap:6px}.director-hashtags__thead div:nth-child(3),.director-hashtags__thead div:nth-child(4),.director-hashtags__row div:nth-child(3),.director-hashtags__row div:nth-child(4){justify-self:start}.director-hashtags__search{width:100%;margin-left:0}.director-hashtags__search input{width:100%}}.user-likes-comments{background:var(--bg-primary);max-width:1400px;min-height:100vh;margin:0 auto;padding:32px}@media (max-width:1024px){.user-likes-comments{padding:24px}}@media (max-width:768px){.user-likes-comments{padding:16px}}.user-likes-comments__header{text-align:left;margin-bottom:40px}.user-likes-comments__header h1{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:850}.user-likes-comments__header p{color:var(--text-secondary);font-size:18px;font-weight:500}@media (max-width:768px){.user-likes-comments__header{margin-bottom:24px}.user-likes-comments__header h1{font-size:24px}.user-likes-comments__header p{font-size:15px}}.user-likes-comments__tabs{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;gap:8px;width:fit-content;margin-bottom:32px;padding:6px;display:flex}@media (max-width:768px){.user-likes-comments__tabs{width:100%}}.user-likes-comments__tabs .tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 28px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.user-likes-comments__tabs .tab-btn svg{transition:transform .3s}.user-likes-comments__tabs .tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.user-likes-comments__tabs .tab-btn.active{background:var(--bg-primary);box-shadow:0 4px 12px #0000001a}.user-likes-comments__tabs .tab-btn.active.likes{color:#ef4444;background:#ef44441a}.user-likes-comments__tabs .tab-btn.active.comments{color:#3b82f6;background:#3b82f61a}@media (max-width:480px){.user-likes-comments__tabs .tab-btn{flex:1;justify-content:center;gap:8px;padding:12px 8px;font-size:14px}.user-likes-comments__tabs .tab-btn span{display:inline-block}}.user-likes-comments__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;display:grid}@media (max-width:1200px){.user-likes-comments__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:480px){.user-likes-comments__grid{grid-template-columns:repeat(2,1fr);gap:12px}}.user-likes-comments__reel-card{background:var(--bg-surface);cursor:pointer;border:1px solid var(--border-color);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.user-likes-comments__reel-card:hover{border-color:var(--primary-color);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0003}.user-likes-comments__reel-card:hover .reel-card__overlay{opacity:1}.user-likes-comments__reel-card:hover .reel-card__image{transform:scale(1.1)}.user-likes-comments__reel-card .reel-card__thumbnail{aspect-ratio:9/16;background:#000;position:relative;overflow:hidden}.user-likes-comments__reel-card .reel-card__thumbnail .reel-card__image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.user-likes-comments__reel-card .reel-card__placeholder{width:100%;height:100%;color:var(--text-tertiary);background:linear-gradient(45deg,var(--bg-surface),var(--bg-hover));justify-content:center;align-items:center;display:flex}.user-likes-comments__reel-card .reel-card__overlay{opacity:0;color:#fff;background:linear-gradient(#0000,#000000b3);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.user-likes-comments__reel-card .reel-card__overlay .play-icon-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.user-likes-comments__reel-card .reel-card__like-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#ef4444f2;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 8px 16px #ef44444d}.user-likes-comments__reel-card .reel-card__content{background:var(--bg-surface);padding:16px}.user-likes-comments__reel-card .reel-card__content .reel-card__time{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.user-likes-comments__reel-card .reel-card__content .reel-card__time svg{color:var(--primary-color)}.user-likes-comments__list{flex-direction:column;gap:16px;max-width:800px;display:flex}.user-likes-comments .comment-item{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;align-items:flex-start;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.user-likes-comments .comment-item:hover{background:var(--bg-hover);border-color:#3b82f6;transform:translate(8px);box-shadow:0 12px 24px #3b82f61a}.user-likes-comments .comment-item:hover .item__arrow{color:#3b82f6;transform:translate(4px)}.user-likes-comments .comment-item .item__icon{color:#3b82f6;background:#3b82f61a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:inset 0 0 0 1px #3b82f633}.user-likes-comments .comment-item .item__content{flex:1}.user-likes-comments .comment-item .item__content .item__title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:17px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.user-likes-comments .comment-item .item__content .item__subtitle{color:#3b82f6;align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.user-likes-comments .comment-item .item__content .item__subtitle:before{content:"#";opacity:.5}.user-likes-comments .comment-item .item__content .item__time{color:var(--text-tertiary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.user-likes-comments .comment-item .item__arrow{color:var(--text-tertiary);align-self:center;font-size:24px;transition:all .3s}@media (max-width:480px){.user-likes-comments .comment-item{gap:12px;padding:16px}.user-likes-comments .comment-item .item__icon{border-radius:10px;width:44px;height:44px}.user-likes-comments .comment-item .item__icon svg{width:20px;height:20px}.user-likes-comments .comment-item .item__title{font-size:15px}}.user-likes-comments__empty{text-align:center;background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:32px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:100px 20px;display:flex}.user-likes-comments__empty svg{color:var(--primary-color);opacity:.2;margin-bottom:24px}.user-likes-comments__empty h2{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:800}.user-likes-comments__empty p{color:var(--text-secondary);max-width:340px;font-size:16px;line-height:1.6}.user-likes-comments__loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:120px 0;display:flex}.user-likes-comments__loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:1s cubic-bezier(.4,0,.2,1) infinite spin}.user-likes-comments__loading p{letter-spacing:.5px;font-weight:600}.comment-item.highlighted{animation:2s highlight-pulse;background:#3b82f61a!important;border-color:#3b82f6!important}@keyframes highlight-pulse{0%{transform:scale(1);box-shadow:0 0 #3b82f666}50%{transform:scale(1.02);box-shadow:0 0 20px 10px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.user-subscriptions{background:var(--bg-primary);max-width:1400px;min-height:100vh;margin:0 auto;padding:32px}@media (max-width:768px){.user-subscriptions{padding:16px}}.user-subscriptions__header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.user-subscriptions__header .header-info h1{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:850}.user-subscriptions__header .header-info .sub-info{color:var(--text-secondary);align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.user-subscriptions__header .header-info .sub-info .count-badge{background:var(--primary-color);color:#fff;border-radius:6px;padding:2px 8px;font-size:14px}.user-subscriptions__header .refresh-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .3s;display:flex}.user-subscriptions__header .refresh-btn:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-2px)}.user-subscriptions__header .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.user-subscriptions__header .refresh-btn svg.spinning{animation:1s linear infinite spin}@media (max-width:768px){.user-subscriptions__header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.user-subscriptions__header h1{font-size:24px}.user-subscriptions__header .refresh-btn{justify-content:center;width:100%}}.user-subscriptions__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}@media (max-width:480px){.user-subscriptions__grid{grid-template-columns:1fr}}.user-subscriptions__card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.user-subscriptions__card:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.user-subscriptions__card:hover .card-banner img{transform:scale(1.05)}.user-subscriptions__card .card-banner{background:linear-gradient(45deg,var(--bg-hover),var(--border-color));height:100px;position:relative;overflow:hidden}.user-subscriptions__card .card-banner img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.user-subscriptions__card .card-banner:after{content:"";background:linear-gradient(#0000,#0003);position:absolute;inset:0}.user-subscriptions__card .card-content{padding:0 20px 20px;position:relative}.user-subscriptions__card .card-avatar{border:4px solid var(--bg-surface);background:var(--bg-surface);z-index:2;border-radius:22px;width:72px;height:72px;margin-top:-36px;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000001a}.user-subscriptions__card .card-avatar img{object-fit:cover;width:100%;height:100%}.user-subscriptions__card .card-avatar .avatar-placeholder{background:var(--bg-hover);width:100%;height:100%;color:var(--primary-color);justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex}.user-subscriptions__card .card-info{margin-top:12px}.user-subscriptions__card .card-info .title-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.user-subscriptions__card .card-info .title-row h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;overflow:hidden}.user-subscriptions__card .card-info .title-row .verified-badge{color:#3b82f6;flex-shrink:0}.user-subscriptions__card .card-info .username{color:var(--text-secondary);font-size:14px;font-weight:500}.user-subscriptions__card .card-info .badge-text{color:#3b82f6;background:#3b82f61a;border-radius:8px;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.user-subscriptions__card .card-stats{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);justify-content:space-between;margin-top:20px;padding:12px 0;display:flex}.user-subscriptions__card .card-stats .stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.user-subscriptions__card .card-stats .stat-item .stat-value{color:var(--text-primary);font-size:15px;font-weight:700}.user-subscriptions__card .card-stats .stat-item .stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.user-subscriptions__card .card-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.user-subscriptions__card .card-actions button{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.user-subscriptions__card .card-actions .enter-btn{background:var(--primary-hover);color:#fff;border:none}.user-subscriptions__card .card-actions .enter-btn:hover{box-shadow:0 8px 20px rgba(var(--primary-rgb),.2);transform:translateY(-2px)}.user-subscriptions__card .card-actions .unsubscribe-btn{color:#ef4444;background:#ef444414;border:1.5px solid #ef444426}.user-subscriptions__card .card-actions .unsubscribe-btn:hover:not(:disabled){color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 8px 20px #ef444433}.user-subscriptions__card .card-actions .unsubscribe-btn:disabled{opacity:.5;cursor:not-allowed}.user-subscriptions__empty{text-align:center;background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px;display:flex}.user-subscriptions__empty .empty-icon{color:#3b82f6;background:#3b82f61a;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.user-subscriptions__empty h2{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:800}.user-subscriptions__empty p{color:var(--text-secondary);max-width:340px;margin-bottom:24px;font-size:16px;line-height:1.6}.user-subscriptions__empty .explore-btn{background:var(--primary-color);color:#fff;border-radius:16px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .3s}.user-subscriptions__empty .explore-btn:hover{box-shadow:0 10px 20px rgba(var(--primary-rgb),.3);transform:translateY(-2px)}.user-subscriptions__loading{flex-direction:column;justify-content:center;align-items:center;padding:120px 0;display:flex}.user-subscriptions__loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s cubic-bezier(.4,0,.2,1) infinite spin}.user-subscriptions__error{text-align:center;color:#ef4444;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.user-subscriptions__error svg{margin-bottom:16px}.user-subscriptions__error p{margin-bottom:20px;font-weight:600}.user-subscriptions__error button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;padding:10px 24px;font-weight:600}.uw,.user-wallet{background:var(--bg-primary);max-width:1200px;min-height:100vh;color:var(--text-primary);margin:0 auto;padding:2rem 2.5rem}@media (max-width:768px){.uw,.user-wallet{padding:1rem}}.uw__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.uw__header h1{letter-spacing:-.5px;margin-bottom:.25rem;font-size:1.75rem;font-weight:900}.uw__header p{color:var(--text-secondary);font-size:.9rem}@media (max-width:600px){.uw__header{flex-direction:column}}.uw__refresh-btn{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:.5rem 1.1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.uw__refresh-btn:hover{border-color:var(--primary-500);color:var(--primary-500)}.uw__cards{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem;display:grid}@media (max-width:480px){.uw__cards{gap:.75rem}}.uw__balance-card{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:20px;flex-direction:column;grid-column:1/-1;justify-content:space-between;gap:1rem;min-height:170px;padding:1.75rem;display:flex;position:relative;overflow:hidden}.uw__balance-card:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.uw__balance-card:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:-20px}.uw__balance-badge{background:#ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.uw__balance-label{color:#ffffffb3;margin-bottom:.2rem;font-size:.8rem;font-weight:600}.uw__balance-value{letter-spacing:-1px;font-size:2.2rem;font-weight:900;line-height:1}.uw__balance-value span{opacity:.75;margin-left:4px;font-size:1.1rem;font-weight:700}.uw__balance-user{color:#ffffff8c;margin-top:4px;font-size:.8rem}.uw__balance-actions{gap:.6rem;display:flex}.uw__action-btn{cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:.55rem 1.1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.uw__action-btn--outline{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:1px solid #ffffff4d}.uw__action-btn--outline:hover{color:#2563eb;background:#fff}.uw__stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:1rem;padding:1.5rem;transition:box-shadow .2s;display:flex}.uw__stat-card:hover{box-shadow:0 8px 24px #00000014}.uw__stat-card--in .uw__stat-icon{color:#10b981;background:#10b9811f}.uw__stat-card--out .uw__stat-icon{color:#ef4444;background:#ef44441f}.uw__stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.uw__stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.72rem;font-weight:700}.uw__stat-value{color:var(--text-primary);font-size:1.3rem;font-weight:900}.uw__tx-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;overflow:hidden}.uw__tx-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.5rem 1.75rem 0;display:flex}.uw__tx-header h2{align-items:center;gap:.6rem;font-size:1.1rem;font-weight:900;display:flex}.uw__tx-count{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:99px;padding:2px 8px;font-size:.7rem;font-weight:700}.uw__filters{flex-wrap:wrap;gap:.4rem;padding:0 1.75rem 1rem;display:flex}.uw__filter-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:.35rem .85rem;font-size:.78rem;font-weight:700;transition:all .15s}.uw__filter-btn.active,.uw__filter-btn:hover{background:var(--primary-50,#3b82f614);border-color:var(--primary-500,#3b82f6);color:var(--primary-500,#3b82f6)}.uw__tx-list{border-top:1px solid var(--border-color)}.uw__tx-item{border-bottom:1px solid var(--border-color)}.uw__tx-item:last-child{border-bottom:none}.uw__tx-item.expanded>.uw__tx-row{background:var(--bg-secondary,#00000008)}.uw__tx-row{align-items:flex-start;gap:1rem;padding:1.1rem 1.75rem;transition:background .15s;display:flex}.uw__tx-row:hover{background:var(--bg-hover,#00000005)}@media (max-width:600px){.uw__tx-row{flex-wrap:wrap;padding:1rem}}.uw__tx-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.uw__tx-info{flex:1;min-width:0}.uw__tx-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.35rem;font-size:.9rem;font-weight:700;overflow:hidden}.uw__tx-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.uw__tx-type-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:2px 8px;font-size:.68rem;font-weight:800}.uw__tx-course{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:200px;padding:2px 8px;font-size:.72rem;font-weight:600;overflow:hidden}.uw__tx-promo{color:#f59e0b;background:#f59e0b1a;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.uw__tx-date{color:var(--text-tertiary,#94a3b8);align-items:center;gap:4px;font-size:.7rem;display:inline-flex}.uw__tx-parties{flex-wrap:wrap;gap:1rem;display:flex}.uw__tx-parties span{color:var(--text-secondary);font-size:.72rem}.uw__tx-parties span b{color:var(--text-primary);font-weight:700}.uw__tx-right{text-align:right;flex-shrink:0;min-width:130px}.uw__tx-amount{font-size:1.05rem;font-weight:900;display:block}.uw__tx-amount.positive{color:#10b981}.uw__tx-amount.negative{color:#ef4444}.uw__tx-original{color:var(--text-secondary);margin-top:2px;font-size:.7rem;text-decoration:line-through}.uw__tx-discount{color:#f59e0b;margin-top:2px;font-size:.7rem;font-weight:700}.uw__tx-commission{color:#8b5cf6;margin-top:2px;font-size:.7rem;font-weight:700}.uw__tx-balance-after{color:var(--text-secondary);margin-top:4px;font-size:.7rem}.uw__tx-expand-hint{color:var(--primary-500,#3b82f6);align-items:center;gap:4px;margin-top:6px;font-size:.68rem;font-weight:700;display:inline-flex}.uw__breakdown{background:var(--bg-secondary,#00000005);border-top:1px dashed var(--border-color);padding:1.25rem 1.75rem 1.5rem;animation:.2s uwFadeIn}@media (max-width:600px){.uw__breakdown{padding:1rem}}.uw__breakdown-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.8rem;font-size:.78rem;font-weight:900}.uw__breakdown-grid{border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:0;margin-bottom:1rem;display:flex;overflow:hidden}.uw__bd-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;font-size:.82rem;display:flex}.uw__bd-row:last-child{border-bottom:none}.uw__bd-row>span:first-child{color:var(--text-secondary);flex:1;font-weight:600}.uw__bd-row>span:last-child{color:var(--text-primary);text-align:right;font-weight:700}.uw__bd-row>span:last-child em{color:var(--text-secondary);font-size:.75rem;font-style:normal}.uw__bd-row .fc{color:var(--text-primary)}.uw__bd-row .pos{color:#10b981}.uw__bd-row .neg{color:#ef4444}.uw__bd-row.promo>span:last-child{color:#f59e0b}.uw__bd-row.discount{background:#f59e0b0a}.uw__bd-row.highlight{background:#3b82f60d}.uw__bd-row.highlight.green{background:#10b9810d}@media (max-width:480px){.uw__bd-row{flex-direction:column;align-items:flex-start;gap:2px}}.uw__bd-divider{background:var(--border-color);height:1px;margin:0}.uw__flow{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem}.uw__flow-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.75rem;font-weight:800}.uw__flow-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.uw__flow-node{text-align:center;border-radius:10px;flex:1;min-width:80px;padding:.6rem .8rem;font-size:.72rem;font-weight:700;line-height:1.4}.uw__flow-node.buyer{color:#ef4444;background:#ef444414;border:1px solid #ef444433}.uw__flow-node.platform{color:#8b5cf6;background:#8b5cf614;border:1px solid #8b5cf633}.uw__flow-node.seller{color:#10b981;background:#10b98114;border:1px solid #10b98133}.uw__flow-node b{font-size:.82rem;display:block}.uw__flow-arrow{color:var(--text-secondary);flex-shrink:0;font-size:1rem}.uw__flow-note{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;margin-top:.6rem;padding:.4rem .75rem;font-size:.72rem}.uw__pagination{border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:1rem;padding:1.25rem;display:flex}.uw__page-btn{border:1px solid var(--border-color);background:var(--bg-surface);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.uw__page-btn:hover:not(:disabled){border-color:var(--primary-500,#3b82f6);color:var(--primary-500,#3b82f6)}.uw__page-btn:disabled{opacity:.35;cursor:not-allowed}.uw__page-info{color:var(--text-secondary);text-align:center;min-width:60px;font-size:.85rem;font-weight:700}.uw__empty{color:var(--text-secondary);text-align:center;opacity:.5;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 1rem;display:flex}.uw-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:6rem 1rem;display:flex}.uw-loading--inline{padding:3rem 1rem}.uw-spinner{border:3px solid var(--border-color);border-top-color:#3b82f6;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite uwSpin}.uw-modal{z-index:3000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}@media (max-width:600px){.uw-modal{align-items:flex-end;padding:0}}.uw-modal__overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;position:absolute;inset:0}.uw-modal__card{z-index:1;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;width:100%;max-width:440px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) uwModalShow;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0006}@media (max-width:600px){.uw-modal__card{border-bottom:none;border-left:none;border-right:none;border-radius:24px 24px 0 0;max-width:100%;animation:.3s ease-out uwModalShowMobile}}.uw-modal__header{border-bottom:1px solid var(--border-color);background:var(--bg-surface);z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.uw-modal__header h3{font-size:1.1rem;font-weight:900}.uw-modal__header button{background:var(--bg-primary);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.uw-modal__body{flex:1;padding:1.5rem;overflow-y:auto}.uw-modal__body::-webkit-scrollbar{width:4px}.uw-modal__body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}@media (max-width:600px){.uw-modal__body{padding:1.25rem}}.uw-modal__balance-hint{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:1.25rem;padding:.7rem 1rem;font-size:.82rem}.uw-modal__balance-hint b{color:var(--text-primary)}.uw-modal__field{margin-bottom:1rem}.uw-modal__field label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:block}.uw-modal__field input,.uw-modal__field select{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:border-color .2s}.uw-modal__field input:focus,.uw-modal__field select:focus{border-color:#3b82f6}.uw-modal__error{color:#ef4444;background:#ef444414;border-radius:8px;margin-bottom:1rem;padding:.6rem .8rem;font-size:.8rem;font-weight:700}.uw-modal__footer{gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex}.uw-modal__footer button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:.75rem;font-size:.9rem;font-weight:700;transition:all .2s}.uw-modal__footer button.cancel{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.uw-modal__footer button.cancel:hover{background:var(--bg-secondary)}.uw-modal__footer button.confirm{color:#fff;background:#3b82f6}.uw-modal__footer button.confirm:hover{background:#2563eb;transform:translateY(-2px)}.uw-modal__footer button.confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}.uw-modal--detail .uw-modal__card{max-width:520px}.uw-modal--detail .uw-modal__header-left{align-items:center;gap:1rem;display:flex}.uw-modal--detail .uw-modal__header-left h3{margin-bottom:2px}.uw-modal--detail .uw-modal__header-left p{color:var(--text-secondary);font-size:.75rem;font-weight:600}.uw-modal--detail .uw-modal__icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.uw-modal--detail .uw-modal__summary-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding:1.25rem;display:flex}.uw-modal--detail .uw-modal__summary-label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:700}.uw-modal--detail .uw-modal__summary-amount{letter-spacing:-.5px;font-size:1.75rem;font-weight:900}.uw-modal--detail .uw-modal__summary-amount.pos{color:#10b981}.uw-modal--detail .uw-modal__summary-amount.neg{color:#ef4444}.uw-modal--detail .uw-modal__summary-meta{text-align:right;color:var(--text-secondary);font-size:.72rem;font-weight:600}.uw-modal--detail .uw-modal__summary-meta .uw-modal__s-meta-item{justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;display:flex}.uw-modal--detail .uw-modal__desc-section{margin-bottom:1.5rem}.uw-modal--detail .uw-modal__desc-section label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:800;display:block}.uw-modal--detail .uw-modal__desc-section p{color:var(--text-primary);font-size:.9rem;font-weight:500;line-height:1.5}.uw-modal--detail .uw-modal__course-badge{color:#3b82f6;background:#3b82f614;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.uw-modal--detail .uw-modal__breakdown-section label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}.uw-modal--detail .uw-modal__bd-grid{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:12px;margin-bottom:1rem;overflow:hidden}.uw-modal--detail .uw-modal__bd-row{justify-content:space-between;padding:.65rem 1rem;font-size:.85rem;display:flex}.uw-modal--detail .uw-modal__bd-row span:first-child{color:var(--text-secondary);font-weight:600}.uw-modal--detail .uw-modal__bd-row span:last-child{font-weight:700}.uw-modal--detail .uw-modal__bd-row.promo span:last-child{color:#f59e0b}.uw-modal--detail .uw-modal__bd-row.platform span:last-child{color:#10b981}.uw-modal--detail .uw-modal__bd-row.total{background:#10b9810d}.uw-modal--detail .uw-modal__bd-row.total span:last-child{color:#10b981;font-size:1rem}.uw-modal--detail .uw-modal__bd-row .pos{color:#10b981}.uw-modal--detail .uw-modal__bd-row .neg{color:#ef4444}.uw-modal--detail .uw-modal__bd-divider{background:var(--border-color);height:1px}.uw-modal--detail .uw-modal__participants{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.uw-modal--detail .uw-modal__part-item{flex:1}.uw-modal--detail .uw-modal__part-item label{margin-bottom:2px}.uw-modal--detail .uw-modal__part-item p{margin-bottom:1px;font-size:.85rem;font-weight:700}.uw-modal--detail .uw-modal__part-item span{color:var(--text-secondary);font-size:.7rem;font-weight:600}.uw-modal--detail .uw-modal__part-arrow{color:var(--border-color);font-size:1.2rem}.uw-modal--detail .uw-modal__info-box{color:#d97706;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:12px;gap:10px;margin-top:1.25rem;padding:12px;font-size:.75rem;font-weight:600;line-height:1.4;display:flex}.uw-modal--detail .uw-modal__info-box svg{flex-shrink:0;margin-top:2px}@keyframes uwSpin{to{transform:rotate(360deg)}}@keyframes uwModalShow{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes uwModalShowMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes uwFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.student-classrooms{background:var(--bg-primary);max-width:1400px;min-height:100vh;margin:0 auto;padding:32px}@media (max-width:1024px){.student-classrooms{padding:24px}}@media (max-width:768px){.student-classrooms{padding:16px}}.student-classrooms .sc-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:120px 0;display:flex}.student-classrooms .sc-loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:1s cubic-bezier(.4,0,.2,1) infinite spin}.student-classrooms .sc-loading p{letter-spacing:.5px;font-weight:600}.student-classrooms .sc-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:40px;display:flex}.student-classrooms .sc-header .sc-header-content h1{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:850}.student-classrooms .sc-header .sc-header-content p{color:var(--text-secondary);max-width:600px;font-size:18px;font-weight:500}.student-classrooms .sc-header .sc-join-btn,.student-classrooms .sc-header .sc-empty .sc-empty-btn,.student-classrooms .sc-empty .sc-header .sc-empty-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:16px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 20px #667eea4d}.student-classrooms .sc-header .sc-join-btn:hover,.student-classrooms .sc-header .sc-empty .sc-empty-btn:hover,.student-classrooms .sc-empty .sc-header .sc-empty-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #667eea66}.student-classrooms .sc-header .sc-join-btn:active,.student-classrooms .sc-header .sc-empty .sc-empty-btn:active,.student-classrooms .sc-empty .sc-header .sc-empty-btn:active{transform:translateY(0)}@media (max-width:768px){.student-classrooms .sc-header{flex-direction:column;margin-bottom:32px}.student-classrooms .sc-header .sc-header-content h1{font-size:26px}.student-classrooms .sc-header .sc-header-content p{font-size:15px}.student-classrooms .sc-header .sc-join-btn,.student-classrooms .sc-header .sc-empty .sc-empty-btn,.student-classrooms .sc-empty .sc-header .sc-empty-btn{justify-content:center;width:100%}}.student-classrooms .sc-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}@media (max-width:480px){.student-classrooms .sc-grid{grid-template-columns:1fr}}.student-classrooms .sc-card{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:24px;flex-direction:column;gap:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.student-classrooms .sc-card:before{content:"";background:var(--theme-color,var(--primary-color));width:6px;height:100%;position:absolute;top:0;left:0}.student-classrooms .sc-card:hover{border-color:var(--theme-color,var(--primary-color));transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.student-classrooms .sc-card .sc-card-header{justify-content:space-between;align-items:flex-start;display:flex}.student-classrooms .sc-card .sc-card-header .sc-card-title h3{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:700}.student-classrooms .sc-card .sc-card-header .sc-card-title .sc-card-section{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.student-classrooms .sc-card .sc-card-header .sc-privacy-badge{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.student-classrooms .sc-card .sc-card-header .sc-privacy-badge.private{color:#ef4444;background:#ef44441a}.student-classrooms .sc-card .sc-card-header .sc-privacy-badge.public{color:#22c55e;background:#22c55e1a}.student-classrooms .sc-card .sc-card-body .sc-card-info{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.student-classrooms .sc-card .sc-card-body .sc-card-info .sc-card-subject{color:var(--theme-color,var(--primary-color));align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.student-classrooms .sc-card .sc-card-body .sc-card-info .sc-card-teacher{color:var(--text-secondary);font-size:14px;font-weight:500}.student-classrooms .sc-card .sc-card-body .sc-card-description{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.student-classrooms .sc-card .sc-card-stats{border-top:1px solid var(--border-color);gap:16px;padding-top:16px;display:flex}.student-classrooms .sc-card .sc-card-stats .sc-stat{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.student-classrooms .sc-card .sc-card-stats .sc-stat svg{opacity:.7;font-size:16px}.student-classrooms .sc-empty{text-align:center;background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px;display:flex}.student-classrooms .sc-empty .sc-empty-icon{background:var(--bg-hover);width:80px;height:80px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-size:40px;display:flex}.student-classrooms .sc-empty h2{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:800}.student-classrooms .sc-empty p{color:var(--text-secondary);margin-bottom:32px;font-size:16px}.student-classrooms .sc-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.student-classrooms .sc-modal{background:var(--bg-surface);border-radius:28px;width:100%;max-width:450px;padding:32px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 25px 50px -12px #00000080}.student-classrooms .sc-modal .sc-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.student-classrooms .sc-modal .sc-modal-header h2{color:var(--text-primary);font-size:24px;font-weight:800}.student-classrooms .sc-modal .sc-modal-header .sc-modal-close{background:var(--bg-hover);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex}.student-classrooms .sc-modal .sc-modal-header .sc-modal-close:hover{color:#fff;background:#ef4444}.student-classrooms .sc-modal .sc-modal-form .sc-form-group{margin-bottom:20px}.student-classrooms .sc-modal .sc-modal-form .sc-form-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.student-classrooms .sc-modal .sc-modal-form .sc-form-group input{background:var(--bg-primary);border:2px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;padding:14px 18px;font-size:15px;transition:all .2s}.student-classrooms .sc-modal .sc-modal-form .sc-form-group input:focus{border-color:var(--primary-color);background:var(--bg-surface);outline:none}.student-classrooms .sc-modal .sc-modal-form .sc-form-group .sc-form-hint{color:var(--text-tertiary);margin-top:6px;font-size:12px}.student-classrooms .sc-modal .sc-modal-form .sc-error-message{color:#ef4444;text-align:center;background:#ef44441a;border-radius:10px;margin-bottom:20px;padding:12px;font-size:14px;font-weight:600}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions{gap:12px;display:flex}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions button{cursor:pointer;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-cancel{background:var(--bg-hover);color:var(--text-primary);border:none}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-cancel:hover{background:var(--border-color)}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-submit:disabled{opacity:.6;cursor:not-allowed}.student-classroom-dashboard{background:var(--bg-primary);min-height:100vh}.student-classroom-dashboard .scd-loading,.student-classroom-dashboard .scd-error{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:120px 0;display:flex}.student-classroom-dashboard .scd-loading .spinner,.student-classroom-dashboard .scd-error .spinner{border:4px solid var(--border-color);border-top-color:var(--theme-color,var(--primary-color));border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:1s linear infinite spin}.student-classroom-dashboard .scd-banner{color:#fff;background-position:50%;background-size:cover;border-radius:0 0 40px 40px;height:320px;margin-bottom:24px;position:relative;overflow:hidden}.student-classroom-dashboard .scd-banner .scd-banner-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0003 0%,#0009 100%);flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:absolute;inset:0}.student-classroom-dashboard .scd-banner .scd-back-btn-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;align-self:flex-start;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.student-classroom-dashboard .scd-banner .scd-back-btn-glass svg{font-size:18px}.student-classroom-dashboard .scd-banner .scd-back-btn-glass:hover{background:#ffffff40;transform:translate(-4px);box-shadow:0 8px 20px #0003}.student-classroom-dashboard .scd-banner .scd-banner-content{z-index:2;position:relative}.student-classroom-dashboard .scd-banner .scd-banner-content .scd-badge-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:1px;background:#fff3;border:1px solid #ffffff4d;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.student-classroom-dashboard .scd-banner .scd-banner-content h1{letter-spacing:-2px;text-shadow:0 4px 20px #0000004d;margin-bottom:16px;font-size:56px;font-weight:950;line-height:1.1}.student-classroom-dashboard .scd-banner .scd-banner-content .scd-banner-footer-glass{opacity:.9;align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.student-classroom-dashboard .scd-banner .scd-banner-content .scd-banner-footer-glass .dot{opacity:.6}@media (max-width:768px){.student-classroom-dashboard .scd-banner{height:260px}.student-classroom-dashboard .scd-banner .scd-banner-overlay{padding:24px}.student-classroom-dashboard .scd-banner .scd-banner-content h1{letter-spacing:-1px;font-size:32px}.student-classroom-dashboard .scd-banner .scd-banner-footer-glass{font-size:14px}}.student-classroom-dashboard .scd-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:20px 40px}.student-classroom-dashboard .scd-header .scd-header-info{color:var(--text-secondary);align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.student-classroom-dashboard .scd-header .scd-header-info .dot{opacity:.4}@media (max-width:768px){.student-classroom-dashboard .scd-header{padding:16px}.student-classroom-dashboard .scd-header .scd-header-info{font-size:13px}}.student-classroom-dashboard .scd-nav-glass{background:var(--bg-surface);border:1px solid var(--border-color);z-index:100;border-radius:20px;gap:8px;margin:0 40px 32px;padding:8px;display:flex;position:sticky;top:10px;box-shadow:0 10px 30px #00000008}.student-classroom-dashboard .scd-nav-glass .scd-nav-link-glass{color:var(--text-secondary);border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.student-classroom-dashboard .scd-nav-glass .scd-nav-link-glass svg{font-size:20px}.student-classroom-dashboard .scd-nav-glass .scd-nav-link-glass:hover{color:var(--text-primary);background:var(--bg-hover)}.student-classroom-dashboard .scd-nav-glass .scd-nav-link-glass.active{font-weight:800}@media (max-width:768px){.student-classroom-dashboard .scd-nav-glass{margin:0 16px 24px;overflow-x:auto}.student-classroom-dashboard .scd-nav-glass .scd-nav-link-glass{white-space:nowrap;padding:12px 20px;font-size:14px}}.student-classroom-dashboard .scd-content{max-width:1200px;margin:0 auto;padding:32px}@media (max-width:768px){.student-classroom-dashboard .scd-content{padding:16px}}.student-classroom-stream-glass{padding:0 40px 40px}.student-classroom-stream-glass .scs-posts-container{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}.student-classroom-stream-glass .scs-empty-glass{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);text-align:center;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.student-classroom-stream-glass .scs-empty-glass svg{opacity:.3;margin-bottom:20px}.student-classroom-stream-glass .scs-empty-glass p{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:800}.student-classroom-stream-glass .scs-post-card-glass{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:28px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00000008}.student-classroom-stream-glass .scs-post-card-glass:hover{border-color:var(--theme-color,var(--primary-color));transform:translateY(-4px);box-shadow:0 15px 40px #0000000f}.student-classroom-stream-glass .scs-post-card-glass .scs-post-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.student-classroom-stream-glass .scs-post-card-glass .scs-post-header .scs-post-author-glass{align-items:center;gap:14px;display:flex}.student-classroom-stream-glass .scs-post-card-glass .scs-post-header .scs-post-author-glass .scs-post-avatar-glass{background:var(--bg-primary);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.student-classroom-stream-glass .scs-post-card-glass .scs-post-header .scs-post-author-glass .scs-post-avatar-glass img{object-fit:cover;width:100%;height:100%}.student-classroom-stream-glass .scs-post-card-glass .scs-post-header .scs-post-author-glass .scs-post-author-info h4{color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:800}.student-classroom-stream-glass .scs-post-card-glass .scs-post-header .scs-post-author-glass .scs-post-author-info .scs-post-date{color:var(--text-tertiary);font-size:13px;font-weight:600}.student-classroom-stream-glass .scs-post-card-glass .scs-post-header .scs-post-type-badge{background:rgba(var(--theme-color-rgb),.1);color:var(--theme-color,#3b82f6);text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(var(--theme-color-rgb),.2);border-radius:100px;padding:6px 14px;font-size:11px;font-weight:800}.student-classroom-stream-glass .scs-post-card-glass .scs-post-content-glass p{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:24px;font-size:16px;line-height:1.6}.student-classroom-stream-glass .scs-post-card-glass .scs-post-content-glass .scs-post-assignment-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);cursor:pointer;background:#ffffff08;border-radius:20px;align-items:center;gap:16px;margin-bottom:20px;padding:20px;transition:all .2s;display:flex}.student-classroom-stream-glass .scs-post-card-glass .scs-post-content-glass .scs-post-assignment-glass:hover{background:var(--bg-hover);border-color:#10b981}.student-classroom-stream-glass .scs-post-card-glass .scs-post-content-glass .scs-post-assignment-glass .scs-asg-icon{color:#10b981;background:#10b9811a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.student-classroom-stream-glass .scs-post-card-glass .scs-post-content-glass .scs-post-assignment-glass .scw-asg-details h5{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:750}.student-classroom-stream-glass .scs-post-card-glass .scs-post-content-glass .scs-post-assignment-glass .scw-asg-details span{color:#ef4444;font-size:13px;font-weight:700}.student-classroom-stream-glass .scs-post-card-glass .scs-post-content-glass .scs-post-attachments-glass{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.student-classroom-stream-glass .scs-post-card-glass .scs-post-content-glass .scs-post-attachments-glass .scs-attachment-glass{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.student-classroom-stream-glass .scs-post-card-glass .scs-post-content-glass .scs-post-attachments-glass .scs-attachment-glass svg{color:var(--theme-color,#3b82f6)}.student-classroom-stream-glass .scs-post-card-glass .scs-post-content-glass .scs-post-attachments-glass .scs-attachment-glass:hover{border-color:var(--theme-color,#3b82f6);color:var(--text-primary)}.student-classroom-stream-glass .scs-post-card-glass .scs-post-comments-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.student-classroom-stream-glass .scs-post-card-glass .scs-post-comments-section .scs-comments-count{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;font-size:14px;font-weight:800}.student-classroom-stream-glass .scs-post-card-glass .scs-post-comments-section .scs-comment-glass{gap:14px;margin-bottom:18px;display:flex}.student-classroom-stream-glass .scs-post-card-glass .scs-post-comments-section .scs-comment-glass .scs-comment-avatar-glass{background:var(--bg-primary);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.student-classroom-stream-glass .scs-post-card-glass .scs-post-comments-section .scs-comment-glass .scs-comment-avatar-glass img{object-fit:cover;width:100%;height:100%}.student-classroom-stream-glass .scs-post-card-glass .scs-post-comments-section .scs-comment-glass .scs-comment-content-glass{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;flex:1;padding:14px 18px}.student-classroom-stream-glass .scs-post-card-glass .scs-post-comments-section .scs-comment-glass .scs-comment-content-glass .scs-comment-header{justify-content:space-between;margin-bottom:6px;display:flex}.student-classroom-stream-glass .scs-post-card-glass .scs-post-comments-section .scs-comment-glass .scs-comment-content-glass .scs-comment-header h6{color:var(--text-primary);font-size:14px;font-weight:800}.student-classroom-stream-glass .scs-post-card-glass .scs-post-comments-section .scs-comment-glass .scs-comment-content-glass .scs-comment-header span{color:var(--text-tertiary);font-size:12px;font-weight:600}.student-classroom-stream-glass .scs-post-card-glass .scs-post-comments-section .scs-comment-glass .scs-comment-content-glass p{color:var(--text-secondary);font-size:14px;line-height:1.5}.student-classroom-stream-glass .scs-post-card-glass .scs-post-actions-glass{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.student-classroom-stream-glass .scs-post-card-glass .scs-post-actions-glass .scs-btn-comment-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.student-classroom-stream-glass .scs-post-card-glass .scs-post-actions-glass .scs-btn-comment-glass:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--theme-color,#3b82f6)}@media (max-width:768px){.student-classroom-stream-glass{padding:0 16px 24px}.student-classroom-stream-glass .scs-post-card-glass{padding:20px}}.student-classwork{background-color:var(--bg-primary);min-height:calc(100vh - 80px);color:var(--text-primary);padding:1rem;animation:.4s ease-out fadeIn}@media (min-width:768px){.student-classwork{padding:2rem 3rem}}.student-classwork .scw-loading,.student-classwork .scw-empty-state{text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);min-height:400px;box-shadow:var(--shadow-md);border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.student-classwork .scw-loading .spinner,.student-classwork .scw-empty-state .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.student-classwork .scw-loading p,.student-classwork .scw-empty-state p{color:var(--text-secondary);font-size:1.1rem;font-weight:700}.student-classwork .scw-header{margin-bottom:2.5rem}.student-classwork .scw-header h2{color:var(--text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:900}@media (min-width:768px){.student-classwork .scw-header h2{font-size:2.25rem}}.student-classwork .scw-content{flex-direction:column;gap:3rem;display:flex}.student-classwork .scw-topic .scw-topic-header{border-bottom:2px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.75rem}.student-classwork .scw-topic .scw-topic-header h3{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:900;display:flex}@media (min-width:768px){.student-classwork .scw-topic .scw-topic-header h3{font-size:1.5rem}}.student-classwork .scw-topic .scw-topic-header h3:before{content:"";background:var(--gradient-primary);border-radius:2px;width:4px;height:24px}.student-classwork .scw-topic .scw-items{grid-template-columns:1fr;gap:1.25rem;display:grid}.student-classwork .scw-topic .scw-empty{background:var(--bg-surface);border:2px dashed var(--border-color);color:var(--text-secondary);text-align:center;border-radius:1.25rem;padding:2rem;font-weight:600}.student-classwork .scw-item{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:1.5rem;flex-direction:column;gap:1.25rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}@media (min-width:768px){.student-classwork .scw-item{flex-direction:row;align-items:center;gap:2rem;padding:1.5rem 2rem}}.student-classwork .scw-item:hover{border-color:var(--primary-400);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.student-classwork .scw-item .scw-item-main{flex:1;align-items:flex-start;gap:1rem;display:flex}@media (min-width:768px){.student-classwork .scw-item .scw-item-main{align-items:center;gap:1.5rem}}.student-classwork .scw-item .scw-item-icon{color:#fff;width:48px;height:48px;box-shadow:var(--shadow-md);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}@media (min-width:768px){.student-classwork .scw-item .scw-item-icon{border-radius:1.25rem;width:60px;height:60px;font-size:1.8rem}}.student-classwork .scw-item .scw-item-icon.material{background:var(--gradient-primary)}.student-classwork .scw-item .scw-item-icon.assignment{background:var(--gradient-success)}.student-classwork .scw-item .scw-item-icon.quiz{background:var(--gradient-rainbow)}.student-classwork .scw-item .scw-item-icon.question{background:var(--gradient-warning)}.student-classwork .scw-item .scw-item-info{flex:1;min-width:0}.student-classwork .scw-item .scw-item-info .scw-item-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.4rem;display:flex}.student-classwork .scw-item .scw-item-info .scw-item-header h4{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}@media (min-width:768px){.student-classwork .scw-item .scw-item-info .scw-item-header h4{font-size:1.1rem}}.student-classwork .scw-item .scw-item-info .scw-item-header .scw-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:.75rem;padding:.2rem .6rem;font-size:.7rem;font-weight:800}.student-classwork .scw-item .scw-item-info .scw-item-header .scw-badge.material{color:var(--primary-600);background:#3b82f61a;border:1px solid #3b82f626}.student-classwork .scw-item .scw-item-info .scw-item-header .scw-badge.assignment{color:var(--success-600);background:#10b9811a;border:1px solid #10b98126}.student-classwork .scw-item .scw-item-info .scw-item-header .scw-badge.quiz{color:#7c3aed;background:#8b5cf61a;border:1px solid #8b5cf626}.student-classwork .scw-item .scw-item-info .scw-item-header .scw-badge.question{color:var(--warning-600);background:#f59e0b1a;border:1px solid #f59e0b26}.student-classwork .scw-item .scw-item-info .scw-item-desc{color:var(--text-secondary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (min-width:768px){.student-classwork .scw-item .scw-item-info .scw-item-desc{-webkit-line-clamp:2;line-clamp:2}}.student-classwork .scw-item .scw-item-info .scw-item-meta{flex-wrap:wrap;gap:.6rem;display:flex}.student-classwork .scw-item .scw-item-info .scw-item-meta span{background:var(--bg-shimmer);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:.75rem;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.student-classwork .scw-item .scw-item-info .scw-item-meta span.due-date.overdue{color:var(--error-600);background:#ef444414;border-color:#ef444426}.student-classwork .scw-item .scw-item-info .scw-item-meta span.points{color:var(--primary-600);background:#3b82f614;border-color:#3b82f626}.student-classwork .scw-item .scw-item-actions{flex-flow:wrap;gap:.75rem;width:100%;display:flex}@media (min-width:768px){.student-classwork .scw-item .scw-item-actions{flex-direction:column;width:auto;min-width:180px}}.student-classwork .scw-item .scw-item-actions button{cursor:pointer;border:none;border-radius:1rem;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.student-classwork .scw-item .scw-item-actions button.btn-view{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.student-classwork .scw-item .scw-item-actions button.btn-view:hover{background:var(--bg-hover);transform:translateY(-2px)}.student-classwork .scw-item .scw-item-actions button.btn-success{background:var(--gradient-success);color:#fff}.student-classwork .scw-item .scw-item-actions button.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.student-classwork .scw-item .scw-item-actions button.btn-warning{background:var(--gradient-warning);color:#fff}.student-classwork .scw-item .scw-item-actions button.btn-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #f59e0b4d}.student-classwork .scw-item .scw-item-actions button.btn-purple{background:var(--gradient-rainbow);color:#fff}.student-classwork .scw-item .scw-item-actions button.btn-purple:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #a43fe54d}.student-classwork .scw-item .scw-item-actions button.btn-waiting{color:#f59e0b;cursor:not-allowed;font-variant-numeric:tabular-nums;letter-spacing:.03em;background:#f59e0b1f;border:1px solid #f59e0b4d}.student-classwork .scw-item .scw-item-actions button.btn-locked{color:var(--text-secondary);border:1px solid var(--border-color);cursor:not-allowed;background:#6b72801a}.student-classwork .scw-item .scw-item-actions button.btn-resubmit{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%)}.student-classwork .scw-item .scw-item-actions button.btn-resubmit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #f59e0b66}.student-classwork .scw-item .scw-item-actions button:disabled{opacity:.6;cursor:not-allowed}.student-classwork .scw-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1050;background:#0006;justify-content:center;align-items:center;padding:0;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (min-width:768px){.student-classwork .scw-modal-overlay{padding:2rem}}.student-classwork .scw-modal{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;max-width:700px;height:100%;max-height:100vh;box-shadow:var(--shadow-2xl);border-radius:0;flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}@media (min-width:768px){.student-classwork .scw-modal{border-radius:2rem;height:auto;max-height:90vh}}.student-classwork .scw-modal .scw-modal-header{z-index:20;background:var(--bg-surface);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}@media (min-width:768px){.student-classwork .scw-modal .scw-modal-header{padding:1.5rem 2.5rem}}.student-classwork .scw-modal .scw-modal-header h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:800}@media (min-width:768px){.student-classwork .scw-modal .scw-modal-header h2{font-size:1.5rem}}.student-classwork .scw-modal .scw-modal-header .scw-modal-close{border:1px solid var(--border-color);background:var(--bg-primary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;transition:all .3s;display:inline-flex}.student-classwork .scw-modal .scw-modal-header .scw-modal-close:hover{background:var(--error-500);color:#fff;border-color:var(--error-500);transform:rotate(90deg)}.student-classwork .scw-modal .scw-modal-header .scw-modal-close svg{font-size:1.1rem}.student-classwork .scw-modal .scw-modal-content-scroll{scroll-behavior:smooth;flex:1;padding:1.5rem;overflow-y:auto}.student-classwork .scw-modal .scw-modal-content-scroll::-webkit-scrollbar{width:6px}.student-classwork .scw-modal .scw-modal-content-scroll::-webkit-scrollbar-track{background:0 0}.student-classwork .scw-modal .scw-modal-content-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}@media (min-width:768px){.student-classwork .scw-modal .scw-modal-content-scroll{padding:2.5rem}}.student-classwork .scw-modal .scw-modal-info{margin-bottom:2rem}.student-classwork .scw-modal .scw-modal-info h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.35rem;font-weight:800;line-height:1.3}@media (min-width:768px){.student-classwork .scw-modal .scw-modal-info h3{font-size:1.6rem}}.student-classwork .scw-modal .scw-modal-info p{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:1rem;line-height:1.7}.student-classwork .scw-modal .scw-modal-meta-row{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-points,.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-due,.student-classwork .scw-modal .scw-modal-meta-row .scw-item-info{border:1px solid var(--border-color);border-radius:1rem;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}@media (min-width:768px){.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-points,.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-due,.student-classwork .scw-modal .scw-modal-meta-row .scw-item-info{padding:.6rem 1.25rem;font-size:.9rem}}.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-points{color:var(--primary-600);background:#3b82f614;border-color:#3b82f626}.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-due{background:var(--bg-secondary);color:var(--text-secondary)}.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-due.overdue{color:var(--error-600);background:#ef444414;border-color:#ef444426}.student-classwork .scw-modal .scw-modal-meta-row .scw-item-info{background:var(--bg-secondary);color:var(--text-secondary)}.student-classwork .scw-modal .scw-item-attachments{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.student-classwork .scw-modal .scw-item-attachments .scw-attachment{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1.25rem;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}@media (min-width:580px){.student-classwork .scw-modal .scw-item-attachments .scw-attachment{flex-direction:row;justify-content:space-between;align-items:center}}.student-classwork .scw-modal .scw-item-attachments .scw-attachment:hover{border-color:var(--primary-400);background:var(--bg-hover)}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-file-name{color:var(--text-primary);word-break:break-all;align-items:center;gap:.75rem;font-size:.95rem;font-weight:700;display:flex}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-file-name svg{color:var(--primary-500);flex-shrink:0;font-size:1.25rem}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions{flex-wrap:wrap;gap:.6rem;display:flex}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-view,.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-download{cursor:pointer;white-space:nowrap;border:none;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}@media (min-width:580px){.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-view,.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-download{flex:none}}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-view{background:var(--gradient-primary);color:#fff!important}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-download{background:var(--gradient-success);color:#fff!important}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.student-classwork .scw-modal .scw-submission-summary{background:#10b9810d;border:1px solid #10b98133;border-radius:1.5rem;margin-bottom:2rem;padding:1.5rem}.student-classwork .scw-modal .scw-submission-summary .scw-submission-summary-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.student-classwork .scw-modal .scw-submission-summary .scw-submission-summary-header .scw-submission-title{color:var(--success-600);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:800}.student-classwork .scw-modal .scw-submission-summary .scw-submission-summary-header .scw-submission-grade{background:var(--gradient-success);color:#fff;border-radius:999px;padding:.4rem 1rem;font-size:.9rem;font-weight:800;box-shadow:0 4px 12px #10b9814d}.student-classwork .scw-modal .scw-submission-summary .scw-submission-text{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:1.25rem;padding:1.25rem;font-size:1rem;line-height:1.6}.student-classwork .scw-modal .scw-submission-summary .scw-submission-feedback{color:var(--text-secondary);background:var(--bg-primary);border-left:4px solid var(--warning-500);border-radius:.75rem;align-items:flex-start;gap:.75rem;padding:1rem;font-size:.95rem;font-weight:600;display:flex}.student-classwork .scw-modal .scw-form-group{margin-bottom:2rem}.student-classwork .scw-modal .scw-form-group label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.75rem;font-size:.95rem;font-weight:800;display:block}.student-classwork .scw-modal .scw-form-group textarea{border:2px solid var(--border-color);background:var(--bg-primary);width:100%;min-height:120px;color:var(--text-primary);resize:vertical;border-radius:1.25rem;padding:1.25rem;font-family:inherit;font-size:1rem;transition:all .3s}.student-classwork .scw-modal .scw-form-group textarea:focus{border-color:var(--primary-500);background:var(--bg-surface);outline:none;box-shadow:0 0 0 4px #3b82f61a}.student-classwork .scw-modal .scw-form-group .scw-file-upload input[type=file]{border:2px dashed var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:1.25rem;padding:1rem;font-size:.9rem;transition:all .2s}.student-classwork .scw-modal .scw-form-group .scw-file-upload input[type=file]:hover{border-color:var(--primary-400);background:var(--bg-hover)}.student-classwork .scw-modal .scw-form-group .scw-file-upload input[type=file]::file-selector-button{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;margin-right:1rem;padding:.5rem 1rem;font-weight:700;transition:all .2s}.student-classwork .scw-modal .scw-form-group .scw-file-upload input[type=file]::file-selector-button:hover{filter:brightness(1.1)}.student-classwork .scw-modal .scw-form-group .scw-file-upload .scw-upload-hint{color:var(--text-secondary);margin-top:.75rem;font-size:.85rem;font-weight:500}.student-classwork .scw-modal .scw-modal-actions{z-index:20;background:var(--bg-surface);border-top:1px solid var(--border-color);flex-direction:column-reverse;gap:.75rem;padding:1.25rem 1.5rem;display:flex;position:sticky;bottom:0}@media (min-width:580px){.student-classwork .scw-modal .scw-modal-actions{flex-direction:row;gap:1rem;padding:1.5rem 2.5rem}}.student-classwork .scw-modal .scw-modal-actions .scw-btn-cancel,.student-classwork .scw-modal .scw-modal-actions .scw-btn-submit,.student-classwork .scw-modal .scw-modal-actions .scw-btn-resubmit{cursor:pointer;border:none;border-radius:1.25rem;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem;font-size:1rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (min-width:580px){.student-classwork .scw-modal .scw-modal-actions .scw-btn-cancel,.student-classwork .scw-modal .scw-modal-actions .scw-btn-submit,.student-classwork .scw-modal .scw-modal-actions .scw-btn-resubmit{flex:1;width:auto}}.student-classwork .scw-modal .scw-modal-actions .scw-btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.student-classwork .scw-modal .scw-modal-actions .scw-btn-cancel:hover{background:var(--bg-hover);transform:translateY(-2px)}.student-classwork .scw-modal .scw-modal-actions .scw-btn-submit{background:var(--gradient-primary);color:#fff}.student-classwork .scw-modal .scw-modal-actions .scw-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.student-classwork .scw-modal .scw-modal-actions .scw-btn-submit:disabled{opacity:.6;cursor:not-allowed}.student-classwork .scw-modal .scw-modal-actions .scw-btn-resubmit{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%)}.student-classwork .scw-modal .scw-modal-actions .scw-btn-resubmit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.student-classwork .scw-modal .scw-modal-actions .scw-btn-resubmit:disabled{opacity:.6;cursor:not-allowed}.student-classwork .scw-detail-modal{max-width:780px}.student-classwork .scw-modal-header-left{flex-direction:column;flex:1;gap:.4rem;min-width:0;padding-right:1rem;display:flex}.student-classwork .scw-modal-header-left h2{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:800;line-height:1.4}.student-classwork .scw-detail-badge{border-radius:999px;align-items:center;gap:.35rem;width:fit-content;padding:.3rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.student-classwork .scw-detail-badge.material{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.student-classwork .scw-detail-badge.assignment{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.student-classwork .scw-detail-badge.quiz{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633}.student-classwork .scw-detail-badge.question{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.student-classwork .scw-detail-desc{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:1.25rem;padding:1rem 1.25rem}.student-classwork .scw-detail-desc p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.7}.student-classwork .scw-detail-info-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.student-classwork .scw-detail-info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.student-classwork .scw-detail-info-card>div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.student-classwork .scw-dic-icon{border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.student-classwork .scw-dic-icon.time{color:#3b82f6;background:#3b82f61f}.student-classwork .scw-dic-icon.score{color:#8b5cf6;background:#8b5cf61f}.student-classwork .scw-dic-icon.questions{color:#10b981;background:#10b9811f}.student-classwork .scw-dic-icon.date{color:#f59e0b;background:#f59e0b1f}.student-classwork .scw-dic-icon.overdue{color:#ef4444;background:#ef44441f}.student-classwork .scw-dic-icon.success{color:#10b981;background:#10b9811f}.student-classwork .scw-dic-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.student-classwork .scw-dic-value{color:var(--text-primary);font-size:.95rem;font-weight:700}.student-classwork .scw-dic-value.overdue{color:#ef4444}.student-classwork .scw-detail-section{margin-bottom:1.25rem}.student-classwork .scw-detail-section-title{color:var(--text-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin:0 0 .75rem;padding-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.student-classwork .scw-submission-date{color:var(--text-secondary);margin-top:.5rem;font-size:.82rem}.student-questions-glass{padding:0 40px 40px}.student-questions-glass .sq-header-glass{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.student-questions-glass .sq-header-glass .sq-header-info h2{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px;font-size:28px;font-weight:900}.student-questions-glass .sq-header-glass .sq-header-info p{color:var(--text-secondary);font-size:15px;font-weight:600}.student-questions-glass .sq-header-glass .sq-ask-btn-glass{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:18px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 25px #2563eb4d}.student-questions-glass .sq-header-glass .sq-ask-btn-glass:hover{transform:translateY(-3px);box-shadow:0 15px 35px #2563eb66}.student-questions-glass .sq-empty-glass{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);text-align:center;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:100px 24px;display:flex}.student-questions-glass .sq-empty-glass svg{opacity:.2;margin-bottom:24px}.student-questions-glass .sq-empty-glass p{color:var(--text-primary);margin-bottom:10px;font-size:20px;font-weight:800}.student-questions-glass .sq-empty-glass span{max-width:320px;font-size:15px}.student-questions-glass .sq-list-glass{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.student-questions-glass .sq-card-glass{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:28px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.student-questions-glass .sq-card-glass:hover{border-color:#3b82f6;transform:translateY(-6px);box-shadow:0 20px 40px #0000000f}.student-questions-glass .sq-card-glass.sq-card-mine{background:var(--bg-surface)}.student-questions-glass .sq-card-glass .sq-mine-bar{border-radius:28px 0 0 28px;width:4px;height:100%;position:absolute;top:0;left:0}.student-questions-glass .sq-card-glass .sq-mine-badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:100px;align-items:center;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.student-questions-glass .sq-card-glass .sq-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.student-questions-glass .sq-card-glass .sq-card-header .sq-date{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.student-questions-glass .sq-card-glass .sq-card-header .sq-status-badge{text-transform:uppercase;letter-spacing:.5px;background:rgba(var(--text-secondary-rgb),.08);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:850;display:flex}.student-questions-glass .sq-card-glass .sq-card-header .sq-status-badge.answered{color:#10b981;background:#10b9811a;border-color:#10b98133}.student-questions-glass .sq-card-glass .sq-card-body h3{color:var(--text-primary);margin-bottom:12px;font-size:19px;font-weight:800;line-height:1.4}.student-questions-glass .sq-card-glass .sq-card-body p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:24px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.student-questions-glass .sq-card-glass .sq-card-body .sq-asked-by-glass{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.student-questions-glass .sq-card-glass .sq-card-body .sq-asked-by-glass .sq-user-avatar{background:var(--bg-primary);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.student-questions-glass .sq-modal-overlay-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.student-questions-glass .sq-modal-glass{background:var(--bg-surface);border:1px solid #ffffff1a;border-radius:36px;flex-direction:column;width:100%;max-width:800px;max-height:85vh;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;display:flex;overflow:hidden;box-shadow:0 40px 80px #0006}.student-questions-glass .sq-modal-glass.small{max-width:600px}.student-questions-glass .sq-modal-glass .sq-modal-header-glass{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:32px;display:flex}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-title-area{align-items:center;gap:20px;display:flex}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-title-area .sq-modal-icon-glass{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-title-area .sq-modal-icon-glass.ask{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf633}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-title-area h2{color:var(--text-primary);margin-bottom:2px;font-size:24px;font-weight:900}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-title-area .sq-modal-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-close{background:var(--bg-hover);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:all .2s;display:flex}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-close:hover{color:#fff;background:#ef4444;transform:rotate(90deg)}.student-questions-glass .sq-modal-glass .sq-modal-content-glass{flex:1;padding:32px;overflow-y:auto}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-question-detail-glass{margin-bottom:40px}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-question-detail-glass h3{color:var(--text-primary);margin-bottom:16px;font-size:26px;font-weight:900;line-height:1.3}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-question-detail-glass p{color:var(--text-secondary);white-space:pre-wrap;font-size:17px;line-height:1.7}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section h4{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:24px;font-size:18px;font-weight:850;display:flex}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section h4 svg{color:#10b981}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section .sq-answer-item-glass{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;margin-bottom:20px;padding:24px;transition:all .2s}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section .sq-answer-item-glass:hover{border-color:#3b82f6;transform:translate(4px)}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section .sq-answer-item-glass .sq-answer-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section .sq-answer-item-glass .sq-answer-header .sq-answer-author{align-items:center;gap:12px;display:flex}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section .sq-answer-item-glass .sq-answer-header .sq-answer-author .sq-teacher-avatar{color:#fff;background:#3b82f6;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section .sq-answer-item-glass .sq-answer-header .sq-answer-author strong{color:var(--text-primary);font-size:15px;font-weight:800}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section .sq-answer-item-glass .sq-answer-header span{color:var(--text-tertiary);text-transform:uppercase;font-size:12px;font-weight:700}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section .sq-answer-item-glass p{color:var(--text-secondary);font-size:16px;line-height:1.6}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section .no-answers-glass{color:var(--text-tertiary);background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section .no-answers-glass svg{opacity:.5;font-size:32px}.student-questions-glass .sq-modal-glass .sq-modal-content-glass .sq-answers-section .no-answers-glass p{font-size:15px;font-weight:600}.student-questions-glass .sq-modal-glass .sq-modal-form-glass{padding:32px}.student-questions-glass .sq-modal-glass .sq-modal-form-glass .sq-form-group-glass{margin-bottom:24px}.student-questions-glass .sq-modal-glass .sq-modal-form-glass .sq-form-group-glass label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:15px;font-weight:800;display:block}.student-questions-glass .sq-modal-glass .sq-modal-form-glass .sq-form-group-glass input,.student-questions-glass .sq-modal-glass .sq-modal-form-glass .sq-form-group-glass textarea{background:var(--bg-primary);border:2px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:18px;padding:16px 20px;font-size:16px;font-weight:600;transition:all .2s}.student-questions-glass .sq-modal-glass .sq-modal-form-glass .sq-form-group-glass input:focus,.student-questions-glass .sq-modal-glass .sq-modal-form-glass .sq-form-group-glass textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.student-questions-glass .sq-modal-glass .sq-modal-actions-glass{border-top:1px solid var(--border-color);justify-content:flex-end;gap:16px;padding:32px;display:flex}.student-questions-glass .sq-modal-glass .sq-modal-actions-glass button{cursor:pointer;border:none;border-radius:18px;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:850;transition:all .3s;display:flex}.student-questions-glass .sq-modal-glass .sq-modal-actions-glass .sq-btn-cancel-glass{background:var(--bg-hover);color:var(--text-primary)}.student-questions-glass .sq-modal-glass .sq-modal-actions-glass .sq-btn-cancel-glass:hover{background:var(--border-color)}.student-questions-glass .sq-modal-glass .sq-modal-actions-glass .sq-btn-submit-glass{color:#fff;background:#3b82f6;box-shadow:0 10px 20px #3b82f64d}.student-questions-glass .sq-modal-glass .sq-modal-actions-glass .sq-btn-submit-glass:hover{transform:translateY(-2px);box-shadow:0 15px 30px #3b82f666}.student-questions-glass .sq-modal-glass .sq-modal-actions-glass .sq-btn-submit-glass:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.student-questions-glass{padding:0 12px 24px}.student-questions-glass .sq-header-glass{flex-direction:column;align-items:stretch}.student-questions-glass .sq-header-glass .sq-ask-btn-glass{justify-content:center}.student-questions-glass .sq-list-glass{grid-template-columns:1fr}.student-questions-glass .sq-card-glass{border-radius:20px;padding:20px}.student-questions-glass .sq-modal-overlay-glass{align-items:flex-end;padding:0}.student-questions-glass .sq-modal-glass{border-radius:28px 28px 0 0;max-width:100%;max-height:92vh}.student-questions-glass .sq-modal-glass .sq-modal-header-glass{padding:20px 20px 16px}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-title-area{gap:12px}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-title-area .sq-modal-icon-glass{border-radius:12px;flex-shrink:0;width:40px;height:40px;font-size:17px}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-title-area h2{font-size:17px}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-title-area .sq-modal-subtitle{font-size:11px}.student-questions-glass .sq-modal-glass .sq-modal-header-glass .sq-modal-close{flex-shrink:0;width:34px;height:34px;font-size:17px}.student-questions-glass .sq-modal-glass .sq-modal-content-glass,.student-questions-glass .sq-modal-glass .sq-modal-form-glass{padding:16px 20px}.student-questions-glass .sq-modal-glass .sq-modal-actions-glass{flex-wrap:wrap;padding:14px 20px}.student-questions-glass .sq-modal-glass .sq-modal-actions-glass button{flex:1;padding:12px 16px;font-size:14px}}.student-test-page{background:var(--bg-primary);min-height:100vh;padding:40px 20px}.student-test-page .test-loading,.student-test-page .test-error{min-height:400px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.student-test-page .test-loading .spinner,.student-test-page .test-error .spinner{border:4px solid var(--border-color);border-top-color:#8b5cf6;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.student-test-page .test-container{max-width:900px;margin:0 auto}.student-test-page .test-header{align-items:center;gap:24px;margin-bottom:40px;display:flex;position:relative}.student-test-page .test-header .back-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .2s;display:flex}.student-test-page .test-header .back-btn:hover{background:var(--bg-hover)}.student-test-page .test-header h1{color:var(--text-primary);flex:1;font-size:24px;font-weight:800}.student-test-page .test-header .test-timer{color:#8b5cf6;background:#1e1e1e;border:2px solid #8b5cf6;border-radius:14px;align-items:center;gap:8px;padding:10px 20px;font-family:monospace;font-size:18px;font-weight:700;display:flex;box-shadow:0 0 15px #8b5cf633}.student-test-page .test-header .test-timer.warning{color:#ef4444;border-color:#ef4444;animation:1s infinite pulse}.student-test-page .test-intro .intro-card{background:var(--bg-surface);border:1px solid var(--border-color);text-align:center;border-radius:32px;padding:40px}.student-test-page .test-intro .intro-card h2{color:var(--text-primary);margin-bottom:32px;font-size:28px}.student-test-page .test-intro .intro-card .info-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.student-test-page .test-intro .intro-card .info-grid .info-item{background:var(--bg-primary);color:var(--text-secondary);border-radius:20px;flex-direction:column;gap:8px;padding:20px;font-size:15px;display:flex}.student-test-page .test-intro .intro-card .info-grid .info-item strong{color:var(--text-primary);font-size:18px}.student-test-page .test-intro .intro-card .test-rules{text-align:left;background:#f59e0b0d;border:1px solid #f59e0b33;border-radius:20px;margin-bottom:40px;padding:24px}.student-test-page .test-intro .intro-card .test-rules h3{color:#f59e0b;margin-bottom:12px;font-size:17px}.student-test-page .test-intro .intro-card .test-rules ul{padding:0;list-style:none}.student-test-page .test-intro .intro-card .test-rules ul li{color:var(--text-secondary);margin-bottom:8px;padding-left:20px;font-size:14px;position:relative}.student-test-page .test-intro .intro-card .test-rules ul li:before{content:"•";color:#f59e0b;position:absolute;left:0}.student-test-page .test-intro .intro-card .start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:18px;align-items:center;gap:12px;margin:0 auto;padding:16px 48px;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 25px #8b5cf666}.student-test-page .test-intro .intro-card .start-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #8b5cf680}.student-test-page .test-content .questions-nav{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}.student-test-page .test-content .questions-nav .nav-dot{border:1px solid var(--border-color);background:var(--bg-surface);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:12px;font-weight:700;transition:all .2s}.student-test-page .test-content .questions-nav .nav-dot:hover{color:#8b5cf6;border-color:#8b5cf6}.student-test-page .test-content .questions-nav .nav-dot.answered{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf6}.student-test-page .test-content .questions-nav .nav-dot.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6;transform:scale(1.1)}.student-test-page .test-content .question-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:28px;margin-bottom:32px;padding:40px;box-shadow:0 10px 30px #0000000d}.student-test-page .test-content .question-card h3{color:var(--text-primary);margin-bottom:32px;font-size:20px;font-weight:700;line-height:1.5}.student-test-page .test-content .question-card .options-list{flex-direction:column;gap:16px;display:flex}.student-test-page .test-content .question-card .options-list .option-item{background:var(--bg-primary);border:2px solid var(--border-color);cursor:pointer;border-radius:18px;align-items:center;gap:16px;padding:20px 24px;transition:all .2s;display:flex}.student-test-page .test-content .question-card .options-list .option-item input{accent-color:#8b5cf6;width:20px;height:20px}.student-test-page .test-content .question-card .options-list .option-item span{color:var(--text-primary);font-size:16px;font-weight:600}.student-test-page .test-content .question-card .options-list .option-item:hover{background:var(--bg-hover);border-color:#8b5cf6}.student-test-page .test-content .question-card .options-list .option-item.selected{background:#8b5cf60d;border-color:#8b5cf6}.student-test-page .test-content .test-actions{justify-content:space-between;gap:20px;display:flex}.student-test-page .test-content .test-actions button{cursor:pointer;border:none;border-radius:16px;padding:14px 32px;font-size:15px;font-weight:700;transition:all .2s}.student-test-page .test-content .test-actions .prev-btn{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.student-test-page .test-content .test-actions .prev-btn:disabled{opacity:.5;cursor:not-allowed}.student-test-page .test-content .test-actions .next-btn{color:#fff;background:#8b5cf6}.student-test-page .test-content .test-actions .submit-btn{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b9814d}.student-test-page .test-results .result-card{background:var(--bg-surface);text-align:center;border:1px solid var(--border-color);border-radius:32px;padding:60px 40px}.student-test-page .test-results .result-card svg{margin-bottom:24px}.student-test-page .test-results .result-card svg.success{color:#10b981}.student-test-page .test-results .result-card svg.fail{color:#ef4444}.student-test-page .test-results .result-card h2{color:var(--text-primary);margin-bottom:12px;font-size:32px;font-weight:850}.student-test-page .test-results .result-card .result-score{margin-bottom:40px}.student-test-page .test-results .result-card .result-score .percentage{color:#8b5cf6;margin-bottom:8px;font-size:64px;font-weight:900;display:block}.student-test-page .test-results .result-card .result-score p{color:var(--text-secondary);font-size:18px;font-weight:600}.student-test-page .test-results .result-card .finish-btn{background:var(--text-primary);color:var(--bg-primary);cursor:pointer;border:none;border-radius:16px;padding:16px 40px;font-size:16px;font-weight:700;transition:all .2s}.student-test-page .test-results .result-card .finish-btn:hover{opacity:.9;transform:translateY(-2px)}@media (max-width:768px){.student-test-page{padding:20px 16px}.student-test-page .test-header{flex-direction:column;align-items:flex-start;gap:16px}.student-test-page .test-header h1{font-size:20px}.student-test-page .test-intro .intro-card{padding:24px}.student-test-page .test-intro .intro-card .info-grid{grid-template-columns:1fr}.student-test-page .test-content .question-card{padding:24px}.student-test-page .test-content .question-card h3{font-size:18px}}.classroom-quiz-page{background:var(--bg-primary);min-height:100vh;position:relative}.classroom-quiz-page .mode-select-overlay{z-index:9998;background:#000000e0;justify-content:center;align-items:center;padding:1rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.classroom-quiz-page .mode-select-overlay .mode-select-wrapper{width:100%;max-width:800px}.classroom-quiz-page .mode-select-overlay .mode-select-wrapper .mode-select-title{text-align:center;color:#fff;margin:0 0 .5rem;font-size:2rem;font-weight:900}.classroom-quiz-page .mode-select-overlay .mode-select-wrapper .mode-select-sub{text-align:center;color:#ffffffa6;margin:0 0 2rem;font-size:1.05rem}.classroom-quiz-page .mode-select-overlay .mode-select-wrapper .mode-select-cards{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:600px){.classroom-quiz-page .mode-select-overlay .mode-select-wrapper .mode-select-cards{grid-template-columns:1fr}}.classroom-quiz-page .mode-card{background:var(--bg-surface);border:2px solid var(--border-color);cursor:pointer;text-align:center;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.classroom-quiz-page .mode-card:hover{border-color:var(--primary-400);transform:translateY(-6px);box-shadow:0 20px 48px #3b82f640}.classroom-quiz-page .mode-card .mode-card-icon{color:#fff;border-radius:1.25rem;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.classroom-quiz-page .mode-card .mode-card-icon.scroll-icon{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);box-shadow:0 8px 20px #3b82f659}.classroom-quiz-page .mode-card .mode-card-icon.card-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 20px #10b98159}.classroom-quiz-page .mode-card h3{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:900}.classroom-quiz-page .mode-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.classroom-quiz-page .mode-card .mode-badge{color:var(--primary-500);letter-spacing:.04em;background:linear-gradient(135deg,#3b82f61f 0%,#8b5cf61f 100%);border:1px solid #3b82f633;border-radius:999px;padding:.3rem 1rem;font-size:.8rem;font-weight:800;display:inline-block}.classroom-quiz-page .test-container{max-width:1400px;margin:0 auto;padding:0}.classroom-quiz-page .test-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:102;justify-content:space-between;align-items:center;gap:.5rem;min-height:60px;padding:.875rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.classroom-quiz-page .test-header .back-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:.625rem;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.classroom-quiz-page .test-header .back-btn:hover{background:var(--bg-hover);transform:translate(-3px)}.classroom-quiz-page .test-header .back-btn svg{font-size:1rem}.classroom-quiz-page .test-header .header-title{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;padding:0 .75rem;font-size:1.1rem;font-weight:800;overflow:hidden}.classroom-quiz-page .test-header .test-mode-label{color:#3b82f6;white-space:nowrap;background:#3b82f61a;border:1px solid #3b82f633;border-radius:.5rem;flex-shrink:0;align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:800;display:inline-flex}.classroom-quiz-page .test-header .test-timer{color:#3b82f6;background:#3b82f614;border:1px solid #3b82f62e;border-radius:.625rem;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .875rem;font-size:1rem;font-weight:800;display:inline-flex}.classroom-quiz-page .test-header .test-timer.warning{color:#ef4444;background:#ef444414;border-color:#ef444433;animation:1s infinite pulse}.classroom-quiz-page .test-header .test-timer svg{font-size:1rem}.classroom-quiz-page .test-intro{max-width:1200px;margin:0 auto;padding:3rem 2rem}.classroom-quiz-page .test-intro .intro-header{text-align:center;margin-bottom:2.5rem}.classroom-quiz-page .test-intro .intro-header h2{color:var(--text-primary);background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .75rem;font-size:2rem;font-weight:900}.classroom-quiz-page .test-intro .intro-header .intro-desc{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.classroom-quiz-page .test-intro .test-info-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.classroom-quiz-page .test-intro .test-info-cards .info-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1.5rem;align-items:center;gap:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000d}.classroom-quiz-page .test-intro .test-info-cards .info-card:hover{border-color:var(--primary-400);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.classroom-quiz-page .test-intro .test-info-cards .info-card .info-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex;box-shadow:0 4px 12px #3b82f64d}.classroom-quiz-page .test-intro .test-info-cards .info-card .info-content{flex-direction:column;gap:.5rem;display:flex}.classroom-quiz-page .test-intro .test-info-cards .info-card .info-content .info-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.classroom-quiz-page .test-intro .test-info-cards .info-card .info-content .info-value{color:var(--text-primary);font-size:1.5rem;font-weight:900}.classroom-quiz-page .test-intro .test-rules{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1.5rem;margin-bottom:2rem;padding:1.75rem;transition:border-color .2s}.classroom-quiz-page .test-intro .test-rules.rules-error{border-color:var(--error-400);box-shadow:0 0 0 3px #ef44441a}.classroom-quiz-page .test-intro .test-rules h3{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 1.25rem;font-size:1.15rem;font-weight:800;display:flex}.classroom-quiz-page .test-intro .test-rules h3 svg{color:var(--warning-500);font-size:1.3rem}.classroom-quiz-page .test-intro .test-rules h3 .rules-hint{color:var(--text-tertiary);font-size:.85rem;font-weight:600}.classroom-quiz-page .test-intro .test-rules .rules-error-msg{color:var(--error-600);background:#ef444414;border:1px solid #ef444440;border-radius:.75rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.95rem;font-weight:700}.classroom-quiz-page .test-intro .test-rules .rules-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.classroom-quiz-page .test-intro .test-rules .rules-list .rule-item{background:var(--bg-primary);border:1.5px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.75rem;align-items:flex-start;gap:.85rem;padding:.9rem 1rem;transition:all .18s;display:flex}.classroom-quiz-page .test-intro .test-rules .rules-list .rule-item:hover{border-color:var(--primary-300);background:var(--bg-hover)}.classroom-quiz-page .test-intro .test-rules .rules-list .rule-item.checked{background:#10b9810d;border-color:#10b981}.classroom-quiz-page .test-intro .test-rules .rules-list .rule-item .rule-checkbox{flex-shrink:0;margin-top:1px;font-size:1.2rem}.classroom-quiz-page .test-intro .test-rules .rules-list .rule-item .rule-checkbox .checked-icon{color:#10b981}.classroom-quiz-page .test-intro .test-rules .rules-list .rule-item .rule-checkbox .unchecked-icon{color:#9ca3af}.classroom-quiz-page .test-intro .test-rules .rules-list .rule-item .rule-text{color:var(--text-secondary);font-size:.95rem;line-height:1.55}.classroom-quiz-page .test-intro .start-test-btn{background:var(--bg-secondary);width:100%;max-width:480px;color:var(--text-secondary);cursor:pointer;border:2px solid #3b82f64d;border-radius:1.25rem;justify-content:center;align-items:center;gap:.75rem;margin:0 auto;padding:1.1rem 2rem;font-size:1rem;font-weight:800;transition:all .25s;display:flex}.classroom-quiz-page .test-intro .start-test-btn.ready{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-color:#0000;font-size:1.1rem;box-shadow:0 8px 24px #3b82f659}.classroom-quiz-page .test-intro .start-test-btn.ready:hover{transform:translateY(-3px);box-shadow:0 14px 32px #3b82f666}.classroom-quiz-page .test-intro .start-test-btn svg{font-size:1.3rem}.classroom-quiz-page .exit-warning-overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal{background:var(--bg-surface);border:2px solid var(--error-500);text-align:center;border-radius:1.5rem;max-width:500px;padding:2.5rem;animation:.3s scaleIn;box-shadow:0 20px 60px #ef444466}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal h3{color:var(--error-500);margin:0 0 1rem;font-size:1.8rem;font-weight:900}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal p{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem;line-height:1.6}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal p.countdown{color:var(--error-600);margin:1.5rem 0;font-size:1.3rem;font-weight:800}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal .return-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:1rem;width:100%;padding:1.25rem 2rem;font-size:1.2rem;font-weight:900;transition:all .3s;box-shadow:0 8px 24px #10b9814d}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal .return-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.classroom-quiz-page .test-content{-webkit-user-select:none;user-select:none;padding-bottom:3rem}.classroom-quiz-page .test-content .scroll-progress-bar{z-index:200;pointer-events:none;background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 100%);height:3px;transition:width .15s;position:fixed;top:0;left:0}.classroom-quiz-page .test-content .test-topbar{z-index:101;background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:.65rem 1.5rem;position:sticky;top:60px;box-shadow:0 1px 4px #0000000f}.classroom-quiz-page .test-content .test-topbar .test-progress{align-items:center;gap:1rem;display:flex}.classroom-quiz-page .test-content .test-topbar .test-progress .test-progress-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;flex:1;height:10px;overflow:hidden}.classroom-quiz-page .test-content .test-topbar .test-progress .test-progress-bar .test-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 100%);border-radius:999px;height:100%;transition:width .25s}.classroom-quiz-page .test-content .test-topbar .test-progress .test-progress-text{color:var(--text-secondary);white-space:nowrap;min-width:fit-content;font-size:.85rem;font-weight:700}.classroom-quiz-page .test-content .questions-nav{z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.4rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:107px;box-shadow:0 1px 4px #0000000a}.classroom-quiz-page .test-content .questions-nav .nav-dot{border:1.5px solid var(--border-color);background:var(--bg-primary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.classroom-quiz-page .test-content .questions-nav .nav-dot:hover{color:#3b82f6;border-color:#3b82f6;transform:scale(1.08)}.classroom-quiz-page .test-content .questions-nav .nav-dot.answered{color:#10b981;background:#10b98114;border-color:#10b981}.classroom-quiz-page .test-content .questions-nav .nav-dot.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-color:#0000;font-weight:800;box-shadow:0 3px 8px #3b82f659}.classroom-quiz-page .test-content .questions-card-mode{flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.classroom-quiz-page .test-content .questions-card-mode .question-card.single{width:100%;max-width:780px}.classroom-quiz-page .test-content .card-actions{gap:1rem;width:100%;max-width:780px;display:flex}.classroom-quiz-page .test-content .card-actions .nav-btn{cursor:pointer;border:none;border-radius:1rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:800;transition:all .2s;display:inline-flex}.classroom-quiz-page .test-content .card-actions .nav-btn.prev{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.classroom-quiz-page .test-content .card-actions .nav-btn.prev:hover:not(:disabled){background:var(--bg-hover);transform:translate(-2px)}.classroom-quiz-page .test-content .card-actions .nav-btn.prev:disabled{opacity:.45;cursor:not-allowed}.classroom-quiz-page .test-content .card-actions .nav-btn.next{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);box-shadow:0 6px 16px #3b82f64d}.classroom-quiz-page .test-content .card-actions .nav-btn.next:hover{transform:translate(2px);box-shadow:0 10px 24px #3b82f666}.classroom-quiz-page .test-content .submit-wrapper{max-width:900px;margin:0 auto;padding:1.5rem 0 2.5rem}.classroom-quiz-page .test-content .submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:1rem;width:100%;padding:1.1rem 2rem;font-size:1.1rem;font-weight:900;transition:all .25s;box-shadow:0 8px 20px #10b9814d}.classroom-quiz-page .test-content .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #10b98166}.classroom-quiz-page .test-content .submit-btn:disabled{opacity:.6;cursor:not-allowed}.classroom-quiz-page .test-content .question-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1.5rem;max-width:900px;margin:.75rem auto;padding:1.5rem 1.75rem;scroll-margin-top:130px;transition:border-color .2s;box-shadow:0 4px 16px #0000000d}.classroom-quiz-page .test-content .question-card.answered{border-color:#10b98166}.classroom-quiz-page .test-content .question-card .question-number{color:#3b82f6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;font-size:.75rem;font-weight:800}.classroom-quiz-page .test-content .question-card .question-text{color:var(--text-primary);margin:0 0 1.75rem;font-size:1.25rem;font-weight:800;line-height:1.6}.classroom-quiz-page .test-content .question-card .options-list{flex-direction:column;gap:1rem;display:flex}.classroom-quiz-page .test-content .question-card .options-list .option-item{border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.classroom-quiz-page .test-content .question-card .options-list .option-item:hover{border-color:var(--primary-400);background:var(--bg-hover)}.classroom-quiz-page .test-content .question-card .options-list .option-item.selected{border-color:var(--primary-500);background:linear-gradient(135deg,#3b82f61a 0%,#6366f11a 100%);box-shadow:0 4px 12px #3b82f633}.classroom-quiz-page .test-content .question-card .options-list .option-item .option-marker{background:0 0;border:2px solid #4b5563;border-radius:50%;flex-shrink:0;width:20px;min-width:20px;height:20px;transition:all .15s;display:block;position:relative}.classroom-quiz-page .test-content .question-card .options-list .option-item .option-marker:after{content:"";opacity:0;background:#3b82f6;border-radius:50%;width:10px;height:10px;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.classroom-quiz-page .test-content .question-card .options-list .option-item .option-marker.checked{border-color:#3b82f6}.classroom-quiz-page .test-content .question-card .options-list .option-item .option-marker.checked:after{opacity:1}.classroom-quiz-page .test-content .question-card .options-list .option-item .option-text{color:var(--text-primary);flex:1;font-size:1rem;font-weight:500;line-height:1.5}.classroom-quiz-page .test-results{max-width:800px;margin:0 auto;padding:3rem 2rem}.classroom-quiz-page .test-results .result-card{background:var(--bg-surface);border:1px solid var(--border-color);text-align:center;border-radius:2rem;padding:3rem;box-shadow:0 8px 32px #0000001a}.classroom-quiz-page .test-results .result-card svg{margin-bottom:1.5rem}.classroom-quiz-page .test-results .result-card svg.success{color:var(--success-500)}.classroom-quiz-page .test-results .result-card svg.fail{color:var(--error-500)}.classroom-quiz-page .test-results .result-card h2{color:var(--text-primary);margin:0 0 2rem;font-size:2rem;font-weight:900}.classroom-quiz-page .test-results .result-card .result-score{margin-bottom:1.5rem}.classroom-quiz-page .test-results .result-card .result-score .percentage{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:900;display:block}.classroom-quiz-page .test-results .result-card .result-score p{color:var(--text-secondary);margin:0;font-size:1.1rem}.classroom-quiz-page .test-results .result-card .result-status{border-radius:999px;align-items:center;gap:.6rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:800;display:inline-flex}.classroom-quiz-page .test-results .result-card .result-status.passed{color:var(--success-600);background:#10b9811a;border:1px solid #10b98140}.classroom-quiz-page .test-results .result-card .result-status.failed{color:var(--error-600);background:#ef44441a;border:1px solid #ef444433}.classroom-quiz-page .test-results .result-card .finish-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:1rem;padding:1rem 2rem;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}.classroom-quiz-page .test-results .result-card .finish-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.classroom-quiz-page .test-loading,.classroom-quiz-page .test-error{min-height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.classroom-quiz-page .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@media (max-width:1024px){.classroom-quiz-page .test-header{padding:.875rem 1.5rem}.classroom-quiz-page .test-header .header-title{font-size:1.1rem}.classroom-quiz-page .test-header .test-timer{padding:.5rem .875rem;font-size:.95rem}.classroom-quiz-page .test-intro{padding:2rem 1.5rem}.classroom-quiz-page .test-intro .intro-header h2{font-size:1.6rem}.classroom-quiz-page .test-intro .test-info-cards{grid-template-columns:repeat(2,1fr);gap:1rem}.classroom-quiz-page .test-intro .test-info-cards .info-card{padding:1.25rem}.classroom-quiz-page .test-intro .test-info-cards .info-card .info-icon{width:46px;height:46px;font-size:1.4rem}.classroom-quiz-page .test-intro .test-info-cards .info-card .info-content .info-label{font-size:.75rem}.classroom-quiz-page .test-intro .test-info-cards .info-card .info-content .info-value{font-size:1.15rem}.classroom-quiz-page .test-content .test-topbar{padding:.5rem .875rem;top:60px}.classroom-quiz-page .test-content .questions-nav{gap:.3rem;padding:.5rem .875rem;top:96px}.classroom-quiz-page .test-content .questions-nav .nav-dot{width:30px;height:30px;font-size:.75rem}.classroom-quiz-page .test-content .question-card{border-radius:1.1rem;padding:1.1rem;scroll-margin-top:110px}.classroom-quiz-page .test-content .question-card .question-text{margin-bottom:1.25rem;font-size:1.05rem}.classroom-quiz-page .test-content .question-card .options-list{gap:.6rem}.classroom-quiz-page .test-content .question-card .options-list .option-item{padding:.875rem 1rem}.classroom-quiz-page .test-content .question-card .options-list .option-item .option-text{font-size:.9rem}.classroom-quiz-page .test-content .questions-card-mode{padding:.875rem}.classroom-quiz-page .test-content .card-actions{gap:.6rem}.classroom-quiz-page .test-content .card-actions .nav-btn{padding:.875rem 1rem;font-size:.9rem}.classroom-quiz-page .test-content .submit-btn{padding:.95rem 1.5rem;font-size:1rem}.classroom-quiz-page .mode-card{padding:1.5rem 1rem}.classroom-quiz-page .mode-card h3{font-size:1.1rem}.classroom-quiz-page .mode-card p{font-size:.875rem}.classroom-quiz-page .mode-card .mode-card-icon{width:60px;height:60px}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal{margin:1rem;padding:1.75rem}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal h3{font-size:1.4rem}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal p{font-size:.95rem}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal .countdown{font-size:1.15rem}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal .return-btn{padding:.95rem 1.25rem;font-size:1rem}}@media (max-width:768px){.classroom-quiz-page .test-header{gap:.4rem;min-height:52px;padding:.625rem .875rem}.classroom-quiz-page .test-header .header-title{padding:0 .5rem;font-size:.9rem}.classroom-quiz-page .test-header .back-btn{padding:.4rem .75rem;font-size:.8rem}.classroom-quiz-page .test-header .test-timer{padding:.4rem .625rem;font-size:.85rem}.classroom-quiz-page .test-header .test-mode-label{padding:.3rem .6rem;font-size:.75rem}.classroom-quiz-page .test-intro{padding:1.25rem .875rem}.classroom-quiz-page .test-intro .intro-header h2{font-size:1.3rem}.classroom-quiz-page .test-intro .test-info-cards{grid-template-columns:repeat(2,1fr);gap:.6rem}.classroom-quiz-page .test-intro .test-info-cards .info-card{gap:.75rem;padding:.875rem}.classroom-quiz-page .test-intro .test-info-cards .info-card .info-icon{width:36px;height:36px;font-size:1.1rem}.classroom-quiz-page .test-intro .test-info-cards .info-card .info-content .info-label{font-size:.7rem}.classroom-quiz-page .test-intro .test-info-cards .info-card .info-content .info-value{font-size:.95rem}.classroom-quiz-page .test-intro .test-rules{padding:1.25rem}.classroom-quiz-page .test-intro .test-rules h3{font-size:1rem}.classroom-quiz-page .test-intro .test-rules .rules-list .rule-item{padding:.7rem .875rem}.classroom-quiz-page .test-intro .test-rules .rules-list .rule-item .rule-text{font-size:.875rem}.classroom-quiz-page .test-intro .start-test-btn{padding:.95rem 1.25rem;font-size:.95rem}.classroom-quiz-page .test-content .test-topbar{padding:.5rem .875rem;top:62px}.classroom-quiz-page .test-content .questions-nav{gap:.3rem;padding:.5rem .875rem;top:88px}.classroom-quiz-page .test-content .questions-nav .nav-dot{width:30px;height:30px;font-size:.75rem}.classroom-quiz-page .test-content .question-card{border-radius:1.1rem;padding:1.1rem}.classroom-quiz-page .test-content .question-card .question-text{margin-bottom:1.25rem;font-size:1.05rem}.classroom-quiz-page .test-content .question-card .options-list{gap:.6rem}.classroom-quiz-page .test-content .question-card .options-list .option-item{padding:.875rem 1rem}.classroom-quiz-page .test-content .question-card .options-list .option-item .option-text{font-size:.9rem}.classroom-quiz-page .test-content .questions-card-mode{padding:.875rem}.classroom-quiz-page .test-content .card-actions{gap:.6rem}.classroom-quiz-page .test-content .card-actions .nav-btn{padding:.875rem 1rem;font-size:.9rem}.classroom-quiz-page .test-content .submit-btn{padding:.95rem 1.5rem;font-size:1rem}.classroom-quiz-page .mode-card{padding:1.5rem 1rem}.classroom-quiz-page .mode-card h3{font-size:1.1rem}.classroom-quiz-page .mode-card p{font-size:.875rem}.classroom-quiz-page .mode-card .mode-card-icon{width:60px;height:60px}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal{margin:1rem;padding:1.75rem}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal h3{font-size:1.4rem}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal p{font-size:.95rem}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal .countdown{font-size:1.15rem}.classroom-quiz-page .exit-warning-overlay .exit-warning-modal .return-btn{padding:.95rem 1.25rem;font-size:1rem}}.teacher-classrooms{background:var(--bg-primary,#0f1117);min-height:100vh;color:var(--text-primary,#e2e8f0);padding:2rem}.teacher-classrooms .tc-loading{min-height:60vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.teacher-classrooms .tc-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;display:flex}.teacher-classrooms .tc-header .tc-header-content h1{color:var(--text-primary,#f1f5f9);margin:0 0 .5rem;font-size:2rem;font-weight:700}.teacher-classrooms .tc-header .tc-header-content p{color:var(--text-secondary,#94a3b8);margin:0;font-size:.95rem}.teacher-classrooms .tc-header .tc-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#1976d2;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s,transform .1s;display:flex}.teacher-classrooms .tc-header .tc-create-btn:hover{background:#1565c0;transform:translateY(-1px)}.teacher-classrooms .tc-header .tc-create-btn:active{transform:translateY(0)}.teacher-classrooms .tc-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.teacher-classrooms .tc-empty .tc-empty-icon{background:var(--bg-secondary,#1e2235);color:#1976d2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;display:flex}.teacher-classrooms .tc-empty h2{color:var(--text-primary,#f1f5f9);margin:0;font-size:1.5rem;font-weight:600}.teacher-classrooms .tc-empty p{color:var(--text-secondary,#94a3b8);margin:0}.teacher-classrooms .tc-empty .tc-empty-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:10px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.teacher-classrooms .tc-empty .tc-empty-btn:hover{background:#1565c0}.teacher-classrooms .tc-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.teacher-classrooms .tc-card{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);--theme-color:#1976d2;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.teacher-classrooms .tc-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #0000004d}.teacher-classrooms .tc-card .tc-card-header{background:var(--theme-color);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.25rem 1.25rem 1rem;display:flex}.teacher-classrooms .tc-card .tc-card-header .tc-card-title h3{color:#fff;margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.teacher-classrooms .tc-card .tc-card-header .tc-card-title .tc-card-section{color:#fffc;font-size:.8rem}.teacher-classrooms .tc-card .tc-card-header .tc-privacy-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:flex}.teacher-classrooms .tc-card .tc-card-header .tc-privacy-badge.private{color:#ffd54f;background:#0000004d}.teacher-classrooms .tc-card .tc-card-header .tc-privacy-badge.public{color:#fff;background:#ffffff26}.teacher-classrooms .tc-card .tc-card-body{padding:1rem 1.25rem .75rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-info{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.teacher-classrooms .tc-card .tc-card-body .tc-card-info .tc-card-subject{color:var(--text-primary,#e2e8f0);align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.teacher-classrooms .tc-card .tc-card-body .tc-card-info .tc-card-room{color:var(--text-secondary,#94a3b8);font-size:.8rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-description{color:var(--text-secondary,#94a3b8);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.teacher-classrooms .tc-card .tc-card-stats{border-top:1px solid var(--border-color,#2a3042);border-bottom:1px solid var(--border-color,#2a3042);gap:1.5rem;padding:.75rem 1.25rem;display:flex}.teacher-classrooms .tc-card .tc-card-stats .tc-stat{color:var(--text-secondary,#94a3b8);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.teacher-classrooms .tc-card .tc-card-stats .tc-stat svg{color:var(--theme-color)}.teacher-classrooms .tc-card .tc-card-stats .tc-stat span{color:var(--text-primary,#e2e8f0);font-weight:600}.teacher-classrooms .tc-card .tc-card-footer{justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code{align-items:center;gap:.4rem;display:flex}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-code-label{color:var(--text-secondary,#94a3b8);font-size:.75rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-code-value{color:var(--theme-color);letter-spacing:.05em;font-family:monospace;font-size:.9rem;font-weight:700}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-copy-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.25rem;transition:color .2s,background .2s;display:flex}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-copy-btn:hover{color:var(--theme-color);background:#1976d21a}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-copy-btn.copied{color:#4caf50}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions{gap:.4rem;display:flex}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,transform .1s;display:flex}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn.delete{color:#ef5350;background:#d32f2f26}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn.delete:hover{color:#fff;background:#ef5350;transform:scale(1.05)}.tc-modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.tc-modal{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.tc-modal.tc-delete-modal{max-width:420px}.tc-modal .tc-modal-header{border-bottom:1px solid var(--border-color,#2a3042);justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.tc-modal .tc-modal-header h2{color:var(--text-primary,#f1f5f9);margin:0;font-size:1.2rem;font-weight:700}.tc-modal .tc-modal-header .tc-modal-close{background:var(--bg-secondary,#252b3b);width:32px;height:32px;color:var(--text-secondary,#94a3b8);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.tc-modal .tc-modal-header .tc-modal-close:hover{color:#fff;background:#ef5350}.tc-modal .tc-modal-form{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.tc-modal .tc-form-group{flex-direction:column;gap:.4rem;display:flex}.tc-modal .tc-form-group label{color:var(--text-secondary,#94a3b8);font-size:.85rem;font-weight:600}.tc-modal .tc-form-group small{color:var(--text-secondary,#94a3b8);font-size:.75rem}.tc-modal .tc-form-group input,.tc-modal .tc-form-group textarea,.tc-modal .tc-form-group select{background:var(--bg-secondary,#252b3b);border:1px solid var(--border-color,#2a3042);color:var(--text-primary,#e2e8f0);border-radius:8px;outline:none;padding:.6rem .85rem;font-size:.9rem;transition:border-color .2s}.tc-modal .tc-form-group input:focus,.tc-modal .tc-form-group textarea:focus,.tc-modal .tc-form-group select:focus{border-color:#1976d2}.tc-modal .tc-form-group input::placeholder,.tc-modal .tc-form-group textarea::placeholder,.tc-modal .tc-form-group select::placeholder{color:var(--text-muted,#64748b)}.tc-modal .tc-form-group textarea{resize:vertical;min-height:80px}.tc-modal .tc-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tc-modal .tc-color-picker{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tc-modal .tc-color-picker .tc-color-option{cursor:pointer;border:3px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .2s,border-color .2s}.tc-modal .tc-color-picker .tc-color-option:hover{transform:scale(1.15)}.tc-modal .tc-color-picker .tc-color-option.active{border-color:#fff;box-shadow:0 0 0 2px #1976d2}.tc-modal .tc-color-picker .tc-custom-color{align-items:center;gap:.4rem;display:flex}.tc-modal .tc-color-picker .tc-custom-color input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:50%;width:32px;height:32px;padding:0}.tc-modal .tc-color-picker .tc-custom-color span{color:var(--text-secondary,#94a3b8);font-size:.75rem}.tc-modal .tc-checkbox-group .tc-checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.tc-modal .tc-checkbox-group .tc-checkbox span{color:var(--text-primary,#e2e8f0);font-size:.9rem}.tc-modal .tc-checkbox-group .tc-checkbox input[type=checkbox]{accent-color:#1976d2;width:16px;height:16px}.tc-modal .tc-checkbox-group .tc-checkbox-hint{color:var(--text-secondary,#94a3b8);margin:0;font-size:.78rem}.tc-modal .tc-modal-actions{justify-content:flex-end;gap:.75rem;padding-top:.5rem;display:flex}.tc-modal .tc-modal-actions .tc-btn-cancel{background:var(--bg-secondary,#252b3b);color:var(--text-secondary,#94a3b8);border:1px solid var(--border-color,#2a3042);cursor:pointer;border-radius:8px;padding:.6rem 1.25rem;font-size:.9rem}.tc-modal .tc-modal-actions .tc-btn-cancel:hover{color:var(--text-primary,#e2e8f0)}.tc-modal .tc-modal-actions .tc-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.tc-modal .tc-modal-actions .tc-btn-submit{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .2s}.tc-modal .tc-modal-actions .tc-btn-submit:hover{background:#1565c0}.tc-modal .tc-modal-actions .tc-btn-submit:disabled{opacity:.5;cursor:not-allowed}.tc-modal .tc-modal-actions .tc-btn-submit.danger{background:#ef5350}.tc-modal .tc-modal-actions .tc-btn-submit.danger:hover{background:#c62828}.teacher-classroom-dashboard{background:var(--bg-primary,#0f1117);min-height:100vh;color:var(--text-primary,#e2e8f0)}.teacher-classroom-dashboard .tcd-loading,.teacher-classroom-dashboard .tcd-error{min-height:60vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.teacher-classroom-dashboard .tcd-loading button,.teacher-classroom-dashboard .tcd-error button{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:8px;padding:.6rem 1.25rem}body{padding-top:0!important;padding-bottom:0!important}.teacher-classroom-dashboard .tcd-banner{color:#fff;background-position:50%;background-size:cover;border-radius:0 0 40px 40px;height:320px;margin-bottom:24px;position:relative;overflow:hidden}.teacher-classroom-dashboard .tcd-banner .tcd-banner-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0003 0%,#0009 100%);flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:absolute;inset:0}.teacher-classroom-dashboard .tcd-banner .tcd-back-btn-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;align-self:flex-start;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.teacher-classroom-dashboard .tcd-banner .tcd-back-btn-glass svg{font-size:18px}.teacher-classroom-dashboard .tcd-banner .tcd-back-btn-glass:hover{background:#ffffff40;transform:translate(-4px);box-shadow:0 8px 20px #0003}.teacher-classroom-dashboard .tcd-banner .tcd-code-card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:10;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;flex-direction:column;align-items:flex-end;gap:4px;padding:12px 24px;transition:all .3s;display:flex;position:absolute;top:40px;right:40px}.teacher-classroom-dashboard .tcd-banner .tcd-code-card-glass span{text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:11px;font-weight:700}.teacher-classroom-dashboard .tcd-banner .tcd-code-card-glass strong{letter-spacing:2px;font-family:monospace;font-size:22px;font-weight:800}.teacher-classroom-dashboard .tcd-banner .tcd-code-card-glass:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 32px #00000026}.teacher-classroom-dashboard .tcd-banner .tcd-banner-content{z-index:2;position:relative}.teacher-classroom-dashboard .tcd-banner .tcd-banner-content .tcd-badge-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:1px;background:#fff3;border:1px solid #ffffff4d;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.teacher-classroom-dashboard .tcd-banner .tcd-banner-content h1{letter-spacing:-2px;text-shadow:0 4px 20px #0000004d;margin-bottom:16px;font-size:56px;font-weight:950;line-height:1.1}.teacher-classroom-dashboard .tcd-banner .tcd-banner-content .tcd-banner-footer-glass{opacity:.9;align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.teacher-classroom-dashboard .tcd-banner .tcd-banner-content .tcd-banner-footer-glass .dot{opacity:.6}@media (max-width:768px){.teacher-classroom-dashboard .tcd-banner{height:260px}.teacher-classroom-dashboard .tcd-banner .tcd-banner-overlay{padding:24px}.teacher-classroom-dashboard .tcd-banner .tcd-code-card-glass{padding:8px 16px;top:24px;right:24px}.teacher-classroom-dashboard .tcd-banner .tcd-code-card-glass span{font-size:10px}.teacher-classroom-dashboard .tcd-banner .tcd-code-card-glass strong{font-size:16px}.teacher-classroom-dashboard .tcd-banner .tcd-banner-content h1{letter-spacing:-1px;font-size:32px}.teacher-classroom-dashboard .tcd-banner .tcd-banner-footer-glass{font-size:14px}}.teacher-classroom-dashboard .tcd-nav-glass{background:var(--bg-surface,#1e2235);border:1px solid var(--border-color,#2a3042);z-index:100;border-radius:20px;gap:8px;margin:0 40px 32px;padding:8px;display:flex;position:sticky;top:10px;box-shadow:0 10px 30px #00000008}.teacher-classroom-dashboard .tcd-nav-glass .tcd-nav-link-glass{color:var(--text-secondary,#94a3b8);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.teacher-classroom-dashboard .tcd-nav-glass .tcd-nav-link-glass svg{font-size:20px}.teacher-classroom-dashboard .tcd-nav-glass .tcd-nav-link-glass:hover{color:var(--text-primary,#e2e8f0);background:var(--bg-hover,#ffffff0d)}.teacher-classroom-dashboard .tcd-nav-glass .tcd-nav-link-glass.active{background:var(--bg-hover,#ffffff14);font-weight:800}@media (max-width:768px){.teacher-classroom-dashboard .tcd-nav-glass{margin:0 16px 24px;overflow-x:auto}.teacher-classroom-dashboard .tcd-nav-glass::-webkit-scrollbar{width:0;height:0}.teacher-classroom-dashboard .tcd-nav-glass .tcd-nav-link-glass{padding:12px 20px;font-size:14px}}.teacher-classroom-dashboard .tcd-content{max-width:1200px;margin:0 auto;padding:32px}@media (max-width:768px){.teacher-classroom-dashboard .tcd-content{padding:16px}}.teacher-classroom-stream{max-width:800px}.teacher-classroom-stream .tcs-loading{min-height:40vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.teacher-classroom-stream .tcs-post-form{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:16px;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.teacher-classroom-stream .tcs-post-form .tcs-post-avatar{background:var(--bg-secondary,#252b3b);color:#1976d2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex;overflow:hidden}.teacher-classroom-stream .tcs-post-form .tcs-post-avatar img{object-fit:cover;width:100%;height:100%}.teacher-classroom-stream .tcs-post-form .tcs-form{flex-direction:column;flex:1;gap:.75rem;display:flex}.teacher-classroom-stream .tcs-post-form .tcs-form textarea{background:var(--bg-secondary,#252b3b);border:1px solid var(--border-color,#2a3042);color:var(--text-primary,#e2e8f0);resize:vertical;border-radius:10px;outline:none;min-height:80px;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s}.teacher-classroom-stream .tcs-post-form .tcs-form textarea:focus{border-color:#1976d2}.teacher-classroom-stream .tcs-post-form .tcs-form textarea::placeholder{color:var(--text-muted,#64748b)}.teacher-classroom-stream .tcs-post-form .tcs-form textarea:disabled{opacity:.6;cursor:not-allowed}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-attach-btn,.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-submit-btn{cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-attach-btn{background:var(--bg-secondary,#252b3b);color:var(--text-secondary,#94a3b8);border:1px solid var(--border-color,#2a3042)}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-attach-btn:hover{color:var(--text-primary,#e2e8f0)}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-submit-btn{color:#fff;background:#1976d2;border:none;font-weight:600}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-submit-btn:hover{background:#1565c0}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-submit-btn:disabled{opacity:.5;cursor:not-allowed}.teacher-classroom-stream .tcs-empty{text-align:center;min-height:30vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:2rem;display:flex}.teacher-classroom-stream .tcs-empty p{margin:0;font-size:1.1rem}.teacher-classroom-stream .tcs-empty span{font-size:.9rem}.teacher-classroom-stream .tcs-posts{flex-direction:column;gap:1rem;display:flex}.teacher-classroom-stream .tcs-post{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:16px;overflow:hidden}.teacher-classroom-stream .tcs-post .tcs-post-header{justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.teacher-classroom-stream .tcs-post .tcs-post-header .tcs-post-author{align-items:center;gap:.75rem;display:flex}.teacher-classroom-stream .tcs-post .tcs-post-header .tcs-post-author .tcs-post-avatar{background:var(--bg-secondary,#252b3b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.teacher-classroom-stream .tcs-post .tcs-post-header .tcs-post-author .tcs-post-avatar img{object-fit:cover;width:100%;height:100%}.teacher-classroom-stream .tcs-post .tcs-post-header .tcs-post-author .tcs-post-author-info h4{color:var(--text-primary,#f1f5f9);margin:0 0 .1rem;font-size:.95rem;font-weight:600}.teacher-classroom-stream .tcs-post .tcs-post-header .tcs-post-author .tcs-post-author-info span{color:var(--text-secondary,#94a3b8);font-size:.78rem}.teacher-classroom-stream .tcs-post .tcs-post-header .tcs-post-type{color:#1976d2;background:#1976d226;border-radius:20px;padding:.2rem .7rem;font-size:.75rem;font-weight:600}.teacher-classroom-stream .tcs-post .tcs-post-content{padding:0 1.25rem 1rem}.teacher-classroom-stream .tcs-post .tcs-post-content p{color:var(--text-primary,#e2e8f0);margin:0 0 .75rem;font-size:.9rem;line-height:1.6}.teacher-classroom-stream .tcs-post .tcs-post-content .tcs-post-assignment{background:var(--bg-secondary,#252b3b);border-left:3px solid #1976d2;border-radius:8px;padding:.75rem 1rem}.teacher-classroom-stream .tcs-post .tcs-post-content .tcs-post-assignment h5{color:var(--text-primary,#f1f5f9);margin:0 0 .25rem;font-size:.9rem;font-weight:600}.teacher-classroom-stream .tcs-post .tcs-post-content .tcs-post-assignment span{color:var(--text-secondary,#94a3b8);font-size:.8rem}.teacher-classroom-stream .tcs-post .tcs-post-comments{border-top:1px solid var(--border-color,#2a3042);padding:.75rem 1.25rem}.teacher-classroom-stream .tcs-post .tcs-post-comments h5{color:var(--text-secondary,#94a3b8);margin:0 0 .75rem;font-size:.8rem;font-weight:600}.teacher-classroom-stream .tcs-post .tcs-post-comments .tcs-comment{gap:.75rem;padding:.5rem 0;display:flex}.teacher-classroom-stream .tcs-post .tcs-post-comments .tcs-comment:not(:last-child){border-bottom:1px solid var(--border-color,#2a3042)}.teacher-classroom-stream .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-avatar{background:var(--bg-secondary,#252b3b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex;overflow:hidden}.teacher-classroom-stream .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-avatar img{object-fit:cover;width:100%;height:100%}.teacher-classroom-stream .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-content{flex:1}.teacher-classroom-stream .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-content .tcs-comment-header{align-items:baseline;gap:.5rem;margin-bottom:.25rem;display:flex}.teacher-classroom-stream .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-content .tcs-comment-header h6{color:var(--text-primary,#f1f5f9);margin:0;font-size:.8rem;font-weight:600}.teacher-classroom-stream .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-content .tcs-comment-header span{color:var(--text-secondary,#94a3b8);font-size:.72rem}.teacher-classroom-stream .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-content p{color:var(--text-primary,#e2e8f0);margin:0;font-size:.85rem}.teacher-classroom-stream .tcs-post .tcs-post-actions{gap:.5rem;padding:.5rem 1.25rem .75rem;display:flex}.teacher-classroom-stream .tcs-post .tcs-post-actions .tcs-comment-btn{border:1px solid var(--border-color,#2a3042);color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.82rem;transition:all .2s;display:flex}.teacher-classroom-stream .tcs-post .tcs-post-actions .tcs-comment-btn:hover{color:#1976d2;background:#1976d20d;border-color:#1976d2}.teacher-classwork .tcw-loading{min-height:40vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.teacher-classwork .tcw-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.teacher-classwork .tcw-header h2{margin:0;font-size:1.4rem;font-weight:700}.teacher-classwork .tcw-header .tcw-header-actions{align-items:center;gap:.75rem;display:flex}.teacher-classwork .tcw-header .tcw-header-actions .tcw-topic-btn,.teacher-classwork .tcw-header .tcw-header-actions .tcw-create-btn{cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.teacher-classwork .tcw-header .tcw-header-actions .tcw-topic-btn{background:var(--bg-secondary,#252b3b);color:var(--text-primary,#e2e8f0);border:1px solid var(--border-color,#2a3042)}.teacher-classwork .tcw-header .tcw-header-actions .tcw-topic-btn:hover{color:#1976d2;border-color:#1976d2}.teacher-classwork .tcw-header .tcw-header-actions .tcw-create-btn{color:#fff;background:#1976d2;border:none}.teacher-classwork .tcw-header .tcw-header-actions .tcw-create-btn:hover{background:#1565c0}.teacher-classwork .tcw-create-dropdown{position:relative}.teacher-classwork .tcw-create-dropdown .tcw-create-menu{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);z-index:100;border-radius:10px;min-width:170px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}.teacher-classwork .tcw-create-dropdown .tcw-create-menu button{width:100%;color:var(--text-primary,#e2e8f0);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.9rem;transition:background .15s;display:flex}.teacher-classwork .tcw-create-dropdown .tcw-create-menu button:hover{background:var(--bg-secondary,#252b3b);color:#1976d2}.teacher-classwork .tcw-content{flex-direction:column;gap:1.5rem;display:flex}.teacher-classwork .tcw-topic{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:16px;overflow:visible}.teacher-classwork .tcw-topic .tcw-topic-header{background:var(--bg-secondary,#252b3b);border-bottom:1px solid var(--border-color,#2a3042);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.teacher-classwork .tcw-topic .tcw-topic-header h3{color:var(--text-primary,#f1f5f9);flex:1;margin:0;font-size:1rem;font-weight:700}.teacher-classwork .tcw-topic .tcw-topic-header .tcw-topic-menu-wrap{flex-shrink:0;position:relative}.teacher-classwork .tcw-topic .tcw-topic-header .tcw-topic-menu-wrap .tcw-menu-dots{width:32px;height:32px;color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,color .15s,transform .1s;display:flex}.teacher-classwork .tcw-topic .tcw-topic-header .tcw-topic-menu-wrap .tcw-menu-dots:hover{background:var(--bg-card,#1a1f2e);color:var(--text-primary,#e2e8f0);transform:scale(1.1)}.teacher-classwork .tcw-topic .tcw-topic-header .tcw-topic-menu-wrap .tcw-menu-dots:active{transform:scale(.95)}.teacher-classwork .tcw-topic .tcw-topic-header .tcw-topic-menu-wrap .tcw-item-dropdown{top:calc(100% + .25rem);right:0}.teacher-classwork .tcw-topic .tcw-items{flex-direction:column;display:flex}.teacher-classwork .tcw-topic .tcw-empty{text-align:center;color:var(--text-secondary,#94a3b8);padding:1.5rem;font-size:.9rem}.teacher-classwork .tcw-topic .tcw-item{border-bottom:1px solid var(--border-color,#2a3042);cursor:pointer;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;transition:background .15s;display:flex}.teacher-classwork .tcw-topic .tcw-item:last-child{border-bottom:none;border-radius:0 0 16px 16px}.teacher-classwork .tcw-topic .tcw-item:hover{background:#ffffff08}.teacher-classwork .tcw-topic .tcw-item .tcw-item-info{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.teacher-classwork .tcw-topic .tcw-item .tcw-item-info .tcw-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.teacher-classwork .tcw-topic .tcw-item .tcw-item-info .tcw-item-icon.material{color:#1976d2;background:#1976d226}.teacher-classwork .tcw-topic .tcw-item .tcw-item-info .tcw-item-icon.assignment{color:#388e3c;background:#388e3c26}.teacher-classwork .tcw-topic .tcw-item .tcw-item-info .tcw-item-icon.question{color:#f57c00;background:#f57c0026}.teacher-classwork .tcw-topic .tcw-item .tcw-item-info .tcw-item-icon.quiz{color:#7b1fa2;background:#7b1fa226}.teacher-classwork .tcw-topic .tcw-item .tcw-item-info .tcw-item-details{flex:1;min-width:0}.teacher-classwork .tcw-topic .tcw-item .tcw-item-info .tcw-item-details h4{color:var(--text-primary,#f1f5f9);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.9rem;font-weight:600;overflow:hidden}.teacher-classwork .tcw-topic .tcw-item .tcw-item-info .tcw-item-details .tcw-item-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.teacher-classwork .tcw-topic .tcw-item .tcw-item-info .tcw-item-details .tcw-item-meta span{color:var(--text-secondary,#94a3b8);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions{flex-shrink:0;position:relative}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions .tcw-menu-dots{width:32px;height:32px;color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,color .15s,transform .1s;display:flex}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions .tcw-menu-dots:hover{background:var(--bg-secondary,#252b3b);color:var(--text-primary,#e2e8f0);transform:scale(1.1)}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions .tcw-menu-dots:active{transform:scale(.95)}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions .tcw-item-dropdown{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);z-index:50;border-radius:10px;min-width:170px;animation:.18s tcw-dropdown-in;position:absolute;top:calc(100% + .35rem);right:0;overflow:hidden;box-shadow:0 8px 28px #00000073,0 0 1px #ffffff1a}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions .tcw-item-dropdown.upward{top:auto;bottom:calc(100% + .35rem)}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions .tcw-item-dropdown button{width:100%;color:var(--text-primary,#e2e8f0);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s,padding-left .15s;display:flex;position:relative}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions .tcw-item-dropdown button svg{flex-shrink:0;font-size:.95rem}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions .tcw-item-dropdown button:hover{background:var(--bg-secondary,#252b3b);padding-left:1.15rem}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions .tcw-item-dropdown button:not(:last-child){border-bottom:1px solid #ffffff08}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions .tcw-item-dropdown button.danger{color:#ef5350}.teacher-classwork .tcw-topic .tcw-item .tcw-item-actions .tcw-item-dropdown button.danger:hover{color:#ff6b6b;background:#ef53501f}@keyframes tcw-dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tcw-modal-in{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.teacher-classwork .tcw-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}@media (max-width:600px){.teacher-classwork .tcw-modal-overlay{padding:0}}.teacher-classwork .tcw-modal{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:16px;width:100%;max-width:860px;max-height:90vh;animation:.22s tcw-modal-in;overflow-y:auto;box-shadow:0 24px 60px #00000080}@media (max-width:480px){.teacher-classwork .tcw-modal{border-radius:0;max-height:100vh}}.teacher-classwork .tcw-modal.tcw-view-modal{max-width:640px}.teacher-classwork .tcw-modal.tcw-topic-modal{max-width:400px}.teacher-classwork .tcw-modal.tcw-manual-question-modal{background:linear-gradient(#1a1f2e 0%,#171d2c 100%);max-width:780px}.teacher-classwork .tcw-modal.tcw-manual-question-modal .tcw-modal-header h2{letter-spacing:.01em;font-size:1.08rem}.teacher-classwork .tcw-modal.tcw-manual-question-modal .tcw-modal-body{gap:1rem}.teacher-classwork .tcw-modal.tcw-manual-question-modal .tcw-quiz-options{background:#1976d20d;border:1px solid #1976d238;border-radius:12px;flex-direction:column;gap:.55rem;padding:.8rem;display:flex}.teacher-classwork .tcw-modal.tcw-manual-question-modal .tcw-quiz-options .tcw-option-helper{color:var(--text-secondary,#94a3b8);margin:0;font-size:.76rem;line-height:1.45}.teacher-classwork .tcw-modal.tcw-manual-question-modal .tcw-quiz-option-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:30px 20px 1fr auto;align-items:center;gap:.55rem;padding:.45rem .5rem;display:grid}.teacher-classwork .tcw-modal.tcw-manual-question-modal .tcw-quiz-option-row .tcw-option-index{color:#90caf9;background:#1976d238;border:1px solid #90caf961;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:inline-flex}.teacher-classwork .tcw-modal.tcw-manual-question-modal .tcw-quiz-option-row input[type=radio]{accent-color:#1976d2;width:16px;height:16px}.teacher-classwork .tcw-modal.tcw-manual-question-modal .tcw-quiz-option-row input[type=text]{background:0 0;border:none;padding:.35rem 0}.teacher-classwork .tcw-modal.tcw-manual-question-modal .tcw-option-add{color:#90caf9;cursor:pointer;background:#1976d21f;border:1px dashed #1976d280;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;width:fit-content;padding:.48rem .8rem;font-size:.82rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.teacher-classwork .tcw-modal.tcw-manual-question-modal .tcw-option-add:hover{color:#e3f2fd;background:#1976d238;border-color:#42a5f5}.teacher-classwork .tcw-modal .tcw-modal-header{border-bottom:1px solid var(--border-color,#2a3042);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem 1rem;display:flex;position:relative}.teacher-classwork .tcw-modal .tcw-modal-header:before{content:"";background:linear-gradient(90deg,#1976d2,#7b1fa2);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-header-content{flex-direction:column;gap:.5rem;display:flex}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-header-content .tcw-type-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-header-content .tcw-type-badge.material{color:#1976d2;background:#1976d226;border:1px solid #1976d240}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-header-content .tcw-type-badge.assignment{color:#43a047;background:#388e3c26;border:1px solid #388e3c40}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-header-content .tcw-type-badge.question{color:#f57c00;background:#f57c0026;border:1px solid #f57c0040}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-header-content .tcw-type-badge.quiz{color:#9c27b0;background:#7b1fa226;border:1px solid #7b1fa240}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-header-content h2{color:var(--text-primary,#f1f5f9);margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-modal-close{background:var(--bg-secondary,#252b3b);width:32px;height:32px;color:var(--text-secondary,#94a3b8);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:background .2s,color .2s,transform .1s;display:flex}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-modal-close:hover{color:#ef5350;background:#ef535026;transform:scale(1.1)}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-modal-close:active{transform:scale(.9)}.teacher-classwork .tcw-modal .tcw-modal-body{flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.teacher-classwork .tcw-modal .tcw-modal-footer{border-top:1px solid var(--border-color,#2a3042);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.teacher-classwork .tcw-modal .tcw-assignment-details .tcw-detail-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.teacher-classwork .tcw-modal .tcw-assignment-details .tcw-detail-grid .tcw-detail-card{background:var(--bg-secondary,#252b3b);border:1px solid var(--border-color,#2a3042);border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.teacher-classwork .tcw-modal .tcw-assignment-details .tcw-detail-grid .tcw-detail-card .tcw-detail-icon{color:#1976d2;font-size:1.2rem}.teacher-classwork .tcw-modal .tcw-assignment-details .tcw-detail-grid .tcw-detail-card.deadline .tcw-detail-icon{color:#f57c00}.teacher-classwork .tcw-modal .tcw-assignment-details .tcw-detail-grid .tcw-detail-card.points .tcw-detail-icon{color:#ffd54f}.teacher-classwork .tcw-modal .tcw-assignment-details .tcw-detail-grid .tcw-detail-card.submissions .tcw-detail-icon{color:#4caf50}.teacher-classwork .tcw-modal .tcw-assignment-details .tcw-detail-grid .tcw-detail-card .tcw-detail-content .tcw-detail-label{color:var(--text-secondary,#94a3b8);margin-bottom:.15rem;font-size:.72rem;display:block}.teacher-classwork .tcw-modal .tcw-assignment-details .tcw-detail-grid .tcw-detail-card .tcw-detail-content .tcw-detail-value{color:var(--text-primary,#f1f5f9);font-size:.9rem;font-weight:600}.teacher-classwork .tcw-modal .tcw-meta-badges{flex-wrap:wrap;gap:.5rem;display:flex}.teacher-classwork .tcw-modal .tcw-meta-badges .tcw-meta-badge{background:var(--bg-secondary,#252b3b);color:var(--text-primary,#e2e8f0);border:1px solid var(--border-color,#2a3042);border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.8rem;display:flex}.teacher-classwork .tcw-modal .tcw-description-section h4{color:var(--text-secondary,#94a3b8);align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.88rem;font-weight:600;display:flex}.teacher-classwork .tcw-modal .tcw-description-section .tcw-description-content{color:var(--text-primary,#e2e8f0);font-size:.9rem;line-height:1.6}.teacher-classwork .tcw-modal .tcw-permissions-section h4{color:var(--text-secondary,#94a3b8);margin:0 0 .5rem;font-size:.88rem;font-weight:600}.teacher-classwork .tcw-modal .tcw-permissions-section .tcw-permissions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.teacher-classwork .tcw-modal .tcw-permissions-section .tcw-permissions-grid .tcw-permission-card{text-align:center;border:1px solid var(--border-color,#2a3042);border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.teacher-classwork .tcw-modal .tcw-permissions-section .tcw-permissions-grid .tcw-permission-card.allowed{background:#4caf5014;border-color:#4caf5033}.teacher-classwork .tcw-modal .tcw-permissions-section .tcw-permissions-grid .tcw-permission-card.denied{background:#ef535014;border-color:#ef535033}.teacher-classwork .tcw-modal .tcw-permissions-section .tcw-permissions-grid .tcw-permission-card .tcw-permission-status{font-size:.72rem;font-weight:600}.teacher-classwork .tcw-modal .tcw-permissions-section .tcw-permissions-grid .tcw-permission-toggle{cursor:pointer;background:linear-gradient(#252b3bd1 0%,#1e2535d1 100%);border:1px solid #94a3b838;border-radius:11px;align-items:center;gap:.6rem;min-height:56px;padding:.68rem .9rem;transition:border-color .2s,background .2s,transform .15s;display:flex}.teacher-classwork .tcw-modal .tcw-permissions-section .tcw-permissions-grid .tcw-permission-toggle:hover{background:linear-gradient(#1976d226 0%,#1976d214 100%);border-color:#1976d280;transform:translateY(-1px)}.teacher-classwork .tcw-modal .tcw-permissions-section .tcw-permissions-grid .tcw-permission-toggle span{color:var(--text-primary,#e2e8f0);align-items:center;gap:.4rem;font-size:.84rem;font-weight:600;display:flex}.teacher-classwork .tcw-modal .tcw-permissions-section .tcw-permissions-grid .tcw-permission-toggle input[type=checkbox]{accent-color:#1976d2;width:16px;height:16px}.teacher-classwork .tcw-modal .tcw-permissions-section .tcw-permissions-grid .tcw-permission-toggle input[type=checkbox]:checked+span{color:#bbdefb}.teacher-classwork .tcw-modal .tcw-attachments-section h4{color:var(--text-secondary,#94a3b8);margin:0 0 .5rem;font-size:.88rem;font-weight:600}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachments-grid{flex-direction:column;gap:.5rem;display:flex}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachment-card{background:var(--bg-secondary,#252b3b);border:1px solid var(--border-color,#2a3042);border-radius:12px;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:border-color .15s,background .15s;display:flex}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachment-card:hover{background:#1976d20a;border-color:#1976d266}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachment-card .tcw-file-icon{color:#1976d2;background:#1976d21f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachment-card .tcw-file-info{flex:1;min-width:0}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachment-card .tcw-file-info .tcw-file-name{color:var(--text-primary,#e2e8f0);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;display:block;overflow:hidden}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachment-card .tcw-file-actions{flex-shrink:0;gap:.4rem;display:flex}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachment-card .tcw-file-btn{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:.3rem;padding:.35rem .8rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachment-card .tcw-file-btn.view{color:#1976d2;background:#1976d21f;border:1px solid #1976d233}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachment-card .tcw-file-btn.view:hover{color:#fff;background:#1976d2;border-color:#1976d2}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachment-card .tcw-file-btn.download{color:#4caf50;background:#4caf501f;border:1px solid #4caf5033}.teacher-classwork .tcw-modal .tcw-attachments-section .tcw-attachment-card .tcw-file-btn.download:hover{color:#fff;background:#4caf50;border-color:#4caf50}.teacher-classwork .tcw-modal .tcw-form-group{flex-direction:column;gap:.4rem;display:flex}.teacher-classwork .tcw-modal .tcw-form-group label{color:var(--text-secondary,#94a3b8);font-size:.85rem;font-weight:600}.teacher-classwork .tcw-modal .tcw-form-group input,.teacher-classwork .tcw-modal .tcw-form-group textarea,.teacher-classwork .tcw-modal .tcw-form-group select{background:var(--bg-secondary,#252b3b);border:1px solid var(--border-color,#2a3042);color:var(--text-primary,#e2e8f0);border-radius:8px;outline:none;padding:.6rem .85rem;font-size:.9rem;transition:border-color .2s}.teacher-classwork .tcw-modal .tcw-form-group input:focus,.teacher-classwork .tcw-modal .tcw-form-group textarea:focus,.teacher-classwork .tcw-modal .tcw-form-group select:focus{border-color:#1976d2}.teacher-classwork .tcw-modal .tcw-form-group input::placeholder,.teacher-classwork .tcw-modal .tcw-form-group textarea::placeholder,.teacher-classwork .tcw-modal .tcw-form-group select::placeholder{color:var(--text-muted,#64748b)}.teacher-classwork .tcw-modal .tcw-form-group textarea{resize:vertical;min-height:80px}.teacher-classwork .tcw-modal .tcw-form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.teacher-classwork .tcw-modal .tcw-checkbox-row{align-items:center;gap:.75rem;min-height:42px;margin-top:.5rem;padding:.25rem 0;display:flex}.teacher-classwork .tcw-modal .tcw-checkbox-row input[type=checkbox]{cursor:pointer;accent-color:#1976d2;width:18px;height:18px;margin:0}.teacher-classwork .tcw-modal .tcw-checkbox-row label{cursor:pointer;color:var(--text-primary,#e2e8f0);margin:0;font-size:.9rem;font-weight:500}.teacher-classwork .tcw-modal .tcw-quiz-settings{background:linear-gradient(#7b1fa20f 0%,#7b1fa205 100%);border:1px solid #7b1fa233;border-radius:12px;flex-direction:column;gap:.9rem;padding:.9rem;display:flex}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-form-section-title{letter-spacing:.04em;text-transform:uppercase;color:#c084fc;margin:0;font-size:.82rem;font-weight:700}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-steps{flex-wrap:wrap;gap:.6rem;display:flex}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-steps .tcw-quiz-step{border:1px solid var(--border-color,#2a3042);color:var(--text-secondary,#94a3b8);background:var(--bg-secondary,#252b3b);border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:600}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-steps .tcw-quiz-step.active{color:#fff;background:#1976d2;border-color:#1976d2}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-steps .tcw-quiz-step.done{color:#1976d2;background:#1976d21f;border-color:#1976d266}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-options{flex-direction:column;gap:.5rem;display:flex}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-option-row{grid-template-columns:22px 1fr auto;align-items:center;gap:.5rem;display:grid}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-option-row input[type=radio]{accent-color:#1976d2;width:16px;height:16px;margin:0}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-option-row input[type=text]{width:100%}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-option-row .tcw-option-remove{color:#ef5350;cursor:pointer;background:#ef53501f;border:none;border-radius:7px;width:28px;height:28px;font-size:1rem;line-height:1}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-option-row .tcw-option-remove:hover{color:#fff;background:#ef5350}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-actions-row{flex-wrap:wrap;gap:.5rem;display:flex}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-question-list{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-question-item{border:1px solid var(--border-color,#2a3042);background:#ffffff05;border-radius:10px;padding:.65rem .75rem}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-question-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-question-head .tcw-btn-danger{padding:.35rem .65rem;font-size:.75rem}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-question-meta{color:var(--text-secondary,#94a3b8);margin-top:.35rem;font-size:.78rem}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-upload-box{margin-bottom:.35rem}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-upload-box .tcw-upload-status{color:#64b5f6;font-size:.76rem;font-weight:600}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-question-options-preview{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-option-chip{border:1px solid var(--border-color,#2a3042);color:var(--text-secondary,#94a3b8);background:#ffffff05;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;display:inline-flex}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-option-chip.is-correct{color:#81c784;background:#4caf501f;border-color:#81c78466}.teacher-classwork .tcw-modal .tcw-quiz-settings .tcw-quiz-empty{border:1px dashed var(--border-color,#2a3042);color:var(--text-secondary,#94a3b8);text-align:center;border-radius:10px;padding:.85rem;font-size:.82rem}.teacher-classwork .tcw-modal .tcw-permissions-editor .tcw-permissions-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.75rem;display:grid}.teacher-classwork .tcw-modal .tcw-permissions-editor .tcw-permissions-grid-compact .tcw-permission-toggle{background:#ffffff0d;border-radius:12px;justify-content:flex-start;align-items:center;gap:.72rem;min-height:56px;padding:.9rem 1rem;transition:border-color .2s,background .2s,transform .15s;display:flex}.teacher-classwork .tcw-modal .tcw-permissions-editor .tcw-permissions-grid-compact .tcw-permission-toggle:hover{background:#1976d224;border-color:#1976d273;transform:translateY(-1px)}.teacher-classwork .tcw-modal .tcw-permissions-editor .tcw-permissions-grid-compact .tcw-permission-toggle:active{transform:translateY(0)}.teacher-classwork .tcw-modal .tcw-permissions-editor .tcw-permissions-grid-compact .tcw-permission-toggle input[type=checkbox]{width:18px;height:18px}.teacher-classwork .tcw-modal .tcw-permissions-editor .tcw-permissions-grid-compact .tcw-permission-toggle span{font-size:.84rem;font-weight:600}.teacher-classwork .tcw-modal .tcw-permissions-editor .tcw-permissions-grid-compact .tcw-permission-toggle input[type=checkbox]:checked+span{color:#90caf9}.teacher-classwork .tcw-modal .tcw-permissions-editor{background:#1976d20f;border:1px solid #1976d238;border-radius:10px;margin-top:.9rem;padding:.75rem}.teacher-classwork .tcw-modal .tcw-permissions-editor .tcw-form-section-title{color:#64b5f6;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.teacher-classwork .tcw-modal .tcw-permissions-editor .tcw-permission-note{color:var(--text-secondary,#94a3b8);margin:.4rem 0 0;font-size:.75rem;line-height:1.45}.teacher-classwork .tcw-modal .tcw-file-upload-box{background:var(--bg-secondary,#252b3b);border:1px dashed var(--border-color,#2a3042);border-radius:10px;padding:1rem;transition:border-color .2s,background .2s;position:relative}.teacher-classwork .tcw-modal .tcw-file-upload-box:hover{background:#1976d20a;border-color:#1976d273}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-header{justify-content:center;align-items:center;gap:.5rem;display:flex}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-header .tcw-upload-help-btn{color:#e3f2fd;cursor:pointer;z-index:2;background:linear-gradient(#1976d242 0%,#1976d21f 100%);border:1px solid #90caf973;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex;position:absolute;top:.55rem;right:.55rem;box-shadow:0 6px 18px #1976d23d}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-header .tcw-upload-help-btn:hover{background:linear-gradient(#2196f35c 0%,#1976d233 100%);border-color:#bbdefbcc;transform:translateY(-1px)scale(1.04);box-shadow:0 10px 24px #1976d24d}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-header .tcw-upload-help-btn:active{transform:translateY(0)scale(.98)}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-label{color:#1976d2;cursor:pointer;background:#1976d226;border-radius:7px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-label:hover{background:#1976d240}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-label.secondary{color:#d8b4fe;background:#7b1fa224}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-label.secondary:hover{background:#7b1fa242}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-selected-file{color:var(--text-primary,#e2e8f0);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-hint{color:var(--text-secondary,#94a3b8);background:#1976d214;border:1px solid #64b5f640;border-radius:8px;margin:.6rem 0 0;padding:.55rem .7rem;font-size:.75rem;line-height:1.45}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-rules{background:#1976d214;border:1px solid #64b5f647;border-radius:10px;margin-top:.7rem;padding:.7rem}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-rules .tcw-upload-rules-title{color:#bbdefb;margin:0;font-size:.82rem;font-weight:700}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-rules .tcw-upload-rules-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.55rem;display:grid}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-rules .tcw-upload-rule-group{background:#ffffff08;border:1px solid #ffffff17;border-radius:8px;padding:.5rem .55rem}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-rules .tcw-upload-rule-group p{color:var(--text-secondary,#94a3b8);margin:.35rem 0 0;font-size:.72rem;line-height:1.4}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-rules .tcw-upload-rule-label{color:#90caf9;background:#64b5f62e;border-radius:999px;padding:.15rem .45rem;font-size:.68rem;font-weight:700;display:inline-flex}.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-rules .tcw-upload-hint{margin-top:.55rem;margin-bottom:0}@media (max-width:900px){.teacher-classwork .tcw-modal .tcw-modal-overlay{padding:0}.teacher-classwork .tcw-modal .tcw-modal{width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;overscroll-behavior:contain;border:none;border-radius:0;margin:0;padding:0;overflow-y:auto}.teacher-classwork .tcw-modal .tcw-modal.tcw-view-modal,.teacher-classwork .tcw-modal .tcw-modal.tcw-topic-modal,.teacher-classwork .tcw-modal .tcw-modal.tcw-manual-question-modal{width:100vw;max-width:100vw}.teacher-classwork .tcw-modal .tcw-modal .tcw-modal-header{z-index:5;background:var(--bg-card,#1a1f2e);padding:1rem 1rem .85rem;position:sticky;top:0}.teacher-classwork .tcw-modal .tcw-modal .tcw-modal-header:before{border-radius:0}.teacher-classwork .tcw-modal .tcw-modal .tcw-modal-body{gap:1rem;padding:1rem}.teacher-classwork .tcw-modal .tcw-modal form{flex-direction:column;min-height:100dvh;display:flex}.teacher-classwork .tcw-modal .tcw-modal form .tcw-modal-body{flex:1;overflow-y:auto}.teacher-classwork .tcw-modal .tcw-modal .tcw-modal-footer{z-index:5;background:var(--bg-card,#1a1f2e);padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));position:sticky;bottom:0}.teacher-classwork .tcw-modal .tcw-modal .tcw-modal-footer .tcw-btn-secondary,.teacher-classwork .tcw-modal .tcw-modal .tcw-modal-footer .tcw-btn-primary,.teacher-classwork .tcw-modal .tcw-modal .tcw-modal-footer .tcw-btn-danger{flex:1;justify-content:center;min-height:42px}.teacher-classwork .tcw-modal .tcw-permissions-grid,.teacher-classwork .tcw-modal .tcw-permissions-editor .tcw-permissions-grid-compact,.teacher-classwork .tcw-modal .tcw-file-upload-box .tcw-upload-rules .tcw-upload-rules-groups{grid-template-columns:1fr}}.teacher-classwork .tcw-modal .tcw-btn-secondary,.teacher-classwork .tcw-modal .tcw-btn-primary,.teacher-classwork .tcw-modal .tcw-btn-danger{cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.teacher-classwork .tcw-modal .tcw-btn-secondary{background:var(--bg-secondary,#252b3b);color:var(--text-secondary,#94a3b8);border:1px solid var(--border-color,#2a3042)}.teacher-classwork .tcw-modal .tcw-btn-secondary:hover{color:var(--text-primary,#e2e8f0)}.teacher-classwork .tcw-modal .tcw-btn-primary{color:#fff;background:#1976d2;border:none}.teacher-classwork .tcw-modal .tcw-btn-primary:hover{background:#1565c0}.teacher-classwork .tcw-modal .tcw-btn-primary:disabled{opacity:.5;cursor:not-allowed}.teacher-classwork .tcw-modal .tcw-btn-danger{color:#ef5350;background:#ef535026;border:none}.teacher-classwork .tcw-modal .tcw-btn-danger:hover{color:#fff;background:#ef5350}.teacher-submitted-assignments .tsa-loading{min-height:40vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.teacher-submitted-assignments .tsa-header{grid-template-areas:"info actions""filters filters";align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:grid}.teacher-submitted-assignments .tsa-header .tsa-header-info{grid-area:info}.teacher-submitted-assignments .tsa-header .tsa-header-info h2{margin:0 0 .25rem;font-size:1.4rem;font-weight:700}.teacher-submitted-assignments .tsa-header .tsa-header-info p{color:var(--text-secondary,#94a3b8);margin:0;font-size:.9rem}.teacher-submitted-assignments .tsa-header .tsa-header-actions{grid-area:actions;justify-self:end}.teacher-submitted-assignments .tsa-header .tsa-header-actions .tsa-view-toggle{background:var(--bg-secondary,#252b3b);border:1px solid var(--border-color,#2a3042);border-radius:12px;gap:4px;padding:4px;display:flex}.teacher-submitted-assignments .tsa-header .tsa-header-actions .tsa-view-toggle .tsa-view-btn{width:36px;height:36px;color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.teacher-submitted-assignments .tsa-header .tsa-header-actions .tsa-view-toggle .tsa-view-btn:hover{color:var(--text-primary,#e2e8f0);background:#ffffff0d}.teacher-submitted-assignments .tsa-header .tsa-header-actions .tsa-view-toggle .tsa-view-btn.active{background:var(--bg-card,#1a1f2e);color:#1976d2;box-shadow:0 2px 8px #0003}.teacher-submitted-assignments .tsa-header .tsa-filters{flex-direction:column;grid-area:filters;gap:.75rem;display:flex}.teacher-submitted-assignments .tsa-header .tsa-status-filters,.teacher-submitted-assignments .tsa-header .tsa-topic-filters,.teacher-submitted-assignments .tsa-header .tsa-assignment-filters{flex-wrap:wrap;gap:.5rem;display:flex}.teacher-submitted-assignments .tsa-header .tsa-status-filters button,.teacher-submitted-assignments .tsa-header .tsa-topic-filters button,.teacher-submitted-assignments .tsa-header .tsa-assignment-filters button{border:1px solid var(--border-color,#2a3042);background:var(--bg-secondary,#252b3b);color:var(--text-secondary,#94a3b8);cursor:pointer;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.82rem;transition:all .2s;display:flex}.teacher-submitted-assignments .tsa-header .tsa-status-filters button:hover,.teacher-submitted-assignments .tsa-header .tsa-topic-filters button:hover,.teacher-submitted-assignments .tsa-header .tsa-assignment-filters button:hover{color:var(--text-primary,#e2e8f0);border-color:#1976d2}.teacher-submitted-assignments .tsa-header .tsa-status-filters button.active,.teacher-submitted-assignments .tsa-header .tsa-topic-filters button.active,.teacher-submitted-assignments .tsa-header .tsa-assignment-filters button.active{color:#1976d2;background:#1976d226;border-color:#1976d2}.teacher-submitted-assignments .tsa-header .tsa-status-filters button .tsa-filter-label,.teacher-submitted-assignments .tsa-header .tsa-topic-filters button .tsa-filter-label,.teacher-submitted-assignments .tsa-header .tsa-assignment-filters button .tsa-filter-label{font-weight:500}.teacher-submitted-assignments .tsa-header .tsa-status-filters button .tsa-filter-count,.teacher-submitted-assignments .tsa-header .tsa-topic-filters button .tsa-filter-count,.teacher-submitted-assignments .tsa-header .tsa-assignment-filters button .tsa-filter-count{background:var(--bg-card,#1a1f2e);border-radius:10px;padding:.1rem .4rem;font-size:.72rem;font-weight:700}@media (max-width:768px){.teacher-submitted-assignments .tsa-header{grid-template-areas:"info""actions""filters"}.teacher-submitted-assignments .tsa-header .tsa-header-actions{justify-self:start}}.teacher-submitted-assignments .tsa-table-container{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:16px;margin-bottom:2rem;overflow:auto hidden}.teacher-submitted-assignments .tsa-table-container .tsa-table{border-collapse:collapse;width:100%;min-width:900px}.teacher-submitted-assignments .tsa-table-container .tsa-table th,.teacher-submitted-assignments .tsa-table-container .tsa-table td{text-align:left;padding:1rem 1.25rem}.teacher-submitted-assignments .tsa-table-container .tsa-table thead{background:var(--bg-secondary,#252b3b);border-bottom:1px solid var(--border-color,#2a3042)}.teacher-submitted-assignments .tsa-table-container .tsa-table thead th{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.teacher-submitted-assignments .tsa-table-container .tsa-table tbody tr{border-bottom:1px solid var(--border-color,#2a3042);cursor:pointer;transition:background .15s}.teacher-submitted-assignments .tsa-table-container .tsa-table tbody tr:last-child{border-bottom:none}.teacher-submitted-assignments .tsa-table-container .tsa-table tbody tr:hover{background:#ffffff05}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-student-cell{align-items:center;gap:.75rem;display:flex}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-student-cell .tsa-student-avatar{background:var(--bg-secondary,#252b3b);color:#1976d2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex;overflow:hidden}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-student-cell .tsa-student-avatar img{object-fit:cover;width:100%;height:100%}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-student-cell .tsa-student-info-cell{flex-direction:column;gap:.1rem;display:flex}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-student-cell .tsa-student-info-cell .name{color:var(--text-primary,#f1f5f9);font-size:.9rem;font-weight:600}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-student-cell .tsa-student-info-cell .tsa-resubmission-badge{color:#1976d2;background:#1976d226;border-radius:10px;align-items:center;gap:.2rem;width:fit-content;padding:.1rem .4rem;font-size:.65rem;display:inline-flex}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-assignment-cell{flex-direction:column;gap:.25rem;display:flex}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-assignment-cell .title{color:var(--text-primary,#e2e8f0);font-size:.9rem;font-weight:500}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-assignment-cell .attachment-count{color:var(--text-secondary,#94a3b8);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-table-files{flex-direction:column;gap:.35rem;display:flex}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-table-files .tsa-file-mini-actions{align-items:center;gap:.35rem;display:flex}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-table-files .tsa-mini-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-table-files .tsa-mini-btn.view{color:#1976d2;background:#1976d21f}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-table-files .tsa-mini-btn.view:hover{color:#fff;background:#1976d2}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-table-files .tsa-mini-btn.download{color:#4caf50;background:#4caf501f}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-table-files .tsa-mini-btn.download:hover{color:#fff;background:#4caf50}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-table-files .tsa-no-file{color:var(--text-secondary,#94a3b8);padding-left:.5rem;font-size:1.2rem;font-weight:300}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-date-cell{color:var(--text-secondary,#94a3b8);font-family:monospace;font-size:.85rem}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-date-cell.late{color:#ef5350}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-date-cell.on-time{color:#4caf50}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-status-badge{border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-status-badge.pending{color:#f57c00;background:#f57c0026}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-status-badge.graded{color:#4caf50;background:#4caf5026}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-status-badge.late{color:#ef5350;background:#ef535026}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-grade-cell{font-size:.9rem}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-grade-cell strong{color:#4caf50;font-size:1.1rem}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-grade-cell .max{color:var(--text-secondary,#94a3b8);font-size:.8rem}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-no-grade{color:var(--text-secondary,#94a3b8);font-size:1.2rem;font-weight:300}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-actions-cell{align-items:center;gap:.5rem;display:flex}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-actions-cell .tsa-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-actions-cell .tsa-action-btn.grade{color:#1976d2;background:#1976d21f}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-actions-cell .tsa-action-btn.grade:hover:not(:disabled){color:#fff;background:#1976d2}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-actions-cell .tsa-action-btn.resubmit{color:#f57c00;background:#f57c001f}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-actions-cell .tsa-action-btn.resubmit:hover:not(:disabled){color:#fff;background:#f57c00}.teacher-submitted-assignments .tsa-table-container .tsa-table .tsa-actions-cell .tsa-action-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.teacher-submitted-assignments .tsa-empty{text-align:center;min-height:30vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:2rem;display:flex}.teacher-submitted-assignments .tsa-empty p{margin:0;font-size:1rem}.teacher-submitted-assignments .tsa-empty span{font-size:.85rem}.teacher-submitted-assignments .tsa-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.teacher-submitted-assignments .tsa-card{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);cursor:pointer;border-radius:14px;transition:transform .15s,box-shadow .15s,border-color .15s}.teacher-submitted-assignments .tsa-card:hover{border-color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.teacher-submitted-assignments .tsa-card .tsa-card-header{border-bottom:1px solid var(--border-color,#2a3042);padding:1rem 1.1rem .75rem}.teacher-submitted-assignments .tsa-card .tsa-card-body{padding:.85rem 1.1rem}.teacher-submitted-assignments .tsa-card .tsa-card-footer{border-top:1px solid var(--border-color,#2a3042);gap:.5rem;padding:.75rem 1.1rem;display:flex}.teacher-submitted-assignments .tsa-card .tsa-student{align-items:center;gap:.75rem;display:flex}.teacher-submitted-assignments .tsa-card .tsa-student .tsa-student-avatar{background:var(--bg-secondary,#252b3b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.teacher-submitted-assignments .tsa-card .tsa-student .tsa-student-avatar img{object-fit:cover;width:100%;height:100%}.teacher-submitted-assignments .tsa-card .tsa-student .tsa-student-info h4{margin:0;font-size:.9rem;font-weight:600}.teacher-submitted-assignments .tsa-card h3{margin:0 0 .4rem;font-size:.95rem;font-weight:600}.teacher-submitted-assignments .tsa-card .tsa-description{color:var(--text-secondary,#94a3b8);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .6rem;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.teacher-submitted-assignments .tsa-card .tsa-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.teacher-submitted-assignments .tsa-card .tsa-meta .tsa-date{color:var(--text-secondary,#94a3b8);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.teacher-submitted-assignments .tsa-card .tsa-meta .tsa-date.late{color:#ef5350}.teacher-submitted-assignments .tsa-card .tsa-meta .tsa-date.on-time{color:#4caf50}.teacher-submitted-assignments .tsa-card .tsa-status{border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:600}.teacher-submitted-assignments .tsa-card .tsa-status.pending{color:#f57c00;background:#f57c0026}.teacher-submitted-assignments .tsa-card .tsa-status.graded{color:#4caf50;background:#4caf5026}.teacher-submitted-assignments .tsa-card .tsa-status.late{color:#ef5350;background:#ef535026}.teacher-submitted-assignments .tsa-card .tsa-grade{margin-top:.5rem}.teacher-submitted-assignments .tsa-card .tsa-grade .tsa-grade-score{align-items:baseline;gap:.2rem;display:flex}.teacher-submitted-assignments .tsa-card .tsa-grade .tsa-score{color:#4caf50;font-size:1.2rem;font-weight:700}.teacher-submitted-assignments .tsa-card .tsa-grade .tsa-max-score{color:var(--text-secondary,#94a3b8);font-size:.8rem}.teacher-submitted-assignments .tsa-card .tsa-grade .tsa-feedback{color:var(--text-secondary,#94a3b8);margin:.25rem 0 0;font-size:.8rem;font-style:italic}.teacher-submitted-assignments .tsa-card .tsa-resubmission-badge{color:#1976d2;background:#1976d226;border-radius:20px;align-items:center;gap:.3rem;margin-top:.2rem;padding:.15rem .5rem;font-size:.72rem;display:inline-flex}.teacher-submitted-assignments .tsa-card .tsa-files{margin-top:.5rem}.teacher-submitted-assignments .tsa-card .tsa-file-actions{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.teacher-submitted-assignments .tsa-card .tsa-btn-action{border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.teacher-submitted-assignments .tsa-card .tsa-btn-action.view{color:#1976d2;background:#1976d21f}.teacher-submitted-assignments .tsa-card .tsa-btn-action.view:hover{color:#fff;background:#1976d2}.teacher-submitted-assignments .tsa-card .tsa-btn-action.download{color:#4caf50;background:#4caf501f}.teacher-submitted-assignments .tsa-card .tsa-btn-action.download:hover{color:#fff;background:#4caf50}.teacher-submitted-assignments .tsa-card .tsa-grade-btn,.teacher-submitted-assignments .tsa-card .tsa-resubmit-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.teacher-submitted-assignments .tsa-card .tsa-grade-btn{color:#1976d2;background:#1976d21f}.teacher-submitted-assignments .tsa-card .tsa-grade-btn:hover{color:#fff;background:#1976d2}.teacher-submitted-assignments .tsa-card .tsa-grade-btn.disabled{opacity:.4;cursor:not-allowed}.teacher-submitted-assignments .tsa-card .tsa-grade-btn.disabled:hover{color:#1976d2;background:#1976d21f}.teacher-submitted-assignments .tsa-card .tsa-resubmit-btn{color:#f57c00;background:#f57c001f}.teacher-submitted-assignments .tsa-card .tsa-resubmit-btn:hover{color:#fff;background:#f57c00}.teacher-submitted-assignments .tsa-card .tsa-resubmit-btn.active{color:#4caf50;cursor:default;background:#4caf501f}.teacher-submitted-assignments .tsa-modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.teacher-submitted-assignments .tsa-modal{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto}.teacher-submitted-assignments .tsa-modal .tsa-modal-header{border-bottom:1px solid var(--border-color,#2a3042);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex}.teacher-submitted-assignments .tsa-modal .tsa-modal-header h2{margin:0;font-size:1.1rem;font-weight:700}.teacher-submitted-assignments .tsa-modal .tsa-modal-header .tsa-modal-close{background:var(--bg-secondary,#252b3b);width:30px;height:30px;color:var(--text-secondary,#94a3b8);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.teacher-submitted-assignments .tsa-modal .tsa-modal-header .tsa-modal-close:hover{color:#fff;background:#ef5350}.teacher-submitted-assignments .tsa-modal .tsa-modal-student{background:var(--bg-secondary,#252b3b);border-bottom:1px solid var(--border-color,#2a3042);align-items:center;gap:.85rem;padding:1rem 1.5rem;display:flex}.teacher-submitted-assignments .tsa-modal .tsa-modal-student .tsa-student-detail h4{margin:0 0 .2rem;font-size:1rem;font-weight:600}.teacher-submitted-assignments .tsa-modal .tsa-modal-student .tsa-student-detail p{color:var(--text-secondary,#94a3b8);margin:0 0 .2rem;font-size:.82rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-student .tsa-student-detail .tsa-date{color:var(--text-secondary,#94a3b8);align-items:center;gap:.3rem;margin-top:.25rem;font-size:.78rem;display:flex}.teacher-submitted-assignments .tsa-modal .tsa-modal-body{padding:1rem 1.5rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-body h3{margin:0 0 .5rem;font-size:.95rem;font-weight:600}.teacher-submitted-assignments .tsa-modal .tsa-modal-body h4{color:var(--text-secondary,#94a3b8);margin:.75rem 0 .5rem;font-size:.85rem;font-weight:600}.teacher-submitted-assignments .tsa-modal .tsa-modal-body .tsa-submission-content{color:var(--text-primary,#e2e8f0);background:var(--bg-secondary,#252b3b);border-radius:8px;margin:0;padding:.75rem;font-size:.88rem;line-height:1.6}.teacher-submitted-assignments .tsa-modal .tsa-modal-form{flex-direction:column;gap:.85rem;padding:0 1.5rem 1.5rem;display:flex}.teacher-submitted-assignments .tsa-modal .tsa-form-grid{gap:.85rem;display:grid}.teacher-submitted-assignments .tsa-modal .tsa-form-group{flex-direction:column;gap:.4rem;display:flex}.teacher-submitted-assignments .tsa-modal .tsa-form-group label{color:var(--text-secondary,#94a3b8);font-size:.82rem;font-weight:600}.teacher-submitted-assignments .tsa-modal .tsa-form-group textarea,.teacher-submitted-assignments .tsa-modal .tsa-form-group input{background:var(--bg-secondary,#252b3b);border:1px solid var(--border-color,#2a3042);color:var(--text-primary,#e2e8f0);border-radius:8px;outline:none;padding:.6rem .85rem;font-size:.9rem}.teacher-submitted-assignments .tsa-modal .tsa-form-group textarea:focus,.teacher-submitted-assignments .tsa-modal .tsa-form-group input:focus{border-color:#1976d2}.teacher-submitted-assignments .tsa-modal .tsa-form-group textarea:disabled,.teacher-submitted-assignments .tsa-modal .tsa-form-group input:disabled{opacity:.5}.teacher-submitted-assignments .tsa-modal .tsa-form-group textarea{resize:vertical;min-height:80px}.teacher-submitted-assignments .tsa-modal .tsa-input-wrapper{align-items:center;gap:.5rem;display:flex}.teacher-submitted-assignments .tsa-modal .tsa-input-wrapper input{flex:1}.teacher-submitted-assignments .tsa-modal .tsa-input-wrapper .tsa-max-hint{color:var(--text-secondary,#94a3b8);white-space:nowrap;font-size:.85rem}.teacher-submitted-assignments .tsa-modal .tsa-reupload-warning{color:#f57c00;background:#f57c001a;border:1px solid #f57c0033;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.teacher-submitted-assignments .tsa-modal .tsa-modal-actions{justify-content:flex-end;gap:.5rem;padding-top:.5rem;display:flex}.teacher-submitted-assignments .tsa-modal .tsa-btn-secondary,.teacher-submitted-assignments .tsa-modal .tsa-btn-primary,.teacher-submitted-assignments .tsa-modal .tsa-btn-resubmit{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.teacher-submitted-assignments .tsa-modal .tsa-btn-secondary{background:var(--bg-secondary,#252b3b);color:var(--text-secondary,#94a3b8);border:1px solid var(--border-color,#2a3042)}.teacher-submitted-assignments .tsa-modal .tsa-btn-secondary:hover{color:var(--text-primary,#e2e8f0)}.teacher-submitted-assignments .tsa-modal .tsa-btn-primary{color:#fff;background:#1976d2}.teacher-submitted-assignments .tsa-modal .tsa-btn-primary:hover{background:#1565c0}.teacher-submitted-assignments .tsa-modal .tsa-btn-primary:disabled{opacity:.5;cursor:not-allowed}.teacher-submitted-assignments .tsa-modal .tsa-btn-resubmit{color:#f57c00;background:#f57c001f}.teacher-submitted-assignments .tsa-modal .tsa-btn-resubmit:hover{color:#fff;background:#f57c00}.teacher-submitted-assignments .tsa-modal .tsa-btn-resubmit.active{color:#4caf50;cursor:default;background:#4caf501f}.teacher-submitted-assignments .tsa-modal .tsa-btn-resubmit:disabled{opacity:.5;cursor:not-allowed}.teacher-submitted-assignments .tsa-modal .tsa-modal-files{margin-top:.5rem}.teacher-submitted-assignments .tsa-modal .tsa-files-grid{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.teacher-submitted-assignments .tsa-resubmit-modal{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:14px;width:100%;max-width:400px;padding:1.5rem}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-resubmit-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-resubmit-header .tsa-resubmit-icon{color:#f57c00;font-size:2.5rem}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-resubmit-header h3{margin:0;font-size:1.1rem;font-weight:700}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-resubmit-body{margin-bottom:1.25rem}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-resubmit-body p{color:var(--text-secondary,#94a3b8);margin:0 0 .5rem;font-size:.88rem;line-height:1.5}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-resubmit-body .tsa-resubmit-warning{color:#f57c00;background:#f57c0014;border-radius:6px;margin:0;padding:.6rem}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-resubmit-actions{justify-content:flex-end;gap:.5rem;display:flex}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-btn-cancel{cursor:pointer;background:var(--bg-secondary,#252b3b);color:var(--text-secondary,#94a3b8);border:1px solid var(--border-color,#2a3042);border-radius:8px;padding:.55rem 1.1rem;font-size:.88rem;font-weight:500}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-btn-cancel:hover{color:var(--text-primary,#e2e8f0)}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-btn-confirm{cursor:pointer;color:#fff;background:#f57c00;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;transition:background .2s;display:flex}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-btn-confirm:hover{background:#e65100}.teacher-submitted-assignments .tsa-resubmit-modal .tsa-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.teacher-questions{max-width:760px}.teacher-questions .tq-loading{min-height:40vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.teacher-questions .tq-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.teacher-questions .tq-header .tq-header-info h2{margin:0 0 .2rem;font-size:1.4rem;font-weight:700}.teacher-questions .tq-header .tq-header-info p{color:var(--text-secondary,#94a3b8);margin:0;font-size:.88rem}.teacher-questions .tq-empty{text-align:center;min-height:30vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:2rem;display:flex}.teacher-questions .tq-empty p{margin:0;font-size:1rem}.teacher-questions .tq-empty span{font-size:.85rem}.teacher-questions .tq-list{flex-direction:column;gap:1rem;display:flex}.teacher-questions .tq-card{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:14px}.teacher-questions .tq-card .tq-card-header{justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.teacher-questions .tq-card .tq-student{align-items:center;gap:.75rem;display:flex}.teacher-questions .tq-card .tq-student .tq-student-avatar{background:var(--bg-secondary,#252b3b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.teacher-questions .tq-card .tq-student .tq-student-avatar img{object-fit:cover;width:100%;height:100%}.teacher-questions .tq-card .tq-student .tq-student-info h4{margin:0 0 .15rem;font-size:.9rem;font-weight:600}.teacher-questions .tq-card .tq-student .tq-student-info .tq-date-meta{color:var(--text-secondary,#94a3b8);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.teacher-questions .tq-card .tq-status-badge{border-radius:20px;padding:.2rem .65rem;font-size:.72rem;font-weight:600}.teacher-questions .tq-card .tq-status-badge.answered{color:#4caf50;background:#4caf5026}.teacher-questions .tq-card .tq-status-badge.pending{color:#f57c00;background:#f57c0026}.teacher-questions .tq-card .tq-card-body{padding:0 1.25rem 1rem}.teacher-questions .tq-card .tq-card-body .tq-question-block{margin-bottom:.75rem}.teacher-questions .tq-card .tq-card-body .tq-question-block h3{margin:0 0 .35rem;font-size:.95rem;font-weight:600}.teacher-questions .tq-card .tq-card-body .tq-question-block p{color:var(--text-secondary,#94a3b8);margin:0;font-size:.85rem;line-height:1.5}.teacher-questions .tq-card .tq-card-body .tq-answer-block{background:#4caf500f;border:1px solid #4caf5026;border-radius:10px;padding:.75rem 1rem}.teacher-questions .tq-card .tq-card-body .tq-answer-block .tq-answer-header{color:#4caf50;align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:flex}.teacher-questions .tq-card .tq-card-body .tq-answer-block p{color:var(--text-primary,#e2e8f0);margin:0;font-size:.88rem;line-height:1.5}.teacher-questions .tq-card .tq-card-body .tq-no-answer-block{background:#f57c000f;border:1px solid #f57c001f;border-radius:8px;padding:.5rem .85rem}.teacher-questions .tq-card .tq-card-body .tq-no-answer-block span{color:#f57c00;font-size:.8rem}.teacher-questions .tq-card .tq-card-footer{border-top:1px solid var(--border-color,#2a3042);padding:.75rem 1.25rem}.teacher-questions .tq-card .tq-card-footer .tq-answer-btn{color:#1976d2;cursor:pointer;background:#1976d21a;border:1px solid #1976d2;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.teacher-questions .tq-card .tq-card-footer .tq-answer-btn:hover{color:#fff;background:#1976d2}.teacher-questions .tq-modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.teacher-questions .tq-modal{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto}.teacher-questions .tq-modal .tq-modal-header{border-bottom:1px solid var(--border-color,#2a3042);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex}.teacher-questions .tq-modal .tq-modal-header h2{margin:0;font-size:1.1rem;font-weight:700}.teacher-questions .tq-modal .tq-modal-header .tq-modal-close{background:var(--bg-secondary,#252b3b);width:30px;height:30px;color:var(--text-secondary,#94a3b8);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.teacher-questions .tq-modal .tq-modal-header .tq-modal-close:hover{color:#fff;background:#ef5350}.teacher-questions .tq-modal .tq-modal-content{flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.teacher-questions .tq-modal .tq-modal-student-box{background:var(--bg-secondary,#252b3b);border-radius:10px;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.teacher-questions .tq-modal .tq-modal-student-box .tq-student-box-info h4{margin:0 0 .15rem;font-size:.95rem;font-weight:600}.teacher-questions .tq-modal .tq-modal-student-box .tq-student-box-info span{color:var(--text-secondary,#94a3b8);font-size:.78rem}.teacher-questions .tq-modal .tq-modal-question-detail h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.teacher-questions .tq-modal .tq-modal-question-detail .tq-question-text{color:var(--text-secondary,#94a3b8);font-size:.88rem;line-height:1.6}.teacher-questions .tq-modal .tq-modal-form{flex-direction:column;gap:.85rem;display:flex}.teacher-questions .tq-modal .tq-modal-form .tq-form-group{flex-direction:column;gap:.4rem;display:flex}.teacher-questions .tq-modal .tq-modal-form .tq-form-group label{color:var(--text-secondary,#94a3b8);font-size:.82rem;font-weight:600}.teacher-questions .tq-modal .tq-modal-form .tq-form-group textarea{background:var(--bg-secondary,#252b3b);border:1px solid var(--border-color,#2a3042);color:var(--text-primary,#e2e8f0);resize:vertical;border-radius:8px;outline:none;min-height:120px;padding:.7rem .9rem;font-size:.9rem}.teacher-questions .tq-modal .tq-modal-form .tq-form-group textarea:focus{border-color:#1976d2}.teacher-questions .tq-modal .tq-modal-form .tq-form-group textarea::placeholder{color:var(--text-muted,#64748b)}.teacher-questions .tq-modal .tq-modal-form .tq-modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.teacher-questions .tq-modal .tq-btn-secondary,.teacher-questions .tq-modal .tq-btn-primary{cursor:pointer;border-radius:8px;align-items:center;gap:.35rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.teacher-questions .tq-modal .tq-btn-secondary{background:var(--bg-secondary,#252b3b);color:var(--text-secondary,#94a3b8);border:1px solid var(--border-color,#2a3042)}.teacher-questions .tq-modal .tq-btn-secondary:hover{color:var(--text-primary,#e2e8f0)}.teacher-questions .tq-modal .tq-btn-primary{color:#fff;background:#1976d2;border:none}.teacher-questions .tq-modal .tq-btn-primary:hover{background:#1565c0}.teacher-questions .tq-modal .tq-btn-primary:disabled{opacity:.5;cursor:not-allowed}.teacher-classroom-people .tcp-loading{min-height:40vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.teacher-classroom-people .tcp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.teacher-classroom-people .tcp-header .tcp-header-info h2{margin:0 0 .2rem;font-size:1.4rem;font-weight:700}.teacher-classroom-people .tcp-header .tcp-header-info .tcp-count{color:var(--text-secondary,#94a3b8);font-size:.88rem}.teacher-classroom-people .tcp-header .tcp-invite-btn{cursor:pointer;background:var(--bg-secondary,#252b3b);color:#1976d2;border:1px solid #1976d2;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.teacher-classroom-people .tcp-header .tcp-invite-btn:hover{color:#fff;background:#1976d2}.teacher-classroom-people .tcp-empty{text-align:center;min-height:30vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:2rem;display:flex}.teacher-classroom-people .tcp-empty p{margin:0;font-size:1rem}.teacher-classroom-people .tcp-empty span{font-size:.85rem}.teacher-classroom-people .tcp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.teacher-classroom-people .tcp-student-card{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:14px;padding:1.25rem;transition:border-color .2s,transform .15s}.teacher-classroom-people .tcp-student-card:hover{border-color:#1976d2;transform:translateY(-2px)}.teacher-classroom-people .tcp-student-card .tcp-student-avatar{background:var(--bg-secondary,#252b3b);color:#1976d2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;font-size:1.5rem;display:flex;overflow:hidden}.teacher-classroom-people .tcp-student-card .tcp-student-avatar img{object-fit:cover;width:100%;height:100%}.teacher-classroom-people .tcp-student-card .tcp-student-info{text-align:center;margin-bottom:1rem}.teacher-classroom-people .tcp-student-card .tcp-student-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}.teacher-classroom-people .tcp-student-card .tcp-student-info .tcp-student-username{color:#1976d2;margin:0 0 .2rem;font-size:.8rem}.teacher-classroom-people .tcp-student-card .tcp-student-info .tcp-student-email{color:var(--text-secondary,#94a3b8);margin:0;font-size:.78rem}.teacher-classroom-people .tcp-student-card .tcp-student-stats{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.teacher-classroom-people .tcp-student-card .tcp-student-stats .tcp-stat{background:var(--bg-secondary,#252b3b);text-align:center;border-radius:8px;padding:.5rem .6rem}.teacher-classroom-people .tcp-student-card .tcp-student-stats .tcp-stat .tcp-stat-label{color:var(--text-secondary,#94a3b8);margin-bottom:.15rem;font-size:.7rem;display:block}.teacher-classroom-people .tcp-student-card .tcp-student-stats .tcp-stat .tcp-stat-value{color:var(--text-primary,#f1f5f9);font-size:.9rem;font-weight:700}.teacher-classroom-people .tcp-student-card .tcp-student-footer{justify-content:space-between;align-items:center;display:flex}.teacher-classroom-people .tcp-student-card .tcp-student-footer .tcp-joined{color:var(--text-secondary,#94a3b8);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.teacher-classroom-people .tcp-student-card .tcp-student-footer .tcp-view-btn{color:#1976d2;cursor:pointer;background:#1976d21f;border:none;border-radius:7px;align-items:center;gap:.3rem;padding:.35rem .8rem;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.teacher-classroom-people .tcp-student-card .tcp-student-footer .tcp-view-btn:hover{color:#fff;background:#1976d2}.teacher-classroom-people .tcp-student-card .tcp-progress-bar-wrapper{margin-top:.85rem}.teacher-classroom-people .tcp-student-card .tcp-progress-bar{background:var(--bg-secondary,#252b3b);border-radius:3px;height:6px;overflow:hidden}.teacher-classroom-people .tcp-student-card .tcp-progress-bar .tcp-progress-fill{background:#1976d2;border-radius:3px;height:100%;transition:width .4s}.teacher-classroom-people .tcp-student-card .tcp-progress-text{color:var(--text-secondary,#94a3b8);text-align:right;margin-top:.25rem;font-size:.72rem;display:block}.teacher-classroom-grades .tcg-loading{min-height:40vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.teacher-classroom-grades .tcg-error{text-align:center;color:var(--text-secondary,#94a3b8);padding:2rem}.teacher-classroom-grades .tcg-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.teacher-classroom-grades .tcg-header .tcg-header-info h2{margin:0 0 .2rem;font-size:1.4rem;font-weight:700}.teacher-classroom-grades .tcg-header .tcg-header-info p{color:var(--text-secondary,#94a3b8);margin:0;font-size:.88rem}.teacher-classroom-grades .tcg-header .tcg-export-btn{cursor:pointer;background:var(--bg-secondary,#252b3b);color:var(--text-primary,#e2e8f0);border:1px solid var(--border-color,#2a3042);border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.teacher-classroom-grades .tcg-header .tcg-export-btn:hover{color:#1976d2;border-color:#1976d2}.teacher-classroom-grades .tcg-stats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.75rem;display:grid}.teacher-classroom-grades .tcg-stats .tcg-stat-card{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:12px;align-items:center;gap:.85rem;padding:1rem 1.25rem;display:flex}.teacher-classroom-grades .tcg-stats .tcg-stat-card .tcg-stat-icon{color:#1976d2;flex-shrink:0;font-size:1.4rem}.teacher-classroom-grades .tcg-stats .tcg-stat-card .tcg-stat-info h4{color:var(--text-secondary,#94a3b8);margin:0 0 .25rem;font-size:.78rem;font-weight:600}.teacher-classroom-grades .tcg-stats .tcg-stat-card .tcg-stat-info .tcg-stat-value{color:var(--text-primary,#f1f5f9);margin:0;font-size:1.3rem;font-weight:700}.teacher-classroom-grades .tcg-table-wrapper{border:1px solid var(--border-color,#2a3042);border-radius:14px;margin-bottom:1.5rem;overflow-x:auto}.teacher-classroom-grades .tcg-table-wrapper .tcg-table{border-collapse:collapse;width:100%}.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead tr{background:var(--bg-secondary,#252b3b)}.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead tr th{text-align:left;color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--border-color,#2a3042);padding:.9rem 1rem;font-size:.78rem;font-weight:700}.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead tr th.tcg-th-center{text-align:center}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr{border-bottom:1px solid var(--border-color,#2a3042);transition:background .15s}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr:last-child{border-bottom:none}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr:hover{background:var(--bg-secondary,#252b3b)}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr.excellent{border-left:3px solid #4caf50}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr.good{border-left:3px solid #1976d2}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr.average{border-left:3px solid #f57c00}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr.poor{border-left:3px solid #ef5350}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td{padding:.85rem 1rem;font-size:.88rem}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr .tcg-td-center{text-align:center}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-student-cell{align-items:center;gap:.75rem;display:flex}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-student-avatar{background:#1976d2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-student-avatar span{color:#fff;font-size:.85rem;font-weight:700}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-student-info{min-width:0}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-student-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;display:block;overflow:hidden}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-student-username{color:var(--text-secondary,#94a3b8);font-size:.75rem}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-fraction{justify-content:center;align-items:center;gap:.2rem;display:flex}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-completed{color:var(--text-primary,#f1f5f9);font-weight:600}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-separator,.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-total{color:var(--text-secondary,#94a3b8)}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-average{border-radius:20px;padding:.25rem .65rem;font-size:.82rem;font-weight:700;display:inline-block}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-average.excellent{color:#4caf50;background:#4caf5026}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-average.good{color:#1976d2;background:#1976d226}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-average.average{color:#f57c00;background:#f57c0026}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-average.poor{color:#ef5350;background:#ef535026}.teacher-classroom-grades .tcg-legend{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.teacher-classroom-grades .tcg-legend h4{color:var(--text-secondary,#94a3b8);margin:0;font-size:.82rem;font-weight:600}.teacher-classroom-grades .tcg-legend .tcg-legend-items{flex-wrap:wrap;gap:1rem;display:flex}.teacher-classroom-grades .tcg-legend .tcg-legend-item{color:var(--text-secondary,#94a3b8);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.teacher-classroom-grades .tcg-legend .tcg-legend-item .tcg-legend-color{border-radius:50%;width:12px;height:12px}.teacher-classroom-grades .tcg-legend .tcg-legend-item .tcg-legend-color.excellent{background:#4caf50}.teacher-classroom-grades .tcg-legend .tcg-legend-item .tcg-legend-color.good{background:#1976d2}.teacher-classroom-grades .tcg-legend .tcg-legend-item .tcg-legend-color.average{background:#f57c00}.teacher-classroom-grades .tcg-legend .tcg-legend-item .tcg-legend-color.poor{background:#ef5350}.tsd-page{background:var(--bg-primary,#0f1117);min-height:100vh;color:var(--text-primary,#e2e8f0)}.tsd-page .tsd-loading,.tsd-page .tsd-error{min-height:60vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.tsd-page .tsd-loading svg,.tsd-page .tsd-error svg{font-size:2.5rem}.tsd-page .tsd-loading p,.tsd-page .tsd-error p{margin:0;font-size:1rem}.tsd-page .tsd-loading button,.tsd-page .tsd-error button{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.9rem;display:flex}.tsd-page .tsd-loading button:hover,.tsd-page .tsd-error button:hover{background:#1565c0}.tsd-page .tsd-header{--theme-color:#1976d2;background:linear-gradient(135deg,var(--theme-color)0%,color-mix(in srgb,var(--theme-color)55%,#000)100%);padding:1.75rem 2rem;position:relative;overflow:hidden}.tsd-page .tsd-header:before{content:"";pointer-events:none;background:radial-gradient(at 60%,#ffffff14 0%,#0000 65%);position:absolute;inset:0}.tsd-page .tsd-header .tsd-back-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;background:#ffffff26;border:none;border-radius:8px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:background .2s,transform .1s;display:inline-flex;position:relative}.tsd-page .tsd-header .tsd-back-btn:hover{background:#ffffff40;transform:translate(-2px)}.tsd-page .tsd-header .tsd-profile{z-index:1;flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex;position:relative}.tsd-page .tsd-header .tsd-profile .tsd-avatar{color:#fff;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;display:flex;overflow:hidden}.tsd-page .tsd-header .tsd-profile .tsd-avatar img{object-fit:cover;width:100%;height:100%}.tsd-page .tsd-header .tsd-profile .tsd-profile-info{flex:1;min-width:0}.tsd-page .tsd-header .tsd-profile .tsd-profile-info h1{color:#fff;text-shadow:0 1px 4px #0003;margin:0 0 .4rem;font-size:1.6rem;font-weight:800}.tsd-page .tsd-header .tsd-profile .tsd-profile-info .tsd-profile-meta{color:#fffc;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.tsd-page .tsd-header .tsd-profile .tsd-profile-info .tsd-profile-meta span{align-items:center;gap:.25rem;display:flex}.tsd-page .tsd-header .tsd-profile .tsd-overall-score{flex-direction:column;align-items:center;gap:.25rem;margin-top:-.5rem;display:flex}.tsd-page .tsd-header .tsd-profile .tsd-overall-score .tsd-score-ring{--score-color:#4caf50;background:#00000040;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.tsd-page .tsd-header .tsd-profile .tsd-overall-score .tsd-score-ring:before{content:"";background:conic-gradient(var(--score-color)calc(var(--progress,0)*1%),#ffffff1a 0);border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(circle,#0000 60%,#000 61%);mask:radial-gradient(circle,#0000 60%,#000 61%)}.tsd-page .tsd-header .tsd-profile .tsd-overall-score .tsd-score-ring .tsd-score-value{color:var(--score-color);z-index:1;font-size:1.4rem;font-weight:800;line-height:1;position:relative}.tsd-page .tsd-header .tsd-profile .tsd-overall-score .tsd-score-ring .tsd-score-label{color:#ffffffb3;z-index:1;font-size:.65rem;position:relative}.tsd-page .tsd-header .tsd-profile .tsd-overall-score p{color:#ffffffb3;margin:0;font-size:.72rem}.tsd-page .tsd-stats-grid{grid-template-columns:repeat(4,1fr);gap:.4rem;max-width:700px;margin:0 auto;padding:.5rem 1rem 0;display:grid}.tsd-page .tsd-stats-grid .tsd-stat-card{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .5rem;display:flex}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:flex}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-icon.assignments{color:#1976d2;background:#1976d226}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-icon.tests{color:#7b1fa2;background:#7b1fa226}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-icon.questions{color:#f57c00;background:#f57c0026}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-icon.average{color:#4caf50;background:#4caf5026}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body{flex:1;min-width:0;overflow:hidden}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body h3{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .1rem;font-size:.48rem;font-weight:600;overflow:hidden}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body .tsd-stat-fraction{flex-wrap:wrap;align-items:baseline;gap:.1rem;margin-bottom:.1rem;display:flex}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body .tsd-stat-fraction .tsd-stat-done{color:var(--text-primary,#f1f5f9);font-size:.7rem;font-weight:700}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body .tsd-stat-fraction .tsd-stat-sep,.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body .tsd-stat-fraction .tsd-stat-total{color:var(--text-secondary,#94a3b8);font-size:.55rem}.tsd-page .tsd-gauge{align-items:center;gap:.5rem;display:flex}.tsd-page .tsd-gauge .tsd-gauge-track{background:var(--bg-secondary,#252b3b);border-radius:3px;flex:1;height:5px;overflow:hidden}.tsd-page .tsd-gauge .tsd-gauge-track .tsd-gauge-fill{border-radius:3px;height:100%;transition:width .4s}.tsd-page .tsd-gauge .tsd-gauge-pct{color:var(--text-secondary,#94a3b8);white-space:nowrap;text-align:right;min-width:30px;font-size:.72rem}.tsd-page .tsd-tabs{border-bottom:1px solid var(--border-color,#2a3042);gap:.25rem;padding:1.25rem 2rem 0;display:flex;overflow-x:auto}.tsd-page .tsd-tabs::-webkit-scrollbar{height:0}.tsd-page .tsd-tabs button{color:var(--text-secondary,#94a3b8);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.75rem 1.1rem;font-size:.88rem;font-weight:500;transition:color .2s,border-color .2s;display:flex}.tsd-page .tsd-tabs button:hover{color:var(--text-primary,#e2e8f0)}.tsd-page .tsd-tabs button.active{color:#1976d2;border-bottom-color:#1976d2}.tsd-page .tsd-tab-content{max-width:1100px;margin:0 auto;padding:1.5rem 2rem}.tsd-page .tsd-overview{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.tsd-page .tsd-overview .tsd-info-card,.tsd-page .tsd-overview .tsd-recent-card{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:12px;padding:1rem 1.15rem}.tsd-page .tsd-overview .tsd-info-card h3,.tsd-page .tsd-overview .tsd-recent-card h3{color:var(--text-primary,#f1f5f9);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .85rem;font-size:.8rem;font-weight:700}.tsd-page .tsd-overview .tsd-info-rows{flex-direction:column;gap:.6rem;display:flex}.tsd-page .tsd-overview .tsd-info-row{border-bottom:1px solid var(--border-color,#2a3042);justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem 0;display:flex}.tsd-page .tsd-overview .tsd-info-row:last-child{border-bottom:none}.tsd-page .tsd-overview .tsd-info-row .tsd-info-label{color:var(--text-secondary,#94a3b8);font-size:.75rem}.tsd-page .tsd-overview .tsd-info-row .tsd-info-value{color:var(--text-primary,#e2e8f0);text-align:right;font-size:.8rem;font-weight:500}.tsd-page .tsd-overview .tsd-recent-list{flex-direction:column;gap:.6rem;display:flex}.tsd-page .tsd-overview .tsd-recent-item{border-bottom:1px solid var(--border-color,#2a3042);justify-content:space-between;align-items:center;gap:.65rem;padding:.5rem 0;display:flex}.tsd-page .tsd-overview .tsd-recent-item:last-child{border-bottom:none}.tsd-page .tsd-overview .tsd-recent-item .tsd-recent-info{flex:1;min-width:0}.tsd-page .tsd-overview .tsd-recent-item .tsd-recent-info .tsd-recent-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.1rem;font-size:.8rem;font-weight:500;display:block;overflow:hidden}.tsd-page .tsd-overview .tsd-recent-item .tsd-recent-info .tsd-recent-date{color:var(--text-secondary,#94a3b8);align-items:center;gap:.2rem;font-size:.7rem;display:flex}.tsd-page .tsd-overview .tsd-recent-item .tsd-score-badge{color:#4caf50;white-space:nowrap;background:#4caf501f;border-radius:20px;padding:.2rem .55rem;font-size:.78rem;font-weight:700}.tsd-page .tsd-overview .tsd-recent-item .tsd-pending-badge{color:#f57c00;white-space:nowrap;background:#f57c001f;border-radius:20px;padding:.2rem .55rem;font-size:.75rem}.tsd-page .tsd-empty{text-align:center;min-height:25vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.tsd-page .tsd-empty svg{font-size:2rem}.tsd-page .tsd-empty p{margin:0;font-size:1rem}.tsd-page .tsd-submissions-list,.tsd-page .tsd-tests-list,.tsd-page .tsd-questions-list{flex-direction:column;gap:.85rem;max-width:700px;display:flex}.tsd-page .tsd-submission-card{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:12px;padding:.95rem 1.1rem}.tsd-page .tsd-submission-card .tsd-submission-header{justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:.45rem;display:flex}.tsd-page .tsd-submission-card .tsd-submission-header h4{flex:1;margin:0;font-size:.85rem;font-weight:600}.tsd-page .tsd-submission-card .tsd-submission-meta{color:var(--text-secondary,#94a3b8);flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:.5rem;font-size:.73rem;display:flex}.tsd-page .tsd-submission-card .tsd-submission-meta span{align-items:center;gap:.25rem;display:flex}.tsd-page .tsd-submission-card .tsd-submission-meta .tsd-score-info{color:#4caf50;font-weight:600}.tsd-page .tsd-submission-card .tsd-submission-content{background:var(--bg-secondary,#252b3b);border-left:3px solid #1976d2;border-radius:8px;margin:.5rem 0;padding:.65rem .85rem}.tsd-page .tsd-submission-card .tsd-submission-content p{color:var(--text-primary,#e2e8f0);margin:0;font-size:.8rem;line-height:1.5}.tsd-page .tsd-submission-card .tsd-submission-file{background:var(--bg-secondary,#252b3b);border:1px solid var(--border-color,#2a3042);border-radius:10px;align-items:center;gap:.85rem;margin:.6rem 0;padding:.85rem 1rem;transition:border-color .15s,background .15s;display:flex}.tsd-page .tsd-submission-card .tsd-submission-file:hover{background:#1976d20a;border-color:#1976d266}.tsd-page .tsd-submission-card .tsd-submission-file .tsd-file-icon{color:#1976d2;background:#1976d21f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.tsd-page .tsd-submission-card .tsd-submission-file .tsd-file-info{flex:1;min-width:0}.tsd-page .tsd-submission-card .tsd-submission-file .tsd-file-info .tsd-file-name{color:var(--text-primary,#e2e8f0);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;display:block;overflow:hidden}.tsd-page .tsd-submission-card .tsd-submission-file .tsd-file-actions{flex-shrink:0;gap:.4rem;display:flex}.tsd-page .tsd-submission-card .tsd-submission-file .tsd-file-btn{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:.3rem;padding:.35rem .8rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.tsd-page .tsd-submission-card .tsd-submission-file .tsd-file-btn.view{color:#1976d2;background:#1976d21f;border:1px solid #1976d233}.tsd-page .tsd-submission-card .tsd-submission-file .tsd-file-btn.view:hover{color:#fff;background:#1976d2;border-color:#1976d2}.tsd-page .tsd-submission-card .tsd-submission-file .tsd-file-btn.download{color:#4caf50;background:#4caf501f;border:1px solid #4caf5033}.tsd-page .tsd-submission-card .tsd-submission-file .tsd-file-btn.download:hover{color:#fff;background:#4caf50;border-color:#4caf50}.tsd-page .tsd-submission-card .tsd-feedback{color:var(--text-secondary,#94a3b8);background:var(--bg-secondary,#252b3b);border-radius:6px;margin-top:.6rem;padding:.5rem .75rem;font-size:.82rem;font-style:italic}.tsd-page .tsd-submission-card .tsd-feedback .tsd-feedback-label{color:var(--text-primary,#e2e8f0);font-style:normal;font-weight:600}.tsd-page .tsd-test-card{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:12px;padding:1.1rem 1.25rem}.tsd-page .tsd-test-card .tsd-test-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.tsd-page .tsd-test-card .tsd-test-header h4{flex:1;margin:0;font-size:.95rem;font-weight:600}.tsd-page .tsd-test-card .tsd-test-meta{color:var(--text-secondary,#94a3b8);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.6rem;font-size:.8rem;display:flex}.tsd-page .tsd-test-card .tsd-test-meta span{align-items:center;gap:.3rem;display:flex}.tsd-page .tsd-test-card .tsd-pass-badge{border-radius:20px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.tsd-page .tsd-test-card .tsd-pass-badge.passed{color:#4caf50;background:#4caf5026}.tsd-page .tsd-test-card .tsd-pass-badge.failed{color:#ef5350;background:#ef535026}.tsd-page .tsd-qa-card{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-color,#2a3042);border-radius:12px;padding:1.1rem 1.25rem}.tsd-page .tsd-qa-card .tsd-qa-question h4{margin:0 0 .6rem;font-size:.95rem;font-weight:600}.tsd-page .tsd-qa-card .tsd-qa-answer{background:var(--bg-secondary,#252b3b);border-radius:8px;margin-bottom:.5rem;padding:.75rem 1rem}.tsd-page .tsd-qa-card .tsd-qa-answer p{color:var(--text-primary,#e2e8f0);margin:0;font-size:.88rem;line-height:1.6}.tsd-page .tsd-qa-card .tsd-qa-date{color:var(--text-secondary,#94a3b8);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.tsd-page .tsd-status{border-radius:20px;padding:.2rem .65rem;font-size:.72rem;font-weight:600}.tsd-page .tsd-status.graded{color:#4caf50;background:#4caf5026}.tsd-page .tsd-status.pending{color:#f57c00;background:#f57c0026}@media (max-width:1200px){.tsd-page .tsd-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1.15rem 1.5rem 0}}@media (max-width:1024px){.tsd-page .tsd-header{padding:1.5rem}.tsd-page .tsd-stats-grid{grid-template-columns:repeat(2,1fr);gap:.7rem;padding:1.15rem 1.5rem 0}.tsd-page .tsd-tab-content{padding:1.25rem 1.5rem}}@media (max-width:768px){.tsd-page .tsd-header{padding:1.25rem 1rem}.tsd-page .tsd-header .tsd-profile{gap:1rem}.tsd-page .tsd-header .tsd-profile .tsd-avatar{width:64px;height:64px;font-size:1.6rem}.tsd-page .tsd-header .tsd-profile .tsd-profile-info h1{font-size:1.25rem}.tsd-page .tsd-header .tsd-profile .tsd-profile-info .tsd-profile-meta{font-size:.78rem}.tsd-page .tsd-header .tsd-profile .tsd-overall-score .tsd-score-ring{border-width:3px;width:60px;height:60px}.tsd-page .tsd-header .tsd-profile .tsd-overall-score .tsd-score-ring .tsd-score-value{font-size:1.1rem}.tsd-page .tsd-header .tsd-profile .tsd-overall-score .tsd-score-ring .tsd-score-label{font-size:.6rem}.tsd-page .tsd-header .tsd-profile .tsd-overall-score p{font-size:.7rem}.tsd-page .tsd-stats-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;padding:1rem}.tsd-page .tsd-stats-grid .tsd-stat-card{padding:.85rem .9rem}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-icon{width:34px;height:34px;font-size:.95rem}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body h3{font-size:.7rem}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body .tsd-stat-fraction .tsd-stat-done{font-size:1.05rem}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body .tsd-stat-fraction .tsd-stat-sep,.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body .tsd-stat-fraction .tsd-stat-total{font-size:.78rem}.tsd-page .tsd-tabs{-webkit-overflow-scrolling:touch;gap:.5rem;padding:0 1rem;overflow-x:auto}.tsd-page .tsd-tabs button{white-space:nowrap;flex-shrink:0;padding:.6rem 1rem;font-size:.8rem}.tsd-page .tsd-tab-content{padding:1rem}.tsd-page .tsd-submission-card,.tsd-page .tsd-test-card,.tsd-page .tsd-qa-card{padding:.9rem 1rem}.tsd-page .tsd-submission-file{flex-wrap:wrap}.tsd-page .tsd-submission-file .tsd-file-actions{justify-content:flex-start;width:100%}.tsd-page .tsd-info-card,.tsd-page .tsd-recent-card{padding:1rem}}@media (max-width:480px){.tsd-page .tsd-header .tsd-profile{flex-direction:column;align-items:flex-start;gap:1rem}.tsd-page .tsd-header .tsd-profile .tsd-overall-score{align-self:flex-end;position:absolute;top:.7rem;right:1rem}.tsd-page .tsd-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem 1rem 0}.tsd-page .tsd-stats-grid .tsd-stat-card{gap:.65rem;padding:.65rem .6rem}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-icon{width:20px;height:20px;font-size:.65rem}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body h3{font-size:.65rem}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body .tsd-stat-fraction .tsd-stat-done{font-size:.95rem}.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body .tsd-stat-fraction .tsd-stat-sep,.tsd-page .tsd-stats-grid .tsd-stat-card .tsd-stat-body .tsd-stat-fraction .tsd-stat-total{font-size:.7rem}.tsd-page .tsd-tabs button{padding:.55rem .85rem;font-size:.75rem}.tsd-page .tsd-tabs button svg{font-size:.9rem}.tsd-page .tsd-submission-file .tsd-file-btn,.tsd-page .tsd-file-actions .tsd-file-btn{padding:.3rem .65rem;font-size:.72rem}}.spinner{border:3px solid var(--border-color,#2a3042);border-top-color:#1976d2;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite tc-spin}@keyframes tc-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.teacher-classrooms{padding:1rem}.teacher-classrooms .tc-header{flex-direction:column;gap:1rem}.teacher-classrooms .tc-grid{grid-template-columns:1fr}.teacher-classroom-dashboard .tcd-content{padding:1rem}.teacher-submitted-assignments .tsa-grid,.teacher-classroom-people .tcp-grid,.tc-modal .tc-form-row{grid-template-columns:1fr}}.search{background:var(--bg-primary);min-height:100vh;padding:2rem 0}.search__container{max-width:1200px;margin:0 auto;padding:0 1rem}.search__hl{color:var(--success-500);font-weight:900}.search__header{background:var(--bg-surface);box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.search__back-btn{cursor:pointer;width:48px;height:48px;color:var(--primary-500);background:#f7fafc;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.search__back-btn:hover{background:#e2e8f0;transform:translate(-4px)}.search__input-container{flex:1;align-items:center;gap:1rem;display:flex;position:relative}.search__input-icon{color:var(--primary-500);font-size:1.5rem}.search__input{color:#1a202c;background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;font-size:1.25rem}.search__input::placeholder{color:#a0aec0}.search__clear-btn{cursor:pointer;background:#f7fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.search__clear-btn:hover{background:#e2e8f0;transform:scale(1.1)}.search__recent{background:var(--bg-surface);box-shadow:var(--shadow);border-radius:20px;padding:2rem}.search__recent-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.search__recent-title{color:#1a202c;margin:0;font-size:1.25rem;font-weight:600}.search__recent-clear{color:var(--primary-500);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.search__recent-clear:hover{background:#667eea1a}.search__recent-list{flex-wrap:wrap;gap:.75rem;display:flex}.search__recent-item{background:var(--bg-secondary);cursor:pointer;color:#4a5568;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;transition:all .3s;display:flex}.search__recent-item svg{color:#a0aec0}.search__recent-item:hover{background:var(--primary-500);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.25);transform:translateY(-2px)}.search__recent-item:hover svg{color:#fff}.search__results{background:var(--bg-surface);box-shadow:var(--shadow);border-radius:20px;padding:2rem}.search__loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.search__loading p{color:#4a5568;font-size:1.1rem}.search__spinner{border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.search__tabs{gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.search__tabs::-webkit-scrollbar{height:4px}.search__tabs::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.search__tab{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:#4a5568;white-space:nowrap;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:flex}.search__tab:hover{background:var(--bg-hover);border-color:var(--primary-500);color:var(--primary-500)}.search__tab.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.search__tab-count{opacity:.8;font-size:.85rem}.search__section-title{color:#1a202c;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.search__items{gap:1.5rem;display:grid}.search__items--movies,.search__items--courses{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.search__items--channels{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.search__items--reels{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.search__items--course_videos{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.search__course-video{flex-direction:column;gap:12px;width:100%;display:flex}.search__course-video-media{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;position:relative;overflow:hidden}.search__course-video-poster{object-fit:cover;aspect-ratio:16/9;width:100%;height:auto;display:block}.search__course-video-badges{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:8px;left:8px}.search__badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.search__course-video-body{flex-direction:column;gap:10px;min-width:0;padding:2px 2px 4px;display:flex}.search__course-video-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:800;display:-webkit-box;overflow:hidden}.search__course-video-sub{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.search__course-video-course{color:var(--text-primary);font-weight:800}.search__course-video-section{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.18);color:var(--primary-500);border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:800}.search__course-video-duration{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:800}.search__hashtags{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.search__hashtag{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.search__item{cursor:pointer;background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.search__item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.search__item--movies,.search__item--courses{flex-direction:column;display:flex}.search__item--channels{align-items:center;gap:1rem;padding:1.25rem;display:flex}.search__item--reels{aspect-ratio:9/16;position:relative}.search__item-image{object-fit:cover;width:100%;height:200px}.search__item-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:80px;height:80px}.search__item-thumbnail{object-fit:cover;width:100%;height:100%}.search__item-overlay{color:#667eea;opacity:0;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.search__item:hover .search__item-overlay{opacity:1}.search__item-info{flex:1;padding:1.25rem}.search__item--reels .search__item-info{color:#fff;background:linear-gradient(#0000,#000c);position:absolute;bottom:0;left:0;right:0}.search__item--channels .search__item-info{padding:0}.search__item-title{color:#1a202c;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:1.1rem;font-weight:600;display:-webkit-box;overflow:hidden}.search__item--reels .search__item-title{color:#fff}.search__verified{color:#fff;text-align:center;background:#667eea;border-radius:50%;width:18px;height:18px;margin-left:.25rem;font-size:12px;line-height:18px;display:inline-block}.search__item-username{color:#718096;margin:.25rem 0;font-size:.9rem}.search__item-specialization,.search__item-author{color:#a0aec0;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:.5rem 0;font-size:.9rem;display:-webkit-box;overflow:hidden}.search__item-meta{color:#718096;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.75rem;font-size:.85rem;display:flex}.search__item-meta svg{margin-right:.25rem}.search__item-rating{color:#f59e0b;align-items:center;gap:.25rem;display:flex}.search__item-genres{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.search__item-genre{color:#4a5568;background:#f7fafc;border-radius:6px;padding:.25rem .75rem;font-size:.8rem}.search__item-price{color:var(--primary-500);font-weight:600}.search__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.search__empty-icon{background:var(--bg-surface);width:100px;height:100px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.search__empty h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem}.search__empty p{color:var(--text-secondary);max-width:400px;font-size:1rem}@media (max-width:768px){.search{padding:1rem 0}.search__header{border-radius:16px;gap:.75rem;padding:.9rem}.search__back-btn{width:42px;height:42px}.search__input-container{gap:.75rem}.search__input{font-size:1rem}.search__recent,.search__results{border-radius:16px;padding:1.5rem}.search__tabs{gap:.5rem}.search__tab{padding:.55rem .9rem;font-size:.9rem}.search__items--movies,.search__items--courses,.search__items--channels{grid-template-columns:1fr}.search__items--reels{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.search__items--course_videos{grid-template-columns:1fr}.search__course-video{flex-direction:column;gap:10px}.search__item--channels{text-align:center;flex-direction:column}.search__item-avatar{width:60px;height:60px}}@media (prefers-color-scheme:dark){.search{background:var(--bg-primary)}.search__header,.search__recent,.search__results{background:#2d3748f2}.search__input{color:#e2e8f0}.search__input::placeholder{color:#718096}.search__clear-btn,.search__back-btn{color:#667eea;background:#2d3748}.search__clear-btn:hover,.search__back-btn:hover{background:#4a5568}.search__recent-title,.search__section-title{color:#e2e8f0}.search__recent-item{background:var(--bg-secondary);color:#cbd5e0}.search__recent-item:hover{background:var(--primary-500);color:#fff}.search__tab{background:var(--bg-secondary);color:#cbd5e0}.search__tab:hover{background:#4a5568}.search__tab.active{background:var(--primary-500);color:#fff}.search__item{background:#2d3748}.search__item:hover{background:#374151}.search__item-title{color:#e2e8f0}.search__item-username,.search__item-specialization,.search__item-author{color:#a0aec0}.search__item-meta{color:#9ca3af}.search__item-genre{color:#cbd5e0;background:#374151}.search__empty-icon{color:#4a5568;background:#2d3748}.search__empty h3{color:#e2e8f0}.search__empty p{color:#9ca3af}.search__loading p{color:#cbd5e0}}.legal-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:80px 20px;line-height:1.6}.legal-page__container{background:var(--bg-surface);border:1px solid var(--border-color);max-width:900px;box-shadow:var(--shadow-secondary);border-radius:24px;margin:0 auto;padding:60px;animation:.6s ease-out fadeInLegal}@media (max-width:768px){.legal-page__container{border-radius:16px;padding:30px 22px}}.legal-page__title{text-align:center;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:3rem;font-weight:800}@media (max-width:768px){.legal-page__title{font-size:2rem}}.legal-page__last-updated{text-align:center;color:var(--text-secondary);margin-bottom:50px;font-size:.9rem;font-style:italic}.legal-page__section{margin-bottom:40px}.legal-page__section h2{color:#3b82f6;border-left:4px solid #3b82f6;margin-bottom:20px;padding-left:15px;font-size:1.5rem;font-weight:700}.legal-page__section p{color:var(--text-primary);margin-bottom:15px;font-size:1.05rem}.legal-page__section ul{padding-left:10px;list-style:none}.legal-page__section ul li{color:var(--text-primary);margin-bottom:12px;padding-left:25px;position:relative}.legal-page__section ul li:before{content:"→";color:#10b981;font-weight:700;position:absolute;left:0}.legal-page__section ul li strong{color:var(--text-primary)}.legal-page__section a{color:#3b82f6;text-decoration:none;transition:color .3s}.legal-page__section a:hover{color:#60a5fa;text-decoration:underline}@keyframes fadeInLegal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guide-page{background:var(--bg-primary);min-height:100vh}.guide-page__hero{background:radial-gradient(ellipse at 20% 0%,#00ff871f,transparent 55%),radial-gradient(ellipse at 80% 100%,#0066ff24,transparent 55%),var(--bg-surface);border-bottom:1px solid var(--border-color);padding:56px 24px 48px}@media (max-width:768px){.guide-page__hero{padding:36px 16px 32px}}.guide-page__hero-inner{max-width:1200px;margin:0 auto}.guide-page__back{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.guide-page__back:hover{border-color:var(--primary-blue,#06f);color:var(--primary-blue,#06f);transform:translate(-3px)}.guide-page__title{background:linear-gradient(135deg,var(--success-500,#00ff87),var(--primary-500,#06f));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:2.4rem;font-weight:800}@media (max-width:768px){.guide-page__title{font-size:1.7rem}}.guide-page__subtitle{color:var(--text-secondary);max-width:560px;margin:0 0 24px;font-size:16px;line-height:1.6}@media (max-width:768px){.guide-page__subtitle{font-size:14px}}.guide-page__tour-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c46a,#06f);border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px #0066ff40}.guide-page__tour-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0066ff59}.guide-page__tour-btn:active{transform:translateY(0)}.guide-page__body{gap:40px;max-width:1200px;margin:0 auto;padding:40px 24px 80px;display:flex}@media (max-width:900px){.guide-page__body{flex-direction:column;gap:0;padding:0 0 60px}}.guide-page__sidebar{flex-shrink:0;width:280px}@media (max-width:900px){.guide-page__sidebar{z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-color);width:100%;position:sticky;top:0}}.guide-page__nav{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:4px;max-height:calc(100vh - 48px);padding:10px;display:flex;position:sticky;top:24px;overflow-y:auto}@media (max-width:900px){.guide-page__nav{scrollbar-width:none;background:0 0;border:none;border-radius:0;flex-direction:row;gap:8px;max-height:none;padding:12px 16px;position:static;overflow:auto hidden}.guide-page__nav::-webkit-scrollbar{display:none}}.guide-page__nav-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.guide-page__nav-item:hover{color:var(--text-primary);background:#0066ff14}.guide-page__nav-item--active{color:var(--primary-blue,#06f);background:linear-gradient(135deg,#00c46a26,#0066ff26);font-weight:600}@media (max-width:900px){.guide-page__nav-item{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:999px;flex-shrink:0;width:auto;padding:8px 14px}.guide-page__nav-item--active{border-color:var(--primary-blue,#06f);background:linear-gradient(135deg,#00c46a26,#0066ff26)}}.guide-page__nav-icon{flex-shrink:0;align-items:center;font-size:17px;display:inline-flex}.guide-page__content{flex:1;min-width:0}@media (max-width:900px){.guide-page__content{padding:24px 16px 0}}.guide-page__section{border-bottom:1px solid var(--border-color);padding:28px 0 36px;scroll-margin-top:90px}.guide-page__section:first-child{padding-top:0}.guide-page__section:last-child{border-bottom:none}.guide-page__section-title{color:var(--text-primary);align-items:center;gap:14px;margin:0 0 16px;font-size:1.5rem;font-weight:700;display:flex}@media (max-width:768px){.guide-page__section-title{gap:10px;font-size:1.25rem}}.guide-page__section-icon{width:42px;height:42px;color:var(--primary-blue,#06f);background:linear-gradient(135deg,#00c46a26,#0066ff26);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:inline-flex}@media (max-width:768px){.guide-page__section-icon{width:36px;height:36px;font-size:17px}}.guide-page__paragraph{color:var(--text-secondary);margin:0 0 14px;font-size:15px;line-height:1.75}.guide-page__subs{border-left:2px solid var(--border-color);flex-direction:column;gap:14px;margin:8px 0 4px;padding-left:18px;display:flex}@media (max-width:768px){.guide-page__subs{padding-left:12px}}.guide-page__sub{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;padding:16px 18px;transition:border-color .2s;position:relative}.guide-page__sub:before{content:"";background:var(--border-color);width:18px;height:2px;position:absolute;top:28px;left:-20px}@media (max-width:768px){.guide-page__sub:before{width:12px;left:-14px}}.guide-page__sub:hover{border-color:var(--primary-blue,#06f)}.guide-page__sub-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.guide-page__sub-icon{width:32px;height:32px;color:var(--primary-blue,#06f);background:linear-gradient(135deg,#00c46a1f,#0066ff1f);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.guide-page__sub-title{color:var(--text-primary);margin:0;font-size:15.5px;font-weight:700}.guide-page__sub-desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.guide-page__sub-items{flex-direction:column;gap:8px;margin:10px 0 0;padding:0 0 0 6px;list-style:none;display:flex}.guide-page__sub-items li{color:var(--text-primary);align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.6;display:flex}.guide-page__steps{flex-direction:column;gap:10px;margin:6px 0 0;padding:0;list-style:none;display:flex}.guide-page__steps li{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.6;display:flex}.guide-page__step-icon{color:var(--success-500,#00c46a);flex-shrink:0;margin-top:3px;font-size:17px}.guide-page__tip{color:var(--text-primary);background:#f59e0b14;border:1px solid #f59e0b40;border-radius:12px;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 16px;font-size:14px;line-height:1.6;display:flex}.guide-page__tip-icon{color:#f59e0b;flex-shrink:0;margin-top:2px;font-size:18px}