@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap";:root{--font-primary:"Montserrat", sans-serif;--font-secondary:"Poppins", sans-serif;--font-montserrat:"Montserrat", sans-serif;--font-poppins:"Poppins", sans-serif;--page-title-font:var(--font-montserrat);--page-title-size:18px;--page-title-weight:700;--page-title-letter-spacing:-.2px;--page-sub-font:var(--font-poppins);--page-sub-size:13.5px;--page-sub-weight:400;--page-sub-line-height:1.45;--section-title-font:var(--font-montserrat);--section-title-size:15px;--section-title-weight:700;--section-sub-font:var(--font-poppins);--section-sub-size:12.5px;--section-sub-weight:400;--page-padding:28px 28px 40px;--page-padding-mobile:16px 14px 32px;--page-header-mb:20px;--section-gap:24px;--breadcrumb-mb:16px;--color-brand-primary:#003833;--color-brand-accent:#e7aa39;--color-brand-accent-light:#f7fc97;--color-brand-white:#fff;--color-brand-black:#000;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--base-padding:1rem;--base-gap:1rem;--card-padding:1.25rem;--base-font-size:16px}:root[data-font-size=small]{--base-font-size:14px}:root[data-font-size=normal]{--base-font-size:16px}:root[data-font-size=large]{--base-font-size:18px}:root[data-density=compact]{--base-padding:.6rem;--base-gap:.6rem;--card-padding:.8rem}:root[data-density=normal]{--base-padding:1rem;--base-gap:1rem;--card-padding:1.25rem}:root[data-density=comfortable]{--base-padding:1.5rem;--base-gap:1.5rem;--card-padding:1.75rem}:root[data-theme=light]{--bg-app:#f4f7f6;--bg-sidebar:#003833;--bg-sidebar-active:#00221e;--bg-card:#fff;--bg-card-hover:#fafcfb;--bg-input:#f8faf9;--bg-neutral-light:#edf2f0;--text-primary:#1e2927;--text-secondary:#5f7571;--text-muted:#8fa09d;--text-on-dark:#fff;--border-color:#e1e8e6;--shadow-sm:0 1px 3px #0038330d;--shadow-md:0 4px 12px #00383314;--shadow-lg:0 10px 25px #0038331f;--status-success:#10b981;--status-success-bg:#ecfdf5;--status-warning:#f59e0b;--status-warning-bg:#fffbeb;--status-error:#ef4444;--status-error-bg:#fef2f2;--status-info:#3b82f6;--status-info-bg:#eff6ff}:root[data-theme=dark]{--bg-app:#080d0c;--bg-sidebar:#003833;--bg-sidebar-active:#00221e;--bg-card:#0d1514;--bg-card-hover:#121c1b;--bg-input:#111a19;--bg-neutral-light:#182422;--text-primary:#f0f5f4;--text-secondary:#a0b0ad;--text-muted:#6f807d;--text-on-dark:#fff;--border-color:#1a2b28;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 25px #00000080;--status-success:#34d399;--status-success-bg:#064e3b;--status-warning:#fbbf24;--status-warning-bg:#78350f;--status-error:#f87171;--status-error-bg:#7f1d1d;--status-info:#60a5fa;--status-info-bg:#1e3a8a}.std-page{font-family:var(--font-poppins);background-color:var(--bg-app);color:var(--text-primary);padding:var(--page-padding,28px 28px 40px);box-sizing:border-box;width:100%;min-height:100%;transition:padding .3s;animation:.3s both std-fadeUp;overflow:hidden auto}@keyframes std-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.std-breadcrumb-wrap{margin-bottom:var(--breadcrumb-mb,16px);width:100%}.std-header-parallel{margin-bottom:var(--page-header-mb,20px);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.std-header-left{flex:1;min-width:0;margin:0}.std-header-title{font-family:var(--page-title-font,"Montserrat", sans-serif);font-size:var(--page-title-size,18px);font-weight:var(--page-title-weight,700);color:var(--text-primary);letter-spacing:var(--page-title-letter-spacing,-.2px);margin:0}.std-header-sub{font-family:var(--page-sub-font,"Poppins", sans-serif);font-size:var(--page-sub-size,13.5px);font-weight:var(--page-sub-weight,400);color:var(--text-secondary);line-height:var(--page-sub-line-height,1.45);margin:4px 0 0}.std-controls-right{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.std-section-header{font-family:var(--section-title-font,"Montserrat", sans-serif);font-size:var(--section-title-size,15px);font-weight:var(--section-title-weight,700);color:var(--text-primary);margin:0 0 4px}.std-section-sub{font-family:var(--section-sub-font,"Poppins", sans-serif);font-size:var(--section-sub-size,12.5px);font-weight:var(--section-sub-weight,400);color:var(--text-secondary);margin:0 0 16px}@media (width<=768px){.std-page{padding:var(--page-padding-mobile,16px 14px 32px)}.std-header-parallel{flex-direction:column;align-items:flex-start;gap:14px}.std-controls-right{width:100%;margin-left:0}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-secondary);font-size:var(--base-font-size);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);color:var(--text-primary);font-weight:600;line-height:1.25}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background-color:var(--bg-app);width:100vw;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.page-container{padding:var(--page-padding,28px 28px 40px);box-sizing:border-box;animation:fadeIn var(--transition-normal) ease-in-out;flex-direction:column;flex:1;display:flex;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse-gold{0%{transform:scale(1);box-shadow:0 0 #e7aa3966}70%{transform:scale(1.02);box-shadow:0 0 0 10px #e7aa3900}to{transform:scale(1);box-shadow:0 0 #e7aa3900}}.btn{font-family:var(--font-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{color:#fff;background-color:#003833;border-radius:8px;padding:10px 22px;font-weight:700;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .2s,box-shadow .2s;box-shadow:0 4px 12px #00383338}.btn-primary:hover{background-color:#004d46;transform:translateY(-2px);box-shadow:0 6px 18px #00383359}[data-theme=dark] .btn-primary{color:#003833;background-color:#34d399;box-shadow:0 4px 12px #34d39940}[data-theme=dark] .btn-primary:hover{background-color:#6ee7b7;box-shadow:0 6px 18px #34d39959}.btn-secondary{background-color:var(--bg-neutral-light);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-outline{color:var(--color-brand-accent);border:1px solid var(--color-brand-accent);background-color:#0000}.btn-danger{background-color:var(--status-error);color:var(--color-brand-white)}.btn-danger:hover{filter:brightness(.9)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), background-color var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);background-color:var(--bg-card-hover)}.card-header{margin-bottom:var(--base-gap);justify-content:space-between;align-items:center;display:flex}.glass-card{-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.form-group label{font-family:var(--font-primary);color:var(--text-secondary);font-size:.85rem;font-weight:500}.input-field{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-primary);font-family:var(--font-secondary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.95rem}.input-field:focus{border-color:var(--color-brand-accent);box-shadow:0 0 0 2px #e7aa3926}.badge{text-transform:uppercase;border-radius:50px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--status-success-bg);color:var(--status-success)}.badge-warning{background-color:var(--status-warning-bg);color:var(--status-warning)}.badge-error{background-color:var(--status-error-bg);color:var(--status-error)}.badge-info{background-color:var(--status-info-bg);color:var(--status-info)}.badge-brand{background-color:var(--color-brand-accent-light);color:var(--color-brand-primary)}.progress-container{background-color:var(--bg-neutral-light);border-radius:10px;width:100%;height:8px;overflow:hidden}.progress-bar{background-color:var(--color-brand-primary);height:100%;transition:width var(--transition-normal);border-radius:10px}.progress-bar-accent{background-color:var(--color-brand-accent)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;font-size:1.5rem;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background-color:var(--bg-neutral-light)}.table-container{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background-color:var(--bg-card);width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.custom-table th{background-color:var(--bg-neutral-light);color:var(--text-secondary);font-family:var(--font-primary);border-bottom:1px solid var(--border-color);padding:.9rem 1.2rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1rem 1.2rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:var(--bg-neutral-light)}.grid-2{gap:var(--base-gap);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--base-gap);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--base-gap);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.app-container{flex-direction:column}.main-content{height:100vh}}.sidebar-desktop{background-color:var(--bg-sidebar);width:260px;color:var(--text-on-dark);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:relative}.sidebar-toggle-btn{background-color:var(--color-brand-accent);width:24px;height:24px;color:var(--color-brand-primary);cursor:pointer;z-index:106;transition:transform var(--transition-fast), background var(--transition-fast);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:75px;right:-12px;box-shadow:0 2px 8px #0003}.sidebar-toggle-btn:hover{background-color:var(--color-brand-white);transform:scale(1.1)}.path-selector-collapsed-indicator{cursor:pointer;justify-content:center;margin-bottom:1.5rem;display:flex}.collapsed-path-avatar{width:36px;height:36px;color:var(--color-brand-accent);font-family:var(--font-primary);transition:all var(--transition-fast);background:#ffffff14;border:1px solid #e7aa394d;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.collapsed-path-avatar:hover{background:#ffffff26;transform:scale(1.05)}.premium-promo-card{border-radius:var(--border-radius-lg);text-align:center;background:linear-gradient(135deg,#e7aa3926 0%,#00383366 100%);border:1px solid #e7aa3940;margin:1rem 0;padding:1rem;position:relative;overflow:hidden}.premium-promo-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#e7aa391a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.premium-promo-icon{color:var(--color-brand-accent);margin-bottom:.5rem;margin-left:auto;margin-right:auto}.premium-promo-card h4{font-family:var(--font-primary);color:var(--color-brand-accent);margin-bottom:.25rem;font-size:.95rem;font-weight:700}.premium-promo-card p{color:#a0b0ad;margin-bottom:.75rem;font-size:.75rem;line-height:1.3}.premium-upgrade-btn{background-color:var(--color-brand-accent);color:var(--color-brand-primary);font-family:var(--font-primary);border-radius:var(--border-radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;padding:.5rem 1rem;font-size:.8rem;font-weight:700}.premium-upgrade-btn:hover{background-color:var(--color-brand-white);transform:translateY(-1px)}.sidebar-desktop.collapsed{width:70px}.sidebar-desktop.collapsed .sidebar-inner{padding:1.5rem .5rem}.sidebar-desktop.collapsed .nav-link{justify-content:center;padding:.7rem 0}.sidebar-desktop.collapsed .nav-link-left{gap:0}.sidebar-desktop.collapsed .user-profile-badge{justify-content:center}.sidebar-desktop.collapsed .sidebar-footer{align-items:center}.sidebar-desktop.hover-expanded{width:260px}.sidebar-desktop.hover-expanded .sidebar-inner{padding:1.5rem 1rem}.sidebar-desktop.hover-expanded .nav-link{justify-content:space-between;padding:.7rem .8rem}.sidebar-desktop.hover-expanded .nav-link-left{gap:.75rem}.sidebar-desktop.hover-expanded .user-profile-badge{justify-content:flex-start}.sidebar-desktop.hover-expanded .sidebar-footer{align-items:stretch}@media (width>=769px){.sidebar-unlocked-layout .sidebar-desktop-v2{width:70px;position:absolute;top:0;left:0;box-shadow:2px 0 8px #0000001a}.sidebar-unlocked-layout .sidebar-desktop-v2.hover-expanded{width:250px;box-shadow:4px 0 25px #0000004d}.sidebar-unlocked-layout .main-content{width:calc(100vw - 70px);margin-left:70px}}.sidebar-inner{flex-direction:column;height:100%;padding:1.5rem 1rem;display:flex}.brand-header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 .5rem;display:flex}.brand-logo{align-items:center;gap:.75rem;display:flex}.brand-icon{color:var(--color-brand-accent)}.brand-name-top{font-family:var(--font-primary);letter-spacing:1px;color:var(--color-brand-white);font-size:1.2rem;font-weight:700;line-height:1;display:block}.brand-name-bottom{font-family:var(--font-primary);letter-spacing:2px;color:var(--color-brand-accent);font-size:.95rem;font-weight:500;display:block}.theme-toggle-inline{border-radius:var(--border-radius-sm);color:var(--color-brand-accent);cursor:pointer;transition:background var(--transition-fast);background:#ffffff14;border:none;justify-content:center;align-items:center;padding:.4rem;display:flex}.theme-toggle-inline:hover{background:#ffffff26}.path-selector-container{margin-bottom:1.5rem;position:relative}.path-selector-trigger{border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.6rem .8rem;display:flex}.path-selector-trigger:hover{background:#ffffff14;border-color:#e7aa394d}.path-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;display:block}.path-value{color:var(--color-brand-white);font-size:.9rem;font-weight:600;display:block}.chevron-icon{color:var(--color-brand-accent);transition:transform var(--transition-fast)}.chevron-icon.rotate-90{transform:rotate(90deg)}.path-dropdown{border-radius:var(--border-radius-md);z-index:10;background:#00221e;border:1px solid #ffffff26;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 20px #0000004d}.path-option{cursor:pointer;color:var(--color-brand-white);transition:background var(--transition-fast);padding:.6rem .8rem;font-size:.85rem}.path-option:hover{background:var(--color-brand-primary);color:var(--color-brand-accent)}.path-option.active{background:var(--color-brand-primary);color:var(--color-brand-accent);font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:.35rem;display:flex;overflow-y:auto}.nav-link{color:#a0b0ad;border-radius:var(--border-radius-md);cursor:pointer;text-align:left;width:100%;font-family:var(--font-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.7rem .8rem;font-size:.9rem;display:flex}.nav-link:hover{color:var(--color-brand-white);background:#ffffff0d}.nav-link.active{background:var(--bg-sidebar-active);color:var(--color-brand-accent);box-shadow:inset 3px 0 0 var(--color-brand-accent);font-weight:600}.nav-link-left{align-items:center;gap:.75rem;display:flex}.nav-icon{transition:transform var(--transition-fast)}.nav-link:hover .nav-icon{transform:scale(1.05)}.nav-badge{background-color:var(--color-brand-accent);color:var(--color-brand-primary);border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.pulse-badge{animation:2s infinite pulse-gold}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.user-profile-badge{align-items:center;gap:.75rem;padding:.5rem;display:flex}.user-avatar-initials{background:var(--color-brand-accent);width:38px;height:38px;color:var(--color-brand-primary);font-family:var(--font-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--color-brand-white);font-size:.85rem;font-weight:600}.user-role{color:var(--text-muted);text-transform:capitalize;font-size:.7rem}.logout-btn{color:#f87171}.logout-btn:hover{color:#ef4444;background:#ef444414}.sidebar-mobile-drawer{z-index:1000;visibility:hidden;transition:visibility var(--transition-normal);position:fixed;inset:0}.sidebar-mobile-drawer.open{visibility:visible}.mobile-overlay-click{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:absolute;inset:0}.sidebar-mobile{background-color:var(--bg-sidebar);width:280px;color:var(--text-on-dark);transition:transform var(--transition-normal) cubic-bezier(.16, 1, .3, 1);flex-direction:column;padding:1.5rem 1rem;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.mobile-drawer-close{color:var(--color-brand-white);cursor:pointer;background:0 0;border:none;position:absolute;top:1rem;right:1rem}.app-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);height:70px;padding:0 var(--base-padding);z-index:90;transition:background-color var(--transition-normal);justify-content:space-between;align-items:center;display:flex}.mobile-menu-trigger{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.header-title{color:var(--color-brand-primary);font-size:1.35rem;font-weight:700}[data-theme=dark] .header-title{color:var(--color-brand-accent)}.header-actions{align-items:center;gap:1rem;display:flex}.header-search{width:260px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-primary);outline:none;padding:.5rem .75rem .5rem 2.2rem;font-size:.85rem}.search-input:focus{border-color:var(--color-brand-accent)}.icon-btn{color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex;position:relative}.icon-btn:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.notification-badge{background-color:var(--status-error);color:var(--color-brand-white);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notification-wrapper,.profile-wrapper{position:relative}.notification-overlay-card{background:var(--bg-card);z-index:999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #0000001f;border-radius:14px;width:324px;max-width:92vw;animation:.2s cubic-bezier(.16,1,.3,1) notifSlideDown;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 36px -8px #0000002e,0 0 0 1px #0000000d}[data-theme=dark] .notification-overlay-card{border:1px solid #ffffff24;box-shadow:0 18px 40px -10px #0009,0 0 0 1px #ffffff0f}@keyframes notifSlideDown{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.overlay-header{background:var(--bg-neutral-light);border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}[data-theme=dark] .overlay-header{border-bottom:1px solid #ffffff14}.overlay-header h3{color:var(--text-primary);letter-spacing:-.2px;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:flex}.overlay-body{scrollbar-width:thin;flex-direction:column;gap:4px;max-height:310px;padding:6px 8px;display:flex;overflow-y:auto}.notification-item-mini{cursor:pointer;background:var(--bg-card);border:1px solid #0000000f;border-radius:9px;align-items:flex-start;gap:10px;padding:9px 12px;transition:all .15s;display:flex;position:relative}[data-theme=dark] .notification-item-mini{border:1px solid #ffffff12}.notification-item-mini:hover{background-color:var(--bg-neutral-light);border-color:#10b9814d;transform:translateY(-1px)}[data-theme=dark] .notification-item-mini:hover{border-color:#34d39959}.notification-item-mini.unread{background-color:#10b9810d;border-color:#10b98138}[data-theme=dark] .notification-item-mini.unread{background-color:#34d39912;border-color:#34d39940}.notification-item-mini.unread:before{content:"";background:#10b981;border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;left:0}[data-theme=dark] .notification-item-mini.unread:before{background:#34d399}.notif-icon-badge{color:#003833;background:#00383314;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:13px;display:flex}[data-theme=dark] .notif-icon-badge{color:#34d399;background:#34d3991f}.item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.35;overflow:hidden}.item-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.item-time{color:var(--text-muted);align-items:center;gap:3.5px;margin-top:2px;font-size:10px;font-weight:500;display:flex}.overlay-footer{border-top:1px solid var(--border-color);text-align:center;background:var(--bg-neutral-light);padding:8px 12px}.view-all-link{color:#003833;font-family:var(--font-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;width:100%;padding:4px 0;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.view-all-link:hover{color:#10b981}[data-theme=dark] .view-all-link{color:#34d399}[data-theme=dark] .view-all-link:hover{color:#6ee7b7}.profile-trigger{cursor:pointer;border-radius:var(--border-radius-md);transition:background var(--transition-fast);align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.profile-trigger:hover{background-color:var(--bg-neutral-light)}.avatar-placeholder{background-color:var(--color-brand-primary);width:30px;height:30px;color:var(--color-brand-white);border-radius:50%;justify-content:center;align-items:center;display:flex}[data-theme=dark] .avatar-placeholder{background-color:var(--color-brand-accent);color:var(--color-brand-primary)}.username-display{color:var(--text-primary);font-size:.85rem;font-weight:600}.profile-dropdown-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:220px;box-shadow:var(--shadow-lg);z-index:200;padding:.5rem 0;animation:.2s ease-out fadeIn;position:absolute;top:120%;right:0}.dropdown-user-header{padding:.6rem 1rem}.dropdown-user-header h4{color:var(--text-primary);font-size:.9rem}.dropdown-user-header p{color:var(--text-muted);font-size:.75rem}.dropdown-divider{background-color:var(--border-color);height:1px;margin:.5rem 0}.dropdown-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;font-size:.85rem;font-family:var(--font-secondary);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.dropdown-item:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.logout-item{color:#ef4444}.logout-item:hover{background-color:#ef44440d}@media (width<=768px){.mobile-menu-trigger{display:block}.header-search,.sidebar-desktop,.sidebar-desktop-v2{display:none}}.sso-loading-container{background-color:var(--bg-app);width:100vw;min-height:100vh;color:var(--text-primary);font-family:var(--font-secondary);z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.sso-loading-card{border-radius:var(--border-radius-xl);background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:400px;padding:3rem;animation:.4s ease-out fadeIn;display:flex}.sso-logo-wrapper{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:2rem;display:flex;position:relative}.sso-logo-img{z-index:2;width:auto;height:50px;animation:2s ease-in-out infinite sso-logo-pulse}.sso-spinner-ring{border:3px solid #0000;border-top-color:var(--color-brand-accent);border-bottom-color:var(--color-brand-accent);z-index:1;border-radius:50%;width:100%;height:100%;animation:1.5s linear infinite sso-spin;position:absolute;top:0;left:0}.sso-spinner-ring-inner{border:2px solid #0000;border-left-color:var(--color-brand-primary);border-right-color:var(--color-brand-primary);z-index:1;border-radius:50%;animation:2s linear infinite sso-spin-reverse;position:absolute;inset:10px}.sso-loading-text{font-family:var(--font-primary);color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.sso-loading-subtext{color:var(--text-secondary);letter-spacing:.5px;font-size:.85rem}@keyframes sso-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sso-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes sso-logo-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.rep-page-container{color:var(--text-primary)!important;background-color:var(--bg-app)!important;padding:24px!important;font-family:Outfit,Montserrat,sans-serif!important;overflow-y:auto!important}.rep-card{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-md)!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-normal)!important;width:100%!important;padding:1.5rem!important}.rep-card:hover{box-shadow:var(--shadow-md)!important;border-color:var(--color-brand-primary)!important;transform:translateY(-2px)!important}.rep-kpi-card{border-radius:var(--border-radius-md)!important;border:1px solid var(--border-color)!important;background-color:var(--bg-card)!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-normal)!important;flex-direction:row!important;align-items:center!important;gap:1rem!important;width:100%!important;padding:1.25rem!important;display:flex!important}.rep-kpi-card:hover{box-shadow:var(--shadow-md)!important;border-color:var(--color-brand-primary)!important;transform:translateY(-2px)!important}.rep-kpi-icon-circle{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:48px!important;min-width:48px!important;height:48px!important;display:flex!important}.rep-kpi-title{color:var(--text-secondary)!important;font-size:12px!important;font-weight:500!important}.rep-kpi-value{color:var(--text-primary)!important;margin:0!important;font-size:1.4rem!important;font-weight:700!important;line-height:1.2!important}.rep-kpi-subtext{font-size:11px!important;font-weight:600!important}.rep-chart-card svg{width:100%!important;height:auto!important;font-family:Outfit,sans-serif!important}.rep-progress{background-color:var(--bg-neutral-light)!important;border-radius:3px!important;height:6px!important;display:flex!important;overflow:hidden!important}.rep-progress-bar{border-radius:3px!important;height:100%!important;transition:width .6s!important}.rep-table{border-collapse:separate!important;border-spacing:0 6px!important;width:100%!important;margin-bottom:0!important}.rep-table th{letter-spacing:.5px!important;color:var(--text-secondary)!important;border:none!important;padding:.75rem!important;font-size:11px!important;font-weight:600!important}.rep-table tbody tr{background-color:var(--bg-card)!important;transition:background-color var(--transition-fast)!important}.rep-table tbody tr:hover{background-color:var(--bg-card-hover)!important}.rep-table td{border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:1rem .75rem!important}.rep-table tbody tr td:first-child{border-left:1px solid var(--border-color)!important;border-top-left-radius:var(--border-radius-sm)!important;border-bottom-left-radius:var(--border-radius-sm)!important}.rep-table tbody tr td:last-child{border-right:1px solid var(--border-color)!important;border-top-right-radius:var(--border-radius-sm)!important;border-bottom-right-radius:var(--border-radius-sm)!important}.rep-suggestion-item{border:1px solid var(--border-color)!important;border-radius:var(--border-radius-sm)!important;background-color:var(--bg-card)!important;transition:all var(--transition-fast)!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;padding:1rem!important;display:flex!important}.rep-suggestion-item:hover{border-color:var(--text-muted)!important;background-color:var(--bg-card-hover)!important}.rep-insight-item{border-radius:var(--border-radius-sm)!important;border:1px solid #0000!important;align-items:center!important;gap:1rem!important;padding:1rem!important;font-size:12px!important;line-height:1.5!important;display:flex!important}.rep-banner{background:linear-gradient(135deg,#003833 0%,#001f1c 100%)!important;border:1px solid #e7aa394d!important}.rep-btn{transition:all var(--transition-fast)!important;cursor:pointer!important;border-radius:50px!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:.4rem 1.2rem!important;font-size:12.5px!important;font-weight:600!important;display:inline-flex!important}.rep-btn-primary{color:#fff!important;background-color:#003833!important;border:none!important}.rep-btn-primary:hover{background-color:#005c54!important}.rep-btn-accent{color:#003833!important;background-color:#e7aa39!important;border:none!important}.rep-btn-accent:hover{background-color:#f5b945!important}.rep-btn-outline{color:#003833!important;background-color:#0000!important;border:2px solid #003833!important}.rep-btn-outline:hover{color:#fff!important;background-color:#003833!important}.rep-btn-secondary{color:#003833!important;background-color:#fff!important;border:1px solid #cbd5e1!important}.rep-btn-secondary:hover{background-color:#f1f5f9!important}.rep-tab-btn{cursor:pointer!important;transition:all var(--transition-fast)!important;font-family:var(--font-primary)!important;background:0 0!important;border:none!important;outline:none!important;padding:.5rem .25rem!important;font-weight:600!important}.rep-form-select{border-radius:var(--border-radius-sm)!important;border:1px solid var(--border-color)!important;background-color:var(--bg-card)!important;color:var(--text-primary)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;outline:none!important;padding:.4rem 1.5rem .4rem .6rem!important;font-size:12px!important}.rep-form-select:focus{border-color:var(--color-brand-primary)!important}.rep-badge{text-transform:capitalize!important;border-radius:50px!important;justify-content:center!important;align-items:center!important;padding:.25rem .6rem!important;font-size:10px!important;font-weight:600!important;display:inline-flex!important}.rep-circle{border-radius:50%!important;display:inline-block!important}.spt-page-container{color:var(--text-primary)!important;background-color:var(--bg-app)!important;padding:24px!important;font-family:Outfit,Montserrat,sans-serif!important;overflow-y:auto!important}.spt-card{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-md)!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-normal)!important;width:100%!important;padding:1.5rem!important}.spt-card:hover{box-shadow:var(--shadow-md)!important;border-color:var(--color-brand-primary)!important;transform:translateY(-2px)!important}.spt-metrics-band{flex-wrap:wrap!important;gap:1rem!important;margin-bottom:1.5rem!important;display:flex!important}.spt-metric-card{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-md)!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-normal)!important;flex-direction:row!important;flex:150px!important;align-items:center!important;gap:1rem!important;padding:1rem!important;display:flex!important}.spt-metric-card:hover{box-shadow:var(--shadow-md)!important;border-color:var(--color-brand-primary)!important;transform:translateY(-2px)!important}.spt-badge-status{border:1px solid #0000!important;border-radius:50px!important;padding:.25rem .6rem!important;font-size:11px!important;font-weight:600!important;display:inline-block!important}.spt-badge-status.open{color:#10b981!important;background-color:#ecfdf5!important;border-color:#d1fae5!important}.spt-badge-status.in-progress{color:#f59e0b!important;background-color:#fffbeb!important;border-color:#fef3c7!important}.spt-badge-status.resolved{color:#3b82f6!important;background-color:#eff6ff!important;border-color:#dbeafe!important}.spt-badge-status.closed{color:#64748b!important;background-color:#f1f5f9!important;border-color:#e2e8f0!important}.spt-feed-item{cursor:pointer!important;border:1px solid var(--border-color)!important;background-color:var(--bg-card)!important;transition:all var(--transition-fast)!important;border-radius:var(--border-radius-sm)!important;margin-bottom:.75rem!important;padding:1rem!important}.spt-feed-item:hover{border-color:var(--color-brand-primary)!important;background-color:var(--bg-card-hover)!important}.spt-feed-item.active{border-color:var(--color-brand-primary)!important;background-color:var(--bg-neutral-light)!important;box-shadow:inset 4px 0 0 var(--color-brand-primary)!important}.spt-bubble-container{flex-direction:column!important;gap:.25rem!important;margin-bottom:1.25rem!important;display:flex!important}.spt-bubble{border-radius:var(--border-radius-md)!important;max-width:75%!important;padding:1rem!important;font-size:13.5px!important;line-height:1.5!important}.spt-bubble.student{background-color:var(--color-brand-primary)!important;color:var(--color-brand-white)!important;border-top-right-radius:2px!important}.spt-bubble.agent{background-color:var(--bg-neutral-light)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-top-left-radius:2px!important}.spt-attachment-card{border:1px solid var(--border-color)!important;border-radius:var(--border-radius-sm)!important;background-color:var(--bg-card)!important;width:fit-content!important;transition:border-color var(--transition-fast)!important;align-items:center!important;gap:.75rem!important;margin-top:.5rem!important;padding:.75rem!important;display:flex!important}.spt-attachment-card:hover{border-color:var(--color-brand-primary)!important}.spt-editor-toolbar{border-bottom:1px solid var(--border-color)!important;background-color:var(--bg-neutral-light)!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;display:flex!important}.spt-editor-btn{color:var(--text-secondary)!important;cursor:pointer!important;width:28px!important;height:28px!important;transition:all var(--transition-fast)!important;background:0 0!important;border:none!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;display:flex!important}.spt-editor-btn:hover{color:var(--color-brand-primary)!important;background-color:var(--border-color)!important}.spt-step-pill{background-color:var(--color-brand-primary)!important;width:28px!important;height:28px!important;color:var(--color-brand-white)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-weight:700!important;display:flex!important}.spt-step-pill-inactive{background-color:var(--bg-neutral-light)!important;width:28px!important;height:28px!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-weight:700!important;display:flex!important}.spt-priority-toggle{border:1px solid var(--border-color)!important;border-radius:var(--border-radius-sm)!important;text-align:center!important;cursor:pointer!important;background-color:var(--bg-card)!important;height:100%!important;transition:all var(--transition-fast)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:1rem!important;display:flex!important}.spt-priority-toggle.active{border-color:var(--color-brand-primary)!important;background-color:#f0fbf9!important}.spt-btn{transition:all var(--transition-fast)!important;cursor:pointer!important;border-radius:50px!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:.45rem 1.25rem!important;font-size:12.5px!important;font-weight:600!important;display:inline-flex!important}.spt-btn-primary{color:#fff!important;background-color:#003833!important;border:none!important}.spt-btn-primary:hover{background-color:#005c54!important}.spt-btn-accent{color:#003833!important;background-color:#e7aa39!important;border:none!important}.spt-btn-accent:hover{background-color:#f5b945!important}.spt-btn-outline{color:#003833!important;background-color:#0000!important;border:2px solid #003833!important}.spt-btn-outline:hover{color:#fff!important;background-color:#003833!important}.spt-btn-secondary{color:#003833!important;background-color:#fff!important;border:1px solid #cbd5e1!important}.spt-btn-secondary:hover{background-color:#f1f5f9!important}.spt-form-group{flex-direction:column!important;gap:.5rem!important;margin-bottom:1.25rem!important;display:flex!important}.spt-form-group label{color:var(--text-primary)!important;margin-bottom:.25rem!important;font-size:13px!important;font-weight:600!important}.spt-form-control,.spt-form-select{border-radius:var(--border-radius-sm)!important;border:1px solid var(--border-color)!important;background-color:var(--bg-card)!important;width:100%!important;color:var(--text-primary)!important;transition:all var(--transition-fast)!important;outline:none!important;padding:.65rem .85rem!important;font-size:13px!important}.spt-form-control:focus,.spt-form-select:focus{border-color:var(--color-brand-primary)!important;box-shadow:0 0 0 2px #0038331a!important}.spt-badge{text-transform:capitalize!important;border-radius:50px!important;justify-content:center!important;align-items:center!important;padding:.2rem .6rem!important;font-size:10px!important;font-weight:600!important;display:inline-flex!important}.spt-circle{border-radius:50%!important}.spt-square-40{flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;display:flex!important}.spt-contact-toggle{border:1px solid var(--border-color)!important;border-radius:var(--border-radius-sm)!important;background-color:var(--bg-card)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;align-items:center!important;gap:.75rem!important;padding:.75rem 1rem!important;display:flex!important}.spt-contact-toggle.active{border-color:var(--color-brand-primary)!important;background-color:#f0fbf9!important}.spt-text-primary{color:var(--text-primary)!important}.spt-text-secondary{color:var(--text-secondary)!important}.spt-reply-form{background-color:var(--bg-card)!important;border-bottom-left-radius:var(--border-radius-md)!important;border-bottom-right-radius:var(--border-radius-md)!important}.sb-desktop{background-color:var(--bg-sidebar,#003833);color:#a0c2bf;z-index:100;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff0f;flex-direction:column;width:250px;height:100vh;transition:width .28s cubic-bezier(.4,0,.2,1),box-shadow .28s;display:flex;position:sticky;top:0;left:0;overflow:visible}.sb-desktop.collapsed{width:70px}.sb-desktop.hover-expanded{width:250px;box-shadow:6px 0 24px #0006}.sb-hover-area{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden auto}.sb-hover-area::-webkit-scrollbar{width:0;height:0;display:none}.sb-inner{box-sizing:border-box;flex-direction:column;height:100%;padding:1.25rem 0 1rem;display:flex;overflow-x:hidden}.sb-brand-header{box-sizing:border-box;align-items:center;min-height:50px;padding:0 1rem 1.25rem;display:flex}.sb-desktop.collapsed:not(.hover-expanded) .sb-brand-header{justify-content:center;padding:0 .5rem 1.25rem}.sb-brand-logo{align-items:center;width:100%;display:flex}.sb-brand-logo-img{object-fit:contain;width:auto;max-width:100%;height:44px;margin:0}.sb-brand-logo-small{object-fit:contain;width:34px;height:34px;margin:0 auto;display:block}.sb-nav{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:.15rem;margin:0;padding:0;display:flex;overflow:hidden auto}.sb-nav::-webkit-scrollbar{width:0;height:0;display:none}.sb-nav-item{color:#a0c2bf;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:calc(100% - 1.5rem);margin:.1rem .75rem;padding:.52rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s;display:flex}.sb-nav-item:hover{color:#fff;background-color:#10b98124;transform:translate(4px)}.sb-nav-item:hover .sb-nav-icon{transition:transform .22s cubic-bezier(.34,1.56,.64,1);transform:scale(1.15)rotate(4deg)}.sb-nav-item.active{color:#fff;background-color:#10b981;font-weight:600}.sb-nav-item.active .sb-nav-icon{color:#fff!important}.sb-nav-left{align-items:center;gap:.75rem;min-width:0;display:flex}.sb-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;min-height:18px;transition:transform .2s;display:inline-flex}.sb-nav-label{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}.sb-nav-badge{border-radius:4px;padding:.1rem .35rem;font-size:.65rem;font-weight:700}.sb-badge-red{color:#fff;background-color:#ef4444;animation:1.8s ease-in-out infinite sbLiveBadgePulse}@keyframes sbLiveBadgePulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.sb-accordion-group{flex-direction:column;width:100%;margin:0;padding:0;display:flex}.sb-accordion-group .sb-nav-item{width:calc(100% - 1.5rem);margin:.1rem .75rem;padding:.52rem .75rem}.sb-sub-tree{box-sizing:border-box;flex-direction:column;gap:.2rem;width:calc(100% - 1.5rem);margin:.25rem 0 .4rem .75rem;padding-left:21px;display:flex;position:relative}.sb-sub-tree:before{content:"";background-color:#fff3;width:1px;position:absolute;top:0;bottom:14px;left:21px}.sb-sub-link{color:#94a3b8;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;align-items:center;gap:.45rem;width:100%;padding:.38rem .65rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .18s;display:flex;position:relative;overflow:hidden}.sb-sub-link:before{content:"";background-color:#fff3;width:12px;height:1px;position:absolute;top:50%;left:-21px}.sb-sub-bullet{color:#38bdf8;flex-shrink:0;font-size:.9rem;line-height:1}.sb-sub-link:hover{color:#fff;background-color:#ffffff14;transform:translate(2px)}.sb-sub-link:hover .sb-sub-bullet{color:#34d399}.sb-sub-link.active{color:#34d399;background-color:#10b98126;font-weight:600}.sb-sub-link.active .sb-sub-bullet{color:#34d399}.sb-divider{background-color:#ffffff0f;height:1px;margin:.75rem}.sb-logout-btn{color:#f87171}.sb-logout-btn:hover{color:#ef4444;background-color:#ef444414}.sb-desktop.collapsed:not(.hover-expanded) .sb-nav-item{justify-content:center;width:calc(100% - .5rem);margin:.1rem .25rem;padding:.6rem 0}.sb-desktop.collapsed:not(.hover-expanded) .sb-nav-left{justify-content:center;gap:0}.sb-desktop.collapsed:not(.hover-expanded) .sb-sub-tree{display:none!important}.sidebar-mobile-drawer{z-index:1000;visibility:hidden;opacity:0;transition:visibility .28s,opacity .28s;position:fixed;inset:0}.sidebar-mobile-drawer.open{visibility:visible;opacity:1}.mobile-overlay-click{-webkit-backdrop-filter:blur(4px);cursor:pointer;background:#0009;position:absolute;inset:0}.sidebar-mobile{background-color:var(--bg-sidebar,#003833);color:#a0c2bf;z-index:1001;box-sizing:border-box;flex-direction:column;width:280px;max-width:85vw;padding:1.25rem .75rem 1rem;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden auto;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.sidebar-mobile-drawer.open .sidebar-mobile{transform:translate(0)}.mobile-drawer-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1rem;right:.85rem}.mobile-drawer-close:hover{background:#fff3;transform:scale(1.08)}@media (width<=768px){.sb-desktop,.sidebar-toggle-btn,.sidebar-collapse-toggle-btn{display:none!important}}.teacher-dashboard-page{padding:var(--page-padding,28px 28px 40px);background-color:var(--bg-app);flex-direction:column;gap:1.35rem;min-height:100%;display:flex;position:relative}.teacher-welcome-header{justify-content:space-between;align-items:center;display:flex}.greeting-title{font-family:var(--page-title-font,"Montserrat", sans-serif);font-size:var(--page-title-size,18px);font-weight:var(--page-title-weight,700);color:var(--text-primary);letter-spacing:var(--page-title-letter-spacing,-.2px);margin:0}.greeting-subtitle{font-family:var(--page-sub-font,"Poppins", sans-serif);font-size:var(--page-sub-size,13.5px);font-weight:var(--page-sub-weight,400);color:var(--text-secondary);line-height:var(--page-sub-line-height,1.45);margin:4px 0 0}.teacher-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;display:grid}.teacher-kpi-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);box-sizing:border-box;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.15rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.teacher-kpi-card:before{content:"";opacity:0;transform-origin:50%;height:3.5px;transition:opacity .25s,transform .25s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.teacher-kpi-card.theme-purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.teacher-kpi-card.theme-green:before{background:linear-gradient(90deg,#10b981,#059669)}.teacher-kpi-card.theme-orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.teacher-kpi-card.theme-blue:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.teacher-kpi-card.theme-pink:before{background:linear-gradient(90deg,#ec4899,#db2777)}.teacher-kpi-card.theme-emerald:before{background:linear-gradient(90deg,#10b981,#059669)}.teacher-kpi-card.clickable{cursor:pointer}.teacher-kpi-card:hover{transform:translateY(-4px)}.teacher-kpi-card:hover:before{opacity:1;transform:scaleX(1)}.teacher-kpi-card.theme-purple:hover{background:linear-gradient(180deg, #8b5cf60a 0%, var(--bg-card) 100%);border-color:#8b5cf659;box-shadow:0 12px 24px -6px #8b5cf62e}.teacher-kpi-card.theme-green:hover{background:linear-gradient(180deg, #10b9810a 0%, var(--bg-card) 100%);border-color:#10b98159;box-shadow:0 12px 24px -6px #10b9812e}.teacher-kpi-card.theme-orange:hover{background:linear-gradient(180deg, #f59e0b0a 0%, var(--bg-card) 100%);border-color:#f59e0b59;box-shadow:0 12px 24px -6px #f59e0b2e}.teacher-kpi-card.theme-blue:hover{background:linear-gradient(180deg, #3b82f60a 0%, var(--bg-card) 100%);border-color:#3b82f659;box-shadow:0 12px 24px -6px #3b82f62e}.teacher-kpi-card.theme-pink:hover{background:linear-gradient(180deg, #ec48990a 0%, var(--bg-card) 100%);border-color:#ec489959;box-shadow:0 12px 24px -6px #ec48992e}.teacher-kpi-card.theme-emerald:hover{background:linear-gradient(180deg, #10b9810a 0%, var(--bg-card) 100%);border-color:#10b98159;box-shadow:0 12px 24px -6px #10b9812e}.kpi-top-row{align-items:center;gap:.6rem;display:flex;position:relative}.kpi-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.teacher-kpi-card:hover .kpi-icon-wrapper{transform:scale(1.12)rotate(4deg)}.kpi-icon-wrapper.bg-purple{color:#8b5cf6;background-color:#f3e8ff}.kpi-icon-wrapper.bg-green{color:#10b981;background-color:#dcfce7}.kpi-icon-wrapper.bg-orange{color:#ea580c;background-color:#ffedd5}.kpi-icon-wrapper.bg-blue{color:#2563eb;background-color:#dbeafe}.kpi-icon-wrapper.bg-pink{color:#db2777;background-color:#fce7f3}.kpi-icon-wrapper.bg-emerald{color:#059669;background-color:#e6f4ea}[data-theme=dark] .kpi-icon-wrapper.bg-purple{color:#c084fc;background-color:#3b0764}[data-theme=dark] .kpi-icon-wrapper.bg-green{color:#34d399;background-color:#052e16}[data-theme=dark] .kpi-icon-wrapper.bg-orange{color:#fb923c;background-color:#431407}[data-theme=dark] .kpi-icon-wrapper.bg-blue{color:#60a5fa;background-color:#172554}[data-theme=dark] .kpi-icon-wrapper.bg-pink{color:#f472b6;background-color:#500724}[data-theme=dark] .kpi-icon-wrapper.bg-emerald{color:#34d399;background-color:#064e3b}.kpi-title-block{flex:1}.kpi-title{font-family:var(--font-secondary);color:var(--text-secondary);font-size:.82rem;font-weight:500;line-height:1.2;display:block}.kpi-menu-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:color .15s}.kpi-menu-btn:hover{color:var(--text-primary)}.kpi-main-val{font-family:var(--font-primary);color:var(--text-primary);margin:.6rem 0 .5rem;font-size:1.75rem;font-weight:700;transition:color .2s}.kpi-bottom-row{align-items:center;font-size:.8rem;display:flex}.kpi-action-link{color:var(--text-secondary);font-size:.8rem;font-weight:500;font-family:var(--font-secondary);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.kpi-action-link span{transition:transform .2s,color .2s;display:inline-block}.teacher-kpi-card:hover .kpi-action-link span{color:var(--color-brand-primary,#003833);font-weight:600;transform:translate(3px)}.kpi-subtext-label{color:var(--text-muted);font-size:.8rem}.dashboard-main-grid{gap:1.25rem;display:grid}.dashboard-main-grid.row-1{grid-template-columns:1.25fr 1fr .85fr}.dashboard-main-grid.row-2{grid-template-columns:1.1fr 1.15fr .95fr}@media (width<=1180px){.dashboard-main-grid.row-1,.dashboard-main-grid.row-2{grid-template-columns:1fr}}.dashboard-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;padding:1.25rem;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s;display:flex}.dashboard-card:hover{border-color:#10b9814d;transform:translateY(-3px);box-shadow:0 10px 25px -5px #00000014,0 4px 6px -2px #00000008}[data-theme=dark] .dashboard-card:hover{border-color:#34d3994d;box-shadow:0 10px 25px -5px #0006}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{font-family:var(--section-title-font,"Montserrat", sans-serif);font-size:var(--section-title-size,15px);font-weight:var(--section-title-weight,700);color:var(--text-primary)}.card-title.text-nowrap{white-space:nowrap}.header-link-btn{font-family:var(--font-secondary);color:#10b981;cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:.82rem;font-weight:600;transition:transform .2s,color .2s,opacity .15s}.header-link-btn:hover{color:#059669;text-decoration:none;transform:translate(2px)}.todays-classes-list{flex-direction:column;display:flex}.class-row-item{border-bottom:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.85rem .5rem;transition:background-color .2s,transform .2s;display:flex}.class-row-item:last-child{border-bottom:none}.class-row-item:hover{background-color:var(--bg-neutral-light,#10b9810a)}.green-time-box{background-color:#f0fdf4;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:62px;padding:.65rem .75rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.class-row-item:hover .green-time-box{transform:scale(1.06)}[data-theme=dark] .green-time-box{background-color:#052e16}.time-num{font-family:var(--font-primary);color:#166534;font-size:.92rem;font-weight:700;line-height:1.1}.time-ampm{color:#15803d;margin-top:.15rem;font-size:.72rem;font-weight:700}[data-theme=dark] .time-num,[data-theme=dark] .time-ampm{color:#4ade80}.class-info-block{flex:1;min-width:0;margin:0 .5rem}.class-subject-title{font-family:var(--font-primary);color:var(--text-primary);font-size:.94rem;font-weight:700;line-height:1.2;transition:color .2s}.class-row-item:hover .class-subject-title{color:#10b981}.class-batch-name{color:#64748b;margin-top:.2rem;font-size:.78rem;line-height:1.3}[data-theme=dark] .class-batch-name{color:#94a3b8}.class-badge-block{flex-shrink:0}.status-badge{white-space:nowrap;border-radius:20px;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:transform .2s;display:inline-block}.class-row-item:hover .status-badge{transform:scale(1.05)}.status-badge.badge-live_soon{color:#7e22ce;background-color:#f3e8ff}.status-badge.badge-upcoming{color:#0284c7;background-color:#e0f2fe}.class-action-block{flex-shrink:0}.class-btn{font-family:var(--font-primary);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.class-btn.btn-primary-outline,.class-btn.btn-secondary-outline{color:#10b981;background-color:#0000;border:1.5px solid #10b981}.class-btn.btn-primary-outline:hover,.class-btn.btn-secondary-outline:hover{color:#fff;background-color:#10b981;transform:translateY(-1px);box-shadow:0 4px 10px #10b98140}.week-day-pills-row{justify-content:space-between;gap:.35rem;margin-bottom:1rem;display:flex}.day-pill{border:1px solid var(--border-color);background-color:var(--bg-card);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:.55rem .2rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.day-pill .day-name{color:var(--text-secondary);font-size:.72rem;font-weight:500;transition:color .2s}.day-pill .day-date{font-family:var(--font-primary);color:var(--text-primary);margin-top:.15rem;font-size:.95rem;font-weight:700;transition:color .2s}.day-pill:hover:not(.active){background-color:#10b9810d;border-color:#10b981;transform:translateY(-2px)}.day-pill:hover:not(.active) .day-name,.day-pill:hover:not(.active) .day-date{color:#10b981}.day-pill.active{background-color:#003833;border-color:#003833;box-shadow:0 4px 10px #00383333}.day-pill.active:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0038334d}.day-pill.active .day-name,.day-pill.active .day-date{color:#fff}.active-dot{color:#10b981;margin-top:.15rem;font-size:.85rem;line-height:.4}.selected-date-label{font-family:var(--font-primary);color:var(--text-primary);margin-bottom:.75rem;font-size:.85rem;font-weight:700}.schedule-events-list{flex-direction:column;display:flex}.schedule-event-row{border-bottom:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .5rem;transition:background-color .2s,transform .2s;display:flex}.schedule-event-row:last-child{border-bottom:none}.schedule-event-row:hover{background-color:var(--bg-neutral-light,#10b9810a)}.event-time-col{color:var(--text-secondary);min-width:65px;font-size:.78rem;font-weight:600}.event-details-col{flex-direction:column;flex:1;margin:0 .5rem;display:flex}.event-title{color:var(--text-primary);font-size:.85rem;font-weight:600;transition:color .2s}.schedule-event-row:hover .event-title{color:#10b981}.event-batch{color:var(--text-muted);font-size:.74rem}.badge-pill{border-radius:10px;padding:.2rem .55rem;font-size:.72rem;font-weight:600;transition:transform .2s}.schedule-event-row:hover .badge-pill{transform:scale(1.05)}.badge-pill.badge-live{color:#15803d;background-color:#dcfce7}.badge-pill.badge-upcoming{color:#0369a1;background-color:#e0f2fe}.schedule-card-footer{margin-top:.75rem;padding-top:.5rem}.footer-link-btn{color:#10b981;cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;transition:transform .2s,color .2s;display:inline-flex}.footer-link-btn:hover{color:#059669;transform:translate(3px)}.announcements-list{flex-direction:column;display:flex}.announcement-row{border-bottom:1px solid var(--border-color);border-radius:10px;align-items:flex-start;gap:.85rem;padding:.8rem .5rem;transition:background-color .2s;display:flex}.announcement-row:last-child{border-bottom:none}.announcement-row:hover{background-color:var(--bg-neutral-light,#10b9810a)}.ann-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.announcement-row:hover .ann-icon-box{transform:scale(1.12)rotate(-4deg)}.ann-icon-box.bg-purple{color:#8b5cf6;background-color:#f3e8ff}.ann-icon-box.bg-orange{color:#ea580c;background-color:#ffedd5}.ann-icon-box.bg-green{color:#10b981;background-color:#dcfce7}.ann-content-box{flex:1}.ann-header-line{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ann-title{font-family:var(--font-primary);color:var(--text-primary);font-size:.86rem;font-weight:700;transition:color .2s}.announcement-row:hover .ann-title{color:#10b981}.ann-timestamp{color:#94a3b8;white-space:nowrap;font-size:.74rem}.ann-subtitle{color:var(--text-secondary);margin-top:.15rem;font-size:.78rem}.ann-extra{color:var(--text-muted);margin-top:.2rem;font-size:.72rem;display:inline-block}.class-engagement-card{flex-direction:column;justify-content:space-between;height:100%;display:flex}.engagement-body{flex:1;justify-content:space-between;align-items:center;gap:1rem;margin:auto 0;padding:1.25rem 0;display:flex}.donut-chart-container{flex-shrink:0;width:145px;height:145px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.class-engagement-card:hover .donut-chart-container{transform:scale(1.05)}.donut-svg{width:100%;height:100%}.donut-svg.rotated-donut{transform:rotate(-65deg)}.donut-center-label{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-val{font-family:var(--font-primary);color:var(--text-primary);font-size:1.45rem;font-weight:800;line-height:1.1;transition:color .2s;display:block}.class-engagement-card:hover .donut-val{color:#10b981}.donut-sub{color:var(--text-muted);margin-top:.15rem;font-size:.7rem;font-weight:500;display:block}.engagement-legend-col{flex-direction:column;flex:1;gap:.75rem;display:flex}.legend-item{border-radius:8px;align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.85rem;transition:background-color .2s,transform .2s;display:flex}.legend-item:hover{background-color:var(--bg-neutral-light,#10b9810a);transform:translate(3px)}.legend-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:transform .2s}.legend-item:hover .legend-indicator{transform:scale(1.4)}.dot-present{background-color:#22c55e}.dot-absent{background-color:#c84444}.dot-leave{background-color:#9b9de2}.legend-label{color:var(--text-secondary)}.legend-val{margin-left:auto}.val-pct{color:var(--text-primary);font-size:.85rem;font-weight:700}.val-cnt{color:#94a3b8;margin-left:.2rem;font-size:.78rem;font-weight:500}.engagement-footer-trend{margin-top:auto;padding-top:.75rem}.trend-green{color:#10b981;font-size:.82rem;font-weight:600;transition:transform .2s;display:inline-block}.class-engagement-card:hover .trend-green{transform:translate(2px)}.insights-list{flex-direction:column;gap:.7rem;display:flex}.insight-row-card{background-color:#f8faf9;border:1px solid #edf2f0;border-radius:12px;align-items:flex-start;gap:.8rem;padding:.85rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.insight-row-card:hover{border-color:#10b98159;transform:translateY(-2px);box-shadow:0 6px 16px -4px #00000014}[data-theme=dark] .insight-row-card{background-color:#111a19;border-color:#1a2b28}[data-theme=dark] .insight-row-card:hover{border-color:#34d39959;box-shadow:0 6px 16px -4px #0006}.insight-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.insight-row-card:hover .insight-icon-circle{transform:scale(1.15)rotate(6deg)}.insight-icon-circle.bg-red{color:#ef4444;background-color:#fee2e2}.insight-icon-circle.bg-orange{color:#ea580c;background-color:#ffedd5}.insight-icon-circle.bg-green{color:#10b981;background-color:#dcfce7}.insight-text-content p{color:var(--text-primary);font-size:.82rem;line-height:1.4}.todo-items-list{flex-direction:column;display:flex}.todo-row-item{border-bottom:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem .6rem;transition:all .2s;display:flex}.todo-row-item:last-child{border-bottom:none}.todo-row-item:hover{background-color:var(--bg-neutral-light,#10b9810d);padding-left:.8rem}.todo-checkbox-wrapper{align-items:center;margin-right:.75rem;display:flex}.todo-checkbox{cursor:pointer;accent-color:#10b981;width:18px;height:18px;transition:transform .15s}.todo-checkbox:hover{transform:scale(1.1)}.todo-label-text{color:var(--text-primary);flex:1;font-size:.86rem;font-weight:500;transition:color .2s}.todo-row-item:hover .todo-label-text{color:#10b981}.todo-row-item.is-completed .todo-label-text span{color:var(--text-muted);text-decoration:line-through}.todo-count-badge.green-badge{color:#166534;background-color:#e6f4ea;border-radius:14px;margin-right:.6rem;padding:.2rem .65rem;font-size:.8rem;font-weight:700;transition:transform .2s}.todo-row-item:hover .todo-count-badge.green-badge{transform:scale(1.08)}[data-theme=dark] .todo-count-badge.green-badge{color:#4ade80;background-color:#052e16}.todo-arrow-col{color:var(--text-muted);align-items:center;transition:transform .2s,color .2s;display:flex}.todo-row-item:hover .todo-arrow-col{color:#10b981;transform:translate(4px)}.dashboard-performance-banner{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;padding:1.15rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.dashboard-performance-banner:hover{border-color:#10b98159;transform:translateY(-3px);box-shadow:0 12px 24px -6px #0038331f}.banner-left-info{align-items:center;gap:1rem;display:flex}.rocket-icon-circle{color:#10b981;background-color:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.dashboard-performance-banner:hover .rocket-icon-circle{transform:scale(1.15)rotate(-8deg)}.banner-heading{font-family:var(--font-primary);color:var(--text-primary);font-size:1rem;font-weight:700}.banner-subheading{color:var(--text-secondary);margin-top:.15rem;font-size:.84rem}.btn-performance-report{color:#fff;font-family:var(--font-primary);cursor:pointer;background-color:#003833;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.86rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn-performance-report:hover{background-color:#004d45;transform:translate(2px);box-shadow:0 4px 12px #0038334d}.btn-performance-report svg{transition:transform .2s}.btn-performance-report:hover svg{transform:translate(3px)}.floating-help-fab{color:#fff;cursor:pointer;z-index:99;background-color:#003833;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:1.8rem;right:1.8rem;box-shadow:0 6px 16px #00383359}.floating-help-fab:hover{background-color:#004d45;transform:scale(1.12)rotate(8deg);box-shadow:0 8px 22px #00383380}.teacher-dashboard-page{box-sizing:border-box;max-width:100vw;overflow-x:hidden}@media (width<=1024px){.teacher-dashboard-page{gap:1.2rem;padding:1.25rem}.dashboard-main-grid,.dashboard-main-grid.row-1,.dashboard-main-grid.row-2{width:100%;max-width:100%;grid-template-columns:1fr!important}.dashboard-card{box-sizing:border-box;width:100%;max-width:100%}.dashboard-performance-banner{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:1rem;width:100%}.btn-performance-report{justify-content:center;width:100%}}@media (width<=768px){.teacher-dashboard-page{gap:1rem;width:100%;padding:1rem .85rem;overflow-x:hidden}.teacher-welcome-header{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.greeting-title{font-size:1.4rem}.teacher-kpi-grid{gap:.75rem;width:100%;grid-template-columns:repeat(2,1fr)!important}.teacher-kpi-card{padding:.9rem}.class-row-item{box-sizing:border-box;flex-wrap:wrap;gap:8px;width:100%;padding:10px 6px}.class-info-block{flex:50%;min-width:100px;margin:0}.class-badge-block{margin-left:auto}.class-action-block{width:100%;margin-top:4px}.class-action-block .class-btn{text-align:center;box-sizing:border-box;justify-content:center;width:100%}.week-day-pills-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:6px;overflow-x:auto}.day-pill{flex:0 0 44px}.schedule-event-row{flex-wrap:wrap;gap:8px;padding:10px 0}.event-details-col{flex:60%}.event-status-col{justify-content:flex-end;width:100%;display:flex}.floating-help-fab{width:44px;height:44px;bottom:1.2rem;right:1.2rem}}@media (width<=480px){.teacher-kpi-grid{grid-template-columns:1fr!important}.dashboard-card{padding:1rem .85rem}}.gy-breadcrumbs{font-family:var(--font-poppins,"Poppins", sans-serif);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0;padding:0;font-size:12px;line-height:1.4;list-style:none;display:flex}.gy-breadcrumb-item{color:var(--text-muted,#94a3b8);align-items:center;gap:6px;display:inline-flex}.gy-breadcrumb-link{color:var(--text-secondary,#64748b);cursor:pointer;border-radius:4px;align-items:center;gap:4px;font-weight:500;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.gy-breadcrumb-link:hover{color:#003833;text-underline-offset:3px;text-decoration:underline}[data-theme=dark] .gy-breadcrumb-link:hover{color:#34d399}.gy-breadcrumb-current{color:var(--text-primary,#0f172a);cursor:default;-webkit-user-select:text;user-select:text;align-items:center;gap:4px;font-weight:600;display:inline-flex}[data-theme=dark] .gy-breadcrumb-current{color:#f8fafc}.gy-breadcrumb-separator{color:var(--text-muted,#94a3b8);opacity:.7;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gy-breadcrumb-icon{opacity:.85;flex-shrink:0}.mc-page{font-family:var(--font-poppins,"Poppins", sans-serif);background-color:var(--bg-app);color:var(--text-primary);padding:var(--page-padding,28px 28px 40px);box-sizing:border-box;width:100%;min-height:100%;transition:padding .3s;animation:.3s both mc-fadeUp;overflow:hidden auto}@keyframes mc-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mc-layout{width:100%;display:block}@keyframes mc-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mc-skeleton{background:linear-gradient(90deg,#0000000f 25%,#10b98126 37%,#0000000f 63%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite mc-shimmer}[data-theme=dark] .mc-skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#34d3992e 37%,#ffffff0f 63%) 0 0/200% 100%}.mc-card-skeleton{opacity:.9}.mc-header-row-parallel{margin-bottom:var(--page-header-mb,20px);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.mc-header{margin-bottom:var(--page-header-mb,20px)}.mc-header-title{font-family:var(--page-title-font,"Montserrat", sans-serif);font-size:var(--page-title-size,18px);font-weight:var(--page-title-weight,700);color:var(--text-primary);letter-spacing:var(--page-title-letter-spacing,-.2px);margin:0}.mc-header-sub{font-family:var(--page-sub-font,"Poppins", sans-serif);font-size:var(--page-sub-size,13.5px);font-weight:var(--page-sub-weight,400);color:var(--text-secondary);line-height:var(--page-sub-line-height,1.45);margin:4px 0 0}.mc-back-btn{font-size:13px;font-weight:600;font-family:var(--font-poppins,"Poppins", sans-serif);color:#003833;white-space:nowrap;background:#00383314;border:1px solid #00383326;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.mc-back-btn:hover{color:#00221f;background:#00383329;border-color:#003833;transform:translateY(-1px)}[data-theme=dark] .mc-back-btn{color:#34d399;background:#34d3991f;border-color:#34d39940}[data-theme=dark] .mc-back-btn:hover{color:#6ee7b7;background:#34d39938;border-color:#34d399;box-shadow:0 4px 12px #34d39933}.mc-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.mc-stat{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .2s;display:flex;box-shadow:0 1px 4px #0000000a}.mc-stat:hover{border-color:#10b981;transform:translateY(-4px);box-shadow:0 10px 24px #0038331f}.mc-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.mc-stat:hover .mc-stat-icon{transform:scale(1.12)rotate(5deg)}.mc-stat-icon-blue{color:#2563eb;background:#eff6ff}.mc-stat-icon-green{color:#059669;background:#ecfdf5}.mc-stat-icon-amber{color:#b45309;background:#fffbeb}.mc-stat-icon-purple{color:#7c3aed;background:#f5f3ff}[data-theme=dark] .mc-stat-icon-blue{color:#60a5fa;background:#1e3a8a}[data-theme=dark] .mc-stat-icon-green{color:#34d399;background:#052e16}[data-theme=dark] .mc-stat-icon-amber{color:#fbbf24;background:#422006}[data-theme=dark] .mc-stat-icon-purple{color:#c4b5fd;background:#2e1065}.mc-stat-num{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:800;line-height:1.1}.mc-stat-label{color:var(--text-secondary);margin:0;font-size:11.5px}.mc-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.mc-tab-group{background:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:50px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}.mc-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:50px;padding:6px 16px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.mc-tab.mc-tab-active{color:#fff;background:#003833;box-shadow:0 3px 10px #0038334d}[data-theme=dark] .mc-tab.mc-tab-active{color:#003833;background:#34d399}.mc-tab:not(.mc-tab-active):hover{color:var(--text-primary);background:var(--bg-card);transform:translateY(-1px)}.mc-search-wrap{flex-shrink:0;position:relative}.mc-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mc-search{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;width:220px;padding:8px 14px 8px 36px;font-family:Outfit,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.mc-search:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}[data-theme=dark] .mc-search:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d39933}.mc-search::placeholder{color:var(--text-muted)}.mc-card-list{flex-direction:column;gap:14px;display:flex}.mc-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;grid-template-columns:180px 1fr auto;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .2s;display:grid;overflow:hidden;box-shadow:0 1px 4px #0000000a}[data-theme=dark] .mc-card:hover{border-color:#34d399}.mc-card-banner{background:linear-gradient(145deg,#003833 0%,#005a50 100%);flex-direction:column;justify-content:space-between;padding:18px 14px;display:flex;position:relative;overflow:hidden}.mc-card-banner:before{content:"";background:#ffffff0f;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.mc-banner-code{letter-spacing:.6px;text-transform:uppercase;color:#ffffffa6;background:#ffffff1f;border-radius:4px;width:fit-content;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-block}.mc-banner-subject{color:#fff;margin:8px 0 0;font-size:13px;font-weight:700;line-height:1.3}.mc-banner-progress-wrap{margin-top:14px}.mc-banner-pct{color:#fffc;margin-bottom:4px;font-size:11px;font-weight:600}.mc-banner-bar{background:#fff3;border-radius:50px;height:4px;overflow:hidden}.mc-banner-bar-fill{background:#34d399;border-radius:50px;height:100%;transition:width .6s}.mc-card-body{flex-direction:column;gap:8px;min-width:0;padding:16px 18px;display:flex}.mc-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mc-category-pill{letter-spacing:.3px;text-transform:uppercase;border-radius:50px;padding:2px 9px;font-size:10px;font-weight:700}.mc-pill-competitive{color:#4f46e5;background:#eef2ff}.mc-pill-foundations{color:#059669;background:#ecfdf5}.mc-pill-skills{color:#c2410c;background:#fff7ed}[data-theme=dark] .mc-pill-competitive{color:#818cf8;background:#1e1b4b}[data-theme=dark] .mc-pill-foundations{color:#4ade80;background:#052e16}[data-theme=dark] .mc-pill-skills{color:#fb923c;background:#431407}.mc-card-title{color:var(--text-primary);cursor:pointer;margin:0;font-size:15px;font-weight:700;line-height:1.3}.mc-card-title:hover{color:#003833}[data-theme=dark] .mc-card-title:hover{color:#34d399}.mc-card-instructor{color:var(--text-secondary);align-items:center;gap:5px;margin:0;font-size:12px;display:flex}.mc-feature-row{flex-wrap:wrap;gap:6px;display:flex}.mc-feature-badge{background:var(--bg-neutral-light);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:50px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .2s,border-color .2s,color .2s;display:inline-flex}.mc-feature-badge:hover{color:#059669;background:#10b98114;border-color:#10b981;transform:translateY(-1.5px)scale(1.03)}.mc-progress-row{align-items:center;gap:10px;margin-top:2px;display:flex}.mc-progress-bar{background:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:50px;flex:1;height:5px;overflow:hidden}.mc-progress-fill{background:linear-gradient(90deg,#003833,#34d399);border-radius:50px;height:100%;transition:width .6s}.mc-progress-fill.mc-progress-done{background:#34d399}.mc-progress-text{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:700}.mc-lessons-row{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.mc-lessons-row strong{color:var(--text-secondary);font-weight:600}.mc-card-actions{border-left:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:stretch;gap:8px;min-width:150px;padding:16px;display:flex}.mc-next-class-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px;font-size:10px;font-weight:700}.mc-next-class-time{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:2px;font-size:11.5px;font-weight:600;display:flex}.mc-next-class-time.mc-today{color:#059669}[data-theme=dark] .mc-next-class-time.mc-today{color:#34d399}.mc-btn-primary{color:#fff;cursor:pointer;background:#003833;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 14px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s;display:inline-flex}.mc-btn-primary:hover{background:#004d46;transform:translateY(-2px);box-shadow:0 6px 18px #00383359}[data-theme=dark] .mc-btn-primary{color:#003833;background:#34d399}[data-theme=dark] .mc-btn-primary:hover{background:#6ee7b7;box-shadow:0 6px 18px #34d39959}.mc-btn-ghost{color:var(--text-primary);border:1.5px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 14px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s,color .2s;display:inline-flex}.mc-btn-ghost:hover{color:#059669;background:#10b98114;border-color:#10b981;transform:translateY(-2px)}[data-theme=dark] .mc-btn-ghost:hover{color:#34d399;background:#34d3991f;border-color:#34d399}.mc-bookmark-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;margin-left:auto;padding:4px;transition:color .15s,background .15s;display:flex}.mc-bookmark-btn:hover{color:#e7aa39;background:var(--bg-neutral-light)}.mc-bookmark-btn.mc-bookmarked{color:#e7aa39}.mc-completed-badge{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.mc-completed-icon{color:#e7aa39}.mc-completed-label{color:#059669;font-size:11px;font-weight:700}[data-theme=dark] .mc-completed-label{color:#34d399}.mc-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;margin:12px 0 24px;padding:56px 24px;display:flex;box-shadow:0 1px 4px #00000008}.mc-empty-icon-box{color:#003833;background:#00383314;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.mc-empty-icon-box:hover{transform:scale(1.1)rotate(4deg)}[data-theme=dark] .mc-empty-icon-box{color:#34d399;background:#34d39926}.mc-empty-icon{color:var(--text-muted);margin:0 auto 16px;display:block}.mc-empty-title{color:var(--text-primary);letter-spacing:-.2px;margin:0 0 6px;font-size:1.15rem;font-weight:700}.mc-empty-sub{color:var(--text-secondary);max-width:380px;margin:0;font-size:13.5px;line-height:1.45}.mc-empty-reset-btn{color:#003833;cursor:pointer;background:#00383314;border:1px solid #00383333;border-radius:50px;margin-top:18px;padding:8px 20px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.mc-empty-reset-btn:hover{color:#fff;background:#003833;border-color:#003833;transform:translateY(-1px);box-shadow:0 4px 12px #00383326}[data-theme=dark] .mc-empty-reset-btn{color:#34d399;background:#34d3991f;border-color:#34d39940}[data-theme=dark] .mc-empty-reset-btn:hover{color:#003833;background:#34d399;border-color:#34d399}.mc-footer{color:var(--text-muted);text-align:center;margin-top:20px;font-size:12.5px}.mc-footer-link{color:#003833;cursor:pointer;background:0 0;border:none;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;text-decoration:underline}[data-theme=dark] .mc-footer-link{color:#34d399}.mc-sidebar{flex-direction:column;gap:16px;display:flex}.mc-widget{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:18px 18px 14px;box-shadow:0 1px 4px #0000000a}.mc-widget-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mc-widget-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.mc-widget-link{color:#003833;cursor:pointer;background:0 0;border:none;padding:0;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:opacity .15s}.mc-widget-link:hover{opacity:.7}[data-theme=dark] .mc-widget-link{color:#34d399}.mc-class-item{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.mc-class-item:last-child{border-bottom:none;padding-bottom:0}.mc-class-time-col{text-align:center;flex-shrink:0;min-width:54px}.mc-class-time{color:var(--text-primary);font-size:12.5px;font-weight:700;display:block}.mc-class-day{color:var(--text-muted);margin-top:1px;font-size:10px;font-weight:600;display:block}.mc-class-day.mc-day-today{color:#059669;background:#ecfdf5;border-radius:4px;padding:1px 5px;font-size:9.5px}[data-theme=dark] .mc-class-day.mc-day-today{color:#34d399;background:#052e16}.mc-class-info{flex:1;min-width:0}.mc-class-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:12.5px;font-weight:600;line-height:1.3;overflow:hidden}.mc-class-course{color:var(--text-muted);margin:0;font-size:11px}.mc-class-join-btn{color:#fff;cursor:pointer;background:#003833;border:none;border-radius:6px;flex-shrink:0;align-self:center;padding:5px 12px;font-family:Outfit,sans-serif;font-size:11.5px;font-weight:700;transition:background .15s}.mc-class-join-btn:hover{background:#005a50}[data-theme=dark] .mc-class-join-btn{color:#003833;background:#34d399}.mc-quick-action{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.mc-quick-action:hover{background:var(--bg-neutral-light);color:#003833}[data-theme=dark] .mc-quick-action:hover{color:#34d399}.mc-qa-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mc-batches-table-wrapper{transition:all .25s}.mc-batch-row{transition:background-color .15s}.mc-batch-row:hover{background-color:var(--bg-card-hover)!important}.mc-batch-row.selected{background-color:#0038330f!important}[data-theme=dark] .mc-batch-row.selected{background-color:#34d39914!important}.animate-fade-in{animation:.3s ease-out forwards mc-fadeIn}@keyframes mc-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mc-topic-edit-input{transition:all .2s;box-shadow:0 0 0 2px #0038331a}.mc-topic-edit-input:focus{border-color:#003833!important;box-shadow:0 0 0 3px #00383333!important}[data-theme=dark] .mc-topic-edit-input:focus{border-color:#34d399!important;box-shadow:0 0 0 3px #34d39933!important}.mc-card{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .2s}.mc-card:hover{border-color:#10b981;transform:translateY(-3px);box-shadow:0 14px 30px #0038331f,0 4px 10px #0000000a}[data-theme=dark] .mc-card:hover{border-color:#34d399;box-shadow:0 14px 30px #34d3991f}.mc-card:hover .mc-card-banner{background:linear-gradient(135deg,#004d46 0%,#059669 100%)!important}.mc-card-body span{transition:transform .2s,background .2s,color .2s}.mc-card-body span:hover{transform:translateY(-1px)scale(1.02)}@media (width<=768px){.mc-page{padding:16px 14px 30px}.mc-header-title{font-size:1.4rem}.mc-stats{grid-template-columns:1fr 1fr;gap:10px}.mc-stat{gap:10px;padding:12px}.mc-stat-icon{width:34px;height:34px}.mc-stat-num{font-size:1.15rem}.mc-toolbar{flex-direction:column;align-items:stretch;gap:12px}.mc-tab-group{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding:4px;overflow-x:auto}.mc-tab{flex-shrink:0;padding:6px 14px;font-size:12px}.mc-search-wrap{width:100%}.mc-search{box-sizing:border-box;width:100%}.mc-card{border-radius:12px;grid-template-columns:1fr!important}.mc-card-banner{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:14px 16px!important}.mc-banner-subject{margin:0!important;font-size:14px!important}.mc-banner-progress-wrap{min-width:100px!important;margin-top:0!important}.mc-card-body{padding:14px 16px!important}.mc-card-actions{border-top:1px solid var(--border-color);box-sizing:border-box!important;border-left:none!important;flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;padding:14px 16px!important}.mc-card-actions>div{flex-flow:wrap!important;gap:10px!important;width:100%!important}.mc-btn-primary,.mc-btn-ghost{flex:1;min-width:120px}}@media (width<=480px){.mc-stats{grid-template-columns:1fr}.mc-card-actions>div{flex-direction:column!important}.mc-btn-primary,.mc-btn-ghost{width:100%}}.lc-page{font-family:var(--font-poppins,"Poppins", sans-serif);background-color:var(--bg-app);color:var(--text-primary);padding:var(--page-padding,28px 28px 40px);box-sizing:border-box;width:100%;min-height:100%;transition:padding .3s;animation:.3s both lc-fadeUp;overflow:hidden auto}@keyframes lc-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lc-header{margin-bottom:var(--page-header-mb,20px);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lc-header-title{font-family:var(--page-title-font,"Montserrat", sans-serif);font-size:var(--page-title-size,18px);font-weight:var(--page-title-weight,700);color:var(--text-primary);letter-spacing:var(--page-title-letter-spacing,-.2px);margin:0}.lc-header-sub{font-family:var(--page-sub-font,"Poppins", sans-serif);font-size:var(--page-sub-size,13.5px);font-weight:var(--page-sub-weight,400);color:var(--text-secondary);line-height:var(--page-sub-line-height,1.45);margin:4px 0 0}.lc-hw-btn{background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border-color);cursor:pointer;white-space:nowrap;border-radius:50px;align-items:center;gap:7px;padding:9px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 4px #0000000f}.lc-hw-btn:hover{color:#003833;background:var(--bg-neutral-light);border-color:#003833}[data-theme=dark] .lc-hw-btn:hover{color:#34d399;border-color:#34d399}.lc-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.lc-tab-group{background:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:50px;gap:2px;padding:3px;display:flex}.lc-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50px;padding:7px 20px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:600;transition:all .18s}.lc-tab.lc-tab-active{color:#fff;background:#003833;box-shadow:0 2px 8px #00383340}[data-theme=dark] .lc-tab.lc-tab-active{color:#003833;background:#34d399}.lc-tab:not(.lc-tab-active):hover{color:var(--text-primary);background:var(--bg-card)}.lc-filter-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.lc-chip{background:var(--bg-card);border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:50px;padding:5px 16px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;transition:all .15s}.lc-chip:hover{color:#003833;border-color:#003833}.lc-chip.lc-chip-active{color:#fff;background:#003833;border-color:#003833}[data-theme=dark] .lc-chip.lc-chip-active{color:#003833;background:#34d399;border-color:#34d399}.lc-card-list{flex-direction:column;gap:16px;display:flex}.lc-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:20px 22px;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.lc-card:hover{box-shadow:0 6px 20px #00000014}.lc-card.lc-card-live{border-left:4px solid #ef4444}.lc-card.lc-card-upcoming{border-left:4px solid #e7aa39}.lc-card.lc-card-ended{border-left:4px solid var(--border-color)}.lc-card-body{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lc-card-main{flex:1;min-width:0}.lc-card-aside{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.lc-instructor-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:56px;height:56px}.lc-instructor-name{color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.3px;max-width:72px;font-size:10px;font-weight:600;line-height:1.3}.lc-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.lc-subject-tag{text-transform:uppercase;letter-spacing:.4px;border-radius:50px;align-items:center;gap:4px;padding:2px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.lc-subject-polity{color:#4f46e5;background:#eef2ff}.lc-subject-history{color:#c2410c;background:#fff7ed}.lc-subject-geography{color:#15803d;background:#f0fdf4}.lc-subject-math{color:#1d4ed8;background:#eff6ff}.lc-subject-economy{color:#7e22ce;background:#fdf4ff}.lc-subject-science{color:#047857;background:#ecfdf5}.lc-subject-english{color:#92400e;background:#fef9c3}.lc-subject-default{background:var(--bg-neutral-light);color:var(--text-secondary)}[data-theme=dark] .lc-subject-polity{color:#818cf8;background:#1e1b4b}[data-theme=dark] .lc-subject-history{color:#fb923c;background:#431407}[data-theme=dark] .lc-subject-geography{color:#4ade80;background:#052e16}[data-theme=dark] .lc-subject-math{color:#60a5fa;background:#1e3a8a}[data-theme=dark] .lc-subject-economy{color:#d8b4fe;background:#3b0764}[data-theme=dark] .lc-subject-english{color:#fde047;background:#422006}.lc-card-course{color:var(--text-muted);font-size:11.5px;font-weight:500}.lc-card-title{color:var(--text-primary);margin:0 0 6px;font-size:1.05rem;font-weight:700;line-height:1.35}.lc-card-info-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:8px;display:flex}.lc-info-chip{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.lc-tz-badge{color:#1d4ed8;vertical-align:middle;background:#dbeafe;border-radius:4px;margin-left:3px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}[data-theme=dark] .lc-tz-badge{color:#93c5fd;background:#1e3a8a}.lc-instructor-row{align-items:center;gap:8px;margin-bottom:14px;display:flex}.lc-instructor-label{color:var(--text-primary);font-size:13px;font-weight:600}.lc-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.lc-badge-live{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;animation:2s infinite lc-pulse}.lc-badge-confirmed,.lc-badge-attended{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.lc-badge-ended{background:var(--bg-neutral-light);color:var(--text-muted);border:1px solid var(--border-color)}[data-theme=dark] .lc-badge-live{color:#f87171;background:#450a0a;border-color:#7f1d1d}[data-theme=dark] .lc-badge-confirmed,[data-theme=dark] .lc-badge-attended{color:#4ade80;background:#052e16;border-color:#065f46}.lc-pts-badge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:50px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}[data-theme=dark] .lc-pts-badge{color:#fde047;background:#422006;border-color:#78350f}@keyframes lc-pulse{0%,to{opacity:1}50%{opacity:.7}}.lc-live-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite lc-blink;display:inline-block}@keyframes lc-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.lc-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.lc-btn-join{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:10px 22px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex}.lc-btn-join:hover{background:#003833;transform:translateY(-1px);box-shadow:0 4px 14px #0000004d}[data-theme=dark] .lc-btn-join{color:#0f172a;background:#f1f5f9}[data-theme=dark] .lc-btn-join:hover{color:#003833;background:#34d399}.lc-btn-recording{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:9px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.lc-btn-recording:hover{background:#003833;transform:translateY(-1px)}[data-theme=dark] .lc-btn-recording{color:#f1f5f9;background:#1e293b}[data-theme=dark] .lc-btn-recording:hover{color:#003833;background:#34d399}.lc-btn-ghost{color:var(--text-primary);border:1.5px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.lc-btn-ghost:hover{color:#003833;background:var(--bg-neutral-light);border-color:#003833}[data-theme=dark] .lc-btn-ghost:hover{color:#34d399;border-color:#34d399}.lc-btn-reschedule{color:#b45309;cursor:pointer;background:0 0;border:1.5px solid #fde68a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.lc-btn-reschedule:hover{background:#fffbeb;border-color:#f59e0b}[data-theme=dark] .lc-btn-reschedule{color:#fbbf24;border-color:#78350f}[data-theme=dark] .lc-btn-reschedule:hover{background:#422006}.lc-upcoming-actions{gap:10px;margin-top:4px;display:flex}.lc-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:48px 20px}.lc-empty-icon{color:var(--text-muted);margin:0 auto 16px;display:block}.lc-empty-title{color:var(--text-primary);margin:0 0 6px;font-size:1.1rem;font-weight:700}.lc-empty-sub{color:var(--text-secondary);margin:0;font-size:13px}.lc-card-divider{background:var(--border-color);height:1px;margin:14px 0}.lc-countdown{color:var(--text-secondary);background:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:50px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;display:inline-flex}.lc-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.2s lc-backdropIn;display:flex;position:fixed;inset:0}@keyframes lc-backdropIn{0%{opacity:0}to{opacity:1}}.lc-modal{background:var(--bg-card);border-radius:18px;width:100%;max-width:520px;padding:32px 36px 28px;animation:.25s cubic-bezier(.34,1.56,.64,1) lc-modalIn;position:relative;box-shadow:0 24px 60px #00000040}@keyframes lc-modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.lc-modal-close{background:var(--bg-neutral-light);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.lc-modal-close:hover{background:var(--border-color);color:var(--text-primary)}.lc-review-emoji-top{text-align:center;margin-bottom:10px;font-size:2.8rem}.lc-review-eyebrow{letter-spacing:.8px;text-transform:uppercase;color:#e7aa39;text-align:center;margin-bottom:8px;font-size:11px;font-weight:700}.lc-review-title{color:var(--text-primary);text-align:center;margin:0 0 4px;font-size:1.55rem;font-weight:800;line-height:1.25}.lc-review-title span{color:#e7aa39}.lc-review-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 24px;font-size:13px}.lc-rating-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.lc-rating-card{border:2px solid var(--border-color);background:var(--bg-card);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;transition:all .18s;display:flex}.lc-rating-card:hover{border-color:#e7aa39;transform:translateY(-2px);box-shadow:0 4px 12px #e7aa3926}.lc-rating-card.lc-rating-selected{background:#fffbeb;border-color:#e7aa39;box-shadow:0 4px 14px #e7aa3933}[data-theme=dark] .lc-rating-card.lc-rating-selected{background:#422006}.lc-rating-emoji{font-size:2rem}.lc-rating-label{color:var(--text-primary);margin:0;font-size:12px;font-weight:700}.lc-rating-sublabel{color:var(--text-muted);margin:0;font-size:10.5px}.lc-review-note{color:var(--text-muted);text-align:center;margin:0 0 20px;font-size:12px}.lc-review-submit-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:13px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;transition:all .15s;display:flex}.lc-review-submit-btn:hover{background:#003833;transform:translateY(-1px)}.lc-review-submit-btn:disabled{background:var(--bg-neutral-light);color:var(--text-muted);cursor:not-allowed;transform:none}[data-theme=dark] .lc-review-submit-btn{color:#0f172a;background:#f1f5f9}[data-theme=dark] .lc-review-submit-btn:hover{color:#003833;background:#34d399}.lc-feedback-eyebrow{letter-spacing:.8px;text-transform:uppercase;color:#e7aa39;margin-bottom:6px;font-size:11px;font-weight:700}.lc-feedback-title{color:var(--text-primary);margin:0 0 4px;font-size:1.6rem;font-weight:800}.lc-feedback-sub{color:var(--text-secondary);margin:0 0 20px;font-size:12.5px;line-height:1.5}.lc-feedback-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.lc-feedback-option-full{grid-column:1/-1}.lc-feedback-option{border:1.5px solid var(--border-color);background:var(--bg-card);cursor:pointer;color:var(--text-primary);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.lc-feedback-option:hover,.lc-feedback-option.lc-opt-selected{background:var(--bg-neutral-light);border-color:#003833}[data-theme=dark] .lc-feedback-option.lc-opt-selected{border-color:#34d399}.lc-feedback-radio{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:border-color .15s;display:flex}.lc-feedback-option.lc-opt-selected .lc-feedback-radio{box-shadow:inset 0 0 0 3px var(--bg-card);background:#003833;border-color:#003833}[data-theme=dark] .lc-feedback-option.lc-opt-selected .lc-feedback-radio{background:#34d399;border-color:#34d399}.lc-onus-card{background:#f0fdf4;border:1.5px solid #34d399;border-radius:10px;margin:14px 0;padding:14px 16px}[data-theme=dark] .lc-onus-card{background:#052e16;border-color:#065f46}.lc-onus-label{letter-spacing:.8px;text-transform:uppercase;color:#059669;margin-bottom:4px;font-size:10px;font-weight:800}[data-theme=dark] .lc-onus-label{color:#34d399}.lc-onus-title{color:var(--text-primary);margin:0 0 3px;font-size:14px;font-weight:700}.lc-onus-sub{color:var(--text-secondary);margin:0;font-size:12px}.lc-feedback-footer{align-items:center;gap:12px;margin-top:4px;display:flex}.lc-skip-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:10px;font-size:14px;font-weight:600;transition:color .15s}.lc-skip-btn:hover{color:var(--text-primary)}.lc-send-btn{color:#fff;cursor:pointer;background:#4b5563;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;transition:all .15s;display:flex}.lc-send-btn:hover,.lc-send-btn.lc-send-active{background:#003833}[data-theme=dark] .lc-send-btn{background:#374151}[data-theme=dark] .lc-send-btn:hover,[data-theme=dark] .lc-send-btn.lc-send-active{color:#003833;background:#34d399}.lc-info-modal{background:var(--bg-card);border-radius:16px;width:100%;max-width:480px;padding:28px 32px 24px;animation:.22s cubic-bezier(.34,1.56,.64,1) lc-modalIn;position:relative;box-shadow:0 20px 50px #00000040}.lc-info-modal-title{color:var(--text-primary);margin:0 0 4px;font-size:1.25rem;font-weight:700}.lc-info-modal-sub{color:var(--text-secondary);margin:0 0 20px;font-size:13px}.lc-resource-item{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.lc-resource-item:last-child{margin-bottom:0}.lc-resource-item:hover{background:var(--bg-neutral-light);border-color:#003833}.lc-resource-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.lc-resource-name{color:var(--text-primary);font-size:13px;font-weight:600}.lc-resource-meta{color:var(--text-muted);margin-top:1px;font-size:11px}.lc-resource-dl{border:1px solid var(--border-color);background:var(--bg-app);width:32px;height:32px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .15s;display:flex}.lc-resource-item:hover .lc-resource-dl{color:#003833;background:var(--bg-neutral-light);border-color:#003833}.lc-live-hero{background:linear-gradient(135deg,#002c28 0%,#003833 50%,#005c52 100%);border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0038334d}.lc-live-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 80%,#e7aa391a 0%,#0000 60%);position:absolute;inset:0}.lc-live-hero-content{flex:1;min-width:0}.lc-hero-breadcrumb{color:#ffffff8c;letter-spacing:.3px;align-items:center;gap:6px;margin:0 0 8px;font-size:11.5px;font-weight:500;display:flex}.lc-hero-breadcrumb span{color:#fff6}.lc-hero-live-pill{text-transform:uppercase;letter-spacing:1px;color:#fff;background:#ef4444;border-radius:50px;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;animation:1.5s infinite lc-pulse;display:inline-flex}.lc-hero-live-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite lc-pulse}.lc-hero-title{color:#fff;letter-spacing:-.3px;margin:0 0 8px;font-size:1.35rem;font-weight:800;line-height:1.3}.lc-hero-meta{color:#ffffffa6;flex-wrap:wrap;align-items:center;gap:14px;font-size:12.5px;display:flex}.lc-hero-meta-chip{align-items:center;gap:5px;display:flex}.lc-hero-join-btn{background:var(--color-brand-accent);color:#000;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:13px 26px;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;transition:all .2s;animation:2s infinite lc-pulse;display:inline-flex;box-shadow:0 4px 14px #e7aa394d}.lc-hero-join-btn:hover{background:#f0bc4a;transform:scale(1.04);box-shadow:0 6px 20px #e7aa3980}.lc-hero-instructor{align-items:center;gap:8px;margin-top:12px;display:flex}.lc-hero-avatar{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;width:32px;height:32px}.lc-hero-inst-name{color:#fffc;font-size:12.5px;font-weight:600}.lc-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:0;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:600;transition:color .15s;display:inline-flex}.lc-back-btn:hover{color:#003833}[data-theme=dark] .lc-back-btn:hover{color:#34d399}.lc-course-banner{background:var(--bg-neutral-light);border:1.5px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;animation:.3s both lc-fadeUp;display:flex}.lc-course-banner-info{flex-direction:column;gap:4px;display:flex}.lc-course-tag{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:#003833;border-radius:4px;align-self:flex-start;padding:2px 8px;font-size:10px;font-weight:700}[data-theme=dark] .lc-course-tag{color:#003833;background:#34d399}.lc-course-title-text{color:var(--text-primary);margin:2px 0 0;font-size:1.15rem;font-weight:700}.lc-course-instructor-text{color:var(--text-secondary);margin:0;font-size:12px}.lc-clear-filter-btn{color:#fff;cursor:pointer;background:#003833;border:none;border-radius:8px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;transition:all .15s}.lc-clear-filter-btn:hover{background:#005c52}[data-theme=dark] .lc-clear-filter-btn{color:#003833;background:#34d399}[data-theme=dark] .lc-clear-filter-btn:hover{background:#2cc08a}@media (width<=768px){.lc-page{padding:16px 14px 30px}.lc-header-title{font-size:1.4rem}.lc-top-bar{flex-direction:column;align-items:stretch;gap:10px}.lc-tab-group{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding:3px;overflow-x:auto}.lc-tab{flex-shrink:0;padding:6px 14px;font-size:12px}.lc-hw-btn{justify-content:center;width:100%}.lc-card{padding:16px}.lc-card-body{flex-direction:column;align-items:stretch}.lc-card-aside{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;margin-bottom:12px}.lc-instructor-avatar{width:44px;height:44px}.lc-instructor-name{text-align:left;max-width:none;font-size:11px}.lc-actions{flex-direction:column;align-items:stretch;width:100%}.lc-btn-join,.lc-btn-recording,.lc-btn-ghost,.lc-btn-reschedule{justify-content:center;width:100%;min-width:0}.lc-live-hero{flex-direction:column;align-items:stretch;padding:18px 20px}.lc-hero-join-btn{justify-content:center;width:100%}.lc-modal{max-width:calc(100vw - 24px);margin:12px;padding:24px 20px}.lc-rating-grid{grid-template-columns:repeat(2,1fr)}.lc-feedback-options{grid-template-columns:1fr}}.lp-container{background-color:var(--bg-app);height:100vh;color:var(--text-primary);flex-direction:column;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.lp-header-bar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.lp-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lp-back-btn{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.lp-back-btn:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}[data-theme=dark] .lp-back-btn:hover{color:#f87171;background-color:#450a0a;border-color:#991b1b}.lp-breadcrumbs{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.lp-divider{color:var(--border-color)}.lp-crumb{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.lp-title{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:1.15rem;font-weight:700}.lp-header-right{align-items:center;gap:12px;display:flex}.lp-live-badge-wrap{color:#dc2626;letter-spacing:.5px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:50px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;animation:2s infinite lp-pulse;display:inline-flex}[data-theme=dark] .lp-live-badge-wrap{color:#f87171;background-color:#450a0a;border-color:#7f1d1d}.lp-live-dot{background-color:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.2s infinite lp-blink;display:inline-block}[data-theme=dark] .lp-live-dot{background-color:#f87171}@keyframes lp-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.8}}.lp-viewer-badge{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:50px;align-items:center;gap:6px;padding:4px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.lp-workspace{flex:1;display:flex;overflow:hidden}.lp-video-section{flex-direction:column;flex:3;gap:20px;padding:20px;display:flex;overflow-y:auto}.lp-video-wrapper{aspect-ratio:16/9;border:1px solid var(--border-color);background-color:#090d16;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.lp-video-element{object-fit:contain;width:100%;height:100%}.lp-video-placeholder{background:radial-gradient(circle,#0f172a 0%,#020617 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex}.lp-avatar-ring{background:linear-gradient(135deg,#003833 0%,#008f80 100%);border-radius:50%;padding:4px;box-shadow:0 8px 24px #00383366}.lp-placeholder-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100px;height:100px}.lp-placeholder-text{color:#94a3b8;font-size:14px;font-weight:600}.lp-video-watermark{color:#ffffff14;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;letter-spacing:2px;z-index:8;text-transform:uppercase;text-shadow:1px 1px 2px #0006;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.lp-video-overlays{pointer-events:none;flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:absolute;inset:0}.lp-overlay-inst-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background-color:#000000a6;border:1px solid #ffffff1a;border-radius:6px;align-self:flex-start;padding:4px 12px;font-size:12.5px;font-weight:600}.lp-overlay-hand-raised{color:#000;background-color:#e7aa39;border-radius:50px;align-self:flex-end;align-items:center;gap:6px;margin-top:auto;padding:6px 14px;font-size:12px;font-weight:700;animation:.25s both lp-fadeUp;display:inline-flex;box-shadow:0 4px 12px #e7aa394d}.lp-sdk-toolbar{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;box-shadow:0 2px 8px #00000008}.lp-tool-group{align-items:center;gap:12px;display:flex}.lp-tool-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:6px 14px;font-family:Outfit,sans-serif;transition:all .15s;display:flex}.lp-tool-btn:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.lp-tool-btn svg{color:var(--text-primary)}.lp-tool-btn span{text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.lp-tool-btn.lp-btn-muted{color:#dc2626;background-color:#fee2e2}.lp-tool-btn.lp-btn-muted svg{color:#dc2626}[data-theme=dark] .lp-tool-btn.lp-btn-muted{color:#f87171;background-color:#450a0a}[data-theme=dark] .lp-tool-btn.lp-btn-muted svg{color:#f87171}.lp-tool-btn.lp-btn-active{color:#fff;background-color:#003833}.lp-tool-btn.lp-btn-active svg{color:#fff}[data-theme=dark] .lp-tool-btn.lp-btn-active{color:#003833;background-color:#34d399}[data-theme=dark] .lp-tool-btn.lp-btn-active svg{color:#003833}.lp-btn-leave{color:#dc2626;background-color:#fee2e2;border:1px solid #fca5a5}.lp-btn-leave svg{color:#dc2626}.lp-btn-leave:hover{color:#fff;background-color:#dc2626;border-color:#dc2626}.lp-btn-leave:hover svg{color:#fff}[data-theme=dark] .lp-btn-leave{color:#f87171;background-color:#450a0a;border-color:#7f1d1d}[data-theme=dark] .lp-btn-leave svg{color:#f87171}[data-theme=dark] .lp-btn-leave:hover{color:#fff;background-color:#ef4444;border-color:#ef4444}[data-theme=dark] .lp-btn-leave:hover svg{color:#fff}.lp-instructor-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.lp-inst-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.lp-inst-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:48px;height:48px}.lp-inst-name{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.lp-inst-role{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.lp-inst-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.lp-sidebar{background-color:var(--bg-card);border-left:1px solid var(--border-color);flex-direction:column;flex:1;display:flex;overflow:hidden}.lp-sidebar-tabs{border-bottom:1px solid var(--border-color);background-color:var(--bg-neutral-light);display:flex}.lp-sidebar-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 6px;font-family:Outfit,sans-serif;transition:all .15s;display:flex}.lp-sidebar-tab:hover{color:var(--text-primary);background-color:var(--bg-card)}.lp-sidebar-tab.active{color:#003833;background-color:var(--bg-card);border-bottom-color:#003833}[data-theme=dark] .lp-sidebar-tab.active{color:#34d399;border-bottom-color:#34d399}.lp-sidebar-tab span{font-size:11px;font-weight:600}.lp-sidebar-content{flex:1;padding:16px;overflow-y:auto}.lp-chat-container{flex-direction:column;height:100%;display:flex}.lp-chat-messages{flex-direction:column;flex:1;gap:12px;max-height:calc(100vh - 210px);margin-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.lp-chat-bubble{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:10px;align-self:flex-start;max-width:90%;padding:10px 12px}.lp-bubble-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.lp-bubble-sender{color:var(--text-primary);font-size:11px;font-weight:700}.lp-bubble-time{color:var(--text-muted);font-size:10px}.lp-bubble-text{color:var(--text-secondary);word-break:break-word;margin:0;font-size:12.5px;line-height:1.4}.lp-chat-bubble.lp-bubble-self{background-color:#eef2ff;border-color:#c7d2fe;align-self:flex-end}.lp-chat-bubble.lp-bubble-self .lp-bubble-sender{color:#4f46e5}[data-theme=dark] .lp-chat-bubble.lp-bubble-self{background-color:#1e1b4b;border-color:#312e81}[data-theme=dark] .lp-chat-bubble.lp-bubble-self .lp-bubble-sender{color:#818cf8}.lp-chat-bubble.lp-bubble-inst{background-color:#ecfdf5;border-color:#a7f3d0}.lp-chat-bubble.lp-bubble-inst .lp-bubble-sender{color:#059669}[data-theme=dark] .lp-chat-bubble.lp-bubble-inst{background-color:#064e3b;border-color:#065f46}[data-theme=dark] .lp-chat-bubble.lp-bubble-inst .lp-bubble-sender{color:#34d399}.lp-chat-form{border-top:1px solid var(--border-color);gap:8px;padding-top:12px;display:flex}.lp-chat-input{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;flex:1;padding:8px 12px;font-family:Outfit,sans-serif;font-size:13px}.lp-chat-input:focus{border-color:#003833;outline:none}.lp-chat-send-btn{color:#fff;cursor:pointer;background-color:#003833;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .15s;display:flex}.lp-chat-send-btn:hover{background-color:#005c52}[data-theme=dark] .lp-chat-send-btn{color:#003833;background-color:#34d399}[data-theme=dark] .lp-chat-send-btn:hover{background-color:#059669}.lp-qa-container{flex-direction:column;height:100%;display:flex}.lp-qa-form{margin-bottom:16px}.lp-qa-textarea{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:none;box-sizing:border-box;border-radius:8px;padding:8px 12px;font-family:Outfit,sans-serif;font-size:13px}.lp-qa-textarea:focus{border-color:#003833;outline:none}.lp-qa-submit-btn{color:#fff;cursor:pointer;background-color:#003833;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:10px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;transition:background-color .15s;display:flex}.lp-qa-submit-btn:hover{background-color:#005c52}[data-theme=dark] .lp-qa-submit-btn{color:#003833;background-color:#34d399}[data-theme=dark] .lp-qa-submit-btn:hover{background-color:#059669}.lp-qa-list{flex-direction:column;gap:12px;max-height:calc(100vh - 350px);display:flex;overflow-y:auto}.lp-qa-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.lp-qa-card-header{justify-content:space-between;align-items:center;display:flex}.lp-qa-student{color:var(--text-primary);font-size:11px;font-weight:700}.lp-qa-upvote-btn{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:10.5px;font-weight:700;transition:all .15s}.lp-qa-upvote-btn:hover{color:#003833;border-color:#003833}.lp-qa-upvote-btn.voted{color:#c2410c;background-color:#fff7ed;border-color:#f97316}[data-theme=dark] .lp-qa-upvote-btn.voted{color:#fdba74;background-color:#431407;border-color:#b45309}.lp-qa-question{color:var(--text-primary);margin:0;font-size:13px;font-weight:600;line-height:1.4}.lp-qa-answer{background-color:var(--bg-neutral-light);color:var(--text-secondary);border-left:3px solid #003833;border-radius:0 6px 6px 0;padding:8px 10px;font-size:12px;line-height:1.4}[data-theme=dark] .lp-qa-answer{border-left-color:#34d399}.lp-qa-unanswered{color:var(--text-muted);font-size:11px;font-style:italic}.lp-resources-container{flex-direction:column;gap:12px;display:flex}.lp-res-header{color:var(--text-muted);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}.lp-res-item{border:1px solid var(--border-color);background-color:var(--bg-neutral-light);border-radius:10px;align-items:center;gap:10px;padding:12px;transition:all .15s;display:flex}.lp-res-item:hover{border-color:#003833}.lp-res-icon{color:#4f46e5;background-color:#eef2ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-theme=dark] .lp-res-icon{color:#818cf8;background-color:#1e1b4b}.lp-res-info{flex:1;min-width:0}.lp-res-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;font-weight:600;overflow:hidden}.lp-res-meta{color:var(--text-muted);font-size:11px}.lp-res-dl-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.lp-res-dl-btn:hover{color:#003833;border-color:#003833}.lp-polls-container{flex-direction:column;display:flex}.lp-poll-card{border:1px solid var(--border-color);background-color:var(--bg-neutral-light);border-radius:12px;padding:16px}.lp-poll-badge{color:#c2410c;text-transform:uppercase;background-color:#ffedd5;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}[data-theme=dark] .lp-poll-badge{color:#fb923c;background-color:#431407}.lp-poll-question{color:var(--text-primary);margin:0 0 16px;font-size:13.5px;font-weight:700;line-height:1.4}.lp-poll-options{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.lp-poll-opt-btn{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;align-items:stretch;padding:10px 12px;font-family:Outfit,sans-serif;transition:all .15s;display:flex;position:relative;overflow:hidden}.lp-poll-opt-btn:not(.disabled):hover{border-color:#003833;transform:translateY(-1px)}.lp-poll-opt-text{color:var(--text-primary);z-index:2;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;display:flex}.lp-vote-check{color:#059669;font-weight:800}[data-theme=dark] .lp-vote-check{color:#34d399}.lp-poll-results-bar{background-color:var(--bg-neutral-light);box-sizing:border-box;border-radius:4px;justify-content:space-between;align-items:center;height:18px;margin-top:6px;padding:0 6px;display:flex;position:relative;overflow:hidden}.lp-results-fill{z-index:1;background-color:#00383326;border-radius:4px 0 0 4px;position:absolute;top:0;bottom:0;left:0}[data-theme=dark] .lp-results-fill{background-color:#34d39926}.lp-results-pct{color:var(--text-secondary);z-index:2;margin-left:auto;font-size:10px;font-weight:700}.lp-poll-opt-btn.voted{background-color:var(--bg-card);border-color:#003833}[data-theme=dark] .lp-poll-opt-btn.voted{border-color:#34d399}.lp-poll-total{color:var(--text-muted);text-align:center;font-size:11px;display:block}@media (width<=960px){.lp-workspace{flex-direction:column;overflow-y:auto}.lp-video-section{flex:none;overflow-y:visible}.lp-sidebar{border-left:none;border-top:1px solid var(--border-color);flex:none;height:480px}}.lp-screen-share-placeholder{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.lp-screen-share-img{object-fit:contain;width:100%;height:100%}.lp-overlay-screen-tag{color:#fff;z-index:5;background-color:#10b981e6;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #10b98133}.lp-fullscreen-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.lp-fullscreen-btn:hover{background-color:#000000d9;border-color:#ffffff80;transform:scale(1.08)}.lp-participants-container{flex-direction:column;gap:12px;display:flex}.lp-participants-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lp-participants-count{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.lp-participant-row{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .15s;display:flex;position:relative}.lp-participant-row:hover{border-color:var(--status-success)}.lp-participant-info{align-items:center;gap:10px;min-width:0;display:flex}.lp-participant-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px}.lp-participant-details{flex-direction:column;min-width:0;display:flex}.lp-participant-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.lp-participant-role-badge{text-transform:uppercase;border-radius:4px;align-self:flex-start;margin-top:2px;padding:1px 5px;font-size:9px;font-weight:700}.lp-role-instructor{color:#059669;background-color:#ecfdf5;border:1px solid #05966933}[data-theme=dark] .lp-role-instructor{color:#34d399;background-color:#064e3b;border-color:#34d39933}.lp-role-student{color:#4b5563;background-color:#f3f4f6;border:1px solid #4b556333}[data-theme=dark] .lp-role-student{color:#9ca3af;background-color:#1f2937;border-color:#9ca3af33}.lp-participant-controls{align-items:center;gap:6px;display:flex}.lp-part-control-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.lp-part-control-btn:hover{background-color:var(--bg-neutral-light);color:var(--text-primary);border-color:var(--status-success)}.lp-part-control-btn.muted{color:#dc2626;background-color:#fee2e2;border-color:#dc262633}[data-theme=dark] .lp-part-control-btn.muted{color:#f87171;background-color:#450a0a;border-color:#f8717133}.lp-part-control-btn.hand-raised{color:#ea580c;background-color:#fff7ed;border-color:#ea580c33;animation:2s infinite lp-pulse}[data-theme=dark] .lp-part-control-btn.hand-raised{color:#fdba74;background-color:#431407;border-color:#fdba7433}.lp-dropdown-menu{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);z-index:100;border-radius:8px;flex-direction:column;min-width:140px;padding:6px 0;display:flex;position:absolute;top:38px;right:12px}.lp-dropdown-item{text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-family:inherit;font-size:12px;transition:background-color .15s}.lp-dropdown-item:hover{background-color:var(--bg-neutral-light);color:var(--status-success)}.lp-dropdown-item.danger-action{color:#ef4444}.lp-dropdown-item.danger-action:hover{background-color:#fef2f2}[data-theme=dark] .lp-dropdown-item.danger-action:hover{color:#f87171;background-color:#450a0a}@media (width<=960px){.lp-container{height:auto;min-height:100vh;overflow:visible}}.lp-main-content-override{flex-direction:column;height:100vh;display:flex;overflow:hidden}.lp-routes-wrapper{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}@media (width<=960px){.lp-main-content-override,.lp-routes-wrapper{height:auto;overflow:visible}}.lp-sidebar-toggle-overlay-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.lp-sidebar-toggle-overlay-btn:hover{background-color:#000000d9;border-color:#ffffff80;transform:scale(1.08)}.lp-workspace:fullscreen{box-sizing:border-box;flex-direction:row;width:100vw;height:100vh;padding:12px;display:flex;background-color:var(--bg-app)!important}.lp-workspace:fullscreen .lp-video-section{flex-direction:column;height:100%;padding:0 12px 0 0;display:flex;overflow:hidden}.lp-workspace:fullscreen .lp-video-wrapper{aspect-ratio:auto;background-color:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.lp-workspace:fullscreen .lp-video-element{object-fit:contain;max-width:100%;height:100%;max-height:100%}.lp-workspace:fullscreen .lp-sidebar{border:1px solid var(--border-color);border-radius:12px;height:100%}.lp-workspace:fullscreen .lp-instructor-section{display:none}.lp-sidebar-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;justify-content:center;align-items:center;width:40px;transition:all .15s;display:flex}.lp-sidebar-close-btn:hover{color:#ef4444;background-color:#ef44440d}.lp-watermark-overlay{z-index:25;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffd9;letter-spacing:.5px;background:#00000073;border:1px solid #ffffff26;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600;animation:8s ease-in-out infinite lp-watermark-flash;position:absolute;top:15px;right:20px}@keyframes lp-watermark-flash{0%,to{opacity:.25;transform:scale(.98)}25%{opacity:.85;transform:scale(1.02)}50%{opacity:.15;transform:scale(.97)}75%{opacity:.75;transform:scale(1.01)}}.lp-chat-badge-teacher{color:#fff;vertical-align:middle;letter-spacing:.4px;text-transform:uppercase;background-color:#003833;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.lp-participant-speaking{animation:1.2s ease-in-out infinite lp-speaking-pulse;box-shadow:0 0 0 3px #10b981,0 0 12px #10b98180!important}@keyframes lp-speaking-pulse{0%,to{box-shadow:0 0 0 2px #10b981,0 0 8px #10b98166}50%{box-shadow:0 0 0 4px #10b981,0 0 16px #10b981b3}}.lp-mic-indicator-active{color:#10b981!important;background-color:#10b98126!important}.lp-modal-theme{background-color:var(--bg-card,#fff);color:var(--text-primary,#1e293b);border:1px solid var(--border-color,#e2e8f0)}[data-theme=dark] .lp-modal-theme{color:#f8fafc;background-color:#1e293b;border-color:#334155}.lp-notes-scroll-area{flex:auto;max-height:calc(100vh - 280px);padding-right:6px;overflow-y:auto}.lbn-floating-bar-container{z-index:1000;pointer-events:auto;flex-direction:column;align-items:center;font-family:Outfit,sans-serif;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.lbn-floating-bar{-webkit-backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #ffffff1f;border-radius:40px;align-items:center;gap:6px;padding:8px 16px;transition:all .25s;display:flex;box-shadow:0 12px 36px #0009,inset 0 1px #ffffff26}.lbn-floating-bar:hover{border-color:#fff3;box-shadow:0 16px 44px #000000b3}.lbn-nav-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:20px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:66px;padding:8px 12px;font-family:Outfit,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.lbn-nav-item:hover{color:#f8fafc;background:#ffffff14;transform:translateY(-2px)}.lbn-nav-item:active{transform:translateY(0)scale(.96)}.lbn-icon-wrapper{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.lbn-label{letter-spacing:.2px;white-space:nowrap;font-size:10.5px;font-weight:600}.lbn-nav-indicator{background:#6366f1;border-radius:0 0 3px 3px;width:18px;height:3px;animation:.2s cubic-bezier(.16,1,.3,1) lbn-indicator-in;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #6366f1}@keyframes lbn-indicator-in{0%{opacity:0;width:0}to{opacity:1;width:18px}}.lbn-nav-active{font-weight:700;box-shadow:inset 0 0 12px #6366f140;color:#818cf8!important;background:#6366f12e!important}.lbn-nav-active .lbn-label{color:#a5b4fc}.lbn-nav-off{color:#ef4444!important;background:#ef444426!important}.lbn-nav-off:hover{background:#ef444440!important}.lbn-nav-off .lbn-label{color:#fca5a5}.lbn-nav-warning{animation:1.8s ease-in-out infinite lbn-pulse-orange;box-shadow:0 0 12px #f59e0b4d;color:#f59e0b!important;background:#f59e0b33!important}.lbn-nav-warning .lbn-label{color:#fde68a}@keyframes lbn-pulse-orange{0%,to{box-shadow:0 0 8px #f59e0b33}50%{box-shadow:0 0 16px #f59e0b80}}.lbn-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:1px 5px;font-size:10px;font-weight:800;line-height:1;animation:2s cubic-bezier(.4,0,.2,1) infinite lbn-badge-pulse;display:flex;position:absolute;top:-6px;right:-8px;box-shadow:0 2px 6px #ef444480}.lbn-badge-dot{background:#6366f1;border-radius:50%;width:8px;height:8px;animation:2s infinite lbn-badge-pulse;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px #6366f1}@keyframes lbn-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.lbn-more-overlay{z-index:1001;pointer-events:auto;margin-bottom:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.lbn-more-popup{-webkit-backdrop-filter:blur(16px);transform-origin:bottom;background:#1e293b;border:1px solid #334155;border-radius:16px;min-width:230px;padding:14px;animation:.22s cubic-bezier(.16,1,.3,1) forwards lbn-pop-in;box-shadow:0 20px 40px #0009}@keyframes lbn-pop-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.lbn-more-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.lbn-more-title{color:#f8fafc;font-size:13px;font-weight:700}.lbn-more-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.lbn-more-close:hover{color:#f8fafc}.lbn-more-list{flex-direction:column;gap:6px;display:flex}.lbn-more-item{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.lbn-more-item:hover{color:#fff;background:#6366f1;border-color:#6366f1;transform:translate(2px)}.lbn-more-item-left{align-items:center;gap:10px;display:flex}.lbn-more-icon{justify-content:center;align-items:center;display:flex}.lsb-sidebar-panel{will-change:transform, width, opacity;box-shadow:-8px 0 24px #0006;transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1),opacity .25s!important}.lsb-sidebar-closed{margin-right:-1px;opacity:0!important;pointer-events:none!important;width:0!important;min-width:0!important;overflow:hidden!important;transform:translate(100%)!important}.lsb-sidebar-open{opacity:1!important;pointer-events:auto!important;width:360px!important;min-width:360px!important;transform:translate(0)!important}@media (width<=768px){.lbn-floating-bar-container{width:94%;bottom:12px}.lbn-floating-bar{justify-content:space-around;gap:2px;width:100%;padding:6px 8px}.lbn-nav-item{flex:1;min-width:auto;padding:6px 8px}.lbn-label{font-size:9.5px}.lsb-sidebar-open{z-index:900;position:absolute;top:0;bottom:0;right:0;width:100%!important;min-width:100%!important}}.ldt-whiteboard video,.ldt-video-wrap video,.lvp-video-container video,.ldt-left-col video,video{image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;backface-visibility:hidden!important;will-change:transform!important;transform:translateZ(0)!important}@keyframes ldt-rec-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.85)}}*,:before,:after{box-sizing:border-box}.ldt-root,.ldt-app{color:#e2e8f0;z-index:9999;box-sizing:border-box;background:#111827;flex-direction:column;width:100vw;max-width:100vw;height:100vh;max-height:100vh;font-family:Outfit,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.ldt-header-new{z-index:50;color:#e2e8f0;background:#0b1120;border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;min-height:60px;padding:0 16px;display:flex}.ldt-hn-left,.ldt-hn-right{align-items:center;height:100%;display:flex}.ldt-hn-divider{background:#1e293b;width:1px;height:32px;margin:0 16px}.ldt-hn-logo{object-fit:contain;width:auto;height:32px}.ldt-hn-course-info{flex-direction:column;justify-content:center;gap:4px;display:flex}.ldt-hn-course-title{cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.ldt-hn-course-title svg{opacity:.7;width:12px;height:12px;transform:rotate(90deg)}.ldt-hn-course-live{align-items:center;gap:6px;display:flex}.ldt-hn-lesson-box{background:#1e293b;border-radius:6px;flex-direction:column;justify-content:center;min-width:150px;padding:4px 12px;display:flex}.ldt-hn-lesson-label{color:#94a3b8;font-size:10px;font-weight:500}.ldt-hn-lesson-title{justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.ldt-hn-lesson-title svg{opacity:.7;width:12px;height:12px;transform:rotate(90deg)}.ldt-hn-stats{align-items:center;gap:20px;margin-right:20px;display:flex}.ldt-hn-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.ldt-hn-clickable-stat{cursor:pointer;border-radius:6px;margin:-4px -8px;padding:4px 8px;transition:background .15s}.ldt-hn-clickable-stat:hover{background:#1e293b}.ldt-hn-stat-label{color:#94a3b8;font-size:10px;font-weight:500}.ldt-hn-stat-val{align-items:center;gap:4px;font-size:14px;font-weight:800;display:flex}.ldt-hn-stat-val svg{width:12px;height:12px}.ldt-hn-actions{align-items:center;gap:12px;display:flex}.ldt-hn-settings-btn{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.ldt-hn-settings-btn:hover{background:#334155}.ldt-live-badge{color:#ef4444;background:0 0;border:1px solid #ef4444;border-radius:4px;align-items:center;gap:5px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-flex}.ldt-live-dot{background:#ef4444;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite ldt-blink}@keyframes ldt-blink{0%,to{opacity:1}50%{opacity:.2}}.ldt-timer{color:#cbd5e1;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.ldt-end-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .15s}.ldt-end-btn:hover{background:#dc2626}.ldt-breadcrumb{background:#1a2033;border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;height:40px;min-height:40px;padding:0 14px;display:flex}.ldt-bc-left{align-items:center;gap:8px;display:flex}.ldt-bc-back{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .12s;display:flex}.ldt-bc-back:hover{color:#e2e8f0;background:#252d40}.ldt-bc-text{color:#64748b;font-size:12.5px;font-weight:500}.ldt-bc-text strong{color:#cbd5e1;font-weight:700}.ldt-bc-sep{color:#2d3548}.ldt-bc-close{color:#475569;cursor:pointer;background:0 0;border:1px solid #1e293b;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .12s;display:flex}.ldt-bc-close:hover{color:#f87171;background:#1e293b;border-color:#ef4444}.ldt-body{flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.ldt-stage{background-color:#020617;flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.ldt-video-area{background-color:#020617;flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.ldt-sidebar{z-index:10;background-color:#0b0f19;border-left:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:380px;min-width:380px;height:100%;display:flex;overflow:hidden}.ldt-left-col{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.ldt-wb-wrap{background:#e8eaed;flex-direction:column;flex:1;min-height:0;padding:8px 8px 0;display:flex;position:relative}.ldt-toast{color:#fff;z-index:100;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border-radius:24px;align-items:center;gap:10px;padding:8px 16px;font-size:12px;font-weight:600;animation:.25s ldt-fadein;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000040}@keyframes ldt-fadein{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ldt-toast-close{color:#ffffffbf;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.ldt-whiteboard{background:#fff;border:1px solid #d1d5db;border-bottom:none;border-radius:8px 8px 0 0;flex:1;position:relative;overflow:hidden;box-shadow:0 1px 6px #00000014}.ldt-wb-title{text-align:center;color:#dc2626;text-underline-offset:5px;z-index:2;pointer-events:none;font-size:clamp(18px,2.2vw,28px);font-weight:800;text-decoration:underline;position:absolute;top:26px;left:0;right:0}.ldt-wb-svg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ldt-wb-teacher-img{object-fit:cover;object-position:left top;z-index:0;width:52%;height:90%;position:absolute;bottom:0;right:0}.ldt-watermark{pointer-events:none;z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.ldt-watermark-text{color:#0000000a;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:1px;text-align:center;width:200%;font-size:10px;font-weight:600;transform:rotate(-30deg)}.ldt-wb-controls{background:#f3f4f6;border:1px solid #d1d5db;border-top:none;border-radius:0 0 8px 8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:40px;padding:6px 14px;display:flex}.ldt-wb-ctrl{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .12s;display:flex}.ldt-wb-ctrl:hover{background:#e5e7eb;border-color:#9ca3af}.ldt-wb-div{background:#d1d5db;flex-shrink:0;width:1px;height:16px}.ldt-wb-pg{color:#374151;text-align:center;min-width:36px;font-size:12.5px;font-weight:700}.ldt-strip{opacity:1;background:#0f172a;border-top:1px solid #1e293b;flex-shrink:0;align-items:center;gap:6px;height:96px;min-height:96px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:auto hidden}.ldt-strip.ldt-strip-hidden{opacity:0;pointer-events:none;border-top-width:0;height:0;min-height:0;padding-top:0;padding-bottom:0}.ldt-strip::-webkit-scrollbar{height:4px}.ldt-strip::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.ldt-ptile-card{cursor:pointer;background:#111827;border:1px solid #1e293b;border-radius:8px;flex-direction:column;flex:0 0 75px;justify-content:center;align-items:center;min-width:75px;max-width:80px;height:100%;padding:8px 4px 6px;transition:all .15s;display:flex;position:relative;box-shadow:0 1px 3px #00000026}.ldt-ptile-card:hover{border-color:#334155}.ldt-ptile-card.self{border-color:#fbbf24}.ldt-ptile-card.speaker,.ldt-ptile-card.speaking,.ldt-ptile-card.lp-participant-speaking{animation:1.5s ease-in-out infinite ldt-speaking-card-pulse;box-shadow:0 0 12px #10b98180,inset 0 0 6px #10b98133;border-color:#10b981!important}@keyframes ldt-speaking-card-pulse{0%,to{border-color:#10b981;box-shadow:0 0 6px #10b98166,inset 0 0 4px #10b98126}50%{border-color:#34d399;box-shadow:0 0 16px #34d399cc,inset 0 0 8px #34d3994d}}.ldt-ptile-hand{font-size:13px;line-height:1;position:absolute;top:4px;left:4px}.ldt-ptile-avatar{object-fit:cover;background:#1e293b;border-radius:50%;width:42px;height:42px;margin-bottom:6px;transition:all .2s}.ldt-ptile-avatar.speaking-avatar{animation:1.5s ease-in-out infinite ldt-avatar-glow;box-shadow:0 0 0 2px #10b981,0 0 8px #10b98199}@keyframes ldt-avatar-glow{0%,to{box-shadow:0 0 0 2px #10b981,0 0 6px #10b98166}50%{box-shadow:0 0 0 2.5px #34d399,0 0 12px #34d399cc}}.ldt-ptile-info{justify-content:space-between;align-items:center;width:100%;padding:0 4px;display:flex}.ldt-ptile-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;flex-direction:column;font-size:10px;font-weight:600;line-height:1.2;display:flex;overflow:hidden}.ldt-ptile-role{color:#64748b;font-size:8px;font-weight:500}.ldt-ptile-mic{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ldt-ptile-mic.active{color:#10b981}.ldt-ptile-mic.muted{color:#ef4444}.ldt-ptile-mic svg{width:10px;height:10px}.ldt-sound-wave{align-items:flex-end;gap:1.5px;height:9px;margin-left:2px;display:inline-flex}.ldt-sound-wave-bar{background-color:#10b981;border-radius:1px;width:1.5px;animation:.8s ease-in-out infinite alternate ldt-wave-bar}.ldt-sound-wave-bar:first-child{height:40%;animation-delay:0s}.ldt-sound-wave-bar:nth-child(2){height:100%;animation-delay:.25s}.ldt-sound-wave-bar:nth-child(3){height:60%;animation-delay:.5s}@keyframes ldt-wave-bar{0%{height:25%}to{height:100%}}.ldt-more-tile{cursor:pointer;background:#1e293b;border:1px solid #252d40;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:60px;height:100%;margin-left:2px;transition:background .12s;display:flex}.ldt-more-tile:hover{background:#252d40}.ldt-more-count{color:#94a3b8;font-size:13px;font-weight:800}.ldt-more-label{color:#475569;font-size:9px;font-weight:600}.ldt-action-bar{background:#0a0f1a;border-top:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;height:58px;min-height:58px;padding:0 16px;display:flex}.ldt-ab-left{flex:1;justify-content:flex-start;align-items:center;gap:8px;display:flex}.ldt-ab-center{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.ldt-ab-right{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ldt-act-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 12px;font-family:Outfit,sans-serif;transition:all .12s;display:flex}.ldt-act-btn:hover{color:#94a3b8;background:#1e293b}.ldt-act-btn.active{color:#6366f1}.ldt-act-btn.hand-active{color:#fbbf24}.ldt-act-btn span{white-space:nowrap;font-size:10px;font-weight:600}.ldt-right-panel{z-index:10;background:#111827;border-left:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:360px;min-width:360px;display:flex;position:relative;overflow:hidden}.ldt-tv-header{border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 10px 6px;display:flex}.ldt-tv-label{color:#94a3b8;letter-spacing:.3px;font-size:11.5px;font-weight:700}.ldt-tv-btns{gap:2px;display:flex}.ldt-tv-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;transition:all .12s;display:flex}.ldt-tv-btn:hover{color:#94a3b8;background:#1e293b}.ldt-tv-frame{aspect-ratio:16/9;background:#0f172a;flex-shrink:0;width:100%;position:relative;overflow:hidden}.ldt-tv-frame>img{object-fit:cover;width:100%;height:100%;display:block}.ldt-tv-hd{color:#10b981;letter-spacing:.5px;background:#000000a6;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:6px;left:6px}.ldt-tv-overlay{background:linear-gradient(#0000,#000000b3);justify-content:center;align-items:center;gap:5px;padding:8px 6px 5px;display:flex;position:absolute;bottom:0;left:0;right:0}.ldt-tv-ctrl{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:background .12s;display:flex}.ldt-tv-ctrl:hover{background:#ffffff38}.ldt-tv-ctrl.off{background:#ef4444d9}.ldt-tv-ctrl.off:hover{background:#dc2626}.ldt-tv-ctrl.active-screen{background:#10b981d9}.ldt-tv-ctrl.recording{color:#ef4444;background:#ef444433;animation:1.5s infinite ldt-blink}.ldt-participants-panel{z-index:20;background:#111827;flex-direction:column;display:flex;position:absolute;inset:0}.ldt-pp-header{border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.ldt-pp-title{color:#e2e8f0;font-size:13px;font-weight:700}.ldt-pp-list{scrollbar-width:thin;scrollbar-color:#1e293b transparent;flex:1;padding:8px;overflow-y:auto}.ldt-pp-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;transition:background .12s;display:flex;position:relative}.ldt-pp-item:hover{background:#1e293b}.ldt-pp-item:hover .ldt-pp-menu-btn{opacity:1}.ldt-pp-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.ldt-pp-info{flex:1;min-width:0}.ldt-pp-name{color:#e2e8f0;font-size:12px;font-weight:600;display:block}.ldt-pp-role{color:#475569;font-size:10px}.ldt-pp-mic{flex-shrink:0;font-size:12px}.ldt-pp-more{text-align:center;color:#475569;padding:12px 0;font-size:11px}.ldt-pp-actions{align-items:center;display:flex;position:relative}.ldt-pp-menu-btn{color:#94a3b8;cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:flex}.ldt-pp-dropdown{z-index:50;background:#1e293b;border:1px solid #334155;border-radius:6px;flex-direction:column;min-width:110px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000004d}.ldt-pp-dropdown button{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-family:Outfit,sans-serif;font-size:11px;transition:background .12s}.ldt-pp-dropdown button:hover{color:#fff;background:#334155}.ldt-pp-dropdown button.ldt-pp-remove{color:#ef4444}.ldt-pp-dropdown button.ldt-pp-remove:hover{color:#fff;background:#7f1d1d}.ldt-tab-bar{background:#0f172a;border-bottom:1px solid #1e293b;flex-shrink:0;display:flex}.ldt-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 4px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.ldt-tab-btn.active{color:#6366f1;border-bottom-color:#6366f1}.ldt-tab-badge{color:#fff;background:#ef4444;border-radius:10px;margin-left:2px;padding:1px 6px;font-size:9px;font-weight:700}.ldt-tab-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ldt-chat-list{scrollbar-width:thin;scrollbar-color:#1e293b transparent;flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto}.ldt-chat-list::-webkit-scrollbar{width:3px}.ldt-chat-list::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}.ldt-chat-skeleton-list{flex-direction:column;gap:15px;padding:5px;display:flex}.ldt-chat-skeleton-item{gap:8px;animation:1.5s ease-in-out infinite ldt-pulse;display:flex}.ldt-chat-skeleton-av{background:#1e293b;border-radius:50%;flex-shrink:0;width:28px;height:28px}.ldt-chat-skeleton-body{flex-direction:column;flex:1;gap:6px;display:flex}.ldt-chat-skeleton-name{background:#1e293b;border-radius:4px;width:80px;height:10px}.ldt-chat-skeleton-text{background:#1e293b;border-radius:8px;width:85%;height:24px}@keyframes ldt-pulse{0%,to{opacity:.5}50%{opacity:1}}.ldt-chat-item{gap:7px;animation:.2s ldt-chat-in;display:flex}@keyframes ldt-chat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ldt-chat-item.self{flex-direction:row-reverse}@media (width<=992px){.ldt-right-panel{width:260px;min-width:260px}.ldt-ptile-name{max-width:50px}}@media (width<=768px){.ldt-body{flex-direction:column;overflow:hidden auto}.ldt-left-col{flex:none;height:auto;min-height:0}.ldt-wb-wrap{flex:none;height:55vw;min-height:250px}.ldt-right-panel{border-top:1px solid #1e293b;border-left:none;flex:none;width:100%;min-width:100%;min-height:500px}.ldt-header{padding:0 10px}.ldt-logo-img{height:28px}.ldt-hnav-btn span,.ldt-timer{display:none}.ldt-breadcrumb{padding:0 10px}.ldt-bc-text{font-size:11px}.ldt-strip{justify-content:flex-start}.ldt-ptile-card{flex:0 0 75px;max-width:75px}.ldt-more-tile{flex:0 0 65px;height:74px;margin-right:8px}.ldt-action-bar{padding:0;overflow-x:auto}.ldt-act-btn{flex:none;padding:6px 16px}}@media (width<=480px){.ldt-wb-wrap{height:65vw;min-height:220px}.ldt-tv-frame{aspect-ratio:auto;height:160px}}.ldt-chat-av{object-fit:cover;border-radius:50%;flex-shrink:0;align-self:flex-start;width:28px;height:28px;margin-top:2px}.ldt-chat-body{flex:1;min-width:0}.ldt-chat-item.self .ldt-chat-body{flex-direction:column;align-items:flex-end;display:flex}.ldt-chat-meta{align-items:baseline;gap:5px;margin-bottom:2px;display:flex}.ldt-chat-name{color:#94a3b8;font-size:11px;font-weight:700}.ldt-chat-name.teacher{color:#fbbf24}.ldt-chat-time{color:#334155;font-size:9.5px}.ldt-chat-bubble{color:#cbd5e1;word-break:break-word;background:#1e293b;border-radius:10px 10px 10px 2px;max-width:90%;padding:6px 10px;font-size:12.5px;line-height:1.45;display:inline-block}.ldt-chat-bubble.self-bubble{color:#fff;background:#4f46e5;border-radius:10px 10px 2px}.ldt-chat-bubble.teacher-bubble{background:#1e3a2e;border-left:2px solid #fbbf24;border-radius:0 10px 10px}.ldt-chat-input-row{background:#0f172a;border-top:1px solid #1e293b;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;display:flex}.ldt-chat-input{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;flex:1;padding:7px 10px;font-family:Outfit,sans-serif;font-size:12px;transition:border-color .12s}.ldt-chat-input::placeholder{color:#334155}.ldt-chat-input:focus{border-color:#6366f1}.ldt-chat-send{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .12s;display:flex}.ldt-chat-send:hover{background:#4f46e5}.ldt-poll-wrap{scrollbar-width:thin;scrollbar-color:#1e293b transparent;flex:1;padding:12px 10px;overflow-y:auto}.ldt-poll-q{color:#e2e8f0;margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.45}.ldt-poll-opt{cursor:pointer;border:1px solid #1e293b;border-radius:7px;margin-bottom:7px;transition:border-color .15s;position:relative;overflow:hidden}.ldt-poll-opt:hover:not(.revealed){border-color:#334155}.ldt-poll-opt.voted{border-color:#6366f144}.ldt-poll-bg{opacity:.35;border-radius:6px;height:100%;transition:width .7s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.ldt-poll-row{z-index:1;justify-content:space-between;align-items:center;padding:8px 10px;display:flex;position:relative}.ldt-poll-label{color:#94a3b8;font-size:12px;font-weight:600}.ldt-poll-opt.voted .ldt-poll-label{color:#e2e8f0}.ldt-poll-pct{color:#818cf8;font-size:11px;font-weight:700}.ldt-poll-footer{color:#475569;align-items:center;gap:5px;margin-top:6px;font-size:10.5px;display:flex}.ldt-poll-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s ease-in-out infinite ldt-blink}.ldt-poll-hint{color:#334155;text-align:center;margin-top:8px;font-size:11px}.ldt-qa-list{scrollbar-width:thin;scrollbar-color:#1e293b transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex;overflow-y:auto}.ldt-qa-item{background:#1e293b;border:1px solid #252d40;border-radius:8px;padding:10px 10px 8px}.ldt-qa-student{color:#6366f1;margin-bottom:4px;font-size:10.5px;font-weight:700}.ldt-qa-question{color:#cbd5e1;margin-bottom:7px;font-size:12.5px;line-height:1.4}.ldt-qa-answer{background:#0f172a;border-left:2px solid #10b981;border-radius:0 5px 5px 0;margin-bottom:7px;padding:6px 8px}.ldt-qa-ans-label{color:#10b981;margin-bottom:3px;font-size:9.5px;font-weight:700}.ldt-qa-answer p{color:#94a3b8;margin:0;font-size:11.5px}.ldt-qa-upvote{color:#64748b;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:5px;align-items:center;gap:4px;padding:3px 9px;font-family:Outfit,sans-serif;font-size:10.5px;font-weight:600;transition:all .12s;display:inline-flex}.ldt-qa-upvote:hover,.ldt-qa-upvote.upvoted{color:#818cf8;background:#6366f11a;border-color:#6366f1}.ldt-qa-filters{background:#0f172a;border-bottom:1px solid #1e293b;gap:8px;padding:10px;display:flex}.ldt-qa-filter-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:12px;padding:4px 10px;font-size:10.5px;font-weight:600;transition:all .15s}.ldt-qa-filter-btn:hover{color:#e2e8f0;background:#1e293b}.ldt-qa-filter-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.ldt-notes-wrap{flex-direction:column;gap:12px;height:100%;padding:12px;display:flex}.ldt-notes-textarea{color:#e2e8f0;resize:none;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;flex:1;padding:12px;font-family:Outfit,sans-serif;font-size:13px;line-height:1.5;transition:border-color .15s}.ldt-notes-textarea:focus{border-color:#6366f1}.ldt-notes-save{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:10px;font-size:13px;font-weight:600;transition:background .15s}.ldt-notes-save:hover{background:#059669}.ldt-floating-emoji{z-index:10;pointer-events:none;font-size:28px;animation:2.5s ease-out forwards ldt-float-up;position:absolute;bottom:20%}@keyframes ldt-float-up{0%{opacity:0;transform:translateY(0)scale(.5)}10%{opacity:1;transform:translateY(-20px)scale(1.2)}20%{opacity:1;transform:translateY(-40px)scale(1)}to{opacity:0;transform:translateY(-150px)scale(1)}}.ldt-reaction-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0f172abf;border:1px solid #ffffff1a;border-radius:20px;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:15px;right:15px}.ldt-reaction-bar button{cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;transition:transform .15s}.ldt-reaction-bar button:hover{transform:scale(1.3)}.ldt-sidebar,.ldt-right-panel,.lsb-sidebar-panel{box-shadow:-8px 0 32px #0009;background:radial-gradient(circle at 100% 0,#6366f10f,#0000 40%),radial-gradient(circle at 0 100%,#06b6d40d,#0000 40%),#070b14!important;border-left:1px solid #38bdf833!important}.ldt-tab-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:4px;padding:4px 6px;background:#0b1120f2!important;border-bottom:1px solid #38bdf826!important}.ldt-tab-btn{position:relative;color:#94a3b8!important;border-bottom:none!important;border-radius:8px!important;font-weight:600!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.ldt-tab-btn:hover{color:#38bdf8!important;background:#38bdf814!important}.ldt-tab-btn.active{color:#38bdf8!important;background:linear-gradient(135deg,#6366f138,#06b6d42e)!important;border:1px solid #38bdf859!important;box-shadow:inset 0 0 12px #38bdf840,0 2px 8px #38bdf826!important}.ldt-tab-badge{animation:1.8s ease-in-out infinite ldt-badge-glow;color:#fff!important;background:linear-gradient(135deg,#ef4444,#f43f5e)!important;border-radius:12px!important;padding:2px 7px!important;font-size:10px!important;font-weight:800!important;box-shadow:0 0 10px #ef4444cc!important}@keyframes ldt-badge-glow{0%,to{transform:scale(1);box-shadow:0 0 8px #ef444499}50%{transform:scale(1.12);box-shadow:0 0 16px #ef4444}}.ldt-chat-list{background:0 0!important}.ldt-chat-item{animation:.3s cubic-bezier(.16,1,.3,1) ldt-chat-glow-in!important}@keyframes ldt-chat-glow-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ldt-chat-bubble{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s;box-shadow:0 4px 16px #0000004d;color:#f1f5f9!important;background:linear-gradient(135deg,#1e293bbf,#0f172ad9)!important;border:1px solid #ffffff14!important;border-radius:14px 14px 14px 4px!important}.ldt-chat-bubble:hover{border-color:#38bdf840!important}.ldt-chat-bubble.self-bubble{font-weight:500;color:#fff!important;background:linear-gradient(135deg,#4338ca,#6366f1)!important;border:1px solid #818cf880!important;border-radius:14px 14px 4px!important;box-shadow:0 4px 16px #6366f166,inset 0 1px #fff3!important}.ldt-chat-bubble.teacher-bubble{background:linear-gradient(135deg,#10b98126,#064e3b66)!important;border:1px solid #10b98140!important;border-left:3px solid #10b981!important;box-shadow:0 0 16px #10b98133!important}.lp-chat-badge-teacher{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;margin-left:6px;padding:1px 6px;font-size:9.5px;font-weight:800;box-shadow:0 0 8px #10b98199}.ldt-chat-input-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 12px;background:#0b1120f2!important;border-top:1px solid #38bdf833!important}.ldt-chat-input{transition:all .2s;color:#f8fafc!important;background:#020617cc!important;border:1px solid #38bdf840!important;border-radius:10px!important}.ldt-chat-input:focus{border-color:#38bdf8!important;box-shadow:0 0 12px #38bdf84d!important}.ldt-chat-send{transition:all .2s;background:linear-gradient(135deg,#4f46e5,#38bdf8)!important;border-radius:10px!important;box-shadow:0 0 12px #38bdf866!important}.ldt-chat-send:hover{transform:scale(1.06);box-shadow:0 0 18px #38bdf8b3!important}.ldt-light-mode{background:#f8fafc!important}.ldt-light-mode .ldt-header-new{color:#1e293b!important;background:#fff!important;border-bottom-color:#e2e8f0!important}.ldt-light-mode .ldt-hn-divider{background:#e2e8f0!important}.ldt-light-mode .ldt-hn-lesson-box{color:#1e293b!important;background:#f1f5f9!important}.ldt-light-mode .ldt-hn-stat-val{color:#1e293b!important}.ldt-light-mode .ldt-hn-settings-btn{color:#1e293b!important;background:#f1f5f9!important;border-color:#e2e8f0!important}.ldt-light-mode .ldt-hn-clickable-stat:hover{background:#f1f5f9!important}.ldt-light-mode .ldt-right-panel{background:#fff!important;border-left-color:#e2e8f0!important}.ldt-light-mode .ldt-tab-bar{background:#f8fafc!important;border-bottom-color:#e2e8f0!important}.ldt-light-mode .ldt-tab-btn{color:#64748b!important}.ldt-light-mode .ldt-tab-btn:hover{background:#e2e8f0!important}.ldt-light-mode .ldt-tab-btn.active{color:#0f172a!important;border-bottom-color:#0f172a!important}.ldt-light-mode .ldt-action-bar{background:#fff!important;border-top-color:#e2e8f0!important}.ldt-light-mode .ldt-act-btn{color:#475569!important}.ldt-light-mode .ldt-act-btn:hover{color:#0f172a!important;background:#f1f5f9!important}.ldt-light-mode .ldt-strip{background:#f8fafc!important;border-top-color:#e2e8f0!important}.ldt-light-mode .ldt-ptile-card{background:#fff!important;border-color:#e2e8f0!important}.ldt-light-mode .ldt-ptile-card:hover{border-color:#cbd5e1!important}.ldt-light-mode .ldt-ptile-name{color:#1e293b!important}.ldt-light-mode .ldt-more-tile{background:#f1f5f9!important;border-color:#e2e8f0!important}.ldt-light-mode .ldt-more-tile:hover{background:#e2e8f0!important}.ldt-light-mode .ldt-chat-list{background:#fff!important}.ldt-light-mode .ldt-chat-msg-name{color:#0f172a!important}.ldt-light-mode .ldt-chat-msg-bubble{color:#1e293b!important;background:#f1f5f9!important;border-color:#0000!important}.ldt-light-mode .ldt-chat-msg.teacher .ldt-chat-msg-bubble{background:#ecfdf5!important;border-color:#10b981!important}.ldt-light-mode .ldt-chat-input-row{background:#f8fafc!important;border-top-color:#e2e8f0!important}.ldt-light-mode .ldt-chat-input{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important}.ldt-light-mode .ldt-pp-list{background:#fff!important}.ldt-light-mode .ldt-pp-item:hover{background:#f1f5f9!important}.ldt-light-mode .ldt-pp-name{color:#0f172a!important}.ldt-light-mode .ldt-notes-wrap{background:#fff!important}.ldt-light-mode textarea{color:#0f172a!important;background:#f8fafc!important;border-color:#e2e8f0!important}.ldt-light-mode .ldt-notes-wrap div[style*="background: #1e293b"]{color:#1e293b!important;background:#f8fafc!important;border-color:#e2e8f0!important}.common-toast-container{color:#fff;z-index:99999;background:#0f172a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;max-width:420px;padding:12px 18px;font-family:inherit;font-size:13.5px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards commonToastSlideDown;display:flex;position:fixed;top:80px;right:32px;box-shadow:0 10px 25px -5px #00000040,0 8px 10px -6px #00000026}.common-toast-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex}.common-toast-icon.icon-success{color:#10b981}.common-toast-icon.icon-error{color:#ef4444}.common-toast-icon.icon-warning{color:#f59e0b}.common-toast-icon.icon-info{color:#3b82f6}.common-toast-message{word-break:break-word;flex:1;line-height:1.4}.common-toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;padding:4px;transition:all .15s;display:flex}.common-toast-close:hover{color:#fff;background:#ffffff1f}@keyframes commonToastSlideDown{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.common-toast-container{max-width:calc(100vw - 32px);top:70px;left:16px;right:16px}}.sound-settings-wrapper{width:100%;color:var(--text-primary,#0f172a);flex-direction:column;gap:16px;font-family:inherit;display:flex}.sound-settings-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:4px;display:flex}.sound-header-info h3{font-family:var(--font-primary,var(--font-montserrat,sans-serif));color:var(--text-primary,#0f172a);letter-spacing:-.01em;margin:0 0 4px;font-size:16px;font-weight:700}.sound-header-info p{font-family:var(--font-secondary,var(--font-poppins,sans-serif));color:var(--text-secondary,#64748b);margin:0;font-size:13px}.sound-save-badge{color:var(--status-success,#059669);background:var(--status-success-bg,#ecfdf5);border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;animation:.2s soundFadeIn;display:inline-flex}[data-theme=dark] .sound-save-badge{color:#34d399;background:#10b98133;border-color:#10b98166}@keyframes soundFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sound-master-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #00000008);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 18px;transition:all .2s;display:flex}.sound-master-card.active{background:#f0fdf4;border-color:#bbf7d0}[data-theme=dark] .sound-master-card.active{background:#10b9811f;border-color:#10b9814d}.sound-master-card.disabled{background:var(--bg-input,#f8fafc);border-color:var(--border-color,#e2e8f0)}[data-theme=dark] .sound-master-card.disabled{background:var(--bg-neutral-light,#182422)}.sound-master-left{align-items:center;gap:14px;display:flex}.sound-master-icon-bubble{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.sound-master-icon-bubble.active{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 10px #10b98147}.sound-master-icon-bubble.disabled{background:var(--bg-neutral-light,#cbd5e1);color:var(--text-muted,#64748b);border:1px solid var(--border-color,#cbd5e1)}.sound-master-text h4{font-family:var(--font-primary,var(--font-montserrat,sans-serif));color:var(--text-primary,#0f172a);margin:0 0 3px;font-size:14.5px;font-weight:700}.sound-master-text p{font-family:var(--font-secondary,var(--font-poppins,sans-serif));color:var(--text-secondary,#64748b);margin:0;font-size:12.5px}.sound-switch-control{cursor:pointer;flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.sound-switch-control input{opacity:0;width:0;height:0}.sound-switch-slider{background-color:var(--text-muted,#cbd5e1);border-radius:26px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.sound-switch-slider.small{height:24px}.sound-switch-control input:checked+.sound-switch-slider{background-color:#10b981}.sound-switch-knob{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.sound-switch-knob.small{width:18px;height:18px}.sound-switch-control input:checked+.sound-switch-slider .sound-switch-knob{transform:translate(22px)}.sound-accordion-card{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);box-shadow:var(--shadow-sm,0 1px 3px #00000005);border-radius:12px;transition:all .2s;overflow:hidden}.sound-accordion-card.is-muted{opacity:.45;pointer-events:none}.sound-accordion-btn{background:var(--bg-card,#fff);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;transition:background-color .15s;display:flex}.sound-accordion-btn:hover{background:var(--bg-neutral-light,#f8fafc)}.sound-accordion-title-left{align-items:center;gap:12px;display:flex}.sound-accordion-icon-wrap{color:#059669;background:#10b9811f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-theme=dark] .sound-accordion-icon-wrap{color:#34d399;background:#10b98133}.sound-accordion-title-text{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sound-accordion-title-text>span:first-child{font-family:var(--font-primary,var(--font-montserrat,sans-serif));color:var(--text-primary,#0f172a);font-size:14px;font-weight:700}.sound-current-tone-pill{color:#059669;background:#ecfdf5;border:1px solid #d1fae5;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}[data-theme=dark] .sound-current-tone-pill{color:#34d399;background:#10b98133;border-color:#10b98159}.sound-accordion-action-right{color:var(--text-secondary,#64748b);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.sound-tones-grid-panel{background:var(--bg-input,#f8fafc);border-top:1px solid var(--border-color,#e2e8f0);padding:16px}[data-theme=dark] .sound-tones-grid-panel{background:var(--bg-neutral-light,#182422)}.sound-tones-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.sound-tone-item{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex}.sound-tone-item:hover{border-color:#10b98166;transform:translateY(-1px)}.sound-tone-item.selected{background:#f0fdf4;border:1.5px solid #10b981}[data-theme=dark] .sound-tone-item.selected{background:#10b98126;border-color:#10b981}.sound-tone-info{flex:1;min-width:0}.sound-tone-name{font-family:var(--font-primary,var(--font-montserrat,sans-serif));color:var(--text-primary,#0f172a);font-size:13px;font-weight:700}.sound-tone-item.selected .sound-tone-name{color:#10b981}.sound-tone-desc{font-family:var(--font-secondary,var(--font-poppins,sans-serif));color:var(--text-secondary,#64748b);margin-top:2px;font-size:11px}.sound-tone-play-btn{background:var(--bg-neutral-light,#f1f5f9);width:28px;height:28px;color:var(--text-secondary,#475569);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;transition:all .15s;display:flex}.sound-tone-play-btn:hover,.sound-tone-play-btn.active{color:#fff;background:#10b981}.sound-events-section{flex-direction:column;gap:10px;transition:all .2s;display:flex}.sound-events-section.is-muted{opacity:.45;pointer-events:none}.sound-events-section-title{font-family:var(--font-primary,var(--font-montserrat,sans-serif));color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin-top:4px;font-size:12.5px;font-weight:700;display:flex}.sound-events-list{flex-direction:column;gap:10px;display:flex}.sound-event-row{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:all .15s;display:flex}.sound-event-row:hover{box-shadow:var(--shadow-sm,0 2px 6px #00000005);border-color:#10b98159}.sound-event-left{flex:1;align-items:center;gap:12px;min-width:220px;display:flex}.sound-event-icon-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.sound-event-text h5{font-family:var(--font-primary,var(--font-montserrat,sans-serif));color:var(--text-primary,#0f172a);margin:0 0 3px;font-size:13.5px;font-weight:700;line-height:1.3}.sound-event-text p{font-family:var(--font-secondary,var(--font-poppins,sans-serif));color:var(--text-secondary,#64748b);margin:0;font-size:12px;line-height:1.35}.sound-event-right-controls{flex-shrink:0;align-items:center;gap:14px;display:flex}.sound-tone-select-wrap{background:var(--bg-input,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;align-items:center;gap:6px;padding:4px 6px;transition:all .2s;display:flex}[data-theme=dark] .sound-tone-select-wrap{background:var(--bg-neutral-light,#182422)}.sound-tone-select-wrap.is-disabled{opacity:.4;pointer-events:none}.sound-tone-dropdown{color:var(--text-primary,#334155);cursor:pointer;background:0 0;border:none;outline:none;padding:2px 4px;font-size:12.5px;font-weight:600}[data-theme=dark] .sound-tone-dropdown option{background-color:var(--bg-card,#0d1514);color:var(--text-primary,#f0f5f4)}.sound-test-btn{background:var(--bg-card,#fff);border:1px solid var(--border-color,#cbd5e1);color:var(--text-primary,#003833);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.sound-test-btn:hover:not(:disabled){color:#fff;background:#10b981;border-color:#10b981}.sound-status-label{text-align:right;letter-spacing:.02em;min-width:65px;font-size:11.5px;font-weight:700}.sound-status-label.on{color:#10b981}.sound-status-label.off{color:var(--text-muted,#94a3b8)}@media (width<=680px){.sound-event-row{flex-direction:column;align-items:flex-start;gap:12px}.sound-event-right-controls{justify-content:space-between;width:100%}}.notif-page-wrapper{padding:var(--page-padding,28px 28px 40px);background-color:var(--bg-app,#f8fafc);color:var(--text-primary);font-family:var(--font-poppins,"Poppins", sans-serif);box-sizing:border-box;flex-direction:column;flex:1;width:100%;display:flex}.notif-header-section{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.notif-title-group h1{font-family:var(--page-title-font,"Montserrat", sans-serif);font-size:var(--page-title-size,18px);font-weight:var(--page-title-weight,700);color:var(--text-primary,#0f172a);letter-spacing:var(--page-title-letter-spacing,-.2px);margin:0 0 4px}.notif-title-group p{color:var(--text-muted,#64748b);margin:0;font-size:13.5px}.notif-header-actions{align-items:center;gap:12px;display:flex}.notif-btn-link-action{color:var(--text-secondary,#334155);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.notif-btn-link-action:hover:not(:disabled){color:#0f172a;background:#0000000d}.notif-btn-link-action:disabled{opacity:.5;cursor:not-allowed}@keyframes notifSpinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notif-spin-clockwise,.animate-spin{transform-origin:50%;display:inline-block;animation:1s linear infinite notifSpinClockwise!important}.notif-refresh-icon{display:inline-block}.notif-btn-settings{border:1px solid var(--border-color,#e2e8f0);color:var(--color-brand-primary,#003833);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000008}.notif-btn-settings:hover{background:#f1f5f9;border-color:#cbd5e1}.notif-layout-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.notif-main-content{flex-direction:column;gap:16px;display:flex}.notif-tabs-bar{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:2px;display:flex}.notif-tabs-left{gap:24px;display:flex}.notif-tab-item{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;padding:8px 4px 12px;font-size:13.5px;font-weight:600;transition:all .2s;position:relative}.notif-tab-item:hover{color:var(--text-primary,#0f172a)}.notif-tab-item.active{color:var(--color-brand-primary,#003833);font-weight:700}.notif-tab-item.active:after{content:"";background-color:var(--color-brand-primary,#003833);border-radius:4px 4px 0 0;height:2.5px;position:absolute;bottom:-2px;left:0;right:0}.notif-selection-toolbar{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;box-shadow:0 1px 3px #00000005}.notif-select-all-label{color:var(--text-secondary,#334155);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.notif-custom-checkbox{width:17px;height:17px;accent-color:var(--color-brand-primary,#003833);cursor:pointer;border:1.5px solid #cbd5e1;border-radius:4px}.notif-batch-actions{align-items:center;gap:10px;display:flex}.notif-btn-batch-delete{color:#ef4444;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.notif-btn-batch-delete:hover:not(:disabled){color:#dc2626;background:#fecaca}.notif-btn-batch-read{color:var(--text-secondary,#334155);cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.notif-btn-batch-read:hover:not(:disabled){background:#e2e8f0}.notif-feed-container{flex-direction:column;gap:12px;display:flex}.notif-card-row{border:1px solid var(--border-color,#e2e8f0);cursor:pointer;background:#fff;border-radius:14px;align-items:flex-start;gap:14px;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notif-card-row:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.notif-card-row.is-unread{background:#fff}.notif-card-row.is-selected{background:#00383305;border-color:#003833}.notif-card-checkbox-area{align-items:center;padding-top:10px;display:flex}.notif-icon-avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-top:2px;display:flex}.notif-icon-avatar.classes{color:#10b981;background-color:#ecfdf5}.notif-icon-avatar.tests{color:#3b82f6;background-color:#eff6ff}.notif-icon-avatar.payments{color:#f59e0b;background-color:#fef3c7}.notif-icon-avatar.scholarships{color:#ec4899;background-color:#fdf2f8}.notif-icon-avatar.materials{color:#059669;background-color:#f0fdf4}.notif-icon-avatar.reminders{color:#06b6d4;background-color:#ecfeff}.notif-icon-avatar.badges{color:#0284c7;background-color:#e0f2fe}.notif-icon-avatar.announcements{color:#8b5cf6;background-color:#f5f3ff}.notif-icon-avatar.support{color:#0d9488;background-color:#f0fdfa}.notif-icon-avatar.reports{color:#d97706;background-color:#fffbeb}.notif-icon-avatar.security{color:#16a34a;background-color:#f0fdf4}.notif-icon-avatar.default{color:#64748b;background-color:#f1f5f9}.notif-body-content{flex:1;min-width:0}.notif-card-top-line{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.notif-card-title{color:var(--text-primary,#0f172a);margin:0;font-size:14.5px;font-weight:700;line-height:1.35}.notif-card-meta-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.notif-card-datetime-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.notif-card-date{color:var(--text-secondary,#475569);background:var(--bg-neutral-light,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.notif-card-time{color:var(--text-muted,#94a3b8);white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.notif-card-subline{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:6px;display:flex}.notif-card-description{color:var(--text-secondary,#475569);margin:0;font-size:13px;line-height:1.45}.notif-badge-pill{white-space:nowrap;letter-spacing:.02em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.notif-badge-pill.new{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.notif-badge-pill.important{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.notif-item-menu-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.notif-item-menu-btn:hover{color:#0f172a;background:#f1f5f9}.notif-item-dropdown{border:1px solid var(--border-color,#e2e8f0);z-index:50;background:#fff;border-radius:10px;flex-direction:column;gap:2px;min-width:150px;padding:6px;display:flex;position:absolute;top:40px;right:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.notif-dropdown-item{width:100%;color:var(--text-secondary,#334155);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.notif-dropdown-item:hover{color:#0f172a;background:#f8fafc}.notif-dropdown-item.danger{color:#ef4444}.notif-dropdown-item.danger:hover{background:#fef2f2}.notif-pagination-footer{justify-content:space-between;align-items:center;margin-top:8px;padding:16px 0 0;display:flex}.notif-showing-text{color:var(--text-muted,#64748b);font-size:13px}.notif-pagination-btns{align-items:center;gap:6px;display:flex}.notif-page-btn{border:1px solid var(--border-color,#e2e8f0);width:32px;height:32px;color:var(--text-secondary,#334155);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .15s;display:flex}.notif-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.notif-page-btn.active{color:#fff;background:#003833;border-color:#003833}.notif-page-btn:disabled{opacity:.4;cursor:not-allowed}.notif-sidebar-widgets{flex-direction:column;gap:20px;display:flex}.notif-widget-card{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:14px;padding:20px;box-shadow:0 1px 3px #00000005}.notif-widget-card h3{color:var(--text-primary,#0f172a);letter-spacing:-.01em;margin:0 0 16px;font-size:14.5px;font-weight:700}.notif-summary-list{flex-direction:column;gap:12px;display:flex}.notif-summary-row{color:var(--text-secondary,#334155);cursor:pointer;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;transition:all .15s;display:flex}.notif-summary-row:hover{color:#003833}.notif-summary-row-left{align-items:center;gap:10px;font-weight:500;display:flex}.notif-summary-count{color:var(--text-primary,#0f172a);font-size:13px;font-weight:700}.notif-filter-block{margin-bottom:18px}.notif-filter-block:last-child{margin-bottom:0}.notif-filter-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:12px;font-weight:600;display:block}.notif-filter-options{flex-direction:column;gap:10px;display:flex}.notif-filter-checkbox-row{color:var(--text-secondary,#334155);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:13px;display:flex}.notif-filter-checkbox-row-left{align-items:center;gap:10px;display:flex}.notif-date-picker-wrap{position:relative}.notif-date-picker-input{border:1px solid var(--border-color,#e2e8f0);width:100%;color:var(--text-primary,#0f172a);box-sizing:border-box;background:#f8fafc;border-radius:8px;outline:none;padding:9px 12px;font-size:13px}.notif-date-picker-input:focus{background:#fff;border-color:#003833}.notif-push-promo-card{text-align:center;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:24px 20px;display:flex}.notif-push-bell-icon{color:#fff;background:#0284c7;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex;box-shadow:0 4px 12px #0284c74d}.notif-push-promo-card h4{color:#0f172a;margin:0;font-size:14.5px;font-weight:700}.notif-push-promo-card p{color:#64748b;margin:0 0 8px;font-size:12px;line-height:1.4}.notif-btn-enable-push{color:#fff;cursor:pointer;background:#003833;border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.notif-btn-enable-push:hover{background:#004d47}.notif-quick-actions-list{flex-direction:column;gap:6px;display:flex}.notif-quick-action-item{width:100%;color:var(--text-secondary,#334155);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.notif-quick-action-item:hover{color:#003833;background:#f1f5f9}.notif-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s notif-fadein;display:flex;position:fixed;inset:0}@keyframes notif-fadein{0%{opacity:0}to{opacity:1}}.notif-modal-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:780px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.notif-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.notif-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.notif-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.notif-modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.notif-modal-scrollable{flex-direction:column;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.notif-modal-tabs{background:#f1f5f9;border-radius:10px;gap:8px;padding:4px;display:flex}.notif-modal-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.notif-modal-tab-btn.active{color:#003833;background:#fff;box-shadow:0 1px 3px #00000014}@media (width<=1080px){.notif-layout-grid{grid-template-columns:1fr}}@media (width<=640px){.notif-page-wrapper{padding:16px}.notif-tabs-left{gap:12px}.notif-card-row{padding:12px 14px}.notif-icon-avatar{width:38px;height:38px}}@keyframes notif-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.notif-skeleton-pulse{background:linear-gradient(90deg, var(--bg-neutral-light,#f1f5f9) 25%, var(--border-color,#e2e8f0) 37%, var(--bg-neutral-light,#f1f5f9) 63%);background-size:200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite notif-shimmer}[data-theme=dark] .notif-skeleton-pulse{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f 37%,#ffffff0d 63%) 0 0/200% 100%}.notif-skeleton-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.notif-skeleton-avatar{border-radius:12px;flex-shrink:0;width:44px;height:44px}.notif-skeleton-body{flex-direction:column;flex:1;gap:10px;display:flex}.notif-skeleton-top{justify-content:space-between;align-items:center;display:flex}.notif-skeleton-title{border-radius:4px;width:45%;height:16px}.notif-skeleton-time{border-radius:4px;width:90px;height:12px}.notif-skeleton-text{border-radius:4px;width:85%;height:13px}.notif-skeleton-text.short{width:60%}.notif-skeleton-mini-item{align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.notif-skeleton-mini-icon{border-radius:8px;flex-shrink:0;width:30px;height:30px}.notif-skeleton-mini-lines{flex-direction:column;flex:1;gap:6px;display:flex}[data-theme=dark] .notif-page-wrapper{background-color:var(--bg-app);color:var(--text-primary)}[data-theme=dark] .notif-title-group h1{color:var(--text-primary)}[data-theme=dark] .notif-title-group p{color:var(--text-muted)}[data-theme=dark] .notif-btn-link-action{color:var(--text-secondary)}[data-theme=dark] .notif-btn-link-action:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}[data-theme=dark] .notif-btn-settings{background:var(--bg-card);border-color:var(--border-color);color:#34d399}[data-theme=dark] .notif-btn-settings:hover{background:var(--bg-neutral-light);border-color:#34d399}[data-theme=dark] .notif-tabs-bar{border-color:var(--border-color)}[data-theme=dark] .notif-tab-item{color:var(--text-muted)}[data-theme=dark] .notif-tab-item:hover{color:var(--text-primary)}[data-theme=dark] .notif-tab-item.active{color:#34d399}[data-theme=dark] .notif-tab-item.active:after{background-color:#34d399}[data-theme=dark] .notif-selection-toolbar{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .notif-select-all-label{color:var(--text-secondary)}[data-theme=dark] .notif-custom-checkbox{border-color:var(--border-color);accent-color:#34d399}[data-theme=dark] .notif-btn-batch-read{background:var(--bg-neutral-light);color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .notif-btn-batch-read:hover:not(:disabled){color:var(--text-primary);background:#ffffff1a}[data-theme=dark] .notif-card-row{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .notif-card-row:hover{border-color:#34d39966;box-shadow:0 4px 16px #0000004d}[data-theme=dark] .notif-card-row.is-unread{background:#111e1c;border-color:#34d39940}[data-theme=dark] .notif-card-row.is-selected{background:#34d39914;border-color:#34d399}[data-theme=dark] .notif-card-title{color:var(--text-primary)}[data-theme=dark] .notif-card-date{color:var(--text-secondary);background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .notif-card-time{color:var(--text-muted)}[data-theme=dark] .notif-card-description{color:var(--text-secondary)}[data-theme=dark] .notif-icon-avatar.classes{color:#34d399;background-color:#10b98126}[data-theme=dark] .notif-icon-avatar.tests{color:#60a5fa;background-color:#3b82f626}[data-theme=dark] .notif-icon-avatar.payments{color:#fbbf24;background-color:#f59e0b26}[data-theme=dark] .notif-icon-avatar.scholarships{color:#f472b6;background-color:#ec489926}[data-theme=dark] .notif-icon-avatar.materials{color:#34d399;background-color:#05966926}[data-theme=dark] .notif-icon-avatar.reminders{color:#22d3ee;background-color:#06b6d426}[data-theme=dark] .notif-icon-avatar.badges{color:#38bdf8;background-color:#0284c726}[data-theme=dark] .notif-icon-avatar.announcements{color:#a78bfa;background-color:#8b5cf626}[data-theme=dark] .notif-icon-avatar.support{color:#2dd4bf;background-color:#0d948826}[data-theme=dark] .notif-icon-avatar.reports{color:#fbbf24;background-color:#d9770626}[data-theme=dark] .notif-icon-avatar.security{color:#4ade80;background-color:#16a34a26}[data-theme=dark] .notif-icon-avatar.default{color:#94a3b8;background-color:#64748b26}[data-theme=dark] .notif-item-menu-btn:hover{background:var(--bg-neutral-light);color:var(--text-primary)}[data-theme=dark] .notif-item-dropdown{background:var(--bg-card);border-color:var(--border-color);box-shadow:0 10px 25px -5px #0009}[data-theme=dark] .notif-dropdown-item{color:var(--text-secondary)}[data-theme=dark] .notif-dropdown-item:hover{background:var(--bg-neutral-light);color:var(--text-primary)}[data-theme=dark] .notif-page-btn{background:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .notif-page-btn:hover:not(:disabled){background:var(--bg-neutral-light);color:#34d399;border-color:#34d399}[data-theme=dark] .notif-page-btn.active{color:#003833;background:#34d399;border-color:#34d399}[data-theme=dark] .notif-widget-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .notif-widget-card h3{color:var(--text-primary)}[data-theme=dark] .notif-summary-row{color:var(--text-secondary)}[data-theme=dark] .notif-summary-row:hover{color:#34d399}[data-theme=dark] .notif-summary-count{color:var(--text-primary)}[data-theme=dark] .notif-filter-label{color:var(--text-muted)}[data-theme=dark] .notif-filter-checkbox-row{color:var(--text-secondary)}[data-theme=dark] .notif-date-picker-input{background:var(--bg-neutral-light);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .notif-date-picker-input:focus{background:var(--bg-card);border-color:#34d399}[data-theme=dark] .notif-push-promo-card{background:#0d94881a;border-color:#0d948840}[data-theme=dark] .notif-push-promo-card h4{color:var(--text-primary)}[data-theme=dark] .notif-push-promo-card p{color:var(--text-muted)}[data-theme=dark] .notif-btn-enable-push{color:#34d399;background:#003833;border:1px solid #34d3994d}[data-theme=dark] .notif-btn-enable-push:hover{background:#004d47}[data-theme=dark] .notif-quick-action-item{color:var(--text-secondary)}[data-theme=dark] .notif-quick-action-item:hover{background:var(--bg-neutral-light);color:#34d399}[data-theme=dark] .notif-modal-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #000000b3}[data-theme=dark] .notif-modal-header{border-color:var(--border-color)}[data-theme=dark] .notif-modal-header h3{color:var(--text-primary)}[data-theme=dark] .notif-modal-close-btn:hover{color:var(--text-primary);background:var(--bg-neutral-light)}[data-theme=dark] .notif-modal-tabs{background:var(--bg-neutral-light)}[data-theme=dark] .notif-modal-tab-btn{color:var(--text-muted)}[data-theme=dark] .notif-modal-tab-btn.active{background:var(--bg-card);color:#34d399;box-shadow:0 1px 3px #0006}.sp-page{font-family:var(--font-poppins,"Poppins", sans-serif);background-color:var(--bg-app);color:var(--text-primary);padding:var(--page-padding,28px 28px 40px);min-height:100%;animation:.3s both sp-fadeUp;overflow-y:auto}@keyframes sp-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sp-kpis-grid,.dash-kpis-grid{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin-bottom:22px;display:grid}.sp-kpi-card,.kpi-single-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;cursor:pointer;border-radius:14px;align-items:center;gap:14px;min-height:76px;padding:12px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000008}[data-theme=dark] .sp-kpi-card,[data-theme=dark] .kpi-single-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d211e99;border:1px solid #ffffff14;box-shadow:0 4px 16px #0003}.sp-kpi-glow,.kpi-card-glow{filter:blur(28px);opacity:.12;pointer-events:none;border-radius:50%;width:90px;height:90px;transition:opacity .3s;position:absolute;top:-30%;right:-20%}.sp-kpi-card.theme-green .sp-kpi-glow,.kpi-single-card.theme-green .kpi-card-glow{background:#10b981}.sp-kpi-card.theme-orange .sp-kpi-glow,.kpi-single-card.theme-orange .kpi-card-glow{background:#f59e0b}.sp-kpi-card.theme-purple .sp-kpi-glow,.kpi-single-card.theme-purple .kpi-card-glow{background:#8b5cf6}.sp-kpi-card.theme-blue .sp-kpi-glow,.kpi-single-card.theme-blue .kpi-card-glow{background:#3b82f6}.sp-kpi-card:before,.kpi-single-card:before{content:"";opacity:.9;width:4px;transition:all .25s;position:absolute;top:0;bottom:0;left:0}.sp-kpi-card.theme-green:before,.kpi-single-card.theme-green:before{background:linear-gradient(#10b981,#059669)}.sp-kpi-card.theme-orange:before,.kpi-single-card.theme-orange:before{background:linear-gradient(#f59e0b,#d97706)}.sp-kpi-card.theme-purple:before,.kpi-single-card.theme-purple:before{background:linear-gradient(#8b5cf6,#7c3aed)}.sp-kpi-card.theme-blue:before,.kpi-single-card.theme-blue:before{background:linear-gradient(#3b82f6,#2563eb)}.sp-kpi-card:hover,.kpi-single-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}[data-theme=dark] .sp-kpi-card:hover,[data-theme=dark] .kpi-single-card:hover{box-shadow:0 8px 24px #00000059}.sp-kpi-card:hover .sp-kpi-glow,.kpi-single-card:hover .kpi-card-glow{opacity:.28}.sp-kpi-card.theme-green:hover,.kpi-single-card.theme-green:hover{border-color:#10b98173}.sp-kpi-card.theme-orange:hover,.kpi-single-card.theme-orange:hover{border-color:#f59e0b73}.sp-kpi-card.theme-purple:hover,.kpi-single-card.theme-purple:hover{border-color:#8b5cf673}.sp-kpi-card.theme-blue:hover,.kpi-single-card.theme-blue:hover{border-color:#3b82f673}.sp-kpi-icon,.kpi-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.sp-kpi-card:hover .sp-kpi-icon,.kpi-single-card:hover .kpi-icon-box{transform:scale(1.08)rotate(3deg)}.sp-kpi-icon.color-green,.kpi-icon-box.color-green{color:#10b981;background:#10b9811f;border:1px solid #10b98138}.sp-kpi-icon.color-orange,.kpi-icon-box.color-orange{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b38}.sp-kpi-icon.color-purple,.kpi-icon-box.color-purple{color:#8b5cf6;background:#8b5cf61f;border:1px solid #8b5cf638}.sp-kpi-icon.color-blue,.kpi-icon-box.color-blue{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f638}.sp-kpi-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sp-kpi-top{align-items:center;gap:7px;display:flex}.sp-kpi-badge,.kpi-mini-badge{letter-spacing:.2px;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:700;line-height:1.35}.theme-blue .sp-kpi-badge,.theme-blue .kpi-mini-badge{color:#2563eb;background:#3b82f61a}.theme-green .sp-kpi-badge,.theme-green .kpi-mini-badge{color:#059669;background:#10b9811a}.theme-orange .sp-kpi-badge,.theme-orange .kpi-mini-badge{color:#d97706;background:#f59e0b1a}.theme-purple .sp-kpi-badge,.theme-purple .kpi-mini-badge{color:#7c3aed;background:#8b5cf61a}[data-theme=dark] .theme-blue .sp-kpi-badge,[data-theme=dark] .theme-blue .kpi-mini-badge{color:#60a5fa;background:#3b82f62e}[data-theme=dark] .theme-green .sp-kpi-badge,[data-theme=dark] .theme-green .kpi-mini-badge{color:#34d399;background:#10b9812e}[data-theme=dark] .theme-orange .sp-kpi-badge,[data-theme=dark] .theme-orange .kpi-mini-badge{color:#fbbf24;background:#f59e0b2e}[data-theme=dark] .theme-purple .sp-kpi-badge,[data-theme=dark] .theme-purple .kpi-mini-badge{color:#a78bfa;background:#8b5cf62e}.sp-kpi-label,.kpi-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sp-kpi-sub,.kpi-subtext-pill{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:500;overflow:hidden}.sp-kpi-val-box,.kpi-value-row{flex-shrink:0;justify-content:flex-end;align-items:center;padding-left:4px;display:flex}.sp-kpi-val,.kpi-value{color:var(--text-primary);font-size:1.6rem;font-weight:800;line-height:1;font-family:var(--font-montserrat,"Montserrat", sans-serif);letter-spacing:-.5px}@media (width<=1200px){.sp-kpis-grid,.dash-kpis-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sp-kpis-grid,.dash-kpis-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sp-kpi-card,.kpi-single-card{min-height:70px;padding:10px 14px}.mc-header-row-parallel{flex-direction:column;align-items:flex-start;gap:14px}}@media (width<=640px){.sp-kpis-grid,.dash-kpis-grid{grid-template-columns:1fr}.mc-parallel-controls{width:100%;margin-left:0}}@media (width<=480px){.sp-kpis-grid,.dash-kpis-grid{grid-template-columns:1fr}}.sp-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#003833;border:none;border-radius:50px;align-items:center;gap:6px;padding:9px 20px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex}.sp-btn-primary:hover{background:#005c54;transform:translateY(-1px);box-shadow:0 4px 12px #00383340}.sp-btn-primary:active{transform:translateY(0)}.sp-btn-outline{color:#003833;cursor:pointer;background:0 0;border:2px solid #003833;border-radius:50px;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.sp-btn-outline:hover{color:#fff;background:#003833}[data-theme=dark] .sp-btn-outline{color:#34d399;border-color:#34d399}[data-theme=dark] .sp-btn-outline:hover{color:#003833;background:#34d399}.sp-btn-accent{color:#003833;cursor:pointer;white-space:nowrap;background:#e7aa39;border:none;border-radius:50px;align-items:center;gap:6px;padding:9px 22px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:background .15s,transform .12s;display:inline-flex}.sp-btn-accent:hover{background:#f5b945;transform:translateY(-1px)}.sp-btn-ghost{background:var(--bg-neutral-light);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:inline-flex}.sp-btn-ghost:hover{color:#003833;background:var(--bg-card);border-color:#003833}.sp-workspace{grid-template-columns:320px 1fr;gap:16px;margin-bottom:24px;display:grid}@media (width<=900px){.sp-workspace{grid-template-columns:1fr}}.sp-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 1px 4px #0000000a}.sp-list-panel{flex-direction:column;height:680px;display:flex}.sp-list-search-row{align-items:center;gap:8px;padding:14px 14px 10px;display:flex;position:relative}.sp-search-wrap{flex:1;position:relative}.sp-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sp-search-input{border:1px solid var(--border-color);background:var(--bg-app);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:8px 12px 8px 32px;font-family:Outfit,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.sp-search-input:focus{border-color:#003833;box-shadow:0 0 0 3px #0038331a}.sp-search-input::placeholder{color:var(--text-muted)}.sp-filter-btn{position:relative}.sp-filter-btn.active{color:#fff;background:#003833;border-color:#003833}[data-theme=dark] .sp-filter-btn.active{color:#003833;background:#34d399;border-color:#34d399}.sp-filter-menu{background:var(--bg-card);border:1px solid var(--border-color);z-index:50;border-radius:10px;flex-direction:column;gap:2px;width:180px;padding:6px;animation:.15s rt-fadeUp;display:flex;position:absolute;top:calc(100% + 4px);right:14px;box-shadow:0 10px 25px #0000001f}.sp-filter-option{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:500;transition:all .12s;display:flex}.sp-filter-option:hover{background:var(--bg-neutral-light);color:#003833}[data-theme=dark] .sp-filter-option:hover{color:#34d399}.sp-filter-option.selected{color:#003833;background:#00383314;font-weight:700}[data-theme=dark] .sp-filter-option.selected{color:#34d399;background:#34d39926}.sp-active-filter-bar{color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 14px 10px;font-size:11.5px;display:flex}.sp-active-chip{background:var(--bg-neutral-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sp-chip-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:0;display:flex}.sp-chip-clear:hover{color:#ef4444}.sp-ticket-scroll{flex-direction:column;flex:1;gap:8px;padding:6px 10px 10px;display:flex;overflow-y:auto}.sp-pagination-bar{border-top:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:11.5px;display:flex}.sp-pagination-btns{align-items:center;gap:4px;display:flex}.sp-page-nav-btn{border:1px solid var(--border-color);background:var(--bg-card);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;transition:all .15s;display:flex}.sp-page-nav-btn:hover:not(:disabled){background:var(--bg-neutral-light);color:#003833;border-color:#003833}[data-theme=dark] .sp-page-nav-btn:hover:not(:disabled){color:#34d399;border-color:#34d399}.sp-page-nav-btn.active{color:#fff;background:#003833;border-color:#003833}[data-theme=dark] .sp-page-nav-btn.active{color:#003833;background:#34d399;border-color:#34d399}.sp-page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.sp-ticket-item{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;border-radius:10px;padding:12px 13px;transition:border-color .15s,background .15s,box-shadow .15s}.sp-ticket-item:hover{background:var(--bg-neutral-light);border-color:#003833}.sp-ticket-item.sp-active{background:var(--bg-neutral-light);border-color:#003833;box-shadow:inset 3px 0 #003833}.sp-ticket-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sp-ticket-id{color:var(--text-muted);font-size:11px;font-weight:600}.sp-ticket-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:13px;font-weight:600;overflow:hidden}.sp-ticket-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:11px;overflow:hidden}.sp-ticket-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:4px;padding-top:7px;display:flex}.sp-ticket-date{color:var(--text-muted);font-size:10px}.sp-status{text-transform:capitalize;border:1px solid #0000;border-radius:50px;padding:2px 9px;font-size:10.5px;font-weight:600;display:inline-block}.sp-status-open{color:#10b981;background:#ecfdf5;border-color:#d1fae5}.sp-status-progress{color:#f59e0b;background:#fffbeb;border-color:#fef3c7}.sp-status-resolved{color:#3b82f6;background:#eff6ff;border-color:#dbeafe}.sp-status-closed{background:var(--bg-neutral-light);color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .sp-status-open{color:#34d399;background:#064e3b;border-color:#065f46}[data-theme=dark] .sp-status-progress{color:#fbbf24;background:#78350f;border-color:#92400e}[data-theme=dark] .sp-status-resolved{color:#60a5fa;background:#1e3a8a;border-color:#1e40af}.sp-priority{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:2px 8px;font-size:9.5px;font-weight:700;display:inline-block}.sp-priority-low{color:#16a34a;background:#f0fdf4}.sp-priority-medium{color:#ca8a04;background:#fefce8}.sp-priority-high{color:#ea580c;background:#fff7ed}.sp-priority-urgent{color:#dc2626;background:#fef2f2}[data-theme=dark] .sp-priority-low{color:#4ade80;background:#052e16}[data-theme=dark] .sp-priority-medium{color:#fde047;background:#422006}[data-theme=dark] .sp-priority-high{color:#fb923c;background:#431407}[data-theme=dark] .sp-priority-urgent{color:#f87171;background:#450a0a}.sp-chat-panel{flex-direction:column;height:680px;display:flex}.sp-chat-header{background:var(--bg-neutral-light);border-bottom:1px solid var(--border-color);padding:14px 18px}.sp-chat-header-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.sp-chat-header-id{color:var(--text-muted);font-size:11px;font-weight:600}.sp-chat-header-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.sp-chat-header-info{color:var(--text-secondary);margin-top:2px;font-size:11px}.sp-chat-messages{background:var(--bg-app);flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.sp-bubble-wrap{flex-direction:column;gap:4px;display:flex}.sp-bubble-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sp-bubble-meta.right{justify-content:flex-end}.sp-bubble-name{color:var(--text-primary);font-size:11.5px;font-weight:600}.sp-bubble-role{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:600}.sp-bubble-role-agent{color:#4f46e5;background:#eef2ff}.sp-bubble-role-student{color:#059669;background:#ecfdf5}[data-theme=dark] .sp-bubble-role-agent{color:#818cf8;background:#1e1b4b}[data-theme=dark] .sp-bubble-role-student{color:#34d399;background:#064e3b}.sp-bubble-time{color:var(--text-muted);font-size:9.5px}.sp-bubble-avatar{object-fit:cover;border-radius:50%;width:22px;height:22px}.sp-bubble{border-radius:12px;max-width:72%;padding:11px 14px;font-size:13px;line-height:1.55}.sp-bubble.student{color:#fff;background:#003833;border-top-right-radius:2px;align-self:flex-end}.sp-bubble.agent{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-top-left-radius:2px}.rich-text-html,.rich-text-doc{word-break:break-word;line-height:1.6}.sp-bubble.student a{font-weight:600;color:#fde047!important;text-decoration:underline!important}.sp-bubble.student a:hover{color:#fef08a!important}.sp-bubble.student code{color:#fff!important;background:#ffffff2e!important}.sp-bubble.student blockquote{color:#fff!important;background:#ffffff14!important;border-left-color:#fde047!important}.sp-bubble.student pre,.sp-bubble.student pre.ql-syntax{color:#f8fafc!important;background:#00000073!important;border-color:#ffffff2e!important}.sp-bubble.agent a{color:#0284c7!important;text-decoration:underline!important}[data-theme=dark] .sp-bubble.agent a{color:#38bdf8!important}.sp-attachment{border:1px solid #fff3;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.sp-attachment.agent-att{border-color:var(--border-color);background:var(--bg-neutral-light);color:var(--text-primary)}.sp-reply-section{border-top:1px solid var(--border-color);background:var(--bg-card)}.sp-editor-bar{border-bottom:1px solid var(--border-color);background:var(--bg-neutral-light);flex-wrap:wrap;align-items:center;gap:2px;padding:8px 14px;display:flex}.sp-editor-tool{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:all .12s;display:flex}.sp-editor-tool:hover{background:var(--border-color);color:#003833}.sp-editor-sep{background:var(--border-color);width:1px;height:18px;margin:0 4px}.sp-reply-form{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.sp-reply-textarea{border:1px solid var(--border-color);background:var(--bg-app);width:100%;color:var(--text-primary);resize:none;border-radius:8px;outline:none;padding:10px 12px;font-family:Outfit,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.sp-reply-textarea:focus{border-color:#003833;box-shadow:0 0 0 3px #0038331a}.sp-reply-textarea::placeholder{color:var(--text-muted)}.sp-reply-footer{justify-content:flex-end;display:flex}.sp-closed-notice-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;margin:16px;padding:32px 24px;display:flex;box-shadow:0 2px 10px #00000008}.sp-closed-icon-wrap{color:#003833;background:#00383314;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}[data-theme=dark] .sp-closed-icon-wrap{color:#34d399;background:#34d39926}.sp-closed-title{color:var(--text-primary);margin:0 0 6px;font-size:1.15rem;font-weight:700}.sp-closed-date{color:var(--text-secondary);margin:0 0 14px;font-size:12.5px;font-weight:500}.sp-closed-desc{color:var(--text-secondary);max-width:480px;margin:0;font-size:13px;line-height:1.55}.sp-resolution-confirm-card{background:linear-gradient(135deg,#e7aa391a 0%,#e7aa3908 100%);border:1px solid #e7aa3959;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:12px 16px 16px;padding:16px 20px;display:flex}.sp-resolution-content-wrap{flex:1;align-items:center;gap:14px;min-width:240px;display:flex}.sp-resolution-icon-wrap{color:#d97706;background:#e7aa3933;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}[data-theme=dark] .sp-resolution-icon-wrap{color:#fbbf24}.sp-resolution-title{color:var(--text-primary);margin:0 0 3px;font-size:13.5px;font-weight:700}.sp-resolution-desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.sp-resolution-actions{align-items:center;gap:10px;display:flex}.sp-btn-confirm-yes{color:#fff;cursor:pointer;background:#003833;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #00383333}.sp-btn-confirm-yes:hover:not(:disabled){background:#004d47;transform:translateY(-1px)}.sp-btn-confirm-yes:disabled{opacity:.6;cursor:not-allowed}.sp-btn-confirm-no{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #dc262659;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.sp-btn-confirm-no:hover:not(:disabled){background:#dc262614;border-color:#dc2626}.sp-btn-confirm-no:disabled{opacity:.6;cursor:not-allowed}.sp-system-log-wrap{justify-content:center;align-items:center;width:100%;padding:8px 0;display:flex}.sp-system-log-pill{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);text-align:center;border-radius:20px;align-items:center;gap:8px;max-width:90%;padding:6px 14px;font-size:11.5px;font-weight:500;display:inline-flex;box-shadow:0 1px 4px #0000000a}.sp-system-log-pill.transferred{color:#4f46e5;background:#6366f10f;border-color:#6366f14d}[data-theme=dark] .sp-system-log-pill.transferred{color:#a5b4fc}.sp-system-log-pill.closed{color:#059669;background:#10b9810f;border-color:#10b9814d}[data-theme=dark] .sp-system-log-pill.closed{color:#34d399}.sp-system-log-pill.reopened{color:#d97706;background:#f59e0b0f;border-color:#f59e0b4d}[data-theme=dark] .sp-system-log-pill.reopened{color:#fbbf24}.sp-log-time{color:var(--text-muted);margin-left:4px;font-size:10px}@keyframes sp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sp-skeleton-pulse{background:linear-gradient(90deg,#0000000d 25%,#00000017 50%,#0000000d 75%) 0 0/200% 100%;border-radius:6px;animation:1.6s ease-in-out infinite sp-shimmer}[data-theme=dark] .sp-skeleton-pulse{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%) 0 0/200% 100%}.sp-skeleton-ticket-item{border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;flex-direction:column;gap:8px;padding:14px 13px;display:flex}.sp-skeleton-top{justify-content:space-between;align-items:center;display:flex}.sp-skeleton-code{width:65px;height:12px}.sp-skeleton-badge{border-radius:20px;width:55px;height:16px}.sp-skeleton-subject{width:80%;height:14px}.sp-skeleton-preview{width:95%;height:11px}.sp-skeleton-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:6px;display:flex}.sp-skeleton-date{width:70px;height:10px}.sp-skeleton-priority{width:45px;height:12px}.sp-skeleton-chat-list{flex-direction:column;gap:18px;padding:10px 4px;display:flex}.sp-skeleton-chat-bubble{flex-direction:column;gap:6px;max-width:68%;display:flex}.sp-skeleton-chat-bubble.right{align-self:flex-end;align-items:flex-end}.sp-skeleton-chat-meta{align-items:center;gap:8px;display:flex}.sp-skeleton-avatar{border-radius:50%;width:20px;height:20px}.sp-skeleton-name{width:70px;height:11px}.sp-skeleton-role{border-radius:4px;width:40px;height:12px}.sp-skeleton-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:6px;width:100%;min-height:54px;padding:12px 14px;display:flex}.sp-skeleton-line{border-radius:4px;height:11px}.sp-ticket-rating-badge{color:#d97706;letter-spacing:.1px;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:5px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}[data-theme=dark] .sp-ticket-rating-badge{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b73}.sp-btn-rate-pill{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:16px;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #f59e0b40}.sp-btn-rate-pill:hover{transform:translateY(-1px);box-shadow:0 4px 10px #f59e0b66}.sp-btn-rated-pill{color:#d97706;cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:16px;align-items:center;gap:4px;padding:3px 9px;font-family:inherit;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex}[data-theme=dark] .sp-btn-rated-pill{color:#fbbf24;background:#f59e0b29;border-color:#f59e0b66}.sp-btn-rated-pill:hover{background:#f59e0b38;border-color:#f59e0b;transform:translateY(-1px)}.sp-closed-notice-card{padding:16px 18px!important}.sp-closed-rate-prompt{border-top:1px dashed var(--border-color,#0000001a);flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:10px;padding-top:10px;display:flex}.sp-closed-rate-prompt-text{color:var(--text-secondary);margin:0;font-size:11.5px;font-weight:500}.sp-btn-rate-primary{color:#fff;font-size:12px;font-weight:600;font-family:var(--font-outfit,"Outfit", sans-serif);cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 15px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #f59e0b40}.sp-btn-rate-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b61}.sp-rated-summary-box{background:var(--bg-card,#fff);box-sizing:border-box;border:1px solid #f59e0b47;border-radius:8px;flex-direction:column;gap:4px;width:100%;max-width:380px;margin-top:10px;padding:8px 12px;display:flex;box-shadow:0 1px 6px #f59e0b0f}[data-theme=dark] .sp-rated-summary-box{background:#f59e0b0f;border-color:#f59e0b38}.sp-rated-summary-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.sp-rated-stars{align-items:center;gap:2px;display:flex}.sp-rated-text-score{color:#d97706;font-size:12px;font-weight:700}[data-theme=dark] .sp-rated-text-score{color:#fbbf24}.sp-rated-date-text{color:var(--text-muted);font-size:10.5px}.sp-btn-edit-rating{border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:5px;margin-left:4px;padding:2px 7px;font-family:inherit;font-size:10.5px;font-weight:600;transition:all .15s}.sp-btn-edit-rating:hover{background:var(--bg-neutral-light,#f1f5f9);color:var(--text-primary);border-color:var(--text-muted)}.sp-rated-quote{color:var(--text-secondary);text-align:center;background:#00000005;border-radius:6px;padding:5px 8px;font-size:11.5px;font-style:italic;line-height:1.4}[data-theme=dark] .sp-rated-quote{background:#ffffff08}.sp-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:999999;box-sizing:border-box;background:#0000009e;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:16px;animation:.2s ease-out both sp-modalFadeIn;display:flex;position:fixed;inset:0}@keyframes sp-modalFadeIn{0%{opacity:0}to{opacity:1}}.sp-rating-modal{background:var(--bg-card,#fff);border:1px solid var(--border-color,#00000014);box-sizing:border-box;border-radius:16px;flex-direction:column;width:100%;max-width:410px;max-height:92vh;margin:auto;animation:.24s cubic-bezier(.16,1,.3,1) both sp-modalScaleUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 48px -10px #00000059,0 4px 16px #00000014}[data-theme=dark] .sp-rating-modal{background:#0d211e;border:1px solid #ffffff1f;box-shadow:0 24px 60px #0009}@keyframes sp-modalScaleUp{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.sp-rating-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:14px 18px 12px;display:flex}.sp-rating-modal-title-wrap{align-items:center;gap:10px;min-width:0;display:flex}.sp-rating-modal-icon{color:#d97706;background:linear-gradient(135deg,#f59e0b33,#d9770640);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-theme=dark] .sp-rating-modal-icon{color:#fbbf24;background:linear-gradient(135deg,#f59e0b40,#d9770659)}.sp-rating-modal-title{font-family:var(--font-outfit,"Outfit", sans-serif);color:var(--text-primary);margin:0;font-size:15px;font-weight:700;line-height:1.2}.sp-rating-modal-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:290px;margin:2px 0 0;font-size:11.5px;overflow:hidden}.sp-modal-close-btn{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-neutral-light,#f8fafc);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.sp-modal-close-btn:hover:not(:disabled){color:#ef4444;background:#fee2e2;border-color:#fca5a5}.sp-rating-modal-body{flex-direction:column;gap:12px;padding:14px 18px 16px;display:flex}.sp-rating-agent-chip{background:#0038330d;border:1px solid #0038331f;border-radius:6px;align-items:center;gap:5px;width:fit-content;padding:3px 8px;font-size:11px;display:inline-flex}[data-theme=dark] .sp-rating-agent-chip{background:#ffffff0d;border-color:#ffffff1a}.sp-agent-label{color:var(--text-secondary)}.sp-agent-name{color:var(--text-primary);font-weight:600}.sp-rating-stars-section{background:var(--bg-app);border:1px dashed var(--border-color,#cbd5e1);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 10px 8px;display:flex}.sp-rating-label{color:var(--text-primary);text-align:center;font-size:12px;font-weight:600}.sp-star-rating-row{justify-content:center;align-items:center;gap:6px;display:flex}.sp-star-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:flex}.sp-star-btn:hover{transform:scale(1.22)}.sp-star-btn:active{transform:scale(.95)}.sp-star-icon{color:#cbd5e1;stroke:#94a3b8;stroke-width:1.5px;transition:all .2s}[data-theme=dark] .sp-star-icon{color:#334155;stroke:#64748b}.sp-star-icon.filled{color:#f59e0b;fill:#f59e0b;stroke:#d97706;filter:drop-shadow(0 2px 5px #f59e0b66)}.sp-rating-mood-label{color:#d97706;text-align:center;min-height:16px;font-size:11.5px;font-weight:600;transition:all .2s}[data-theme=dark] .sp-rating-mood-label{color:#fbbf24}.sp-rating-tags-section{flex-direction:column;gap:5px;display:flex}.sp-rating-tags-label{color:var(--text-secondary);font-size:11px;font-weight:600}.sp-rating-tags-list{flex-wrap:wrap;gap:5px;display:flex}.sp-rating-tag-chip{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:14px;padding:3px 9px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.sp-rating-tag-chip:hover{background:var(--bg-neutral-light,#f1f5f9);color:var(--text-primary);border-color:#003833}.sp-rating-tag-chip.selected{color:#003833;background:#0038331a;border-color:#003833;font-weight:600}[data-theme=dark] .sp-rating-tag-chip.selected{color:#34d399;background:#34d39926;border-color:#34d399}.sp-rating-textarea-group{flex-direction:column;gap:4px;display:flex}.sp-rating-textarea-header{justify-content:space-between;align-items:center;display:flex}.sp-char-count{color:var(--text-muted);font-size:10px}.sp-rating-textarea{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-app);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:12px;line-height:1.45;transition:all .2s}.sp-rating-textarea:focus{border-color:#003833;box-shadow:0 0 0 2.5px #0038331f}[data-theme=dark] .sp-rating-textarea:focus{border-color:#34d399;box-shadow:0 0 0 2.5px #34d39933}.sp-rating-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:11.5px;display:flex}[data-theme=dark] .sp-rating-error{color:#f87171;background:#dc262626;border-color:#dc262659}.sp-rating-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);justify-content:flex-end;align-items:center;gap:8px;padding-top:8px;display:flex}.sp-btn-modal-cancel{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.sp-btn-modal-cancel:hover:not(:disabled){background:var(--bg-neutral-light,#f1f5f9);color:var(--text-primary)}.sp-btn-modal-submit{color:#fff;font-size:12px;font-weight:600;font-family:var(--font-outfit,"Outfit", sans-serif);cursor:pointer;background:#003833;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #00383333}.sp-btn-modal-submit:hover:not(:disabled){background:#004d47;transform:translateY(-1px);box-shadow:0 4px 12px #0038334d}.sp-btn-modal-submit:disabled{opacity:.6;cursor:not-allowed}.sp-rating-success-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 18px;animation:.3s both sp-fadeUp;display:flex}.sp-rating-success-icon-wrap{color:#10b981;background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:2px;animation:.4s cubic-bezier(.34,1.56,.64,1) both sp-pop;display:flex}@keyframes sp-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.sp-rating-success-title{font-family:var(--font-outfit,"Outfit", sans-serif);color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.sp-rating-success-desc{color:var(--text-secondary);max-width:320px;margin:0;font-size:12px;line-height:1.45}.sp-rating-success-stars{align-items:center;gap:3px;margin-top:4px;display:flex}.rt-page{font-family:var(--font-poppins,"Poppins", sans-serif);background-color:var(--bg-app);color:var(--text-primary);padding:var(--page-padding,28px 28px 40px);min-height:100%;animation:.3s both rt-fadeUp;overflow-y:auto}@keyframes rt-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rt-header{align-items:center;gap:14px;margin-bottom:28px;display:flex}.rt-back-btn{background:var(--bg-neutral-light);color:#003833;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .12s;display:flex}.rt-back-btn:hover{background:var(--border-color);transform:scale(1.05)}.rt-btn-back-right{background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border-color);cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.rt-btn-back-right:hover{background:var(--bg-neutral-light);color:#003833;border-color:#003833;transform:translate(-2px)}[data-theme=dark] .rt-btn-back-right:hover{color:#34d399;border-color:#34d399}.rt-breadcrumb{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:3px;font-size:11.5px;display:flex}.rt-page-title{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:1.5rem;font-weight:700}.rt-page-sub{color:var(--text-secondary);margin:3px 0 0;font-size:12.5px}.rt-layout{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}@media (width<=960px){.rt-layout{grid-template-columns:1fr}}.rt-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:18px;padding:22px 24px;box-shadow:0 1px 4px #0000000a}.rt-section:last-child{margin-bottom:0}.rt-section-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.rt-step-badge{color:#fff;background:#003833;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.rt-section-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.rt-form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (width<=640px){.rt-form-row{grid-template-columns:1fr}}.rt-field{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.rt-field:last-child{margin-bottom:0}.rt-label{color:var(--text-primary);font-size:12.5px;font-weight:600}.rt-label-req{color:#ef4444;margin-left:2px}.rt-hint{color:var(--text-muted);margin-top:2px;font-size:10px}.rt-input{border:1.5px solid var(--border-color);background:var(--bg-card,#fff);width:100%;height:48px;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:0 16px;font-family:Outfit,sans-serif;font-size:14px;transition:all .2s cubic-bezier(.16,1,.3,1)}.rt-input:focus{background:#fff;border-color:#003833;box-shadow:0 0 0 4px #00383314}[data-theme=dark] .rt-input:focus{background:var(--bg-card);border-color:#34d399;box-shadow:0 0 0 4px #34d39926}.rt-input::placeholder{color:var(--text-muted);font-size:13.5px}.rt-simple-textarea{border:1.5px solid var(--border-color);background:var(--bg-card,#fff);width:100%;min-height:150px;color:var(--text-primary);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;padding:14px 16px;font-family:Outfit,sans-serif;font-size:14px;line-height:1.6;transition:all .2s cubic-bezier(.16,1,.3,1)}.rt-simple-textarea:focus{border-color:#003833;box-shadow:0 0 0 4px #00383314}[data-theme=dark] .rt-simple-textarea:focus{border-color:#34d399;box-shadow:0 0 0 4px #34d39926}.rt-simple-textarea::placeholder{color:var(--text-muted);font-size:13.5px}.rt-priority-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:4px;display:grid}@media (width<=768px){.rt-priority-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.rt-priority-grid{grid-template-columns:1fr}}.rt-priority-card{background:var(--bg-card,#fff);border:1.5px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.rt-priority-card:before{content:"";background:0 0;height:3px;transition:background .25s;position:absolute;top:0;left:0;right:0}.rt-priority-card:hover{border-color:#00383366;transform:translateY(-3px);box-shadow:0 8px 20px #0000000f}.rt-priority-card.theme-low:hover,.rt-priority-card.theme-low.rt-selected{background:linear-gradient(145deg, var(--bg-card) 0%, #10b9810a 100%);border-color:#10b981;box-shadow:0 8px 22px #10b9811f}.rt-priority-card.theme-low.rt-selected:before{background:linear-gradient(90deg,#10b981,#34d399)}.rt-priority-card.theme-medium:hover,.rt-priority-card.theme-medium.rt-selected{background:linear-gradient(145deg, var(--bg-card) 0%, #3b82f60a 100%);border-color:#3b82f6;box-shadow:0 8px 22px #3b82f61f}.rt-priority-card.theme-medium.rt-selected:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.rt-priority-card.theme-high:hover,.rt-priority-card.theme-high.rt-selected{background:linear-gradient(145deg, var(--bg-card) 0%, #f59e0b0a 100%);border-color:#f59e0b;box-shadow:0 8px 22px #f59e0b24}.rt-priority-card.theme-high.rt-selected:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.rt-priority-card.theme-urgent:hover,.rt-priority-card.theme-urgent.rt-selected{background:linear-gradient(145deg, var(--bg-card) 0%, #ef44440d 100%);border-color:#ef4444;box-shadow:0 8px 22px #ef444429}.rt-priority-card.theme-urgent.rt-selected:before{background:linear-gradient(90deg,#ef4444,#f87171)}.rt-priority-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.rt-priority-check-badge{width:22px;height:22px;color:var(--border-color);border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.rt-priority-empty-dot{background:var(--border-color);border-radius:50%;width:8px;height:8px;transition:all .2s}.rt-priority-card:hover .rt-priority-empty-dot{background:var(--text-muted)}.theme-low .rt-priority-check-badge.active{color:#10b981;filter:drop-shadow(0 0 6px #10b98199);animation:.3s cubic-bezier(.34,1.56,.64,1) rt-badge-pop}.theme-medium .rt-priority-check-badge.active{color:#3b82f6;filter:drop-shadow(0 0 6px #3b82f699);animation:.3s cubic-bezier(.34,1.56,.64,1) rt-badge-pop}.theme-high .rt-priority-check-badge.active{color:#f59e0b;filter:drop-shadow(0 0 6px #f59e0b99);animation:.3s cubic-bezier(.34,1.56,.64,1) rt-badge-pop}.theme-urgent .rt-priority-check-badge.active{color:#ef4444;filter:drop-shadow(0 0 6px #ef444499);animation:.3s cubic-bezier(.34,1.56,.64,1) rt-badge-pop}@keyframes rt-badge-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.rt-priority-name{color:var(--text-primary);letter-spacing:-.2px;font-size:13.5px;font-weight:700}.rt-priority-desc{color:var(--text-secondary);font-size:11.5px;line-height:1.4}.rt-section.rt-section-full-width{box-sizing:border-box;width:100%;margin-top:20px}.rt-info-bar{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:18px 24px;display:flex}@media (width<=768px){.rt-info-bar{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}}[data-theme=dark] .rt-info-bar{background:#052e16;border-color:#065f46}.rt-info-bar-left{align-items:center;gap:14px;display:flex}.rt-info-bar-check{color:#10b981;flex-shrink:0}[data-theme=dark] .rt-info-bar-check{color:#34d399}.rt-info-bar-heading{color:#065f46;margin:0 0 3px;font-family:Outfit,sans-serif;font-size:14.5px;font-weight:700}[data-theme=dark] .rt-info-bar-heading{color:#34d399}.rt-info-bar-text{color:var(--text-secondary);max-width:550px;margin:0;font-size:12.5px;line-height:1.45}.rt-info-stats-wrap{flex-shrink:0;align-items:center;gap:28px;display:flex}@media (width<=600px){.rt-info-stats-wrap{border-top:1px solid #0000000f;justify-content:space-between;gap:12px;width:100%;padding-top:12px}[data-theme=dark] .rt-info-stats-wrap{border-color:#ffffff14}}.rt-info-stat{text-align:left}.rt-info-stat-lbl{color:var(--text-muted);margin-bottom:2px;font-size:11px;display:block}.rt-info-stat-val{color:var(--text-primary);font-size:13.5px;font-weight:700;display:block}.rt-form-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.rt-btn-cancel{background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border-color);cursor:pointer;border-radius:50px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 28px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.rt-btn-cancel:hover{color:#003833;background:var(--bg-neutral-light);border-color:#003833;transform:translateY(-1px)}[data-theme=dark] .rt-btn-cancel:hover{color:#34d399;border-color:#34d399}.rt-btn-submit{color:#fff;cursor:pointer;background:#003833;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 32px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.rt-btn-submit:hover{background:#005c54;transform:translateY(-2px);box-shadow:0 6px 18px #0038334d}.rt-btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.rt-sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:18px;padding:22px;box-shadow:0 1px 4px #0000000a}.rt-sidebar-card:last-child{margin-bottom:0}.rt-sidebar-title{color:var(--text-primary);letter-spacing:-.2px;margin:0 0 6px;font-size:1.05rem;font-weight:700}.rt-sidebar-sub{color:var(--text-secondary);margin:0 0 16px;font-size:12.5px;line-height:1.45}.rt-help-link{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.rt-help-link:last-child{border-bottom:none}.rt-help-link:hover{color:#003833;transform:translate(3px)}[data-theme=dark] .rt-help-link:hover{color:#34d399}.rt-help-link-left{align-items:center;gap:10px;display:flex}.rt-btn-help{color:#003833;cursor:pointer;background:0 0;border:2px solid #003833;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:16px;padding:0 20px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:flex}.rt-btn-help:hover{color:#fff;background:#003833;transform:translateY(-1px)}[data-theme=dark] .rt-btn-help{color:#34d399;border-color:#34d399}[data-theme=dark] .rt-btn-help:hover{color:#003833;background:#34d399}.rt-dropzone{border:2px dashed var(--border-color);text-align:center;background:var(--bg-app);cursor:pointer;border-radius:12px;padding:24px 16px;transition:all .2s}.rt-dropzone:hover{background:var(--bg-neutral-light);border-color:#003833}[data-theme=dark] .rt-dropzone:hover{border-color:#34d399}.rt-dropzone-title{color:var(--text-primary);margin:8px 0 2px;font-size:13px;font-weight:700}.rt-dropzone-hint{color:var(--text-muted);font-size:11.5px}.rt-dropzone-formats{color:var(--text-muted);margin-top:10px;font-size:11px;line-height:1.5}.rt-file-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.rt-file-list-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.rt-file-list-count{color:var(--text-primary);font-size:12px;font-weight:700}.rt-file-list-hint{color:var(--text-muted);font-size:11px}.rt-file-item{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;transition:all .15s;display:flex}.rt-file-item:hover{background:var(--bg-neutral-light);border-color:#003833;transform:translateY(-1px)}[data-theme=dark] .rt-file-item:hover{border-color:#34d399}.rt-file-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.rt-file-type-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.rt-file-type-icon.img{color:#3b82f6;background:#eff6ff}.rt-file-type-icon.pdf{color:#ef4444;background:#fef2f2}.rt-file-type-icon.doc{color:#10b981;background:#f0fdf4}.rt-file-info-col{flex-direction:column;min-width:0;display:flex}.rt-file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.rt-file-size{color:var(--text-muted);font-size:10.5px}.rt-file-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.rt-file-btn-preview{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .12s;display:flex}.rt-file-btn-preview:hover{background:var(--bg-neutral-light);color:#003833}[data-theme=dark] .rt-file-btn-preview:hover{color:#34d399}.rt-file-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .12s;display:flex}.rt-file-remove:hover{color:#ef4444;background:#fee2e2}.rt-privacy-banner{color:var(--text-secondary);background:linear-gradient(135deg,#0038330d 0%,#00383305 100%);border:1px solid #00383326;border-radius:10px;align-items:center;gap:12px;margin-top:18px;padding:12px 16px;font-size:12px;line-height:1.5;display:flex}[data-theme=dark] .rt-privacy-banner{color:#94a3b8;background:#34d3990d;border-color:#34d39933}.rt-privacy-banner-icon{color:#003833;background:#00383314;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-theme=dark] .rt-privacy-banner-icon{color:#34d399;background:#34d39926}.rt-privacy-box{border:1px solid var(--border-color);background:var(--bg-app);color:var(--text-secondary);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:11.5px;line-height:1.5;display:flex}.rt-preview-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:99999;box-sizing:border-box;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}@media (width<=600px){.rt-preview-modal-backdrop{padding:12px}}.rt-preview-modal-card{background:var(--bg-card,#fff);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:100%;max-width:900px;height:auto;max-height:90vh;margin:auto;animation:.28s cubic-bezier(.16,1,.3,1) both rt-modalPopCenter;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}@keyframes rt-modalPopCenter{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.rt-preview-modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-neutral-light,#f8fafc);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.rt-preview-file-title-wrap{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.rt-preview-header-icon-box{background:#00383314;border:1.5px solid #10b98166;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 16px #10b98126}[data-theme=dark] .rt-preview-header-icon-box{background:#34d3991f;border-color:#34d39980}.rt-preview-pill-badge{text-transform:uppercase;letter-spacing:.8px;color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:50px;align-items:center;gap:4px;padding:2px 10px;font-size:10.5px;font-weight:800;display:inline-flex}[data-theme=dark] .rt-preview-pill-badge{color:#34d399;background:#10b98126;border-color:#34d3994d}.rt-preview-header-texts{flex-direction:column;gap:2px;min-width:0;display:flex}.rt-preview-file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:420px;margin:0;font-family:Outfit,sans-serif;font-size:14.5px;font-weight:800;overflow:hidden}.rt-preview-file-meta{color:var(--text-muted);font-size:11px;font-weight:500}.rt-preview-header-btns{flex-shrink:0;align-items:center;gap:10px;display:flex}.rt-preview-download-btn{border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:50px;align-items:center;gap:6px;padding:7px 16px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.rt-preview-download-btn:hover{color:#003833;background:var(--bg-neutral-light);border-color:#003833}[data-theme=dark] .rt-preview-download-btn:hover{color:#34d399;border-color:#34d399}.rt-preview-close-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.rt-preview-close-btn:hover{color:var(--text-primary);background:#00000014}[data-theme=dark] .rt-preview-close-btn:hover{color:#fff;background:#ffffff1a}.rt-preview-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-neutral-light,#f8fafc);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.rt-preview-footer-tip{color:var(--text-muted);font-size:11.5px}.rt-preview-footer-close-btn{color:#fff;cursor:pointer;background:#003833;border:none;border-radius:10px;padding:8px 20px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:all .15s;box-shadow:0 4px 12px #00383333}.rt-preview-footer-close-btn:hover{background:#005c54;transform:translateY(-1px)}[data-theme=dark] .rt-preview-footer-close-btn{color:#0f172a;background:#10b981}[data-theme=dark] .rt-preview-footer-close-btn:hover{background:#34d399}.rt-preview-modal-body{background:var(--bg-app,#f8fafc);box-sizing:border-box;flex:1;justify-content:center;align-items:center;min-height:250px;max-height:calc(90vh - 72px);padding:20px;display:flex;overflow-y:auto}.rt-preview-img-container{justify-content:center;align-items:center;width:100%;height:100%;padding:10px 0;display:flex}.rt-preview-image{object-fit:contain;border-radius:10px;max-width:100%;max-height:70vh;box-shadow:0 4px 18px #0000001f}.rt-preview-iframe-wrapper{width:100%;height:70vh;min-height:400px;display:flex}.rt-preview-iframe{border:1px solid var(--border-color);background:#fff;border-radius:10px;width:100%;height:100%}.rt-preview-text-container{border:1px solid var(--border-color);background:var(--bg-card);box-sizing:border-box;border-radius:10px;width:100%;height:100%;max-height:68vh;padding:16px;overflow:auto}.rt-preview-pre{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.6}.rt-preview-doc-fallback{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:36px 20px;display:flex}.rt-preview-fallback-icon{background:#00383314;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}[data-theme=dark] .rt-preview-fallback-icon{background:#34d3991f}[data-theme=dark] .rt-preview-fallback-icon svg{color:#34d399!important}.rt-preview-doc-fallback h5{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:480px;margin:0;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;overflow:hidden}.rt-preview-doc-fallback p{color:var(--text-secondary);max-width:420px;margin:0 0 8px;font-size:13px;line-height:1.5}@keyframes rt-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.rt-skeleton-pulse{background:linear-gradient(90deg,#0000000d 25%,#00000017 50%,#0000000d 75%) 0 0/200% 100%;border-radius:6px;animation:1.6s ease-in-out infinite rt-shimmer}[data-theme=dark] .rt-skeleton-pulse{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%) 0 0/200% 100%}.rt-skeleton-field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.rt-skeleton-label{width:90px;height:13px}.rt-skeleton-input{border-radius:10px;width:100%;height:48px}.rt-skeleton-hint{width:180px;height:10px}.settings-page-v2{background-color:var(--bg-app);color:var(--text-primary);padding:var(--page-padding,28px 28px 40px);min-height:100vh}.settings-page-v2 .mc-header-row-parallel{margin-bottom:var(--page-header-mb,20px)}.settings-page-v2 .mc-header-title{font-family:var(--page-title-font,var(--font-montserrat,sans-serif));font-size:var(--page-title-size,18px);font-weight:var(--page-title-weight,700);letter-spacing:var(--page-title-letter-spacing,-.2px);color:var(--text-primary);margin:0 0 6px}.settings-layout-grid{grid-template-columns:310px 1fr;align-items:start;gap:24px;display:grid}.settings-left-nav{z-index:5;position:sticky;top:20px}.settings-nav-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:6px;padding:10px;display:flex;box-shadow:0 4px 20px -2px #0038330a}.settings-nav-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.settings-nav-item:hover{background:var(--bg-neutral-light);transform:translate(2px)}.settings-nav-item.active{background-color:var(--color-brand-primary,#003833)!important;border-color:#0000!important;box-shadow:0 4px 14px #00383338!important}[data-theme=dark] .settings-nav-item.active{background-color:var(--color-brand-accent,#e7aa39)!important;border-color:#0000!important;box-shadow:0 4px 16px #e7aa3947!important}.settings-nav-item:before{content:"";opacity:0;border-radius:0 4px 4px 0;width:3.5px;transition:all .22s cubic-bezier(.16,1,.3,1);position:absolute;top:14%;bottom:14%;left:0;transform:scaleY(0)}.settings-nav-item.active:before{opacity:1;transform:scaleY(1)}.settings-nav-item.theme-blue.active:before{background:#3b82f6}.settings-nav-item.theme-amber.active:before{background:#f59e0b}.settings-nav-item.theme-purple.active:before{background:#a855f7}.settings-nav-item.theme-emerald.active:before{background:#10b981}.settings-nav-icon-wrap{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.theme-blue .settings-nav-icon-wrap{color:#2563eb;background:#3b82f61f;border:1px solid #3b82f633}.theme-blue.active .settings-nav-icon-wrap,.settings-accordion-card.theme-blue.open .settings-nav-icon-wrap,.settings-nav-item.theme-blue:hover .settings-nav-icon-wrap{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-color:#0000;transform:scale(1.04);box-shadow:0 4px 14px #3b82f661}.theme-amber .settings-nav-icon-wrap{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b33}.theme-amber.active .settings-nav-icon-wrap,.settings-accordion-card.theme-amber.open .settings-nav-icon-wrap,.settings-nav-item.theme-amber:hover .settings-nav-icon-wrap{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#0000;transform:scale(1.04);box-shadow:0 4px 14px #f59e0b61}.theme-purple .settings-nav-icon-wrap{color:#9333ea;background:#a855f71f;border:1px solid #a855f733}.theme-purple.active .settings-nav-icon-wrap,.settings-accordion-card.theme-purple.open .settings-nav-icon-wrap,.settings-nav-item.theme-purple:hover .settings-nav-icon-wrap{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%);border-color:#0000;transform:scale(1.04);box-shadow:0 4px 14px #a855f761}.theme-emerald .settings-nav-icon-wrap{color:#059669;background:#10b9811f;border:1px solid #10b98133}.theme-emerald.active .settings-nav-icon-wrap,.settings-accordion-card.theme-emerald.open .settings-nav-icon-wrap,.settings-nav-item.theme-emerald:hover .settings-nav-icon-wrap{color:#fff;background:linear-gradient(135deg,#10b981 0%,#047857 100%);border-color:#0000;transform:scale(1.04);box-shadow:0 4px 14px #10b98161}[data-theme=dark] .theme-blue .settings-nav-icon-wrap{color:#60a5fa;background:#3b82f629;border:1px solid #3b82f640}[data-theme=dark] .theme-amber .settings-nav-icon-wrap{color:#fbbf24;background:#f59e0b29;border:1px solid #f59e0b40}[data-theme=dark] .theme-purple .settings-nav-icon-wrap{color:#c084fc;background:#a855f729;border:1px solid #a855f740}[data-theme=dark] .theme-emerald .settings-nav-icon-wrap{color:#34d399;background:#10b98129;border:1px solid #10b98140}.settings-nav-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-nav-title{font-family:var(--font-primary,var(--font-montserrat,sans-serif));color:var(--text-primary);font-size:.88rem;font-weight:600;line-height:1.25}.settings-nav-item.active .settings-nav-title{font-weight:700;color:#fff!important}.settings-accordion-header.active .settings-nav-title{font-weight:700}.settings-nav-desc{font-family:var(--font-secondary,var(--font-poppins,sans-serif));color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1.3;overflow:hidden}.settings-nav-chevron{color:var(--text-muted);opacity:.5;flex-shrink:0;transition:all .2s}.settings-nav-item:hover .settings-nav-chevron{opacity:.9;transform:translate(2px)}.settings-nav-item.active .settings-nav-chevron{transform:translate(3px);opacity:1!important;color:#fff!important}[data-theme=dark] .settings-nav-item.active:before{background:var(--color-brand-primary,#003833)!important}[data-theme=dark] .settings-nav-item.active .settings-nav-icon-wrap{background:var(--color-brand-primary,#003833)!important;color:#fff!important;border-color:#0000!important;box-shadow:0 3px 8px #00000040!important}.settings-main-area{width:100%;min-width:0}@keyframes settingsTabFadeSlide{0%{opacity:0;transform:translateY(10px)scale(.996)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-tab-pane{will-change:opacity, transform;width:100%;animation:.26s cubic-bezier(.16,1,.3,1) forwards settingsTabFadeSlide}.settings-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px -2px #0038330a;padding:24px!important}.settings-section-header h2{font-family:var(--font-primary,var(--font-montserrat,sans-serif));color:var(--text-primary);margin:0 0 4px;font-size:1.15rem;font-weight:700}.settings-section-header p{font-family:var(--font-secondary,var(--font-poppins,sans-serif));color:var(--text-secondary);margin:0;font-size:.82rem}.settings-tab-pane .sound-settings-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 4px 20px -2px #0038330a}.settings-mobile-accordion{flex-direction:column;gap:12px;width:100%;display:flex}.settings-accordion-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 2px 8px #00000008}.settings-accordion-card.open{border-color:#00383333;box-shadow:0 4px 18px #0000000f}[data-theme=dark] .settings-accordion-card.open{border-color:#ffffff26;box-shadow:0 4px 18px #00000040}.settings-accordion-header{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:background-color .2s;display:flex}.settings-accordion-header:hover,.settings-accordion-header.active{background:var(--bg-neutral-light)}[data-theme=dark] .settings-accordion-header.active{background:#ffffff0d}.settings-accordion-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1),color .2s}.settings-accordion-chevron.rotate-180{color:var(--text-primary);transform:rotate(180deg)}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-accordion-body{border-top:1px solid var(--border-color);background:var(--bg-card);animation:.24s cubic-bezier(.16,1,.3,1) forwards accordionSlideDown}.settings-accordion-content-inner{padding:16px 14px}.settings-accordion-content-inner .settings-section-card,.settings-accordion-content-inner .sound-settings-wrapper,.settings-accordion-content-inner .card{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.settings-accordion-content-inner .settings-section-header{display:none!important}@media (width<=768px){.settings-page-v2{padding:var(--page-padding-mobile,16px 14px 32px)}.settings-layout-grid{display:none}}@media (width>=769px){.settings-mobile-accordion{display:none}}.settings-link-btn{color:#003833;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13.5px;font-weight:600;transition:color .18s}.settings-link-btn:hover{text-decoration:underline}[data-theme=dark] .settings-link-btn{color:#34d399}.settings-coming-soon-card{text-align:center;background:var(--bg-neutral-light);border:1px dashed var(--border-color);border-radius:14px;margin:12px 0 0;padding:36px 24px}.settings-coming-soon-icon{color:#003833;background-color:#00383314;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;display:inline-flex}[data-theme=dark] .settings-coming-soon-icon{color:#34d399;background-color:#34d39926}.settings-coming-soon-pill{text-transform:uppercase;letter-spacing:1px;color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:50px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}[data-theme=dark] .settings-coming-soon-pill{color:#34d399;background-color:#34d39926;border-color:#34d3994d}[data-theme=dark] input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] select option{background-color:var(--bg-card);color:var(--text-primary)}[data-theme=dark] .phone-code{background-color:var(--bg-neutral-light);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .input-field:disabled{background-color:var(--bg-neutral-light);border-color:var(--border-color);color:var(--text-muted)}.appearance-theme-row{border-bottom:none!important;padding:8px 0!important}.appearance-options-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.appearance-opt-btn{border:1.5px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary);font-family:var(--font-secondary,var(--font-poppins,sans-serif));cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.appearance-opt-btn:hover{background-color:var(--bg-neutral-light);border-color:#00383333;transform:translateY(-1px)}.appearance-opt-icon{justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.appearance-opt-btn:hover .appearance-opt-icon{transform:scale(1.1)}.appearance-opt-check{opacity:.9;justify-content:center;align-items:center;margin-left:2px;display:inline-flex}.appearance-opt-btn.active{font-weight:600;transform:translateY(-1px);background-color:var(--color-brand-primary,#003833)!important;border-color:var(--color-brand-primary,#003833)!important;color:#fff!important;box-shadow:0 4px 14px #00383338!important}.appearance-opt-btn.active .appearance-opt-check{color:var(--color-brand-accent,#e7aa39)}[data-theme=dark] .appearance-opt-btn{background-color:var(--bg-card,#0d1514);border-color:var(--border-color,#1a2b28);color:var(--text-primary,#f0f5f4)}[data-theme=dark] .appearance-opt-btn:hover{color:#fff;background-color:#ffffff0f;border-color:#fff3}[data-theme=dark] .appearance-opt-btn.active{font-weight:700;background-color:var(--color-brand-accent,#e7aa39)!important;border-color:var(--color-brand-accent,#e7aa39)!important;color:var(--color-brand-primary,#003833)!important;box-shadow:0 4px 16px #e7aa3947!important}[data-theme=dark] .appearance-opt-btn.active .appearance-opt-check{color:var(--color-brand-primary,#003833)}.manage-topics-container{background-color:var(--bg-secondary);flex-direction:column;gap:20px;min-height:100vh;padding:24px;display:flex}.manage-topics-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.header-left{flex-direction:column;gap:12px;display:flex}.back-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:500;display:flex}.page-title{color:var(--text-primary);margin:0 0 4px;font-size:24px;font-weight:600}.breadcrumbs{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumbs span{color:var(--text-tertiary)}.header-actions{gap:12px;display:flex}.btn-outline{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-outline:hover{background-color:var(--bg-secondary)}.btn-outline.text-primary{color:var(--primary-color);border-color:var(--primary-color)}.btn-primary{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-primary:hover{filter:brightness(1.1)}.manage-topics-content{gap:24px;display:flex}.left-column{flex-direction:column;flex:1;gap:24px;display:flex}.right-column{flex-shrink:0;width:320px}.topic-info-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.info-grid{gap:32px;display:flex}.info-fields{flex-direction:column;flex:1;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:13px;font-weight:600}.required{color:var(--danger-color,#ef4444)}.input-wrapper,.textarea-wrapper{position:relative}.input-wrapper input,.textarea-wrapper textarea{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.input-wrapper input:focus,.textarea-wrapper textarea:focus{border-color:var(--primary-color);outline:none}.textarea-wrapper textarea{resize:vertical}.char-count{color:var(--text-tertiary);font-size:12px;position:absolute;bottom:8px;right:12px}.row-fields{align-items:flex-end;gap:16px;display:flex}.row-fields .form-group{flex:1}.duration-input{border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.duration-input input{width:100%;color:var(--text-primary);background:0 0;border:none;flex:1;padding:10px 0;font-size:14px;font-weight:500}.duration-input input:focus{outline:none}.duration-unit{color:var(--text-tertiary);font-size:12px}.short-input{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:14px}.status-select{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--success-color,#10b981);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;padding:10px 32px 10px 12px;font-size:14px;font-weight:500}.status-select:focus{border-color:var(--primary-color);outline:none}.toggle-switch{align-items:center;gap:12px;height:40px;display:flex}.toggle-switch input[type=checkbox]{display:none}.toggle-label{background-color:var(--success-color,#10b981);cursor:pointer;border-radius:24px;width:44px;height:24px;transition:background-color .2s;display:inline-block;position:relative}.toggle-label:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;left:22px;box-shadow:0 2px 4px #0003}.toggle-switch input[type=checkbox]:not(:checked)+.toggle-label{background-color:var(--border-color)}.toggle-switch input[type=checkbox]:not(:checked)+.toggle-label:after{left:2px}.toggle-text{color:var(--text-secondary);font-size:14px}.thumbnail-section{flex-direction:column;gap:8px;width:280px;display:flex}.thumbnail-section label{color:var(--text-primary);font-size:13px;font-weight:600}.thumbnail-container{border:1px solid var(--border-color);border-radius:8px;width:100%;height:160px;position:relative;overflow:hidden}.thumbnail-image{object-fit:cover;width:100%;height:100%}.change-image-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;border:1px solid #fff6;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.change-image-btn:hover{background-color:#000c}.content-list-section{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.content-table{border-collapse:collapse;width:100%}.content-table th{text-align:left;color:var(--text-tertiary);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);padding:16px;font-size:12px;font-weight:600}.content-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px;font-size:14px}.content-table tbody tr:last-child td{border-bottom:none}.content-table tbody tr:hover{background-color:var(--bg-secondary)}.drag-handle{cursor:grab}.title-cell{color:var(--text-primary);align-items:center;gap:12px;font-weight:500;display:flex}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.status-badge.published{color:var(--success-color,#10b981);background-color:#10b9811a}.status-badge.draft{color:#f59e0b;background-color:#f59e0b1a}.actions-cell{gap:12px;display:flex}.action-btn{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.action-btn:hover{background-color:var(--bg-secondary)}.action-btn.edit:hover{color:var(--primary-color)}.action-btn.delete:hover{color:var(--danger-color,#ef4444)}.add-content-panel{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;position:sticky;top:24px;box-shadow:0 2px 8px #0000000d}.add-content-panel h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.add-content-panel .subtitle{color:var(--text-tertiary);margin:0 0 24px;font-size:13px}.content-options-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.content-option-card{border:1px solid var(--border-color);background-color:var(--bg-secondary);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 12px;transition:all .2s;display:flex}.content-option-card:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgb), .05);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.icon-wrapper{background-color:var(--bg-primary);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 6px #0000000d}.option-title{color:var(--text-secondary);font-size:12px;font-weight:500}.content-tips-card{background-color:rgba(var(--primary-rgb,79, 70, 229), .05);border:1px solid rgba(var(--primary-rgb,79, 70, 229), .1);border-radius:12px;padding:20px}.content-tips-card h4{color:var(--primary-color);margin:0 0 12px;font-size:14px;font-weight:600}.tips-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tips-list li{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.text-purple-600{color:#9333ea}.text-red-500{color:#ef4444}.text-blue-500{color:#3b82f6}.text-green-500{color:#10b981}.text-orange-500{color:#f97316}.text-purple-500{color:#a855f7}.text-teal-500{color:#14b8a6}.text-pink-500{color:#ec4899}.text-green-600{color:#059669}.text-primary{color:var(--primary-color)}.text-gray{color:var(--text-tertiary)}@media (width<=1024px){.manage-topics-content{flex-direction:column}.right-column{width:100%}.info-grid{flex-direction:column}.thumbnail-section{width:100%}}.custom-datepicker-container{width:100%;position:relative}.custom-datepicker-trigger{color:#1e293b;cursor:pointer;box-sizing:border-box;text-align:left;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.custom-datepicker-trigger:hover{background:#fdfdfd;border-color:#003833}.custom-datepicker-trigger.is-open{border-color:#003833;box-shadow:0 0 0 3px #0038331f}.custom-datepicker-trigger-text{text-overflow:ellipsis;white-space:nowrap;color:#1e293b;align-items:center;gap:8px;display:flex;overflow:hidden}.custom-datepicker-trigger-text.placeholder{color:#94a3b8}.custom-datepicker-trigger-icons{align-items:center;gap:6px;display:flex}.custom-datepicker-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.custom-datepicker-clear-btn:hover{color:#ef4444;background:#fee2e2}.custom-datepicker-dropdown{z-index:1050;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:320px;padding:16px;font-family:inherit;animation:.18s cubic-bezier(.16,1,.3,1) datepickerSlideDown;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px -4px #0f172a26,0 4px 12px #0000000d}@keyframes datepickerSlideDown{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-datepicker-mode-tabs{background:#f1f5f9;border-radius:8px;gap:2px;margin-bottom:14px;padding:3px;display:flex}.custom-datepicker-mode-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s}.custom-datepicker-mode-btn.active{color:#003833;background:#fff;box-shadow:0 1px 3px #00000014}.custom-datepicker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.custom-datepicker-nav-title{color:#0f172a;font-size:14px;font-weight:700}.custom-datepicker-nav-actions{align-items:center;gap:4px;display:flex}.custom-datepicker-nav-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.custom-datepicker-nav-btn:hover{color:#003833;background:#f1f5f9;border-color:#cbd5e1}.custom-datepicker-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:6px;display:grid}.custom-datepicker-weekday{color:#94a3b8;text-transform:uppercase;padding:4px 0;font-size:11px;font-weight:700}.custom-datepicker-grid{grid-template-columns:repeat(7,1fr);row-gap:3px;display:grid}.custom-datepicker-day-cell{justify-content:center;align-items:center;height:36px;display:flex;position:relative}.custom-datepicker-day-btn{color:#1e293b;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex;position:relative}.custom-datepicker-day-btn:hover:not(.disabled):not(.selected-start):not(.selected-end):not(.selected-single){color:#003833;background:#e6f4f1;font-weight:600}.custom-datepicker-day-btn.other-month{color:#cbd5e1}.custom-datepicker-day-btn.today:after{content:"";background:#003833;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.custom-datepicker-day-btn.selected-single,.custom-datepicker-day-btn.selected-start,.custom-datepicker-day-btn.selected-end{color:#fff!important;background:#003833!important;font-weight:700!important}.custom-datepicker-day-btn.selected-single.today:after,.custom-datepicker-day-btn.selected-start.today:after,.custom-datepicker-day-btn.selected-end.today:after{background:#fff}.custom-datepicker-day-cell.in-range{background:#e6f4f1}.custom-datepicker-day-cell.range-start{background:linear-gradient(90deg,#0000 50%,#e6f4f1 50%)}.custom-datepicker-day-cell.range-end{background:linear-gradient(270deg,#0000 50%,#e6f4f1 50%)}.custom-datepicker-day-cell.range-start.range-end{background:0 0}.custom-datepicker-day-btn.in-range-btn{color:#003833;font-weight:600}.custom-datepicker-presets{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:12px;display:flex}.custom-datepicker-preset-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s}.custom-datepicker-preset-btn:hover{color:#003833;background:#e6f4f1;border-color:#003833}.custom-datepicker-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:10px;padding-top:12px;display:flex}.custom-datepicker-preview{color:#003833;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:11.5px;font-weight:600;overflow:hidden}.custom-datepicker-footer-actions{gap:6px;display:flex}.custom-datepicker-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.custom-datepicker-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.custom-datepicker-btn-apply{color:#fff;cursor:pointer;background:#003833;border:1px solid #003833;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.custom-datepicker-btn-apply:hover{background:#004d46}.eval-dashboard-container{padding:var(--page-padding,28px 28px 40px);background-color:var(--bg-app);font-family:var(--font-poppins,"Poppins", sans-serif);color:var(--text-primary);box-sizing:border-box;flex-direction:column;flex:1;display:flex}.eval-workspace-container{background-color:var(--bg-app);height:calc(100vh - 64px);font-family:var(--font-poppins,"Poppins", sans-serif);flex-direction:column;display:flex;overflow:hidden}.eval-dash-header{margin-bottom:var(--page-header-mb,20px)}.eval-dash-title{font-family:var(--page-title-font,"Montserrat", sans-serif);font-size:var(--page-title-size,18px);font-weight:var(--page-title-weight,700);color:var(--text-primary);letter-spacing:var(--page-title-letter-spacing,-.2px);margin:0}.eval-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}@media (width<=992px){.eval-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.eval-kpi-grid{grid-template-columns:1fr}}.eval-kpi-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0000000a);-webkit-user-select:none;user-select:none;border-left:4px solid #cbd5e1;border-radius:10px;flex-direction:column;gap:6px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.eval-kpi-card.pending{border-left-color:#f59e0b}.eval-kpi-card.inprogress{border-left-color:#3b82f6}.eval-kpi-card.evaluated{border-left-color:#10b981}.eval-kpi-card.recheck{border-left-color:#9333ea}.eval-kpi-card:hover{transform:translateY(-2px)}.eval-kpi-card.pending:hover{border-color:#f59e0b66 #f59e0b66 #f59e0b66 #d97706;box-shadow:0 6px 14px -3px #f59e0b26}.eval-kpi-card.inprogress:hover{border-color:#3b82f666 #3b82f666 #3b82f666 #2563eb;box-shadow:0 6px 14px -3px #3b82f626}.eval-kpi-card.evaluated:hover{border-color:#10b98166 #10b98166 #10b98166 #059669;box-shadow:0 6px 14px -3px #10b98126}.eval-kpi-card.recheck:hover{border-color:#9333ea66 #9333ea66 #9333ea66 #7e22ce;box-shadow:0 6px 14px -3px #9333ea26}.eval-kpi-card.pending.active{background:var(--bg-card,#fffdf7);box-shadow:0 0 0 2px #f59e0b,0 6px 12px -2px #f59e0b33}.eval-kpi-card.inprogress.active{background:var(--bg-card,#f8faff);box-shadow:0 0 0 2px #3b82f6,0 6px 12px -2px #3b82f633}.eval-kpi-card.evaluated.active{background:var(--bg-card,#f7fefb);box-shadow:0 0 0 2px #10b981,0 6px 12px -2px #10b98133}.eval-kpi-card.recheck.active{background:var(--bg-card,#fdfaff);box-shadow:0 0 0 2px #9333ea,0 6px 12px -2px #9333ea33}.eval-kpi-top{align-items:center;gap:8px;display:flex}.eval-kpi-icon-box{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}.eval-kpi-card:hover .eval-kpi-icon-box{transform:scale(1.08)}.eval-kpi-icon-box.pending{color:#f59e0b;background:#f59e0b1f}.eval-kpi-icon-box.inprogress{color:#3b82f6;background:#3b82f61f}.eval-kpi-icon-box.evaluated{color:#10b981;background:#10b9811f}.eval-kpi-icon-box.recheck{color:#a855f7;background:#a855f71f}.eval-kpi-label{color:var(--text-secondary,#475569);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.eval-kpi-num-row{align-items:baseline;gap:6px;display:flex}.eval-kpi-num{color:var(--text-primary,#0f172a);font-size:19px;font-weight:800;line-height:1.1}.eval-kpi-unit{color:var(--text-muted,#64748b);font-size:11px;font-weight:500}.eval-kpi-subtext{color:var(--text-muted,#64748b);border-top:1px solid var(--border-color,#f1f5f9);white-space:nowrap;text-overflow:ellipsis;margin-top:0;padding-top:4px;font-size:10.5px;font-weight:500;overflow:hidden}.eval-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:28px;padding:18px 20px;position:relative;overflow:visible;box-shadow:0 2px 8px #00000005}.eval-filters-row{grid-template-columns:2fr 1.3fr 1.3fr 1.2fr auto;align-items:flex-end;gap:14px;display:grid}.eval-filters-actions{align-items:center;gap:8px;display:flex}.eval-filter-group{flex-direction:column;gap:6px;display:flex}.eval-filter-label{color:#475569;font-size:12px;font-weight:600}.eval-input-wrapper{align-items:center;display:flex;position:relative}.eval-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.eval-search-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px 0 36px;font-size:13.5px;transition:border-color .2s}.eval-search-input:focus{border-color:#003833}.eval-select{color:#1e293b;cursor:pointer;appearance:auto;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px;font-size:13.5px;transition:border-color .2s}.eval-select:focus{border-color:#003833}.eval-date-box{color:#1e293b;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;height:38px;padding:0 12px;font-size:13.5px;display:flex}.eval-filters-toggle-btn{color:#334155;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.eval-filters-toggle-btn:hover{color:#0f172a;background:#f1f5f9}.eval-btn-clear{color:#475569;cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;height:38px;padding:0 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.eval-btn-clear:hover{color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.eval-btn-apply{color:#fff;cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#003833;border:1px solid #003833;border-radius:8px;justify-content:center;align-items:center;height:38px;padding:0 22px;font-size:13.5px;font-weight:600;transition:background-color .2s,transform .15s;display:inline-flex}.eval-btn-apply:hover{background:#004d46}.eval-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.eval-section-title{color:#0f172a;margin:0;font-size:17px;font-weight:700}.eval-sort-wrapper{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.eval-sort-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;height:34px;padding:0 12px;font-size:13px}.eval-tests-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.eval-test-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 6px #00000005}.eval-test-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0000000a}.eval-card-left{flex:1.5;align-items:flex-start;gap:16px;display:flex}.eval-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.eval-card-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.eval-card-title{color:#0f172a;margin:0;font-size:15.5px;font-weight:700}.eval-course-badge{color:#6366f1;background:#ede9fe;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.eval-status-tag{text-transform:capitalize;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:700}.eval-status-tag.pending{color:#d97706;background:#fffbeb}.eval-status-tag.in_progress{color:#2563eb;background:#eff6ff}.eval-status-tag.evaluated{color:#059669;background:#ecfdf5}.eval-status-tag.recheck{color:#9333ea;background:#faf5ff}.eval-card-subinfo{color:#64748b;align-items:center;gap:16px;font-size:12.5px;display:flex}.eval-card-subinfo span{align-items:center;gap:4px;display:flex}.eval-card-metrics{border-left:1px solid #f1f5f9;border-right:1px solid #f1f5f9;align-items:center;gap:22px;padding:0 20px;display:flex}.eval-metric-col{text-align:left}.eval-metric-lbl{color:#64748b;margin-bottom:2px;font-size:11.5px;font-weight:500;display:block}.eval-metric-val{color:#0f172a;font-size:17px;font-weight:700}.eval-card-right{justify-content:flex-end;align-items:center;gap:16px;display:flex}.eval-progress-box{width:135px}.eval-prog-label-row{color:#475569;justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.eval-prog-bar-bg{background:#e2e8f0;border-radius:999px;height:6px;margin-bottom:6px;overflow:hidden}.eval-prog-bar-fill{background:#003833;border-radius:999px;height:100%;transition:width .3s}.eval-avg-marks{color:#64748b;margin:0;font-size:11.5px}.eval-avg-marks strong{color:#0f172a}.eval-card-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.eval-btn-continue{color:#fff;cursor:pointer;white-space:nowrap;background:#003833;border:1px solid #003833;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background-color .2s,transform .15s;display:inline-flex}.eval-btn-continue:hover{background:#004d46;transform:translate(2px)}.eval-btn-outline{color:#003833;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #003833;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.eval-btn-outline:hover{background:#0038330f}.eval-link-details{color:#475569;cursor:pointer;align-items:center;gap:3px;margin:0;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.eval-link-details:hover{color:#003833}.eval-pagination-row{color:#64748b;justify-content:space-between;align-items:center;margin-top:24px;padding-bottom:8px;font-size:13px;display:flex}.eval-pages-list{align-items:center;gap:6px;display:flex}.eval-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.eval-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.eval-page-btn:disabled{opacity:.4;cursor:not-allowed}.eval-page-btn.active{color:#fff;background:#003833;border-color:#003833}.ew-header-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.ew-header-left{flex-direction:column;gap:4px;display:flex}.ew-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:2px;padding:0;font-size:12.5px;font-weight:500;display:inline-flex}.ew-back-btn:hover{color:#003833}.ew-title-row{align-items:center;gap:10px;display:flex}.ew-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.ew-meta-line{color:#64748b;align-items:center;gap:14px;font-size:12.5px;display:flex}.ew-header-actions{align-items:center;gap:12px;display:flex}.ew-btn-save-draft{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .2s}.ew-btn-save-draft:hover{background:#f8fafc;border-color:#94a3b8}.ew-btn-submit-next{color:#fff;cursor:pointer;background:#003833;border:1px solid #003833;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13.5px;font-weight:600;transition:background-color .2s;display:inline-flex}.ew-btn-submit-next:hover{background:#004d46}.ew-main-body{background:#f8fafc;flex:1;grid-template-columns:240px 1fr 320px;display:grid;overflow:hidden}.ew-col-students{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;display:flex;overflow:hidden}.ew-col-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ew-col-header h3{color:#0f172a;margin:0;font-size:14px;font-weight:700}.ew-student-search-box{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:10px 14px;display:flex}.ew-student-search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.ew-student-search-input{border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:6px 8px 6px 28px;font-size:12px}.ew-filter-icon-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.ew-students-list{flex-direction:column;flex:1;gap:4px;padding:6px 8px;display:flex;overflow-y:auto}.ew-student-item{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px;transition:all .15s;display:flex}.ew-student-item:hover{background:#f8fafc}.ew-student-item.active{background:#f0fdf4;border-color:#86efac}.ew-student-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.ew-student-info{flex:1;min-width:0}.ew-student-top-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.ew-student-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.ew-student-badge{text-transform:capitalize;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:700}.ew-student-badge.in_progress{color:#2563eb;background:#eff6ff}.ew-student-badge.pending{color:#d97706;background:#fffbeb}.ew-student-badge.evaluated{color:#059669;background:#ecfdf5}.ew-student-subrow{color:#64748b;justify-content:space-between;align-items:center;margin-top:3px;font-size:11px;display:flex}.ew-student-pagination{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:4px;padding:10px;display:flex}.ew-col-questions{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;display:flex;overflow:hidden}.ew-q-nav-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ew-q-nav-header h3{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.ew-q-arrows{gap:4px;display:flex}.ew-q-arrow-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ew-q-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.ew-q-list{flex-direction:column;flex:1;gap:8px;padding:12px 10px;display:flex;overflow-y:auto}.ew-q-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;transition:all .15s}.ew-q-item:hover{background:#f8fafc}.ew-q-item.active{background:#eff6ff;border-color:#3b82f6}.ew-q-top-line{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.ew-q-title{color:#0f172a;font-size:12.5px;font-weight:700}.ew-q-marks-pill{color:#475569;font-size:11.5px;font-weight:600}.ew-q-status-line{align-items:center;gap:5px;font-size:11px;display:flex}.ew-q-status-line.evaluated{color:#059669;font-weight:600}.ew-q-status-line.in_progress{color:#2563eb;font-weight:600}.ew-q-status-line.pending{color:#f59e0b;font-weight:500}.ew-q-bottom-summary{background:#fafafa;border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.ew-qp-download-card{color:#334155;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.ew-qp-download-card:hover{color:#003833;border-color:#003833}.ew-total-marks-row{color:#64748b;justify-content:space-between;font-size:12px;display:flex}.ew-total-marks-row strong{color:#0f172a}.ew-col-answer{flex-direction:column;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.ew-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px}.ew-question-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ew-question-card-header h4{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:13px;font-weight:700}.ew-q-weightage{color:#0f172a;font-size:12.5px;font-weight:700}.ew-question-text{color:#0f172a;margin:0;font-size:14.5px;font-weight:500;line-height:1.55}.rich-text-table{border-collapse:collapse;background:#fff;width:100%;margin:8px 0;font-size:13.5px}.rich-text-table th,.rich-text-table td{border:1px solid #cbd5e1;padding:8px 12px}.rich-text-table th{color:#0f172a;background:#f8fafc;font-weight:700}.ew-student-answer-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:18px;display:flex}.ew-answer-header{justify-content:space-between;align-items:center;display:flex}.ew-answer-header h4{color:#0f172a;margin:0;font-size:14px;font-weight:700}.ew-answer-view-controls{align-items:center;gap:8px;display:flex}.ew-btn-fullscreen{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.ew-btn-fullscreen:hover{color:#0f172a;background:#f1f5f9}.ruled-sheet-wrapper{background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:380px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.ruled-sheet-paper{color:#1e293b;background-color:#fff;background-image:linear-gradient(#e2e8f0 1px,#0000 1px);background-size:100% 28px;padding:24px 28px 28px 48px;font-family:Caveat,Segoe Script,Comic Sans MS,cursive,sans-serif;font-size:17px;line-height:28px;position:relative}.ruled-sheet-paper:before{content:"";background-color:#fca5a5;width:2px;position:absolute;top:0;bottom:0;left:36px}.ruled-sheet-paper p{margin:0 0 14px;line-height:28px}.ruled-sheet-paper ol{margin:0 0 14px 20px;padding:0;line-height:28px}.ruled-sheet-paper li{line-height:28px}.typed-answer-box{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:200px;padding:16px;font-size:14px;line-height:1.6}.ew-attachments-section{flex-direction:column;gap:8px;display:flex}.ew-attachments-section h4{color:#0f172a;margin:0;font-size:13px;font-weight:700}.ew-attachment-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;max-width:320px;padding:12px 14px;display:flex}.ew-attach-left{align-items:center;gap:10px;display:flex}.ew-attach-thumb{color:#ef4444;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ew-attach-name{color:#0f172a;font-size:12.5px;font-weight:600}.ew-attach-size{color:#64748b;font-size:11.5px}.ew-attach-download-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.ew-attach-download-btn:hover{color:#003833;background:#f1f5f9}.ew-col-grading{background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;gap:20px;padding:18px 20px;display:flex;overflow-y:auto}.ew-marks-block{flex-direction:column;gap:6px;display:flex}.ew-marks-label{color:#0f172a;font-size:13px;font-weight:700}.ew-marks-input-row{align-items:center;gap:8px;display:flex}.ew-marks-input{text-align:center;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:70px;padding:8px 12px;font-size:18px;font-weight:700;transition:border-color .2s}.ew-marks-input:focus{border-color:#003833}.ew-marks-max{color:#64748b;font-size:15px;font-weight:600}.ew-answer-nav-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-top:4px;padding:14px 18px;display:flex}.ew-nav-btn-prev,.ew-nav-btn-next{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ew-nav-btn-prev:hover:not(:disabled),.ew-nav-btn-next:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.ew-nav-btn-prev:disabled,.ew-nav-btn-next:disabled{opacity:.45;cursor:not-allowed}.ew-nav-btn-submit{color:#fff;cursor:pointer;background:#003833;border:1px solid #003833;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ew-nav-btn-submit:hover{background:#004d46}.ew-nav-center-indicator{color:#64748b;font-size:13px;font-weight:600}.ew-q-palette-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.ew-q-palette-header{flex-direction:column;gap:6px;display:flex}.ew-q-palette-title-row{justify-content:space-between;align-items:center;display:flex}.ew-q-palette-title{color:#0f172a;margin:0;font-size:13px;font-weight:700}.ew-q-palette-legend{color:#64748b;white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:14px;font-size:11px;display:flex}.ew-legend-item{align-items:center;gap:5px;font-weight:500;display:inline-flex}.ew-legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.ew-legend-dot.evaluated{background:#10b981}.ew-legend-dot.in_progress{background:#3b82f6}.ew-legend-dot.pending{background:#cbd5e1}.ew-q-numbers-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.ew-q-num-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:38px;font-size:13px;font-weight:700;transition:all .15s;display:flex;position:relative}.ew-q-num-btn:hover{color:#003833;border-color:#003833}.ew-q-num-btn.active{color:#003833;background:#e6f4f1;border-color:#003833;box-shadow:0 0 0 2px #003833}.ew-q-num-btn.evaluated{color:#fff;background:#10b981;border-color:#10b981}.ew-q-num-btn.evaluated.active{background:#059669;box-shadow:0 0 0 2px #003833}.ew-q-num-btn.in_progress{color:#fff;background:#3b82f6;border-color:#3b82f6}.ew-q-num-btn.in_progress.active{background:#2563eb;box-shadow:0 0 0 2px #003833}.ew-q-num-btn.pending{color:#64748b;background:#fff;border-color:#cbd5e1}.ew-q-num-marks{opacity:.85;font-size:9px;font-weight:600}.ew-confirm-modal{background:#fff;border-radius:14px;width:100%;max-width:440px;animation:.18s ease-out datepickerSlideDown;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000d}.ew-confirm-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:18px 20px;display:flex}.ew-confirm-icon-box{color:#003833;background:#e6f4f1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ew-confirm-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.ew-confirm-body{color:#475569;padding:18px 20px;font-size:13.5px;line-height:1.5}.ew-confirm-summary-list{background:#f8fafc;border-radius:8px;flex-direction:column;gap:6px;margin-top:12px;padding:12px 14px;font-size:12.5px;display:flex}.ew-confirm-summary-item{justify-content:space-between;display:flex}.ew-confirm-footer{background:#fafafa;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.ew-feedback-block{flex-direction:column;gap:8px;display:flex}.ew-feedback-label{color:#0f172a;margin:0;font-size:13px;font-weight:700}.ew-feedback-textarea{color:#1e293b;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:90px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5}.ew-feedback-textarea:focus{border-color:#003833}.ew-quick-feedback-block{flex-direction:column;gap:8px;display:flex}.ew-quick-feedback-label{color:#64748b;margin:0;font-size:12px;font-weight:600}.ew-quick-tags-grid{flex-wrap:wrap;gap:6px;display:flex}.ew-quick-tag-chip{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s}.ew-quick-tag-chip:hover{color:#0f172a;background:#e2e8f0}.ew-quick-tag-chip.active{color:#fff;background:#003833;border-color:#003833}.ew-grading-footer{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.ew-prev-marks-row{color:#64748b;justify-content:space-between;font-size:12px;display:flex}.ew-autosave-row{color:#64748b;justify-content:space-between;align-items:center;font-size:12px;display:flex}.ew-autosave-status{color:#059669;align-items:center;gap:4px;font-weight:600;display:inline-flex}.ew-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ew-modal-card{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ew-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ew-modal-body{padding:20px;overflow-y:auto}@media (width<=1200px){.eval-kpi-grid{grid-template-columns:repeat(2,1fr)}.eval-filters-row{grid-template-columns:1fr 1fr}.eval-test-card{flex-direction:column;align-items:stretch}.eval-card-metrics{border:1px solid #f1f5f9;border-left:none;border-right:none;padding:12px 0}.eval-card-right{justify-content:space-between}.ew-main-body{grid-template-columns:220px 1fr 280px}}@media (width<=992px){.ew-main-body{grid-template-columns:1fr;overflow-y:auto}}.ew-toast-notification{color:#fff;z-index:10000;pointer-events:none;background:#0f172a;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) forwards ew-toast-slide-up;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0003}@keyframes ew-toast-slide-up{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.ew-badge-evaluated-locked{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:6px;padding:7px 15px;font-size:13px;font-weight:700;display:inline-flex}.ew-evaluation-locked-alert{color:#10b981;background:#10b98114;border:1px solid #10b98140;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.ew-locked-label-tag{color:#10b981;margin-left:6px;font-size:11px;font-weight:700}.ew-marks-input.disabled,.ew-marks-input:disabled,.ew-feedback-textarea.disabled,.ew-feedback-textarea:disabled{cursor:not-allowed;opacity:.85;background:var(--bg-neutral-light,#f1f5f9)!important;color:var(--text-primary,#0f172a)!important}.ew-quick-tag-chip.disabled,.ew-quick-tag-chip:disabled{cursor:not-allowed;opacity:.65}.ew-student-answer-body{background:var(--bg-card,#fff);color:var(--text-primary,#1e293b);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;min-height:320px;padding:20px;font-size:14.5px;line-height:1.7}[data-theme=dark] .eval-workspace-container{background:var(--bg-app,#080d0c);color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-header-bar{background:var(--bg-card,#0d1514);border-bottom:1px solid var(--border-color,#1e2d2b)}[data-theme=dark] .ew-title{color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-meta-line{color:var(--text-secondary,#a0b0ad)}[data-theme=dark] .ew-main-body{background:var(--bg-app,#080d0c)}[data-theme=dark] .ew-col-students{background:var(--bg-card,#0d1514);border-right:1px solid var(--border-color,#1e2d2b)}[data-theme=dark] .ew-col-header{border-bottom:1px solid var(--border-color,#1e2d2b)}[data-theme=dark] .ew-col-header h3{color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-student-search-box{border-bottom:1px solid var(--border-color,#1e2d2b)}[data-theme=dark] .ew-student-search-input{background:var(--bg-input,#111a19);border-color:var(--border-color,#1e2d2b);color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-filter-icon-btn{background:var(--bg-input,#111a19);border-color:var(--border-color,#1e2d2b);color:var(--text-secondary,#a0b0ad)}[data-theme=dark] .ew-student-item{background:var(--bg-card,#0d1514);border-color:#0000}[data-theme=dark] .ew-student-item:hover{background:var(--bg-card-hover,#121c1b)}[data-theme=dark] .ew-student-item.active{background:#10b9811f;border-color:#10b98159}[data-theme=dark] .ew-student-name{color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-student-subrow{color:var(--text-muted,#6f807d)}[data-theme=dark] .ew-col-answer{background:var(--bg-app,#080d0c)}[data-theme=dark] .ew-question-card{background:var(--bg-card,#0d1514);border:1px solid var(--border-color,#1e2d2b)}[data-theme=dark] .ew-question-card-header h4{color:var(--text-secondary,#a0b0ad)}[data-theme=dark] .ew-q-weightage,[data-theme=dark] .ew-question-text{color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-student-answer-card{background:var(--bg-card,#0d1514);border:1px solid var(--border-color,#1e2d2b)}[data-theme=dark] .ew-answer-header h4{color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-student-answer-body{background:var(--bg-input,#111a19);border:1px solid var(--border-color,#1e2d2b);color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-btn-fullscreen{color:var(--text-secondary,#a0b0ad)}[data-theme=dark] .ew-btn-fullscreen:hover{background:var(--bg-neutral-light,#182422);color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-attachments-section h4{color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-attachment-card{background:var(--bg-card,#0d1514);border-color:var(--border-color,#1e2d2b)}[data-theme=dark] .ew-attach-name{color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-attach-thumb{background:var(--bg-input,#111a19);border-color:var(--border-color,#1e2d2b)}[data-theme=dark] .ew-col-grading{background:var(--bg-card,#0d1514);border-left:1px solid var(--border-color,#1e2d2b)}[data-theme=dark] .ew-q-palette-card{background:var(--bg-card,#0d1514);border-color:var(--border-color,#1e2d2b)}[data-theme=dark] .ew-q-palette-title{color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-q-num-btn{background:var(--bg-input,#111a19);border-color:var(--border-color,#1e2d2b);color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-q-num-btn.pending{background:var(--bg-neutral-light,#182422);border-color:var(--border-color,#1e2d2b);color:var(--text-muted,#6f807d)}[data-theme=dark] .ew-q-num-btn.evaluated{color:#fff;background:#0284c7;border-color:#0284c7}[data-theme=dark] .ew-marks-label,[data-theme=dark] .ew-feedback-label{color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-marks-input{background:var(--bg-input,#111a19);border-color:var(--border-color,#1e2d2b);color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-marks-max{color:var(--text-muted,#6f807d)}[data-theme=dark] .ew-feedback-textarea{background:var(--bg-input,#111a19);border-color:var(--border-color,#1e2d2b);color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-quick-tag-chip{background:var(--bg-neutral-light,#182422);border-color:var(--border-color,#1e2d2b);color:var(--text-secondary,#a0b0ad)}[data-theme=dark] .ew-quick-tag-chip:hover{background:var(--bg-card-hover,#121c1b);color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-grading-footer{border-top:1px solid var(--border-color,#1e2d2b)}[data-theme=dark] .ew-prev-marks-row,[data-theme=dark] .ew-autosave-row{color:var(--text-secondary,#a0b0ad)}[data-theme=dark] .ew-prev-marks-row strong{color:var(--text-primary,#f0f5f4)!important}[data-theme=dark] .ew-modal-card{background:var(--bg-card,#0d1514);border:1px solid var(--border-color,#1e2d2b);color:var(--text-primary,#f0f5f4)}[data-theme=dark] .ew-modal-header{border-bottom:1px solid var(--border-color,#1e2d2b)}[data-theme=dark] .ew-answer-nav-bar{background:var(--bg-card,#0d1514);border-top:1px solid var(--border-color,#1e2d2b)}[data-theme=dark] .ew-nav-btn-prev{background:var(--bg-input,#111a19);border-color:var(--border-color,#1e2d2b);color:var(--text-primary,#f0f5f4)}.test-analytics-container{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;flex-direction:column;flex:1;gap:20px;max-width:100%;padding:clamp(16px,2.5vw,28px);font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}.ta-header-section{flex-direction:column;gap:10px;width:100%;display:flex}.ta-breadcrumbs{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.ta-breadcrumb-link{cursor:pointer;transition:color .15s}.ta-breadcrumb-link:hover{color:#003833}.ta-breadcrumb-current{color:#0f172a;font-weight:600}.ta-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.ta-title-left{flex-direction:column;gap:6px;min-width:0;display:flex}.ta-title-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ta-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:clamp(18px,2vw,22px);font-weight:700}.ta-badge-type{color:#059669;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.ta-badge-active{color:#2563eb;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.ta-subtitle-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.ta-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ta-date-picker-wrap{width:230px;min-width:190px}.ta-btn-export{color:#fff;cursor:pointer;white-space:nowrap;background:#003833;border:1px solid #003833;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:background-color .2s;display:inline-flex}.ta-btn-export:hover{background:#004d46}.ta-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;width:100%;display:grid}.ta-kpi-card{cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 4px #00000005}.ta-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 20px -5px #00383314,0 4px 6px -2px #0000000a}.ta-kpi-card:hover .ta-kpi-icon-box{transform:scale(1.08)}.ta-kpi-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .25s;display:flex}.ta-kpi-icon-box.blue{color:#2563eb;background:#eff6ff}.ta-kpi-icon-box.purple{color:#9333ea;background:#faf5ff}.ta-kpi-icon-box.green{color:#059669;background:#ecfdf5}.ta-kpi-icon-box.amber{color:#d97706;background:#fffbeb}.ta-kpi-icon-box.indigo{color:#4f46e5;background:#eef2ff}.ta-kpi-icon-box.teal{color:#003833;background:#e6f4f1}.ta-kpi-info{flex-direction:column;display:flex}.ta-kpi-label{color:#64748b;margin-bottom:2px;font-size:11.5px;font-weight:500}.ta-kpi-val{color:#0f172a;font-size:20px;font-weight:800;line-height:1.2}.ta-kpi-sub{color:#94a3b8;margin-top:2px;font-size:11px}.ta-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 18px;display:flex;box-shadow:0 1px 4px #00000005}.ta-filter-item{flex-direction:column;flex:1;gap:5px;min-width:140px;display:flex}.ta-filter-item.search-item{flex:1.5;min-width:200px}.ta-filter-label{color:#475569;font-size:12px;font-weight:600}.ta-input-wrap{align-items:center;display:flex;position:relative}.ta-input-icon{color:#94a3b8;position:absolute;left:10px}.ta-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:36px;padding:0 10px 0 32px;font-size:13px}.ta-input:focus{border-color:#003833}.ta-select{color:#1e293b;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:36px;padding:0 10px;font-size:13px}.ta-filter-actions{align-items:center;gap:8px;display:flex}.ta-btn-reset{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s}.ta-btn-reset:hover{color:#0f172a;background:#f1f5f9}.ta-btn-apply{color:#fff;cursor:pointer;background:#003833;border:1px solid #003833;border-radius:8px;height:36px;padding:0 20px;font-size:13px;font-weight:600;transition:all .15s}.ta-btn-apply:hover{background:#004d46}.ta-main-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px;width:100%;display:grid}.ta-main-grid.single-col{grid-template-columns:minmax(0,1fr)}.ta-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:0;max-width:100%;padding:16px 18px;display:flex;box-shadow:0 1px 4px #00000005}.ta-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ta-card-title{color:#0f172a;margin:0;font-size:14.5px;font-weight:700}.ta-table-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.ta-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.ta-table th{color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:9px 10px;font-weight:600}.ta-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 10px}.ta-table tr.clickable-row{cursor:pointer;transition:background-color .15s}.ta-table tr.clickable-row:hover{background-color:#f8fafc}.ta-table tr.selected-row{background-color:#f0fdf4!important}.ta-btn-view-detail-action{color:#003833;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #003833;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.ta-btn-view-detail-action:hover{color:#fff;background:#003833}.ta-trend-icon.up{color:#10b981;font-weight:700}.ta-trend-icon.down{color:#ef4444;font-weight:700}.ta-trend-icon.neutral{color:#94a3b8}.ta-attempt-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;min-width:0;max-width:100%;padding:16px 18px;display:flex;box-shadow:0 1px 4px #00000005}.ta-ad-header{justify-content:space-between;align-items:center;display:flex}.ta-ad-student-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.ta-ad-student-left{align-items:center;gap:10px;min-width:0;display:flex}.ta-ad-avatar{color:#0284c7;background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.ta-ad-name-col{flex-direction:column;min-width:0;display:flex}.ta-ad-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.ta-ad-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.ta-ad-stats-right{align-items:center;gap:14px;display:flex}.ta-ad-stat-item{text-align:right}.ta-ad-stat-lbl{color:#64748b;font-size:10.5px;display:block}.ta-ad-stat-val{color:#0f172a;white-space:nowrap;font-size:14px;font-weight:700}.ta-history-header{color:#0f172a;margin:0;font-size:13px;font-weight:700}.ta-badge-best{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:700}.ta-badge-completed{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.ta-ad-actions-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.ta-btn-view-analysis{color:#003833;cursor:pointer;background:#fff;border:1px solid #003833;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ta-btn-view-analysis:hover{background:#e6f4f1}.ta-btn-view-result{color:#fff;cursor:pointer;background:#003833;border:1px solid #003833;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ta-btn-view-result:hover{background:#004d46}.ta-charts-section{flex-direction:column;gap:12px;display:flex}.ta-charts-grid{grid-template-columns:1.2fr 1.3fr 1.3fr 1.3fr;gap:16px;display:grid}.ta-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:16px;display:flex;box-shadow:0 1px 4px #00000005}.ta-chart-title{color:#0f172a;margin:0 0 14px;font-size:13px;font-weight:700}.ta-donut-container{justify-content:center;align-items:center;gap:16px;display:flex}.ta-donut-svg{width:90px;height:90px}.ta-donut-legend{color:#475569;flex-direction:column;gap:6px;font-size:11px;display:flex}.ta-legend-row{align-items:center;gap:6px;display:flex}.ta-legend-sq{border-radius:2px;width:8px;height:8px}.ta-line-chart-svg{width:100%;height:100px;overflow:visible}.ta-screen2-banner{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 1px 4px #00000005}.ta-banner-left{align-items:center;gap:14px;display:flex}.ta-banner-metrics{align-items:center;gap:24px;display:flex}.ta-bmetric-item{flex-direction:column;display:flex}.ta-bmetric-lbl{color:#64748b;font-size:11px}.ta-bmetric-val{color:#0f172a;font-size:14px;font-weight:700}.ta-banner-actions{align-items:center;gap:10px;display:flex}.ta-btn-back-student{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ta-btn-back-student:hover{background:#f1f5f9}.ta-btn-view-history{color:#fff;cursor:pointer;background:#003833;border:1px solid #003833;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ta-btn-view-history:hover{background:#004d46}.ta-screen2-grid{grid-template-columns:1.15fr .85fr;gap:20px;display:grid}.ta-qtabs-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ta-qtabs{gap:6px;display:flex}.ta-qtab-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.ta-qtab-btn.active{color:#fff;background:#003833;border-color:#003833}.ta-btn-download-report{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.ta-btn-download-report:hover{color:#003833;border-color:#003833}.ta-topics-list{flex-direction:column;gap:12px;display:flex}.ta-topic-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.ta-topic-top{justify-content:space-between;align-items:center;display:flex}.ta-topic-left{align-items:center;gap:10px;display:flex}.ta-topic-icon{color:#003833;background:#e6f4f1;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ta-topic-name-col{flex-direction:column;display:flex}.ta-topic-title{color:#0f172a;font-size:13.5px;font-weight:700}.ta-topic-qcount{color:#64748b;font-size:11.5px}.ta-topic-right{align-items:center;gap:10px;display:flex}.ta-topic-percent{color:#0f172a;font-size:16px;font-weight:800}.ta-topic-status-tag{align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.ta-topic-status-tag.excellent,.ta-topic-status-tag.good{color:#059669}.ta-topic-status-tag.average{color:#d97706}.ta-topic-status-tag.needs-improvement{color:#dc2626}.ta-topic-bar-bg{background:#f1f5f9;border-radius:999px;height:5px;overflow:hidden}.ta-topic-bar-fill{border-radius:999px;height:100%;transition:width .3s}.ta-topic-stats-row{color:#64748b;align-items:center;gap:14px;font-size:11.5px;display:flex}.ta-overall-attempt-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;margin-top:14px;padding:14px 18px;display:flex}.ta-overall-title{color:#0f172a;margin:0;font-size:12.5px;font-weight:700}.ta-overall-metrics{text-align:center;grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.ta-om-col{flex-direction:column;display:flex}.ta-om-lbl{color:#64748b;font-size:11px}.ta-om-val{color:#0f172a;font-size:16px;font-weight:700}@media (width<=1400px){.ta-main-grid,.ta-screen2-grid{grid-template-columns:1fr}}@media (width<=1200px){.ta-charts-grid{grid-template-columns:1fr 1fr}.ta-screen2-banner{flex-direction:column;align-items:flex-start;gap:14px}.ta-banner-metrics{flex-wrap:wrap;gap:16px}}@media (width<=768px){.ta-kpi-grid{grid-template-columns:1fr 1fr}.ta-charts-grid{grid-template-columns:1fr}.ta-filters-card{flex-direction:column;align-items:stretch}.ta-filter-actions{justify-content:flex-end}}.rp-page{font-family:var(--font-poppins,"Poppins", sans-serif);background-color:var(--bg-app);color:var(--text-primary);padding:var(--page-padding,28px 28px 40px);min-height:100%;animation:.3s both rp-fadeUp;overflow-y:auto}@keyframes rp-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.rp-header-title{font-family:var(--font-heading,"Montserrat", sans-serif);color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.rp-header-sub{font-family:var(--font-body,"Poppins", sans-serif);color:var(--text-secondary);margin:4px 0 0;font-size:13.5px;font-weight:400;line-height:1.45}.rp-date-filter,.rp-filter-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.rp-date-filter:hover,.rp-filter-btn:hover{border-color:#003833;box-shadow:0 3px 10px #00383314}.rp-tabs{-ms-overflow-style:none;scrollbar-width:none;background:#f1f5f9;border:1px solid #e2e8f0cc;border-radius:14px;align-items:center;gap:6px;max-width:100%;margin-bottom:24px;padding:6px;display:inline-flex;position:relative;overflow-x:auto;box-shadow:inset 0 2px 4px #00000008,0 2px 10px #00000005}.rp-tabs::-webkit-scrollbar{display:none}.rp-tabs-slider{pointer-events:none;z-index:1;background:#fff;border:1px solid #0038330f;border-radius:10px;height:calc(100% - 12px);transition:transform .32s cubic-bezier(.2,.9,.3,1.2),width .32s cubic-bezier(.2,.9,.3,1.2);position:absolute;top:6px;bottom:6px;box-shadow:0 3px 12px #00383314,0 1px 3px #0000000f}.rp-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;z-index:2;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;padding:6px 16px 6px 10px;font-family:Outfit,Inter,sans-serif;font-size:13.5px;font-weight:500;transition:all .22s cubic-bezier(.2,0,0,1);display:inline-flex;position:relative}.rp-tab-icon-wrap{background:#f1f5f9e6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.rp-tab-text{letter-spacing:-.1px;transition:color .2s}.rp-tab-btn:hover{color:#0f172a}.rp-tab-btn:hover .rp-tab-icon-wrap{background-color:var(--tab-bg,#eff6ff);transform:translateY(-1px)scale(1.08);box-shadow:0 2px 6px #0000000f}.rp-tab-btn.rp-tab-active{color:var(--tab-color,#003833);font-weight:600}.rp-tab-btn.rp-tab-active .rp-tab-icon-wrap{background-color:var(--tab-bg,#eff6ff);transform:scale(1.04);box-shadow:0 2px 8px #00000014}[data-theme=dark] .rp-tabs{background:#1e293b;border-color:#334155;box-shadow:inset 0 2px 4px #0003}[data-theme=dark] .rp-tabs-slider{background:#0f172a;border-color:#ffffff14;box-shadow:0 4px 14px #0006}[data-theme=dark] .rp-tab-btn{color:#94a3b8}[data-theme=dark] .rp-tab-btn:hover{color:#f8fafc}[data-theme=dark] .rp-tab-icon-wrap{background:#1e293bcc}[data-theme=dark] .rp-tab-btn:hover .rp-tab-icon-wrap{background:#334155cc}[data-theme=dark] .rp-tab-btn.rp-tab-active{color:#f8fafc}[data-theme=dark] .rp-tab-btn.rp-tab-active .rp-tab-icon-wrap{background:#334155e6;box-shadow:0 0 12px #ffffff14}.rp-tab-content-pane{animation:.35s cubic-bezier(.16,1,.3,1) both rp-slideTab}@keyframes rp-slideTab{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}.rp-kpi-grid,.rp-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}@media (width<=1280px){.rp-kpi-grid,.rp-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.rp-kpi-grid,.rp-kpi-row{grid-template-columns:1fr}}.rp-kpi-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;border-radius:14px;align-items:center;gap:14px;min-height:96px;padding:18px 20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 1px 3px #0000000a,0 2px 8px #00000005}.rp-kpi-card:hover{border-color:#00383340;transform:translateY(-2px);box-shadow:0 8px 20px #00383317}[data-theme=dark] .rp-kpi-card{background:var(--bg-card,#0d1514);border-color:#ffffff14;box-shadow:0 2px 10px #00000059}[data-theme=dark] .rp-kpi-card:hover{border-color:#34d399;box-shadow:0 8px 24px #34d39924}.rp-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;transition:transform .2s;display:flex}.rp-kpi-card:hover .rp-kpi-icon{transform:scale(1.06)}.rp-kpi-label{color:var(--text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:12px;font-weight:500;overflow:hidden}.rp-kpi-value{color:var(--text-primary,#0f172a);letter-spacing:-.3px;margin:0;font-size:1.55rem;font-weight:700;line-height:1.15}.rp-kpi-sub{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;margin-top:4px;font-size:11.5px;font-weight:600;display:flex;overflow:hidden}.rp-row{gap:16px;margin-bottom:24px;display:grid}.rp-row-8-4{grid-template-columns:2fr 1fr}.rp-row-6-6{grid-template-columns:1fr 1fr}@media (width<=900px){.rp-row-8-4,.rp-row-6-6{grid-template-columns:1fr}}.rp-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:22px;transition:all .28s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #0000000a}.rp-card:hover{border-color:#00383340;transform:translateY(-3px);box-shadow:0 12px 28px #00383314}[data-theme=dark] .rp-card:hover{border-color:#34d39959;box-shadow:0 12px 32px #00000059}.rp-card-title{color:var(--text-primary);letter-spacing:-.2px;margin:0 0 16px;font-size:1.05rem;font-weight:700}.rp-chart-legend{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.rp-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.rp-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.rp-chart-scroll{overflow-x:auto}.rp-chart-svg{width:100%;min-width:560px;height:auto;display:block}.rp-radial-wrap{justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 16px;display:flex;position:relative}.rp-radial-inner{flex-direction:column;align-items:center;display:flex;position:absolute}.rp-radial-val{color:var(--text-primary);font-size:1.9rem;font-weight:700;line-height:1.1}.rp-radial-lbl{color:var(--text-secondary);font-size:10.5px}.rp-progress-track{background:var(--bg-neutral-light);border-radius:3px;flex:1;height:6px;overflow:hidden}.rp-progress-fill{border-radius:3px;height:100%;transition:width .6s}.rp-table-wrap{overflow-x:auto}.rp-table{border-collapse:separate;border-spacing:0 6px;width:100%}.rp-table th{letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;padding:8px 12px;font-size:11px;font-weight:600}.rp-table td{color:var(--text-primary);background:var(--bg-card);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:12px;font-size:13px}.rp-table tbody tr:hover td{background:var(--bg-neutral-light)}.rp-table td:first-child{border-left:1px solid var(--border-color);border-radius:8px 0 0 8px}.rp-table td:last-child{border-right:1px solid var(--border-color);border-radius:0 8px 8px 0}.rp-test-row{transition:all .2s}.rp-test-row:hover td{background:var(--bg-neutral-light,#0038330a)!important}.rp-badge-attempts{color:#9333ea;white-space:nowrap;background:#9333ea1a;border:1px solid #9333ea38;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}[data-theme=dark] .rp-badge-attempts{color:#c084fc;background:#a855f726;border-color:#a855f74d}.rp-badge-score-best{color:#059669;background:#10b9811f;border:1px solid #10b98140;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}[data-theme=dark] .rp-badge-score-best{color:#34d399;background:#34d39926;border-color:#34d3994d}.rp-badge-score-latest{color:#0284c7;background:#0284c71a;border:1px solid #0284c738;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}[data-theme=dark] .rp-badge-score-latest{color:#38bdf8;background:#38bdf826;border-color:#38bdf84d}.rp-badge-score-avg{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}[data-theme=dark] .rp-badge-score-avg{color:#fbbf24;background:#fbbf2426;border-color:#fbbf244d}.rp-badge-series-pill{color:#0284c7;background:#0284c714;border:1px solid #0284c72e;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}[data-theme=dark] .rp-badge-series-pill{color:#7dd3fc;background:#38bdf81f;border-color:#38bdf840}.rp-badge-code-pill{background:var(--bg-neutral-light,#f1f5f9);color:var(--text-secondary,#475569);border:1px solid var(--border-color,#e2e8f0);border-radius:4px;align-items:center;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:700;display:inline-flex}.rp-date-cell{color:var(--text-secondary,#64748b);align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.rp-strength{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.rp-strength-strong{color:#059669;background:#ecfdf5}.rp-strength-good{color:#0d9488;background:#f0fdfa}.rp-strength-average{color:#ea580c;background:#fff7ed}.rp-strength-weak{color:#dc2626;background:#fef2f2}[data-theme=dark] .rp-strength-strong{color:#4ade80;background:#052e16}[data-theme=dark] .rp-strength-good{color:#2dd4bf;background:#042f2e}[data-theme=dark] .rp-strength-average{color:#fb923c;background:#431407}[data-theme=dark] .rp-strength-weak{color:#f87171;background:#450a0a}.rp-suggestion-list{flex-direction:column;gap:12px;display:flex}.rp-suggestion-item{border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px;transition:border-color .15s,background .15s;display:flex}.rp-suggestion-item:hover{border-color:var(--text-muted);background:var(--bg-neutral-light)}.rp-suggestion-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.rp-suggestion-title{color:var(--text-primary);margin:0 0 2px;font-size:13px;font-weight:700}.rp-suggestion-desc{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.5}.rp-insight-list{flex-direction:column;gap:10px;display:flex}.rp-insight-item{color:var(--text-secondary);border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:12px;padding:13px;font-size:12px;line-height:1.55;display:flex}.rp-insight-icon-wrap{justify-content:center;align-items:center;width:30px;min-width:30px;display:flex}.rp-btn-outline{color:#003833;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #003833;border-radius:50px;justify-content:center;align-items:center;gap:6px;padding:7px 18px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.rp-btn-outline:hover{color:#fff;background:#003833;transform:translateY(-1px);box-shadow:0 4px 12px #00383333}.rp-btn-outline:active{transform:translateY(0)}[data-theme=dark] .rp-btn-outline{color:#34d399;background:#10b9810d;border-color:#10b981}[data-theme=dark] .rp-btn-outline:hover{color:#042f2e;background:#10b981;border-color:#10b981;transform:translateY(-1px);box-shadow:0 4px 14px #10b98140}.rp-btn-secondary{background:var(--bg-neutral-light,#f1f5f9);color:var(--text-primary,#0f172a);border:1px solid var(--border-color,#cbd5e1);cursor:pointer;border-radius:50px;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.rp-btn-secondary:hover{background:var(--bg-card,#fff);color:#003833;border-color:#003833;transform:translateY(-1px)}[data-theme=dark] .rp-btn-secondary{color:#f1f5f9;background:#1e293b;border-color:#334155}[data-theme=dark] .rp-btn-secondary:hover{color:#34d399;background:#0f172a;border-color:#34d399}.rp-btn-accent{color:#003833;cursor:pointer;white-space:nowrap;background:#e7aa39;border:none;border-radius:50px;align-items:center;gap:6px;padding:10px 22px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.rp-btn-accent:hover{background:#f5b945;transform:translateY(-1px);box-shadow:0 4px 14px #e7aa394d}.rp-select{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;font-family:Outfit,sans-serif;font-size:12px;transition:border-color .15s}.rp-select:focus{border-color:#003833}.rp-banner{background:linear-gradient(135deg,#003833 0%,#001f1c 100%);border:1px solid #e7aa394d;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:22px 28px;display:flex}.rp-banner-left{align-items:center;gap:16px;display:flex}.rp-banner-emoji{font-size:2.4rem}.rp-banner-title{color:#fff;margin:0 0 4px;font-size:1.15rem;font-weight:700}.rp-banner-sub{color:#a5f3fc;margin:0;font-size:13px}.rp-dropdown-container{z-index:40;min-width:260px;max-width:340px;position:relative}.rp-dropdown-trigger-btn{background:var(--bg-card,#fff);border:1.5px solid var(--border-color,#cbd5e1);box-sizing:border-box;cursor:pointer;width:100%;height:42px;font-family:var(--font-poppins,"Poppins", sans-serif);border-radius:10px;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #0000000a}.rp-dropdown-trigger-btn:hover{border-color:var(--color-brand-primary,#003833);box-shadow:0 3px 10px #00383314}.rp-dropdown-trigger-btn.active{border-color:var(--color-brand-primary,#003833);box-shadow:0 0 0 3.5px #0038331f}.rp-dropdown-trigger-left{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.rp-trigger-icon-badge{background:#f8fafc;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.rp-trigger-icon-badge.all{color:#ca8a04;background:#fefce8}.rp-trigger-icon-badge.course{color:#2563eb;background:#eff6ff}.rp-trigger-icon-badge.test_series{color:#059669;background:#ecfdf5}.rp-trigger-label{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:13px;font-weight:600;overflow:hidden}.rp-dropdown-chevron{color:var(--text-secondary,#64748b);flex-shrink:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.rp-dropdown-chevron.open{color:var(--color-brand-primary,#003833);transform:rotate(180deg)}.rp-dropdown-menu{scroll-behavior:smooth;overscroll-behavior:contain;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);z-index:100;box-sizing:border-box;border-radius:14px;width:320px;max-height:360px;padding:8px 6px 8px 8px;animation:.2s cubic-bezier(.16,1,.3,1) rp-menuSlideFade;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden auto;box-shadow:0 14px 36px #0000001f,0 3px 8px #0000000a}.rp-dropdown-menu::-webkit-scrollbar{width:6px}.rp-dropdown-menu::-webkit-scrollbar-track{background:0 0;border-radius:8px;margin:6px 0}.rp-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;transition:background .2s}.rp-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .rp-dropdown-menu::-webkit-scrollbar-thumb{background:#334155}[data-theme=dark] .rp-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#475569}@keyframes rp-menuSlideFade{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.rp-dropdown-section{border-bottom:1px solid #f1f5f9;margin-bottom:6px;padding-bottom:6px}.rp-dropdown-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.rp-dropdown-section-title{text-transform:uppercase;letter-spacing:.5px;color:#64748b;justify-content:space-between;align-items:center;padding:6px 10px 4px;font-size:11px;font-weight:700;display:flex}.rp-section-count{color:#475569;background:#f1f5f9;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.rp-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;transition:all .15s;display:flex}.rp-dropdown-item:hover{background:#f8fafc}.rp-dropdown-item.selected{background:#f0fdf4}.rp-dropdown-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.rp-item-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .15s;display:flex}.rp-item-icon-box.all{color:#ca8a04;background:#fefce8}.rp-item-icon-box.course{color:#2563eb;background:#eff6ff}.rp-item-icon-box.test-series{color:#059669;background:#ecfdf5}.rp-dropdown-item:hover .rp-item-icon-box{transform:scale(1.05)}.rp-dropdown-item-text{flex-direction:column;min-width:0;display:flex}.rp-item-main-title{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.rp-dropdown-item.selected .rp-item-main-title{color:#059669;font-weight:700}.rp-item-sub-title{color:var(--text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.rp-item-check-icon{color:#059669;flex-shrink:0}[data-theme=dark] .rp-dropdown-trigger-btn{color:#f8fafc;background:#0f1a18;border-color:#1e293b}[data-theme=dark] .rp-dropdown-trigger-btn:hover{border-color:#34d399}[data-theme=dark] .rp-dropdown-trigger-btn.active{border-color:#34d399;box-shadow:0 0 0 3.5px #34d39926}[data-theme=dark] .rp-dropdown-menu{background:#0d1514;border-color:#1e293b;box-shadow:0 14px 36px #00000073}[data-theme=dark] .rp-dropdown-section{border-bottom-color:#1e293b}[data-theme=dark] .rp-dropdown-section-title{color:#94a3b8}[data-theme=dark] .rp-section-count{color:#cbd5e1;background:#1e293b}[data-theme=dark] .rp-dropdown-item:hover{background:#1e293b}[data-theme=dark] .rp-dropdown-item.selected{background:#05966926}[data-theme=dark] .rp-dropdown-item.selected .rp-item-main-title,[data-theme=dark] .rp-item-check-icon{color:#34d399}.rp-course-hero-banner{color:#fff;background:linear-gradient(135deg,#003833 0%,#002622 100%);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 4px 14px #00383326}.rp-course-hero-left{align-items:center;gap:16px;display:flex}.rp-course-hero-icon{color:#e7aa39;background:#e7aa392e;border:1px solid #e7aa3966;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.rp-course-hero-title{color:#fff;margin:0 0 6px;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700}.rp-course-hero-meta{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:12px;font-size:12.5px;display:flex}.rp-course-hero-meta span{align-items:center;gap:5px;display:inline-flex}.rp-course-badge{color:#fbbf24;text-transform:uppercase;letter-spacing:.4px;background:#e7aa3940;border:1px solid #e7aa3973;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.rp-curriculum-subject-block{margin-bottom:22px}.rp-subject-header-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 12px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;display:flex}.rp-module-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;transition:all .2s;overflow:hidden}.rp-module-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.rp-module-header{background:var(--bg-card-subtle,#f8fafc);cursor:pointer;border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}[data-theme=dark] .rp-module-header{background:#1e293b}.rp-module-title-wrap{align-items:center;gap:10px;display:flex}.rp-module-title{color:var(--text-primary);margin:0;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700}.rp-module-badge{color:#475569;background:#e2e8f0;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}[data-theme=dark] .rp-module-badge{color:#cbd5e1;background:#334155}.rp-topic-list{padding:8px 16px}.rp-topic-item{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.rp-topic-item:last-child{border-bottom:none}.rp-topic-left{align-items:center;gap:10px;display:flex}.rp-topic-name{color:var(--text-primary);font-weight:600}.rp-topic-resources-pills{color:#64748b;align-items:center;gap:8px;font-size:11.5px;display:flex}.rp-resource-mini-tag{background:#f1f5f9;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}[data-theme=dark] .rp-resource-mini-tag{color:#94a3b8;background:#334155}.rp-topic-status-badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.rp-topic-status-badge.completed{color:#166534;background:#dcfce7}.rp-topic-status-badge.pending{color:#64748b;background:#f1f5f9}.rp-live-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.rp-live-badge.attended{color:#166534;background:#dcfce7}.rp-live-badge.missed{color:#991b1b;background:#fee2e2}.rp-live-badge.live-now{color:#fff;background:#ef4444;animation:1.5s infinite pulse}.rp-live-badge.upcoming{color:#64748b;background:#f1f5f9}.rp-text-primary{color:var(--text-primary)!important}.rp-text-secondary{color:var(--text-secondary)!important}.rp-text-muted{color:var(--text-muted)!important}.rp-text-success{color:#10b981!important}.rp-text-danger{color:#ef4444!important}[data-theme=dark] .rp-text-success{color:#34d399!important}@keyframes rp-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.rp-skel-line,.rp-skel-box{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%;border-radius:6px;animation:1.5s ease-in-out infinite rp-skeleton-shimmer}[data-theme=dark] .rp-skel-line,[data-theme=dark] .rp-skel-box{background:linear-gradient(90deg,#1e293b 25%,#334155 37%,#1e293b 63%) 0 0/400% 100%}.rp-skel-title{border-radius:8px;width:220px;height:24px}.rp-skel-breadcrumb{width:140px;height:14px;margin-top:6px}.rp-skel-dropdown{border-radius:10px;width:280px;height:42px}.rp-skel-tabs-wrap{background:#f8fafc;border:1px solid #e2e8f0cc;border-radius:14px;align-items:center;gap:8px;margin-bottom:24px;padding:6px;display:flex;overflow-x:auto}[data-theme=dark] .rp-skel-tabs-wrap{background:#0f172a;border-color:#1e293b}.rp-skel-tab-item{border-radius:10px;flex-shrink:0;width:130px;height:38px}.rp-skel-kpi-card{pointer-events:none}.rp-skel-icon-box{border-radius:10px;width:42px;min-width:42px;height:42px}.rp-skel-w30{width:30%;height:14px}.rp-skel-w40{width:40%;height:14px}.rp-skel-w50{width:50%;height:14px}.rp-skel-w60{width:60%;height:14px}.rp-skel-w70{width:70%;height:14px}.rp-skel-w80{width:80%;height:14px}.rp-skel-w90{width:90%;height:12px}.rp-skel-h18{height:18px!important}.rp-skel-h20{height:20px!important}.rp-skel-h24{height:24px!important}.rp-skel-table{flex-direction:column;gap:12px;width:100%;display:flex}.rp-skel-table-row{border-bottom:1px solid var(--border-color,#e2e8f0);grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.2fr 1fr;align-items:center;gap:16px;padding:12px 16px;display:grid}.rp-skel-table-row.header{background:var(--bg-card-subtle,#f8fafc);border-radius:8px}[data-theme=dark] .rp-skel-table-row.header{background:#1e293b}.rp-skel-btn-cell{border-radius:6px;width:100%;height:32px}.rp-skel-badge{border-radius:6px;width:90px;height:24px}.rp-skel-header-btn{border-radius:8px;width:130px;height:40px}.rp-skel-circle-gauge{border-radius:50%;width:160px;height:160px;margin:10px auto}.rp-skel-insight-box{border-radius:12px;height:90px}.tao-page-wrapper{padding:var(--page-padding,28px 28px 40px);background-color:var(--bg-app,#f8fafc);color:var(--text-primary,#0f172a);font-family:var(--font-poppins,"Poppins", sans-serif);box-sizing:border-box;flex:1;width:100%;max-width:1540px;margin:0 auto}.tao-header-section{margin-bottom:var(--page-header-mb,22px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.tao-header-left{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tao-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tao-main-title{font-family:var(--page-title-font,"Montserrat", sans-serif);font-size:var(--page-title-size,18px);font-weight:var(--page-title-weight,700);color:var(--text-primary,#0f172a);letter-spacing:var(--page-title-letter-spacing,-.2px);margin:0;line-height:1.3}.tao-badge-category{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.tao-badge-series{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.tao-badge-status{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.tao-header-buttons-wrap{align-items:center;gap:10px;display:flex}.tao-meta-chips-bar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;height:40px;padding:4px 8px;display:flex;box-shadow:0 1px 3px #0000000a}.tao-meta-chip{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;height:28px;padding:4px 10px;font-size:12px;display:inline-flex}.tao-meta-chip-icon.text-blue{color:#2563eb}.tao-meta-chip-icon.text-amber{color:#d97706}.tao-meta-chip-icon.text-teal{color:#0d9488}.tao-meta-chip-label{color:#64748b;font-size:11.5px;font-weight:500}.tao-meta-chip-val{color:#0f172a;font-size:12.5px;font-weight:700}[data-theme=dark] .tao-meta-chips-bar{background:#0f172a;border-color:#334155}[data-theme=dark] .tao-meta-chip{background:#1e293b;border-color:#334155}[data-theme=dark] .tao-meta-chip-label{color:#94a3b8}[data-theme=dark] .tao-meta-chip-val{color:#f8fafc}.tao-date-range-pill{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000008}.tao-btn-export{color:#fff;height:40px;font-size:13px;font-weight:600;font-family:var(--font-poppins,"Poppins", sans-serif);cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#003833;border:1px solid #003833;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 16px;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00383326}.tao-btn-export:hover:not(:disabled){background:#002622;transform:translateY(-1px)}.tao-btn-export:disabled,.tao-btn-export.is-disabled{color:#64748b;cursor:not-allowed;opacity:.85;box-shadow:none;background:#e2e8f0;border-color:#cbd5e1;transform:none}.tao-btn-back{color:#334155;height:40px;font-size:13px;font-weight:600;font-family:var(--font-poppins,"Poppins", sans-serif);cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 16px;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #00000008}.tao-btn-back:hover{color:#003833;background:#f8fafc;border-color:#003833}[data-theme=dark] .tao-btn-back{color:#f1f5f9;background:#1e293b;border-color:#334155}[data-theme=dark] .tao-btn-back:hover{color:#34d399;border-color:#34d399}.tao-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%;margin-bottom:22px;display:grid}@media (width<=1380px){.tao-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width<=768px){.tao-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=480px){.tao-kpi-grid{grid-template-columns:1fr;gap:10px}}.tao-kpi-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;align-items:center;gap:10px;min-width:0;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 1px 3px #00000005}.tao-kpi-card:hover{border-color:#00383359;transform:translateY(-2px);box-shadow:0 6px 16px #00383314}.tao-kpi-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex}.tao-kpi-icon-box svg{width:19px;height:19px}.tao-kpi-icon-box.blue{color:#2563eb;background:#eff6ff}.tao-kpi-icon-box.purple{color:#9333ea;background:#faf5ff}.tao-kpi-icon-box.green{color:#059669;background:#ecfdf5}.tao-kpi-icon-box.orange{color:#ea580c;background:#fff7ed}.tao-kpi-icon-box.teal{color:#0d9488;background:#f0fdfa}.tao-kpi-icon-box.indigo{color:#4f46e5;background:#eef2ff}[data-theme=dark] .tao-kpi-card{background:var(--bg-card,#0d1514);border-color:#1e293b;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .tao-kpi-card:hover{border-color:#34d399;box-shadow:0 6px 20px #34d3991f}[data-theme=dark] .tao-kpi-icon-box.blue{color:#60a5fa;background:#2563eb26}[data-theme=dark] .tao-kpi-icon-box.purple{color:#c084fc;background:#9333ea26}[data-theme=dark] .tao-kpi-icon-box.green{color:#34d399;background:#05966926}[data-theme=dark] .tao-kpi-icon-box.orange{color:#fb923c;background:#ea580c26}[data-theme=dark] .tao-kpi-icon-box.teal{color:#2dd4bf;background:#0d948826}[data-theme=dark] .tao-kpi-icon-box.indigo{color:#818cf8;background:#4f46e526}.tao-kpi-text-block{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.tao-kpi-title{color:var(--text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11px;font-weight:600;line-height:1.25;overflow:hidden}.tao-kpi-value{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:1.15rem;font-weight:700;line-height:1.2;overflow:hidden}.tao-kpi-subtext{color:var(--text-muted,#94a3b8);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;line-height:1.2;overflow:hidden}.tao-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;padding:14px 18px;display:flex}.tao-filter-inputs-group{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.tao-filter-control{flex-direction:column;gap:4px;display:flex}.tao-filter-label{color:#475569;font-size:11px;font-weight:600}.tao-search-input-wrap{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:6px 12px;display:flex}.tao-search-input-wrap input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:12.5px}.tao-select{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:130px;padding:6px 12px;font-size:12.5px}.tao-select:focus{border-color:#003833}.tao-filter-actions{align-items:flex-end;gap:8px;display:flex}.tao-btn-reset{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:all .15s}.tao-btn-reset:hover{color:#0f172a;background:#f1f5f9}.tao-btn-apply{color:#fff;cursor:pointer;background:#003833;border:1px solid #003833;border-radius:8px;padding:7px 18px;font-size:12.5px;font-weight:700;transition:all .15s}.tao-btn-apply:hover{background:#002622}.tao-two-col-grid{grid-template-columns:1.35fr 1fr;gap:20px;margin-bottom:24px;display:grid}@media (width<=1100px){.tao-two-col-grid{grid-template-columns:1fr}}.tao-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 1px 3px #00000005}.tao-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tao-card-title{font-family:var(--page-title-font,"Montserrat", sans-serif);color:var(--text-primary,#0f172a);margin:0;font-size:16px;font-weight:700}.tao-table-wrap{border-radius:12px;overflow-x:auto}.tao-table{border-collapse:separate;border-spacing:0;width:100%}.tao-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:12px 14px;font-size:11.5px;font-weight:700}.tao-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px;font-size:13px;transition:background .15s}.tao-attempt-row{cursor:pointer;transition:all .2s}.tao-attempt-row:hover{background-color:#f8fafc}.tao-attempt-row.selected-row{background-color:#f0fdf4}[data-theme=dark] .tao-attempt-row:hover{background-color:#1e293b}[data-theme=dark] .tao-attempt-row.selected-row{background-color:#0596691f}.tao-row-index-circle{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11.5px;font-weight:600;display:inline-flex}[data-theme=dark] .tao-row-index-circle{color:#94a3b8;background:#1e293b}.tao-attempt-name-cell{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.tao-attempt-tag{color:var(--text-primary,#0f172a);letter-spacing:-.1px;font-size:13.5px;font-weight:600}.tao-best-badge{color:#059669;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #05966914}.tao-cell-meta-date,.tao-cell-meta-time{color:#475569;align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.tao-cell-icon{color:#94a3b8;flex-shrink:0}[data-theme=dark] .tao-cell-meta-date,[data-theme=dark] .tao-cell-meta-time{color:#cbd5e1}.tao-score-badge-cell{align-items:center;display:inline-flex}.tao-score-main{color:#0f172a;letter-spacing:.2px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}[data-theme=dark] .tao-score-main{color:#f8fafc;background:#1e293b;border-color:#334155}.tao-accuracy-cell-wrap{align-items:center;gap:8px;min-width:100px;display:flex}.tao-acc-bar-bg{background:#e2e8f0;border-radius:10px;flex-shrink:0;width:48px;height:6px;overflow:hidden}.tao-acc-bar-fill{border-radius:10px;height:100%;transition:width .3s}.tao-accuracy-pill{white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.tao-accuracy-pill.pending{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.tao-status-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.tao-status-badge.completed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.tao-status-badge.pending{color:#854d0e;background:#fef9c3;border:1px solid #fde047}.tao-row-actions-group{justify-content:flex-end;align-items:center;gap:10px;display:flex}.tao-btn-action-outline{color:#003833;font-size:13px;font-weight:600;font-family:var(--font-poppins,"Poppins", sans-serif);cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #003833;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0000000a}.tao-btn-action-outline:hover{color:#fff;background:#003833;transform:translateY(-1.5px);box-shadow:0 4px 12px #00383338}.tao-btn-action-outline:active{transform:translateY(0)}[data-theme=dark] .tao-btn-action-outline{color:#34d399;background:#10b98114;border-color:#10b981}[data-theme=dark] .tao-btn-action-outline:hover{color:#042f2e;background:#10b981;box-shadow:0 4px 12px #10b9814d}.tao-btn-action-primary{color:#fff;font-size:13px;font-weight:600;font-family:var(--font-poppins,"Poppins", sans-serif);cursor:pointer;white-space:nowrap;background:#003833;border:1.5px solid #003833;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #0038332e}.tao-btn-action-primary:hover{background:#002622;border-color:#002622;transform:translateY(-1.5px);box-shadow:0 5px 14px #00383347}.tao-btn-action-primary:active{transform:translateY(0)}[data-theme=dark] .tao-btn-action-primary{color:#fff;background:#059669;border-color:#059669}[data-theme=dark] .tao-btn-action-primary:hover{background:#047857;border-color:#047857;box-shadow:0 5px 14px #0596694d}.tao-analytics-section-title{font-family:var(--page-title-font,"Montserrat", sans-serif);color:var(--text-primary,#0f172a);margin:0 0 16px;font-size:15.5px;font-weight:700}.tao-charts-grid{grid-template-columns:1fr 1.25fr 1.25fr 1.25fr;align-items:stretch;gap:16px;display:grid}@media (width<=1280px){.tao-charts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tao-charts-grid{grid-template-columns:1fr}}.tao-chart-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:180px;padding:16px;display:flex;box-shadow:0 1px 3px #00000005}.tao-chart-card h5{color:var(--text-primary,#334155);margin:0 0 10px;font-size:13px;font-weight:700}.tao-score-dist-body{flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.tao-doughnut-wrap{flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.tao-dist-legend{flex-direction:column;gap:6px;font-size:11px;display:flex}.tao-dist-legend-item{color:var(--text-secondary,#64748b);align-items:center;gap:6px;font-weight:500;display:flex}.tao-dist-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.tao-line-chart-svg{width:100%;height:95px;display:block}.tao-sub-topic-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:20px;display:grid}.tao-sub-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.tao-sub-card-title{color:var(--text-primary,#0f172a);margin:0 0 12px;font-size:13.5px;font-weight:700}.tao-custom-sub-table{width:100%;font-size:12px}.tao-sub-bar-track{background:#e2e8f0;border-radius:4px;flex:1;height:6px;overflow:hidden}.tao-sub-bar-fill{background:var(--color-brand-primary,#003833);border-radius:4px;height:100%;transition:width .3s}[data-theme=dark] .tao-page-wrapper{background-color:var(--bg-app,#090f0e);color:var(--text-primary,#f1f5f9)}[data-theme=dark] .tao-main-title,[data-theme=dark] .tao-card-title,[data-theme=dark] .tao-analytics-section-title,[data-theme=dark] .tao-sub-card-title{color:#f8fafc}[data-theme=dark] .tao-card,[data-theme=dark] .tao-chart-card{background:var(--bg-card,#0d1514);border-color:#1e293b;box-shadow:0 2px 10px #0006}[data-theme=dark] .tao-chart-card h5{color:#cbd5e1}[data-theme=dark] .tao-table th{color:#94a3b8;background:#131d1b;border-bottom-color:#1e293b}[data-theme=dark] .tao-table td{color:#e2e8f0;border-bottom-color:#162220}[data-theme=dark] .tao-sub-card{background:#131d1b;border-color:#1e293b}[data-theme=dark] .tao-sub-bar-track{background:#1e293b}[data-theme=dark] .tao-sub-bar-fill{background:#34d399}[data-theme=dark] .tao-badge-category{color:#34d399;background:#05966926;border-color:#34d3994d}[data-theme=dark] .tao-badge-series{color:#94a3b8;background:#1e293b;border-color:#334155}[data-theme=dark] .tao-badge-status{color:#60a5fa;background:#2563eb26;border-color:#60a5fa4d}[data-theme=dark] .tao-attempt-tag{color:#f8fafc}[data-theme=dark] .tao-best-badge{color:#34d399;background:#05966933;border-color:#34d39966}[data-theme=dark] .tao-status-badge.completed{color:#34d399;background:#0596692e;border-color:#34d3994d}[data-theme=dark] .tao-status-badge.pending{color:#fde047;background:#eab30826;border-color:#fde0474d}[data-theme=dark] .tao-acc-bar-bg{background:#1e293b}[data-theme=dark] .tao-btn-export.is-disabled{color:#64748b;background:#1e293b;border-color:#334155}@media (width<=900px){.tao-page-wrapper{padding:var(--page-padding-mobile,16px 14px 32px)}.tao-header-section{flex-direction:column;align-items:stretch;gap:14px}.tao-header-left{width:100%}.tao-header-right-actions{justify-content:flex-start;width:100%}.tao-header-buttons-wrap{width:100%;display:flex}.tao-header-buttons-wrap .tao-btn-back,.tao-header-buttons-wrap .tao-btn-export{text-align:center;flex:1}.tao-card-header>div{flex-direction:column;gap:12px;align-items:flex-start!important}.tao-meta-chips-bar{flex-wrap:wrap;gap:6px;width:100%;height:auto;padding:6px 8px}.tao-meta-chip{flex:1;justify-content:center;min-width:120px}}@media (width<=640px){.tao-main-title{font-size:16px}.tao-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tao-kpi-card{gap:10px;padding:10px 12px}.tao-kpi-icon-box{width:36px;min-width:36px;height:36px}.tao-kpi-value{font-size:1.1rem}.tao-card{border-radius:10px;padding:14px}.tao-row-actions-group{flex-direction:column;gap:6px;width:100%}.tao-btn-action-outline,.tao-btn-action-primary{width:100%;padding:7px 12px;font-size:12px}.tao-sub-topic-grid{grid-template-columns:1fr}}@media (width<=420px){.tao-kpi-grid{grid-template-columns:1fr}}@keyframes tao-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tao-skeleton{background:linear-gradient(90deg,#e2e8f0b3 25%,#f1f5f9f2 37%,#e2e8f0b3 63%) 0 0/200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite tao-skeleton-shimmer}[data-theme=dark] .tao-skeleton{background:linear-gradient(90deg,#1e293bb3 25%,#334155e6 37%,#1e293bb3 63%) 0 0/200% 100%}.aqa-container{padding:var(--page-padding,28px 28px 40px);background-color:var(--bg-app);color:var(--text-primary,#0f172a);font-family:var(--font-poppins,"Poppins", sans-serif);box-sizing:border-box;width:100%;max-width:1540px;min-height:100%;margin:0 auto}.aqa-top-nav-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.aqa-nav-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.aqa-btn-back{background:var(--bg-card,#fff);border:1px solid var(--border-color,#cbd5e1);color:var(--text-primary,#334155);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.aqa-btn-back:hover{background:var(--bg-card-subtle,#f8fafc);color:#003833;border-color:#003833}.aqa-nav-right{align-items:center;gap:10px;display:flex}.aqa-btn-export{color:#fff;cursor:pointer;background:#003833;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00383326}.aqa-btn-export:hover:not(:disabled){background:#002622;transform:translateY(-1px)}.aqa-btn-export:disabled,.aqa-btn-export.is-disabled{color:#64748b;cursor:not-allowed;opacity:.85;box-shadow:none;background:#cbd5e1;border-color:#cbd5e1;transform:none}.tao-badge-status.status-pending{color:#92400e;background:#fef3c7;border-color:#fde68a}.tao-badge-status.status-completed{color:#059669;background:#ecfdf5;border-color:#a7f3d0}[data-theme=dark] .tao-badge-status.status-pending{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}[data-theme=dark] .tao-badge-status.status-completed{color:#34d399;background:#10b98126;border-color:#10b9814d}.aqa-hero-card{color:#fff;background:linear-gradient(135deg,#003833 0%,#002622 100%);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px 28px;display:flex;box-shadow:0 4px 16px #00383326}.aqa-hero-left{flex-direction:column;gap:6px;display:flex}.aqa-badge-attempt{color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;background:#e7aa3940;border:1px solid #e7aa3973;border-radius:6px;width:fit-content;padding:3px 10px;font-size:11.5px;font-weight:700}.aqa-hero-title{color:#fff;margin:2px 0 4px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;line-height:1.3}.aqa-hero-meta{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.aqa-hero-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.aqa-score-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;flex-direction:column;align-items:center;min-width:90px;padding:10px 18px;display:flex}.aqa-score-pill .label{text-transform:uppercase;letter-spacing:.5px;color:#cbd5e1;font-size:11px;font-weight:600}.aqa-score-pill .val{color:#fff;margin-top:2px;font-size:20px;font-weight:800}.aqa-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.aqa-stat-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.aqa-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.aqa-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.aqa-stat-icon.total{color:#2563eb;background:#eff6ff}.aqa-stat-icon.correct{color:#059669;background:#ecfdf5}.aqa-stat-icon.wrong{color:#dc2626;background:#fef2f2}.aqa-stat-icon.unanswered{color:#64748b;background:#f8fafc}.aqa-stat-info{flex-direction:column;display:flex}.aqa-stat-info .val{color:var(--text-primary,#0f172a);font-family:Montserrat,sans-serif;font-size:22px;font-weight:700}.aqa-stat-info .lbl{color:#64748b;margin-top:1px;font-size:12px;font-weight:500}.aqa-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #00000005}.aqa-card-header{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.aqa-card-title{color:var(--text-primary,#0f172a);margin:0;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700}.aqa-card-sub{color:#64748b;margin:3px 0 0;font-size:12.5px}.aqa-filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.aqa-filter-pill{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-card-subtle,#f8fafc);color:#475569;cursor:pointer;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.aqa-filter-pill:hover{background:#f1f5f9;border-color:#cbd5e1}.aqa-filter-pill.active{color:#fff;background:#003833;border-color:#003833}.aqa-table-wrap{overflow-x:auto}.aqa-table{border-collapse:collapse;text-align:left;width:100%}.aqa-table th{background:var(--bg-card-subtle,#f8fafc);color:#475569;border-bottom:1px solid var(--border-color,#e2e8f0);text-transform:uppercase;letter-spacing:.4px;padding:12px 18px;font-size:12px;font-weight:700}.aqa-table td{border-bottom:1px solid var(--border-color,#e2e8f0);color:var(--text-primary,#0f172a);padding:14px 18px;font-size:13px}.aqa-table tbody tr:hover{background:var(--bg-card-hover,#00383305)}.aqa-strength-badge{border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:700}.aqa-strength-badge.strong{color:#166534;background:#dcfce7}.aqa-strength-badge.moderate{color:#0369a1;background:#e0f2fe}.aqa-strength-badge.weak{color:#991b1b;background:#fee2e2}.aqa-questions-list{flex-direction:column;gap:20px;padding:20px 24px;display:flex}.aqa-q-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:20px;transition:all .2s}.aqa-q-card.status-correct{border-left:4px solid #059669}.aqa-q-card.status-wrong{border-left:4px solid #dc2626}.aqa-q-card.status-unanswered{border-left:4px solid #94a3b8}.aqa-q-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.aqa-q-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.aqa-q-num{color:#fff;background:#003833;border-radius:6px;padding:3px 9px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800}.aqa-q-topic-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600}.aqa-status-pill{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.aqa-status-pill.correct{color:#166534;background:#dcfce7}.aqa-status-pill.wrong{color:#991b1b;background:#fee2e2}.aqa-status-pill.unanswered{color:#64748b;background:#f1f5f9}.aqa-q-meta-right{color:#64748b;align-items:center;gap:12px;font-size:12.5px;display:flex}.aqa-q-text{color:var(--text-primary,#0f172a);margin-bottom:16px;font-size:14px;font-weight:500;line-height:1.65}.aqa-options-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:16px;display:grid}.aqa-option-box{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-card-subtle,#f8fafc);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.aqa-option-box.is-correct{background:#f0fdf4;border-color:#86efac}.aqa-option-box.is-wrong{background:#fef2f2;border-color:#fca5a5}.aqa-opt-radio{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.aqa-option-box.is-correct .aqa-opt-radio{color:#fff;background:#059669;border-color:#059669}.aqa-option-box.is-wrong .aqa-opt-radio{color:#fff;background:#dc2626;border-color:#dc2626}.aqa-opt-content{flex-direction:column;flex:1;gap:4px;display:flex}.aqa-opt-content .text{color:var(--text-primary,#1e293b);font-size:13.5px;line-height:1.45}.aqa-opt-content .badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.aqa-opt-content .pill{border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700}.aqa-opt-content .pill.correct{color:#166534;background:#dcfce7}.aqa-opt-content .pill.wrong{color:#991b1b;background:#fee2e2}.aqa-explanation-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-top:12px;padding:14px 16px}.aqa-exp-title{color:#166534;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.aqa-exp-body{color:#14532d;font-size:13px;line-height:1.6}.aqa-pagination-row{border-top:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.aqa-page-btn{background:var(--bg-card,#fff);border:1px solid var(--border-color,#cbd5e1);color:var(--text-primary,#334155);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s}.aqa-page-btn:hover:not(:disabled){background:var(--bg-card-subtle,#f8fafc);color:#003833;border-color:#003833}.aqa-page-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .aqa-container,.dark-theme .aqa-container{background-color:var(--bg-app,#091211);color:#f1f5f9}[data-theme=dark] .aqa-btn-back,.dark-theme .aqa-btn-back{color:#a0b0ad;background:#0f1a18;border-color:#1a2b28}[data-theme=dark] .aqa-btn-back:hover,.dark-theme .aqa-btn-back:hover{color:#34d399;background:#182422;border-color:#34d399}[data-theme=dark] .aqa-btn-export,.dark-theme .aqa-btn-export{color:#042f2e;background:#10b981}[data-theme=dark] .aqa-btn-export:hover,.dark-theme .aqa-btn-export:hover{background:#34d399;box-shadow:0 4px 14px #10b98140}[data-theme=dark] .aqa-stat-card,.dark-theme .aqa-stat-card,[data-theme=dark] .aqa-card,.dark-theme .aqa-card{background:#0d1514;border-color:#1a2b28}[data-theme=dark] .aqa-card-header,.dark-theme .aqa-card-header{border-color:#1a2b28}[data-theme=dark] .aqa-card-title,.dark-theme .aqa-card-title{color:#f0f5f4}[data-theme=dark] .aqa-filter-pill,.dark-theme .aqa-filter-pill{color:#a0b0ad;background:#0d1514;border-color:#1a2b28}[data-theme=dark] .aqa-filter-pill:hover,.dark-theme .aqa-filter-pill:hover{color:#34d399;border-color:#34d399}[data-theme=dark] .aqa-filter-pill.active,.dark-theme .aqa-filter-pill.active{color:#042f2e;background:#10b981;border-color:#10b981}[data-theme=dark] .aqa-table th,.dark-theme .aqa-table th{color:#a0b0ad;background:#121c1b;border-color:#1a2b28}[data-theme=dark] .aqa-table td,.dark-theme .aqa-table td{color:#f1f5f9;border-color:#1a2b28}[data-theme=dark] .aqa-table tbody tr:hover,.dark-theme .aqa-table tbody tr:hover{background:#34d3990a}[data-theme=dark] .aqa-page-btn,.dark-theme .aqa-page-btn{color:#a0b0ad;background:#0d1514;border-color:#1a2b28}[data-theme=dark] .aqa-page-btn:hover:not(:disabled),.dark-theme .aqa-page-btn:hover:not(:disabled){color:#34d399;background:#182422;border-color:#34d399}[data-theme=dark] .aqa-pagination-row,.dark-theme .aqa-pagination-row{border-color:#1a2b28}.aqa-graphs-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:24px;display:grid}.aqa-graph-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;flex-direction:column;padding:22px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.aqa-graph-card:hover{box-shadow:0 4px 12px #0000000a}.aqa-graph-card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.aqa-graph-card-title{color:var(--text-primary,#0f172a);align-items:center;gap:8px;margin:0;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;display:flex}.aqa-graph-card-sub{color:#64748b;margin-top:2px;font-size:12px}.aqa-gauge-wrapper{flex-direction:column;justify-content:center;align-items:center;padding:12px 0;display:flex;position:relative}.aqa-gauge-3d{min-height:200px;position:relative}.aqa-3d-svg{filter:drop-shadow(0 6px 12px #0000000f);overflow:visible;transform:rotate(0)}.aqa-gauge-ambient-glow{pointer-events:none;filter:blur(14px);opacity:.85;border-radius:50%;width:170px;height:170px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aqa-gauge-center-hub{pointer-events:none;z-index:2;background:radial-gradient(circle at 35% 30%,#fff 0%,#f8fafc 85%,#e2e8f0 100%);border:1px solid #e2e8f0cc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:104px;height:104px;transition:all .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #00000014,0 2px 4px #0000000a,inset 0 1px 1px #fff,inset 0 -2px 4px #0000000f}.aqa-gauge-val-3d{font-family:var(--font-poppins,"Poppins", sans-serif);letter-spacing:-.5px;text-shadow:0 1px 2px #00000014;font-size:26px;font-weight:800;line-height:1}.aqa-gauge-badge-pill{color:#475569;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;background:#0f172a0d;border:1px solid #0000000a;border-radius:10px;margin-top:5px;padding:2px 7px;font-size:9.5px;font-weight:700}.aqa-gauge-badge-pill.score{color:#003833;background:#00383314;border-color:#0038331f}[data-theme=dark] .aqa-3d-svg{filter:drop-shadow(0 6px 16px #00000059)}[data-theme=dark] .aqa-track-base{stroke:#1e293b!important}[data-theme=dark] .aqa-gauge-center-hub{background:radial-gradient(circle at 35% 30%,#1e293b 0%,#0f172a 85%,#091211 100%);border-color:#334155;box-shadow:0 8px 20px #00000080,inset 0 1px 1px #ffffff1a,inset 0 -2px 6px #00000080}[data-theme=dark] .aqa-gauge-badge-pill{color:#94a3b8;background:#ffffff0f;border-color:#ffffff14}[data-theme=dark] .aqa-gauge-badge-pill.score{color:#34d399;background:#34d39926;border-color:#34d39940}.aqa-gauge-center-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aqa-gauge-val{color:var(--text-primary,#0f172a);font-family:Montserrat,sans-serif;font-size:26px;font-weight:800;line-height:1}.aqa-gauge-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:600}.aqa-metric-bars-stack{flex-direction:column;gap:16px;width:100%;display:flex}.aqa-metric-bar-item{flex-direction:column;gap:6px;display:flex}.aqa-metric-bar-head{color:var(--text-primary,#334155);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.aqa-metric-bar-track{background:#f1f5f9;border-radius:20px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #00000014}.aqa-metric-bar-fill{border-radius:20px;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #00000026}[data-theme=dark] .aqa-metric-bar-track{background:#1e293b;box-shadow:inset 0 1px 4px #00000080}.aqa-ai-container{background:linear-gradient(135deg,#00383308 0%,#e7aa390a 100%);border:1px solid #0038331f;border-radius:16px;margin-bottom:24px;padding:24px 28px;position:relative;overflow:hidden}.aqa-ai-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.aqa-ai-badge-group{align-items:center;gap:10px;display:flex}.aqa-ai-pill{color:#fff;letter-spacing:.3px;background:#003833;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.aqa-ai-title{color:var(--text-primary,#0f172a);margin:0;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700}.aqa-ai-quote-box{background:var(--bg-card,#fff);color:var(--text-secondary,#475569);border-left:4px solid #003833;border-radius:8px;margin-bottom:20px;padding:12px 18px;font-size:13.5px;font-style:italic;box-shadow:0 1px 3px #00000005}.aqa-ai-insights-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px;display:grid}.aqa-ai-insight-box{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;gap:8px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #00000005}.aqa-ai-insight-title{color:var(--text-primary,#0f172a);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.aqa-ai-insight-text{color:var(--text-secondary,#475569);margin:0;font-size:13px;line-height:1.6}.aqa-ai-action-plan-wrap{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:18px 20px}.aqa-ai-action-plan-title{color:var(--text-primary,#0f172a);align-items:center;gap:8px;margin:0 0 14px;font-family:Montserrat,sans-serif;font-size:14.5px;font-weight:700;display:flex}.aqa-ai-action-plan-list{flex-direction:column;gap:10px;display:flex}.aqa-ai-action-item{background:var(--bg-card-subtle,#f8fafc);color:var(--text-secondary,#334155);border-radius:8px;align-items:flex-start;gap:12px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.aqa-ai-action-item-badge{color:#fff;white-space:nowrap;background:#003833;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.aqa-detailed-solutions-banner{color:#fff;background:linear-gradient(135deg,#003833 0%,#002622 100%);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:24px 28px;display:flex;box-shadow:0 4px 16px #00383326}.aqa-detailed-solutions-left{flex-direction:column;gap:4px;display:flex}.aqa-detailed-solutions-title{color:#fff;margin:0;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700}.aqa-detailed-solutions-sub{color:#cbd5e1;margin:0;font-size:13px}.aqa-btn-view-answers{color:#002622;cursor:pointer;white-space:nowrap;background:#e7aa39;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #e7aa394d}.aqa-btn-view-answers:hover{background:#d4992c;transform:translateY(-1px);box-shadow:0 4px 12px #e7aa3966}[data-theme=dark] .aqa-graph-card,.dark-theme .aqa-graph-card{background:#0d1514;border-color:#1a2b28}[data-theme=dark] .aqa-ai-container,.dark-theme .aqa-ai-container{background:linear-gradient(135deg,#10b9810d 0%,#e7aa390d 100%);border-color:#1a2b28}[data-theme=dark] .aqa-ai-quote-box,.dark-theme .aqa-ai-quote-box{color:#cbd5e1;background:#091211;border-left-color:#10b981}[data-theme=dark] .aqa-ai-insight-box,.dark-theme .aqa-ai-insight-box,[data-theme=dark] .aqa-ai-action-plan-wrap,.dark-theme .aqa-ai-action-plan-wrap{background:#0d1514;border-color:#1a2b28}[data-theme=dark] .aqa-ai-action-item,.dark-theme .aqa-ai-action-item{color:#cbd5e1;background:#091211}[data-theme=dark] .aqa-ai-action-item-badge,.dark-theme .aqa-ai-action-item-badge{color:#042f2e;background:#10b981}.tr-container{width:100%;max-width:1400px;font-family:var(--font-secondary,"Poppins", sans-serif);color:var(--text-primary,#0f172a);box-sizing:border-box;margin:0 auto;padding:24px 28px 60px}.tr-header-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:22px;display:flex}.tr-header-left{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tr-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tr-main-title{color:var(--text-primary,#0f172a);letter-spacing:-.2px;margin:0;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;line-height:1.3}.tr-badge-attempt{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.tr-badge-series{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.tr-badge-status{border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.tr-badge-status.status-completed{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.tr-badge-status.status-pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.tr-header-right-actions{align-items:center;display:flex}.tr-header-buttons-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tr-attempt-select{appearance:none;color:#003833;cursor:pointer;background-color:#fff;background-image: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='%23003833' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:38px;padding:0 32px 0 12px;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #00000008}.tr-attempt-select:hover{background-color:#f8fafc;border-color:#003833}.tr-btn-back{color:#334155;cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #00000008}.tr-btn-back:hover{color:#003833;background:#f8fafc;border-color:#003833}.tr-retake-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#003833;border:1px solid #003833;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00383326}.tr-retake-btn:hover{background:#002622;border-color:#002622;transform:translateY(-1px);box-shadow:0 4px 12px #00383333}[data-theme=dark] .tr-main-title{color:#f8fafc}[data-theme=dark] .tr-badge-series{color:#94a3b8;background:#1e293b;border-color:#334155}[data-theme=dark] .tr-attempt-select{color:#f1f5f9;background-color:#1e293b;border-color:#334155}[data-theme=dark] .tr-btn-back{color:#f1f5f9;background:#1e293b;border-color:#334155}[data-theme=dark] .tr-btn-back:hover{color:#34d399;border-color:#34d399}.tr-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;margin-bottom:24px;display:grid}@media (width<=992px){.tr-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width<=480px){.tr-kpi-grid{grid-template-columns:1fr;gap:10px}}.tr-hero-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tr-hero-title h1{color:#fff;letter-spacing:-.2px;margin:0 0 4px;font-size:20px;font-weight:700}.tr-hero-title p{color:#cbd5e1;margin:0;font-size:13px}.tr-badge-evaluated{color:#34d399;background:#10b9812e;border:1px solid #10b98173;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.tr-hero-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px 20px;display:grid}@media (width<=900px){.tr-hero-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.tr-hero-stats{grid-template-columns:1fr}}.tr-stat-item{flex-direction:column;gap:3px;display:flex}.tr-stat-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.tr-stat-item h2{color:#fff;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.tr-stat-item span{color:#34d399;font-size:11.5px;font-weight:500}.tr-tabs-row{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:12px;display:flex}.tr-tab-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.tr-tab-btn:hover{color:#003833;border-color:#003833}.tr-tab-btn.active{color:#fff;background:#003833;border-color:#003833;font-weight:700}.tr-analysis-grid{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px;display:grid}.tr-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 2px 10px #00000008}.tr-section-card h3{color:#0f172a;margin:0 0 18px;font-size:17px;font-weight:800}.tr-subject-bar-row{margin-bottom:16px}.tr-subject-bar-header{color:#334155;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.tr-bar-track{background:#e2e8f0;border-radius:10px;height:8px;overflow:hidden}.tr-bar-fill{background:linear-gradient(90deg,#003833 0%,#10b981 100%);border-radius:10px;height:100%}.tr-solutions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.tr-solutions-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:800}.tr-q-filter-row{gap:8px;display:flex}.tr-q-filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.tr-q-filter-btn.active{color:#fff;background:#003833;border-color:#003833}.tr-q-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:18px;padding:24px;box-shadow:0 2px 10px #00000008}.tr-q-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.tr-q-status-chip{border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.tr-status-correct{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.tr-status-wrong{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.tr-status-unattempted{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.tr-q-title{color:#0f172a;margin-bottom:18px;font-size:15.5px;font-weight:700;line-height:1.6}.tr-sol-options{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.tr-sol-opt{color:#334155;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.tr-sol-opt.is-correct{color:#047857;background:#ecfdf5;border-color:#10b981;font-weight:700}.tr-sol-opt.is-user-wrong{color:#b91c1c;background:#fef2f2;border-color:#ef4444;font-weight:700}.tr-explanation-box{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px;font-size:13.5px;line-height:1.6}.tr-explanation-box strong{color:#003833}.tr-dist-correct{color:#065f46;background:#10b98114;border:1px solid #10b98133}.tr-dist-incorrect{color:#991b1b;background:#ef444414;border:1px solid #ef444433}.tr-dist-unattempted{color:#475569;background:#64748b14;border:1px solid #64748b33}.tr-badge-opt-correct{color:#15803d;background:#dcfce7}.tr-badge-opt-wrong{color:#b91c1c;background:#fee2e2}.tr-badge-opt-user-correct{color:#fff;background:#10b981}.tr-subjective-box{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}[data-theme=dark] .tr-container,.dark-theme .tr-container{color:#f1f5f9}[data-theme=dark] .tr-back-btn,.dark-theme .tr-back-btn{color:#34d399}[data-theme=dark] .tr-attempt-select,.dark-theme .tr-attempt-select{color:#34d399;background-color:#0f1a18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");border-color:#10b981}[data-theme=dark] .tr-attempt-select option,.dark-theme .tr-attempt-select option{color:#f1f5f9;background:#0f1a18}[data-theme=dark] .tr-retake-btn,.dark-theme .tr-retake-btn{color:#042f2e;background:#10b981}[data-theme=dark] .tr-retake-btn:hover,.dark-theme .tr-retake-btn:hover{background:#34d399}[data-theme=dark] .tr-score-hero,.dark-theme .tr-score-hero{background:linear-gradient(135deg,#091211 0%,#003833 100%);border:1px solid #1a2b28}[data-theme=dark] .tr-hero-title h1,.dark-theme .tr-hero-title h1{color:#f0f5f4}[data-theme=dark] .tr-hero-title p,.dark-theme .tr-hero-title p{color:#a0b0ad}[data-theme=dark] .tr-tabs-row,.dark-theme .tr-tabs-row{border-color:#1a2b28}[data-theme=dark] .tr-tab-btn,.dark-theme .tr-tab-btn{color:#a0b0ad;background:#0d1514;border-color:#1a2b28}[data-theme=dark] .tr-tab-btn:hover,.dark-theme .tr-tab-btn:hover{color:#34d399;border-color:#34d399}[data-theme=dark] .tr-tab-btn.active,.dark-theme .tr-tab-btn.active{color:#042f2e;background:#10b981;border-color:#10b981}[data-theme=dark] .tr-section-card,.dark-theme .tr-section-card{background:#0d1514;border-color:#1a2b28}[data-theme=dark] .tr-section-card h3,.dark-theme .tr-section-card h3{color:#f0f5f4}[data-theme=dark] .tr-subject-bar-header,.dark-theme .tr-subject-bar-header{color:#cbd5e1}[data-theme=dark] .tr-bar-track,.dark-theme .tr-bar-track{background:#182422}[data-theme=dark] .tr-solutions-header h2,.dark-theme .tr-solutions-header h2{color:#f0f5f4}[data-theme=dark] .tr-q-filter-btn,.dark-theme .tr-q-filter-btn{color:#a0b0ad;background:#0d1514;border-color:#1a2b28}[data-theme=dark] .tr-q-filter-btn:hover,.dark-theme .tr-q-filter-btn:hover{color:#34d399;border-color:#34d399}[data-theme=dark] .tr-q-filter-btn.active,.dark-theme .tr-q-filter-btn.active{color:#042f2e;background:#10b981;border-color:#10b981}[data-theme=dark] .tr-q-card,.dark-theme .tr-q-card{background:#0d1514;border-color:#1a2b28}[data-theme=dark] .tr-q-title,.dark-theme .tr-q-title{color:#f0f5f4}[data-theme=dark] .tr-sol-opt,.dark-theme .tr-sol-opt{color:#cbd5e1;background:#111a18;border-color:#1f2f2c}[data-theme=dark] .tr-sol-opt.is-correct,.dark-theme .tr-sol-opt.is-correct{color:#34d399;background:#10b98126;border-color:#10b981}[data-theme=dark] .tr-sol-opt.is-user-wrong,.dark-theme .tr-sol-opt.is-user-wrong{color:#f87171;background:#ef444426;border-color:#ef4444}[data-theme=dark] .tr-status-unattempted,.dark-theme .tr-status-unattempted{color:#94a3b8;background:#182422;border-color:#243532}[data-theme=dark] .tr-explanation-box,.dark-theme .tr-explanation-box{color:#cbd5e1;background:#121c1b;border-color:#1a2b28}[data-theme=dark] .tr-explanation-box strong,.dark-theme .tr-explanation-box strong{color:#34d399}[data-theme=dark] .tr-badge-opt-correct,.dark-theme .tr-badge-opt-correct{color:#34d399;background:#10b98133}[data-theme=dark] .tr-badge-opt-wrong,.dark-theme .tr-badge-opt-wrong{color:#f87171;background:#ef444433}[data-theme=dark] .tr-badge-opt-user-correct,.dark-theme .tr-badge-opt-user-correct{color:#042f2e;background:#10b981}[data-theme=dark] .tr-subjective-box,.dark-theme .tr-subjective-box{color:#cbd5e1;background:#121c1b;border-color:#1a2b28}[data-theme=dark] .tr-dist-correct,.dark-theme .tr-dist-correct{color:#34d399!important;background:#10b9811f!important}[data-theme=dark] .tr-dist-incorrect,.dark-theme .tr-dist-incorrect{color:#f87171!important;background:#ef44441f!important}[data-theme=dark] .tr-dist-unattempted,.dark-theme .tr-dist-unattempted{color:#cbd5e1!important;background:#94a3b81f!important}[data-theme=dark] .tr-subject-badge,.dark-theme .tr-subject-badge{color:#a0b0ad!important;background:#1a2b28!important}[data-theme=dark] .tr-unattempted-warning,.dark-theme .tr-unattempted-warning{color:#fbbf24!important;background:#f59e0b1f!important;border-color:#f59e0b4d!important}[data-theme=dark] .tr-ai-box,.dark-theme .tr-ai-box{color:#cbd5e1!important;background:#121c1be6!important}[data-theme=dark] .tr-weak-row,.dark-theme .tr-weak-row{background:#121c1be6!important;border-color:#ef444440!important}@media (width<=768px){.tr-container{padding:14px 14px 40px}.tr-analysis-grid{grid-template-columns:1fr}}.tr-pending-eval-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:40px 16px 80px;display:flex}.tr-pending-eval-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);text-align:center;box-sizing:border-box;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:680px;padding:44px 36px;display:flex;box-shadow:0 4px 24px #0000000a}.tr-pending-icon-box{color:#d97706;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex;box-shadow:0 0 0 8px #f59e0b1f}.tr-pending-badge{color:#b45309;font-family:var(--font-primary,"Montserrat", sans-serif);text-transform:uppercase;letter-spacing:.5px;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;margin-bottom:12px;padding:5px 14px;font-size:11.5px;font-weight:700;display:inline-block}.tr-pending-title{font-family:var(--font-primary,"Montserrat", sans-serif);color:var(--text-primary,#0f172a);margin:0 0 10px;font-size:22px;font-weight:700}.tr-pending-subtitle{font-family:var(--font-secondary,"Poppins", sans-serif);color:var(--text-secondary,#64748b);max-width:580px;margin:0 0 28px;font-size:14px;line-height:1.6}.tr-pending-meta-grid{background:var(--bg-card-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;width:100%;margin-bottom:24px;padding:16px 20px;display:grid}.tr-pending-meta-item{text-align:left;flex-direction:column;gap:4px;display:flex}.tr-pending-meta-item label{font-family:var(--font-primary,"Montserrat", sans-serif);color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.tr-pending-meta-item strong{font-family:var(--font-primary,"Montserrat", sans-serif);color:var(--text-primary,#0f172a);font-size:13.5px;font-weight:700}.tr-pending-status-pill{font-family:var(--font-secondary,"Poppins", sans-serif);color:#b45309;font-size:12px;font-weight:600;display:inline-block}.tr-pending-info-box{box-sizing:border-box;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;gap:12px;width:100%;margin-bottom:28px;padding:16px 18px;display:flex}.tr-pending-info-box strong{font-family:var(--font-primary,"Montserrat", sans-serif);color:#1e3a8a;margin-bottom:4px;font-size:13.5px;font-weight:700;display:block}.tr-pending-info-box p{font-family:var(--font-secondary,"Poppins", sans-serif);color:#1e40af;margin:0;font-size:13px;line-height:1.55}.tr-pending-actions{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;display:flex}.tr-pending-primary-btn{color:#fff;font-family:var(--font-primary,"Montserrat", sans-serif);cursor:pointer;background:#003833;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #00383333}.tr-pending-primary-btn:hover{background:#004d47;transform:translateY(-1px)}.tr-pending-outline-btn{color:var(--text-primary,#0f172a);border:1.5px solid var(--border-color,#cbd5e1);font-family:var(--font-primary,"Montserrat", sans-serif);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.tr-pending-outline-btn:hover{background:var(--bg-hover,#f8fafc);border-color:#94a3b8}[data-theme=dark] .tr-pending-eval-card{background:#0d1514;border-color:#1a2e2b;box-shadow:0 4px 25px #0006}[data-theme=dark] .tr-pending-icon-box{color:#fbbf24;background:#f59e0b33}[data-theme=dark] .tr-pending-badge{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b66}[data-theme=dark] .tr-pending-title{color:#f1f5f9}[data-theme=dark] .tr-pending-subtitle{color:#94a3b8}[data-theme=dark] .tr-pending-meta-grid{background:#101c1a;border-color:#1b302c}[data-theme=dark] .tr-pending-meta-item label{color:#8da19e}[data-theme=dark] .tr-pending-meta-item strong{color:#f1f5f9}[data-theme=dark] .tr-pending-status-pill{color:#fbbf24}[data-theme=dark] .tr-pending-info-box{background:#1e3a8a40;border-color:#60a5fa59}[data-theme=dark] .tr-pending-info-box strong{color:#bfdbfe}[data-theme=dark] .tr-pending-info-box p{color:#93c5fd}[data-theme=dark] .tr-pending-primary-btn{color:#002622;background:#10b981}[data-theme=dark] .tr-pending-primary-btn:hover{background:#34d399}[data-theme=dark] .tr-pending-outline-btn{color:#cbd5e1;border-color:#243834}[data-theme=dark] .tr-pending-outline-btn:hover{color:#34d399;background:#121f1d;border-color:#34d399}@keyframes tr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tr-spin{animation:1s linear infinite tr-spin}@keyframes tr-pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.tr-pulse-slow{animation:2.5s ease-in-out infinite tr-pulse-slow}@keyframes tr-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tr-skeleton{background:linear-gradient(90deg,#e2e8f0b3 25%,#f1f5f9f2 37%,#e2e8f0b3 63%) 0 0/200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite tr-skeleton-shimmer}[data-theme=dark] .tr-skeleton{background:linear-gradient(90deg,#1e293bb3 25%,#334155e6 37%,#1e293bb3 63%) 0 0/200% 100%}.ew-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:999999;background:#0f172ab8;justify-content:center;align-items:center;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) both ew-fadeOverlay;display:flex;position:fixed;inset:0}@keyframes ew-fadeOverlay{0%{opacity:0}to{opacity:1}}.ew-modal-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0cc);text-align:center;border-radius:24px;width:100%;max-width:480px;padding:40px 32px 32px;animation:.3s cubic-bezier(.34,1.56,.64,1) both ew-cardPop;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #00000059}@keyframes ew-cardPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.ew-modal-glow{background:linear-gradient(90deg,#003833,#10b981,#3b82f6,#003833) 0 0/200% 100%;height:6px;animation:3s linear infinite ew-gradientSlide;position:absolute;top:0;left:0;right:0}@keyframes ew-gradientSlide{0%{background-position:0%}to{background-position:200%}}.ew-icon-radar-wrap{justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 20px;display:flex;position:relative}.ew-radar-wave{border:2px solid #10b98166;border-radius:50%;animation:2s cubic-bezier(0,.2,.8,1) infinite ew-radarPulse;position:absolute;inset:0}.ew-wave-2{animation-delay:.75s}@keyframes ew-radarPulse{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.6)}}.ew-icon-box{color:#047857;z-index:2;background:#ecfdf5;border:2px solid #a7f3d0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;box-shadow:0 10px 25px -5px #10b9814d}[data-theme=dark] .ew-icon-box{color:#34d399;background:#10b98126;border-color:#34d39966}.ew-badge-wrap{margin-bottom:14px}.ew-status-badge{color:#166534;text-transform:uppercase;letter-spacing:.6px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:50px;align-items:center;gap:6px;padding:5px 14px;font-size:11.5px;font-weight:700;display:inline-flex}[data-theme=dark] .ew-status-badge{color:#34d399;background:#10b9811f;border-color:#34d3994d}.ew-live-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite ew-dotBlink;box-shadow:0 0 8px #10b981}@keyframes ew-dotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.ew-modal-title{color:var(--text-primary,#0f172a);letter-spacing:-.3px;margin:0 0 10px;font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:800}.ew-modal-message{color:var(--text-secondary,#64748b);margin:0 0 20px;padding:0 8px;font-size:13.5px;line-height:1.6}.ew-error-code-box{background:var(--bg-neutral-light,#f8fafc);border:1px dashed var(--border-color,#e2e8f0);border-radius:8px;margin-bottom:22px;padding:8px 12px}.ew-error-code-text{color:var(--text-muted,#94a3b8);word-break:break-all;font-family:monospace;font-size:11.5px}.ew-modal-actions{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.ew-btn-primary{color:#fff;cursor:pointer;background:#003833;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 18px #00383347}.ew-btn-primary:hover:not(:disabled){background:#005c54;transform:translateY(-2px);box-shadow:0 8px 22px #00383359}.ew-btn-primary:disabled{opacity:.75;cursor:not-allowed}.ew-btn-secondary{border:1.5px solid var(--border-color,#e2e8f0);width:100%;height:44px;color:var(--text-primary,#0f172a);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ew-btn-secondary:hover{background:var(--bg-neutral-light,#f8fafc);border-color:#cbd5e1}[data-theme=dark] .ew-btn-secondary:hover{background:#ffffff0d}.ew-spin-clockwise{animation:1s linear infinite ew-spin}@keyframes ew-spin{to{transform:rotate(360deg)}}.ew-modal-footer{color:var(--text-muted,#94a3b8);border-top:1px solid var(--border-color,#f1f5f9);padding-top:16px;font-size:11px;line-height:1.4}.auth-page-container{box-sizing:border-box;background:radial-gradient(circle at 10% 20%,#003833 0%,#002421 50%,#001715 100%);width:100vw;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}[data-theme=light] .auth-page-container{background:radial-gradient(circle at 10% 20%,#004d46 0%,#003833 60%,#002421 100%)}.auth-mobile-logo{display:none}.auth-theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fbbf24;cursor:pointer;z-index:20;background-color:#ffffff1a;border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:1.25rem;right:1.25rem;box-shadow:0 4px 14px #0003}.auth-theme-toggle:hover{background-color:#fff3;transform:scale(1.08)rotate(15deg)}.btn-green{letter-spacing:.3px;box-shadow:0 4px 18px #e7aa3959;color:#001715!important;background:linear-gradient(135deg,#f59e0b 0%,#e7aa39 50%,#d97706 100%)!important;border:1px solid #f7fc9780!important;border-radius:10px!important;padding:.75rem 1.25rem!important;font-size:.94rem!important;font-weight:700!important;transition:all .25s!important}.btn-green:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #e7aa398c;color:#001715!important;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#e7aa39 100%)!important}.btn-green:active:not(:disabled){transform:translateY(0)}[data-theme=dark] .btn-green{color:#001715!important;background:linear-gradient(135deg,#f59e0b 0%,#e7aa39 50%,#d97706 100%)!important;border-color:#f7fc9766!important}[data-theme=dark] .btn-green:hover:not(:disabled){color:#001715!important;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#e7aa39 100%)!important}.btn-green:disabled{opacity:.55!important;cursor:not-allowed!important;pointer-events:none!important;transform:none!important}.auth-back-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius-md);cursor:pointer;z-index:10;transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.85rem;display:inline-flex;position:absolute;top:1.25rem;left:1.25rem}.auth-back-btn:hover{background-color:var(--bg-neutral-light);transform:translate(-2px)}.auth-banner-panel{color:var(--color-brand-white);box-sizing:border-box;flex-direction:column;flex:1.1;justify-content:space-between;height:100%;padding:clamp(1.75rem,3.5vh,2.75rem) clamp(2rem,3.5vw,3.5rem);display:flex;position:relative;overflow:hidden}.banner-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#00a87e38 0%,#e7aa3914 50%,#0000 70%);width:60%;height:60%;position:absolute;top:-10%;left:-10%}.banner-logo{align-items:center;gap:1rem;margin-bottom:clamp(1rem,2vh,1.75rem);display:flex}.banner-logo-icon{color:var(--color-brand-accent)}.banner-headline{color:#fff;letter-spacing:-.5px;margin-bottom:clamp(.6rem,1.5vh,1rem);font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;line-height:1.15}.highlight-text{background:linear-gradient(135deg,#fde68a 0%,#e7aa39 60%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.banner-subtext{color:#a0b0ad;max-width:480px;margin-bottom:clamp(1.25rem,2.5vh,2rem);font-size:clamp(.88rem,1.2vw,.98rem);line-height:1.5}.banner-features{flex-direction:column;gap:clamp(.65rem,1.2vh,1rem);display:flex}.feature-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:.85rem;padding:clamp(.55rem,1vh,.75rem) clamp(.75rem,1.2vw,1rem);transition:all .25s;display:flex}.feature-item:hover{background:#ffffff14;border-color:#e7aa3973;transform:translate(4px)}.feature-icon-wrapper{color:#fbbf24;background:#e7aa3929;border:1px solid #e7aa3959;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.feature-text-content{flex:1;min-width:0}.feature-title-row{align-items:center;gap:8px;margin-bottom:.15rem;display:flex}.feature-mini-tag{color:#f7fc97;letter-spacing:.3px;background:#e7aa3933;border:1px solid #f7fc9766;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:700}.feature-item h4{color:#fff;margin:0;font-size:.94rem;font-weight:700}.feature-item p{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.35}.banner-footer{color:#6f807d;margin-top:1rem;font-size:.76rem}.auth-form-panel{background-color:var(--bg-app);box-sizing:border-box;border-radius:28px 0 0 28px;flex-direction:column;flex:.95;justify-content:space-between;align-items:center;height:calc(100vh - 1.5rem);margin:.75rem 0;padding:clamp(1.5rem,3vh,2.25rem) clamp(1.75rem,3vw,2.75rem);display:flex;position:relative;overflow-y:auto;box-shadow:-15px 0 50px #00000040}@media (width<=900px){.auth-page-container{flex-direction:column;height:auto;max-height:none;overflow-y:auto}.auth-banner-panel{height:auto;padding:2rem 1.5rem}.auth-banner-panel .banner-logo{margin-bottom:1.25rem}.auth-banner-panel .banner-headline{font-size:2rem}.auth-form-panel{border-radius:28px 28px 0 0;height:auto;margin:0;padding:2rem 1.5rem}.auth-mobile-logo{display:block}}@media (width<=480px){.auth-form-card{padding:1.5rem 1rem}.banner-features{gap:.75rem}.feature-item{padding:.65rem .85rem}}.faculty-portal-badge{color:#fde68a;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#e7aa3933 0%,#d977061f 100%);border:1px solid #f7fc9766;border-radius:999px;align-items:center;gap:6px;margin-bottom:.75rem;padding:4px 14px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #e7aa3933}[data-theme=light] .faculty-portal-badge{color:#92400e;background:linear-gradient(135deg,#d9770626 0%,#b453091a 100%);border-color:#d9770666}.auth-security-strip{background:var(--bg-neutral-light,#00000008);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;gap:1rem;margin-top:auto;padding:.6rem 1.25rem;font-size:.78rem;font-weight:500;display:inline-flex}[data-theme=dark] .auth-security-strip{color:#94a3b8;background:#00000040;border-color:#ffffff14}.security-strip-item{white-space:nowrap;align-items:center;gap:.45rem;display:flex}.security-strip-icon{color:var(--color-brand-accent);flex-shrink:0}.security-strip-divider{background:var(--text-muted);opacity:.6;border-radius:50%;width:4px;height:4px}@media (width<=480px){.auth-security-strip{gap:.65rem;padding:.5rem .85rem;font-size:.72rem}}.auth-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:450px;margin:auto;padding:2.25rem 2rem;box-shadow:0 10px 30px #0000000d}[data-theme=dark] .auth-form-card{background:#081c1999;border:1px solid #ffffff14;box-shadow:0 20px 50px #0006}.register-card{max-width:680px}.auth-form-header{text-align:center;margin-bottom:2rem}.auth-form-header h2{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:.4rem;font-size:1.85rem;font-weight:800}.auth-form-header p{color:var(--text-secondary);font-size:.92rem}.auth-tabs{background:var(--bg-neutral-light,#0000000a);border:1px solid var(--border-color);border-radius:14px;margin-bottom:1.75rem;padding:4px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000a}[data-theme=dark] .auth-tabs{background:#00000059;border-color:#ffffff14}.auth-tab-slider{z-index:1;background:linear-gradient(135deg,#f59e0b 0%,#e7aa39 60%,#d97706 100%);border-radius:10px;width:calc(50% - 4px);transition:transform .35s cubic-bezier(.25,1,.3,1);position:absolute;top:4px;bottom:4px;box-shadow:0 4px 14px #e7aa3959}.tab-password-active .auth-tab-slider{transform:translate(0)}.tab-otp-active .auth-tab-slider{transform:translate(100%)}[data-theme=dark] .auth-tab-slider{background:linear-gradient(135deg,#f59e0b 0%,#e7aa39 60%,#d97706 100%);box-shadow:0 4px 16px #e7aa3973,inset 0 1px #f7fc9766}.auth-tab-btn{z-index:2;font-family:var(--font-primary);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:.75rem 1rem;font-size:.88rem;font-weight:600;transition:color .25s;position:relative;box-shadow:none!important;background:0 0!important;border:none!important}.auth-tab-btn.active,[data-theme=dark] .auth-tab-btn.active{color:#001715!important;font-weight:800!important}.input-with-icon{position:relative}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-with-icon .input-field{padding-left:2.75rem}.label-with-action{justify-content:space-between;align-items:center;display:flex}.form-link-btn{font-family:var(--font-secondary);color:var(--color-brand-accent);cursor:pointer;background:0 0;border:none;font-size:.8rem}.form-link-btn:hover{text-decoration:underline}.input-row{gap:.5rem;display:flex}.send-otp-btn{white-space:nowrap;padding:0 1rem;font-size:.85rem}.otp-input{text-align:center;letter-spacing:.5rem;font-size:1.4rem;font-weight:700}.otp-help-text{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.auth-error-alert{background-color:var(--status-error-bg);border:1px solid var(--status-error);color:var(--status-error);border-radius:var(--border-radius-md);margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem}.auth-form-footer{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.85rem}.exam-path-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem;display:grid}.exam-path-chip{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-family:var(--font-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.6rem;font-size:.85rem}.exam-path-chip:hover{background-color:var(--bg-neutral-light)}.exam-path-chip.selected{background-color:var(--color-brand-accent-light);border-color:var(--color-brand-accent);color:var(--color-brand-primary);font-weight:600}.checkbox-container{cursor:pointer;color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.8rem;display:flex}.checkbox-container input{margin-top:.15rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-8{padding:2rem}.text-center{text-align:center}.justify-center{justify-content:center}.mx-auto{margin-left:auto;margin-right:auto}.font-bold{font-weight:700}.flex-1{flex:1}.w-350{width:350px}.w-300{width:300px}.w-400{width:400px}.w-250{width:250px}.dashboard-welcome-banner{background-color:var(--color-brand-primary);color:var(--color-brand-white);border-radius:var(--border-radius-lg);justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.banner-glow-effect{background:radial-gradient(circle,#e7aa391f 0%,#0000 80%);width:300px;height:100%;position:absolute;top:0;right:0}.banner-txt h2{color:var(--color-brand-white);font-size:1.35rem}.banner-txt p{color:#a0b0ad;margin-top:.25rem;font-size:.9rem}.KPI-card{align-items:center;gap:1rem;display:flex;position:relative}.KPI-card.clickable{cursor:pointer}.KPI-icon-wrapper{border-radius:var(--border-radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.KPI-icon-wrapper.color-blue{color:#3b82f6;background-color:#3b82f61a}.KPI-icon-wrapper.color-green{color:#10b981;background-color:#10b9811a}.KPI-icon-wrapper.color-orange{color:#f59e0b;background-color:#f59e0b1a}.KPI-icon-wrapper.color-purple{color:#8b5cf6;background-color:#8b5cf61a}.KPI-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.KPI-value{font-size:1.25rem;font-weight:700}.card-arrow{color:var(--text-muted);transition:transform var(--transition-fast);position:absolute;right:1rem}.KPI-card:hover .card-arrow{color:var(--color-brand-accent);transform:translate(3px)}.dashboard-main-row{gap:var(--base-gap);display:flex}.dashboard-schedule-card{flex:1.5}.dashboard-calendar-card{flex:1}.border-b{border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.text-btn{font-family:var(--font-primary);color:var(--color-brand-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;display:inline-flex}[data-theme=dark] .text-btn{color:var(--color-brand-accent)}.schedule-timeline{flex-direction:column;margin-top:1rem;display:flex}.timeline-item{gap:1rem;display:flex;position:relative}.timeline-badge-column{flex-direction:column;align-items:center;display:flex}.timeline-dot-active{background-color:var(--status-error);border:3px solid var(--status-error-bg);border-radius:50%;width:12px;height:12px}.timeline-dot-inactive{background-color:var(--text-muted);border-radius:50%;width:12px;height:12px}.timeline-line{background-color:var(--border-color);flex:1;width:2px;margin:4px 0}.timeline-content-column{flex:1;padding-bottom:1.5rem}.timeline-time-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.timeline-time{color:var(--text-secondary);font-size:.75rem;font-weight:600}.timeline-title{font-size:.95rem;font-weight:600}.timeline-details{color:var(--text-secondary);margin-top:.15rem;font-size:.8rem}.join-live-btn{margin-top:.5rem;padding:.4rem .8rem;font-size:.8rem}.calendar-month{color:var(--color-brand-accent);font-size:.9rem;font-weight:700}.calendar-grid-header{text-align:center;color:var(--text-muted);border-bottom:1px solid var(--border-color);grid-template-columns:repeat(7,1fr);margin:1.25rem 0 .75rem;padding-bottom:.5rem;font-size:.8rem;font-weight:600;display:grid}.calendar-grid-header span{justify-content:center;align-items:center;height:28px;display:flex}.calendar-grid-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:.5rem .25rem;display:grid}.calendar-day-empty{content:"";width:36px;height:36px;margin:0 auto;display:block}.calendar-day-inactive{color:var(--text-muted);opacity:.35;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto;font-size:.85rem;display:flex}.calendar-day-active{cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);color:var(--text-primary);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;font-size:.85rem;font-weight:600;display:flex;position:relative}.calendar-day-active:hover{background-color:var(--bg-neutral-light);transform:scale(1.05)}.calendar-day-active.today{background-color:var(--color-brand-primary);font-weight:700;box-shadow:0 4px 10px #00383333;color:var(--color-brand-white)!important}[data-theme=dark] .calendar-day-active.today{background-color:var(--color-brand-accent);box-shadow:0 4px 10px #e7aa3933;color:var(--color-brand-primary)!important}.calendar-day-active.has-class{background-color:#3b82f614;border:1px solid #3b82f633;color:var(--status-info)!important}.calendar-day-active.has-test{background-color:#e7aa3914;border:1px solid #e7aa3933;color:var(--color-brand-accent)!important}.calendar-day-active.has-class:after{content:"";background-color:var(--status-info);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.calendar-day-active.has-test:after{content:"";background-color:var(--color-brand-accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.calendar-day-active.has-class,.calendar-day-active.has-test{padding-bottom:2px}.calendar-legend{color:var(--text-secondary);border-top:1px dashed var(--border-color);justify-content:center;gap:1rem;margin-top:1.25rem;padding-top:.75rem;font-size:.75rem;display:flex}.legend-item{align-items:center;gap:.35rem;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.dot-class{background-color:var(--status-info)}.dot-test{background-color:var(--color-brand-accent)}.dot-today{background-color:var(--color-brand-primary)}[data-theme=dark] .dot-today{background-color:var(--color-brand-accent)}.ai-mentor-card{background:linear-gradient(135deg, var(--bg-card) 0%, #e7aa3908 100%);border:1px solid #e7aa3966;position:relative;overflow:hidden}.ai-card-glow{background:radial-gradient(circle,#e7aa3926 0%,#0000 70%);width:100px;height:100px;position:absolute;top:-20px;left:-20px}.ai-title-row{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.ai-icon-circle{background-color:#e7aa391a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-status{color:var(--status-success);font-size:.7rem;font-weight:600;display:block}.ai-suggestion-text{color:var(--text-primary);font-size:.9rem;line-height:1.5}.ai-actions{gap:.5rem;margin-top:1rem;display:flex}.course-progress-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.progress-item-card{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.progress-item-card:last-child{border-bottom:none;padding-bottom:0}.progress-card-info{justify-content:space-between;margin-bottom:.5rem;display:flex}.progress-card-code{color:var(--text-muted);font-size:.7rem}.progress-card-percentage{font-size:.85rem;font-weight:600}.progress-card-footer{color:var(--text-secondary);justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.courses-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.filter-chip-btn{background:var(--bg-neutral-light);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50px;padding:.4rem 1rem;font-size:.85rem}.filter-chip-btn:hover{background-color:var(--border-color)}.filter-chip-btn.active{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-brand-white);font-weight:600}.courses-search{width:240px;position:relative}.search-icon-inside{color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input-courses{border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-primary);border-radius:50px;outline:none;padding:.4rem .5rem .4rem 2rem;font-size:.85rem}.course-detailed-card{flex-direction:column;justify-content:space-between;min-height:260px;display:flex}.course-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.course-code-badge{color:var(--text-muted);font-size:.75rem;font-weight:600}.course-card-body h3{margin-bottom:.25rem;font-size:1.15rem}.course-subject-label{color:var(--text-secondary);font-size:.8rem}.course-instructor-info{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;display:flex}.course-card-progress-section{margin:1.25rem 0}.progress-info-row{justify-content:space-between;margin-bottom:.35rem;font-size:.8rem;display:flex}.course-lessons-checked{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:.4rem;font-size:.75rem;display:flex}.course-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.course-next-class-meta{align-items:center;gap:.5rem;display:flex}.course-next-class-meta svg{color:var(--color-brand-accent)}.meta-lbl{text-transform:uppercase;color:var(--text-muted);font-size:.65rem;display:block}.meta-val{font-size:.8rem;font-weight:600;display:block}.live-classes-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.date-tabs-row{gap:.5rem;display:flex}.date-tab-btn{font-family:var(--font-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:.95rem;font-weight:600}.date-tab-btn.active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}[data-theme=dark] .date-tab-btn.active{color:var(--color-brand-accent);border-bottom-color:var(--color-brand-accent)}.class-status-legend{gap:1rem;font-size:.8rem;display:flex}.legend-lbl{align-items:center;gap:.35rem;display:flex}.status-live-dot{background-color:var(--status-error)}.status-upcoming-dot{background-color:var(--status-warning)}.status-ended-dot{background-color:var(--text-muted)}.subject-chips-row{gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.schedule-timeline-list{flex-direction:column;gap:1rem;display:flex}.schedule-card{align-items:center;gap:1.5rem;display:flex}.schedule-card.border-live{border-left:4px solid var(--status-error)}.schedule-card-time{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;width:110px;display:flex}.schedule-card-time h3{color:var(--text-primary);font-size:1.2rem;font-weight:700}.schedule-card-time h4{color:var(--text-secondary);font-size:.95rem}.time-icon{color:var(--color-brand-accent);margin-bottom:.25rem}.schedule-card-divider{background-color:var(--border-color);width:1px;height:50px}.schedule-card-info{flex:1}.info-meta{gap:.5rem;margin-bottom:.25rem;display:flex}.subject-meta-tag{background-color:var(--bg-neutral-light);color:var(--text-secondary);border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.course-name-tag{color:var(--text-muted);font-size:.75rem}.instructor-text{color:var(--text-secondary);font-size:.8rem}.schedule-card-actions{align-items:center;display:flex}.batch-stats-container{background-color:var(--color-brand-primary);color:var(--color-brand-white);justify-content:space-around;align-items:center;padding:1.5rem;display:flex}.stats-divider{background-color:#ffffff26;width:1px;height:40px}.stats-lbl{text-transform:uppercase;color:#a0b0ad;margin-bottom:.15rem;font-size:.75rem;display:block}.directory-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.directory-filters{align-items:center;gap:.75rem;display:flex}.select-field{width:220px;padding:.5rem}.directory-search{width:260px;position:relative}.search-input-directory{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-primary);outline:none;padding:.5rem .5rem .5rem 2rem;font-size:.85rem}.recording-card-detailed{padding:0;overflow:hidden}.recording-thumbnail-container{cursor:pointer;background-color:#000;background-image:linear-gradient(#0006,#0009);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.video-overlay-play{color:var(--color-brand-white);opacity:.8;transition:transform var(--transition-fast), opacity var(--transition-fast)}.recording-thumbnail-container:hover .video-overlay-play{opacity:1;transform:scale(1.1)}.play-overlay-icon{fill:#0003}.recording-duration-badge{color:#fff;background:#000000bf;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;position:absolute;bottom:.5rem;right:.5rem}.thumbnail-subject-banner{background:var(--color-brand-primary);color:var(--color-brand-accent);border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:.5rem;left:.5rem}.recording-card-info-content{padding:1.25rem}.recording-card-info-content h3{margin-bottom:.15rem;font-size:1.05rem}.recording-author{color:var(--text-secondary);font-size:.8rem}.recording-meta-tags{color:var(--text-muted);gap:.75rem;margin:.75rem 0;font-size:.75rem;display:flex}.meta-tag{align-items:center;gap:.2rem;display:flex}.recording-resources-preview{border-top:1px solid var(--border-color);margin:1rem 0;padding-top:.75rem}.recording-resources-preview span{color:var(--text-muted);margin-bottom:.35rem;font-size:.75rem;display:block}.resources-pills-row{flex-wrap:wrap;gap:.35rem;display:flex}.resource-pill{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .4rem;font-size:.7rem;display:inline-flex}.btn-play-main{padding:.5rem;font-size:.9rem}.pagination-bar{justify-content:space-between;align-items:center;padding:.8rem;display:flex}.page-numbers-row{gap:.25rem;display:flex}.page-num-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.page-num-btn:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.page-num-btn.active{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-brand-white)}.player-back-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.player-titles{font-family:var(--font-secondary);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.player-breadcrumb-link{cursor:pointer;transition:color var(--transition-fast)}.player-breadcrumb-link:hover{color:var(--color-brand-accent)}.player-course-lbl,.player-subject-lbl{color:var(--text-muted)}.player-class-lbl{color:var(--text-primary);font-weight:600}.player-header-actions{gap:.75rem;display:flex}.font-gold-hover:hover{color:var(--color-brand-accent)!important;border-color:var(--color-brand-accent)!important}.player-main-title-row{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.player-main-title-row .title-left{align-items:center;gap:.75rem;display:flex}.player-main-title-row h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.badge-success-light{background-color:var(--status-success-bg);color:var(--status-success);border:1px solid #10b98133;border-radius:50px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.metadata-text-row{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.metadata-dot{color:var(--text-muted);opacity:.5}.instructor-meta{align-items:center;gap:.35rem;display:flex}.instructor-mini-avatar{object-fit:crop;border-radius:50%;width:20px;height:20px}.watched-count{color:var(--color-brand-accent);font-weight:600}.player-main-layout{grid-template-columns:2.3fr 1fr;align-items:flex-start;gap:1.5rem;display:grid}.player-workspace-column{gap:var(--base-gap);flex-direction:column;display:flex}.player-right-column{flex-direction:column;gap:1rem;display:flex}.video-player-container{border-radius:var(--border-radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md);background-color:#0c1514;padding:0;position:relative;overflow:hidden}.video-screen-mock{background-color:#00221e;justify-content:center;align-items:center;height:420px;display:flex;position:relative;overflow:hidden}.slide-content-mock{z-index:1;color:#fff;width:100%;height:100%;font-family:var(--font-secondary);background:radial-gradient(circle,#00302c 0%,#001614 100%);flex-direction:column;justify-content:center;padding:2.5rem;display:flex}.slide-content-mock h2{color:#fff;border-bottom:2px solid var(--color-brand-accent);letter-spacing:-.5px;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.6rem;font-weight:700}.slide-bullet-points{text-align:left;color:#cbd5e1;flex-direction:column;gap:.6rem;max-width:80%;margin:0 auto;font-size:.95rem;display:flex}.slide-bullet-points p{margin:0;line-height:1.5}.slide-footer-brand{color:var(--color-brand-accent);letter-spacing:1px;opacity:.8;font-size:.75rem;font-weight:600;position:absolute;bottom:4.5rem;right:2.5rem}.play-button-center{width:64px;height:64px;color:var(--color-brand-primary);z-index:2;cursor:pointer;transition:all var(--transition-fast);background:#e7aa39e6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 24px #e7aa3980}.play-button-center:hover{background:#e7aa39;transform:scale(1.1)}.video-controls-bar{z-index:2;background:linear-gradient(#0000 0%,#0006 30%,#000000d9 100%);flex-direction:column;gap:.6rem;padding:1.25rem;display:flex;position:absolute;bottom:0;left:0;right:0}.controls-progress-track{cursor:pointer;background-color:#ffffff40;border-radius:10px;width:100%;height:5px;position:relative}.progress-bar-completed{background-color:var(--color-brand-accent);border-radius:10px;height:100%}.progress-slider-knob{background-color:var(--color-brand-accent);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #00000080}.controls-buttons-row{justify-content:space-between;align-items:center;display:flex}.controls-left,.controls-right{align-items:center;gap:.85rem;display:flex}.control-btn{color:#fff;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.control-btn:hover{color:var(--color-brand-accent)}.control-timer{color:#e2e8f0;font-size:.75rem;font-family:var(--font-secondary)}.speed-badge{color:#cbd5e1;background-color:#ffffff1f;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.control-badge{background-color:var(--color-brand-accent-light);color:var(--color-brand-primary);border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.workspace-tabs-container{box-shadow:var(--shadow-sm)}.workspace-tabs-header{border-bottom:1px solid var(--border-color);padding:0 var(--card-padding);gap:.5rem;display:flex;overflow-x:auto}.tab-btn-link{font-family:var(--font-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem .75rem;font-size:.85rem;font-weight:600}.tab-btn-link:hover{color:var(--text-primary)}.tab-btn-link.active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}[data-theme=dark] .tab-btn-link.active{color:var(--color-brand-accent);border-bottom-color:var(--color-brand-accent)}.workspace-tabs-body{padding:var(--card-padding)}.about-class-section h3,.topics-covered-section h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:700}.about-class-description{color:var(--text-secondary);transition:max-height var(--transition-slow);font-size:.88rem;line-height:1.6;overflow:hidden}.about-class-description.collapsed{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.about-class-description.expanded{display:block}.show-more-toggle-btn{color:var(--color-brand-accent);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-secondary);transition:filter var(--transition-fast);background:0 0;border:none;margin-top:.25rem;padding:0}.show-more-toggle-btn:hover{filter:brightness(.9);text-decoration:underline}.metadata-cards-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.5rem 0;display:grid}.metadata-card-item{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-neutral-light);flex-direction:column;gap:.25rem;padding:.85rem .75rem;display:flex}.card-item-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.card-item-value{color:var(--text-primary);font-size:.85rem;font-weight:700}.topics-pills-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.topic-pill{border:1px solid #0000;border-radius:50px;padding:.3rem .75rem;font-size:.75rem;font-weight:600}.pill-purple{color:#a855f7;background-color:#a855f714;border-color:#a855f733}.pill-blue{color:#3b82f6;background-color:#3b82f614;border-color:#3b82f633}.pill-green{color:#10b981;background-color:#10b98114;border-color:#10b98133}.pill-pink{color:#ec7299;background-color:#ec489914;border-color:#ec489933}.pill-orange{color:var(--color-brand-accent);background-color:#e7aa3914;border-color:#e7aa3933}.instructor-card-large{align-items:flex-start;gap:1.25rem;display:flex}.instructor-avatar-large{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:64px;height:64px}.instructor-bio-details h4{color:var(--text-primary);margin:0 0 .15rem;font-size:1.05rem;font-weight:700}.instructor-title-sub{color:var(--text-muted);font-size:.8rem;font-weight:500}.instructor-bio-details p{color:var(--text-secondary);margin-top:.5rem;font-size:.85rem;line-height:1.5}.player-footer-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.pagination-arrows{align-items:center;gap:.75rem;display:flex}.current-class-counter{color:var(--text-secondary);font-size:.8rem;font-weight:600}.completed-mark-btn{align-items:center;gap:.5rem;display:flex}.tab-instructions{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem}.resources-download-list{flex-direction:column;gap:.75rem;display:flex}.resource-download-row{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-neutral-light);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.res-meta-left{align-items:center;gap:.75rem;display:flex}.res-meta-left h4{font-size:.9rem}.res-size{color:var(--text-muted);font-size:.75rem}.post-question-form{gap:.5rem;margin-bottom:1.5rem;display:flex}.post-question-form .input-field{flex:1}.qa-threads-list{flex-direction:column;gap:1rem;display:flex}.qa-thread-card{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-neutral-light);padding:1rem}.qa-question-header,.qa-reply-header{justify-content:space-between;margin-bottom:.25rem;font-size:.8rem;display:flex}.qa-question-text{font-size:.9rem;line-height:1.4}.qa-time{color:var(--text-muted)}.qa-reply-bubble{border-top:1px dashed var(--border-color);border-left:2px solid var(--color-brand-accent);margin-top:.75rem;padding-top:.75rem;padding-left:1rem}.instructor-badge{background-color:var(--color-brand-accent-light);color:var(--color-brand-primary);border-radius:4px;padding:.05rem .35rem;font-size:.65rem;font-weight:700}.qa-reply-text{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.empty-text-centered{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}.assignment-detail-card h3{margin-bottom:.35rem;font-size:1.05rem}.assign-desc{font-size:.9rem;line-height:1.4}.assign-meta{color:var(--text-secondary);justify-content:space-between;margin:1rem 0;font-size:.8rem;display:flex}.assign-upload-box{border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);background-color:var(--bg-neutral-light);text-align:center;padding:2rem}.drag-upload-zone{cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;display:flex}.drag-upload-zone span{color:var(--text-secondary);font-size:.85rem}.upload-icon{color:var(--text-muted)}.file-hidden{display:none}.submission-success-banner{text-align:left;justify-content:center;align-items:center;gap:1rem;display:flex}.submission-success-banner h4{color:var(--status-success)}.submission-success-banner p{color:var(--text-secondary);font-size:.8rem}.rating-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.85rem}.stars-row{justify-content:center;gap:.5rem;display:flex}.star-btn{cursor:pointer;color:var(--border-color);background:0 0;border:none}.star-icon-svg{transition:transform var(--transition-fast), color var(--transition-fast)}.star-btn:hover .star-icon-svg{transform:scale(1.15)}.star-icon-svg.active{color:var(--color-brand-accent);fill:var(--color-brand-accent)}.discussion-threads-mock{flex-direction:column;gap:1rem;display:flex}.right-panel-card{padding:var(--card-padding)}.right-panel-card h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.right-panel-card .panel-subtext{color:var(--text-muted);margin-top:.25rem;font-size:.8rem;display:block}.right-panel-card .panel-content-desc{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.playlist-header-row{justify-content:space-between;align-items:center;display:flex}.playlist-meta-sub{color:var(--text-muted);font-size:.75rem}.autoplay-control-group{align-items:center;gap:.5rem;display:flex}.autoplay-lbl{color:var(--text-secondary);font-size:.75rem;font-weight:600}.toggle-switch-lbl{width:38px;height:20px;display:inline-block;position:relative}.toggle-switch-lbl input{opacity:0;width:0;height:0}.slider-toggle-btn{cursor:pointer;background-color:var(--border-color);border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider-toggle-btn:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}input:checked+.slider-toggle-btn{background-color:var(--status-success)}input:checked+.slider-toggle-btn:before{transform:translate(18px)}.playlist-lessons-list{flex-direction:column;gap:.5rem;max-height:280px;padding-right:.25rem;display:flex;overflow-y:auto}.playlist-item-row-redesigned{border-radius:var(--border-radius-md);border:1px solid var(--border-color);cursor:pointer;background-color:var(--bg-neutral-light);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.playlist-item-row-redesigned:hover{background-color:var(--bg-card-hover);transform:translate(2px)}.playlist-item-row-redesigned.active{background-color:#10b9810f;border-color:#10b98140}[data-theme=dark] .playlist-item-row-redesigned.active{background-color:#e7aa390f;border-color:#e7aa3940}.item-prefix-indicator{justify-content:center;align-items:center;display:flex}.lesson-number-circle{background-color:var(--border-color);width:22px;height:22px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.active-play-bubble{background-color:var(--color-brand-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}[data-theme=dark] .active-play-bubble{background-color:var(--color-brand-accent);color:var(--color-brand-primary)}.completed-check-bubble{width:22px;height:22px;color:var(--status-success);background-color:#10b9811f;border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;display:flex}.item-text-details h4{color:var(--text-primary);margin:0;font-size:.8rem;font-weight:600;line-height:1.3}.resources-attachment-list{flex-direction:column;gap:.5rem;display:flex}.resource-attachment-row{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-neutral-light);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.resource-attachment-row:hover{background-color:var(--bg-card-hover);border-color:var(--color-brand-accent)}.attachment-left{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;display:flex;overflow:hidden}.attachment-name-lbl{color:var(--text-secondary);font-size:.8rem;font-weight:500}.attachment-down-icon{color:var(--text-muted);flex-shrink:0}.resource-attachment-row:hover .attachment-down-icon{color:var(--color-brand-accent)}.assignment-panel .panel-header-badge{justify-content:space-between;align-items:center;display:flex}.badge-warning-light{background-color:var(--status-warning-bg);color:var(--status-warning);border:1px solid #f59e0b33;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.doubts-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.doubts-icon-decor{color:var(--color-brand-accent);border-radius:var(--border-radius-md);box-sizing:content-box;background-color:#e7aa391f;padding:.35rem}.doubts-header h3{font-size:.95rem}.doubts-header p{color:var(--text-muted);margin:0;font-size:.75rem}@media (width<=992px){.player-main-layout{grid-template-columns:1fr}}.test-player-layout{gap:var(--base-gap);align-items:flex-start;display:flex}.test-player-main{flex:2.2}.test-player-nav{flex:1}.timer-countdown{background-color:var(--status-error-bg);color:var(--status-error);border-radius:50px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.85rem;display:flex}.question-body-panel{padding:1.5rem 0}.question-text{margin-bottom:1.5rem;font-size:1.15rem;line-height:1.4}.options-selector-list{flex-direction:column;gap:.75rem;display:flex}.option-label-card{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-neutral-light);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.9rem 1.25rem;display:flex}.option-label-card:hover{background-color:var(--border-color)}.option-label-card.checked{background-color:var(--color-brand-accent-light);border-color:var(--color-brand-accent)}.option-prefix{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.option-label-card.checked .option-prefix{background-color:var(--color-brand-accent);color:var(--color-brand-primary);border-color:var(--color-brand-accent)}.option-content-text{font-size:.9rem}.test-player-footer{justify-content:space-between;padding-top:1rem;display:flex}.nav-buttons-right{gap:.5rem;display:flex}.question-grid-buttons{grid-template-columns:repeat(5,1fr);gap:.5rem;margin:1.25rem 0;display:grid}.grid-num-btn{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-weight:700;display:flex}.grid-num-btn:hover{background-color:var(--bg-neutral-light)}.grid-num-btn.active{border-color:var(--color-brand-accent);box-shadow:0 0 0 2px #e7aa394d}.grid-num-btn.answered{background-color:var(--status-success-bg);border-color:var(--status-success);color:var(--status-success)}.grid-num-btn.flagged{background-color:var(--status-warning-bg);border-color:var(--status-warning);color:var(--status-warning)}.grid-legend-panel{color:var(--text-secondary);border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding-top:1rem;font-size:.75rem;display:flex}.legend-box{border:1px solid var(--border-color);border-radius:3px;width:14px;height:14px;display:inline-block}.legend-box.answered{background-color:var(--status-success-bg);border-color:var(--status-success)}.legend-box.flagged{background-color:var(--status-warning-bg);border-color:var(--status-warning)}.results-summary-card{max-width:600px;margin:0 auto;padding:3rem 2rem}.results-score-row{justify-content:center;gap:3rem;margin-top:2rem;display:flex}.score-block h3{color:var(--color-brand-primary);font-size:2rem}[data-theme=dark] .score-block h3{color:var(--color-brand-accent)}.ai-results-mentor{background-color:#e7aa3905;border:1px solid #e7aa394d;max-width:600px;margin:1.5rem auto 0}.mentor-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.stepper-dots-row{justify-content:space-between;align-items:center;margin:1rem 0 2rem;display:flex}.step-dot-item{font-family:var(--font-primary);color:var(--text-muted);font-size:.85rem;font-weight:600}.step-dot-item.active{color:var(--color-brand-primary)}[data-theme=dark] .step-dot-item.active{color:var(--color-brand-accent)}.step-line{background-color:var(--border-color);flex:1;height:1px;margin:0 1rem}.exam-choices-list{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.choice-label-card{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-neutral-light);cursor:pointer;align-items:center;gap:.75rem;padding:1rem;display:flex}.choice-label-card.checked{background-color:var(--color-brand-accent-light);border-color:var(--color-brand-accent)}.choice-meta{flex-direction:column;display:flex}.choice-sub{color:var(--text-secondary);font-size:.75rem}.confirm-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.5rem 0;font-size:.9rem;display:flex}.confirm-declaration{color:var(--text-muted);font-size:.75rem}.scholarship-main-content{gap:var(--base-gap);align-items:flex-start;display:flex}.leaderboard-list{flex-direction:column;gap:.75rem;display:flex}.leaderboard-item-row{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-neutral-light);justify-content:space-between;align-items:center;padding:.75rem;display:flex}.leaderboard-left{align-items:center;gap:.75rem;display:flex}.rank-badge{width:28px;height:28px;font-family:var(--font-primary);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.rank-badge.rank-1{background-color:var(--color-brand-accent-light);color:var(--color-brand-primary);border-color:var(--color-brand-accent)}.rank-badge.rank-2{color:#374151;background-color:#f3f4f6}.rank-badge.rank-3{color:#b45309;background-color:#fffbeb}.topper-name{font-size:.85rem;font-weight:600;display:block}.topper-path{color:var(--text-muted);font-size:.7rem}.topper-score{font-size:.85rem;font-weight:700;display:block}.topper-reward{color:var(--color-brand-accent);font-size:.7rem;font-weight:600}.support-toolbar{justify-content:space-between;align-items:center;display:flex}.support-title-block h3{font-size:1.15rem}.support-title-block p{color:var(--text-secondary);font-size:.85rem}.support-workspace-row{gap:var(--base-gap);align-items:flex-start;height:70vh;display:flex}.tickets-sidebar-feed{flex-direction:column;gap:.5rem;max-height:60vh;display:flex;overflow-y:auto}.ticket-feed-item{border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);padding:.75rem}.ticket-feed-item:hover{background-color:var(--bg-neutral-light)}.ticket-feed-item.active{border-color:var(--color-brand-accent);background-color:#e7aa3914}.ticket-item-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.ticket-category{color:var(--text-muted);font-size:.75rem}.ticket-feed-item h4{margin-bottom:.5rem;font-size:.85rem;font-weight:600}.ticket-item-footer{color:var(--text-muted);justify-content:space-between;font-size:.7rem;display:flex}.priority-indicator.high{color:var(--status-error)}.priority-indicator.medium{color:var(--status-warning)}.priority-indicator.low{color:var(--status-info)}.thread-wrapper{flex-direction:column;height:100%;display:flex}.thread-header{justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.ticket-id-tag{font-family:var(--font-primary);background-color:var(--bg-neutral-light);border-radius:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:700}.thread-messages-body{flex-direction:column;flex:1;gap:1rem;padding:1.25rem 0;display:flex;overflow-y:auto}.message-bubble-wrapper{flex-direction:column;max-width:75%;display:flex}.message-bubble-wrapper.outgoing{align-self:flex-end}.message-bubble-wrapper.incoming{align-self:flex-start}.bubble-author{color:var(--text-muted);margin-bottom:.15rem;padding:0 .25rem;font-size:.7rem}.bubble-text{border-radius:var(--border-radius-lg);padding:.75rem 1rem;font-size:.85rem;line-height:1.4}.outgoing .bubble-text{background-color:var(--color-brand-primary);color:var(--color-brand-white);border-bottom-right-radius:2px}.incoming .bubble-text{background-color:var(--bg-neutral-light);color:var(--text-primary);border-bottom-left-radius:2px}.thread-input-form{gap:.5rem;padding-top:1rem;display:flex}.thread-input-form .input-field{flex:1}.resolved-banner{color:var(--text-muted);padding-top:1rem;font-size:.85rem}.textarea-field{resize:none}.invoice-modal-content{max-width:760px}.invoice-print-area{color:#000;background-color:#fff;padding:1rem;font-family:Poppins,sans-serif}.invoice-header-row{justify-content:space-between;align-items:flex-start;display:flex}.invoice-logo{gap:.75rem;display:flex}.invoice-logo h3{color:#003833;font-size:1.25rem;font-weight:700}.invoice-logo p{color:#4b5563;font-size:.75rem}.invoice-meta-right h2{color:#003833;font-size:1.8rem;font-weight:800}.invoice-meta-right p{color:#4b5563;font-size:.8rem}.invoice-divider{background-color:#e5e7eb;height:1px;margin:1.5rem 0}.invoice-billing-row{justify-content:space-between;font-size:.8rem;display:flex}.invoice-billing-row h4{color:#000;margin-bottom:.15rem;font-size:.95rem}.invoice-billing-row p{color:#4b5563}.lbl-txt{color:#9ca3af;margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}.invoice-items-table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.85rem}.invoice-items-table th{text-align:left;background-color:#f3f4f6;border-bottom:2px solid #e5e7eb;padding:.5rem .75rem;font-weight:600}.invoice-items-table td{border-bottom:1px solid #f3f4f6;padding:.75rem}.invoice-totals-row{justify-content:space-between;align-items:flex-start;display:flex}.invoice-trust-stamp{align-items:center;gap:.75rem;display:flex}.mock-qr-code{border:1px solid #e5e7eb;flex-direction:column;gap:2px;width:60px;height:60px;padding:4px;display:flex}.qr-row{flex:1;gap:2px;display:flex}.qr-row span{background-color:#000;flex:1}.qr-row:first-child span:nth-child(2),.qr-row:nth-child(2) span:first-child,.qr-row:nth-child(3) span:nth-child(3){background-color:#0000}.stamp-verified-lbl{color:#10b981;align-items:center;gap:.2rem;font-size:.75rem;font-weight:700;display:flex}.stamp-desc{color:#6b7280;font-size:.65rem}.totals-calc{width:260px;font-size:.8rem}.calc-row{color:#4b5563;justify-content:space-between;padding:.25rem 0;display:flex}.invoice-net-total{color:#000;justify-content:space-between;font-size:.95rem;display:flex}.invoice-disclaimer{color:#9ca3af;text-align:center;font-size:.65rem}.settings-grid-layout{gap:var(--base-gap);align-items:flex-start;display:flex}.settings-nav-btn{width:100%;font-family:var(--font-primary);color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-md);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.settings-nav-btn:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.settings-nav-btn.active{background-color:var(--color-brand-primary);color:var(--color-brand-white)}[data-theme=dark] .settings-nav-btn.active{background-color:var(--color-brand-accent);color:var(--color-brand-primary)}.panel-header h3{font-size:1.15rem}.panel-header p{color:var(--text-secondary);font-size:.85rem}.appearance-buttons-row,.appearance-chips-row{gap:.5rem;display:flex}.config-desc{color:var(--text-muted);font-size:.8rem}.session-item-row{justify-content:space-between;align-items:center;padding:1rem;display:flex}.session-device-row{align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.session-meta{color:var(--text-muted);font-size:.75rem}.logout-confirm-card{max-width:500px;margin:0 auto;padding:3rem 2rem}.logout-title{margin-bottom:.5rem;font-size:1.45rem;font-weight:700}.logout-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.logout-session-stats{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.logout-stat-item{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);text-align:left;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.logout-stat-item strong{font-size:1rem;display:block}.logout-stat-item span{color:var(--text-muted);font-size:.75rem}.data-security-note{color:var(--text-secondary);text-align:left;align-items:center;gap:.75rem;padding:.8rem;font-size:.8rem;display:flex}.animate-pulse-glow{animation:2s infinite pulse-glow-ani;box-shadow:0 0 #e7aa3966}@keyframes pulse-glow-ani{0%{box-shadow:0 0 #e7aa3966}70%{box-shadow:0 0 0 8px #e7aa3900}to{box-shadow:0 0 #e7aa3900}}.animate-pulse-text{animation:1.5s infinite alternate pulse-text-ani}@keyframes pulse-text-ani{0%{opacity:.6}to{opacity:1}}.animate-bounce-soft{animation:2s infinite bounce-soft-ani}@keyframes bounce-soft-ani{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media print{body *{visibility:hidden}#printable-invoice,#printable-invoice *{visibility:visible}#printable-invoice{width:100%;position:absolute;top:0;left:0}.modal-overlay{position:absolute;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#0000!important}.modal-content{box-shadow:none!important;background-color:#0000!important;border:none!important;max-width:100%!important;padding:0!important}.modal-close,.modal-actions{display:none!important}}.my-courses-page-layout{background-color:var(--bg-app);padding:1.5rem}.courses-workspace{gap:1.5rem;width:100%;display:flex}.courses-main-col{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.courses-widgets-col{flex-direction:column;flex-shrink:0;gap:1.5rem;width:300px;display:flex}.courses-page-header h2{font-family:var(--font-primary);color:var(--text-primary);margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.courses-page-header p{color:var(--text-secondary);font-size:.9rem}.courses-stats-row{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.courses-stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:.8rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex}.courses-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-total .stat-icon-wrapper{color:#10b981;background-color:#10b9811a}.stat-progress .stat-icon-wrapper{color:#8b5cf6;background-color:#8b5cf61a}.stat-upcoming .stat-icon-wrapper{color:#f59e0b;background-color:#f59e0b1a}.stat-completed .stat-icon-wrapper{color:#3b82f6;background-color:#3b82f61a}.stat-time .stat-icon-wrapper{color:#ec4899;background-color:#ec48991a}.courses-stat-card h3{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.courses-stat-card span{color:var(--text-muted);font-size:.75rem}.courses-toolbar-container{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.courses-filter-tabs{gap:.5rem;display:flex}.filter-tab-btn{font-family:var(--font-secondary);color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-md);transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem .75rem;font-size:.85rem;font-weight:500;position:relative}.filter-tab-btn:hover{color:var(--text-primary);background-color:var(--bg-neutral-light)}.filter-tab-btn.active{color:var(--color-brand-accent);background-color:#e7aa391a;font-weight:600}.courses-toolbar-actions{align-items:center;gap:.75rem;display:flex}.search-box-wrapper{align-items:center;display:flex;position:relative}.search-icon-inside{color:var(--text-muted);pointer-events:none;position:absolute;left:.75rem}.search-input-courses{border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary);width:220px;transition:border var(--transition-fast);outline:none;padding:.5rem .75rem .5rem 2.2rem;font-size:.85rem}.search-input-courses:focus{border-color:var(--color-brand-accent)}.btn-filter-funnel{align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.85rem;display:flex}.courses-list-stack{flex-direction:column;gap:1.25rem;display:flex}.course-row-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);transition:all .25s;display:flex;overflow:hidden}.course-row-card:hover{box-shadow:var(--shadow-md);border-color:#e7aa3940;transform:translateY(-2px)}.course-row-thumbnail{width:180px;color:var(--color-brand-white);flex-direction:column;flex-shrink:0;justify-content:space-between;padding:1.25rem 1rem;display:flex;position:relative;overflow:hidden}.thumbnail-content{z-index:2;flex-direction:column;gap:.25rem;display:flex}.thumbnail-code{letter-spacing:.5px;text-transform:uppercase;color:var(--color-brand-accent);font-size:.7rem;font-weight:700}.thumbnail-subject{font-family:var(--font-primary);font-size:1rem;font-weight:700;line-height:1.2}.thumbnail-progress-overlay{z-index:2}.thumbnail-progress-overlay span{color:#ffffffe6;margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.thumb-progress-bar-container{background-color:#fff3;border-radius:20px;height:4px;overflow:hidden}.thumb-progress-bar-fill{background-color:var(--color-brand-accent);border-radius:20px;height:100%}.course-row-details{border-right:1px solid var(--border-color);flex-direction:column;flex:1;justify-content:center;min-width:0;padding:1.25rem;display:flex}.details-header-row{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.details-goal-pill{text-transform:uppercase;letter-spacing:.5px;color:#3b82f6;background-color:#3b82f61a;border-radius:50px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.bookmark-btn-toggle{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:.2rem}.bookmark-btn-toggle:hover{color:var(--color-brand-accent);background-color:var(--bg-neutral-light)}.bookmark-btn-toggle.bookmarked{color:var(--color-brand-accent)}.course-row-title{color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1.2rem;font-weight:700;overflow:hidden}.course-row-title:hover{color:var(--color-brand-accent)}.course-row-instructor{color:var(--text-secondary);margin-bottom:.8rem;font-size:.8rem}.details-features-row{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.feature-badge{color:var(--text-secondary);background-color:var(--bg-neutral-light);border-radius:var(--border-radius-sm);align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.75rem;display:flex}.details-progress-section{align-items:center;gap:.75rem;display:flex}.details-progress-bar-container{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:20px;flex:1;height:6px;overflow:hidden}.details-progress-bar-fill{background-color:#10b981;border-radius:20px;height:100%}.details-progress-text{color:var(--text-primary);text-align:right;width:30px;font-size:.8rem;font-weight:700}.course-row-next-class-panel{border-right:1px solid var(--border-color);background-color:#10b98108;flex-direction:column;flex-shrink:0;justify-content:space-between;width:200px;padding:1.25rem;display:flex}.panel-header-line{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.next-class-label{text-transform:uppercase;color:#10b981;letter-spacing:.5px;font-size:.65rem;font-weight:700}.class-share-icon{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.class-share-icon:hover{color:var(--text-primary)}.panel-class-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.85rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.panel-class-time{color:var(--text-secondary);align-items:center;gap:.35rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.join-live-btn{justify-content:center;align-items:center;gap:.35rem;width:100%;animation:2s infinite pulse-border-green-app;display:flex}@keyframes pulse-border-green-app{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.view-sched-btn{justify-content:center;align-items:center;width:100%;padding:.4rem 0;font-size:.75rem;display:flex}.course-row-completed-panel{border-right:1px solid var(--border-color);text-align:center;background-color:#e7aa3908;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:200px;padding:1.25rem;display:flex}.completed-medal-wrapper{margin-bottom:.35rem}.completed-gold-medal{color:var(--color-brand-accent);filter:drop-shadow(0 2px 6px #e7aa3933)}.completed-status-title{font-family:var(--font-primary);color:var(--color-brand-accent);margin-bottom:.2rem;font-size:.85rem;font-weight:700}.completed-status-desc{color:var(--text-secondary);margin-bottom:.6rem;font-size:.7rem;line-height:1.3}.completed-cert-btn{width:100%;padding:.35rem .75rem;font-size:.7rem}.course-row-actions-edge{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;width:150px;padding:1rem;display:flex}.continue-btn{text-align:center;white-space:nowrap;width:100%;padding:.5rem;font-size:.8rem}.more-options-dropdown-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:.35rem}.more-options-dropdown-btn:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.courses-footer-notice{color:var(--text-secondary);margin-top:1rem;font-size:.85rem}.notice-link-btn{color:var(--color-brand-accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.notice-link-btn:hover{color:var(--color-brand-white)}.widget-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.streak-widget{background:linear-gradient(135deg, var(--bg-card) 0%, #e7aa3905 100%)}.streak-header{align-items:center;gap:.5rem;display:flex}.streak-header h4{font-family:var(--font-primary);color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.flame-active-icon{color:var(--color-brand-accent);filter:drop-shadow(0 2px 4px #e7aa3966)}.streak-body{align-items:center;gap:.8rem;display:flex}.streak-badge-big{border:2px solid var(--color-brand-accent);width:46px;height:46px;color:var(--color-brand-accent);font-family:var(--font-primary);background-color:#e7aa391a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 0 10px #e7aa391a}.streak-desc strong{color:var(--text-primary);font-size:.9rem;display:block}.streak-desc p{color:var(--text-muted);font-size:.75rem;line-height:1.3}.streak-grid-mini{grid-template-columns:repeat(7,1fr);gap:.35rem;margin-top:.25rem;display:grid}.streak-day-dot{flex-direction:column;align-items:center;gap:.25rem;display:flex}.dot-letter{color:var(--text-muted);font-size:.65rem;font-weight:600}.dot-circle{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);width:14px;height:14px;transition:all var(--transition-fast);border-radius:50%}.streak-day-dot.active .dot-circle{background-color:var(--color-brand-accent);border-color:var(--color-brand-accent);box-shadow:0 0 6px #e7aa3966}.streak-day-dot.current .dot-circle{border-color:var(--color-brand-accent);background-color:#0000;border-width:2px}.schedules-widget h4{font-family:var(--font-primary);color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.widget-header-row{justify-content:space-between;align-items:center;display:flex}.widget-view-all-btn{color:var(--color-brand-accent);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:600}.widget-view-all-btn:hover{text-decoration:underline}.widget-schedules-list{flex-direction:column;gap:.75rem;display:flex}.widget-schedule-item{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-neutral-light);align-items:center;gap:.75rem;padding:.6rem;display:flex}.sched-time-badge{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:55px;padding:.35rem;display:flex}.sched-time-badge span:first-child{color:var(--color-brand-accent);font-size:.7rem;font-weight:700}.sched-time-badge .day-text{color:var(--text-muted);font-size:.6rem}.sched-details{flex:1;min-width:0}.sched-details h5{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .15rem;font-size:.8rem;font-weight:600;overflow:hidden}.sched-course-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;display:block;overflow:hidden}.sched-instructor{color:var(--text-muted);font-size:.65rem;display:block}.sched-join-btn{padding:.35rem .6rem;font-size:.7rem}.actions-widget h4{font-family:var(--font-primary);color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.widget-actions-list{flex-direction:column;gap:.5rem;display:flex}.widget-action-link{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-neutral-light);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.8rem;font-weight:500;display:flex}.widget-action-link:hover{color:var(--color-brand-accent);background-color:#e7aa390d;border-color:#e7aa3940}@media (width<=1200px){.courses-workspace{flex-direction:column}.courses-widgets-col{grid-template-columns:repeat(3,1fr);width:100%;display:grid}}@media (width<=992px){.courses-stats-row{grid-template-columns:repeat(3,1fr)}.course-row-card{flex-direction:column}.course-row-thumbnail{flex-direction:row;align-items:center;width:100%;height:100px}.course-row-details{border-right:none;border-bottom:1px solid var(--border-color)}.course-row-next-class-panel,.course-row-completed-panel{border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%}.panel-actions-row,.completed-cert-btn{width:auto}.course-row-actions-edge{flex-direction:row;justify-content:space-between;width:100%}.continue-btn{width:auto}}@media (width<=768px){.courses-stats-row{grid-template-columns:repeat(2,1fr)}.courses-widgets-col{grid-template-columns:1fr}.courses-toolbar-container{flex-direction:column;align-items:stretch}.courses-filter-tabs{padding-bottom:.5rem;overflow-x:auto}.courses-toolbar-actions{justify-content:space-between}.search-input-courses{width:100%}}.mock-tests-page-wrapper{background-color:var(--bg-app);padding:1.5rem}.mock-tests-workspace{gap:1.5rem;width:100%;display:flex}.mock-tests-main-col{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.mock-tests-widgets-col{flex-direction:column;flex-shrink:0;gap:1.5rem;width:300px;display:flex}.mock-tests-page-header h2{font-family:var(--font-primary);color:var(--text-primary);margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.mock-tests-page-header p{color:var(--text-secondary);font-size:.9rem}.mock-tests-stats-row{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.mock-tests-stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:.8rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex}.mock-tests-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bg-purple{color:#8b5cf6;background-color:#8b5cf61a}.bg-green{color:#10b981;background-color:#10b9811a}.bg-orange{color:#f59e0b;background-color:#f59e0b1a}.bg-purple-dark{color:#6d28d9;background-color:#6d28d91a}.bg-blue{color:#3b82f6;background-color:#3b82f61a}.stat-text-group h3{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:800;line-height:1.1}.stat-text-group span{color:var(--text-muted);margin-bottom:.15rem;font-size:.7rem;display:block}.stat-text-group strong{font-size:.65rem;font-weight:600;display:block}.trend-green{color:#10b981}.trend-blue{color:#3b82f6}.trend-orange{color:#f59e0b}.trend-purple{color:#8b5cf6}.mock-tests-toolbar-container{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.mock-tests-filter-tabs{gap:.35rem;display:flex}.mock-tests-toolbar-actions{align-items:center;gap:.5rem;display:flex}.select-filter-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;transition:border var(--transition-fast);outline:none;padding:.5rem;font-size:.8rem}.select-filter-dropdown:focus{border-color:var(--color-brand-accent)}.mock-tests-list-stack{flex-direction:column;gap:1rem;display:flex}.test-row-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);align-items:center;gap:1.25rem;padding:1.25rem;transition:all .25s;display:flex}.test-row-card:hover{box-shadow:var(--shadow-md);border-color:#e7aa3940;transform:translateY(-2px)}.test-card-icon-wrapper{border-radius:var(--border-radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.test-card-middle-content{flex:1;min-width:0}.title-row-badges{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.title-row-badges h3{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.test-badge-info{color:#8b5cf6;text-transform:uppercase;background-color:#8b5cf61a;border-radius:50px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.test-description-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:.8rem;line-height:1.4;overflow:hidden}.test-card-metrics{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.test-card-right-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.4rem;display:flex}.difficulty-badge{text-transform:uppercase;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.difficulty-badge.easy{color:#10b981;background-color:#10b9811a}.difficulty-badge.medium{color:#f59e0b;background-color:#f59e0b1a}.difficulty-badge.hard{color:#ef4444;background-color:#ef44441a}.start-test-btn{padding:.45rem 1.2rem;font-size:.85rem}.attempts-count-lbl{color:var(--text-muted);font-size:.65rem}.view-more-tests-btn{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.65rem;font-size:.85rem;font-weight:600;display:flex}.view-more-tests-btn:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.recommended-section-container{margin-top:1.5rem}.recommended-section-container h3{font-family:var(--font-primary);color:var(--text-primary);margin-bottom:.8rem;font-size:1.2rem;font-weight:800}.recommendations-scroll-container{align-items:center;display:flex;position:relative}.recommendation-cards-row{scrollbar-width:none;gap:1rem;width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.recommendation-cards-row::-webkit-scrollbar{display:none}.recommendation-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);width:215px;transition:all var(--transition-fast);flex-direction:column;flex-shrink:0;gap:.5rem;padding:1.25rem;display:flex}.recommendation-card:hover{border-color:#e7aa3933;transform:translateY(-2px)}.card-top-icon{background-color:var(--bg-neutral-light);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.text-pink{color:#ec4899}.text-gold{color:var(--color-brand-accent)}.text-blue{color:#3b82f6}.recommendation-card h4{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:700}.recommendation-card p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;margin-bottom:.25rem;font-size:.75rem;line-height:1.3;display:-webkit-box;overflow:hidden}.recommendation-card .btn{width:100%;padding:.4rem 0}.carousel-next-btn-arrow{background-color:var(--color-brand-accent);width:32px;height:32px;color:var(--color-brand-primary);cursor:pointer;transition:all var(--transition-fast);z-index:5;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:-12px;box-shadow:0 2px 8px #00000040}.carousel-next-btn-arrow:hover{background-color:var(--color-brand-white);transform:scale(1.05)}.performance-doughnut-widget{align-items:stretch}.doughnut-chart-container{width:130px;height:130px;margin:.5rem auto;position:relative}.circular-chart{max-width:100%;max-height:100%;display:block}.circle-bg{fill:none;stroke:var(--bg-neutral-light);stroke-width:8px}.circle-correct{fill:none;stroke:#10b981;stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray .3s}.circle-incorrect{fill:none;stroke:#ef4444;stroke-width:8px;transition:stroke-dasharray .3s}.circle-unattempted{fill:none;stroke:#9ca3af;stroke-width:8px;transition:stroke-dasharray .3s}.chart-center-text{text-align:center;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-center-text strong{font-family:var(--font-primary);color:var(--text-primary);font-size:1.35rem;font-weight:800;line-height:1}.chart-center-text span{color:var(--text-muted);font-size:.65rem}.doughnut-legend{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:column;gap:.45rem;padding:.65rem 0;display:flex}.legend-row .dot{border-radius:50%;width:8px;height:8px;margin-right:.5rem}.dot.bg-correct{background-color:#10b981}.dot.bg-incorrect{background-color:#ef4444}.dot.bg-unattempted{background-color:#9ca3af}.legend-row span{flex:1}.legend-val{color:var(--text-primary)}.doughnut-footer{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.subject-performance-widget{align-items:stretch}.subject-progress-list{flex-direction:column;gap:.65rem;display:flex}.subject-progress-row{flex-direction:column;gap:.25rem;display:flex}.subject-progress-lbl{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.subject-progress-lbl strong{color:var(--text-primary)}.progress-bar-container-mini{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:10px;height:5px;overflow:hidden}.progress-bar-fill-mini{background-color:var(--color-brand-accent);border-radius:10px;height:100%}.view-all-subjects-btn{width:100%;padding:.45rem 0;font-size:.75rem}.widget-upcoming-list{flex-direction:column;gap:.65rem;display:flex}.widget-upcoming-item{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);align-items:center;gap:.75rem;padding:.6rem;display:flex}.upcoming-date-box{border-radius:var(--border-radius-sm);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.upcoming-date-box strong{font-size:.6rem;font-weight:700}.upcoming-date-box span{font-size:.85rem;font-weight:800;line-height:1}.bg-date-gold{color:var(--color-brand-accent);background-color:#e7aa3926;border:1px solid #e7aa3940}.bg-date-neutral{background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)}.upcoming-details{flex:1;min-width:0}.upcoming-details h5{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .15rem;font-size:.8rem;font-weight:700;overflow:hidden}.upcoming-details span{color:var(--text-muted);font-size:.65rem;display:block}.upcoming-badge{font-weight:600;color:#8b5cf6!important}.upcoming-status-tag{color:#10b981;font-size:.7rem;font-weight:600}.link-action-btn{color:var(--color-brand-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem;font-weight:600}.link-action-btn:hover{text-decoration:underline}.test-tips-list{color:var(--text-secondary);flex-direction:column;gap:.35rem;margin:0;padding-left:1rem;font-size:.75rem;display:flex}@media (width<=1200px){.mock-tests-workspace{flex-direction:column}.mock-tests-widgets-col{grid-template-columns:repeat(3,1fr);width:100%;display:grid}}@media (width<=992px){.mock-tests-stats-row{grid-template-columns:repeat(3,1fr)}.test-row-card{flex-direction:column;align-items:flex-start}.test-card-right-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}@media (width<=768px){.mock-tests-stats-row{grid-template-columns:repeat(2,1fr)}.mock-tests-widgets-col{grid-template-columns:1fr}.mock-tests-toolbar-container{flex-direction:column;align-items:stretch}.mock-tests-filter-tabs{padding-bottom:.5rem;overflow-x:auto}.mock-tests-toolbar-actions{flex-wrap:wrap;justify-content:space-between}}.settings-page-v2{gap:0!important}.settings-page-header{padding:.5rem 0 1rem}.settings-page-header h1{margin-bottom:.25rem;font-size:1.6rem;font-weight:700}.settings-page-header p{color:var(--text-secondary);font-size:.9rem}.settings-three-col{grid-template-columns:220px 1fr;align-items:start;gap:1.25rem;display:grid}.settings-left-nav{position:sticky;top:1rem}.settings-nav-card{flex-direction:column;gap:.15rem;display:flex;padding:.75rem!important}.settings-nav-item{border-radius:var(--border-radius-sm);font-family:var(--font-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;font-size:.82rem;display:flex}.settings-nav-item:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.settings-nav-item.active{background-color:var(--color-brand-primary);color:var(--color-brand-white);font-weight:600}.settings-nav-item.active .settings-nav-title{color:#fff}.settings-nav-item.active .settings-nav-desc{color:#ffffffd9}.settings-nav-item.active .settings-nav-chevron{color:#fff}[data-theme=dark] .settings-nav-item.active{background-color:var(--color-brand-accent);color:var(--color-brand-primary)}[data-theme=dark] .settings-nav-item.active .settings-nav-title{color:var(--color-brand-primary)}[data-theme=dark] .settings-nav-item.active .settings-nav-desc{color:#003833e0}[data-theme=dark] .settings-nav-item.active .settings-nav-chevron{color:var(--color-brand-primary)}.settings-nav-icon{flex-shrink:0;align-items:center;display:flex}.settings-nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings-center-content{flex-direction:column;gap:1.25rem;display:flex}.settings-section-card{transition:box-shadow var(--transition-normal);padding:1.5rem!important}.settings-section-card:hover{background-color:var(--bg-card)!important}.settings-section-header{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:1rem}.settings-section-header h2{margin-bottom:.2rem;font-size:1.15rem;font-weight:700}.settings-section-header p{color:var(--text-secondary);font-size:.82rem}.settings-success-banner{background-color:var(--status-success-bg);border:1px solid var(--status-success);color:var(--status-success);border-radius:var(--border-radius-md);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.88rem;font-weight:500;animation:.3s ease-out fadeIn;display:flex}.profile-avatar-section{align-items:flex-start;gap:1.5rem;display:flex}.profile-avatar-large{flex-shrink:0;position:relative}.avatar-circle-large{background:var(--color-brand-primary);width:82px;height:82px;color:var(--color-brand-white);font-family:var(--font-primary);border:3px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}[data-theme=dark] .avatar-circle-large{background:var(--color-brand-accent);color:var(--color-brand-primary)}.avatar-camera-btn{background-color:var(--color-brand-accent);width:26px;height:26px;color:var(--color-brand-primary);border:2px solid var(--bg-card);cursor:pointer;transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:2px;right:2px}.avatar-camera-btn:hover{transform:scale(1.1)}.profile-form-fields{flex:1}.settings-form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.25rem;display:grid}.input-with-badge{position:relative}.input-with-badge .input-field{padding-right:5.5rem}.verified-badge{background-color:var(--status-success-bg);color:var(--status-success);text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:.2rem .55rem;font-size:.7rem;font-weight:700;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.phone-input-group{gap:0;display:flex}.phone-code{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);color:var(--text-secondary);white-space:nowrap;border-right:none;align-items:center;gap:.25rem;padding:0 .75rem;font-size:.85rem;display:flex}.phone-field{border-radius:0 var(--border-radius-md) var(--border-radius-md) 0!important}.settings-save-row{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.25rem;display:flex}#settings-save-profile,#settings-save-notifs,.btn-primary{color:#fff!important;cursor:pointer!important;background-color:#10b981!important;border:none!important;border-radius:8px!important;padding:10px 24px!important;font-size:.9rem!important;font-weight:700!important;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .2s,box-shadow .2s!important;box-shadow:0 4px 12px #10b98140!important}#settings-save-profile:hover,#settings-save-notifs:hover,.btn-primary:hover{color:#fff!important;background-color:#059669!important;transform:translateY(-2px)!important;box-shadow:0 6px 18px #10b98159!important}#settings-save-profile:disabled,.btn-primary:disabled{opacity:.7!important;cursor:not-allowed!important;transform:none!important}.settings-card{border-radius:12px;background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.settings-card input,.settings-card select,.settings-card textarea,.input-field{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.settings-card input:focus,.settings-card select:focus,.settings-card textarea:focus,.input-field:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9812e!important}.security-password-row{border-bottom:1px solid var(--border-color);align-items:flex-end;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.security-toggle-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.security-toggle-row:last-of-type{border-bottom:none}.security-toggle-info h4{margin-bottom:.15rem;font-size:.92rem;font-weight:600}.security-toggle-info p{color:var(--text-secondary);font-size:.8rem}.security-chevron{color:var(--text-muted)}.toggle-switch{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch.small{width:38px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background-color:var(--border-color);transition:all var(--transition-fast);border-radius:50px;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--color-brand-white);width:18px;height:18px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-switch.small .toggle-slider:before{width:14px;height:14px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-brand-primary)}[data-theme=dark] .toggle-switch input:checked+.toggle-slider{background-color:var(--color-brand-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(18px)}.notif-table{width:100%}.notif-table-header{border-bottom:1px solid var(--border-color);grid-template-columns:1fr 60px 60px 60px;align-items:center;margin-bottom:.25rem;padding:.5rem 0;display:grid}.notif-col-channel{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;font-weight:600}.notif-table-row{border-bottom:1px solid var(--border-color);grid-template-columns:1fr 60px 60px 60px;align-items:center;padding:.75rem 0;display:grid}.notif-table-row:last-child{border-bottom:none}.notif-table-row .toggle-switch{justify-self:center}.notif-category-info{align-items:center;gap:.75rem;display:flex}.notif-cat-icon{border-radius:var(--border-radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notif-category-info h4{margin-bottom:.1rem;font-size:.88rem;font-weight:600}.notif-category-info p{color:var(--text-secondary);font-size:.75rem}.appearance-config-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.appearance-config-row:last-child{border-bottom:none}.appearance-label-block h4{margin-bottom:.15rem;font-size:.92rem;font-weight:600}.appearance-label-block p{color:var(--text-secondary);font-size:.8rem}.appearance-options-row{gap:.5rem;display:flex}.appearance-opt-btn{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-primary);font-family:var(--font-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:.5rem 1rem;font-size:.82rem}.appearance-opt-btn:hover{background-color:var(--bg-neutral-light)}.appearance-opt-btn.active{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-brand-white);font-weight:600}[data-theme=dark] .appearance-opt-btn.active{background-color:var(--color-brand-accent);color:var(--color-brand-primary);border-color:var(--color-brand-accent)}.language-note{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:.75rem;font-size:.8rem;display:flex}.sessions-table{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.session-row{border-bottom:1px solid var(--border-color);grid-template-columns:36px 1.5fr 1fr 1fr 1.2fr 36px;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.85rem;display:grid}.session-row:last-child{border-bottom:none}.session-active{background-color:var(--bg-neutral-light)}.session-icon-cell{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.session-name-cell{align-items:center;gap:.5rem;font-weight:600;display:flex}.session-this-badge{background-color:var(--status-info-bg);color:var(--status-info);text-transform:uppercase;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.session-os-cell,.session-location-cell,.session-time-cell{color:var(--text-secondary);font-size:.82rem}.session-active-text{color:var(--status-success);font-weight:600}.session-actions-cell{justify-content:center;display:flex}.sessions-footer{justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;display:flex}.sessions-footer-link{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.82rem;display:flex}.btn-danger-outline{border:1px solid var(--status-error);color:var(--status-error);font-family:var(--font-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600}.btn-danger-outline:hover{background-color:var(--status-error-bg)}.settings-right-sidebar{flex-direction:column;gap:1rem;display:flex;position:sticky;top:1rem}.settings-sidebar-card{padding:1.25rem!important}.settings-sidebar-card:hover{background-color:var(--bg-card)!important}.sidebar-card-title{align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.95rem;font-weight:700;display:flex}.sidebar-card-desc{color:var(--text-secondary);margin-bottom:.75rem;font-size:.8rem;line-height:1.4}.summary-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.summary-row{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.summary-row span{color:var(--text-secondary)}.summary-row strong{color:var(--text-primary);font-weight:600}.w-full{width:100%}.quick-actions-list{flex-direction:column;gap:.35rem;display:flex}.quick-action-btn{border-radius:var(--border-radius-sm);width:100%;font-family:var(--font-secondary);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.6rem;padding:.55rem .5rem;font-size:.82rem;display:flex}.quick-action-btn:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.quick-action-btn small{color:var(--text-muted);margin-top:.1rem;font-size:.72rem;display:block}.quick-action-danger{color:var(--status-error)}.quick-action-danger:hover{background-color:var(--status-error-bg);color:var(--status-error)}.security-tip-card{text-align:center;background:linear-gradient(135deg, var(--bg-card) 0%, #0038330a 100%);border-color:#00383326}[data-theme=dark] .security-tip-card{background:linear-gradient(135deg, var(--bg-card) 0%, #e7aa390a 100%);border-color:#e7aa3926}.security-tip-icon{width:48px;height:48px;color:var(--color-brand-primary);background-color:#00383314;border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;display:flex}[data-theme=dark] .security-tip-icon{color:var(--color-brand-accent);background-color:#e7aa391a}.security-tip-text{color:var(--text-secondary);margin-bottom:1rem;font-size:.82rem;line-height:1.45}.email-pref-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.65rem 0;display:flex}.email-pref-row:last-of-type{border-bottom:none;margin-bottom:.75rem}.email-pref-row h4{margin-bottom:.1rem;font-size:.82rem;font-weight:600}.email-pref-row p{color:var(--text-secondary);font-size:.72rem}@media (width<=1280px){.settings-three-col{grid-template-columns:200px 1fr}}@media (width<=1024px){.settings-three-col{grid-template-columns:1fr}.settings-left-nav{position:static}.settings-nav-card{flex-wrap:wrap;flex-direction:row!important;gap:.35rem!important}.settings-right-sidebar{grid-template-columns:repeat(2,1fr);display:grid;position:static}.session-row{grid-template-columns:1fr;gap:.25rem}}@media (width<=768px){.settings-form-row{grid-template-columns:1fr}.profile-avatar-section{flex-direction:column;align-items:center}.security-password-row{flex-direction:column;align-items:stretch}.appearance-config-row{flex-direction:column;align-items:flex-start;gap:.75rem}.settings-right-sidebar{grid-template-columns:1fr}.notif-table-header,.notif-table-row{grid-template-columns:1fr 50px 50px 50px}}.dashboard-page-v2{color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Outfit,sans-serif;display:flex}.dash-welcome-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.welcome-message-block h2{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.welcome-message-block p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.95rem}.welcome-stats-block{align-items:center;gap:1rem;display:flex}.dash-stat-badge{border-radius:var(--border-radius-md);background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);align-items:center;padding:.6rem 1.2rem;display:flex}.study-streak-badge{gap:.75rem}.streak-icon-circle{background-color:#f973161a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.streak-text-info{flex-direction:column;display:flex}.streak-val{color:var(--text-primary);font-size:1rem;font-weight:700}.streak-lbl{color:var(--text-secondary);font-size:.75rem}.target-exam-badge{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:none;gap:.75rem;padding-right:2.5rem;position:relative}[data-theme=light] .target-exam-badge{background:linear-gradient(135deg,#004d44 0%,#003833 100%)}.target-icon-circle{background-color:#fbbf2433;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.target-text-info{flex-direction:column;display:flex}.target-lbl{color:#94a3b8;font-size:.75rem}[data-theme=light] .target-lbl{color:#a0c2bf}.target-val{color:#fbbf24;font-size:.95rem;font-weight:700}.target-edit-btn{cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;right:.75rem}.target-edit-btn:hover{opacity:1}.dash-kpis-band{background-color:var(--bg-card);border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.kpi-band-item{flex:1;align-items:center;gap:1rem;display:flex}.kpi-band-item.clickable:hover{opacity:.85}.kpi-icon-box{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-icon-box.color-green{color:#10b981;background-color:#10b9811a}.kpi-icon-box.color-orange{color:#f59e0b;background-color:#f59e0b1a}.kpi-icon-box.color-purple{color:#8b5cf6;background-color:#8b5cf61a}.kpi-icon-box.color-blue{color:#3b82f6;background-color:#3b82f61a}.kpi-icon-box.color-yellow{color:#eab308;background-color:#eab3081a}.kpi-details{flex-direction:column;display:flex}.kpi-value{color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.2}.kpi-subtext{color:var(--text-muted);font-size:.72rem}.kpi-divider{background-color:var(--border-color);width:1px;height:40px}.dashboard-grid-layout{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;min-width:0;display:grid}.grid-left-area{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.left-subgrid-row{grid-template-columns:1fr 1fr;gap:1.5rem;min-width:0;display:grid}.my-courses-slider-card{min-width:0}.margin-top-20{margin-top:.5rem}.study-plan-card,.upcoming-class-card,.my-courses-slider-card,.test-results-card,.side-calendar-card,.performance-donut-card,.ai-mentor-suggestion-card,.quick-links-card{background-color:var(--bg-card);border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:1.25rem}.card-header-v2{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-header-v2 h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.v2-text-btn{color:#003833;cursor:pointer;background:0 0;border:1px solid #10b9814d;border-radius:50px;padding:.35rem 1rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.v2-text-btn:hover{color:#10b981;background-color:#10b9810d;border-color:#10b981}[data-theme=dark] .v2-text-btn{color:#34d399;border-color:#34d3994d}[data-theme=dark] .v2-text-btn:hover{background-color:#34d3990d;border-color:#34d399}.v2-timeline-list{flex-direction:column;gap:1rem;display:flex}.v2-timeline-item{background-color:var(--bg-neutral-light);border-radius:8px;padding:.75rem 1rem .75rem 1.25rem;position:relative}.border-left-green{border-left:4px solid #10b981}.border-left-orange{border-left:4px solid #f59e0b}.border-left-blue{border-left:4px solid #3b82f6}.item-meta{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.item-time{color:var(--text-muted);font-size:.78rem;font-weight:600}.v2-badge{border-radius:12px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-success{color:#10b981;background-color:#10b9811a}.badge-warning{color:#f59e0b;background-color:#f59e0b1a}.badge-info{color:#3b82f6;background-color:#3b82f61a}.badge-dot{border-radius:50%;width:5px;height:5px;display:inline-block}.dot-green{background-color:#10b981}.dot-orange{background-color:#f59e0b}.dot-blue{background-color:#3b82f6}.item-title{color:var(--text-primary);margin:0;font-size:.92rem;font-weight:700}.item-subtitle{color:var(--text-secondary);margin:.2rem 0 0;font-size:.78rem}.upcoming-class-card{flex-direction:column;display:flex}.class-banner-box{border-radius:8px;height:120px;margin-bottom:1rem;position:relative;overflow:hidden}.banner-bg-img{object-fit:cover;width:100%;height:100%}.banner-overlay-dark{background:linear-gradient(#0000004d 0%,#003833e6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.banner-info-content{box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:.85rem;display:flex;position:absolute;top:0;left:0}.live-status-pill{color:#fff;letter-spacing:.5px;background-color:#ef4444;border-radius:4px;align-self:flex-start;padding:.15rem .45rem;font-size:.65rem;font-weight:700;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.class-txt-block{color:#fff}.class-sub{color:#a0c2bf;text-transform:uppercase;font-size:.72rem;font-weight:600;display:block}.class-main{margin:.1rem 0;font-size:1rem;font-weight:700}.class-teacher{color:#e2e8f0;font-size:.78rem}.class-time-block{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.time-details{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;display:flex}.btn-join-live{color:#10b981;cursor:pointer;background-color:#e6f7f0;border:1px solid #10b98133;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .95rem;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-join-live:hover{color:#fff;background-color:#10b981}.next-classes-section{flex-direction:column;gap:.75rem;display:flex}.next-classes-header{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;display:flex}.text-btn-sm{font-family:inherit;font-size:inherit;color:var(--status-success);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-weight:600;transition:opacity .2s,-webkit-text-decoration .2s,text-decoration .2s;display:inline-flex}.text-btn-sm:hover{opacity:.85;text-decoration:underline}.next-class-list{flex-direction:column;gap:.6rem;display:flex}.next-class-row{background-color:var(--bg-neutral-light);border-radius:6px;justify-content:space-between;align-items:center;padding:.6rem .8rem;display:flex}.class-mini-details h5{color:var(--text-primary);margin:0;font-size:.82rem;font-weight:700}.class-mini-details span{color:var(--text-muted);font-size:.72rem}.btn-play-mini{border:1px solid var(--border-color);color:#10b981;cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-play-mini:hover{color:#fff;background-color:#10b981}.my-courses-horizontal-list{gap:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.my-courses-horizontal-list::-webkit-scrollbar{height:4px}.my-courses-horizontal-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.course-progress-card{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:8px;flex:0 0 240px;overflow:hidden}.border-top-green{border-top:4px solid #10b981}.border-top-purple{border-top:4px solid #8b5cf6}.border-top-brown{border-top:4px solid #a16207}.course-header-tag{letter-spacing:.5px;padding:.4rem .75rem;font-size:.65rem;font-weight:800}.course-header-tag.color-green{color:#10b981;background-color:#10b98114}.course-header-tag.color-purple{color:#8b5cf6;background-color:#8b5cf614}.course-header-tag.color-brown{color:#a16207;background-color:#a1620714}.course-body{padding:.75rem}.course-body h4{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.2rem;margin:0 0 .75rem;font-size:.85rem;font-weight:700;display:-webkit-box;overflow:hidden}.progress-row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.progress-track{background-color:var(--border-color);border-radius:10px;flex:1;height:5px;overflow:hidden}.progress-fill{border-radius:10px;height:100%}.color-green-bg{background-color:#10b981}.color-purple-bg{background-color:#8b5cf6}.color-brown-bg{background-color:#a16207}.progress-percent{color:var(--text-secondary);font-size:.75rem;font-weight:700}.btn-continue-course{cursor:pointer;border:none;border-radius:6px;width:100%;padding:.4rem;font-size:.75rem;font-weight:700;transition:opacity .2s}.color-green-btn{color:#10b981;background-color:#e6f7f0}.color-purple-btn{color:#8b5cf6;background-color:#f3effe}.color-brown-btn{color:#a16207;background-color:#fef8ee}.btn-continue-course:hover{opacity:.85}.header-title-subtitle{flex-direction:column;gap:2px;display:flex}.card-subtitle-v2{color:var(--text-muted);margin:0;font-size:.75rem;font-weight:500}.course-progress-card-v3{background-color:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-normal);border-radius:14px;flex-direction:column;flex:0 0 280px;justify-content:space-between;display:flex;overflow:hidden}.course-progress-card-v3.card-green:hover{border-color:#10b981;transform:translateY(-4px);box-shadow:0 10px 25px #10b9811f}.course-progress-card-v3.card-purple:hover{border-color:#8b5cf6;transform:translateY(-4px);box-shadow:0 10px 25px #8b5cf61f}.course-progress-card-v3.card-brown:hover{border-color:#d97706;transform:translateY(-4px);box-shadow:0 10px 25px #d977061f}.card-top-info{justify-content:space-between;align-items:center;padding:14px 14px 0;display:flex}.course-badge-v3{letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-size:.62rem;font-weight:800}.bg-green-light{background-color:#10b98114}.bg-purple-light{background-color:#8b5cf614}.bg-brown-light{background-color:#d9770614}.text-purple{color:#8b5cf6!important}.text-brown{color:#d97706!important}.course-meta-lectures{color:var(--text-muted);align-items:center;gap:4px;font-size:.68rem;font-weight:500;display:inline-flex}.course-body-v3{padding:14px}.course-body-v3 h4{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.3rem;margin:0 0 6px;font-size:.85rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.course-duration{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:14px;font-size:.72rem;display:inline-flex}.progress-container-v3{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.progress-info-v3{justify-content:space-between;align-items:center;display:flex}.progress-label-v3{color:var(--text-muted);font-size:.68rem;font-weight:500}.progress-val-v3{font-size:.75rem;font-weight:700}.progress-track-v3{background-color:var(--bg-neutral-light);border-radius:10px;height:6px;overflow:hidden}.progress-fill-v3{border-radius:10px;height:100%;transition:width .3s}.fill-green{background:linear-gradient(90deg,#10b981,#34d399)}.fill-purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.fill-brown{background:linear-gradient(90deg,#d97706,#fbbf24)}.btn-continue-course-v3{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-continue-course-v3:hover .arrow-icon{transform:translate(3px)}.arrow-icon{transition:transform .2s}.btn-green-action{color:#fff;background-color:#10b981;box-shadow:0 4px 12px #10b98126}.btn-green-action:hover{background-color:#059669}.btn-purple-action{color:#fff;background-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.btn-purple-action:hover{background-color:#7c3aed}.btn-brown-action{color:#fff;background-color:#d97706;box-shadow:0 4px 12px #d9770626}.btn-brown-action:hover{background-color:#b45309}.slider-nav-arrows{gap:.5rem;display:flex}.arrow-btn{border:1px solid var(--border-color);background-color:var(--bg-card);cursor:pointer;width:26px;height:26px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.arrow-btn:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.test-results-list{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.test-result-row{background-color:var(--bg-neutral-light);border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.test-icon-badge{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.color-red-tint{color:#ef4444;background-color:#ef44441a}.test-info-meta{flex:1}.test-info-meta h4{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:700}.test-info-meta span{color:var(--text-muted);font-size:.72rem}.test-score-val{flex-direction:column;align-items:flex-end;font-size:1rem;font-weight:800;line-height:1.1;display:flex}.test-score-val span{color:var(--text-muted);font-size:.65rem;font-weight:500}.text-green{color:#10b981}.text-orange{color:#f59e0b}.text-red{color:#ef4444}.btn-view-all-results{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.55rem;font-size:.78rem;font-weight:700;transition:all .2s}.btn-view-all-results:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.calendar-header-v2{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.calendar-header-v2 h4{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.calendar-nav-btns{gap:.25rem;display:flex}.cal-nav-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:.2rem;display:flex}.calendar-weekdays{text-align:center;color:var(--text-muted);grid-template-columns:repeat(7,32px);justify-content:center;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:grid}.calendar-days-grid{text-align:center;grid-template-columns:repeat(7,32px);justify-content:center;gap:.25rem;display:grid}.cal-day{height:28px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:flex;position:relative}.cal-day.empty{cursor:default}.cal-day.today-active{color:#fff;background-color:#10b981;font-weight:700}.cal-day.has-class-marker:after{content:"";background-color:#3b82f6;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.cal-day.has-test-marker:after{content:"";background-color:#ef4444;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.cal-day.has-dot-marker:after{content:"";background-color:#3b82f6;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.donut-chart-container{justify-content:space-between;align-items:center;gap:1.75rem;display:flex}.donut-chart-box{position:relative;flex:0 0 120px!important;width:120px!important;min-width:120px!important;max-width:120px!important;height:120px!important;min-height:120px!important;max-height:120px!important}.circular-donut-svg{width:100%!important;height:100%!important;transform:rotate(-90deg)!important}.donut-inner-txt{text-align:center;flex-direction:column;align-items:center;line-height:1.25;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-big-val{color:var(--text-primary);font-size:1.5rem;font-weight:700}.donut-lbl{color:var(--text-muted);text-transform:capitalize;font-size:.72rem}.donut-legend-list{flex-direction:column;flex:1;gap:.55rem;display:flex}.legend-row{color:var(--text-secondary);align-items:center;font-size:.82rem;display:flex}.legend-dot{border-radius:50%!important;flex:0 0 9px!important;width:9px!important;min-width:9px!important;max-width:9px!important;height:9px!important;min-height:9px!important;max-height:9px!important;margin-right:.75rem!important;display:inline-block!important}.color-green-dot{background-color:#10b981}.color-orange-dot{background-color:#f97316}.color-purple-dot{background-color:#8b5cf6}.color-blue-dot{background-color:#3b82f6}.color-yellow-dot{background-color:#facc15}.legend-name{flex:1}.legend-val{color:var(--text-primary);font-weight:700}.ai-title-badge-block{align-items:center;gap:.5rem;display:flex}.new-tag-badge{color:#fff;background-color:#3b82f6;border-radius:4px;padding:.1rem .35rem;font-size:.6rem;font-weight:700}.ai-suggestion-body{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ai-content-box{flex:1.5}.ai-content-box p{color:var(--text-secondary);margin:0 0 .85rem;font-size:.82rem;line-height:1.45}.ai-content-box p strong{color:var(--text-primary)}.btn-view-suggestions{color:#fff;cursor:pointer;background-color:#003833;border:none;border-radius:6px;padding:.45rem .95rem;font-size:.78rem;font-weight:700;transition:opacity .2s}[data-theme=dark] .btn-view-suggestions{background-color:#10b981}.btn-view-suggestions:hover{opacity:.9}.ai-robot-illus-box{flex:1;justify-content:center;align-items:center;display:flex}.ai-robot-img{object-fit:contain;max-width:65px;height:auto}.quick-links-card h3{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:700}.quick-links-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.quick-link-item{text-align:center;flex-direction:column;align-items:center;gap:.4rem;transition:transform .2s;display:flex}.quick-link-item.clickable{cursor:pointer}.quick-link-item.clickable:hover{transform:translateY(-2px)}.quick-link-item span{color:var(--text-secondary);font-size:.72rem;font-weight:600;transition:color .2s}.quick-link-item.clickable:hover span{color:var(--status-success)}.q-link-icon{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.quick-link-item.clickable:hover .q-link-icon{transform:scale(1.1)translateY(-1px);box-shadow:0 4px 10px #0038331f}[data-theme=dark] .quick-link-item.clickable:hover .q-link-icon{box-shadow:0 4px 10px #00000073}.color-sky-tint{color:#06b6d4;background-color:#06b6d414}.color-purple-tint{color:#8b5cf6;background-color:#8b5cf614}.color-green-tint{color:#10b981;background-color:#10b98114}.color-orange-tint{color:#f59e0b;background-color:#f59e0b14}.color-blue-tint{color:#3b82f6;background-color:#3b82f614}.color-indigo-tint{color:#6366f1;background-color:#6366f114}.color-teal-tint{color:#20b8a6;background-color:#14b8a614}.color-pink-tint{color:#ec4899;background-color:#ec489914}.dash-motivation-footer-banner{border-radius:var(--border-radius-md);color:#fff;background:linear-gradient(135deg,#003833 0%,#00544d 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:1.25rem 2rem;display:flex}.motivation-text-side{align-items:center;gap:1.25rem;display:flex}.trophy-emoji{font-size:2.2rem}.motivation-info h3{margin:0;font-size:1.15rem;font-weight:700}.motivation-info p{color:#a0c2bf;margin:.15rem 0 0;font-size:.85rem}.btn-view-leaderboard{color:#003833;cursor:inline-flex;background-color:#fbbf24;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.82rem;font-weight:800;transition:background-color .2s}.btn-view-leaderboard:hover{background-color:#f59e0b}.app-header-v2{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;height:60px;padding:.85rem 1.5rem;display:flex}.header-left-side{align-items:center;gap:.75rem;display:flex}.menu-toggle-btn-v2{color:#fbbf24;cursor:pointer;background-color:#003833;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:none}.menu-toggle-btn-v2:hover{color:#003833;background-color:#fbbf24}.sidebar-collapse-toggle-btn{color:#fbbf24;cursor:pointer;z-index:120;background-color:#003833;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .22s cubic-bezier(.4,0,.2,1),background-color .2s,color .2s,box-shadow .2s;display:flex;position:absolute;top:14px;right:-16px;box-shadow:0 2px 10px #00000059}.sidebar-collapse-toggle-btn:hover{color:#003833;background-color:#fbbf24;transform:scale(1.12);box-shadow:0 4px 14px #00000073}.sidebar-collapse-toggle-btn:active{transform:scale(.94)}.toggle-arrow-icon{transition:transform .2s cubic-bezier(.4,0,.2,1)}.header-search-v2{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:20px;align-items:center;width:280px;padding:.4rem 1rem;display:flex}.search-icon-v2{color:var(--text-muted);margin-right:.5rem}.search-input-v2{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:.82rem}.header-right-side{align-items:center;gap:.75rem;display:flex}.header-icon-btn-v2{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.header-icon-btn-v2:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.notif-badge-val{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.profile-wrapper-v2{position:relative}.futuristic-profile-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background:#10b9810f;border:1px solid #10b9812e;border-radius:30px;align-items:center;gap:.65rem;padding:.28rem .65rem .28rem .35rem;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.futuristic-profile-trigger:hover{background:#10b98124;border-color:#10b98166;transform:translateY(-1px);box-shadow:0 0 14px #10b98133}.futuristic-avatar-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.futuristic-avatar-img{object-fit:cover;border:1.5px solid #10b981;border-radius:50%;width:34px;height:34px;box-shadow:0 0 8px #10b98159}.futuristic-avatar-initials{color:#fbbf24;letter-spacing:.5px;text-shadow:0 1px 2px #00000080;background:linear-gradient(135deg,#10b981 0%,#047857 50%,#003833 100%);border:1.5px solid #fbbf24b3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 0 10px #10b98159}.futuristic-status-pulse{background-color:#10b981;border:2px solid #002b27;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0;box-shadow:0 0 6px #10b981}.profile-info-v2{flex-direction:column;display:flex}.profile-name-v2{color:var(--text-primary);font-size:.82rem;font-weight:700}.profile-role-v2{color:var(--text-muted);font-size:.68rem}.profile-chevron-v2{color:var(--text-muted);transition:transform .22s cubic-bezier(.4,0,.2,1)}.profile-chevron-v2.chevron-rotated{color:#10b981;transform:rotate(180deg)}.futuristic-profile-card{background:var(--bg-card,#fff);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-color,#e1e8e6);width:320px;box-shadow:var(--shadow-lg,0 16px 36px #0000001f);z-index:1000;transform-origin:100% 0;transition:background-color var(--transition-normal), border-color var(--transition-normal);border-radius:16px;animation:.24s cubic-bezier(.16,1,.3,1) forwards futuristic-card-appear;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}:root[data-theme=light] .futuristic-profile-card{background:#fff;border:1px solid #0038331f;box-shadow:0 16px 40px -10px #0038332e,0 0 1px #00000014}:root[data-theme=dark] .futuristic-profile-card{background:#051a17f5;border:1px solid #10b98147;box-shadow:0 20px 48px -10px #000000bf,0 0 25px #10b9812e,inset 0 1px #ffffff1f}@keyframes futuristic-card-appear{0%{opacity:0;transform:scale(.94)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.futuristic-card-glow-bar{background:linear-gradient(90deg,#10b981 0%,#fbbf24 50%,#06b6d4 100%);width:100%;height:3px;box-shadow:0 0 10px #10b98180}.futuristic-user-header{align-items:center;gap:.85rem;padding:1.1rem 1rem .85rem;display:flex}.futuristic-avatar-container{flex-shrink:0;position:relative}.futuristic-avatar-large{object-fit:cover;border:2px solid #10b981;border-radius:50%;width:48px;height:48px;box-shadow:0 0 14px #10b98173}.futuristic-avatar-initials-large{color:#fbbf24;letter-spacing:.8px;text-shadow:0 1px 3px #0000004d;background:linear-gradient(135deg,#10b981 0%,#047857 50%,#003833 100%);border:2px solid #fbbf24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 0 14px #10b98159}.futuristic-online-beacon{border:2.5px solid var(--bg-card,#fff);background-color:#10b981;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite beacon-pulse;position:absolute;bottom:0;right:0;box-shadow:0 0 8px #10b981}@keyframes beacon-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 6px #10b981}50%{opacity:.85;transform:scale(1.15);box-shadow:0 0 12px #10b981,0 0 20px #10b98180}}.futuristic-user-meta{flex-direction:column;flex:1;min-width:0;display:flex}.futuristic-name-row{align-items:center;gap:.4rem;display:flex}.futuristic-user-name{color:var(--text-primary,#1e2927);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;margin:0;font-size:.95rem;font-weight:800;overflow:hidden}:root[data-theme=dark] .futuristic-user-name{color:#fff}.futuristic-verified-badge{color:#10b981;background:#10b98126;border-radius:50%;justify-content:center;align-items:center;padding:.15rem;display:inline-flex}.futuristic-user-email{color:var(--text-muted,#8fa09d);white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 .4rem;font-size:.72rem;overflow:hidden}:root[data-theme=dark] .futuristic-user-email{color:#8bb7b1}.futuristic-tag-pill{color:#d97706;letter-spacing:.3px;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:20px;align-self:flex-start;align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.65rem;font-weight:700;display:inline-flex}:root[data-theme=dark] .futuristic-tag-pill{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2459}.futuristic-sparkle-icon{color:inherit}.futuristic-stats-grid{background:var(--bg-neutral-light,#edf2f0);border:1px solid var(--border-color,#e1e8e6);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.2rem 1rem .6rem;padding:.55rem .4rem;display:grid}:root[data-theme=dark] .futuristic-stats-grid{background:#001210a6;border-color:#10b98129;box-shadow:inset 0 0 12px #0006}.futuristic-stat-cell{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.futuristic-stat-cell .stat-value{color:#003833;letter-spacing:-.2px;font-size:.86rem;font-weight:800}:root[data-theme=dark] .futuristic-stat-cell .stat-value{color:#fbbf24}.futuristic-stat-cell .stat-label{color:var(--text-muted,#79a8a2);text-transform:uppercase;letter-spacing:.5px;margin-top:.1rem;font-size:.6rem;font-weight:700}.futuristic-card-divider{background:var(--border-color,#e1e8e6);height:1px;margin:.35rem 0}:root[data-theme=dark] .futuristic-card-divider{background:linear-gradient(90deg,#0000,#10b98138,#0000)}.futuristic-menu-list{flex-direction:column;padding:.2rem .5rem;display:flex}.futuristic-menu-item{width:100%;color:var(--text-primary,#1e2927);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;padding:.55rem .65rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.futuristic-menu-item:hover{background:var(--bg-neutral-light,#edf2f0);border-color:var(--border-color,#e1e8e6);color:var(--color-brand-primary,#003833);transform:translate(3px)}:root[data-theme=dark] .futuristic-menu-item{color:#d1fae5}:root[data-theme=dark] .futuristic-menu-item:hover{color:#fff;background:#10b9811f;border-color:#10b98140}.futuristic-item-icon-box{color:#003833;background:#00383314;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}:root[data-theme=dark] .futuristic-item-icon-box{color:#34d399;background:#10b98129}.futuristic-menu-item:hover .futuristic-item-icon-box{color:#fff;background:#003833;box-shadow:0 2px 8px #00383340}:root[data-theme=dark] .futuristic-menu-item:hover .futuristic-item-icon-box{color:#002b27;background:#10b981;box-shadow:0 0 10px #10b98199}.futuristic-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.item-main-label{color:var(--text-primary,#1e2927);font-size:.82rem;font-weight:700}:root[data-theme=dark] .item-main-label{color:#fff}.item-sub-label{color:var(--text-muted,#8fa09d);font-size:.67rem}:root[data-theme=dark] .item-sub-label{color:#79a8a2}.futuristic-arrow{color:var(--text-muted,#8fa09d);transition:transform .2s,color .2s}.futuristic-menu-item:hover .futuristic-arrow{color:#003833;transform:translate(2px)}:root[data-theme=dark] .futuristic-arrow{color:#558781}:root[data-theme=dark] .futuristic-menu-item:hover .futuristic-arrow{color:#fbbf24}.futuristic-card-footer{padding:.4rem .65rem .65rem}.futuristic-logout-btn{color:#dc2626;cursor:pointer;letter-spacing:.3px;box-sizing:border-box;background:#ef444414;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}:root[data-theme=dark] .futuristic-logout-btn{color:#fca5a5;background:#ef44441a;border-color:#ef444447}.futuristic-logout-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}:root[data-theme=dark] .futuristic-logout-btn:hover{box-shadow:0 0 16px #ef444480}.sidebar-desktop-v2{background-color:var(--bg-sidebar);color:#a0c2bf;z-index:100;box-sizing:border-box;border-right:1px solid #ffffff0d;flex-direction:column;width:250px;height:100vh;transition:width .28s cubic-bezier(.4,0,.2,1),box-shadow .28s;display:flex;position:sticky;top:0;left:0;overflow:visible}.sidebar-desktop-v2.collapsed{width:70px}.sidebar-desktop-v2.hover-expanded{width:250px;box-shadow:6px 0 24px #00000059}.sidebar-hover-area{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden auto}.brand-header-v2{box-sizing:border-box;justify-content:space-between;align-items:center;height:60px;padding:1.25rem 1rem;display:flex}.brand-logo-v2{align-items:center;gap:.5rem;display:flex}.brand-text-block{flex-direction:column;line-height:1.1;display:flex}.brand-title{color:#fbbf24;letter-spacing:.5px;font-size:1.05rem;font-weight:800}.brand-subtitle{color:#fff;letter-spacing:.5px;font-size:.85rem;font-weight:700}.brand-tagline{color:#5f8d87;letter-spacing:.2px;margin-top:.1rem;font-size:.45rem;font-weight:600}.theme-toggle-inline-v2{color:#a0c2bf;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;display:flex}.theme-toggle-inline-v2:hover{color:#fff}.nav-link-v2{color:#a0c2bf;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:calc(100% - 1.5rem);margin:.1rem .75rem;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s;display:flex}.nav-link-v2:hover{color:#fff;background-color:#10b98124;transform:translate(4px)}.nav-link-v2:hover .nav-icon{transition:transform .22s cubic-bezier(.34,1.56,.64,1);transform:scale(1.15)rotate(4deg)}.nav-link-v2.active{color:#fff;background-color:#10b981;font-weight:600}.nav-link-left{align-items:center;gap:.75rem;min-width:0;display:flex}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;min-height:18px;display:inline-flex}.nav-badge-v2{border-radius:4px;padding:.1rem .35rem;font-size:.65rem;font-weight:700}.badge-red{color:#fff;background-color:#ef4444;animation:1.8s ease-in-out infinite liveBadgePulse}@keyframes liveBadgePulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.badge-blue{color:#fff;background-color:#3b82f6}.nav-divider{background-color:#ffffff0d;height:1px;margin:.75rem}.logout-btn-v2{color:#f87171}.logout-btn-v2:hover{color:#ef4444;background-color:#ef44440d}.nav-accordion-trigger{color:#a0c2bf;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:calc(100% - 1.5rem);margin:.1rem .75rem;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s;display:flex}.nav-accordion-trigger:hover{color:#fff;background-color:#10b98124;transform:translate(4px)}.nav-accordion-trigger:hover .nav-icon{transition:transform .22s cubic-bezier(.34,1.56,.64,1);transform:scale(1.15)rotate(4deg)}.nav-accordion-trigger.active-parent{color:#fff;background-color:#10b981;font-weight:600}.sidebar-desktop-v2,.sidebar-hover-area,.sidebar-inner,.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none}.sidebar-hover-area::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-desktop-v2::-webkit-scrollbar{width:0;height:0;display:none}.nav-accordion-group{flex-direction:column;width:100%;display:flex}.nav-sub-tree{box-sizing:border-box;flex-direction:column;gap:.2rem;width:calc(100% - 1.5rem);margin:.25rem 0 .4rem .75rem;padding-left:21px;display:flex;position:relative}.nav-sub-tree:before{content:"";background-color:#fff3;width:1px;position:absolute;top:0;bottom:14px;left:21px}.nav-sub-link{color:#94a3b8;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;align-items:center;gap:.45rem;width:100%;padding:.38rem .65rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .18s;display:flex;position:relative;overflow:hidden}.nav-sub-link:before{content:"";background-color:#fff3;width:12px;height:1px;position:absolute;top:50%;left:-21px}.nav-sub-link .sub-bullet{color:#38bdf8;flex-shrink:0;font-size:.9rem;line-height:1}.nav-sub-link:hover{color:#fff;background-color:#ffffff14;transform:translate(2px)}.nav-sub-link:hover .sub-bullet{color:#34d399}.nav-sub-link.active{color:#34d399;background-color:#10b98126;font-weight:600}.nav-sub-link.active .sub-bullet{color:#34d399}.unlock-premium-card{border-radius:var(--border-radius-md);text-align:center;background:linear-gradient(135deg,#fbbf2426 0%,#d977060d 100%);border:1px solid #fbbf2433;margin:auto .75rem 1rem;padding:1rem .85rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.premium-icon-box{background-color:#fbbf24;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto .5rem;display:flex}.crown-icon{color:#003833}.unlock-premium-card h4{color:#fbbf24;margin:0 0 .25rem;font-size:.85rem;font-weight:700}.unlock-premium-card p{color:#a0c2bf;margin:0 0 .75rem;font-size:.68rem;line-height:1.35}.btn-upgrade-now{color:#003833;cursor:pointer;background-color:#fbbf24;border:none;border-radius:6px;width:100%;padding:.45rem;font-family:inherit;font-size:.72rem;font-weight:800;transition:background-color .2s}.btn-upgrade-now:hover{background-color:#f59e0b}@media (width<=1200px){.dashboard-grid-layout{grid-template-columns:1fr}}@media (width<=768px){.left-subgrid-row{grid-template-columns:1fr}.dash-welcome-row{flex-direction:column;align-items:flex-start}.welcome-stats-block{flex-direction:column;align-items:stretch;width:100%}.dash-kpis-band{flex-wrap:wrap;padding:1rem}.kpi-band-item{flex:1 0 40%}.kpi-divider{display:none}.app-header-v2{padding:.5rem 1rem}.menu-toggle-btn-v2{display:flex!important}.header-search-v2,.header-calendar-btn,.header-notif-wrapper{display:none!important}.profile-info-v2{display:none}.sidebar-desktop-v2,.sb-desktop,.sidebar-toggle-btn{display:none!important}}@media (width<=480px){.quick-links-grid{grid-template-columns:repeat(2,1fr)}.kpi-band-item{flex:1 0 100%}}.sidebar-desktop-v2.collapsed:not(.hover-expanded) .sidebar-inner{padding:1.25rem .4rem}.sidebar-desktop-v2.collapsed:not(.hover-expanded) .nav-link-v2{justify-content:center;width:calc(100% - .5rem);margin:.1rem .25rem;padding:.6rem 0}.sidebar-desktop-v2.collapsed:not(.hover-expanded) .nav-link-left{justify-content:center;gap:0}.sidebar-desktop-v2.collapsed:not(.hover-expanded) .nav-accordion-group{margin:.1rem .25rem}.sidebar-desktop-v2.collapsed:not(.hover-expanded) .nav-accordion-trigger{justify-content:center;width:calc(100% - .5rem);margin:.1rem .25rem;padding:.6rem 0}.sidebar-desktop-v2.collapsed:not(.hover-expanded) .nav-accordion-trigger .nav-link-left{justify-content:center;gap:0;width:100%}.sidebar-desktop-v2.collapsed:not(.hover-expanded) .brand-header-v2{justify-content:center;padding:1.25rem 0}.sidebar-desktop-v2.collapsed:not(.hover-expanded) .brand-logo-v2{justify-content:center;width:100%}.sidebar-desktop-v2.collapsed:not(.hover-expanded) .path-selector-collapsed-indicator{margin:.5rem auto}.sidebar-desktop-v2.collapsed:not(.hover-expanded) .theme-toggle-inline-v2{display:none}.sidebar-banners-v2{flex-direction:column;gap:.85rem;margin:auto .75rem 1rem;display:flex}.sidebar-upgrade-card{border-radius:var(--border-radius-md);background:linear-gradient(135deg,#fbbf2426 0%,#d977060d 100%);border:1px solid #fbbf2440;padding:.85rem;box-shadow:0 4px 12px #00000026}.upgrade-title-row{color:#fbbf24;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.82rem;font-weight:700;display:flex}.upgrade-crown-icon{color:#fbbf24}.upgrade-bullets{text-align:left;margin:0 0 .75rem;padding:0;list-style:none}.upgrade-bullets li{color:#a0c2bf;margin-bottom:.25rem;padding-left:.65rem;font-size:.68rem;position:relative}.upgrade-bullets li:before{content:"•";color:#fbbf24;font-weight:700;position:absolute;left:0}.btn-sidebar-upgrade{color:#003833;cursor:pointer;background-color:#fbbf24;border:none;border-radius:6px;width:100%;padding:.45rem;font-family:inherit;font-size:.72rem;font-weight:800;transition:background-color .2s}.btn-sidebar-upgrade:hover{background-color:#f59e0b}.sidebar-support-card{border-radius:var(--border-radius-md);text-align:left;background-color:#ffffff05;border:1px solid #ffffff0d;padding:.85rem}.support-title-row{color:#fff;align-items:center;gap:.4rem;margin-bottom:.25rem;font-size:.82rem;font-weight:700;display:flex}.support-help-icon{color:#a0c2bf}.sidebar-support-card p{color:#5f8d87;margin:0 0 .75rem;font-size:.68rem;line-height:1.3}.btn-sidebar-contact{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:.4rem;font-family:inherit;font-size:.72rem;font-weight:700;transition:all .2s}.btn-sidebar-contact:hover{background-color:#ffffff0d;border-color:#ffffff4d}.course-progress-card-v2{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;flex:0 0 260px;display:flex;overflow:hidden}.course-card-header-v2{color:#fff;padding:.8rem 1rem}.green-theme .course-card-header-v2{background-color:#004d40}.purple-theme .course-card-header-v2{background-color:#4a148c}.brown-theme .course-card-header-v2{background-color:#5d4037}.course-card-header-v2 h4{letter-spacing:.6px;margin:0;font-size:.72rem;font-weight:800;line-height:1.2}.course-card-body-v2{flex-direction:column;flex:1;padding:1rem;display:flex}.course-card-desc-v2{color:var(--text-primary);min-height:2.2rem;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:block}.course-progress-row-v2{align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.course-progress-track-v2{background-color:var(--border-color);border-radius:10px;flex:1;height:6px;overflow:hidden}.course-progress-fill-v2{border-radius:10px;height:100%}.green-theme .course-progress-fill-v2{background-color:#10b981}.purple-theme .course-progress-fill-v2{background-color:#8b5cf6}.brown-theme .course-progress-fill-v2{background-color:#a16207}.course-progress-percent-v2{color:var(--text-secondary);font-size:.78rem;font-weight:700}.btn-continue-course-v2{cursor:pointer;text-align:center;background:0 0;border:1px solid;border-radius:6px;width:100%;padding:.5rem;font-size:.78rem;font-weight:700;transition:all .2s}.green-theme .btn-continue-course-v2{color:#10b981;border-color:#10b9814d}.purple-theme .btn-continue-course-v2{color:#8b5cf6;border-color:#8b5cf64d}.brown-theme .btn-continue-course-v2{color:#a16207;border-color:#a162074d}.green-theme .btn-continue-course-v2:hover{background-color:#10b9810d}.purple-theme .btn-continue-course-v2:hover{background-color:#8b5cf60d}.brown-theme .btn-continue-course-v2:hover{background-color:#a162070d}.scholarship-page-v2{color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Outfit,sans-serif;display:flex}.breadcrumb-path-v2{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.breadcrumb-clickable{cursor:pointer}.breadcrumb-clickable:hover{color:#10b981}.breadcrumb-active{color:var(--text-secondary);font-weight:500}.scholarship-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-title-block h2{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.header-title-block p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.95rem}.btn-back-to-scholarships{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-back-to-scholarships:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.scholarship-test-banner-v2{background-color:var(--bg-card);border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.featured-ribbon{color:#fff;letter-spacing:.5px;box-shadow:var(--shadow-sm);background-color:#8b5cf6;padding:.2rem 2rem;font-size:.6rem;font-weight:800;position:absolute;top:10px;left:-28px;transform:rotate(-45deg)}.banner-left-content{flex:1;align-items:flex-start;gap:1.25rem;display:flex}.cap-icon-circle-v2{color:#8b5cf6;background-color:#8b5cf614;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;margin-top:.25rem;display:flex}.banner-text-details h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.banner-title-line{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.banner-tag-badge-v2{color:#3b82f6;background-color:#3b82f614;border-radius:12px;padding:.15rem .55rem;font-size:.65rem;font-weight:700}.banner-text-details p{color:var(--text-secondary);margin:.35rem 0 1rem;font-size:.88rem}.banner-stats-row{flex-wrap:wrap;align-items:center;gap:1.75rem;display:flex}.banner-stat-col{align-items:flex-start;gap:.4rem;display:flex}.stat-icon-gold{color:#f59e0b}.stat-icon-blue{color:#3b82f6}.stat-icon-indigo{color:#6366f1}.stat-text{flex-direction:column;line-height:1.2;display:flex}.stat-lbl{color:var(--text-muted);font-size:.68rem}.stat-val{color:var(--text-primary);font-size:.85rem;font-weight:700}.stat-val.font-green{color:#10b981}.stat-sub{color:var(--text-muted);font-size:.65rem}.banner-right-actions{flex-direction:column;flex-shrink:0;align-items:stretch;gap:.5rem;width:140px;display:flex}.btn-apply-banner{color:#fff;cursor:pointer;text-align:center;background-color:#004d40;border:none;border-radius:6px;padding:.6rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:opacity .2s}[data-theme=dark] .btn-apply-banner{background-color:#10b981}.btn-apply-banner:hover{opacity:.9}.text-btn-view-details{color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;font-family:inherit;font-size:.78rem;font-weight:600;transition:color .2s}.text-btn-view-details:hover{color:var(--text-primary)}.scholarship-form-grid-layout{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;display:grid}.form-left-column{flex-direction:column;gap:1.5rem;display:flex}.stepper-timeline-card{padding:1.25rem 2rem!important}.stepper-stage-indicator{justify-content:space-between;align-items:center;width:100%;display:flex}.stepper-node{text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;transition:all .2s;display:flex}.stepper-node:hover .node-number{border-color:var(--color-brand-accent);color:var(--color-brand-accent)}.node-number{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.stepper-node span{color:var(--text-muted);font-size:.68rem;font-weight:600;transition:all .2s}.active-node .node-number{color:#fff;background-color:#004d40;border-color:#004d40}[data-theme=dark] .active-node .node-number{background-color:#10b981;border-color:#10b981}.active-node span{color:#004d40}[data-theme=dark] .active-node span{color:#10b981}.completed-node .node-number{color:#10b981;background-color:#10b9811a;border-color:#10b981}[data-theme=dark] .completed-node .node-number{color:#10b981;background-color:#10b98133;border-color:#10b981}.completed-node span{color:#10b981}.stepper-line-bar{background-color:var(--border-color);flex:1;height:2px;margin-top:-16px;transition:all .2s}.stepper-line-bar.active-line{background-color:#10b981}.scholarship-main-form{flex-direction:column;gap:1.5rem;display:flex}.form-section-card{padding:1.5rem!important}.section-title-heading{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:800}.section-subtitle-heading{color:var(--text-secondary);margin:.2rem 0 1.25rem;font-size:.85rem}.form-fields-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-fields-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.25rem;display:grid}.form-group-v2{flex-direction:column;gap:.4rem;display:flex}.form-group-v2 label{color:var(--text-primary);font-size:.78rem;font-weight:600}.form-input-v2,.form-select-v2{border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:.55rem .75rem;font-family:inherit;font-size:.85rem;transition:border-color .2s}.form-input-v2:focus,.form-select-v2:focus{border-color:#10b981}.phone-input-wrapper{gap:.4rem;display:flex}.phone-code-select{border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-primary);border-radius:6px;outline:none;width:70px;padding:.55rem;font-family:inherit;font-size:.85rem}.phone-number-input{flex:1}.flex-col-span{grid-column:span 2}.form-fields-grid-3 .flex-col-span{grid-column:span 3}.radio-btns-row{align-items:center;gap:1.5rem;margin-top:.25rem;display:flex}.radio-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.radio-label input{cursor:pointer;accent-color:#10b981}.upload-cards-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.upload-dropzone-card{border:1px solid var(--border-color);background-color:var(--bg-neutral-light);border-radius:8px;flex-direction:column;padding:1rem;display:flex}.upload-card-label{color:var(--text-primary);font-size:.82rem;font-weight:700}.upload-card-format{color:var(--text-muted);margin-bottom:.75rem;font-size:.68rem}.dropzone-area{border:1.5px dashed var(--border-color);background-color:var(--bg-card);text-align:center;cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:1.25rem;transition:all .2s;display:flex}.dropzone-area:hover{background-color:var(--bg-neutral-light);border-color:#10b981}.upload-arrow-icon{color:var(--text-muted);margin-bottom:.4rem}.main-up-lbl{color:#10b981;font-size:.78rem;font-weight:700}.sub-up-lbl{color:var(--text-muted);font-size:.72rem}.file-success-lbl{color:#10b981;align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;display:inline-flex}.secure-data-disclaimer{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:1rem;font-size:.75rem;display:flex}.form-submit-row{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.btn-save-exit{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.6rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s}.btn-save-exit:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.btn-save-continue{color:#fff;cursor:pointer;background-color:#004d40;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.6rem 1.5rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:opacity .2s;display:inline-flex}[data-theme=dark] .btn-save-continue{background-color:#10b981}.btn-save-continue:hover{opacity:.9}.info-right-column{flex-direction:column;gap:1.5rem;display:flex}.benefits-info-card h3,.instructions-info-card h3,.side-help-desk-card h3{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:700}.benefits-list{flex-direction:column;gap:1rem;display:flex}.benefit-row-item{align-items:flex-start;gap:.75rem;display:flex}.benefit-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.color-green-tint-v2{color:#10b981;background-color:#10b98114}.color-blue-tint-v2{color:#3b82f6;background-color:#3b82f614}.color-purple-tint-v2{color:#8b5cf6;background-color:#8b5cf614}.color-orange-tint-v2{color:#f59e0b;background-color:#f59e0b14}.benefit-txt-block h5{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:700}.benefit-txt-block p{color:var(--text-muted);margin:.15rem 0 0;font-size:.72rem}.instructions-bullet-list{margin:0;padding-left:1.1rem}.instructions-bullet-list li{color:var(--text-secondary);margin-bottom:.5rem;font-size:.78rem;line-height:1.4}.side-help-desk-card p{color:var(--text-secondary);margin:0 0 1rem;font-size:.78rem;line-height:1.4}.btn-side-support-contact{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;width:100%;margin-bottom:1rem;padding:.5rem;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s}.btn-side-support-contact:hover{background-color:var(--bg-neutral-light)}.help-contact-numbers{flex-direction:column;gap:.4rem;display:flex}.contact-line{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.contact-line svg{color:var(--text-muted)}.scholarship-bottom-vector-banner{border-radius:var(--border-radius-lg);color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#022c27 0%,#004d40 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:.5rem;padding:1.5rem 2rem;display:flex;position:relative;overflow:hidden}.vector-text-side{flex:1;min-width:250px}.vector-text-side h3{color:#fbbf24;margin:0;font-size:1.35rem;font-weight:800}.vector-text-side p{color:#a0c2bf;margin:.35rem 0 0;font-size:.88rem;line-height:1.4}.vector-illustration-side{flex-shrink:0;justify-content:center;align-items:center;display:flex}.application-success-card{text-align:center;max-width:550px;margin:2rem auto;padding:3rem 2rem!important}.success-icon-box{color:#10b981;background-color:#10b98114;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex}.success-checkmark{animation:.4s cubic-bezier(.175,.885,.32,1.275) bounceScale}@keyframes bounceScale{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.application-success-card h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.45rem;font-weight:800}.application-success-card p{color:var(--text-secondary);margin:0 0 2rem;font-size:.88rem;line-height:1.5}.success-details-box{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);text-align:left;border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:2rem;padding:1rem;display:flex}.detail-row{color:var(--text-secondary);justify-content:space-between;font-size:.82rem;display:flex}.detail-row span{color:var(--text-muted)}.success-actions{justify-content:center;gap:1rem;display:flex}.success-actions .btn{cursor:pointer;border-radius:6px;padding:.6rem 1.25rem;font-family:inherit;font-size:.82rem;font-weight:700}.success-actions .btn-outline{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.success-actions .btn-outline:hover{background-color:var(--bg-neutral-light)}.success-actions .btn-primary{color:#fff;background-color:#004d40;border:none}[data-theme=dark] .success-actions .btn-primary{background-color:#10b981}.success-actions .btn-primary:hover{opacity:.9}@media (width<=1200px){.scholarship-form-grid-layout{grid-template-columns:1fr}}@media (width<=768px){.form-fields-grid,.form-fields-grid-3,.upload-cards-grid{grid-template-columns:1fr}.flex-col-span,.form-fields-grid-3 .flex-col-span{grid-column:span 1}.stepper-stage-indicator{flex-wrap:wrap;justify-content:center;gap:1rem}.stepper-line-bar{display:none}.scholarship-test-banner-v2{flex-direction:column;align-items:stretch}.banner-right-actions{width:100%}.auth-banner-panel{display:none}.auth-mobile-logo{display:block!important}.auth-form-card{padding:1.5rem}}.custom-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:95%;max-width:480px;color:var(--text-primary);box-shadow:var(--shadow-lg);padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;position:relative}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.custom-modal-close{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.custom-modal-close:hover{background-color:var(--bg-neutral-light);color:var(--text-primary)}.review-submit-section{flex-direction:column;gap:1.5rem;display:flex}.review-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.review-grid{grid-template-columns:1fr}}.review-group{background-color:var(--bg-neutral-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:1.25rem}.review-group h4{color:var(--color-brand-primary);border-bottom:1px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}[data-theme=dark] .review-group h4{color:var(--color-brand-accent)}.review-row{justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;line-height:1.4;display:flex}.review-row span{color:var(--text-secondary)}.review-row strong{color:var(--text-primary);text-align:right;word-break:break-all;max-width:60%}.text-green-flex{align-items:center;gap:.25rem;display:inline-flex;color:#10b981!important}.declaration-box-v2{border-radius:var(--border-radius-sm);background-color:#e7aa390d;border:1px solid #e7aa3933;margin-top:1rem;padding:1rem}.checkbox-label-v2{cursor:pointer;color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.85rem;display:flex}.checkbox-label-v2 input{margin-top:.15rem}.field-error-message{color:var(--status-error,#ef4444);margin-top:.25rem;font-size:.75rem;display:block}.mc-header-row-parallel{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.mc-header-row-parallel .mc-header{flex:1;min-width:0;margin-bottom:0}.mc-header-title{font-family:var(--font-montserrat,"Montserrat", sans-serif);color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:18px;font-weight:700}.mc-header-sub{font-family:var(--font-poppins,"Poppins", sans-serif);color:var(--text-secondary);margin:4px 0 0;font-size:13.5px;line-height:1.45}.mc-parallel-controls{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.dash-kpis-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-bottom:24px;display:grid}.kpi-single-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;cursor:pointer;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:148px;padding:1.25rem 1.25rem 1.15rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}[data-theme=dark] .kpi-single-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081c198c;border:1px solid #ffffff14;box-shadow:0 10px 30px #00000040}.kpi-card-glow{filter:blur(35px);opacity:.15;pointer-events:none;border-radius:50%;width:120px;height:120px;transition:opacity .3s;position:absolute;top:-20%;right:-20%}.kpi-single-card.theme-green .kpi-card-glow{background:#10b981}.kpi-single-card.theme-orange .kpi-card-glow{background:#f59e0b}.kpi-single-card.theme-purple .kpi-card-glow{background:#8b5cf6}.kpi-single-card.theme-blue .kpi-card-glow{background:#3b82f6}.kpi-single-card:before{content:"";opacity:.85;height:3.5px;transition:all .3s;position:absolute;top:0;left:0;right:0}.kpi-single-card.theme-green:before{background:linear-gradient(90deg,#10b981,#059669)}.kpi-single-card.theme-orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.kpi-single-card.theme-purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.kpi-single-card.theme-blue:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.kpi-single-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #00000014}[data-theme=dark] .kpi-single-card:hover{box-shadow:0 16px 36px #00000073}.kpi-single-card:hover .kpi-card-glow{opacity:.35}.kpi-single-card.theme-green:hover{border-color:#10b98173}.kpi-single-card.theme-orange:hover{border-color:#f59e0b73}.kpi-single-card.theme-purple:hover{border-color:#8b5cf673}.kpi-single-card.theme-blue:hover{border-color:#3b82f673}.kpi-card-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.kpi-icon-box{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.kpi-single-card:hover .kpi-icon-box{transform:scale(1.1)rotate(4deg)}.kpi-icon-box.color-green{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.kpi-icon-box.color-orange{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.kpi-icon-box.color-purple{color:#8b5cf6;background:#8b5cf61f;border:1px solid #8b5cf640}.kpi-icon-box.color-blue{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f640}.kpi-card-action{align-items:center;gap:6px;display:flex}.kpi-mini-badge{background:var(--bg-neutral-light,#0000000a);color:var(--text-secondary);border:1px solid var(--border-color);letter-spacing:.3px;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700}[data-theme=dark] .kpi-mini-badge{color:#cbd5e1;background:#ffffff0f;border-color:#ffffff1a}.kpi-arrow-icon{width:26px;height:26px;color:var(--text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.kpi-single-card.clickable:hover .kpi-arrow-icon{background:var(--color-brand-primary,#005c54);color:#fff;transform:translate(2px,-2px)}.kpi-card-body{flex-direction:column;display:flex}.kpi-value-row{align-items:baseline;margin-bottom:.2rem;display:flex}.kpi-value{color:var(--text-primary);letter-spacing:-.5px;font-size:2rem;font-weight:800;line-height:1.1}.kpi-meta-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.kpi-label{color:var(--text-secondary);font-size:.84rem;font-weight:600}.kpi-subtext-pill{color:var(--text-muted);white-space:nowrap;font-size:.7rem;font-weight:600}@media (width<=1200px){.dash-kpis-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dash-kpis-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-single-card{min-height:130px;padding:1rem}.kpi-value{font-size:1.7rem}.mc-header-row-parallel{flex-direction:column;align-items:flex-start;gap:14px}.mc-parallel-controls{width:100%;margin-left:0}}@media (width<=480px){.dash-kpis-grid{grid-template-columns:1fr}}.rich-text-html,.rich-text-doc{word-break:break-word;color:inherit;line-height:1.6}.rich-text-html p,.rich-text-doc p{margin:0 0 6px;line-height:1.55}.rich-text-html p:last-child,.rich-text-doc p:last-child{margin-bottom:0}.rich-text-html h1,.rich-text-doc h1{color:inherit;margin:8px 0 6px;font-size:1.35rem;font-weight:700}.rich-text-html h2,.rich-text-doc h2{color:inherit;margin:8px 0 6px;font-size:1.2rem;font-weight:700}.rich-text-html h3,.rich-text-doc h3{color:inherit;margin:6px 0 4px;font-size:1.08rem;font-weight:600}.rich-text-html h4,.rich-text-doc h4{color:inherit;margin:4px 0;font-size:1rem;font-weight:600}.rich-text-html ul,.rich-text-doc ul{margin:6px 0!important;padding-left:20px!important;list-style-type:disc!important}.rich-text-html ol,.rich-text-doc ol{margin:6px 0!important;padding-left:20px!important;list-style-type:decimal!important}.rich-text-html li,.rich-text-doc li{margin-bottom:3px!important;display:list-item!important}.rich-text-html li:last-child,.rich-text-doc li:last-child{margin-bottom:0!important}.rich-text-html blockquote,.rich-text-doc blockquote{border-left:3.5px solid var(--color-brand-accent,#e7aa39);opacity:.92;background:#00000008;border-radius:0 6px 6px 0;margin:8px 0;padding:4px 12px;font-style:italic}[data-theme=dark] .rich-text-html blockquote,[data-theme=dark] .rich-text-doc blockquote{background:#ffffff0a}.rich-text-html pre,.rich-text-html pre.ql-syntax,.rich-text-doc pre{color:#f8fafc;white-space:pre-wrap;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;margin:8px 0;padding:10px 14px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12.5px;overflow-x:auto}.rich-text-html code,.rich-text-doc code{background:#0000000f;border-radius:4px;padding:2px 5px;font-family:JetBrains Mono,Consolas,monospace;font-size:.9em}[data-theme=dark] .rich-text-html code,[data-theme=dark] .rich-text-doc code{background:#ffffff1a}.rich-text-html a,.rich-text-doc a{color:#2563eb;font-weight:500;text-decoration:underline;transition:opacity .15s}.rich-text-html a:hover,.rich-text-doc a:hover{opacity:.8}.rich-text-html img,.rich-text-doc img{border-radius:8px;max-width:100%;height:auto;margin:6px 0}.rich-text-table-wrapper{max-width:100%;margin:10px 0;overflow-x:auto}.rich-text-table{border-collapse:collapse;border:1px solid var(--border-color,#cbd5e1);border-radius:6px;width:100%;overflow:hidden}.rich-text-table th,.rich-text-table td{border:1px solid var(--border-color,#cbd5e1);padding:6px 10px;font-size:12.5px}.rich-text-table th{background:var(--bg-neutral-light,#f1f5f9);font-weight:700}.sm-page{gap:0}.sm-page-header{margin-bottom:20px}.sm-page-title{color:var(--text-primary);margin:0 0 4px;font-size:1.5rem;font-weight:800}.sm-page-sub{color:var(--text-secondary);margin:0;font-size:13.5px}.sm-tabs{border-bottom:2px solid var(--border-color);-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:0;margin-bottom:20px;display:flex;overflow-x:auto}.sm-tabs::-webkit-scrollbar{display:none}.sm-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s}.sm-tab.active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}.sm-tab:hover:not(.active){color:var(--text-primary)}.sm-body{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px;display:grid}@media (width<=1280px){.sm-body{grid-template-columns:minmax(0,1fr) 240px;gap:16px}}@media (width<=1050px){.sm-body{grid-template-columns:1fr}}.sm-left{flex-direction:column;gap:14px;min-width:0;display:flex}.sm-subject-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin:0 0 12px;font-size:12.5px;font-weight:700}.sm-subject-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:20px;display:grid}@media (width<=900px){.sm-subject-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}}.sm-subject-card{background:var(--bg-card);border:1.5px solid var(--border-color);text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .18s;display:flex}.sm-subject-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-md)}.sm-subject-card.active{border-color:var(--color-brand-primary);background:var(--bg-neutral-light)}.sm-subject-icon{font-size:1.6rem;line-height:1}.sm-subject-name{color:var(--text-primary);font-size:11.5px;font-weight:700}.sm-subject-count{color:var(--text-muted);font-size:10px}.sm-filter-row{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex}.sm-select{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);cursor:pointer;border-radius:7px;outline:none;padding:7px 10px;font-family:inherit;font-size:12.5px;font-weight:500;transition:border-color .18s}.sm-select:focus{border-color:var(--color-brand-primary)}.sm-search-wrap{flex:1;min-width:180px;position:relative}.sm-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.sm-search{border:1px solid var(--border-color);background:var(--bg-input);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:7px;outline:none;padding:7px 10px 7px 30px;font-family:inherit;font-size:12.5px;transition:border-color .18s}.sm-search::placeholder{color:var(--text-muted)}.sm-search:focus{border-color:var(--color-brand-primary)}.sm-filter-btn{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .18s;display:flex}.sm-filter-btn:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.sm-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;overflow-x:auto}.sm-table{border-collapse:collapse;width:100%;min-width:800px}.sm-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-neutral-light);border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.sm-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:12px 14px;font-size:12.5px}.sm-table tr:last-child td{border-bottom:none}.sm-table tr:hover td{background:var(--bg-card-hover)}.sm-title-cell{align-items:flex-start;gap:10px;min-width:0;display:flex}.sm-file-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:800;display:flex}.sm-icon-pdf{color:#ef4444;background:#fef2f2}.sm-icon-doc{color:#3b82f6;background:#eff6ff}.sm-icon-ppt{color:#f97316;background:#fff7ed}.sm-icon-xls{color:#22c55e;background:#f0fdf4}.sm-icon-default{background:var(--bg-neutral-light);color:var(--text-secondary)}.sm-mat-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.sm-mat-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.sm-subj-pill{white-space:nowrap;border-radius:50px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.sm-subj-polity{color:#4f46e5;background:#eef2ff}.sm-subj-history{color:#c2410c;background:#fff7ed}.sm-subj-geo{color:#059669;background:#ecfdf5}.sm-subj-economy{color:#b45309;background:#fffbeb}.sm-subj-env{color:#16a34a;background:#f0fdf4}.sm-subj-sci{color:#0284c7;background:#f0f9ff}.sm-subj-ca{color:#9333ea;background:#fdf4ff}.sm-subj-default{background:var(--bg-neutral-light);color:var(--text-secondary)}.sm-type-pill{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.sm-type-pdf{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.sm-type-doc{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe}.sm-type-ppt{color:#f97316;background:#fff7ed;border:1px solid #fed7aa}.sm-type-notes{color:#22c55e;background:#f0fdf4;border:1px solid #bbf7d0}.sm-type-default{background:var(--bg-neutral-light);color:var(--text-secondary);border:1px solid var(--border-color)}.sm-action-btns{align-items:center;gap:8px;display:flex}.sm-dl-btn{border:1px solid var(--border-color);background:var(--bg-neutral-light);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .18s;display:flex}.sm-dl-btn:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.sm-dl-btn.primary{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}.sm-dl-btn.primary:hover{background:#004d45}.sm-bk-btn{border:1px solid var(--border-color);background:var(--bg-neutral-light);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .18s;display:flex}.sm-bk-btn:hover{border-color:var(--status-warning);color:var(--status-warning)}.sm-bk-btn.bookmarked{background:var(--status-warning-bg);border-color:var(--status-warning);color:var(--status-warning)}.sm-pagination{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sm-pagination-info{color:var(--text-muted);font-size:12px}.sm-pagination-right{align-items:center;gap:12px;display:flex}.sm-items-per-page{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.sm-items-select{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-family:inherit;font-size:12px}.sm-page-btns{gap:4px;display:flex}.sm-page-btn{border:1px solid var(--border-color);background:var(--bg-card);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.sm-page-btn:hover:not(:disabled){border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.sm-page-btn.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}.sm-page-btn:disabled{opacity:.4;cursor:not-allowed}.sm-right{flex-direction:column;gap:14px;display:flex}.sm-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:16px}.sm-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sm-panel-title{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.sm-panel-link{color:var(--color-brand-primary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:11.5px;font-weight:600}.sm-panel-link:hover{opacity:.75}.sm-dl-item{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:9px 0;display:flex}.sm-dl-item:last-child{border-bottom:none;padding-bottom:0}.sm-dl-file-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.sm-dl-info{flex:1;min-width:0}.sm-dl-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:12px;font-weight:700;display:block;overflow:hidden}.sm-dl-meta{color:var(--text-muted);font-size:10.5px}.sm-dl-check{background:var(--status-success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.sm-premium-card{text-align:center;background:linear-gradient(135deg,#003833 0%,#005c52 100%);border:none;border-radius:10px;padding:16px}.sm-premium-icon{margin-bottom:6px;font-size:1.6rem}.sm-premium-title{color:#fff;margin:0 0 4px;font-size:13px;font-weight:800}.sm-premium-sub{color:#ffffffb3;margin:0 0 12px;font-size:11px}.sm-premium-btn{background:var(--color-brand-accent);color:#000;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:13px;font-weight:800;transition:all .18s}.sm-premium-btn:hover{background:#f0bc4a;transform:translateY(-1px)}.sm-recent-item{border-bottom:1px solid var(--border-color);cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:8px 0;transition:background .15s;display:flex}.sm-recent-item:last-child{border-bottom:none}.sm-recent-item:hover{background:var(--bg-card-hover)}.sm-recent-title{color:var(--text-primary);font-size:12px;font-weight:600;display:block}.sm-recent-date{color:var(--text-muted);font-size:10.5px}.sm-request-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);text-align:center;border-radius:12px;padding:16px}.sm-request-img{margin-bottom:8px;font-size:2.5rem;display:block}.sm-request-title{color:var(--text-primary);margin:0 0 4px;font-size:13px;font-weight:700}.sm-request-sub{color:var(--text-muted);margin:0 0 12px;font-size:11.5px}.sm-request-btn{border:1px solid var(--color-brand-primary);width:100%;color:var(--color-brand-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .18s;display:flex}.sm-request-btn:hover{background:var(--color-brand-primary);color:#fff}.sp-footer{border-top:1px solid var(--border-color);background:var(--bg-card);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:14px 24px;display:flex}.sp-footer-left{color:var(--text-muted);font-size:12px;font-weight:500}.sp-footer-left strong{color:var(--text-secondary)}.sp-footer-right{color:var(--text-muted);align-items:center;gap:16px;font-size:11.5px;display:flex}.sp-footer-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11.5px;font-weight:500;text-decoration:none;transition:color .15s}.sp-footer-link:hover{color:var(--color-brand-primary)}.sp-footer-divider{color:var(--border-color)}