@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&display=swap);.toast-container{flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:80px}.toast,.toast-container{display:flex;z-index:999999!important}.toast{align-items:center;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:12px;box-shadow:0 8px 32px #00000026,0 0 0 1px #0000000d;gap:.75rem;max-width:500px;min-width:320px;padding:1rem 1.25rem;pointer-events:auto}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-icon{flex-shrink:0;font-size:24px}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-message{color:#111827;flex:1 1;font-size:.9375rem;font-weight:500;line-height:1.5}.toast-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.toast-close:hover{background:#0000001a;transform:rotate(90deg)}.toast-close .material-symbols-rounded{color:#6b7280;font-size:18px}[data-theme=dark] .toast{background:#1a1a1afa;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a}[data-theme=dark] .toast-message{color:#e5e7eb}[data-theme=dark] .toast-close{background:#ffffff0d}[data-theme=dark] .toast-close:hover{background:#ffffff1a}[data-theme=dark] .toast-close .material-symbols-rounded{color:#9ca3af}@media (max-width:768px){.toast-container{left:12px;right:12px;top:60px}.toast{min-width:auto;width:100%}}:root{--icon-dashboard-bg:#dbeafe;--icon-users-bg:#d1fae5;--icon-students-bg:#fef3c7;--icon-teachers-bg:#fee2e2;--icon-classes-bg:#ede9fe;--icon-attendance-bg:#e0f2fe;--icon-leads-bg:#ccfbf1;--icon-enrollments-bg:#dcfce7;--icon-fees-bg:#fff7ed;--icon-reports-bg:#e0e7eb;--icon-ai-bg:#e9d5ff;--icon-notifications-bg:#fee2e2;--icon-metadata-bg:#dcdcdc;--icon-settings-bg:#e6e6e6;--icon-bookings-bg:#fce7f3;--modern-space-xxs:4px;--modern-space-xs:8px;--modern-space-sm:12px;--modern-space-md:16px;--modern-space-lg:16px;--modern-space-xl:16px;--modern-space-2xl:32px;--modern-space-3xl:40px;--modern-space-4xl:48px;--modern-space-5xl:64px;--modern-radius-xs:4px;--modern-radius-sm:8px;--modern-radius-md:10px;--modern-radius-lg:14px;--modern-radius-xl:20px;--modern-font-size-xs:0.75rem;--modern-font-size-sm:0.875rem;--modern-font-size-base:0.9375rem;--modern-font-size-md:1rem;--modern-font-size-lg:1.125rem;--modern-font-size-xl:1.25rem;--modern-font-size-2xl:1.5rem;--modern-duration-short:0.15s;--modern-duration-medium:0.25s;--modern-duration-long:0.4s;--modern-ease-in-out:cubic-bezier(0.4,0,0.2,1);--modern-ease-out-back:cubic-bezier(0.34,1.56,0.64,1)}[data-theme=dark]{--icon-dashboard-bg:#6366f12e;--icon-users-bg:#10b98129;--icon-students-bg:#f59e0b29;--icon-teachers-bg:#ef444429;--icon-classes-bg:#8b5cf62e;--icon-attendance-bg:#0ea5e929;--icon-leads-bg:#14b8a629;--icon-enrollments-bg:#22c55e29;--icon-fees-bg:#f9731629;--icon-reports-bg:#64748b2e;--icon-ai-bg:#a855f72e;--icon-notifications-bg:#ef44442e;--icon-metadata-bg:#71717a2e;--icon-settings-bg:#71717a2e;--icon-bookings-bg:#ec489929}[data-theme=dark] .icon-programs{background:#a855f733;color:#c084fc}[data-theme=dark] .icon-fee-heads{background:#ea580c2e;color:#fb923c}[data-theme=dark] .icon-fee-plans{background:#f59e0b2e;color:#fbbf24}[data-theme=dark] .icon-invoices{background:#6366f133;color:#818cf8}[data-theme=dark] .icon-receipts{background:#10b9812e;color:#34d399}[data-theme=dark] .icon-roles{background:#6366f12e;color:#a5b4fc}[data-theme=dark] .icon-timetable{background:#0ea5e92e;color:#38bdf8}[data-theme=dark] .icon-assignments{background:#fbbf242e;color:#fcd34d}[data-theme=dark] .icon-learning-circles{background:#3b82f62e;color:#60a5fa}[data-theme=dark] .icon-about{background:#94a3b824;color:#94a3b8}.sidebar-popup-overlay{align-items:flex-start;animation:sbFadeIn .22s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000061;display:flex;font-family:Google Sans,Inter,system-ui,sans-serif;inset:0;justify-content:flex-start;overflow:hidden;padding:24px 48px 32px 16px;position:fixed;z-index:700}.sidebar-popup{animation:sbSlideIn .25s cubic-bezier(.34,1.56,.64,1);animation:sbSlideIn .25s var(--modern-ease-out-back);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);background:#fff;border:1px solid #cbd5e1b3;border-radius:20px;box-shadow:0 20px 60px #64748b24,0 8px 24px #64748b14,inset 0 1px 0 #fffffff2;display:flex;flex-direction:column;height:95vh;max-height:100%;max-width:90vw;overflow:hidden;position:relative;transition:width .25s cubic-bezier(.4,0,.2,1);transition:width .25s var(--modern-ease-in-out);width:300px}.sidebar-popup:before{background:radial-gradient(ellipse 55% 28% at 18% 8%,#6366f114 0,#0000 70%),radial-gradient(ellipse 45% 22% at 82% 88%,#8b5cf60d 0,#0000 70%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.sidebar-popup>*{position:relative;z-index:1}[data-theme=dark] .sidebar-popup{background:#0d111cf5;border-color:#ffffff12;box-shadow:0 20px 60px #00000080,0 8px 32px #00000047,inset 0 1px 0 #ffffff0d}[data-theme=dark] .sidebar-popup:before{background:radial-gradient(ellipse 55% 28% at 18% 8%,#6366f124 0,#0000 70%),radial-gradient(ellipse 45% 22% at 82% 88%,#8b5cf617 0,#0000 70%)}.brand-toggle{align-items:center;background:#f8fafc80;border-bottom:1px solid #cbd5e18c;display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;padding:14px 16px 12px}[data-theme=dark] .brand-toggle{background:hsla(0,0%,100%,.025);border-bottom-color:#ffffff12}.brand{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:700;gap:10px}[data-theme=dark] .brand{color:#e2e8f0}.brand-logo{display:block;max-height:40px;max-width:168px;object-fit:contain}.brand-default-icon{color:#6366f1;color:var(--sb-accent);font-size:2rem!important}.toggle-btn{align-items:center;background:#fffc;border:1px solid #cbd5e199;border-radius:9px;box-shadow:0 1px 3px #0000000d;color:#6b7280;display:flex;justify-content:center;padding:7px;transition:all .18s ease}.toggle-btn:hover{background:#fee2e2e6;border-color:#fecacacc;color:#dc2626;transform:scale(1.05)}[data-theme=dark] .toggle-btn{background:#334155b3;border-color:#47556980;color:#94a3b8}[data-theme=dark] .toggle-btn:hover{background:#dc262638;border-color:#dc262680;color:#f87171}.sidebar-search-wrap{align-items:center;background:#0000000a;border:1px solid #0000;border-radius:999px;display:flex;flex-shrink:0;gap:8px;margin:14px 14px 4px;padding:9px 14px;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.sidebar-search-wrap:focus-within{background:#ffffffe0;border-color:#6366f138;border-color:var(--sb-accent-border);box-shadow:0 2px 16px #6366f11a,0 0 0 1.5px #6366f138;box-shadow:0 2px 16px #6366f11a,0 0 0 1.5px var(--sb-accent-border)}.sb-search-icon{color:#9ca3af;flex-shrink:0;font-size:1rem;transition:color .2s ease;-webkit-user-select:none;user-select:none}.sidebar-search-wrap:focus-within .sb-search-icon{color:#6366f1;color:var(--sb-accent)}.sb-search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-family:inherit;font-size:.82rem;font-weight:500;letter-spacing:.01em;min-width:0;outline:none}.sb-search-input::placeholder{color:#9ca3af;font-weight:400}.sb-search-clear{align-items:center;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;height:18px;justify-content:center;transition:color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none;width:18px}.sb-search-clear:hover{background:#ef44441a;color:#ef4444}.sb-highlight{background:#6366f124;border-radius:3px;color:#4f46e5;font-weight:700;padding:0 2px}[data-theme=dark] .sidebar-search-wrap{background:#ffffff0d;border-color:#0000}[data-theme=dark] .sidebar-search-wrap:focus-within{background:#ffffff17;border-color:#6366f159;box-shadow:0 2px 16px #0000004d,0 0 0 1.5px #6366f14d}[data-theme=dark] .sb-search-icon{color:#52525b}[data-theme=dark] .sidebar-search-wrap:focus-within .sb-search-icon{color:#818cf8}[data-theme=dark] .sb-search-input{color:#e2e8f0}[data-theme=dark] .sb-search-input::placeholder{color:#52525b}[data-theme=dark] .sb-highlight{background:#6366f133;color:#a5b4fc}.sidebar-nav-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 8px 12px}.sidebar-nav-container::-webkit-scrollbar{width:3px}.sidebar-nav-container::-webkit-scrollbar-track{background:#0000}.sidebar-nav-container::-webkit-scrollbar-thumb{background:#6366f138;border-radius:20px}[data-theme=dark] .sidebar-nav-container::-webkit-scrollbar-thumb{background:#6366f147}.sb-sidebar-section{margin-bottom:4px}.sb-section-header{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:6px 8px 6px 6px;position:relative;transition:background .18s ease;-webkit-user-select:none;user-select:none}.sb-section-header:hover{background:rgba(0,0,0,.035)}[data-theme=dark] .sb-section-header:hover{background:#ffffff0d}.sb-section-icon-pill{align-items:center;border-radius:9px;display:flex;flex-shrink:0;font-size:.82rem;height:30px;justify-content:center;transition:transform .18s ease;width:30px}.sb-section-header:hover .sb-section-icon-pill{transform:scale(1.08)}.sb-section-label{color:#374151;flex:1 1;font-size:.76rem;font-weight:700;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;text-transform:none;white-space:nowrap}[data-theme=dark] .sb-section-label{color:#cbd5e1}.sb-section-chevron{color:#9ca3af;flex-shrink:0;font-size:.72rem;transform:rotate(-90deg);transition:transform .22s cubic-bezier(.4,0,.2,1),color .18s ease;transition:transform .22s var(--modern-ease-in-out),color .18s ease}.sb-section-header.open .sb-section-chevron{color:#6366f1;color:var(--group-color,#6366f1);transform:rotate(0deg)}[data-theme=dark] .sb-section-chevron{color:#52525b}[data-theme=dark] .sb-section-header.open .sb-section-chevron{color:#818cf8;color:var(--group-color,#818cf8)}.sb-section-body{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .24s cubic-bezier(.4,0,.2,1);transition:grid-template-rows .24s var(--modern-ease-in-out)}.sb-section-body.open{grid-template-rows:1fr}.sb-section-body>ul{min-height:0;overflow:hidden}.sb-sidebar-section ul{background:#0000;border:none;border-left:2px solid #00000012;box-shadow:none;display:flex;flex-direction:column;gap:2px;list-style:none;margin:0 0 0 14px;padding:3px 3px 4px 10px}[data-theme=dark] .sb-sidebar-section ul{border-left-color:#ffffff14}.sb-sidebar-section li{align-items:center;border-bottom:none;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:.83rem;font-weight:500;gap:10px;padding:8px 10px;position:relative;transition:all .15s ease}[data-theme=dark] .sb-sidebar-section li{color:#cbd5e1cc}.sb-sidebar-section li:hover{background:#6366f10f;color:#312e81}[data-theme=dark] .sb-sidebar-section li:hover{background:#ffffff0f;color:#e2e8f0}.sb-sidebar-section li.active{background:#6366f11f;background:var(--sb-accent-light);box-shadow:inset 0 0 0 1px #6366f138;box-shadow:inset 0 0 0 1px var(--sb-accent-border);color:#3730a3;font-weight:600}[data-theme=dark] .sb-sidebar-section li.active{background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff14;color:#e2e8f0}.sb-sidebar-section li.active:before{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:0 3px 3px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}[data-theme=dark] .sb-sidebar-section li.active:before{background:linear-gradient(180deg,#818cf8,#a78bfa)}.sidebar-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-variation-settings:"FILL" 1;height:32px;justify-content:center;transition:transform .15s ease;width:32px}.sb-sidebar-section li:hover .sidebar-icon{transform:scale(1.08)}.sb-sidebar-section li.active .sidebar-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important}[data-theme=dark] .sb-sidebar-section li.active .sidebar-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important}.icon-dashboard{background:#dbeafe;background:var(--icon-dashboard-bg);color:#3b82f6}.icon-users{background:#d1fae5;background:var(--icon-users-bg);color:#059669}.icon-students{background:#fef3c7;background:var(--icon-students-bg);color:#d97706}.icon-teachers{background:#fee2e2;background:var(--icon-teachers-bg);color:#dc2626}.icon-courses{background:#ede9fe;background:var(--icon-classes-bg);color:#7c3aed}.icon-programs{background:#a855f71f;color:#9333ea}.icon-classes{background:#ede9fe;background:var(--icon-classes-bg);color:#7c3aed}.icon-attendance{background:#e0f2fe;background:var(--icon-attendance-bg);color:#0284c7}.icon-anomaly-detection{background:#e53e3e1f;color:#e53e3e}.icon-leads{background:#ccfbf1;background:var(--icon-leads-bg);color:#0d9488}.icon-enrollments{background:#dcfce7;background:var(--icon-enrollments-bg);color:#16a34a}.icon-fees{background:#fff7ed;background:var(--icon-fees-bg);color:#ea580c}.icon-fee-heads{background:#ea580c1a;color:#c2410c}.icon-fee-plans{background:#f59e0b1f;color:#d97706}.icon-invoices{background:#6366f11f;color:#4f46e5}.icon-receipts{background:#10b9811f;color:#059669}.icon-reports{background:#e0e7eb;background:var(--icon-reports-bg);color:#64748b}.icon-ai{background:#e9d5ff;background:var(--icon-ai-bg);color:#a855f7}.icon-notifications{background:#fee2e2;background:var(--icon-notifications-bg);color:#ef4444}.icon-metadata{background:#dcdcdc;background:var(--icon-metadata-bg);color:#6b7280}.icon-settings{background:#e6e6e6;background:var(--icon-settings-bg);color:#6b7280}.icon-roles{background:#6366f11a;color:#6366f1}.icon-timetable{background:#0ea5e91f;color:#0369a1}.icon-assignments{background:#fbbf2424;color:#b45309}.icon-workflow-approvals{background:#ede9fe;background:var(--icon-classes-bg);color:#7c3aed}.icon-learning-circles{background:#3b82f61f;color:#2563eb}.icon-bookings{background:#fce7f3;background:var(--icon-bookings-bg);color:#db2777}.icon-about{background:#64748b1f;color:#475569}.sidebar-user-profile{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #cbd5e1a6;border-radius:14px;box-shadow:0 2px 8px #64748b14;cursor:pointer;display:flex;flex-shrink:0;gap:12px;margin:4px 10px 8px;padding:12px 14px;transition:all .22s ease}.sidebar-user-profile:hover{background:#ffffffe6;border-color:#6366f138;border-color:var(--sb-accent-border);box-shadow:0 6px 18px #6366f124;transform:translateY(-1px)}[data-theme=dark] .sidebar-user-profile{background:#ffffff0d;border-color:#ffffff17}[data-theme=dark] .sidebar-user-profile:hover{background:#ffffff17;border-color:#6366f14d;box-shadow:0 6px 18px #0000004d}.user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #ffffff80;border-radius:50%;box-shadow:0 2px 8px #6366f14d;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:38px;justify-content:center;width:38px}.user-info{min-width:0}.user-name{color:#1e293b;font-size:.845rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .user-name{color:#e2e8f0}.user-role{color:#64748b;font-size:.73rem;font-weight:500;margin-top:1px}[data-theme=dark] .user-role{color:#94a3b8}.user-profile-icon{color:#94a3b8;transition:transform .15s ease}.sidebar-user-profile:hover .user-profile-icon{color:#6366f1;color:var(--sb-accent);transform:translateX(2px)}.sidebar-collapse{align-items:center;background:#f8fafc80;border-radius:0 0 20px 20px;border-top:1px solid #cbd5e180;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:.83rem;font-weight:500;gap:10px;justify-content:center;padding:13px 16px;transition:all .15s ease}.sidebar-collapse:hover{background:#6366f10f;color:#4338ca}[data-theme=dark] .sidebar-collapse{background:hsla(0,0%,100%,.025);border-top-color:#ffffff12;color:#94a3b8}[data-theme=dark] .sidebar-collapse:hover{background:#ffffff0f;color:#a5b4fc}.sidebar-popup.collapsed{width:90px}.sidebar-popup.collapsed .brand span,.sidebar-popup.collapsed .collapse-label,.sidebar-popup.collapsed .sb-section-chevron,.sidebar-popup.collapsed .sb-section-label,.sidebar-popup.collapsed .sb-sidebar-section li span:not(.material-symbols-rounded),.sidebar-popup.collapsed .user-info,.sidebar-popup.collapsed .user-profile-icon{display:none}.sidebar-popup.collapsed .brand-logo{max-width:44px}.sidebar-popup.collapsed .brand-default-icon{font-size:1.8rem!important}.sidebar-popup.collapsed .sb-sidebar-section ul{background:#0000;border:none;margin:0;padding:3px}.sidebar-popup.collapsed .sb-sidebar-section li{border-radius:10px;justify-content:center;margin-bottom:4px;padding:10px}.sidebar-popup.collapsed .sidebar-user-profile{justify-content:center;margin:4px 8px 8px;padding:10px}@keyframes sbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sbSlideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.sidebar-popup-overlay{padding:20px 20px 24px 12px}.sidebar-popup{height:93vh;width:280px}.brand-toggle{padding:13px 15px 11px}.brand{font-size:1.05rem}.brand-logo{max-height:40px;max-width:162px}.sidebar-nav-container{padding:8px 8px 10px}.sb-sidebar-section li{font-size:.82rem;padding:7px 9px}.sidebar-icon{height:30px;width:30px}.sidebar-user-profile{margin:4px 8px 8px;padding:11px 13px}.user-avatar{height:36px;width:36px}.user-avatar,.user-name{font-size:.82rem}.user-role{font-size:.7rem}.sidebar-collapse{font-size:.82rem;padding:11px 14px}}@media (max-width:768px){.sidebar-popup-overlay{align-items:stretch!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;background:#00000073!important;justify-content:flex-start!important;padding:0!important}.sidebar-popup{animation:sbSlideIn .28s cubic-bezier(.32,.72,0,1);border-radius:0 20px 20px 0!important;box-shadow:4px 0 28px #00000038!important;height:100vh!important;margin:0!important;max-height:100vh!important}.sidebar-popup,.sidebar-popup.collapsed{max-width:310px!important;width:82%!important}.sidebar-popup.collapsed .brand span,.sidebar-popup.collapsed .collapse-label,.sidebar-popup.collapsed .sb-section-chevron,.sidebar-popup.collapsed .sb-section-label,.sidebar-popup.collapsed .sb-sidebar-section li span:not(.material-symbols-rounded),.sidebar-popup.collapsed .user-info,.sidebar-popup.collapsed .user-profile-icon{display:inline!important;display:flex!important}.sidebar-popup.collapsed .brand-logo{max-width:155px!important}.sidebar-popup.collapsed .sb-sidebar-section li{background:#0000!important;border:none!important;justify-content:flex-start!important;margin-bottom:0!important}.sidebar-popup.collapsed .sb-sidebar-section ul{background:#0000!important;border:none!important;margin:0!important;padding:3px!important}.sidebar-popup.collapsed .sidebar-user-profile{justify-content:flex-start!important;margin:4px 12px 8px!important}.brand-toggle{border-bottom-width:1px!important;padding:14px 14px 12px!important}.brand{font-size:1.1rem!important}.brand-logo{max-height:40px!important;max-width:155px!important}.toggle-btn{border-radius:10px!important;padding:8px!important}.toggle-btn .material-symbols-rounded{font-size:1.3rem!important}.sidebar-nav-container{padding:10px 10px 16px!important}.sb-sidebar-section{margin-bottom:10px!important}.sb-section-header{padding:5px 8px 5px 6px!important}.sb-section-label{font-size:.73rem!important}.sb-sidebar-section li{font-size:.87rem!important;font-weight:500!important;gap:11px!important;min-height:46px!important;padding:10px 12px!important}.sidebar-icon{border-radius:8px!important;height:32px!important;width:32px!important}.sidebar-user-profile{border-radius:13px!important;margin:4px 10px 8px!important;padding:11px 13px!important}.user-avatar{height:38px!important;width:38px!important}.user-avatar,.user-name{font-size:.86rem!important}.user-role{font-size:.72rem!important}.sidebar-collapse{font-size:.83rem!important;font-weight:600!important;padding:12px 14px!important}.sb-sidebar-section li.active{background:#6366f11f!important;background:var(--sb-accent-light)!important;font-weight:700!important}.sb-sidebar-section li.active:before{width:3px!important}.sb-sidebar-section li:active{transform:scale(.98)!important}.sidebar-collapse:active,.sidebar-user-profile:active,.toggle-btn:active{transform:scale(.96)!important}}@media (max-width:640px){.brand-toggle{padding:13px 13px 11px!important}.brand{font-size:1.05rem!important}.brand-logo{max-height:38px!important;max-width:148px!important}.toggle-btn{padding:7px!important}.sidebar-nav-container{padding:8px 8px 14px!important}.sb-sidebar-section{margin-bottom:8px!important}.sb-sidebar-section li{font-size:.84rem!important;min-height:44px!important;padding:9px 11px!important}.sidebar-icon{height:30px!important;width:30px!important}.sidebar-user-profile{margin:4px 8px 6px!important;padding:10px 12px!important}.user-avatar{height:36px!important;width:36px!important}.user-name{font-size:.83rem!important}.user-role{font-size:.7rem!important}.sidebar-collapse{font-size:.81rem!important;padding:11px 12px!important}}@media (max-width:480px){.brand{font-size:1rem!important}.brand-logo{max-height:36px!important;max-width:140px!important}.sb-section-label{font-size:.7rem!important}.sb-sidebar-section li{font-size:.82rem!important;min-height:42px!important;padding:8px 10px!important}.sidebar-icon{height:28px!important;width:28px!important}.user-name{font-size:.8rem!important}.user-role{font-size:.68rem!important}}:root{--topbar-bg:#fffffff2;--topbar-border:#e5e7ebcc;--topbar-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--search-bg:#f8fafccc;--search-bg-hover:#ffffffe6;--search-bg-focus:#fff;--search-border:#e2e8f0cc;--search-border-hover:#cbd5e1cc;--search-border-focus:#3b82f680;--search-text:#0f172a;--search-placeholder:#64748b;--search-icon:#64748b;--search-icon-focus:#3b82f6;--search-shadow:0 1px 2px 0 #0000000d;--search-shadow-hover:0 4px 12px #0000001a;--search-shadow-focus:0 0 0 4px #3b82f61a;--icon-color:#64748b;--icon-color-hover:#334155;--icon-bg:#f8fafc99;--icon-bg-hover:#ffffffe6;--icon-border:#e2e8f080;--icon-border-hover:#cbd5e1cc;--icon-shadow:0 1px 3px #0000001a;--icon-shadow-hover:0 4px 12px #00000026;--profile-bg:#ffffffe6;--profile-border:#e2e8f0cc;--profile-text:#0f172a;--profile-text-secondary:#64748b;--profile-shadow:0 2px 8px #0000001a;--profile-shadow-hover:0 8px 25px #00000026;--tooltip-bg:#fff;--tooltip-border:#e2e8f0;--tooltip-shadow:0 10px 40px #00000026;--tooltip-text:#1e293b;--tooltip-text-muted:#64748b}[data-theme=dark]{--topbar-bg:#0f172af2;--topbar-border:#33415580;--topbar-shadow:0 1px 3px 0 #0006;--search-bg:#1e293b99;--search-bg-hover:#334155cc;--search-bg-focus:#334155e6;--search-border:#334155cc;--search-border-hover:#475569cc;--search-border-focus:#00ff8880;--search-text:#f8fafc;--search-placeholder:#94a3b8;--search-icon:#94a3b8;--search-icon-focus:#0f8;--search-shadow:0 1px 2px 0 #0000004d;--search-shadow-hover:0 4px 12px #0006;--search-shadow-focus:0 0 0 4px #0f83;--icon-color:#94a3b8;--icon-color-hover:#f1f5f9;--icon-bg:#1e293b99;--icon-bg-hover:#334155cc;--icon-border:#33415580;--icon-border-hover:#475569cc;--icon-shadow:0 1px 3px #0006;--icon-shadow-hover:0 4px 12px #00000080;--profile-bg:#1e293be6;--profile-border:#334155cc;--profile-text:#f8fafc;--profile-text-secondary:#94a3b8;--profile-shadow:0 2px 8px #0006;--profile-shadow-hover:0 8px 25px #0009;--tooltip-bg:#1e293b;--tooltip-border:#334155;--tooltip-shadow:0 10px 40px #0009;--tooltip-text:#f8fafc;--tooltip-text-muted:#94a3b8}.topbar-fixed{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--topbar-bg);border-bottom:1px solid #e5e7ebcc;border-bottom:1px solid var(--topbar-border);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--topbar-shadow);display:flex;height:64px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:500}.topbar-left,.topbar-right{align-items:center;display:flex;gap:1rem}.topbar-brand-logo{display:block;height:32px;object-fit:contain;width:auto}.modern-hamburger{align-items:center;background:#f8fafc99;background:var(--icon-bg);border:1px solid #e2e8f080;border:1px solid var(--icon-border);border-radius:12px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--icon-shadow);cursor:pointer;display:flex;flex-direction:column;gap:4px;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}.modern-hamburger span{background:#64748b;background:var(--icon-color);border-radius:1px;display:block;height:2px;transition:all .3s ease;width:18px}.modern-hamburger:hover{background:#ffffffe6;background:var(--icon-bg-hover);border-color:#cbd5e1cc;border-color:var(--icon-border-hover);box-shadow:0 4px 12px #00000026;box-shadow:var(--icon-shadow-hover);transform:translateY(-1px)}.modern-hamburger:hover span{background:#334155;background:var(--icon-color-hover)}.topbar-search-container{max-width:100%;width:480px}.topbar-search-input::placeholder{color:#64748b;color:var(--search-placeholder);font-weight:400}.topbar-search-input:hover{background:#ffffffe6;background:var(--search-bg-hover);border-color:#cbd5e1cc;border-color:var(--search-border-hover);box-shadow:0 4px 12px #0000001a;box-shadow:var(--search-shadow-hover)}.topbar-search-input:focus{background:#fff;background:var(--search-bg-focus);border-color:#3b82f680;border-color:var(--search-border-focus);box-shadow:0 0 0 4px #3b82f61a;box-shadow:var(--search-shadow-focus);outline:none}.topbar-search-icon{color:#64748b;color:var(--search-icon);font-size:1.25rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:1}.topbar-search-input:focus~.topbar-search-icon{color:#3b82f6;color:var(--search-icon-focus)}.search-shortcut{background:#e2e8f0cc;background:var(--search-border);border-radius:6px;color:#64748b;color:var(--search-placeholder);font-size:.75rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease}.topbar-search-input:focus~.search-shortcut{opacity:.5}.modern-icon{background:#f8fafc99!important;background:var(--icon-bg)!important;border:1px solid #e2e8f080!important;border:1px solid var(--icon-border)!important;border-radius:12px!important;box-shadow:0 1px 3px #0000001a!important;box-shadow:var(--icon-shadow)!important;color:#64748b!important;color:var(--icon-color)!important;height:44px!important;overflow:hidden;position:relative;transition:all .3s ease!important;width:44px!important}.modern-icon:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.modern-icon:hover:before{left:100%}.modern-icon:hover{background:#ffffffe6!important;background:var(--icon-bg-hover)!important;border-color:#cbd5e1cc!important;border-color:var(--icon-border-hover)!important;box-shadow:0 4px 12px #00000026!important;box-shadow:var(--icon-shadow-hover)!important;color:#334155!important;color:var(--icon-color-hover)!important;transform:translateY(-2px) scale(1.02)!important}.modern-icon .material-symbols-rounded{font-size:1.25rem;font-weight:400;z-index:1}.profile-avatar.modern-icon{background:linear-gradient(135deg,#e0f2fe,#bae6fd)!important;border-color:#29b6f6!important;color:#0277bd!important}.profile-avatar.modern-icon:hover{background:linear-gradient(135deg,#bae6fd,#81d4fa)!important;box-shadow:0 4px 20px #29b6f666!important;color:#01579b!important}[data-theme=dark] .profile-avatar.modern-icon{background:#00ff881a!important;border-color:#00ff884d!important;color:#065f46!important}[data-theme=dark] .profile-avatar.modern-icon:hover{background:#0f83!important;box-shadow:0 4px 20px #00ff884d!important;color:#00cc6a!important}.ai-icon,.calendar-icon,.icon-bell,.logout-btn,.modern-hamburger,.modern-icon,.profile-avatar,.theme-toggle-btn,.toggle-btn,.topbar-icon-base{cursor:pointer}.simple-profile-card{animation:tooltipFadeIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px 0 #fff9;margin-top:.5rem;min-width:240px;padding:1rem;position:absolute;right:0;top:100%;width:240px;z-index:1000}[data-theme=dark] .simple-profile-card{background:#1a1a1acc;border:1px solid #ffffff26;box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px 0 #ffffff1a}.simple-profile-row{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.75rem}.simple-profile-row:last-child{margin-bottom:0}.simple-profile-row span:first-child{color:#6b7280;font-weight:500}[data-theme=dark] .simple-profile-row span:first-child{color:#9ca3af}.simple-profile-row strong{color:#111827;font-size:.8rem;font-weight:600;max-width:140px;text-align:right;word-break:break-word}[data-theme=dark] .simple-profile-row strong{color:#f9fafb}.simple-user-badge{background:#3b82f6;border-radius:6px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.2rem .5rem;text-transform:uppercase}[data-theme=dark] .simple-user-badge{background:#1d4ed8}.profile-actions{border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem}[data-theme=dark] .profile-actions{border-top:1px solid #4b5563}.change-password-btn{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#dbeafeb3;border:1px solid #3b82f64d;border-radius:12px;box-shadow:0 1px 3px #0000001a,inset 0 1px 0 #fff9;color:#1e40af;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.change-password-btn:hover{background:#93c5fdcc;border-color:#2563eb80;box-shadow:0 4px 12px #3b82f626,inset 0 1px 0 #fffc;transform:translateY(-1px)}[data-theme=dark] .change-password-btn{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#3b82f626;border-color:#3b82f64d;box-shadow:0 1px 3px #0000004d,inset 0 1px 0 #ffffff1a;color:#93c5fd}[data-theme=dark] .change-password-btn:hover{background:#3b82f640;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f640,inset 0 1px 0 #fff3}.change-password-btn .material-symbols-rounded{flex-shrink:0;font-size:1rem}.logout-tooltip{animation:tooltipSlideIn .2s ease-out;background:#1e293b;border:1px solid #334155;box-shadow:0 4px 12px #00000026;color:#f8fafc}[data-theme=dark] .logout-tooltip{background:#374151;border:1px solid #4b5563;color:#f9fafb}.logout-tooltip:before{background:#1e293b;border-left:1px solid #334155;border-top:1px solid #334155}[data-theme=dark] .logout-tooltip:before{background:#374151;border-left:1px solid #4b5563;border-top:1px solid #4b5563}@keyframes profileCardFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.logout-btn.modern-icon{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border-color:#f87171!important;color:#991b1b!important}.logout-btn.modern-icon:hover{background:linear-gradient(135deg,#fca5a5,#f87171)!important;box-shadow:0 4px 20px #ef444466!important;color:#7f1d1d!important}[data-theme=dark] .logout-btn.modern-icon{background:#ff3b301a!important;border-color:#ff3b304d!important;color:#ff3b30!important}[data-theme=dark] .logout-btn.modern-icon:hover{background:#ff3b3033!important;box-shadow:0 4px 20px #ff3b304d!important;color:#ff1500!important}.logout-tooltip{animation:fadeInTooltip .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #e5e7ebcc;border:1px solid var(--topbar-border);border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--topbar-shadow);color:#334155;color:var(--icon-color-hover);font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.5rem .75rem;right:0;top:100%;white-space:nowrap;z-index:1001}.logout-tooltip,.logout-tooltip:before{background:#fffffff2;background:var(--topbar-bg);position:absolute}.logout-tooltip:before{border-left:1px solid #e5e7ebcc;border-left:1px solid var(--topbar-border);border-top:1px solid #e5e7ebcc;border-top:1px solid var(--topbar-border);content:"";height:8px;right:1rem;top:-4px;transform:rotate(45deg);width:8px}.topbar-search-input{background:#f8fafccc;background:var(--search-bg);border:1px solid #e2e8f0cc;border:1px solid var(--search-border);border-radius:16px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--search-shadow);color:#0f172a;color:var(--search-text);cursor:text!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;padding:.875rem 5rem .875rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.avatar-image,.modern-profile,.more-options-btn,.more-options-wrapper,.profile-chevron,.profile-info,.profile-name,.profile-role{display:none!important}.more-options-wrapper{position:relative}.more-options-btn{background:#f8fafc99!important;background:var(--icon-bg)!important;border-color:#e2e8f080!important;border-color:var(--icon-border)!important;color:#64748b!important;color:var(--icon-color)!important}.more-options-btn:hover{background:#ffffffe6!important;background:var(--icon-bg-hover)!important;border-color:#cbd5e1cc!important;border-color:var(--icon-border-hover)!important;color:#334155!important;color:var(--icon-color-hover)!important}.avatar-image,.modern-profile,.profile-chevron,.profile-info,.profile-name,.profile-role{display:none}.profile-tooltip{animation:tooltipFadeIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--tooltip-bg);border:1px solid #e2e8f0;border:1px solid var(--tooltip-border);border-radius:16px;box-shadow:0 10px 40px #00000026;box-shadow:var(--tooltip-shadow);margin-top:.5rem;padding:1.5rem;position:absolute;right:0;top:100%;width:280px;z-index:1000}.tooltip-quote{background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:8px;color:#64748b;color:var(--tooltip-text-muted);font-size:.875rem;font-style:italic;line-height:1.4;margin-bottom:1rem;padding:.75rem}.tooltip-content{align-items:center;display:flex;gap:1rem}.tooltip-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.tooltip-avatar .material-symbols-rounded{font-size:1.75rem}.tooltip-details{flex:1 1;min-width:0}.tooltip-name{color:#1e293b;color:var(--tooltip-text);font-size:1rem;font-weight:600;margin-bottom:.25rem}.tooltip-username{color:#64748b;color:var(--tooltip-text-muted);font-size:.875rem;font-weight:400}.ai-icon.modern-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-color:#fbbf24!important;color:#92400e!important}.ai-icon.modern-icon:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)!important;box-shadow:0 4px 20px #fbbf2466!important;color:#78350f!important}[data-theme=dark] .ai-icon.modern-icon{background:#00ff881a!important;border-color:#00ff884d!important;color:#065f46!important}[data-theme=dark] .ai-icon.modern-icon:hover{background:#0f83!important;box-shadow:0 4px 20px #00ff884d!important;color:#00cc6a!important}.icon-bell.modern-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)!important;border-color:#c4b5fd!important;color:#7c3aed!important}.icon-bell.modern-icon:hover{background:linear-gradient(135deg,#e9d5ff,#ddd6fe)!important;box-shadow:0 4px 20px #7c3aed66!important;color:#6b21a8!important}[data-theme=dark] .icon-bell.modern-icon{background:#ff3b301a!important;border-color:#ff3b304d!important;color:#ff3b30!important}[data-theme=dark] .icon-bell.modern-icon:hover{background:#ff3b3033!important;box-shadow:0 4px 20px #ff3b304d!important;color:#ff1500!important}.calendar-icon.modern-icon{background:linear-gradient(135deg,#e0f2fe,#b3e5fc)!important;border-color:#29b6f6!important;color:#0277bd!important}.calendar-icon.modern-icon:hover{background:linear-gradient(135deg,#b3e5fc,#81d4fa)!important;box-shadow:0 4px 20px #29b6f666!important;color:#01579b!important}[data-theme=dark] .calendar-icon.modern-icon{background:#2196f31a!important;border-color:#2196f34d!important;color:#2196f3!important}[data-theme=dark] .calendar-icon.modern-icon:hover{background:#2196f333!important;box-shadow:0 4px 20px #2196f34d!important;color:#1976d2!important}.theme-toggle-btn.modern-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border-color:#86efac!important;color:#166534!important}.theme-toggle-btn.modern-icon:hover{background:linear-gradient(135deg,#bbf7d0,#86efac)!important;box-shadow:0 4px 20px #22c55e66!important;color:#14532d!important}[data-theme=dark] .theme-toggle-btn.modern-icon{background:#22c55e1a!important;border-color:#22c55e4d!important;color:#22c55e!important}[data-theme=dark] .theme-toggle-btn.modern-icon:hover{background:#22c55e33!important;box-shadow:0 4px 20px #22c55e4d!important;color:#16a34a!important}.notification-wrapper{position:relative}.notification-badge,.notification-wrapper{align-items:center;display:flex;justify-content:center}.notification-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fffffff2;border:2px solid var(--topbar-bg);border-radius:50%;box-shadow:0 2px 8px #ef444466;color:#fff;font-size:.6875rem;font-weight:700;height:1.125rem;line-height:1;min-width:1.125rem;padding:.125rem .375rem;position:absolute;right:.25rem;top:.25rem;z-index:2}.notif-pill-btn{align-items:center;background:#6366f10f;border:1.5px solid #6366f12e;border-radius:999px;color:#6366f1;cursor:pointer;display:inline-flex;font-family:inherit;gap:5px;height:34px;outline:none;padding:5px 10px 5px 8px;transition:background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.notif-pill-btn:hover{background:#6366f11f;border-color:#6366f159;box-shadow:0 2px 8px #6366f11f}.notif-pill-btn--active{animation:notifPillPulse 2.5s ease-in-out infinite;background:#ef444412;border-color:#ef44444d;color:#ef4444}.notif-pill-btn--active:hover{animation:none;background:#ef444421;border-color:#ef444480;box-shadow:0 2px 8px #ef444426}.notif-pill-icon{flex-shrink:0;font-size:18px;line-height:1}.notif-pill-count{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:-.2px;line-height:1;min-width:14px;text-align:center}.notif-pill-count--active{color:#ef4444}@keyframes notifPillPulse{0%,to{box-shadow:0 0 0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef44441f}}[data-theme=dark] .notif-pill-btn{background:#6366f11a;border-color:#6366f140;color:#a5b4fc}[data-theme=dark] .notif-pill-btn:hover{background:#6366f12e;border-color:#6366f173}[data-theme=dark] .notif-pill-btn--active{background:#ef44441f;border-color:#ef444459;color:#fca5a5}[data-theme=dark] .notif-pill-count{color:#64748b}[data-theme=dark] .notif-pill-count--active{color:#fca5a5}.ai-modal-overlay{animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}[data-theme=dark] .ai-modal-overlay{background:#000000b3}@media (max-width:768px){.topbar main>:last-child{margin-bottom:0!important}}.mobile-menu-toggle{display:none;position:relative}.mobile-dropdown-menu{animation:menuSlideDown .22s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff7;border:none;border-bottom:1px solid #e2e8f0e6;border-radius:0 0 16px 16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;left:0;padding:.5rem 1rem .75rem;position:fixed;right:0;top:58px;transform-origin:top center;width:100%;z-index:1000}[data-theme=dark] .mobile-dropdown-menu{background:#0f172af7;border-color:#334155cc;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}.mobile-dropdown-menu-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);padding:.25rem 0}.mobile-menu-item{align-items:center;background:#f8fafc99;background:var(--icon-bg,#6366f10f);border:none;border-radius:12px;color:#0f172a;color:var(--search-text);cursor:pointer;display:flex;flex-direction:column;font-size:.72rem;font-weight:500;gap:.35rem;justify-content:center;padding:.75rem .5rem;text-align:center;transition:all .18s ease;width:100%}.mobile-menu-item:hover{background:#ffffffe6;background:var(--icon-bg-hover);color:#334155;color:var(--icon-color-hover)}.mobile-menu-item .material-symbols-rounded{color:#64748b;color:var(--icon-color);font-size:1.35rem;transition:color .2s ease}.mobile-menu-item:hover .material-symbols-rounded{color:#334155;color:var(--icon-color-hover)}.logout-section{position:relative}.logout-btn,.logout-section{align-items:center;display:flex}.logout-btn{justify-content:center}.desktop-icons{align-items:center;display:flex;gap:1rem}.topbar-search-container{position:relative}.topbar-search-clear{color:#64748b;color:var(--search-placeholder);cursor:pointer;font-size:1.1rem;line-height:1;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.topbar-search-clear:hover{color:#0f172a;color:var(--search-text)}.topbar-search-dropdown{animation:dropdownFadeIn .18s ease-out;background:#fff;background:var(--tooltip-bg);border:1px solid #e2e8f0;border:1px solid var(--tooltip-border);border-radius:16px;box-shadow:0 10px 40px #00000026;box-shadow:var(--tooltip-shadow);left:0;min-width:420px;overflow:hidden;position:absolute;top:calc(100% + 8px);width:100%;z-index:9999}.topbar-search-count{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--tooltip-border);color:#64748b;color:var(--tooltip-text-muted);font-size:.75rem;padding:.6rem 1rem}.topbar-search-count strong{color:#1e293b;color:var(--tooltip-text)}.topbar-search-list{max-height:360px;overflow-y:auto;padding:.375rem}.topbar-search-list::-webkit-scrollbar{width:4px}.topbar-search-list::-webkit-scrollbar-track{background:#0000}.topbar-search-list::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--tooltip-border);border-radius:4px}.topbar-search-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.625rem .75rem;transition:background .15s ease}.topbar-search-item:hover{background:#ffffffe6;background:var(--icon-bg-hover)}.topbar-search-item-icon{align-items:center;background:#f8fafc99;background:var(--icon-bg);border:1px solid #e2e8f080;border:1px solid var(--icon-border);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.topbar-search-item-icon .material-symbols-rounded{color:#64748b;color:var(--icon-color);font-size:1rem}.topbar-search-item-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.topbar-search-item-info strong{color:#1e293b;color:var(--tooltip-text);font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search-item-section{color:#64748b;color:var(--tooltip-text-muted);font-size:.72rem}.topbar-search-highlight{background:#3b82f633;border-radius:3px;color:#3b82f6;font-style:normal;padding:0 1px}[data-theme=dark] .topbar-search-highlight{background:#00ff8826;color:#0f8}.topbar-search-item-arrow{color:#64748b;color:var(--icon-color);flex-shrink:0;font-size:.95rem;opacity:0;transition:opacity .15s ease,transform .15s ease}.topbar-search-item:hover .topbar-search-item-arrow{opacity:1;transform:translateX(2px)}.topbar-search-item-qa{border-top:1px solid #e2e8f080;border-top:1px solid var(--icon-border);margin-top:2px}.topbar-search-item-qa .topbar-search-item-icon{background:#3b82f614;border-color:#3b82f633}.topbar-search-item-qa .topbar-search-item-icon .material-symbols-rounded{color:#3b82f6}.topbar-search-item-qa .topbar-search-item-info strong{font-size:.8rem;font-style:italic;font-weight:400;line-height:1.3;overflow:visible;text-overflow:clip;white-space:normal}.topbar-search-item-qa .topbar-search-item-section{color:#3b82f6;font-weight:500}[data-theme=dark] .topbar-search-item-qa .topbar-search-item-icon{background:#00ff880f;border-color:#00ff8826}[data-theme=dark] .topbar-search-item-qa .topbar-search-item-icon .material-symbols-rounded,[data-theme=dark] .topbar-search-item-qa .topbar-search-item-section{color:#0f8}.qa-modal-overlay{align-items:center;animation:qa-overlay-in .15s ease;background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}@keyframes qa-overlay-in{0%{opacity:0}to{opacity:1}}.qa-modal{animation:qa-modal-in .18s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--tooltip-bg,#fff);border:1px solid #e2e8f080;border:1px solid var(--icon-border);border-radius:16px;box-shadow:0 20px 60px #0000002e;max-width:460px;overflow:hidden;width:100%}@keyframes qa-modal-in{0%{opacity:0;transform:scale(.93) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.qa-modal-header{align-items:center;border-bottom:1px solid #e2e8f080;border-bottom:1px solid var(--icon-border);display:flex;gap:.5rem;padding:.9rem 1rem .75rem}.qa-modal-bot-icon{color:#3b82f6;font-size:1.1rem}[data-theme=dark] .qa-modal-bot-icon{color:#0f8}.qa-modal-title{color:#3b82f6;flex:1 1;font-size:.82rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}[data-theme=dark] .qa-modal-title{color:#0f8}.qa-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--tooltip-text-muted);cursor:pointer;display:flex;padding:.2rem;transition:background .15s}.qa-modal-close:hover{background:#ffffffe6;background:var(--icon-bg-hover)}.qa-modal-close .material-symbols-rounded{font-size:1.1rem}.qa-modal-question{align-items:flex-start;background:#f8fafc99;background:var(--icon-bg);display:flex;gap:.6rem;padding:.85rem 1rem .7rem}.qa-modal-question .material-symbols-rounded{color:#64748b;color:var(--tooltip-text-muted);flex-shrink:0;font-size:1rem;margin-top:1px}.qa-modal-question p{color:#1e293b;color:var(--tooltip-text);font-size:.85rem;font-weight:600;line-height:1.4;margin:0}.qa-modal-answer{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem 1rem}.qa-answer-text{color:#1e293b;color:var(--tooltip-text);font-size:.875rem;line-height:1.6;margin:0}.qa-answer-spacer{height:.3rem}.qa-answer-bullet{align-items:flex-start;color:#1e293b;color:var(--tooltip-text);display:flex;font-size:.85rem;gap:.5rem;line-height:1.5;padding:.1rem 0}.qa-bullet-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:5px;margin-top:.45rem;width:5px}[data-theme=dark] .qa-bullet-dot{background:#0f8}.qa-answer-path{background:#3b82f612;border:1px solid #3b82f626;border-radius:8px;color:#3b82f6;font-size:.82rem;font-weight:500;line-height:1.5;margin:.2rem 0;padding:.45rem .7rem}[data-theme=dark] .qa-answer-path{background:#00ff880f;border-color:#00ff8826;color:#0f8}@media (max-width:600px){.qa-modal-overlay{align-items:flex-end;padding:0}.qa-modal{animation:qa-modal-slide-up .22s cubic-bezier(.34,1.2,.64,1);border-radius:20px 20px 0 0;max-width:100%}@keyframes qa-modal-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}}.mobile-search-result-qa .mobile-search-result-icon{background:#3b82f614;border-color:#3b82f633}.mobile-search-result-qa .mobile-search-result-icon .material-symbols-rounded{color:#3b82f6}.mobile-search-result-qa .mobile-search-result-info span{color:#3b82f6;font-weight:500}[data-theme=dark] .mobile-search-result-qa .mobile-search-result-icon{background:#00ff880f}[data-theme=dark] .mobile-search-result-qa .mobile-search-result-icon .material-symbols-rounded,[data-theme=dark] .mobile-search-result-qa .mobile-search-result-info span{color:#0f8}.topbar-search-empty{align-items:center;color:#64748b;color:var(--tooltip-text-muted);display:flex;font-size:.85rem;gap:.625rem;padding:1.25rem 1rem}.topbar-search-empty .material-symbols-rounded{font-size:1.25rem;opacity:.6}.mobile-search-wrapper{display:none}.mobile-search-overlay{animation:overlayFadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;inset:0;position:fixed;z-index:9999}.mobile-search-panel{animation:panelSlideDown .22s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--topbar-bg);border-bottom:1px solid #e5e7ebcc;border-bottom:1px solid var(--topbar-border);box-shadow:0 8px 40px #00000040;display:flex;flex-direction:column;left:0;max-height:92dvh;position:absolute;right:0;top:0}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.mobile-search-topbar{align-items:center;border-bottom:1px solid #e5e7ebcc;border-bottom:1px solid var(--topbar-border);display:flex;flex-shrink:0;gap:.625rem;height:64px;padding:0 1rem}.mobile-search-input-wrap{align-items:center;display:flex;flex:1 1;position:relative}.mobile-search-input-icon{color:#64748b;color:var(--search-icon);font-size:1.15rem;left:.875rem;pointer-events:none;position:absolute;z-index:1}.mobile-search-input{-webkit-appearance:none;background:#fff;background:var(--search-bg-focus);border:1.5px solid #3b82f680;border:1.5px solid var(--search-border-focus);border-radius:14px;box-shadow:0 0 0 4px #3b82f61a;box-shadow:var(--search-shadow-focus);color:#0f172a;color:var(--search-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;padding:.7rem 2.75rem;transition:border-color .2s ease;width:100%}.mobile-search-input:focus{outline:none}.mobile-search-input-clear,.mobile-search-input::placeholder{color:#64748b;color:var(--search-placeholder)}.mobile-search-input-clear{cursor:pointer;font-size:1.1rem;position:absolute;right:.875rem;transition:color .15s;z-index:1}.mobile-search-input-clear:hover{color:#0f172a;color:var(--search-text)}.mobile-search-cancel-btn{background:none;border:none;color:#3b82f6;cursor:pointer;flex-shrink:0;font-size:.925rem;font-weight:600;padding:.5rem .25rem;transition:opacity .15s;white-space:nowrap}[data-theme=dark] .mobile-search-cancel-btn{color:#0f8}.mobile-search-cancel-btn:active{opacity:.6}.mobile-search-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain}.mobile-search-hint{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:2.5rem 1.5rem 2rem;text-align:center}.mobile-search-hint-icon{color:#64748b;color:var(--search-icon);font-size:2.75rem;margin-bottom:.25rem;opacity:.5}.mobile-search-hint-title{color:#0f172a;color:var(--search-text);font-size:1.05rem;font-weight:600;margin:0}.mobile-search-hint-sub{color:#64748b;color:var(--tooltip-text-muted);font-size:.825rem;margin:0 0 1rem}.mobile-search-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.mobile-search-suggestion-chip{background:#f8fafc99;background:var(--icon-bg);border:1px solid #e2e8f080;border:1px solid var(--icon-border);border-radius:20px;color:#64748b;color:var(--icon-color);cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .875rem;transition:all .15s ease}.mobile-search-suggestion-chip:active,.mobile-search-suggestion-chip:hover{background:#ffffffe6;background:var(--icon-bg-hover);border-color:#3b82f680;border-color:var(--search-border-focus);color:#3b82f6;color:var(--search-icon-focus)}.mobile-search-loading{align-items:center;color:#64748b;color:var(--tooltip-text-muted);display:flex;flex-direction:column;font-size:.875rem;gap:.875rem;padding:3rem 1rem}.mobile-search-spinner{animation:spin .7s linear infinite;border:2.5px solid #e2e8f080;border:2.5px solid var(--icon-border);border-radius:50%;border-top:2.5px solid #3b82f6;height:28px;width:28px}[data-theme=dark] .mobile-search-spinner{border-top-color:#0f8}.mobile-search-no-results{align-items:center;display:flex;flex-direction:column;gap:.375rem;padding:2.5rem 1.5rem;text-align:center}.mobile-search-no-results .material-symbols-rounded{color:#64748b;color:var(--search-icon);font-size:2.25rem;opacity:.45}.mobile-search-no-results p{color:#0f172a;color:var(--search-text);font-size:.925rem;margin:.25rem 0 0}.mobile-search-no-results span{color:#64748b;color:var(--tooltip-text-muted);font-size:.8rem}.mobile-search-results-count{color:#64748b;color:var(--tooltip-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.04em;padding:.625rem 1rem .375rem;text-transform:uppercase}.mobile-search-results-list{padding:0 .5rem 1rem}.mobile-search-result-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:.875rem;padding:.75rem;transition:background .15s ease}.mobile-search-result-item:active{background:#ffffffe6;background:var(--icon-bg-hover);transform:scale(.99)}.mobile-search-result-icon{align-items:center;background:#f8fafc99;background:var(--icon-bg);border:1px solid #e2e8f080;border:1px solid var(--icon-border);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.mobile-search-result-icon .material-symbols-rounded{color:#64748b;color:var(--icon-color);font-size:1.15rem}.mobile-search-result-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.mobile-search-result-info strong{color:#1e293b;color:var(--tooltip-text);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-search-result-info span{color:#64748b;color:var(--tooltip-text-muted);font-size:.75rem}.mobile-search-result-arrow{color:#64748b;color:var(--icon-color);flex-shrink:0;font-size:1.15rem;opacity:.5}.mobile-search-highlight{background:#3b82f62e;border-radius:3px;color:#3b82f6;font-style:normal;padding:0 1px}[data-theme=dark] .mobile-search-highlight{background:#00ff8826;color:#0f8}@media (max-width:640px){.mobile-search-topbar{height:56px;padding:0 .75rem}}@media (max-width:480px){.mobile-search-topbar{height:54px;padding:0 .625rem}}@media (max-width:1024px){.topbar-search-container{width:250px}.topbar-right{gap:.75rem}}@media (max-width:768px){.topbar-fixed{height:58px;padding:0 .875rem}.topbar-search-container{width:200px}.topbar-left,.topbar-right{gap:.5rem}.topbar-brand-logo{height:26px;max-width:90px}.mobile-menu-toggle{display:block}.ai-insights-wrapper,.calendar-wrapper,.profile-section,.theme-toggle-wrapper{display:none}.modern-hamburger,.modern-icon{border-radius:11px!important;height:40px!important;width:40px!important}.modern-icon .material-symbols-rounded{font-size:1.2rem}.simple-profile-card{right:0;width:220px}.logout-tooltip{right:0}}@media (max-width:640px){.topbar-fixed{height:56px;padding:0 .75rem}.topbar-search-container{display:none}.topbar-brand-logo{height:24px;max-width:80px}.mobile-search-wrapper{display:flex}.topbar-left,.topbar-right{flex:1 1;gap:.5rem}.topbar-right{justify-content:flex-end}.modern-hamburger,.modern-icon{border-radius:10px!important;height:38px!important;width:38px!important}.modern-icon .material-symbols-rounded{font-size:1.15rem}.simple-profile-card{font-size:.8rem;right:0;width:200px}.simple-profile-row{font-size:.8rem;margin-bottom:.5rem}.change-password-btn{font-size:.8rem;padding:.5rem .7rem}.mobile-dropdown-menu{min-width:180px}.mobile-menu-item{font-size:.8125rem;gap:.625rem;padding:.625rem .875rem}.mobile-menu-item .material-symbols-rounded{font-size:1.05rem}}@media (max-width:480px){.topbar-fixed{height:54px;padding:0 .625rem}.topbar-right{gap:.375rem}.modern-hamburger,.modern-icon{border-radius:9px!important;height:36px!important;width:36px!important}.modern-icon .material-symbols-rounded{font-size:1.1rem}.notification-badge{font-size:.625rem;height:1rem;min-width:1rem;padding:.0625rem .25rem;right:.125rem;top:.125rem}.simple-profile-card{font-size:.75rem;padding:.875rem;right:0;width:180px}.simple-profile-row{font-size:.75rem;margin-bottom:.45rem}.simple-profile-row strong{font-size:.75rem;max-width:100px}.simple-user-badge{font-size:.7rem;padding:.2rem .45rem}.change-password-btn{font-size:.75rem;gap:.4rem;padding:.45rem .6rem}.change-password-btn .material-symbols-rounded{font-size:.95rem}.mobile-dropdown-menu{min-width:170px;padding:.4rem}.mobile-menu-item{font-size:.8rem;gap:.6rem;padding:.6rem .8rem}.mobile-menu-item .material-symbols-rounded{font-size:1rem}}@media (max-width:380px){.topbar-fixed{height:52px;padding:0 .5rem}.topbar-right{gap:.3rem}.modern-hamburger,.modern-icon{border-radius:8px!important;height:34px!important;width:34px!important}.modern-icon .material-symbols-rounded{font-size:1.05rem}.notification-badge{font-size:.6rem;height:.95rem;min-width:.95rem}.simple-profile-card{font-size:.7rem;padding:.8rem;width:170px}.simple-profile-row{font-size:.7rem;margin-bottom:.4rem}.simple-profile-row strong{font-size:.7rem;max-width:90px}.simple-user-badge{font-size:.65rem;padding:.175rem .4rem}.change-password-btn{font-size:.7rem;padding:.4rem .55rem}.mobile-dropdown-menu{min-width:160px}}@media (max-width:768px){.logout-section,.mobile-menu-toggle,.notification-wrapper,.profile-section{flex-shrink:0}}.student-modern-icon.ai-icon.modern-icon,.student-modern-icon.calendar-icon.modern-icon,.student-modern-icon.icon-bell.modern-icon,.student-modern-icon.logout-btn.modern-icon,.student-modern-icon.modern-icon,.student-modern-icon.profile-avatar.modern-icon,.student-modern-icon.theme-toggle-btn.modern-icon{background:#0000!important;border:none!important;box-shadow:none!important}.student-modern-icon.ai-icon.modern-icon:hover,.student-modern-icon.calendar-icon.modern-icon:hover,.student-modern-icon.icon-bell.modern-icon:hover,.student-modern-icon.logout-btn.modern-icon:hover,.student-modern-icon.modern-icon:hover,.student-modern-icon.profile-avatar.modern-icon:hover,.student-modern-icon.theme-toggle-btn.modern-icon:hover{background:#64748b1a!important;border:none!important;box-shadow:none!important}[data-theme=dark] .student-modern-icon.ai-icon.modern-icon,[data-theme=dark] .student-modern-icon.calendar-icon.modern-icon,[data-theme=dark] .student-modern-icon.icon-bell.modern-icon,[data-theme=dark] .student-modern-icon.logout-btn.modern-icon,[data-theme=dark] .student-modern-icon.modern-icon,[data-theme=dark] .student-modern-icon.profile-avatar.modern-icon,[data-theme=dark] .student-modern-icon.theme-toggle-btn.modern-icon{background:#0000!important;border:none!important;box-shadow:none!important}[data-theme=dark] .student-modern-icon.ai-icon.modern-icon:hover,[data-theme=dark] .student-modern-icon.calendar-icon.modern-icon:hover,[data-theme=dark] .student-modern-icon.icon-bell.modern-icon:hover,[data-theme=dark] .student-modern-icon.logout-btn.modern-icon:hover,[data-theme=dark] .student-modern-icon.modern-icon:hover,[data-theme=dark] .student-modern-icon.profile-avatar.modern-icon:hover,[data-theme=dark] .student-modern-icon.theme-toggle-btn.modern-icon:hover{background:#64748b26!important;border:none!important;box-shadow:none!important}.followups-icon{color:#ea580c;position:relative}.followups-icon:hover{background:#ea580c14!important;color:#c2410c!important}[data-theme=dark] .followups-icon{color:#fb923c}[data-theme=dark] .followups-icon:hover{background:#fb923c1f!important;color:#fdba74!important}.student-modern-icon.followups-icon.modern-icon{background:#0000!important;border:none!important;box-shadow:none!important}.student-modern-icon.followups-icon.modern-icon:hover{background:#ea580c1a!important;border:none!important;box-shadow:none!important}[data-theme=dark] .student-modern-icon.followups-icon.modern-icon{background:#0000!important;border:none!important;box-shadow:none!important}[data-theme=dark] .student-modern-icon.followups-icon.modern-icon:hover{background:#fb923c1f!important;border:none!important;box-shadow:none!important}:root{--student-topbar-bg:#ffffffad;--student-topbar-border:#ffffff8c;--student-topbar-shadow:0 4px 24px #00000012,0 1px 0 #ffffffd9 inset;--student-search-bg:#f8fafccc;--student-search-bg-hover:#ffffffe6;--student-search-bg-focus:#fff;--student-search-border:#e2e8f0cc;--student-search-border-hover:#cbd5e1cc;--student-search-border-focus:#3b82f680;--student-search-text:#0f172a;--student-search-placeholder:#64748b;--student-search-icon:#64748b;--student-search-icon-focus:#3b82f6;--student-search-shadow:0 1px 2px 0 #0000000d;--student-search-shadow-hover:0 4px 12px #0000001a;--student-search-shadow-focus:0 0 0 4px #3b82f61a;--student-icon-color:#64748b;--student-icon-color-hover:#334155;--student-icon-bg:#f8fafc99;--student-icon-bg-hover:#ffffffe6;--student-icon-border:#e2e8f080;--student-icon-border-hover:#cbd5e1cc;--student-icon-shadow:0 1px 3px #0000001a;--student-icon-shadow-hover:0 4px 12px #00000026;--student-profile-bg:#ffffffe6;--student-profile-border:#e2e8f0cc;--student-profile-text:#0f172a;--student-profile-text-secondary:#64748b;--student-profile-shadow:0 2px 8px #0000001a;--student-tooltip-bg:#fff;--student-tooltip-border:#e2e8f0;--student-tooltip-shadow:0 10px 40px #00000026;--student-tooltip-text:#1e293b;--student-tooltip-text-muted:#64748b}[data-theme=dark] .student-topbar-right{background:#0f172abf!important;border-color:#334155cc!important;box-shadow:0 2px 10px #0000004d,inset 0 1px 0 #ffffff0d!important}[data-theme=dark]{--student-topbar-bg:#0a0f1eb8;--student-topbar-border:#ffffff0f;--student-topbar-shadow:0 4px 24px #00000059,0 1px 0 #ffffff0d inset;--student-search-bg:#1e293b99;--student-search-bg-hover:#334155cc;--student-search-bg-focus:#334155e6;--student-search-border:#334155cc;--student-search-border-hover:#475569cc;--student-search-border-focus:#00ff8880;--student-search-text:#f8fafc;--student-search-placeholder:#94a3b8;--student-search-icon:#94a3b8;--student-search-icon-focus:#0f8;--student-search-shadow:0 1px 2px 0 #0000004d;--student-search-shadow-hover:0 4px 12px #0006;--student-search-shadow-focus:0 0 0 4px #0f83;--student-icon-color:#94a3b8;--student-icon-color-hover:#f1f5f9;--student-icon-bg:#1e293b99;--student-icon-bg-hover:#334155cc;--student-icon-border:#33415580;--student-icon-border-hover:#475569cc;--student-icon-shadow:0 1px 3px #0006;--student-icon-shadow-hover:0 4px 12px #00000080;--student-profile-bg:#1e293be6;--student-profile-border:#334155cc;--student-profile-text:#f8fafc;--student-profile-text-secondary:#94a3b8;--student-profile-shadow:0 2px 8px #0006;--student-tooltip-bg:#1e293b;--student-tooltip-border:#334155;--student-tooltip-shadow:0 10px 40px #0009;--student-tooltip-text:#f8fafc;--student-tooltip-text-muted:#94a3b8}.student-topbar-fixed{align-items:center;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#ffffffad;background:var(--student-topbar-bg);border-bottom:1px solid #ffffff8c;border-bottom:1px solid var(--student-topbar-border);box-shadow:0 4px 24px #00000012,inset 0 1px 0 #ffffffd9;box-shadow:var(--student-topbar-shadow);display:flex;height:64px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:500}.student-topbar-left{align-items:center;display:flex;gap:1rem}.student-topbar-brand-logo{height:36px;max-width:120px}@media (max-width:768px){.student-topbar-brand-logo{height:28px;max-width:90px}}@media (max-width:480px){.student-topbar-brand-logo{height:24px;max-width:72px}}.student-topbar-right{align-items:center;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;background:#f8fafcd1!important;border:1px solid #cbd5e1bf!important;border-radius:14px;box-shadow:0 2px 10px #0000001a,inset 0 1px 0 #ffffffe6!important;display:flex;gap:.15rem!important;padding:.28rem .45rem!important}.student-modern-hamburger{align-items:center;background:#f8fafc99;background:var(--student-icon-bg);border:1px solid #e2e8f080;border:1px solid var(--student-icon-border);border-radius:12px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--student-icon-shadow);cursor:pointer;display:flex;flex-direction:column;gap:4px;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}.student-modern-hamburger span{background:#64748b;background:var(--student-icon-color);border-radius:1px;display:block;height:2px;transition:all .3s ease;width:18px}.student-modern-hamburger:hover{background:#ffffffe6;background:var(--student-icon-bg-hover);border-color:#cbd5e1cc;border-color:var(--student-icon-border-hover);box-shadow:0 4px 12px #00000026;box-shadow:var(--student-icon-shadow-hover);transform:translateY(-1px)}.student-modern-hamburger:hover span{background:#334155;background:var(--student-icon-color-hover)}.student-topbar-search-container{max-width:100%;position:relative;width:480px}.student-topbar-search-input{background:#f8fafccc;background:var(--student-search-bg);border:1px solid #e2e8f0cc;border:1px solid var(--student-search-border);border-radius:16px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--student-search-shadow);color:#0f172a;color:var(--student-search-text);cursor:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;padding:.875rem 5rem .875rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.student-topbar-search-input::placeholder{color:#64748b;color:var(--student-search-placeholder);font-weight:400}.student-topbar-search-input:hover{background:#ffffffe6;background:var(--student-search-bg-hover);border-color:#cbd5e1cc;border-color:var(--student-search-border-hover);box-shadow:0 4px 12px #0000001a;box-shadow:var(--student-search-shadow-hover)}.student-topbar-search-input:focus{background:#fff;background:var(--student-search-bg-focus);border-color:#3b82f680;border-color:var(--student-search-border-focus);box-shadow:0 0 0 4px #3b82f61a;box-shadow:var(--student-search-shadow-focus);outline:none}.student-topbar-search-icon{color:#64748b;color:var(--student-search-icon);font-size:1.25rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:1}.student-topbar-search-input:focus~.student-topbar-search-icon{color:#3b82f6;color:var(--student-search-icon-focus)}.student-search-shortcut{background:#e2e8f0cc;background:var(--student-search-border);border-radius:6px;color:#64748b;color:var(--student-search-placeholder);font-size:.75rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease}.student-topbar-search-input:focus~.student-search-shortcut{opacity:.5}.student-modern-icon{align-items:center;background:#0000!important;border:none!important;border-radius:9px!important;box-shadow:none!important;color:#64748b!important;color:var(--student-icon-color)!important;cursor:pointer;display:flex;height:40px!important;justify-content:center;overflow:visible;position:relative;transition:all .2s ease!important;width:40px!important}.student-modern-icon:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:0}.student-modern-icon:hover:before{left:100%}.student-modern-icon:hover{background:#64748b1a!important;border-color:#0000!important;box-shadow:none!important;transform:translateY(-1px) scale(1.06)!important}.student-modern-icon .material-symbols-rounded{font-size:1.35rem;font-weight:400;z-index:1}.student-icon-bell.student-modern-icon .material-symbols-rounded{color:#7c3aed!important}.student-icon-bell.student-modern-icon:hover{background:#7c3aed1a!important}.student-profile-avatar.student-modern-icon .material-symbols-rounded{color:#2563eb!important}.student-profile-avatar.student-modern-icon:hover{background:#2563eb1a!important}.student-ai-icon.student-modern-icon .material-symbols-rounded{color:#6d28d9!important}.student-ai-icon.student-modern-icon:hover{background:#6d28d91a!important}.student-calendar-icon.student-modern-icon .material-symbols-rounded{color:#059669!important}.student-calendar-icon.student-modern-icon:hover{background:#0596691a!important}.student-theme-toggle-btn.student-modern-icon .material-symbols-rounded{color:#b45309!important}.student-theme-toggle-btn.student-modern-icon:hover{background:#b453091a!important}[data-theme=dark] .student-icon-bell.student-modern-icon .material-symbols-rounded{color:#a78bfa!important}[data-theme=dark] .student-icon-bell.student-modern-icon:hover{background:#a78bfa26!important}[data-theme=dark] .student-profile-avatar.student-modern-icon .material-symbols-rounded{color:#60a5fa!important}[data-theme=dark] .student-profile-avatar.student-modern-icon:hover{background:#60a5fa26!important}[data-theme=dark] .student-ai-icon.student-modern-icon .material-symbols-rounded{color:#a78bfa!important}[data-theme=dark] .student-ai-icon.student-modern-icon:hover{background:#a78bfa26!important}[data-theme=dark] .student-calendar-icon.student-modern-icon .material-symbols-rounded{color:#34d399!important}[data-theme=dark] .student-calendar-icon.student-modern-icon:hover{background:#34d39926!important}[data-theme=dark] .student-theme-toggle-btn.student-modern-icon .material-symbols-rounded{color:#fbbf24!important}[data-theme=dark] .student-theme-toggle-btn.student-modern-icon:hover{background:#fbbf2426!important}.student-simple-profile-card{animation:studentProfileFadeIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px 0 #fff9;min-width:240px;padding:1rem;position:absolute;right:0;top:calc(100% + .6rem);width:240px;z-index:1000}[data-theme=dark] .student-simple-profile-card{background:#1a1a1acc;border:1px solid #ffffff26;box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px 0 #ffffff1a}.student-simple-profile-row{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.75rem}.student-simple-profile-row:last-child{margin-bottom:0}.student-simple-profile-row span:first-child{color:#6b7280;font-weight:500}[data-theme=dark] .student-simple-profile-row span:first-child{color:#9ca3af}.student-simple-profile-row strong{color:#111827;font-size:.8rem;font-weight:600;max-width:140px;text-align:right;word-break:break-word}[data-theme=dark] .student-simple-profile-row strong{color:#f9fafb}.student-simple-user-badge{background:#3b82f6;border-radius:6px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.2rem .5rem;text-transform:uppercase}[data-theme=dark] .student-simple-user-badge{background:#1d4ed8}.student-profile-actions{border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem}[data-theme=dark] .student-profile-actions{border-top:1px solid #4b5563}.student-change-password-btn{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#dbeafeb3;border:1px solid #3b82f64d;border-radius:12px;box-shadow:0 1px 3px #0000001a,inset 0 1px 0 #fff9;color:#1e40af;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.student-change-password-btn:hover{background:#93c5fdcc;border-color:#2563eb80;box-shadow:0 4px 12px #3b82f626,inset 0 1px 0 #fffc;transform:translateY(-1px)}[data-theme=dark] .student-change-password-btn{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#3b82f626;border-color:#3b82f64d;box-shadow:0 1px 3px #0000004d,inset 0 1px 0 #ffffff1a;color:#93c5fd}[data-theme=dark] .student-change-password-btn:hover{background:#3b82f640;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f640,inset 0 1px 0 #fff3}.student-change-password-btn .material-symbols-rounded{flex-shrink:0;font-size:1rem}.student-logout-btn.student-modern-icon .material-symbols-rounded{color:#e11d48!important}.student-logout-btn.student-modern-icon:hover{background:#e11d481a!important}[data-theme=dark] .student-logout-btn.student-modern-icon .material-symbols-rounded{color:#fb7185!important}[data-theme=dark] .student-logout-btn.student-modern-icon:hover{background:#fb718526!important}.student-has-tooltip{position:relative}.student-has-tooltip:after{background:#0f172ae6;border-radius:999px;box-shadow:0 4px 14px #00000040;color:#f1f5f9;content:attr(data-tooltip);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;font-weight:500;left:50%;letter-spacing:.02em;opacity:0;padding:.28rem .7rem;pointer-events:none;position:absolute;top:calc(100% + 10px);transform:translateX(-50%) translateY(-5px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:9999}.student-has-tooltip:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.student-notification-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.student-notification-badge{align-items:center;animation:studentPulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #ffffffad;border:2px solid var(--student-topbar-bg);border-radius:50%;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:.6875rem;font-weight:700;height:1.125rem;justify-content:center;line-height:1;min-width:1.125rem;padding:.125rem .375rem;position:absolute;right:.25rem;top:.25rem;z-index:2}.student-notif-pill-btn{background:#7c3aed0f;border-color:#7c3aed2e;color:#7c3aed}.student-notif-pill-btn:hover{background:#7c3aed1f;border-color:#7c3aed59;box-shadow:0 2px 8px #7c3aed1f}.student-notif-pill-btn--active{background:#ef444412;border-color:#ef44444d;color:#ef4444}.student-notif-pill-btn--active:hover{background:#ef444421;border-color:#ef444480;box-shadow:0 2px 8px #ef444426}[data-theme=dark] .student-notif-pill-btn{background:#7c3aed1a;border-color:#7c3aed40;color:#a78bfa}[data-theme=dark] .student-notif-pill-btn:hover{background:#7c3aed2e;border-color:#7c3aed73}.student-message-banner{animation:studentSlideDown .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#22c55e1a;border-left:4px solid #22c55e;color:#166534;font-size:.875rem;gap:.75rem;padding:1rem 2rem;position:relative}.student-message-banner.error{background:#ef44441a;border-left-color:#ef4444;color:#991b1b}[data-theme=dark] .student-message-banner{background:#22c55e26;color:#86efac}[data-theme=dark] .student-message-banner.error{background:#ef444426;color:#fca5a5}.student-message-banner button{align-items:center;background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:.25rem;transition:all .2s ease}.student-message-banner button:hover{background:#0000001a}.student-logout-dialog-overlay,.student-password-dialog-overlay{align-items:center;animation:studentFadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.student-logout-dialog,.student-password-dialog{animation:studentScaleIn .3s ease-out;background:#fff;background:var(--student-tooltip-bg);border:1px solid #e2e8f0;border:1px solid var(--student-tooltip-border);border-radius:16px;box-shadow:0 10px 40px #00000026;box-shadow:var(--student-tooltip-shadow);max-width:400px;padding:2rem;width:90%}.student-logout-dialog h3,.student-password-dialog h3{color:#1e293b;color:var(--student-tooltip-text);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.student-logout-dialog p,.student-password-dialog p{color:#64748b;color:var(--student-tooltip-text-muted);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.student-dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.student-btn-cancel,.student-btn-confirm{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .3s ease}.student-btn-cancel{background:#f8fafc99;background:var(--student-icon-bg);border-color:#e2e8f080;border-color:var(--student-icon-border);color:#334155;color:var(--student-icon-color-hover)}.student-btn-cancel:hover{background:#ffffffe6;background:var(--student-icon-bg-hover);border-color:#cbd5e1cc;border-color:var(--student-icon-border-hover)}.student-btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.student-btn-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d}@keyframes studentProfileFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes studentFadeInTooltip{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes studentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes studentSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes studentFadeIn{0%{opacity:0}to{opacity:1}}@keyframes studentScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.student-topbar-fixed{height:60px;padding:0 1rem}.student-topbar-search-container{width:200px}.student-topbar-left,.student-topbar-right{gap:.5rem}.student-modern-hamburger,.student-modern-icon{height:40px!important;width:40px!important}.student-simple-profile-card{right:-10px;width:220px}.student-logout-tooltip{right:-5px}}@media (max-width:640px){.student-topbar-search-container{width:160px}.student-topbar-search-input{font-size:.8125rem;padding:.75rem 1rem .75rem 2.5rem}.student-simple-profile-card{right:-20px;width:200px}}@media (max-width:480px){.student-topbar-fixed{padding:0 .75rem}.student-topbar-search-container{width:140px}.student-topbar-right{gap:.25rem}.student-modern-hamburger,.student-modern-icon{height:36px!important;width:36px!important}.student-modern-icon .material-symbols-rounded{font-size:1.125rem}.student-simple-profile-card{font-size:.75rem;right:-30px;width:180px}.student-simple-profile-row{font-size:.75rem;margin-bottom:.5rem}.student-simple-profile-row strong{font-size:.75rem;max-width:100px}}@media (prefers-reduced-motion:reduce){.student-modern-icon,.student-simple-profile-card,.student-topbar-fixed{animation:none;transition:none}.student-modern-icon:hover{transform:none}}.student-modern-hamburger:focus-visible,.student-modern-icon:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}[data-theme=dark] .student-modern-hamburger:focus-visible,[data-theme=dark] .student-modern-icon:focus-visible{outline-color:#0f8}.student-mobile-menu-toggle{display:none;position:relative}.student-mobile-dropdown-menu{animation:studentMenuSlideIn .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;min-width:200px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}[data-theme=dark] .student-mobile-dropdown-menu{background:#1e293bf2;border-color:#334155cc;box-shadow:0 8px 32px #0006,0 2px 8px #0003}.student-mobile-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#0f172a;color:var(--student-search-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.student-mobile-menu-item:hover{background:#ffffffe6;background:var(--student-icon-bg-hover);color:#334155;color:var(--student-icon-color-hover)}.student-mobile-menu-item .material-symbols-rounded{color:#64748b;color:var(--student-icon-color);font-size:1.125rem;transition:color .2s ease}.student-mobile-menu-item:hover .material-symbols-rounded{color:#334155;color:var(--student-icon-color-hover)}@keyframes studentMenuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.student-profile-section{position:relative}.student-logout-section{align-items:center;display:flex;position:relative}.student-topbar-right{overflow:visible}.student-desktop-icons{align-items:center;display:flex;gap:.15rem}@media (max-width:1200px){.student-topbar-search-container{width:300px}.student-search-shortcut{display:none}}@media (max-width:1024px){.student-topbar-search-container{width:250px}.student-topbar-right{gap:.75rem}}@media (max-width:768px){.student-topbar-fixed{height:58px;padding:0 .875rem}.student-topbar-search-container{width:200px}.student-topbar-left,.student-topbar-right{gap:.5rem}.student-mobile-menu-toggle{display:block}.student-ai-insights-wrapper,.student-calendar-wrapper,.student-theme-toggle-wrapper{display:none}.student-modern-hamburger,.student-modern-icon{border-radius:9px!important;height:37px!important;width:37px!important}.student-topbar-right,[data-theme=dark] .student-topbar-right{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;gap:.1rem!important;padding:0!important}.student-modern-icon .material-symbols-rounded{font-size:1.2rem}.student-simple-profile-card{right:0;width:220px}.student-logout-tooltip{right:0}}@media (max-width:640px){.student-topbar-fixed{height:56px;padding:0 .75rem}.student-topbar-search-container{display:none}.student-topbar-left{flex:0 1;gap:.5rem}.student-topbar-right,[data-theme=dark] .student-topbar-right{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;flex:1 1;gap:.25rem!important;justify-content:flex-end;padding:0!important}.student-modern-hamburger,.student-modern-icon{border-radius:10px!important;height:38px!important;width:38px!important}.student-modern-icon .material-symbols-rounded{font-size:1.15rem}.student-simple-profile-card{font-size:.8rem;right:0;width:200px}.student-simple-profile-row{font-size:.8rem;margin-bottom:.5rem}.student-change-password-btn{font-size:.8rem;padding:.5rem .7rem}.student-mobile-dropdown-menu{min-width:180px}.student-mobile-menu-item{font-size:.8125rem;gap:.625rem;padding:.625rem .875rem}.student-mobile-menu-item .material-symbols-rounded{font-size:1.05rem}}@media (max-width:480px){.student-topbar-fixed{height:54px;padding:0 .625rem}.student-topbar-right{gap:.375rem}.student-modern-hamburger,.student-modern-icon{border-radius:9px!important;height:36px!important;width:36px!important}.student-modern-icon .material-symbols-rounded{font-size:1.1rem}.student-notification-badge{font-size:.625rem;height:1rem;min-width:1rem;padding:.0625rem .25rem;right:.125rem;top:.125rem}.student-simple-profile-card{font-size:.75rem;padding:.875rem;right:0;width:180px}.student-simple-profile-row{font-size:.75rem;margin-bottom:.45rem}.student-simple-profile-row strong{font-size:.75rem;max-width:100px}.student-simple-user-badge{font-size:.7rem;padding:.2rem .45rem}.student-change-password-btn{font-size:.75rem;gap:.4rem;padding:.45rem .6rem}.student-change-password-btn .material-symbols-rounded{font-size:.95rem}.student-mobile-dropdown-menu{min-width:170px;padding:.4rem}.student-mobile-menu-item{font-size:.8rem;gap:.6rem;padding:.6rem .8rem}.student-mobile-menu-item .material-symbols-rounded{font-size:1rem}}@media (max-width:380px){.student-topbar-fixed{height:52px;padding:0 .5rem}.student-topbar-right{gap:.3rem}.student-modern-hamburger,.student-modern-icon{border-radius:8px!important;height:34px!important;width:34px!important}.student-modern-icon .material-symbols-rounded{font-size:1.05rem}.student-notification-badge{font-size:.6rem;height:.95rem;min-width:.95rem}.student-simple-profile-card{font-size:.7rem;padding:.8rem;width:170px}.student-simple-profile-row{font-size:.7rem;margin-bottom:.4rem}.student-simple-profile-row strong{font-size:.7rem;max-width:90px}.student-simple-user-badge{font-size:.65rem;padding:.175rem .4rem}.student-change-password-btn{font-size:.7rem;padding:.4rem .55rem}.student-mobile-dropdown-menu{min-width:160px}}@media (max-width:768px){.student-logout-section,.student-mobile-menu-toggle,.student-notification-wrapper,.student-profile-section{flex-shrink:0}}.student-topbar-search-clear{color:#64748b;color:var(--student-search-placeholder);cursor:pointer;font-size:1.1rem;line-height:1;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.student-topbar-search-clear:hover{color:#0f172a;color:var(--student-search-text)}.student-topbar-search-dropdown{animation:studentSearchDropdownIn .18s ease;background:#fff;background:var(--student-tooltip-bg);border:1px solid #e2e8f0;border:1px solid var(--student-tooltip-border);border-radius:16px;box-shadow:0 10px 40px #00000026;box-shadow:var(--student-tooltip-shadow);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes studentSearchDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.student-topbar-search-empty{align-items:center;color:#64748b;color:var(--student-tooltip-text-muted);display:flex;font-size:.875rem;gap:.625rem;padding:1.125rem 1.25rem}.student-topbar-search-empty .material-symbols-rounded{font-size:1.2rem;opacity:.7}.student-topbar-search-count{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--student-tooltip-border);color:#64748b;color:var(--student-tooltip-text-muted);font-size:.75rem;padding:.625rem 1.25rem .375rem}.student-topbar-search-count strong{color:#1e293b;color:var(--student-tooltip-text)}.student-topbar-search-list{max-height:340px;overflow-y:auto;padding:.375rem 0}.student-topbar-search-item{align-items:center;cursor:pointer;display:flex;gap:.875rem;padding:.75rem 1.25rem;transition:background .15s ease}.student-topbar-search-item:hover{background:#ffffffe6;background:var(--student-icon-bg-hover)}.student-topbar-search-item-qa{background:#3b82f60a}[data-theme=dark] .student-topbar-search-item-qa{background:#00ff880a}.student-topbar-search-item-icon{align-items:center;background:#f8fafc99;background:var(--student-icon-bg);border:1px solid #e2e8f080;border:1px solid var(--student-icon-border);border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.student-topbar-search-item-icon .material-symbols-rounded{color:#64748b;color:var(--student-icon-color);font-size:1.1rem}.student-topbar-search-item-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.student-topbar-search-item-info strong{color:#1e293b;color:var(--student-tooltip-text);font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-topbar-search-item-section{color:#64748b;color:var(--student-tooltip-text-muted);font-size:.75rem}.student-topbar-search-highlight{background:#3b82f62e;border-radius:3px;color:#3b82f6;font-style:normal;padding:0 1px}[data-theme=dark] .student-topbar-search-highlight{background:#00ff882e;color:#0f8}.student-topbar-search-item-arrow{color:#64748b;color:var(--student-icon-color);flex-shrink:0;font-size:1rem;opacity:.6}.student-mobile-search-wrapper{display:none}@media (max-width:640px){.student-mobile-search-wrapper{align-items:center;display:flex}}.student-mobile-search-overlay{animation:studentMobileSearchOverlayIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;inset:0;position:fixed;z-index:9999}@keyframes studentMobileSearchOverlayIn{0%{opacity:0}to{opacity:1}}.student-mobile-search-panel{animation:studentMobileSearchPanelIn .22s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--student-tooltip-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--student-tooltip-border);border-radius:0 0 20px 20px;display:flex;flex-direction:column;left:0;max-height:92vh;overflow:hidden;position:absolute;right:0;top:0}@keyframes studentMobileSearchPanelIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.student-mobile-search-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--student-tooltip-border);display:flex;gap:.75rem;padding:1rem 1rem .75rem}.student-mobile-search-input-row{align-items:center;display:flex;flex:1 1;position:relative}.student-mobile-search-icon-left{color:#64748b;color:var(--student-search-placeholder);font-size:1.15rem;left:.75rem;pointer-events:none;position:absolute}.student-mobile-search-input{background:#f8fafccc;background:var(--student-search-bg);border:1px solid #e2e8f0cc;border:1px solid var(--student-search-border);border-radius:12px;color:#0f172a;color:var(--student-search-text);font-size:.9375rem;padding:.75rem 2.5rem;transition:border-color .2s,box-shadow .2s;width:100%}.student-mobile-search-input:focus{border-color:#3b82f680;border-color:var(--student-search-border-focus);box-shadow:0 0 0 4px #3b82f61a;box-shadow:var(--student-search-shadow-focus);outline:none}.student-mobile-search-clear,.student-mobile-search-input::placeholder{color:#64748b;color:var(--student-search-placeholder)}.student-mobile-search-clear{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0;position:absolute;right:.625rem}.student-mobile-search-clear .material-symbols-rounded{font-size:1.1rem}.student-mobile-search-cancel{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.25rem 0;white-space:nowrap}[data-theme=dark] .student-mobile-search-cancel{color:#0f8}.student-mobile-search-body{flex:1 1;overflow-y:auto}.student-mobile-search-hint{align-items:center;display:flex;flex-direction:column;gap:.375rem;padding:2.5rem 1.5rem 2rem;text-align:center}.student-mobile-search-hint-icon{color:#64748b;color:var(--student-search-placeholder);font-size:2.5rem;margin-bottom:.375rem}.student-mobile-search-hint-title{color:#1e293b;color:var(--student-tooltip-text);font-size:1rem;font-weight:600;margin:0}.student-mobile-search-hint-sub{color:#64748b;color:var(--student-tooltip-text-muted);font-size:.875rem;margin:0 0 .875rem}.student-mobile-search-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.375rem}.student-mobile-search-suggestion-chip{background:#f8fafc99;background:var(--student-icon-bg);border:1px solid #e2e8f080;border:1px solid var(--student-icon-border);border-radius:20px;color:#1e293b;color:var(--student-tooltip-text);cursor:pointer;font-size:.8125rem;padding:.375rem .875rem;transition:background .15s,border-color .15s}.student-mobile-search-suggestion-chip:hover{background:#ffffffe6;background:var(--student-icon-bg-hover);border-color:#cbd5e1cc;border-color:var(--student-icon-border-hover)}.student-mobile-search-loading{align-items:center;color:#64748b;color:var(--student-tooltip-text-muted);display:flex;font-size:.875rem;gap:.75rem;justify-content:center;padding:2.5rem 1.5rem}.student-mobile-search-spinner{animation:studentSearchSpin .65s linear infinite;border:2px solid #e2e8f080;border:2px solid var(--student-icon-border);border-radius:50%;border-top:2px solid #3b82f6;height:20px;width:20px}[data-theme=dark] .student-mobile-search-spinner{border-top-color:#0f8}@keyframes studentSearchSpin{to{transform:rotate(1turn)}}.student-mobile-search-no-results{align-items:center;color:#64748b;color:var(--student-tooltip-text-muted);display:flex;flex-direction:column;font-size:.875rem;gap:.375rem;padding:2.5rem 1.5rem;text-align:center}.student-mobile-search-no-results .material-symbols-rounded{font-size:2.25rem;margin-bottom:.25rem;opacity:.6}.student-mobile-search-no-results p{color:#1e293b;color:var(--student-tooltip-text);font-size:.9375rem;margin:0}.student-mobile-search-results-count{color:#64748b;color:var(--student-tooltip-text-muted);font-size:.75rem;padding:.625rem 1rem .375rem}.student-mobile-search-result-item,.student-mobile-search-results-count{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--student-tooltip-border)}.student-mobile-search-result-item{align-items:center;cursor:pointer;display:flex;gap:.875rem;padding:.875rem 1rem;transition:background .15s ease}.student-mobile-search-result-item:last-child{border-bottom:none}.student-mobile-search-result-item:active,.student-mobile-search-result-item:hover{background:#ffffffe6;background:var(--student-icon-bg-hover)}.student-mobile-search-result-qa{background:#3b82f60a}[data-theme=dark] .student-mobile-search-result-qa{background:#00ff880a}.student-mobile-search-result-icon{align-items:center;background:#f8fafc99;background:var(--student-icon-bg);border:1px solid #e2e8f080;border:1px solid var(--student-icon-border);border-radius:11px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.student-mobile-search-result-icon .material-symbols-rounded{color:#64748b;color:var(--student-icon-color);font-size:1.2rem}.student-mobile-search-result-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.student-mobile-search-result-info strong{color:#1e293b;color:var(--student-tooltip-text);font-size:.9375rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-mobile-search-result-info span{color:#64748b;color:var(--student-tooltip-text-muted);font-size:.8125rem}.student-mobile-search-result-arrow{color:#64748b;color:var(--student-icon-color);flex-shrink:0;font-size:1.1rem;opacity:.5}.student-mobile-search-highlight{background:#3b82f62e;border-radius:3px;color:#3b82f6;font-style:normal;padding:0 1px}[data-theme=dark] .student-mobile-search-highlight{background:#00ff882e;color:#0f8}.student-qa-modal-overlay{align-items:center;animation:studentQaOverlayIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}@keyframes studentQaOverlayIn{0%{opacity:0}to{opacity:1}}.student-qa-modal{animation:studentQaModalIn .22s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--student-tooltip-bg);border:1px solid #e2e8f0;border:1px solid var(--student-tooltip-border);border-radius:20px;box-shadow:0 10px 40px #00000026;box-shadow:var(--student-tooltip-shadow);max-height:80vh;max-width:520px;overflow-y:auto;width:100%}@keyframes studentQaModalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.student-qa-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--student-tooltip-border);display:flex;gap:.625rem;padding:1.125rem 1.25rem .875rem}.student-qa-modal-bot-icon{color:#3b82f6;font-size:1.3rem}[data-theme=dark] .student-qa-modal-bot-icon{color:#0f8}.student-qa-modal-title{color:#1e293b;color:var(--student-tooltip-text);flex:1 1;font-size:.9375rem;font-weight:600}.student-qa-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--student-tooltip-text-muted);cursor:pointer;display:flex;padding:.25rem;transition:background .15s}.student-qa-modal-close:hover{background:#ffffffe6;background:var(--student-icon-bg-hover);color:#1e293b;color:var(--student-tooltip-text)}.student-qa-modal-close .material-symbols-rounded{font-size:1.15rem}.student-qa-modal-question{align-items:flex-start;background:#f8fafc99;background:var(--student-icon-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--student-tooltip-border);display:flex;gap:.625rem;padding:1rem 1.25rem}.student-qa-modal-question .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:1.15rem;margin-top:2px}[data-theme=dark] .student-qa-modal-question .material-symbols-rounded{color:#0f8}.student-qa-modal-question p{color:#1e293b;color:var(--student-tooltip-text);font-size:.9375rem;font-weight:500;line-height:1.5;margin:0}.student-qa-modal-answer{display:flex;flex-direction:column;gap:.375rem;padding:1.125rem 1.25rem}.student-qa-answer-text{color:#1e293b;color:var(--student-tooltip-text);font-size:.875rem;line-height:1.65;margin:0}.student-qa-answer-spacer{height:.5rem}.student-qa-answer-bullet{align-items:flex-start;color:#1e293b;color:var(--student-tooltip-text);display:flex;font-size:.875rem;gap:.5rem;line-height:1.6}.student-qa-bullet-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:5px;margin-top:.55rem;width:5px}[data-theme=dark] .student-qa-bullet-dot{background:#0f8}.student-qa-answer-path{background:#f8fafc99;background:var(--student-icon-bg);border:1px solid #e2e8f080;border:1px solid var(--student-icon-border);border-radius:8px;color:#64748b;color:var(--student-tooltip-text-muted);font-family:monospace;font-size:.875rem;line-height:1.6;padding:.375rem .625rem}.student-topbar-brand-logo{display:block;flex-shrink:0;height:32px;object-fit:contain;width:auto}.notif-overlay{display:none}.notif-popup{animation:notifDropIn .22s cubic-bezier(.16,1,.3,1) both;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:18px;box-shadow:0 24px 64px #0f172a24,0 4px 16px #0f172a14,0 0 0 1px #6366f112;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Google Sans,Poppins,Segoe UI,sans-serif;max-height:540px;overflow:hidden;position:fixed;right:18px;top:68px;width:390px;z-index:99999}@keyframes notifDropIn{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .notif-popup{background:#0f172ad1;border-color:#ffffff1a;box-shadow:0 24px 64px #0006,0 4px 16px #00000040,0 0 0 1px #6366f126}.notif-handle{display:none;flex-shrink:0;justify-content:center;padding:10px 0 4px}.notif-handle-bar{background:#94a3b873;border-radius:99px;height:4px;width:38px}.notif-header{align-items:center;background:#6366f10f;border-bottom:1px solid #6366f11a;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 16px 13px}[data-theme=dark] .notif-header{background:#6366f11a;border-bottom-color:#6366f126}.notif-header-left{align-items:center;display:flex;gap:8px}.notif-header-icon{color:#6366f1;font-size:20px}[data-theme=dark] .notif-header-icon{color:#a5b4fc}.notif-header-title{color:#1e293b;font-size:.95rem;font-weight:700;letter-spacing:-.01em}[data-theme=dark] .notif-header-title{color:#f1f5f9}.notif-count-badge{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:99px;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.01em;line-height:1.5;min-width:20px;padding:2px 7px;text-align:center}.notif-close-btn{align-items:center;background:#6366f114;border:none;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background .15s;width:30px}.notif-close-btn:hover{background:#6366f129}.notif-close-btn .material-symbols-rounded{font-size:17px}[data-theme=dark] .notif-close-btn{background:#6366f126;color:#a5b4fc}[data-theme=dark] .notif-close-btn:hover{background:#6366f147}.notif-list{background:#0000;flex:1 1;overflow-y:auto;overscroll-behavior:contain}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-track{background:#0000}.notif-list::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:10px}[data-theme=dark] .notif-list::-webkit-scrollbar-thumb{background:#64748b66}.notif-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:6px;padding:48px 24px;text-align:center}.notif-empty .material-symbols-rounded{color:#94a3b880;font-size:44px;margin-bottom:4px}.notif-empty span{color:#475569;font-size:.88rem;font-weight:600}.notif-empty small{color:#94a3b8;font-size:.78rem}[data-theme=dark] .notif-empty span{color:#94a3b8}[data-theme=dark] .notif-empty small{color:#64748b}[data-theme=dark] .notif-empty .material-symbols-rounded{color:#64748b66}.notif-item{border-bottom:1px solid #e2e8f099;cursor:pointer;display:flex;gap:12px;padding:13px 16px;position:relative;transition:background .14s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#6366f10d}.notif-item--unread{background:#6366f108}.notif-item--unread:hover{background:#6366f114}[data-theme=dark] .notif-item{border-bottom-color:#ffffff0d}[data-theme=dark] .notif-item:hover{background:#6366f117}[data-theme=dark] .notif-item--unread{background:#6366f10f}.notif-avatar{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notif-avatar .material-symbols-rounded{font-size:20px}.notif-content{flex:1 1;min-width:0}.notif-row-top{align-items:flex-start;display:flex;gap:6px;justify-content:space-between;margin-bottom:3px}.notif-title{color:#1e293b;flex:1 1;font-size:.845rem;font-weight:600;line-height:1.35}[data-theme=dark] .notif-title{color:#f1f5f9}.notif-dot{background:#6366f1;border-radius:50%;box-shadow:0 0 6px #6366f180;flex-shrink:0;height:7px;margin-top:5px;width:7px}.notif-msg{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:.78rem;line-height:1.45;margin:0 0 5px;overflow:hidden}[data-theme=dark] .notif-msg{color:#94a3b8}.notif-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.notif-meta-author{color:#94a3b8;font-size:.7rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-meta-time{color:#94a3b8;flex-shrink:0;font-size:.68rem;font-weight:600;white-space:nowrap}[data-theme=dark] .notif-meta-author,[data-theme=dark] .notif-meta-time{color:#64748b}.notif-footer{background:#f8fafc99;border-top:1px solid #e2e8f099;flex-shrink:0;padding:12px 14px}[data-theme=dark] .notif-footer{background:#0f172a66;border-top-color:#ffffff12}.notif-all-btn{align-items:center;background:#6366f114;border:1.5px solid #6366f140;border-radius:10px;color:#6366f1;cursor:pointer;display:flex;font-family:inherit;font-size:.84rem;font-weight:700;gap:7px;justify-content:center;letter-spacing:.01em;padding:10px 16px;transition:background .15s,border-color .15s,box-shadow .15s;width:100%}.notif-all-btn:hover{background:#6366f124;border-color:#6366f173;box-shadow:0 4px 14px #6366f126}.notif-all-btn .material-symbols-rounded{font-size:16px}[data-theme=dark] .notif-all-btn{background:#6366f11f;border-color:#6366f14d;color:#a5b4fc}[data-theme=dark] .notif-all-btn:hover{background:#6366f138;border-color:#6366f180;box-shadow:0 4px 14px #6366f133}@media (max-width:768px){.notif-popup{right:10px;top:66px;width:min(380px,calc(100vw - 20px))}}@media (max-width:480px){.notif-overlay{animation:notifFadeIn .22s ease both;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000061;display:block;inset:0;position:fixed;z-index:99998}@keyframes notifFadeIn{0%{opacity:0}to{opacity:1}}.notif-popup{animation:notifSheetUp .3s cubic-bezier(.32,.72,0,1) both;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);background:#fffffff5;border-bottom:none;border-left:none;border-radius:22px 22px 0 0;border-right:none;bottom:0;left:0;max-height:72vh;max-width:100%;right:0;top:auto;width:100%;z-index:99999}[data-theme=dark] .notif-popup{background:#0f172af5}@keyframes notifSheetUp{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.notif-handle{display:flex}.notif-header{border-radius:0;padding:10px 16px 12px}.notif-item{gap:10px;padding:12px 16px}.notif-avatar{border-radius:10px;height:38px;width:38px}.notif-avatar .material-symbols-rounded{font-size:18px}.notif-title{font-size:.83rem}.notif-msg{font-size:.76rem}.notif-footer{padding:12px 14px 20px}.notif-all-btn{font-size:.88rem;padding:12px 16px}}:root{--aic-bg-primary:#fff;--aic-bg-secondary:#f8fafc;--aic-bg-tertiary:#f1f5f9;--aic-bg-gradient-primary:linear-gradient(135deg,#f8fafc,#e0f2fe);--aic-bg-gradient-secondary:linear-gradient(135deg,#fbfcfd,#f8fafc);--aic-text-primary:#1e293b;--aic-text-secondary:#475569;--aic-text-tertiary:#64748b;--aic-text-muted:#94a3b8;--aic-border-primary:#e2e8f0;--aic-border-secondary:#cbd5e1;--aic-border-hover:#94a3b8;--aic-shadow-sm:0 2px 6px #0000000a;--aic-shadow-md:0 4px 16px #0000000a,0 2px 8px #00000005;--aic-shadow-lg:0 8px 32px #00000014,0 4px 16px #0000000a;--aic-shadow-xl:0 20px 60px #0000001f;--aic-btn-bg:#f1f5f9cc;--aic-btn-bg-hover:#e2e8f0e6;--aic-btn-text:#64748b;--aic-btn-text-hover:#1e293b;--aic-ai-primary:#3b82f6;--aic-ai-secondary:#1e40af;--aic-ai-bg:linear-gradient(135deg,#3b82f6,#1e40af);--aic-ai-light-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--aic-ai-text:#0369a1;--aic-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--aic-success-border:#10b981;--aic-success-text:#065f46;--aic-warning-bg:linear-gradient(135deg,#fef3c7,#fde68a);--aic-warning-border:#f59e0b;--aic-warning-text:#92400e;--aic-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--aic-error-border:#ef4444;--aic-error-text:#991b1b;--aic-input-bg:#fff;--aic-input-border:#e2e8f099;--aic-input-focus-border:#3b82f6;--aic-input-focus-shadow:0 0 0 4px #3b82f61a}[data-theme=dark]{--aic-bg-primary:#1e293b;--aic-bg-secondary:#334155;--aic-bg-tertiary:#475569;--aic-bg-gradient-primary:linear-gradient(135deg,#1e293b,#334155);--aic-bg-gradient-secondary:linear-gradient(135deg,#0f172a,#1e293b);--aic-text-primary:#f1f5f9;--aic-text-secondary:#e2e8f0;--aic-text-tertiary:#cbd5e1;--aic-text-muted:#94a3b8;--aic-border-primary:#334155;--aic-border-secondary:#475569;--aic-border-hover:#60a5fa;--aic-shadow-sm:0 2px 6px #0000004d;--aic-shadow-md:0 4px 16px #0003,0 2px 8px #0000001a;--aic-shadow-lg:0 8px 32px #0000004d,0 4px 16px #0003;--aic-shadow-xl:0 20px 60px #0006;--aic-btn-bg:#334155cc;--aic-btn-bg-hover:#475569e6;--aic-btn-text:#94a3b8;--aic-btn-text-hover:#f1f5f9;--aic-ai-primary:#60a5fa;--aic-ai-secondary:#3b82f6;--aic-ai-bg:linear-gradient(135deg,#60a5fa,#3b82f6);--aic-ai-light-bg:#00ff881a;--aic-ai-text:#1de6a5;--aic-success-bg:#22c55e1a;--aic-success-border:#22c55e;--aic-success-text:#4ade80;--aic-warning-bg:#fbbf241a;--aic-warning-border:#fbbf24;--aic-warning-text:#fde047;--aic-error-bg:#ff3b301a;--aic-error-border:#ff3b30;--aic-error-text:#ff6b6b;--aic-input-bg:#334155;--aic-input-border:#475569;--aic-input-focus-border:linear-gradient(135deg,#065f46,#047857);--aic-input-focus-shadow:0 0 0 4px #00ff881a}.aic-insights-wrapper{cursor:pointer;margin-right:16px;position:relative}.aic-icon{border-radius:8px;padding:.5rem;transition:all .3s ease}.aic-icon:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--aic-ai-light-bg);color:#0369a1;color:var(--aic-ai-text);transform:scale(1.1)}.aic-module-selector-popup{animation:aicModalFadeIn .3s ease-out;background:#fff;background:var(--aic-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:24px;box-shadow:0 20px 60px #0000001f;box-shadow:var(--aic-shadow-xl);color:#1e293b;color:var(--aic-text-primary);left:50%;max-height:80vh;max-width:800px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.aic-popup-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#e0f2fe);background:var(--aic-bg-gradient-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--aic-border-primary);border-radius:24px 24px 0 0;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.aic-header-content{align-items:flex-start;display:flex;gap:1rem}.aic-header-icon{color:#3b82f6;color:var(--aic-ai-primary);font-size:2.5rem;margin-top:.25rem}.aic-popup-header h3{color:#1e293b;color:var(--aic-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.aic-popup-header p{color:#64748b;color:var(--aic-text-tertiary);font-size:.95rem;margin:0}.aic-close-btn{align-items:center;background:#f1f5f9cc;background:var(--aic-btn-bg);border:none;border-radius:8px;color:#64748b;color:var(--aic-btn-text);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.aic-close-btn:hover{background:#e2e8f0e6;background:var(--aic-btn-bg-hover);color:#1e293b;color:var(--aic-btn-text-hover);transform:scale(1.05)}.aic-module-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:1.5rem 2rem 2rem}.aic-module-card{align-items:center;background:#fff;background:var(--aic-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:12px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.aic-module-card:before{background:linear-gradient(135deg,#3b82f6,#1e40af);background:var(--aic-ai-bg);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.aic-module-card:hover{border-color:#94a3b8;border-color:var(--aic-border-hover);box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;box-shadow:var(--aic-shadow-lg);transform:translateY(-4px)}.aic-module-card:hover:before{transform:scaleX(1)}.aic-module-icon-wrapper{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--aic-ai-light-bg);border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.aic-module-icon{color:#0369a1;color:var(--aic-ai-text);font-size:2rem}.aic-module-info{flex:1 1}.aic-module-name{color:#1e293b;color:var(--aic-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.aic-module-description{color:#64748b;color:var(--aic-text-tertiary);font-size:.9rem;line-height:1.4;margin:0}.aic-module-arrow{color:#94a3b8;color:var(--aic-text-muted);font-size:1.5rem;transition:all .3s ease}.aic-module-card:hover .aic-module-arrow{color:#3b82f6;color:var(--aic-ai-primary);transform:translateX(4px)}.aic-chat-interface{animation:aicBottomSheetSlideUpRight .3s ease-out;border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-bottom:none;border-radius:32px 32px 0 0;bottom:0;box-shadow:0 20px 60px #0000001f;box-shadow:var(--aic-shadow-xl);flex-direction:column;height:80vh;max-width:calc(100vw - 4rem);right:2rem;transition:right .25s ease,bottom .25s ease;width:700px}.aic-chat-interface,.aic-chat-minimized{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--aic-bg-primary);color:#1e293b;color:var(--aic-text-primary);display:flex;position:fixed;z-index:9999}.aic-chat-minimized{align-items:center;animation:aicMinimizedSlideIn .3s ease-out;border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:24px;bottom:2rem;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;box-shadow:var(--aic-shadow-lg);cursor:pointer;height:72px;justify-content:space-between;left:1.5rem;padding:.875rem 1.25rem;right:auto;transition:bottom .25s ease,transform .2s ease,box-shadow .2s ease;width:320px}.aic-chat-minimized:hover{box-shadow:0 20px 60px #0000001f;box-shadow:var(--aic-shadow-xl);transform:translateY(-2px)}.aic-minimized-content{align-items:center;display:flex;flex:1 1;gap:.875rem}.aic-minimized-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);background:var(--aic-ai-bg);border-radius:50%;box-shadow:0 4px 16px #0000000a,0 2px 8px #00000005;box-shadow:var(--aic-shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;position:relative;width:48px}.aic-unread-indicator{animation:aicUnreadPulse 2s ease-in-out infinite;background:#ef4444;background:var(--aic-error-border);border:2px solid #fff;border:2px solid var(--aic-bg-primary);border-radius:50%;height:16px;position:absolute;right:-2px;top:-2px;width:16px}.aic-minimized-text{flex:1 1;min-width:0}.aic-minimized-title{color:#1e293b;color:var(--aic-text-primary);font-size:.95rem;font-weight:600;margin:0 0 .25rem}.aic-minimized-subtitle,.aic-minimized-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aic-minimized-subtitle{color:#64748b;color:var(--aic-text-tertiary);font-size:.8rem}.aic-minimized-close{align-items:center;background:#f1f5f9cc;background:var(--aic-btn-bg);border:none;border-radius:50%;color:#64748b;color:var(--aic-btn-text);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.aic-minimized-close:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--aic-error-bg);color:#991b1b;color:var(--aic-error-text);transform:scale(1.1)}.aic-chat-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafc,#e0f2fe);background:var(--aic-bg-gradient-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--aic-border-primary);border-radius:32px 32px 0 0;display:flex;flex-shrink:0;gap:1rem;padding:1.5rem 2rem}.aic-back-btn,.aic-close-btn,.aic-minimize-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f5f9cc;background:var(--aic-btn-bg);border:none;border-radius:12px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--aic-shadow-sm);color:#64748b;color:var(--aic-btn-text);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.aic-back-btn:hover,.aic-close-btn:hover,.aic-minimize-btn:hover{background:#e2e8f0e6;background:var(--aic-btn-bg-hover);border-radius:12px;color:#1e293b;color:var(--aic-btn-text-hover);transform:scale(1.05)}.aic-minimize-btn:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--aic-ai-light-bg);color:#0369a1;color:var(--aic-ai-text)}.aic-chat-title{align-items:center;color:#1e293b;color:var(--aic-text-primary);display:flex;flex:1 1;font-weight:600;gap:.5rem}.aic-chat-module-icon{color:#3b82f6;color:var(--aic-ai-primary);font-size:1.2rem}.aic-module-switcher{margin-right:.5rem}.aic-chat-messages{background:linear-gradient(135deg,#fbfcfd,#f8fafc);background:var(--aic-bg-gradient-secondary);display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:2rem}.aic-message{animation:aicMessageSlideIn .3s ease-out;display:flex;gap:.75rem;max-width:85%}.aic-message.aic-user{align-self:flex-end;flex-direction:row-reverse}.aic-message-avatar{align-items:center;border:2px solid #fff;border:2px solid var(--aic-bg-primary);border-radius:50%;box-shadow:0 4px 16px #0000000a,0 2px 8px #00000005;box-shadow:var(--aic-shadow-md);display:flex;flex-shrink:0;font-size:1.3rem;height:40px;justify-content:center;width:40px}.aic-message.aic-user .aic-message-avatar{background:linear-gradient(135deg,#3b82f6,#1e40af);background:var(--aic-ai-bg);color:#fff}.aic-message.aic-assistant .aic-message-avatar{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--aic-ai-light-bg);color:#0369a1;color:var(--aic-ai-text)}.aic-message-content{word-wrap:break-word;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--aic-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:24px;box-shadow:0 4px 16px #0000000a,0 2px 8px #00000005;box-shadow:var(--aic-shadow-md);color:#1e293b;color:var(--aic-text-primary);font-size:.95rem;line-height:1.6;padding:1.25rem 1.5rem;white-space:pre-wrap}.aic-message.aic-user .aic-message-content{background:linear-gradient(135deg,#3b82f6,#1e40af);background:var(--aic-ai-bg);border-color:#3b82f6;border-color:var(--aic-ai-primary);border-radius:24px 24px 8px 24px;color:#fff}.aic-message.aic-assistant .aic-message-content{border-radius:8px 24px 24px 24px}.aic-message.aic-error .aic-message-content{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--aic-error-bg);border-color:#ef4444;border-color:var(--aic-error-border);color:#991b1b;color:var(--aic-error-text)}.aic-typing-indicator{display:flex;gap:4px;padding:.5rem 0}.aic-typing-dot{animation:aicTypingBounce 1.4s ease-in-out infinite both;background:#94a3b8;background:var(--aic-text-muted);border-radius:50%;height:8px;width:8px}.aic-typing-dot:first-child{animation-delay:-.32s}.aic-typing-dot:nth-child(2){animation-delay:-.16s}.aic-chat-input-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafc,#e0f2fe);background:var(--aic-bg-gradient-primary);border-top:1px solid #e2e8f0;border-top:1px solid var(--aic-border-primary);flex-shrink:0;padding:2rem}.aic-chat-input-wrapper{align-items:flex-end;background:#f8fafc;background:var(--aic-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:24px;display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem}.aic-chat-input,.aic-chat-input-wrapper{box-shadow:0 2px 6px #0000000a;box-shadow:var(--aic-shadow-sm)}.aic-chat-input{background:#fff;background:var(--aic-input-bg);border:none;border-radius:12px;color:#1e293b;color:var(--aic-text-primary);flex:1 1;font-family:inherit;font-size:.95rem;max-height:120px;min-height:48px;outline:none;padding:1rem 1.5rem;resize:none;transition:all .3s ease}.aic-chat-input:focus{border-radius:24px;box-shadow:0 0 0 4px #3b82f61a;box-shadow:var(--aic-input-focus-shadow);transform:scale(1.01)}.aic-chat-input:disabled{cursor:not-allowed;opacity:.6}.aic-send-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);background:var(--aic-ai-bg);border:none;border-radius:12px;box-shadow:0 4px 16px #0000000a,0 2px 8px #00000005;box-shadow:var(--aic-shadow-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.aic-send-button:hover:not(:disabled){border-radius:24px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;box-shadow:var(--aic-shadow-lg);transform:scale(1.05)}.aic-send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.aic-suggestions-root{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .75rem .25rem}.aic-suggestions-root.aic-suggestions-collapsed{padding:.3rem .75rem .2rem}.aic-suggestions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.1rem}.aic-suggestions-header-label{align-items:center;color:#94a3b8;color:var(--aic-text-muted);display:flex;font-size:.7rem;font-weight:600;gap:.25rem;letter-spacing:.05em;opacity:.75;text-transform:uppercase}.aic-suggestions-header-label .material-symbols-rounded{color:#3b82f6;color:var(--aic-ai-primary);font-size:.9rem;opacity:.7}.aic-suggestions-hide-btn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--aic-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.1rem .2rem;transition:color .15s,background .15s}.aic-suggestions-hide-btn:hover{background:#e2e8f0e6;background:var(--aic-btn-bg-hover);color:#475569;color:var(--aic-text-secondary)}.aic-suggestions-hide-btn .material-symbols-rounded{font-size:1rem}.aic-suggestions-toggle-btn{align-items:center;background:none;border:1px dashed #e2e8f0;border:1px dashed var(--aic-border-primary);border-radius:20px;color:#94a3b8;color:var(--aic-text-muted);cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:500;gap:.3rem;opacity:.7;padding:.22rem .65rem .22rem .5rem;transition:color .15s,border-color .15s,background .15s}.aic-suggestions-toggle-btn:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--aic-ai-primary);color:#3b82f6;color:var(--aic-ai-primary);opacity:1}.aic-suggestions-toggle-btn .material-symbols-rounded{font-size:.85rem}.aic-suggestions-toggle-label{font-size:.72rem}.aic-suggestions-toggle-chevron{font-size:.85rem!important;opacity:.6}.aic-suggestions-row{display:flex;flex-wrap:wrap;gap:.4rem}.aic-suggestions-divider{align-items:center;color:#94a3b8;color:var(--aic-text-muted,#f59e0b);display:flex;font-size:.7rem;font-weight:600;gap:.3rem;letter-spacing:.06em;margin-top:.15rem;opacity:.85;text-transform:uppercase}.aic-suggestions-divider .material-symbols-rounded{color:#f59e0b;font-size:.9rem}.aic-suggestion-chip{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f1f5f9cc;background:var(--aic-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:20px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--aic-shadow-sm);color:#475569;color:var(--aic-text-secondary);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:500;gap:.3rem;line-height:1.3;max-width:220px;overflow:hidden;padding:.3rem .75rem .3rem .55rem;text-overflow:ellipsis;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .15s ease;white-space:nowrap}.aic-chip-icon{flex-shrink:0;font-size:.85rem;opacity:.7}.aic-suggestion-chip:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--aic-ai-light-bg);border-color:#3b82f6;border-color:var(--aic-ai-primary);box-shadow:0 4px 16px #0000000a,0 2px 8px #00000005;box-shadow:var(--aic-shadow-md);color:#0369a1;color:var(--aic-ai-text);transform:translateY(-1px)}.aic-suggestion-chip:hover .aic-chip-icon{opacity:1}.aic-suggestion-chip--action{background:#f59e0b12;border-color:#f59e0b59;color:#b45309}.aic-suggestion-chip--action .aic-chip-icon{color:#f59e0b;opacity:1}.aic-suggestion-chip--action:hover{background:#f59e0b26;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b33;color:#92400e}.dark-theme .aic-suggestion-chip--action,[data-theme=dark] .aic-suggestion-chip--action{background:#f59e0b1a;border-color:#f59e0b4d;color:#fbbf24}.dark-theme .aic-suggestion-chip--action:hover,[data-theme=dark] .aic-suggestion-chip--action:hover{background:#f59e0b33;border-color:#f59e0b;color:#fde68a}.aic-chat-messages::-webkit-scrollbar{width:8px}.aic-chat-messages::-webkit-scrollbar-track{background:#0000;border-radius:10px}.aic-chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--aic-border-secondary);background-clip:content-box;border:2px solid #0000;border-radius:10px}.aic-chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--aic-border-hover);background-clip:content-box}.aic-no-content{color:#94a3b8;color:var(--aic-text-muted);font-style:italic;padding:1rem;text-align:center}.aic-header-1{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--aic-border-primary);color:#1e293b;color:var(--aic-text-primary);font-size:1.25rem;font-weight:700;margin:1rem 0 .75rem;padding-bottom:.5rem}.aic-header-2{font-size:1.1rem;margin:.875rem 0 .625rem}.aic-header-2,.aic-header-3{color:#475569;color:var(--aic-text-secondary);font-weight:600}.aic-header-3{font-size:1rem;margin:.75rem 0 .5rem}.aic-bold{color:#1e293b;color:var(--aic-text-primary);font-weight:600}.aic-italic{color:#475569;color:var(--aic-text-secondary);font-style:italic}.aic-paragraph{line-height:1.6;margin:.5rem 0}.aic-code-block{background:#f8fafc;background:var(--aic-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:8px;color:#1e293b;color:var(--aic-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.4;margin:.75rem 0;overflow-x:auto;padding:1rem}.aic-code-block code{background:none;border:none;color:inherit;font-size:inherit;padding:0}.aic-inline-code{color:#1e293b;color:var(--aic-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;padding:.125rem .375rem}.aic-table{background:#fff;background:var(--aic-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-collapse:collapse;border-radius:8px;font-size:.9rem;margin:.75rem 0;overflow:hidden;width:100%}.aic-table-row:first-child{background:#f8fafc;background:var(--aic-bg-secondary);font-weight:600}.aic-table-row:nth-child(2n){background:#f1f5f9;background:var(--aic-bg-tertiary)}.aic-table-cell{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--aic-border-primary);color:#1e293b;color:var(--aic-text-primary);padding:.75rem 1rem;text-align:left;vertical-align:top}.aic-table-row:last-child .aic-table-cell{border-bottom:none}.aic-list,.aic-list-numbered{margin:.75rem 0;padding-left:1.5rem}.aic-list{list-style-type:disc}.aic-list-numbered{list-style-type:decimal}.aic-list-item,.aic-list-item-numbered{color:#1e293b;color:var(--aic-text-primary);line-height:1.5;margin:.375rem 0}.aic-link{color:#3b82f6;color:var(--aic-ai-primary);text-decoration:underline;transition:color .2s ease}.aic-link:hover{color:#1e40af;color:var(--aic-ai-secondary);text-decoration:none}.aic-insight-card{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--aic-ai-light-bg);border:1px solid #3b82f6;border:1px solid var(--aic-ai-primary);border-radius:8px;color:#0369a1;color:var(--aic-ai-text);margin:.75rem 0;padding:1rem}.aic-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--aic-warning-bg);border:1px solid #f59e0b;border:1px solid var(--aic-warning-border);border-radius:8px;color:#92400e;color:var(--aic-warning-text)}.aic-success,.aic-warning{margin:.75rem 0;padding:.75rem}.aic-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--aic-success-bg);border:1px solid #10b981;border:1px solid var(--aic-success-border);border-radius:8px;color:#065f46;color:var(--aic-success-text)}.aic-error{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--aic-error-bg);border:1px solid #ef4444;border:1px solid var(--aic-error-border);border-radius:8px;color:#991b1b;color:var(--aic-error-text);margin:.75rem 0;padding:.75rem}@keyframes aicModalFadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes aicBottomSheetSlideUpRight{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes aicMinimizedSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes aicMessageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes aicTypingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes aicUnreadPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.aic-modal-overlay{animation:aicOverlayFadeIn .3s ease-out;background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}[data-theme=dark] .aic-modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c}@keyframes aicOverlayFadeIn{0%{opacity:0}to{opacity:1}}.aic-back-btn:focus-visible,.aic-chat-input:focus-visible,.aic-close-btn:focus-visible,.aic-minimize-btn:focus-visible,.aic-module-card:focus-visible,.aic-send-button:focus-visible,.aic-suggestion-chip:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--aic-input-focus-border);outline-offset:2px}.aic-sheet-drag-handle{background:#cbd5e1;background:var(--aic-border-secondary);border-radius:2px;display:none;flex-shrink:0;height:4px;margin:0 auto;width:40px}.aic-module-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.aic-module-type-badge{border-radius:6px;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:.15rem .45rem}.aic-badge-mcp{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;color:#5b21b6}[data-theme=dark] .aic-badge-mcp{background:#8b5cf633;border-color:#8b5cf666;color:#a78bfa}.aic-badge-standard{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1d4ed8}[data-theme=dark] .aic-badge-standard{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.aic-module-resume-badge{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;border-radius:6px;color:#065f46;flex-shrink:0;font-size:.7rem;font-weight:600;padding:.15rem .45rem}[data-theme=dark] .aic-module-resume-badge{background:#22c55e26;border-color:#22c55e59;color:#4ade80}.aic-module-icon-wrapper{position:relative}.aic-module-open-dot{background:#22c55e;border:2px solid #fff;border:2px solid var(--aic-bg-primary);border-radius:50%;height:10px;position:absolute;right:-3px;top:-3px;width:10px}.aic-module-card-active{background:linear-gradient(135deg,#fff,#d1fae54d);background:linear-gradient(135deg,var(--aic-bg-primary),#d1fae54d);border-color:#6ee7b7}[data-theme=dark] .aic-module-card-active{background:linear-gradient(135deg,#fff,#22c55e14);background:linear-gradient(135deg,var(--aic-bg-primary),#22c55e14);border-color:#22c55e66}.aic-mcp-indicator{font-size:1rem;line-height:1;margin-left:.15rem;opacity:.85}.aic-mcp-badge{align-items:center;background:#f1f5f9;background:var(--aic-bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:8px;color:#94a3b8;color:var(--aic-text-muted);display:inline-flex;font-size:.75rem;gap:.3rem;margin-top:.625rem;padding:.2rem .6rem}.aic-mcp-badge .material-symbols-rounded{color:#8b5cf6;font-size:.9rem}.aic-chat-title-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aic-chat-mobile-overlay{display:none}@media (max-width:768px){.aic-sheet-drag-handle{display:block;margin-top:.5rem;padding-top:.75rem}.aic-module-selector-popup{-webkit-overflow-scrolling:touch;animation:aicSheetSlideUp .3s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0;bottom:0!important;left:0!important;max-height:85vh;max-width:100%!important;overflow-y:auto;position:fixed;right:0!important;top:auto!important;transform:none!important;width:100%!important}.aic-popup-header{border-radius:24px 24px 0 0;padding:.5rem 1.25rem 1rem}.aic-header-content{align-items:center;flex-direction:row;gap:.75rem}.aic-header-icon{font-size:1.75rem;margin-top:0}.aic-popup-header h3{font-size:1.15rem}.aic-popup-header p{font-size:.8rem}.aic-module-grid{gap:.625rem;grid-template-columns:1fr;padding:.75rem 1rem 2rem}.aic-module-card{padding:.875rem 1rem}.aic-module-icon-wrapper{border-radius:10px;height:44px;width:44px}.aic-module-icon{font-size:1.5rem}.aic-chat-mobile-overlay{background:#00000073;display:block;inset:0;position:fixed;z-index:9997}[data-theme=dark] .aic-chat-mobile-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf}.aic-chat-interface.aic-chat-mobile{animation:aicSheetSlideUp .32s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0;bottom:0!important;height:92dvh;left:0!important;max-height:92dvh;max-width:100%!important;position:fixed;right:0!important;top:auto!important;transform:none;width:100%!important;z-index:9998}.aic-chat-drag-handle{padding-top:.75rem;position:relative;top:0}.aic-chat-header{border-radius:24px 24px 0 0;gap:.625rem;padding:.625rem 1rem .875rem}.aic-chat-title-text{font-size:.9rem;max-width:110px}.aic-back-btn,.aic-close-btn,.aic-minimize-btn{border-radius:10px;height:38px;width:38px}.aic-chat-messages{gap:.875rem;padding:1rem}.aic-message{max-width:90%}.aic-message-content{font-size:.9rem;padding:.875rem 1rem}.aic-message-avatar{font-size:1.1rem;height:34px;width:34px}.aic-chat-input-container{padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom))}.aic-suggestions-root{gap:.25rem;padding:.35rem .5rem .1rem}.aic-suggestions-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.aic-suggestions-row::-webkit-scrollbar{display:none}.aic-suggestion-chip{flex-shrink:0;font-size:.75rem;padding:.28rem .6rem .28rem .45rem}.aic-suggestions-divider{font-size:.65rem;margin-top:.1rem}.aic-chat-input-wrapper{margin-bottom:0}.aic-chat-input{font-size:16px;min-height:44px}.aic-send-button{border-radius:10px;height:44px;width:44px}.aic-chat-minimized{bottom:calc(1rem + env(safe-area-inset-bottom));left:1rem;max-width:280px;right:auto;width:calc(100vw - 2rem)}}@media (max-width:480px){.aic-chat-interface.aic-chat-mobile{border-radius:20px 20px 0 0;height:95dvh;max-height:95dvh}.aic-chat-header{border-radius:20px 20px 0 0;gap:.5rem;padding:.5rem .875rem .75rem}.aic-chat-title-text{font-size:.85rem;max-width:80px}.aic-back-btn,.aic-close-btn{height:36px;width:36px}.aic-table{font-size:.78rem}.aic-table-cell{padding:.5rem .625rem}.aic-code-block{font-size:.78rem;padding:.75rem}.aic-list,.aic-list-numbered{padding-left:1.25rem}.aic-module-selector-popup{max-height:90vh}.aic-module-selector-popup,.aic-popup-header{border-radius:20px 20px 0 0}.aic-module-card{padding:.75rem}.aic-module-icon-wrapper{height:38px;width:38px}.aic-module-icon{font-size:1.3rem}.aic-module-name{font-size:.95rem}.aic-module-description{font-size:.8rem}}@keyframes aicSheetSlideUp{0%{opacity:.9;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media print{.aic-chat-interface,.aic-chat-minimized,.aic-modal-overlay,.aic-module-selector-popup{display:none!important}}@media (prefers-reduced-motion:reduce){.aic-back-btn,.aic-chat-minimized,.aic-close-btn,.aic-message,.aic-minimize-btn,.aic-module-card,.aic-send-button,.aic-suggestion-chip{animation:none;transition:none}.aic-typing-dot,.aic-unread-indicator{animation:none}}@media (prefers-contrast:high){.aic-chat-interface,.aic-chat-minimized,.aic-message-content,.aic-module-card{border-style:solid;border-width:2px}.aic-back-btn,.aic-close-btn,.aic-minimize-btn,.aic-suggestion-chip{border:2px solid}}.aic-msg-body{color:#1e293b;color:var(--aic-text-primary);display:flex;flex-direction:column;font-size:.9rem;gap:.3rem;line-height:1.65;min-width:0}.aic-user-text{font-size:.9rem;line-height:1.55}.aic-p,.aic-user-text{margin:0;word-break:break-word}.aic-p{line-height:1.65}.aic-h1,.aic-h2,.aic-h3{align-items:center;display:flex;gap:.35rem;margin:.5rem 0 .15rem}.aic-h1{border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--aic-border-primary);color:#1e293b;color:var(--aic-text-primary);font-size:.95rem;font-weight:700;padding-bottom:.25rem}.aic-h2{color:#475569;color:var(--aic-text-secondary);font-size:.88rem;font-weight:600}.aic-h3{color:#64748b;color:var(--aic-text-tertiary,var(--aic-text-muted));font-size:.84rem;font-style:italic;font-weight:600}.aic-h-icon{flex-shrink:0;font-size:.95rem!important;opacity:.75}.aic-h1 .aic-h-icon{color:#3b82f6;color:var(--aic-ai-primary);opacity:.9}.aic-h2 .aic-h-icon{color:#6366f1;color:var(--aic-ai-accent,#6366f1)}.aic-h3 .aic-h-icon{color:#94a3b8;color:var(--aic-text-muted)}.aic-ol,.aic-ul{display:flex;flex-direction:column;gap:.2rem;list-style:none;margin:.15rem 0;padding:0}.aic-li{align-items:flex-start;color:#1e293b;color:var(--aic-text-primary);display:flex;gap:.35rem;line-height:1.55}.aic-bullet-icon{color:#3b82f6;color:var(--aic-ai-primary);flex-shrink:0;font-size:.45rem!important;margin-top:.52rem;opacity:.8}.aic-ol-num{align-items:center;background:#3b82f6;background:var(--aic-ai-primary);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:1.25rem;justify-content:center;line-height:1;margin-top:.15rem;min-width:1.25rem}.aic-inline-code{background:#f1f5f9;background:var(--aic-bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:4px;color:#0369a1;color:var(--aic-ai-text,var(--aic-text-primary));font-family:SF Mono,Menlo,Consolas,monospace;font-size:.82em;padding:.1em .35em;white-space:nowrap}.aic-pre{background:#f8fafc;background:var(--aic-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:8px;margin:.3rem 0;overflow:hidden}.aic-pre-header{align-items:center;background:#f1f5f9;background:var(--aic-bg-tertiary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--aic-border-primary);display:flex;gap:.35rem;padding:.35rem .75rem}.aic-pre-icon{color:#3b82f6;color:var(--aic-ai-primary);font-size:.9rem!important}.aic-lang{color:#94a3b8;color:var(--aic-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.aic-pre pre{-webkit-overflow-scrolling:touch;margin:0;overflow-x:auto;padding:.65rem .875rem}.aic-pre code{background:none;border:none;color:#1e293b;color:var(--aic-text-primary);font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5;padding:0;white-space:pre}.aic-hr{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--aic-border-primary);margin:.5rem 0}.aic-tbl-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:8px;margin:.3rem 0;overflow-x:auto}.aic-tbl{background:#fff;background:var(--aic-bg-primary);border-collapse:collapse;font-size:.82rem;width:100%}.aic-th{background:#f8fafc;background:var(--aic-bg-secondary);border-bottom:1px solid #cbd5e1;border-bottom:1px solid var(--aic-border-secondary);color:#475569;color:var(--aic-text-secondary);font-size:.73rem;font-weight:600;letter-spacing:.04em;padding:.45rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.aic-td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--aic-border-primary);color:#1e293b;color:var(--aic-text-primary);line-height:1.4;padding:.4rem .75rem;vertical-align:top}.aic-tr-even{background:#fff;background:var(--aic-bg-primary)}.aic-tr-odd{background:#f8fafc;background:var(--aic-bg-secondary)}.aic-tbl tbody tr:last-child .aic-td{border-bottom:none}.aic-kv{align-items:baseline;display:flex;flex-wrap:wrap;gap:.3rem;padding:.18rem 0}.aic-kv-icon{align-self:center;color:#3b82f6;color:var(--aic-ai-primary);flex-shrink:0;font-size:.85rem!important;margin-top:.05rem;opacity:.85}.aic-kv-k{color:#475569;color:var(--aic-text-secondary);font-weight:600;white-space:nowrap}.aic-kv-k,.aic-kv-sep{flex-shrink:0;font-size:.8rem}.aic-kv-sep{color:#94a3b8;color:var(--aic-text-muted)}.aic-kv-v{color:#1e293b;color:var(--aic-text-primary);font-size:.88rem;word-break:break-word}@media (max-width:768px){.aic-msg-body{font-size:.875rem;gap:.25rem}.aic-p{line-height:1.6}.aic-pre code{font-size:.75rem}.aic-th{font-size:.7rem}.aic-td,.aic-th{padding:.35rem .55rem}.aic-td{font-size:.8rem}.aic-ol-num{font-size:.6rem;height:1.1rem;min-width:1.1rem}}.aic-new-topic-btn{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--aic-border-primary);border-radius:20px;color:#475569;color:var(--aic-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:4px;padding:5px 10px;transition:all .18s ease;white-space:nowrap}.aic-new-topic-btn:hover{background:var(--aic-accent-blue-light);border-color:var(--aic-accent-blue);color:var(--aic-accent-blue)}.aic-new-topic-btn .material-symbols-rounded{font-size:16px}@media (max-width:480px){.aic-new-topic-btn-label{display:none}.aic-new-topic-btn{padding:5px 7px}}.aic-history-btn{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--aic-border-primary);border-radius:8px;color:#475569;color:var(--aic-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .18s ease;width:32px}.aic-history-btn:hover{background:#f1f5f9;background:var(--aic-bg-tertiary);border-color:#cbd5e1;border-color:var(--aic-border-secondary);color:#1e293b;color:var(--aic-text-primary)}.aic-history-btn--active{background:var(--aic-accent-blue-light);border-color:var(--aic-accent-blue);color:var(--aic-accent-blue)}.aic-history-btn .material-symbols-rounded{font-size:18px}.aic-new-topic-divider{align-items:center;display:flex;gap:10px;margin:16px 12px}.aic-new-topic-line{background:#e2e8f0;background:var(--aic-border-primary);flex:1 1;height:1px}.aic-new-topic-label{align-items:center;background:#fff;background:var(--aic-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:20px;color:#94a3b8;color:var(--aic-text-muted);display:flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.aic-new-topic-label .material-symbols-rounded{font-size:13px}.aic-history-panel{animation:aic-history-slide-in .2s ease;background:#f8fafc;background:var(--aic-bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--aic-border-primary);display:flex;flex-direction:column;flex-shrink:0;max-height:340px}@keyframes aic-history-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.aic-history-header{align-items:center;background:#fff;background:var(--aic-bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--aic-border-primary);display:flex;flex-shrink:0;gap:8px;padding:10px 16px}.aic-history-header-icon{color:var(--aic-accent-blue);font-size:18px}.aic-history-title{color:#1e293b;color:var(--aic-text-primary);flex:1 1;font-size:13px;font-weight:600}.aic-history-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;color:var(--aic-text-secondary);cursor:pointer;display:flex;height:26px;justify-content:center;transition:background .15s;width:26px}.aic-history-close:hover{background:#f1f5f9;background:var(--aic-bg-tertiary)}.aic-history-close .material-symbols-rounded{font-size:16px}.aic-history-body{flex:1 1;overflow-y:auto;padding:6px 8px}.aic-history-loading{color:#94a3b8;color:var(--aic-text-muted);font-size:13px;gap:12px;padding:24px}.aic-history-empty,.aic-history-loading{align-items:center;display:flex;justify-content:center}.aic-history-empty{flex-direction:column;padding:32px 16px;text-align:center}.aic-history-empty-icon{color:#94a3b8;color:var(--aic-text-muted);font-size:36px;margin-bottom:10px}.aic-history-empty p{color:#475569;color:var(--aic-text-secondary);font-size:13px;margin:2px 0}.aic-history-empty-sub{color:#94a3b8!important;color:var(--aic-text-muted)!important;font-size:12px}.aic-history-entry{background:#fff;background:var(--aic-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;margin-bottom:6px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.aic-history-entry:hover{background:var(--aic-accent-blue-light);border-color:var(--aic-accent-blue)}.aic-history-entry:last-child{margin-bottom:0}.aic-history-entry-top{align-items:flex-start;display:flex;gap:8px}.aic-history-entry-icon{color:var(--aic-accent-blue);flex-shrink:0;font-size:15px;margin-top:1px}.aic-history-entry-q{color:#1e293b;color:var(--aic-text-primary);font-size:13px;font-weight:600;line-height:1.4}.aic-history-entry-bottom{align-items:flex-end;display:flex;gap:8px;justify-content:space-between;padding-left:23px}.aic-history-entry-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;color:var(--aic-text-tertiary);display:-webkit-box;flex:1 1;font-size:11.5px;line-height:1.4;overflow:hidden}.aic-history-entry-time{flex-shrink:0;white-space:nowrap}.aic-history-badge,.aic-history-entry-time{color:#94a3b8;color:var(--aic-text-muted);font-size:11px}.aic-history-badge{align-items:center;background:#f1f5f9;background:var(--aic-bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--aic-border-primary);border-radius:12px;display:inline-flex;font-weight:600;gap:4px;letter-spacing:.04em;margin-bottom:8px;padding:2px 8px;text-transform:uppercase}.aic-history-badge .material-symbols-rounded{font-size:13px}.aic-mcp-badge--write{background:color-mix(in srgb,#22c55e 10%,#0000);border-color:color-mix(in srgb,#22c55e 30%,#0000);color:#1e293b;color:var(--aic-text-primary)}.aic-mcp-badge--write .material-symbols-rounded{color:#22c55e}.aic-clarify-card{background:color-mix(in srgb,#f59e0b 7%,#0000);border:1px solid color-mix(in srgb,#f59e0b 35%,#0000);border-radius:10px;display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem;padding:.75rem 1rem}.aic-clarify-header{align-items:center;color:#b45309;display:flex;font-size:.8rem;font-weight:600;gap:.35rem}.aic-clarify-header .material-symbols-rounded{color:#f59e0b;font-size:1rem}.aic-clarify-hint{color:#94a3b8;color:var(--aic-text-muted);font-size:.77rem;line-height:1.5;margin:0}.aic-clarify-hint code{background:color-mix(in srgb,#f59e0b 12%,#0000);border-radius:4px;color:#92400e;font-family:monospace;font-family:var(--aic-font-mono,monospace);font-size:.75rem;padding:.05rem .3rem}.aic-clarify-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.aic-clarify-chip{align-items:center;background:#f8fafc;background:var(--aic-bg-secondary);border:1px solid color-mix(in srgb,#f59e0b 45%,#0000);border-radius:20px;color:#1e293b;color:var(--aic-text-primary);cursor:pointer;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .6rem;transition:background .15s,border-color .15s}.aic-clarify-chip:hover{background:color-mix(in srgb,#f59e0b 15%,#0000);border-color:#f59e0b}.aic-clarify-chip .material-symbols-rounded{color:#f59e0b;font-size:.85rem}[data-theme=dark] .aic-new-topic-label{background:#fff;background:var(--aic-bg-primary);border-color:#e2e8f0;border-color:var(--aic-border-primary)}[data-theme=dark] .aic-history-panel{background:#f8fafc;background:var(--aic-bg-secondary)}[data-theme=dark] .aic-history-entry{background:#f1f5f9;background:var(--aic-bg-tertiary)}[data-theme=dark] .aic-history-entry:hover{background:var(--aic-accent-blue-light)}:root{--dropdown-trigger-color:#0c4a6e;--dropdown-options-bg:#fff;--dropdown-options-shadow:0 6px 16px #00000014;--dropdown-option-color:#0c4a6e;--dropdown-option-hover-bg:#f0f9ff;--dropdown-option-selected-bg:#e0f2fe;--dropdown-option-icon-color:#3b82f6;--filter-badge-shadow:0 0 0 2px #fff;--filter-badge-bg:#f59e0b}[data-theme=dark]{--dropdown-trigger-color:#fff;--dropdown-options-bg:#1a1a1af2;--dropdown-options-shadow:0 6px 16px #0009;--dropdown-option-color:#fff;--dropdown-option-hover-bg:#00ff881a;--dropdown-option-selected-bg:#00ff8826;--dropdown-option-icon-color:#065f46;--filter-badge-shadow:0 0 0 2px #1a1a1af2}.custom-dropdown-wrapper{border-radius:24px;font-family:Poppins,sans-serif;min-width:140px;position:relative;z-index:50}.custom-dropdown-wrapper.chip .custom-dropdown-trigger{border-radius:20px!important;font-size:13px!important;padding:5px 10px 5px 12px!important}.custom-dropdown-wrapper.chip{border-radius:20px;min-width:0}.custom-dropdown-trigger{align-items:center;background:#0000;border:none;border-radius:24px;color:#0c4a6e;color:var(--dropdown-trigger-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-dropdown-trigger.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-arrow{font-size:1.2rem;margin-left:.5rem}.dropdown-label-wrapper{align-items:center;display:flex;gap:.4rem}.filter-badge-dot{background-color:#f59e0b;background-color:var(--filter-badge-bg);border-radius:999px;box-shadow:0 0 0 2px #fff;box-shadow:var(--filter-badge-shadow);display:inline-block;flex-shrink:0;height:4px;width:14px}.custom-dropdown-options{animation:fadeIn .15s ease-in-out;background:#fff;background:var(--dropdown-options-bg);border-radius:12px;box-shadow:0 6px 16px #00000014;box-shadow:var(--dropdown-options-shadow);left:0;max-height:240px;min-width:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:999}.custom-dropdown-options::-webkit-scrollbar{width:6px}.custom-dropdown-options::-webkit-scrollbar-track{background:#0000}.custom-dropdown-options::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.custom-dropdown-options::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] .custom-dropdown-options::-webkit-scrollbar-thumb{background:#ffffff4d}[data-theme=dark] .custom-dropdown-options::-webkit-scrollbar-thumb:hover{background:#fff6}.custom-dropdown-options{scrollbar-color:#0003 #0000;scrollbar-width:thin}[data-theme=dark] .custom-dropdown-options{scrollbar-color:#ffffff4d #0000}.accent-blue .custom-dropdown-trigger{background:linear-gradient(135deg,#e0f2fe,#bae6fd);box-shadow:0 2px 6px #0000001a;color:#0c4a6e;justify-content:space-between;padding:.6rem 1.2rem .6rem 2.5rem}[data-theme=dark] .accent-blue .custom-dropdown-trigger{background:#00ccff26;box-shadow:0 2px 6px #0000004d;color:#0cf}.accent-green .custom-dropdown-trigger{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 2px 6px #0000001a;color:#064e3b;justify-content:space-between;padding:.6rem 1.2rem .6rem 2.5rem}[data-theme=dark] .accent-green .custom-dropdown-trigger{background:#00ff8826;box-shadow:0 2px 6px #0000004d;color:#065f46}.accent-purple .custom-dropdown-trigger{background:linear-gradient(135deg,#ede9fe,#ddd6fe);box-shadow:0 2px 6px #0000001a;color:#4c1d95;justify-content:space-between;padding:.6rem 1.2rem .6rem 2.5rem}[data-theme=dark] .accent-purple .custom-dropdown-trigger{background:#a284ff26;box-shadow:0 2px 6px #0000004d;color:#a284ff}.accent-amber .custom-dropdown-trigger{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 6px #0000001a;color:#78350f;justify-content:space-between;padding:.6rem 1.2rem .6rem 2.5rem}[data-theme=dark] .accent-amber .custom-dropdown-trigger{background:#ff9f0a26;box-shadow:0 2px 6px #0000004d;color:#ff9f0a}.accent-teal .custom-dropdown-trigger{background:linear-gradient(135deg,#ccfbf1,#99f6e4);box-shadow:0 2px 6px #0000001a;color:#115e59;justify-content:space-between;padding:.6rem 1.2rem .6rem 2.5rem}[data-theme=dark] .accent-teal .custom-dropdown-trigger{background:#00ff8826;box-shadow:0 2px 6px #0000004d;color:#065f46}.accent-white .custom-dropdown-trigger{background:#0000;color:#111827}[data-theme=dark] .accent-white .custom-dropdown-trigger{background:#0000;color:#fff}.custom-dropdown-wrapper.disabled{opacity:.5;pointer-events:none}.accent-orange .custom-dropdown-trigger{background:linear-gradient(135deg,#fed7aa,#fdba74);box-shadow:0 2px 6px #0000001a;color:#9a3412;justify-content:space-between;padding:.6rem 1.2rem .6rem 2.5rem}[data-theme=dark] .accent-orange .custom-dropdown-trigger{background:#fb923c26;box-shadow:0 2px 6px #0000004d;color:#fb923c}.accent-pink .custom-dropdown-trigger{background:linear-gradient(135deg,#fce7f3,#f9a8d4);box-shadow:0 2px 6px #0000001a;color:#be185d;justify-content:space-between;padding:.6rem 1.2rem .6rem 2.5rem}[data-theme=dark] .accent-pink .custom-dropdown-trigger{background:#f472b626;box-shadow:0 2px 6px #0000004d;color:#f472b6}.cd-search-row{align-items:center;border-bottom:1px solid #0000000f;display:flex;gap:6px;padding:8px 10px;position:relative}.cd-search-icon{color:#94a3b8;flex-shrink:0;font-size:15px}.cd-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#1e293b;flex:1 1;font-family:inherit;font-size:12px;height:28px;outline:none;padding:0 8px;transition:border-color .15s}.cd-search-input:focus{background:#fff;border-color:#818cf8}[data-theme=dark] .cd-search-input{background:#ffffff12;border-color:#ffffff1f;color:#fff}[data-theme=dark] .cd-search-input:focus{border-color:#818cf8}.dropdown-option{align-items:center;color:#0c4a6e;color:var(--dropdown-option-color);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background .12s ease,color .12s ease;-webkit-user-select:none;user-select:none}.dropdown-option:hover{background:linear-gradient(90deg,#6366f11a,#8b5cf60f);color:#4f46e5}.dropdown-option.selected{background:linear-gradient(90deg,#6366f124,#8b5cf617);color:#4338ca;font-weight:600}.dropdown-option.cd-flash{background:linear-gradient(90deg,#6366f147,#8b5cf633)!important;color:#4338ca!important;transform:scale(1.01);transition:background .08s ease,transform .08s ease}[data-theme=dark] .dropdown-option:hover{background:#6366f12e;color:#a5b4fc}[data-theme=dark] .dropdown-option.selected{background:#6366f138;color:#c7d2fe}.cd-check-icon{color:#6366f1;flex-shrink:0;font-size:14px}.dropdown-option-icon{color:#3b82f6;color:var(--dropdown-option-icon-color);font-size:1.1rem}.cd-empty{color:#94a3b8;font-size:12px;padding:14px 12px;text-align:center}.modern-calendar-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modern-calendar-container{border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1100px;overflow:hidden;width:95%}.calendar-header,.modern-calendar-container{background:#fff;background:var(--card-background,#fff)}.calendar-header{border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000000d;margin:20px;padding:20px}.header-top-row{margin-bottom:16px}.header-left{gap:20px}.calendar-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:22px;font-weight:600;margin:0}.month-navigation{gap:8px}.month-btn,.month-navigation{align-items:center;display:flex}.month-btn{background:#f3f4f6;background:var(--button-background,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;height:36px;justify-content:center;transition:all .2s;width:36px}.month-btn:hover{background:#e5e7eb;background:var(--button-hover-background,#e5e7eb)}.current-month{background:#f3f4f6;background:var(--button-background,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.current-month:hover{background:#e5e7eb;background:var(--button-hover-background,#e5e7eb)}.header-right{gap:10px}.view-toggle{gap:4px}.view-btn{background:#f3f4f6;background:var(--button-background,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;gap:6px;padding:8px 16px}.view-btn:hover{background:#e5e7eb;background:var(--button-hover-background,#e5e7eb)}.view-btn.active{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.view-btn .material-symbols-rounded{font-size:18px}.today-btn{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.today-btn:hover{opacity:.9}.close-btn{background:#f3f4f6;background:var(--button-background,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937);height:36px;width:36px}.close-btn:hover{border-color:#ef44444d;color:#dc2626}.header-stats-row{display:flex;flex-wrap:wrap;gap:12px}.stat-chip-calendar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex:1 1;gap:12px;justify-content:space-between;min-width:140px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-chip-calendar:hover{border-color:#ffffff40;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px) scale(1.02)}.stat-chip-calendar.stat-total{background:linear-gradient(135deg,#3b82f626,#2563eb14);border:1px solid #3b82f64d}.stat-chip-calendar.stat-total:hover{background:linear-gradient(135deg,#3b82f633,#2563eb1f);box-shadow:0 8px 20px #3b82f633}.stat-chip-calendar.stat-present{background:linear-gradient(135deg,#22c55e26,#16a34a14);border:1px solid #22c55e4d}.stat-chip-calendar.stat-present:hover{background:linear-gradient(135deg,#22c55e33,#16a34a1f);box-shadow:0 8px 20px #22c55e33}.stat-chip-calendar.stat-absent{background:linear-gradient(135deg,#ef444426,#dc262614);border:1px solid #ef44444d}.stat-chip-calendar.stat-absent:hover{background:linear-gradient(135deg,#ef444433,#dc26261f);box-shadow:0 8px 20px #ef444433}.stat-label-calendar{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:10px}.stat-label-calendar .material-symbols-rounded{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:20px}.stat-chip-calendar.stat-total .stat-label-calendar .material-symbols-rounded{color:#3b82f6}.stat-chip-calendar.stat-present .stat-label-calendar .material-symbols-rounded{color:#22c55e}.stat-chip-calendar.stat-absent .stat-label-calendar .material-symbols-rounded{color:#ef4444}.stat-value-calendar{color:var(--text-primary);font-size:22px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 4px #0000001a}[data-theme=dark] .stat-chip-calendar{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1f}[data-theme=dark] .stat-chip-calendar:hover{border-color:#fff3}.calendar-content{background:#f9fafb;background:var(--bg-secondary,#f9fafb);flex:1 1;overflow-y:auto;padding:20px}.modern-calendar-grid{display:flex;flex-direction:column;height:100%}.weekdays-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday-cell{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;padding:8px;text-align:center}.calendar-grid{grid-gap:8px;flex:1 1;gap:8px;grid-template-rows:repeat(6,minmax(70px,1fr))}.calendar-day{background:#fff;background:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;cursor:pointer;overflow:hidden;padding:8px;transition:all .2s}.calendar-day:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 2px 8px #0000001a}.calendar-day.other-month{opacity:.4}.calendar-day.today{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);border-width:2px}.calendar-day.today .day-number{color:#3b82f6;color:var(--primary-color,#3b82f6)}.calendar-day.selected{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.calendar-day.selected .day-number{color:#fff}.calendar-day.selected .mini-event{background:#fff3;color:#fff}.day-number{color:#1f2937;color:var(--text-primary,#1f2937);margin-bottom:4px}.day-events{flex:1 1;flex-direction:column;gap:2px}.day-events,.mini-event{display:flex;overflow:hidden}.mini-event{align-items:center;border-radius:4px;font-size:10px;font-weight:600;gap:4px;padding:2px 6px}.mini-icon{flex-shrink:0}.mini-icon .material-symbols-rounded{font-size:11px!important}.mini-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-events{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:10px;font-weight:600;margin-top:2px;text-align:center}.mini-event-blue{background:#3b82f626;border:1px solid #3b82f64d;color:#2563eb}.mini-event-green{background:#22c55e26;border:1px solid #22c55e4d;color:#16a34a}.mini-event-purple{background:#f3e8ff;color:#7e22ce}.mini-event-orange{background:#fed7aa;color:#c2410c}.mini-event-red{background:#ef444426;border:1px solid #ef44444d;color:#dc2626}.mini-event-gray{background:#f1f5f9;color:#475569}.mini-event-completed{background:#22c55e26;border:1px solid #22c55e4d;color:#16a34a}.mini-event-cancelled{background:#ef444426;border:1px solid #ef44444d;color:#dc2626}.mini-event-overdue{background:#fed7aa;color:#c2410c}[data-theme=dark] .mini-event-blue{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}[data-theme=dark] .mini-event-green{background:#22c55e33;border-color:#22c55e66;color:#86efac}[data-theme=dark] .mini-event-purple{background:#a855f733;color:#d8b4fe}[data-theme=dark] .mini-event-orange{background:#fb923c33;color:#fdba74}[data-theme=dark] .mini-event-red{background:#f8717133;border-color:#ef444466;color:#fca5a5}[data-theme=dark] .mini-event-gray{background:#94a3b833;color:#cbd5e1}[data-theme=dark] .mini-event-completed{background:#22c55e33;border-color:#22c55e66;color:#86efac}[data-theme=dark] .mini-event-cancelled{background:#f8717133;border-color:#ef444466;color:#fca5a5}[data-theme=dark] .mini-event-overdue{background:#fb923c33;color:#fdba74}.day-view{display:flex;flex-direction:column;height:100%}.day-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--card-border,#e5e7eb);justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.day-header,.day-navigation{align-items:center;display:flex}.day-navigation{gap:12px}.nav-btn{align-items:center;background:#f3f4f6;background:var(--button-background,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.nav-btn:hover{background:#e5e7eb;background:var(--button-hover-background,#e5e7eb)}.day-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-weight:700;margin:0}.today-badge{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:8px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.day-events-list{flex:1 1;overflow-y:auto}.day-event-container{margin-bottom:12px}.modern-event{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid;border-radius:16px;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-event:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px) scale(1.02)}.modern-event-blue{background:linear-gradient(135deg,#3b82f626,#2563eb14);border-color:#3b82f64d}.modern-event-blue:hover{background:linear-gradient(135deg,#3b82f633,#2563eb1f);box-shadow:0 8px 20px #3b82f633}.modern-event-green{background:linear-gradient(135deg,#22c55e26,#16a34a14);border-color:#22c55e4d}.modern-event-green:hover{background:linear-gradient(135deg,#22c55e33,#16a34a1f);box-shadow:0 8px 20px #22c55e33}.modern-event-red{background:linear-gradient(135deg,#ef444426,#dc262614);border-color:#ef44444d}.modern-event-red:hover{background:linear-gradient(135deg,#ef444433,#dc26261f);box-shadow:0 8px 20px #ef444433}.modern-event-purple{background:linear-gradient(135deg,#8b5cf626,#7c3aed14);border-color:#8b5cf64d}.modern-event-orange{background:linear-gradient(135deg,#fb923c26,#d9770614);border-color:#fb923c4d}.modern-event-gray{background:linear-gradient(135deg,#94a3b826,#64748b14);border-color:#94a3b84d}.modern-event-completed{background:linear-gradient(135deg,#22c55e26,#16a34a14);border-color:#22c55e4d}.modern-event-cancelled{background:linear-gradient(135deg,#ef444426,#dc262614);border-color:#ef44444d}.modern-event-overdue{background:linear-gradient(135deg,#fb923c26,#d9770614);border-color:#fb923c4d}[data-theme=dark] .modern-event{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1f}.event-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #ffffff4d;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.modern-event-blue .event-icon{color:#2563eb}.modern-event-green .event-icon{color:#16a34a}.modern-event-red .event-icon{color:#dc2626}.modern-event-purple .event-icon{color:#7e22ce}.modern-event-orange .event-icon{color:#c2410c}.modern-event-gray .event-icon{color:#64748b}.event-content{flex:1 1}.event-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600;margin-bottom:8px}.event-subtitle{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.entity-badge,.lead-badge,.status-badge{align-items:center;border-radius:4px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;text-transform:uppercase}.status-badge .material-symbols-rounded{font-size:14px}.status-badge.completed{background:#dcfce7;color:#15803d}.status-badge.cancelled{background:#fee2e2;color:#b91c1c}.status-badge.assigned{background:#fed7aa;color:#c2410c}.entity-badge{background:#dbeafe;color:#1e40af}.lead-badge{background:#f3e8ff;color:#7e22ce}[data-theme=dark] .status-badge.completed{background:#22c55e33;color:#86efac}[data-theme=dark] .status-badge.cancelled{background:#f8717133;color:#fca5a5}[data-theme=dark] .status-badge.assigned{background:#fb923c33;color:#fdba74}[data-theme=dark] .entity-badge{background:#3b82f633;color:#93c5fd}[data-theme=dark] .lead-badge{background:#a855f733;color:#d8b4fe}.event-description{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:6px;font-size:14px;line-height:1.5;margin-bottom:8px;padding:12px}.event-description,.event-time{color:#6b7280;color:var(--text-secondary,#6b7280)}.event-time{font-size:13px;font-weight:500}.no-events{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-events-icon{font-size:64px!important;margin-bottom:16px;opacity:.3}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.calendar-content::-webkit-scrollbar,.day-events-list::-webkit-scrollbar{width:6px}.calendar-content::-webkit-scrollbar-thumb,.day-events-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media (max-width:1024px){.header-top-row{flex-wrap:wrap}}@media (max-width:768px){.modern-calendar-overlay{padding:0}.modern-calendar-container{border-radius:0;height:100vh;max-height:none;width:100%}.calendar-grid{gap:6px;grid-template-rows:repeat(6,minmax(60px,1fr))}.day-navigation{flex-direction:column;width:100%}.nav-btn{justify-content:center;width:100%}}@media (max-width:640px){.view-btn span:not(.material-symbols-rounded){display:none}}.confirmation-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirmation-dialog{width:500px}[data-theme=dark] .confirmation-dialog{background:linear-gradient(135deg,#1a1a1af2,#262626f2);border:1px solid #ffffff1a;box-shadow:0 8px 20px #0006,0 4px 8px #0003}.confirmation-title{color:#1e293b;font-size:1.4rem;font-weight:600;margin-bottom:.75rem}[data-theme=dark] .confirmation-title{color:#fff}.confirmation-message{color:#475569;font-size:.95rem;line-height:1.5;margin-bottom:1.75rem}[data-theme=dark] .confirmation-message{color:#d1d5db}.confirmation-cancel-btn,.confirmation-confirm-btn{border:none;border-radius:8px;box-shadow:0 2px 6px #0000000d;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;max-width:140px;padding:.75rem 1rem;transition:all .2s ease}.confirmation-cancel-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.confirmation-cancel-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}[data-theme=dark] .confirmation-cancel-btn{background:linear-gradient(135deg,#333c,#262626cc);color:#fff}[data-theme=dark] .confirmation-cancel-btn:hover{background:linear-gradient(135deg,#404040cc,#333c)}.confirmation-confirm-btn.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.confirmation-confirm-btn.danger:hover{background:linear-gradient(135deg,#fca5a5,#f87171);transform:translateY(-1px)}[data-theme=dark] .confirmation-confirm-btn.danger{background:linear-gradient(135deg,#f4433633,#ef444433);color:#ffcdd2}[data-theme=dark] .confirmation-confirm-btn.danger:hover{background:linear-gradient(135deg,#ef44444d,#dc26264d)}.confirmation-confirm-btn.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.confirmation-confirm-btn.warning:hover{background:linear-gradient(135deg,#fcd34d,#fef08a);transform:translateY(-1px)}[data-theme=dark] .confirmation-confirm-btn.warning{background:linear-gradient(135deg,#ffc10733,#f59e0b33);color:#fff3e0}[data-theme=dark] .confirmation-confirm-btn.warning:hover{background:linear-gradient(135deg,#f59e0b4d,#d977064d)}.confirmation-confirm-btn.info{background:linear-gradient(135deg,#dbeafe,#bae6fd);color:#0c4a6e}.confirmation-confirm-btn.info:hover{background:linear-gradient(135deg,#93c5fd,#7dd3fc);transform:translateY(-1px)}[data-theme=dark] .confirmation-confirm-btn.info{background:linear-gradient(135deg,#00f2fe33,#0ea5e933);color:#e3f2fd}[data-theme=dark] .confirmation-confirm-btn.info:hover{background:linear-gradient(135deg,#0ea5e94d,#3b82f64d)}@media (max-width:480px){.confirmation-dialog{padding:1.5rem 1.75rem;width:90%}.confirmation-title{font-size:1.2rem}.confirmation-message{font-size:.9rem}.confirmation-actions{flex-direction:column-reverse;gap:.75rem}.confirmation-cancel-btn,.confirmation-confirm-btn{max-width:none;width:100%}}.password-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f293759;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.password-dialog{animation:zoomPopIn .3s ease-out;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 20px #0000000f,0 4px 8px #00000008;max-width:95%;overflow:hidden;padding:0;width:500px}[data-theme=dark] .password-dialog{background:linear-gradient(135deg,#1a1a1af2,#262626f2);border:1px solid #ffffff1a;box-shadow:0 8px 20px #0006,0 4px 8px #0003}.password-dialog-header{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #065f461a;display:flex;justify-content:space-between;padding:1.5rem 2.5rem 1.2rem}[data-theme=dark] .password-dialog-header{background:linear-gradient(135deg,#00ff8826,#00ff881a);border-bottom:1px solid #0f83}.password-dialog-header h3{color:#065f46;font-size:1.4rem;font-weight:600;margin:0}[data-theme=dark] .password-dialog-header h3{color:#1de6a5}.password-dialog-close{align-items:center;background:#fffc;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.password-dialog-close:hover{background:#ef44441a;color:#ef4444}[data-theme=dark] .password-dialog-close{background:#1a1a1acc;color:#ccc}[data-theme=dark] .password-dialog-close:hover{background:#ff3b3026;color:#ff3b30}.password-form{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.5rem 2.5rem 2rem}.password-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.95rem;padding:.75rem 1rem}[data-theme=dark] .password-error-banner{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.password-field{display:flex;flex-direction:column;gap:.5rem}.password-field label{color:#374151;font-size:.95rem;font-weight:500}[data-theme=dark] .password-field label{color:#d1d5db}.password-input-wrapper{position:relative}.password-input-wrapper input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.95rem;padding:.75rem 3rem .75rem 1rem;transition:all .2s ease;width:100%}.password-input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.password-input-wrapper input.error{border-color:#ef4444}.password-input-wrapper input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}[data-theme=dark] .password-input-wrapper input{background:#333c;border-color:#fff3;color:#fff}[data-theme=dark] .password-input-wrapper input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#374151}[data-theme=dark] .password-toggle{color:#9ca3af}[data-theme=dark] .password-toggle:hover{color:#f3f4f6}.password-error{color:#ef4444;font-size:.875rem;margin-top:.25rem}[data-theme=dark] .password-error{color:#fca5a5}.password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.password-strength-bar{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;overflow:hidden}[data-theme=dark] .password-strength-bar{background:#ffffff1a}.password-strength-fill{border-radius:2px;height:100%;transition:all .3s ease}.password-strength-label{font-size:.875rem;font-weight:500;min-width:60px;text-align:right}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:.75rem;padding:.75rem}[data-theme=dark] .password-requirements{background:#ffffff05;border-color:#ffffff1a}.password-requirements small{color:#64748b;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}[data-theme=dark] .password-requirements small{color:#94a3b8}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{color:#6b7280;font-size:.8125rem;margin-bottom:.25rem;padding-left:1.25rem;position:relative;transition:color .2s ease}.password-requirements li:before{color:#d1d5db;content:"○";left:0;position:absolute;transition:all .2s ease}.password-requirements li.valid{color:#059669}.password-requirements li.valid:before{color:#059669;content:"✓";font-weight:700}[data-theme=dark] .password-requirements li{color:#9ca3af}[data-theme=dark] .password-requirements li:before{color:#6b7280}[data-theme=dark] .password-requirements li.valid,[data-theme=dark] .password-requirements li.valid:before{color:#10b981}.password-dialog-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.75rem}.password-cancel-btn,.password-submit-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 6px #0000000d;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;max-width:240px;padding:.75rem 1rem;transition:all .2s ease}.password-cancel-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.password-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}[data-theme=dark] .password-cancel-btn{background:linear-gradient(135deg,#333c,#262626cc);color:#fff}[data-theme=dark] .password-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#404040cc,#333c)}.password-submit-btn{background:linear-gradient(135deg,#dbeafe,#bae6fd);color:#0c4a6e}.password-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#93c5fd,#7dd3fc);transform:translateY(-1px)}.password-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-theme=dark] .password-submit-btn{background:linear-gradient(135deg,#00f2fe33,#0ea5e933);color:#e3f2fd}[data-theme=dark] .password-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e94d,#3b82f64d)}.password-loading-spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:600px){.password-dialog-overlay{align-items:flex-end}.password-dialog{animation:slideUpSheet .35s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:calc(100vh - 60px);max-width:100%;overflow:hidden;width:100%}.password-dialog:before{background:#00000026;border-radius:2px;content:"";display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}[data-theme=dark] .password-dialog:before{background:#fff3}.password-dialog-header{flex-shrink:0;padding:1rem 1.25rem .9rem}.password-dialog-header h3{font-size:1.15rem}.password-form{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:1.25rem 1.25rem 2rem}.password-dialog-actions{flex-direction:column-reverse;gap:.75rem;margin-top:1.25rem}.password-cancel-btn,.password-submit-btn{max-width:none;padding:.875rem 1rem;width:100%}}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}:root{--tabbar-bg:linear-gradient(135deg,#f8fafcf2,#ffffffe6);--tabbar-border:#e2e8f0cc;--tabbar-text:#334155;--tabbar-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;--tab-bg:#0000;--tab-bg-hover:#fff9;--tab-bg-active:linear-gradient(135deg,#3b82f61a,#93c5fd14);--tab-text:#64748b;--tab-text-active:#1e40af;--tab-border:#0000;--tab-border-active:#3b82f633;--tab-shadow-active:0 2px 8px #3b82f626;--tab-icon-color:#64748b;--tab-icon-color-active:#1e40af;--tab-icon-color-hover:#475569;--tab-close-color:#94a3b8;--tab-close-color-hover:#ef4444;--more-btn-bg:#fffc;--more-btn-bg-hover:#f8fafcf2;--more-btn-text:#475569;--more-btn-text-hover:#1e293b;--more-btn-border:#e2e8f099;--more-btn-icon:#64748b;--more-btn-icon-active:#1e40af;--dropdown-bg:#fffffff2;--dropdown-border:#e2e8f0cc;--dropdown-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;--dropdown-item-bg:#0000;--dropdown-item-bg-hover:#f8fafccc;--dropdown-item-text:#475569;--dropdown-item-border:#e2e8f080;--color-primary-blue:#3b82f6;--color-primary-dark-blue:#1e40af;--color-primary-light-blue:#93c5fd;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#e2e8f0;--color-gray-200:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-red-500:#ef4444;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--border-radius-sm:0.5rem;--border-radius-md:0.75rem;--border-radius-lg:1rem;--border-radius-xl:1.25rem}[data-theme=dark]{--tabbar-bg:#1a1a1af2;--tabbar-border:#00ff8826;--tabbar-text:#fff;--tabbar-shadow:0 4px 12px #0006,0 2px 4px #00ff8814;--tab-bg:#0000;--tab-bg-hover:#00ff8814;--tab-bg-active:#00ff881f;--tab-text:#d1d5db;--tab-text-active:linear-gradient(135deg,#065f46,#047857);--tab-border:#0000;--tab-border-active:#00ff884d;--tab-shadow-active:0 2px 8px #0f83;--tab-icon-color:#9ca3af;--tab-icon-color-active:linear-gradient(135deg,#065f46,#047857);--tab-icon-color-hover:#d1d5db;--tab-close-color:#6b7280;--tab-close-color-hover:#ff6b6b;--more-btn-bg:#333c;--more-btn-bg-hover:#00ff881a;--more-btn-text:#d1d5db;--more-btn-text-hover:linear-gradient(135deg,#065f46,#047857);--more-btn-border:#0f83;--more-btn-icon:#9ca3af;--more-btn-icon-active:linear-gradient(135deg,#065f46,#047857);--dropdown-border:#0f83;--dropdown-shadow:0 8px 32px #0009,0 4px 16px #00ff881a;--dropdown-item-bg:#0000;--dropdown-item-bg-hover:#00ff881a;--dropdown-item-text:#d1d5db;--dropdown-item-border:#00ff8826}.tabbar-wrapper{align-items:center;box-sizing:border-box;color:#334155;color:var(--tabbar-text);display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;justify-content:space-between;min-height:3rem;overflow:visible;padding:.5rem;position:relative;transition:all .2s ease;width:100%;z-index:100}.tabs-container{flex-wrap:nowrap;gap:.25rem;height:100%;min-width:0;overflow:hidden}.tab-item,.tabs-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto}.tab-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;background:var(--tab-bg);border:1px solid #0000;border:1px solid var(--tab-border);border-radius:.75rem;border-radius:var(--border-radius-md);cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:500;justify-content:space-between;max-width:280px;min-width:200px;padding:.5rem 1rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-item,.tab-item:hover{color:#64748b;color:var(--tab-text)}.tab-item:hover{background:#fff9;background:var(--tab-bg-hover);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tab-item.active{background:linear-gradient(135deg,#3b82f61a,#93c5fd14);background:var(--tab-bg-active);border:1px solid #3b82f633;border:1px solid var(--tab-border-active);box-shadow:0 2px 8px #3b82f626;box-shadow:var(--tab-shadow-active);color:#1e40af;color:var(--tab-text-active);font-weight:600}.instyte-tab-icon{align-items:center;color:#64748b;color:var(--tab-icon-color);display:flex;flex-shrink:0;font-size:1.125rem;margin-right:.5rem;transition:color .2s ease}.tab-item.active .instyte-tab-icon{color:#1e40af;color:var(--tab-icon-color-active)}.tab-item:hover .instyte-tab-icon{color:#475569;color:var(--tab-icon-color-hover)}.tab-title{color:inherit;flex:1 1;font-size:.875rem;font-weight:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis}.tab-close{align-items:center;border-radius:50%;color:#94a3b8;color:var(--tab-close-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:500;height:1.5rem;justify-content:center;margin-left:.75rem;opacity:0;transition:all .2s ease;width:1.5rem}.tab-item:hover .tab-close{opacity:1}.tab-close:hover{background:#ef44441a;color:#ef4444;color:var(--tab-close-color-hover);transform:scale(1.1)}[data-theme=dark] .tab-close:hover{background:#ff6b6b26}.more-tabs-dropdown{flex-shrink:0;margin-left:.5rem;position:relative;z-index:950}.more-tabs-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;background:var(--more-btn-bg);border:1px solid #e2e8f099;border:1px solid var(--more-btn-border);border-radius:.75rem;border-radius:var(--border-radius-md);color:#475569;color:var(--more-btn-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:2.5rem;justify-content:center;padding:0 1rem;transition:all .2s ease;white-space:nowrap}.more-tabs-btn:hover{background:#f8fafcf2;background:var(--more-btn-bg-hover);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--more-btn-text-hover);transform:translateY(-1px)}.more-tabs-btn .material-symbols-rounded{color:#64748b;color:var(--more-btn-icon);font-size:1.25rem;transition:all .2s ease}.more-tabs-btn:hover .material-symbols-rounded{color:#1e293b;color:var(--more-btn-text-hover)}.more-tabs-btn.open .material-symbols-rounded{color:#1e40af;color:var(--more-btn-icon-active);transform:rotate(180deg)}[data-theme=dark] .more-tabs-btn:hover{box-shadow:0 0 20px #00ff8826}.dropdown-content{animation:dropdownFadeIn .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--dropdown-bg);border:1px solid #e2e8f0cc;border:1px solid var(--dropdown-border);border-radius:1rem;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;box-shadow:var(--dropdown-shadow);font-family:inherit;min-width:16rem;overflow:hidden;padding:.5rem 0;position:absolute;right:0;top:calc(100% + .5rem);transform:translateZ(0);will-change:transform;z-index:951}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-tab-item{align-items:center;background:#0000;background:var(--dropdown-item-bg);border-bottom:1px solid #e2e8f080;border-bottom:1px solid var(--dropdown-item-border);color:#475569;color:var(--dropdown-item-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.dropdown-tab-item:last-child{border-bottom:none}.dropdown-tab-item:hover{background:#f8fafccc;background:var(--dropdown-item-bg-hover);transform:translateX(2px)}.dropdown-tab-label{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:.75rem;overflow:hidden}.dropdown-tab-label .instyte-tab-icon{color:#64748b;color:var(--tab-icon-color);font-size:1.125rem;margin-right:0}.dropdown-tab-title{flex-grow:1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-tab-close{align-items:center;border-radius:50%;color:#94a3b8;color:var(--tab-close-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:500;height:1.5rem;justify-content:center;margin-left:1rem;opacity:0;transition:all .2s ease;width:1.5rem}.dropdown-tab-item:hover .dropdown-tab-close{opacity:1}.dropdown-tab-close:hover{background:#ef44441a;color:#ef4444;color:var(--tab-close-color-hover);transform:scale(1.1)}[data-theme=dark] .dropdown-tab-close:hover{background:#ff6b6b26}.tab-item.sortable-ghost{background:#fff9;background:var(--tab-bg-hover);border-radius:.75rem;border-radius:var(--border-radius-md);opacity:.4;transform:rotate(2deg)}.dropdown-tab-item:focus-visible,.more-tabs-btn:focus-visible,.tab-item:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--color-primary-blue);outline-offset:2px}[data-theme=dark] .dropdown-tab-item:focus-visible,[data-theme=dark] .more-tabs-btn:focus-visible,[data-theme=dark] .tab-item:focus-visible{outline-color:#065f46}.tab-item.loading{opacity:.6;pointer-events:none}.tab-item.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:.875rem;position:absolute;right:.75rem;top:50%;width:.875rem}.tab-item.error{background:#ef44441a;border-color:#ef4444;border-color:var(--color-red-500)}.tab-item.error .instyte-tab-icon{color:#ef4444;color:var(--color-red-500)}@media (max-width:768px){.tab-item,.tabbar-wrapper{padding:.375rem .75rem}.tab-item{max-width:220px;min-width:160px}.more-tabs-btn,.tab-item,.tab-title{font-size:.8125rem}.more-tabs-btn{height:2.25rem;padding:0 .75rem}.dropdown-content{min-width:20rem}}@media (max-width:480px){.tab-item{font-size:.75rem;max-width:180px;min-width:140px;padding:.25rem .5rem}.dropdown-tab-close,.tab-close{font-size:1rem;height:1.25rem;width:1.25rem}.dropdown-tab-label .instyte-tab-icon,.instyte-tab-icon{font-size:1rem}}@media (prefers-reduced-motion:reduce){.dropdown-tab-close,.dropdown-tab-item,.more-tabs-btn,.tab-close,.tab-item{transition:none}.more-tabs-btn:hover,.tab-item:hover{transform:none}.dropdown-content{animation:none}}:root{--adb-bg:#f8fafc;--adb-surface:#fff;--adb-surface-2:#f8fafc;--adb-border:#e2e8f0;--adb-border-soft:#f1f5f9;--adb-text:#0f172a;--adb-text-2:#475569;--adb-muted:#94a3b8;--adb-grid:#f1f5f9;--adb-radius:12px;--adb-radius-sm:8px;--adb-shadow:0 1px 3px #0f172a0f,0 4px 16px #0f172a0f;--adb-shadow-hover:0 4px 12px #0f172a1a,0 12px 32px #0f172a14;--adb-shadow-sm:0 1px 3px #0f172a14;--adb-transition:0.18s ease;--adb-text-primary:#0f172a;--adb-text-secondary:#475569;--adb-text-muted:#94a3b8;--adb-accent-blue:#3b82f6;--adb-bg-card:#fff;--adb-bg-hover:#f1f5f9;--adb-bg-tertiary:#f1f5f9}[data-theme=dark]{--adb-bg:#0d1117;--adb-surface:#161b22;--adb-surface-2:#1c2128;--adb-border:#21262d;--adb-border-soft:#1c2128;--adb-text:#f0f6fc;--adb-text-2:#8b949e;--adb-muted:#484f58;--adb-grid:#1c2128;--adb-shadow:0 1px 3px #0000004d,0 4px 16px #00000040;--adb-shadow-hover:0 4px 12px #0006,0 12px 32px #0000004d;--adb-shadow-sm:0 1px 3px #0000004d;--adb-text-primary:#f0f6fc;--adb-text-secondary:#8b949e;--adb-text-muted:#484f58;--adb-accent-blue:#58a6ff;--adb-bg-card:#161b22;--adb-bg-hover:#1c2128;--adb-bg-tertiary:#1c2128}.adb-root{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--adb-bg);color:#0f172a;color:var(--adb-text);font-family:DM Sans,Inter,-apple-system,sans-serif;font-size:14px;line-height:1.5;min-height:100vh;padding:0 0 40px}.adb-header{background:#fff;background:var(--adb-surface);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:12px;border-radius:var(--adb-radius);box-shadow:0 1px 3px #0f172a0f,0 4px 16px #0f172a0f;box-shadow:var(--adb-shadow);flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.adb-header,.adb-header-left{align-items:center;display:flex}.adb-header-left{gap:10px}.adb-title{color:#0f172a;color:var(--adb-text);font-size:20px;font-weight:700;letter-spacing:-.4px;margin:0}.adb-role-badge{background:#f1f5f9;background:var(--adb-border-soft);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:20px;color:#94a3b8;color:var(--adb-muted);font-size:11px;font-weight:600;letter-spacing:.6px;padding:2px 8px;text-transform:uppercase}.adb-header-right{align-items:center;display:flex;gap:8px}.adb-tabs{background:#fff;background:var(--adb-surface);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:8px;border-radius:var(--adb-radius-sm);display:flex;gap:2px;padding:3px}.adb-tab{background:none;border:none;border-radius:6px;color:#475569;color:var(--adb-text-2);cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;transition:all .18s ease;transition:all var(--adb-transition);white-space:nowrap}.adb-tab:hover{background:#f1f5f9;background:var(--adb-border-soft)}.adb-tab.active,.adb-tab:hover{color:#0f172a;color:var(--adb-text)}.adb-tab.active{background:#f8fafc;background:var(--adb-bg);box-shadow:0 1px 4px #0f172a1a;font-weight:600}[data-theme=dark] .adb-tab.active{background:#e2e8f0;background:var(--adb-border)}.adb-icon-btn{align-items:center;background:#fff;background:var(--adb-surface);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:8px;border-radius:var(--adb-radius-sm);color:#475569;color:var(--adb-text-2);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .18s ease;transition:all var(--adb-transition);width:34px}.adb-icon-btn:hover{border-color:#475569;border-color:var(--adb-text-2);color:#0f172a;color:var(--adb-text)}.adb-icon-btn.active{background:#f1f5f9;background:var(--adb-border-soft);color:#0f172a;color:var(--adb-text)}.adb-module-dropdown-wrap{display:none;flex:1 1;position:relative}.adb-module-dropdown-btn{align-items:center;background:#f1f5f9;background:var(--adb-border-soft);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:8px;border-radius:var(--adb-radius-sm);color:#0f172a;color:var(--adb-text);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:space-between;padding:7px 12px;transition:all .18s ease;transition:all var(--adb-transition);width:100%}.adb-module-dropdown-btn:hover{border-color:#475569;border-color:var(--adb-text-2)}.adb-module-dropdown-btn svg{flex-shrink:0}.adb-module-dropdown-menu{background:#fff;background:var(--adb-surface);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:8px;border-radius:var(--adb-radius-sm);box-shadow:0 4px 12px #0f172a1a,0 12px 32px #0f172a14;box-shadow:var(--adb-shadow-hover);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.adb-module-dropdown-opt{align-items:center;background:none;border:none;color:#475569;color:var(--adb-text-2);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;text-align:left;transition:all .18s ease;transition:all var(--adb-transition);width:100%}.adb-module-dropdown-opt:hover{background:#f1f5f9;background:var(--adb-border-soft);color:#0f172a;color:var(--adb-text)}.adb-module-dropdown-opt.active{background:#3b82f60f;color:#3b82f6;font-weight:600}.adb-module-dropdown-opt-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.adb-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:repeat(12,1fr)}.adb-card--small{grid-column:span 4}.adb-card--medium{grid-column:span 6}.adb-card--large{grid-column:span 8}.adb-card--full_width{grid-column:span 12}@media (max-width:768px){.adb-root{padding:0 0 32px}.adb-grid{gap:8px}.adb-header{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:6px;padding:8px 12px}.adb-header-left{flex-shrink:1;gap:4px;min-width:0}.adb-title{display:none}.adb-role-badge{font-size:9px;padding:1px 6px;white-space:nowrap}.adb-header-right{align-items:center;display:flex;flex-shrink:0;gap:4px;justify-content:flex-end}.adb-tabs{display:none}.adb-module-dropdown-wrap{display:flex;flex:0 0 auto}.adb-module-dropdown-btn{font-size:13px;font-weight:700;gap:5px;justify-content:center;min-width:0;padding:5px 10px;white-space:nowrap}.adb-header-right .adb-btn--ghost{display:none}.adb-icon-btn{height:30px;width:30px}.adb-card,.adb-card--full_width,.adb-card--large,.adb-card--medium,.adb-card--small{grid-column:span 12!important}.adb-card-head{gap:6px;padding:10px 12px 8px}.adb-card-head-left{flex:1 1;min-width:0;overflow:hidden}.adb-card-ico{flex-shrink:0;height:24px;width:24px}.adb-card-title{font-size:12px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adb-card-body{padding:0 12px 12px}.adb-card-head-right{flex-shrink:0;gap:4px}.adb-style-toggle{gap:1px;padding:1px}.adb-style-btn{font-size:11px;height:20px;width:20px}.adb-filter-btn{font-size:10px;padding:2px 6px}.adb-filter-drop{min-width:120px}.adb-card-overlay{gap:3px;right:6px;top:6px}.adb-remove-btn,.adb-resize-btn{height:22px;width:22px}.adb-metric-val{font-size:26px}.adb-metric-sub{font-size:11px}.adb-cat-label{font-size:11px;max-width:90px}.adb-source-row{font-size:11px}.adb-qa-list{flex-wrap:wrap;gap:6px}.adb-qa-btn{font-size:11px;padding:6px 10px}.adb-sched-item{gap:8px;padding:8px 10px}.adb-sched-time{font-size:11px;min-width:52px}.adb-sched-title{font-size:12px}.adb-donut-wrap{flex-wrap:wrap}.adb-donut-chart-area{min-width:0!important}}@media (max-width:480px){.adb-card-title{max-width:100px}.adb-metric-val{font-size:22px}}.adb-card{background:#fff;background:var(--adb-surface);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:12px;border-radius:var(--adb-radius);box-shadow:0 1px 3px #0f172a0f,0 4px 16px #0f172a0f;box-shadow:var(--adb-shadow);display:flex;flex-direction:column;overflow:visible;position:relative;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--adb-transition),transform var(--adb-transition)}.adb-card:hover{box-shadow:0 4px 12px #0f172a1a,0 12px 32px #0f172a14;box-shadow:var(--adb-shadow-hover);transform:translateY(-1px)}.adb-card--config{outline:2px dashed #e2e8f0;outline:2px dashed var(--adb-border);outline-offset:2px}.adb-card-head{justify-content:space-between;padding:14px 16px 10px}.adb-card-head,.adb-card-head-left{align-items:center;display:flex;gap:8px}.adb-card-head-left{min-width:0}.adb-card-ico{align-items:center;border-radius:7px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.adb-card-title{color:#0f172a;color:var(--adb-text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adb-card-body{flex:1 1;padding:0 16px 16px}.adb-card--full_width .adb-card-body,.adb-card--large .adb-card-body{border-top:1px solid #f1f5f9;border-top:1px solid var(--adb-border-soft);margin-top:0;padding-top:12px}.adb-filter-wrap{position:relative}.adb-filter-btn{align-items:center;background:#f1f5f9;background:var(--adb-border-soft);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:6px;color:#475569;color:var(--adb-text-2);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px;transition:all .18s ease;transition:all var(--adb-transition);white-space:nowrap}.adb-filter-btn:hover{border-color:#475569;border-color:var(--adb-text-2);color:#0f172a;color:var(--adb-text)}.adb-filter-drop{background:#fff;background:var(--adb-surface);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:8px;border-radius:var(--adb-radius-sm);box-shadow:0 4px 12px #0f172a1a,0 12px 32px #0f172a14;box-shadow:var(--adb-shadow-hover);min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.adb-filter-opt{background:none;border:none;color:#475569;color:var(--adb-text-2);cursor:pointer;display:block;font-size:12px;font-weight:500;padding:8px 12px;text-align:left;transition:all .18s ease;transition:all var(--adb-transition);width:100%}.adb-filter-opt:hover{background:#f1f5f9;background:var(--adb-border-soft);color:#0f172a;color:var(--adb-text)}.adb-filter-opt.active{background:#3b82f60f;color:#3b82f6;font-weight:600}.adb-card-overlay{display:flex;gap:4px;position:absolute;right:8px;top:8px;z-index:10}.adb-overlay-btn{align-items:center;background:#fff;background:var(--adb-surface);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:6px;color:#475569;color:var(--adb-text-2);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .18s ease;transition:all var(--adb-transition);width:26px}.adb-overlay-btn:hover{background:#f1f5f9;background:var(--adb-border-soft);color:#0f172a;color:var(--adb-text)}.adb-overlay-btn--danger:hover{background:#f43f5e1a;border-color:#f43f5e;color:#f43f5e}.adb-resize-menu{background:#fff;background:var(--adb-surface);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:8px;border-radius:var(--adb-radius-sm);box-shadow:0 4px 12px #0f172a1a,0 12px 32px #0f172a14;box-shadow:var(--adb-shadow-hover);overflow:hidden;position:absolute;right:0;top:32px;z-index:20}.adb-resize-opt{background:none;border:none;color:#475569;color:var(--adb-text-2);cursor:pointer;display:block;font-size:12px;padding:7px 12px;text-align:left;transition:all .18s ease;transition:all var(--adb-transition);width:100%}.adb-resize-opt:hover{background:#f1f5f9;background:var(--adb-border-soft);color:#0f172a;color:var(--adb-text)}.adb-resize-opt.active{color:#3b82f6;font-weight:600}.adb-status-badge{align-items:center;border-radius:0 0 12px 12px;border-radius:0 0 var(--adb-radius) var(--adb-radius);display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.5px;margin:0;padding:3px 8px;text-transform:uppercase}.adb-status--needs_attention{background:#f43f5e14;color:#f43f5e}.adb-status--good{background:#10b98114;color:#10b981}.adb-status--warning{background:#f59e0b14;color:#f59e0b}.adb-metric{align-items:flex-start;display:flex;gap:14px;padding:4px 0 8px}.adb-metric-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.adb-metric-body{flex:1 1;min-width:0}.adb-metric-value{color:#0f172a;color:var(--adb-text);font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1.1}.adb-metric-sub{color:#94a3b8;color:var(--adb-muted);font-size:12px;margin-top:4px}.adb-metric-trend{align-items:center;border-radius:20px;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:3px;margin-top:2px;padding:3px 7px;white-space:nowrap}.trend-down{background:#f43f5e1a;color:#f43f5e}.trend-neutral{background:#f1f5f9;background:var(--adb-border-soft);color:#94a3b8;color:var(--adb-muted)}.adb-donut-wrap{gap:0;position:relative}.adb-donut-centre{left:calc(45% - 40px);transform:translateY(-50%)}.adb-donut-pct{font-size:22px}.adb-donut-name{margin-top:2px}.adb-donut-legend{gap:6px;max-height:260px;overflow-y:auto;padding-left:8px}.adb-legend-item{border-radius:6px;cursor:default;padding:3px 6px;transition:background .18s ease;transition:background var(--adb-transition)}.adb-team{padding:4px 0}.adb-team-avg{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.adb-team-avg-lbl{color:#94a3b8;color:var(--adb-muted);font-size:12px}.adb-team-avg-val{color:#0f172a;color:var(--adb-text);font-size:14px;font-weight:700}.adb-horiz-bars{display:flex;flex-direction:column;gap:12px;padding:8px 0}.adb-hbar-meta{display:flex;justify-content:space-between;margin-bottom:5px}.adb-hbar-name{color:#475569;color:var(--adb-text-2);font-size:12px;font-weight:500}.adb-hbar-val{color:#0f172a;color:var(--adb-text);font-size:12px;font-weight:700}.adb-hbar-track{background:#f1f5f9;background:var(--adb-border-soft);border-radius:99px;height:6px;overflow:hidden}.adb-hbar-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.22,.68,0,1.2)}.adb-funnel-wrap{padding:4px 0}.adb-funnel-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--adb-border-soft);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.adb-funnel-overall-lbl{color:#94a3b8;color:var(--adb-muted);font-size:12px}.adb-funnel-overall-val{color:#0f172a;color:var(--adb-text);font-size:16px;font-weight:700}.adb-funnel{gap:10px}.adb-funnel,.adb-funnel-stage{display:flex;flex-direction:column}.adb-funnel-stage{gap:4px}.adb-funnel-bar-wrap{background:#f1f5f9;background:var(--adb-border-soft);border-radius:99px;height:8px;overflow:hidden}.adb-funnel-bar{border-radius:99px;height:100%;transition:width .5s cubic-bezier(.22,.68,0,1.2)}.adb-funnel-info{align-items:center;display:flex;justify-content:space-between}.adb-funnel-name{color:#475569;color:var(--adb-text-2);font-size:12px}.adb-funnel-stats{align-items:center;display:flex;gap:8px}.adb-funnel-count{color:#0f172a;color:var(--adb-text);font-size:12px;font-weight:700}.adb-funnel-pct{font-size:11px;font-weight:600}.adb-funnel-arrow{display:flex;justify-content:flex-end;padding-right:8px}.adb-funnel-conv{background:#f1f5f9;background:var(--adb-border-soft);border-radius:20px;color:#94a3b8;color:var(--adb-muted);font-size:10px;padding:1px 6px}.adb-chart-wrap{min-height:180px;width:100%}.adb-chart-kpi{align-items:baseline;display:flex;gap:6px;margin-bottom:10px}.adb-chart-kpi-val{font-size:18px;font-weight:700}.adb-chart-kpi-lbl{color:#94a3b8;color:var(--adb-muted);font-size:12px}.adb-attendance{display:flex;flex-direction:column;gap:12px;padding:4px 0}.adb-att-stats{border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:8px;border-radius:var(--adb-radius-sm);display:flex;gap:0;overflow:hidden}.adb-att-stat{align-items:center;border-right:1px solid #e2e8f0;border-right:1px solid var(--adb-border);display:flex;flex:1 1;flex-direction:column;padding:10px 8px}.adb-att-stat:last-child{border-right:none}.adb-att-val{color:#0f172a;color:var(--adb-text);font-size:18px;font-weight:700}.adb-att-lbl{color:#94a3b8;color:var(--adb-muted);font-size:11px;margin-top:2px}.adb-att-bar-track{background:#f1f5f9;background:var(--adb-border-soft);border-radius:99px;display:flex;height:10px;overflow:hidden}.adb-att-bar-seg{height:100%;transition:width .4s ease}.adb-att-legend{display:flex;gap:16px}.adb-att-leg-item{align-items:center;display:flex;gap:5px}.adb-att-leg-dot{border-radius:50%;height:8px;width:8px}.adb-att-leg-lbl{color:#475569;color:var(--adb-text-2);font-size:12px}.adb-att-leg-val{color:#0f172a;color:var(--adb-text);font-size:12px;font-weight:700}.adb-alert-banner{align-items:center;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;border-radius:var(--adb-radius-sm);color:#f59e0b;display:flex;font-size:12px;gap:6px;padding:7px 10px}.adb-alert-banner.mt8{margin-top:8px}.adb-tooltip{background:#fff;background:var(--adb-surface);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:8px;border-radius:var(--adb-radius-sm);box-shadow:0 4px 12px #0f172a1a,0 12px 32px #0f172a14;box-shadow:var(--adb-shadow-hover);font-size:12px;padding:8px 12px}.adb-tooltip-label{color:#0f172a;color:var(--adb-text);font-weight:600;margin-bottom:4px}.adb-tooltip-row{align-items:center;display:flex;gap:6px;padding:2px 0}.adb-tooltip-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.adb-tooltip-name{color:#475569;color:var(--adb-text-2);flex:1 1}.adb-tooltip-val{color:#0f172a;color:var(--adb-text);font-weight:700}.adb-state{align-items:center;color:#475569;color:var(--adb-text-2);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:60vh;text-align:center}.adb-state h4{color:#0f172a;color:var(--adb-text);font-size:16px;font-weight:600;margin:0}.adb-state p{color:#475569;color:var(--adb-text-2);font-size:13px;margin:0;max-width:320px}.adb-state--error,.adb-state--error h4{color:#f43f5e}.adb-spinner{animation:adb-spin .7s linear infinite;border:2px solid #e2e8f0;border:2px solid var(--adb-border);border-radius:50%;border-top:2px solid #3b82f6;height:28px;width:28px}@keyframes adb-spin{to{transform:rotate(1turn)}}.adb-empty{align-items:center;color:#94a3b8;color:var(--adb-muted);display:flex;font-size:12px;justify-content:center;min-height:80px}.adb-btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--adb-radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .18s ease;transition:all var(--adb-transition)}.adb-btn--primary{background:#3b82f6;color:#fff}.adb-btn--primary:hover{background:#2563eb}.adb-btn--primary:disabled{background:#93c5fd;cursor:not-allowed;opacity:.7}.adb-btn--ghost{background:none;border-color:#e2e8f0;border-color:var(--adb-border);color:#475569;color:var(--adb-text-2)}.adb-btn--ghost:hover{border-color:#475569;border-color:var(--adb-text-2);color:#0f172a;color:var(--adb-text)}.adb-btn--icon{background:#f1f5f9;background:var(--adb-border-soft);border-color:#e2e8f0;border-color:var(--adb-border);color:#475569;color:var(--adb-text-2);height:32px;justify-content:center;padding:0;width:32px}.adb-btn--icon:hover{color:#0f172a;color:var(--adb-text)}.adb-avail-section{background:#fff;background:var(--adb-surface);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:12px;border-radius:var(--adb-radius);margin-top:24px;overflow:hidden}.adb-avail-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--adb-border);display:flex;justify-content:space-between;padding:14px 16px}.adb-avail-header h3{color:#0f172a;color:var(--adb-text);font-size:14px;font-weight:600;margin:0}.adb-avail-grid{display:flex;flex-direction:column}.adb-avail-card{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--adb-border-soft);display:flex;gap:12px;padding:12px 16px;transition:background .18s ease;transition:background var(--adb-transition)}.adb-avail-card:last-child{border-bottom:none}.adb-avail-card:hover{background:#f1f5f9;background:var(--adb-border-soft)}.adb-avail-ico{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.adb-avail-info{flex:1 1;min-width:0}.adb-avail-info strong{color:#0f172a;color:var(--adb-text);display:block;font-size:13px;font-weight:600}.adb-avail-info span{color:#94a3b8;color:var(--adb-muted);font-size:12px}.recharts-cartesian-axis-tick text{font-family:inherit!important}.recharts-legend-item-text{color:#475569!important;color:var(--adb-text-2)!important;font-size:12px!important}.recharts-tooltip-wrapper{outline:none!important}.adb-semi-wrap{grid-gap:8px 12px;align-items:center;display:grid;gap:8px 12px;grid-template-columns:auto 1fr auto;grid-template-rows:auto;padding:4px 0;position:relative}.adb-semi-total{align-self:flex-end;display:flex;flex-direction:column;grid-column:1;grid-row:1;padding-bottom:8px}.adb-semi-total-num{color:#0f172a;color:var(--adb-text);font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1}.adb-semi-total-lbl{color:#94a3b8;color:var(--adb-muted);font-size:11px;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}.adb-semi-chart{grid-column:2;grid-row:1;min-width:130px}.adb-semi-legend{display:flex;flex-direction:column;gap:6px;grid-column:3;grid-row:1;min-width:140px}.adb-semi-leg-row{align-items:center;border-radius:6px;cursor:default;display:flex;gap:7px;padding:3px 6px;transition:background .18s ease;transition:background var(--adb-transition)}.adb-semi-leg-row.active,.adb-semi-leg-row:hover{background:#f1f5f9;background:var(--adb-border-soft)}.adb-semi-leg-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.adb-semi-leg-name{color:#475569;color:var(--adb-text-2);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adb-semi-leg-count{color:#0f172a;color:var(--adb-text);font-size:13px;font-weight:600;margin-left:auto}.adb-cat-bars{gap:10px}.adb-cat-row{display:flex}.adb-cat-label{color:#475569;flex-shrink:0;font-size:12px;text-align:right;width:90px}.adb-cat-track{flex:1 1;gap:6px;height:22px}.adb-cat-fill{height:18px;min-width:4px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.adb-cat-val{color:#0f172a;flex-shrink:0;font-size:12px}.adb-urgent-card{display:flex;flex-direction:column;gap:12px}.adb-urgent-hero{align-items:baseline;display:flex;gap:10px}.adb-urgent-num{color:#0f172a;color:var(--adb-text);font-size:40px;font-weight:800;letter-spacing:-1px;line-height:1}.adb-urgent-badge{align-items:center;background:#f59e0b1f;border-radius:20px;color:#d97706;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.adb-urgent-badge--rose{background:#f43f5e1f;color:#e11d48}.adb-urgent-note{color:#94a3b8;color:var(--adb-muted);font-size:12px}.adb-urgent-note strong{color:#475569;color:var(--adb-text-2);font-weight:600}.adb-demo-funnel,.adb-reach-wrap,.adb-source-wrap{display:flex;flex-direction:column;gap:12px}.adb-source-best{align-items:center;background:#f1f5f9;background:var(--adb-border-soft);border-radius:8px;border-radius:var(--adb-radius-sm);display:flex;gap:8px;padding:8px 12px}.adb-source-best-lbl{color:#94a3b8;color:var(--adb-muted);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.adb-source-best-val{color:#0f172a;color:var(--adb-text);flex:1 1;font-size:13px;font-weight:700}.adb-source-best-pct{background:#10b9811a;border-radius:10px;color:#10b981;font-size:12px;font-weight:600;padding:2px 7px}.adb-card-head-right{align-items:center;display:flex;gap:6px}.adb-style-toggle{background:#f1f5f9;background:var(--adb-border-soft);border-radius:6px;padding:2px}.adb-style-btn{align-items:center;color:#94a3b8;display:flex;height:24px;justify-content:center;transition:background .15s,color .15s;width:24px}.adb-style-btn:hover{background:#e2e8f0;background:var(--adb-border);color:#0f172a}.adb-style-btn.active{background:#fff;background:var(--adb-surface);box-shadow:0 1px 3px #0f172a14;box-shadow:var(--adb-shadow-sm);color:#3b82f6}.adb-concentric-wrap{align-items:center;display:flex;gap:16px;padding:4px 0;width:100%}.adb-concentric-svg-wrap{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.adb-concentric-total{display:flex;flex-direction:column;line-height:1.15;padding-left:2px}.adb-concentric-num{color:#0f172a;color:var(--adb-text,#0f172a);font-size:24px;font-weight:700;letter-spacing:-.03em}.adb-concentric-lbl{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:11px;font-weight:500}.adb-concentric-legend{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.adb-concentric-leg-row{align-items:center;border-radius:5px;cursor:pointer;display:flex;gap:7px;padding:3px 6px;transition:background .12s}.adb-concentric-leg-row.hov,.adb-concentric-leg-row:hover{background:#f1f5f9;background:var(--adb-border-soft,#f1f5f9)}.adb-concentric-leg-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.adb-concentric-leg-name{color:#475569;color:var(--adb-text-2,#475569);flex:1 1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adb-concentric-leg-val{font-feature-settings:"tnum";color:#0f172a;color:var(--adb-text,#0f172a);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.adb-donut-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:12px;width:100%}.adb-donut-chart-area{min-width:0;width:170px}.adb-donut-pct{color:#0f172a;color:var(--adb-text);display:block;font-size:18px;font-weight:700;letter-spacing:-.02em}.adb-donut-name{color:#94a3b8;color:var(--adb-muted);display:block;font-size:10px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adb-donut-legend{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.adb-legend-item{align-items:center;border-radius:5px;cursor:pointer;display:flex;gap:6px;padding:3px 5px;transition:background .12s}.adb-legend-item.active,.adb-legend-item:hover{background:#f1f5f9;background:var(--adb-border-soft)}.adb-legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.adb-legend-label{color:#475569;color:var(--adb-text-2);font-size:12px;white-space:nowrap}.adb-legend-pct{font-feature-settings:"tnum";color:#0f172a;color:var(--adb-text);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.adb-vfunnel{gap:2px;padding:4px 0;width:100%}.adb-vfunnel,.adb-vfunnel-step{display:flex;flex-direction:column}.adb-vfunnel-step{align-items:center;gap:1px}.adb-vfunnel-bar{align-items:center;border-radius:4px;display:flex;justify-content:space-between;max-width:100%;min-height:30px;padding:6px 12px;transition:width .3s ease}.adb-vfunnel-name{color:#fff;font-size:12px;font-weight:500;white-space:nowrap}.adb-vfunnel-count{color:#fffffff2;font-size:13px;font-weight:700}.adb-vfunnel-conv{color:#94a3b8;color:var(--adb-text-muted);font-size:10px;letter-spacing:.02em;padding:1px 0}.adb-donut-chart-area{flex-shrink:0;position:relative}.adb-donut-centre{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80px}@keyframes adbSpin{to{transform:rotate(1turn)}}@keyframes shimmerSlide{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes adbPulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes adbFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.adb-spin{animation:adbSpin .7s linear infinite}.adb-ai-card{background:#fff;background:var(--adb-surface);background-clip:padding-box;border:1px solid #0000;border-radius:12px;border-radius:var(--adb-radius);box-shadow:0 0 0 1px #6366f12e,0 2px 8px #6366f10f,0 8px 24px #0f172a0f;margin-bottom:16px;overflow:hidden;position:relative;transition:box-shadow .2s ease}.adb-ai-card:hover{box-shadow:0 0 0 1px #6366f152,0 4px 16px #6366f11a,0 12px 32px #0f172a14}[data-theme=dark] .adb-ai-card{box-shadow:0 0 0 1px #6366f140,0 2px 8px #6366f11a,0 8px 24px #0000004d}.adb-ai-header{align-items:center;background:linear-gradient(135deg,#6366f112,#8b5cf60d);border-bottom:1px solid #6366f11a;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:11px 16px 11px 14px;transition:background .15s;-webkit-user-select:none;user-select:none}.adb-ai-header:hover{background:linear-gradient(135deg,#6366f11c,#8b5cf614)}[data-theme=dark] .adb-ai-header{background:linear-gradient(135deg,#6366f11f,#8b5cf614);border-bottom-color:#6366f12e}.adb-ai-title-row{align-items:center;display:flex;flex:1 1;gap:7px;min-width:0}.adb-ai-logo-pill{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:99px;display:inline-flex;flex-shrink:0;gap:5px;padding:3px 9px 3px 7px}.adb-ai-logo-pill svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.adb-ai-label{color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px}.adb-ai-live-dot{animation:adbPulseGlow 2s ease-in-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 0 2px #10b98133;flex-shrink:0;height:6px;width:6px}.adb-ai-badge{border-radius:99px;font-size:10px;font-weight:600;padding:2px 7px;white-space:nowrap}.adb-ai-badge--warn{background:#fef3c7;border:1px solid #fcd34d40;color:#92400e}.adb-ai-badge--ok{background:#d1fae5;border:1px solid #34d39940;color:#065f46}[data-theme=dark] .adb-ai-badge--warn{background:#fbbf241f;border-color:#fcd34d33;color:#fcd34d}[data-theme=dark] .adb-ai-badge--ok{background:#10b9811f;border-color:#34d39933;color:#34d399}.adb-ai-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.adb-ai-ts{background:#f8fafc;background:var(--adb-surface-2);border:1px solid #e2e8f0;border:1px solid var(--adb-border);border-radius:99px;color:#94a3b8;color:var(--adb-muted);font-size:10px;padding:2px 7px}.adb-ai-refresh{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:6px;color:#6366f1;cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:all .15s;white-space:nowrap}.adb-ai-refresh:hover{background:#6366f124;border-color:#6366f159}[data-theme=dark] .adb-ai-refresh{background:#6366f11f;border-color:#6366f140;color:#a5b4fc}.adb-ai-generate-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:opacity .15s,transform .15s;white-space:nowrap}.adb-ai-generate-btn:hover{opacity:.9;transform:translateY(-1px)}.adb-ai-generate-btn:active{opacity:1;transform:none}.adb-ai-chevron{color:#6366f199;flex-shrink:0;transition:transform .18s ease}.adb-ai-empty{flex-direction:column;gap:10px;padding:28px 20px;text-align:center}.adb-ai-empty,.adb-ai-empty-icon{align-items:center;display:flex;justify-content:center}.adb-ai-empty-icon{background:linear-gradient(135deg,#6366f11a,#8b5cf614);border:1px solid #6366f126;border-radius:12px;height:44px;width:44px}.adb-ai-empty-title{color:#0f172a;color:var(--adb-text);font-size:13px;font-weight:600}.adb-ai-empty-sub{color:#94a3b8;color:var(--adb-muted);font-size:11px;line-height:1.5;max-width:280px}.adb-ai-body{animation:adbFadeIn .2s ease;padding:14px 16px 16px}.adb-ai-shimmer-wrap{display:flex;flex-direction:column;gap:9px;padding:2px 0}.adb-ai-shimmer{animation:shimmerSlide 1.4s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--adb-border-soft) 25%,var(--adb-border) 50%,var(--adb-border-soft) 75%);background-size:200% 100%;border-radius:5px;height:10px}.adb-ai-content{gap:12px}.adb-ai-content,.adb-ai-rows{display:flex;flex-direction:column}.adb-ai-rows{gap:1px}.adb-ai-row{align-items:flex-start;border-radius:8px;display:flex;gap:10px;padding:7px 10px;transition:background .12s}.adb-ai-row:hover{background:#f8fafc;background:var(--adb-surface-2)}.adb-ai-row-dot{border-radius:50%;box-shadow:0 0 0 2px #fffc;flex-shrink:0;height:7px;margin-top:5px;width:7px}[data-theme=dark] .adb-ai-row-dot{box-shadow:0 0 0 2px #0006}.adb-ai-row-text{color:#475569;color:var(--adb-text-2);font-size:12.5px;line-height:1.55}.adb-ai-actions{background:linear-gradient(135deg,#6366f10a,#8b5cf605);border:1px solid #6366f11a;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:10px 12px}[data-theme=dark] .adb-ai-actions{background:linear-gradient(135deg,#6366f114,#8b5cf60a);border-color:#6366f12e}.adb-ai-actions-label{align-items:center;color:#6366f1;display:flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:.08em;margin-bottom:3px;text-transform:uppercase}.adb-ai-actions-list{display:flex;flex-direction:column;gap:4px}.adb-ai-action-item{align-items:baseline;background:#fff;background:var(--adb-surface);border:1px solid #f1f5f9;border:1px solid var(--adb-border-soft);border-radius:7px;display:flex;gap:9px;padding:5px 8px;transition:border-color .12s,background .12s}.adb-ai-action-item:hover{background:#6366f108;border-color:#6366f133}.adb-ai-action-num{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:5px;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px}.adb-ai-action-text{color:#0f172a;color:var(--adb-text);font-size:12.5px;font-weight:500;line-height:1.5}@media (max-width:600px){.adb-ai-header{padding:9px 12px}.adb-ai-body{padding:10px 12px 12px}.adb-ai-ts{display:none}}.adb-epicker-overlay{align-items:center;animation:adbEpIn .16s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020617b8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10001}@keyframes adbEpIn{0%{opacity:0}to{opacity:1}}.adb-epicker-modal{animation:adbEpUp .22s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--popup-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;box-shadow:0 0 0 1px #ffffff14,0 32px 72px #00000047,0 8px 20px #0000001a;display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}@keyframes adbEpUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .adb-epicker-modal{background:#0f172a;background:var(--popup-bg,#0f172a);border-color:#ffffff14;box-shadow:0 0 0 1px #ffffff0a,0 32px 72px #0009}.adb-epicker-top{align-items:center;display:flex;justify-content:space-between;padding:16px 18px 12px}.adb-epicker-mode-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:12.5px;font-weight:700;gap:7px;letter-spacing:.01em;padding:5px 12px 5px 8px}.adb-epicker-mode-badge .material-symbols-rounded{font-size:16px}.adb-epicker-mode-badge.timetable{background:#6366f11a;border:1px solid #6366f133;color:#6366f1}[data-theme=dark] .adb-epicker-mode-badge.timetable{background:#6366f126;border-color:#6366f14d}.adb-epicker-mode-badge.enrollment{background:#10b9811a;border:1px solid #10b98133;color:#10b981}[data-theme=dark] .adb-epicker-mode-badge.enrollment{background:#10b98126;border-color:#10b9814d}.adb-epicker-close{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background .14s,color .14s;width:30px}.adb-epicker-close:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9);color:#0f172a;color:var(--text-primary,#0f172a)}[data-theme=dark] .adb-epicker-close:hover{background:#ffffff14;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.adb-epicker-search-wrap{align-items:center;display:flex;margin:0 16px 12px;position:relative}.adb-epicker-search-icon{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:18px;left:13px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.adb-epicker-search{background:#f8fafc;background:var(--secondary-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:12px;box-sizing:border-box;color:#0f172a;color:var(--text-primary,#0f172a);font-family:inherit;font-size:14px;outline:none;padding:11px 40px;transition:border-color .14s,box-shadow .14s,background .14s;width:100%}.adb-epicker-search::placeholder{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.adb-epicker-search:focus{background:#fff;background:var(--card-bg,#fff);border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .adb-epicker-search{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .adb-epicker-search:focus{background:#ffffff14;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.adb-epicker-clear{align-items:center;background:#e2e8f0;background:var(--border-color,#e2e8f0);border:none;border-radius:50%;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:10px;transition:background .14s;width:22px}.adb-epicker-clear:hover{background:#cbd5e1;background:var(--secondary-hover,#cbd5e1)}[data-theme=dark] .adb-epicker-clear{background:#ffffff1a;color:#94a3b8;color:var(--text-secondary,#94a3b8)}.adb-epicker-list{flex:1 1;margin:0 8px;max-height:280px;overflow-y:auto;padding:4px 8px;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--border-color,#e2e8f0) #0000;scrollbar-width:thin}.adb-epicker-list::-webkit-scrollbar{width:4px}.adb-epicker-list::-webkit-scrollbar-track{background:#0000}.adb-epicker-list::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:2px}.adb-epicker-item{align-items:center;border-radius:11px;cursor:pointer;display:flex;gap:12px;margin-bottom:2px;padding:10px 12px;transition:background .12s}.adb-epicker-item:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9)}[data-theme=dark] .adb-epicker-item:hover{background:#ffffff0d}.adb-epicker-item.selected{background:#6366f114}[data-theme=dark] .adb-epicker-item.selected{background:#6366f124}.adb-epicker-item-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;letter-spacing:0;width:36px}.adb-epicker-item.selected .adb-epicker-item-avatar{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 0 0 2px #6366f14d}.adb-epicker-item-body{flex:1 1;min-width:0}.adb-epicker-item-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .adb-epicker-item-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.adb-epicker-item-id{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-family:SF Mono,Fira Code,monospace;font-size:11.5px;font-weight:500;margin-top:2px}.adb-epicker-item-check{color:#6366f1;flex-shrink:0;font-size:18px}.adb-epicker-loading{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:13px;gap:10px;justify-content:center;padding:36px 24px}.adb-epicker-spinner{animation:adbEpSpin .7s linear infinite;border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:50%;border-top:2px solid #6366f1;flex-shrink:0;height:18px;width:18px}@keyframes adbEpSpin{to{transform:rotate(1turn)}}.adb-epicker-empty{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;font-size:13px;gap:8px;padding:36px 24px;text-align:center}.adb-epicker-empty .material-symbols-rounded{font-size:32px;opacity:.4}.adb-epicker-footer{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--border-color,#f1f5f9);display:flex;gap:10px;justify-content:space-between;margin-top:8px;padding:12px 16px 16px}[data-theme=dark] .adb-epicker-footer{border-top-color:#ffffff12}.adb-epicker-selection-hint{align-items:center;background:#6366f114;border:1px solid #6366f12e;border-radius:8px;color:#6366f1;display:flex;flex-shrink:1;font-size:12px;font-weight:600;gap:6px;max-width:180px;min-width:0;overflow:hidden;padding:4px 10px 4px 7px;text-overflow:ellipsis;white-space:nowrap}.adb-epicker-selection-hint .material-symbols-rounded{flex-shrink:0;font-size:14px}.adb-epicker-footer-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.adb-epicker-cancel{background:none;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:9px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:all .14s}.adb-epicker-cancel:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9);border-color:#cbd5e1;border-color:var(--border-color,#cbd5e1);color:#0f172a;color:var(--text-primary,#0f172a)}[data-theme=dark] .adb-epicker-cancel{border-color:#ffffff1a;color:#94a3b8;color:var(--text-secondary,#94a3b8)}[data-theme=dark] .adb-epicker-cancel:hover{background:#ffffff12;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.adb-epicker-confirm{align-items:center;background:#6366f1;border:none;border-radius:9px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:6px;padding:8px 18px;transition:all .14s}.adb-epicker-confirm .material-symbols-rounded{font-size:15px}.adb-epicker-confirm:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 14px #6366f16b;transform:translateY(-1px)}.adb-epicker-confirm:disabled{background:#e2e8f0;background:var(--border-color,#e2e8f0);box-shadow:none;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:not-allowed;transform:none}[data-theme=dark] .adb-epicker-confirm:disabled{background:#ffffff14;color:#ffffff40}@media (max-width:600px){.adb-epicker-overlay{align-items:flex-end;padding:0}.adb-epicker-modal{animation:adbEpSheet .28s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;max-width:100%;padding-bottom:max(0px,env(safe-area-inset-bottom))}@keyframes adbEpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.adb-epicker-list{max-height:220px}.adb-epicker-footer{align-items:stretch;flex-direction:column;gap:8px}.adb-epicker-selection-hint{max-width:100%}.adb-epicker-footer-actions{flex-direction:column-reverse;margin-left:0}.adb-epicker-cancel,.adb-epicker-confirm{justify-content:center;width:100%}}.fin-root{display:flex;flex-direction:column;gap:20px;width:100%}.fin-header{flex-wrap:wrap;gap:12px;justify-content:space-between}.fin-header,.fin-header-left{align-items:center;display:flex}.fin-header-left{gap:14px}.fin-header-icon{align-items:center;background:#6366f11a;border-radius:12px;color:#6366f1;display:flex;font-size:32px;height:48px;justify-content:center;padding:8px;width:48px}.fin-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-weight:800;letter-spacing:-.03em;margin:0}.fin-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:12.5px;margin:2px 0 0}[data-theme=dark] .fin-title{color:#f1f5f9}[data-theme=dark] .fin-subtitle{color:#94a3b8}.fin-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.fin-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .14s;white-space:nowrap}.fin-btn .material-symbols-rounded{font-size:16px}.fin-btn--ghost{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a)}.fin-btn--ghost:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9);border-color:#6366f1;color:#6366f1}[data-theme=dark] .fin-btn--ghost{background:#ffffff0f;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .fin-btn--ghost:hover{background:#6366f126;border-color:#6366f1;color:#818cf8}.fin-btn--primary{background:#6366f1;box-shadow:0 2px 8px #6366f14d;color:#fff}.fin-btn--primary:hover{background:#4f46e5;box-shadow:0 4px 14px #6366f16b;transform:translateY(-1px)}.fin-kpi-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.fin-kpi-row--leads{margin-bottom:14px}@media (max-width:900px){.fin-kpi-row{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:560px){.fin-kpi-row{grid-template-columns:1fr!important}}.fin-kpi--compact{border-radius:14px;padding:14px 16px 12px}.fin-kpi--compact .fin-kpi-head{margin-bottom:4px}.fin-kpi--compact .fin-kpi-val{font-size:22px;margin-bottom:4px}.fin-kpi--compact .fin-kpi-icon{border-radius:10px;height:34px;width:34px}.fin-kpi--compact .fin-kpi-bar{margin-top:8px}.fin-kpi-icon svg{color:#fff}.fin-kpi-head-left{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;min-width:0}.fin-kpi .adb-filter-btn{background:#0000000d;border-color:#0000001a;border-radius:20px;color:#475569;font-size:10px;gap:3px;padding:2px 7px}.fin-kpi .adb-filter-btn:hover{background:#00000017;border-color:#0000002e;color:#1e293b}.fin-kpi .adb-filter-drop{border-radius:10px;box-shadow:0 8px 24px #0000001f,0 0 0 1px #0000000f;left:0;min-width:130px;right:auto;top:calc(100% + 4px);z-index:500}.fin-kpi .adb-filter-opt{font-size:11px;padding:7px 12px}@media (max-width:768px){.fin-kpi .adb-filter-btn{font-size:8px!important;gap:2px!important;height:auto!important;line-height:1.2!important;min-height:0!important;min-height:auto!important;padding:1px 4px!important}.fin-kpi .adb-filter-btn svg{height:7px!important;width:7px!important}}.fin-kpi-action-btn{align-items:center;background:none;border:none;color:#6366f1;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10.5px;font-weight:600;gap:3px;opacity:.75;padding:0;transition:opacity .15s;white-space:nowrap}.fin-kpi-action-btn:hover{opacity:1;text-decoration:underline}.fin-kpi{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-radius:18px;cursor:default;overflow:visible;padding:20px 20px 16px;position:relative;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1)}.fin-kpi--green{background:linear-gradient(145deg,#ffffffeb,#d1fae599);box-shadow:0 0 0 1px #10b98129,0 2px 12px #10b9811a,0 1px 3px #0000000d}.fin-kpi--amber{background:linear-gradient(145deg,#ffffffeb,#fef3c799);box-shadow:0 0 0 1px #f59e0b29,0 2px 12px #f59e0b1a,0 1px 3px #0000000d}.fin-kpi--red{background:linear-gradient(145deg,#ffffffeb,#fee2e299);box-shadow:0 0 0 1px #f43f5e29,0 2px 12px #f43f5e1a,0 1px 3px #0000000d}.fin-kpi--indigo{background:linear-gradient(145deg,#ffffffeb,#e0e7ff99);box-shadow:0 0 0 1px #6366f129,0 2px 12px #6366f11a,0 1px 3px #0000000d}.fin-kpi--cyan{background:linear-gradient(145deg,#ffffffeb,#cffafe99);box-shadow:0 0 0 1px #06b6d429,0 2px 12px #06b6d41a,0 1px 3px #0000000d}.fin-kpi--violet{background:linear-gradient(145deg,#ffffffeb,#ede9fe99);box-shadow:0 0 0 1px #8b5cf629,0 2px 12px #8b5cf61a,0 1px 3px #0000000d}.fin-kpi--teal{background:linear-gradient(145deg,#ffffffeb,#ccfbf199);box-shadow:0 0 0 1px #0d948829,0 2px 12px #0d94881a,0 1px 3px #0000000d}.fin-kpi--orange{background:linear-gradient(145deg,#ffffffeb,#ffedd599);box-shadow:0 0 0 1px #f9731629,0 2px 12px #f973161a,0 1px 3px #0000000d}.fin-kpi--slate{background:linear-gradient(145deg,#ffffffeb,#e2e8f099);box-shadow:0 0 0 1px #64748b29,0 2px 12px #64748b1a,0 1px 3px #0000000d}.fin-kpi--rose{background:linear-gradient(145deg,#ffffffeb,#ffe4e699);box-shadow:0 0 0 1px #e11d4829,0 2px 12px #e11d481a,0 1px 3px #0000000d}.fin-kpi--green:hover{box-shadow:0 0 0 1px #10b9813d,0 16px 40px #10b9812e,0 4px 10px #00000012;transform:translateY(-5px)}.fin-kpi--amber:hover{box-shadow:0 0 0 1px #f59e0b3d,0 16px 40px #f59e0b2e,0 4px 10px #00000012;transform:translateY(-5px)}.fin-kpi--red:hover{box-shadow:0 0 0 1px #f43f5e3d,0 16px 40px #f43f5e2e,0 4px 10px #00000012;transform:translateY(-5px)}.fin-kpi--indigo:hover{box-shadow:0 0 0 1px #6366f13d,0 16px 40px #6366f12e,0 4px 10px #00000012;transform:translateY(-5px)}.fin-kpi--cyan:hover{box-shadow:0 0 0 1px #06b6d43d,0 16px 40px #06b6d42e,0 4px 10px #00000012;transform:translateY(-5px)}.fin-kpi--violet:hover{box-shadow:0 0 0 1px #8b5cf63d,0 16px 40px #8b5cf62e,0 4px 10px #00000012;transform:translateY(-5px)}.fin-kpi--teal:hover{box-shadow:0 0 0 1px #0d94883d,0 16px 40px #0d94882e,0 4px 10px #00000012;transform:translateY(-5px)}.fin-kpi--orange:hover{box-shadow:0 0 0 1px #f973163d,0 16px 40px #f973162e,0 4px 10px #00000012;transform:translateY(-5px)}.fin-kpi--slate:hover{box-shadow:0 0 0 1px #64748b3d,0 16px 40px #64748b2e,0 4px 10px #00000012;transform:translateY(-5px)}.fin-kpi--rose:hover{box-shadow:0 0 0 1px #e11d483d,0 16px 40px #e11d482e,0 4px 10px #00000012;transform:translateY(-5px)}.fin-kpi-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.fin-kpi-label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.fin-kpi-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .2s,box-shadow .2s;width:40px}.fin-kpi:hover .fin-kpi-icon{transform:scale(1.08)}.fin-kpi-icon .material-symbols-rounded{color:#fff;font-size:20px}.fin-kpi--green .fin-kpi-icon{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 4px 14px #10b98173}.fin-kpi--amber .fin-kpi-icon{background:linear-gradient(135deg,#fcd34d,#d97706);box-shadow:0 4px 14px #f59e0b73}.fin-kpi--red .fin-kpi-icon{background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 4px 14px #f43f5e73}.fin-kpi--indigo .fin-kpi-icon{background:linear-gradient(135deg,#818cf8,#4f46e5);box-shadow:0 4px 14px #6366f173}.fin-kpi--cyan .fin-kpi-icon{background:linear-gradient(135deg,#22d3ee,#0891b2);box-shadow:0 4px 14px #06b6d473}.fin-kpi--violet .fin-kpi-icon{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 4px 14px #8b5cf673}.fin-kpi--teal .fin-kpi-icon{background:linear-gradient(135deg,#2dd4bf,#0d9488);box-shadow:0 4px 14px #14b8a673}.fin-kpi-val{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:6px}.fin-kpi-meta{align-items:center;display:flex;gap:6px;justify-content:space-between;min-height:20px}.fin-kpi-sub{color:#94a3b8;font-size:11.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-kpi-change{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:10.5px;font-weight:700;gap:2px;padding:3px 8px;white-space:nowrap}.fin-kpi-change.up{background:#10b9811a;border:1px solid #10b98138;color:#059669}.fin-kpi-change.down{background:#f43f5e17;border:1px solid #f43f5e33;color:#e11d48}.fin-kpi-change.neutral{background:#6366f117;border:1px solid #6366f133;color:#4f46e5}.fin-kpi-bar{background:#00000012;height:5px;margin-top:14px}.fin-kpi-bar,.fin-kpi-bar-fill{border-radius:3px;overflow:hidden}.fin-kpi-bar-fill{height:100%;position:relative;transition:width .85s cubic-bezier(.16,1,.3,1)}.fin-kpi-bar-fill:after{animation:kpi-shimmer 2.6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);bottom:0;content:"";left:-60%;position:absolute;top:0;width:40%}@keyframes kpi-shimmer{0%{left:-60%}55%{left:130%}to{left:130%}}.fin-kpi--green .fin-kpi-bar-fill{background:linear-gradient(90deg,#10b981,#34d399)}.fin-kpi--amber .fin-kpi-bar-fill{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.fin-kpi--red .fin-kpi-bar-fill{background:linear-gradient(90deg,#f43f5e,#fb7185)}.fin-kpi--indigo .fin-kpi-bar-fill{background:linear-gradient(90deg,#6366f1,#818cf8)}.fin-kpi--cyan .fin-kpi-bar-fill{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.fin-kpi--violet .fin-kpi-bar-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.fin-kpi--teal .fin-kpi-bar-fill{background:linear-gradient(90deg,#0d9488,#2dd4bf)}.fin-kpi-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.fin-kpi-chip{align-items:center;background:#fffc;border:1px solid #0000000f;border-radius:10px;box-shadow:0 1px 4px #0000000a;display:flex;flex:1 1 120px;gap:8px;min-width:110px;padding:7px 12px;transition:transform .15s,box-shadow .15s}.fin-kpi-chip:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.fin-chip-icon{flex-shrink:0;font-size:16px;opacity:.75}.fin-chip-body{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.fin-chip-val{color:#1e293b;font-size:.88rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-chip-label{color:#94a3b8;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.fin-chip-sub{color:#94a3b8;flex-shrink:0;font-size:.68rem;margin-left:auto;padding-left:6px;white-space:nowrap}.fin-chip-sub.up{color:#10b981}.fin-chip-sub.down,.fin-kpi-chip--red .fin-chip-icon{color:#f43f5e}.fin-kpi-chip--violet .fin-chip-icon{color:#8b5cf6}.fin-kpi-chip--teal .fin-chip-icon{color:#0d9488}.fin-kpi-chip--indigo .fin-chip-icon{color:#6366f1}.fin-kpi-chip--orange .fin-chip-icon{color:#f97316}.fin-kpi-chip--slate .fin-chip-icon{color:#64748b}.fin-kpi-chip--rose .fin-chip-icon{color:#e11d48}[data-theme=dark] .fin-kpi-chip{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .fin-chip-val{color:#f1f5f9}[data-theme=dark] .fin-chip-label{color:#94a3b8b3}[data-theme=dark] .fin-chip-sub{color:#94a3b899}@media (max-width:768px){.fin-kpi-chip{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1}}@media (max-width:420px){.fin-kpi-chip{flex:1 1 100%}}[data-theme=dark] .fin-kpi{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}[data-theme=dark] .fin-kpi--green{background:linear-gradient(145deg,#10b9811f,#064e3b40);box-shadow:0 0 0 1px #10b9812e,0 4px 24px #10b9811f}[data-theme=dark] .fin-kpi--amber{background:linear-gradient(145deg,#f59e0b1f,#78350f40);box-shadow:0 0 0 1px #f59e0b2e,0 4px 24px #f59e0b1f}[data-theme=dark] .fin-kpi--red{background:linear-gradient(145deg,#f43f5e1f,#88133740);box-shadow:0 0 0 1px #f43f5e2e,0 4px 24px #f43f5e1f}[data-theme=dark] .fin-kpi--indigo{background:linear-gradient(145deg,#6366f11f,#312e8140);box-shadow:0 0 0 1px #6366f12e,0 4px 24px #6366f11f}[data-theme=dark] .fin-kpi--cyan{background:linear-gradient(145deg,#06b6d41f,#08334447);box-shadow:0 0 0 1px #06b6d42e,0 4px 24px #06b6d41f}[data-theme=dark] .fin-kpi--violet{background:linear-gradient(145deg,#8b5cf61f,#4c1d9540);box-shadow:0 0 0 1px #8b5cf62e,0 4px 24px #8b5cf61f}[data-theme=dark] .fin-kpi--teal{background:linear-gradient(145deg,#0d94881f,#134e4a40);box-shadow:0 0 0 1px #0d94882e,0 4px 24px #0d94881f}[data-theme=dark] .fin-kpi--green:hover{box-shadow:0 0 0 1px #10b98147,0 20px 48px #10b98133}[data-theme=dark] .fin-kpi--amber:hover{box-shadow:0 0 0 1px #f59e0b47,0 20px 48px #f59e0b33}[data-theme=dark] .fin-kpi--red:hover{box-shadow:0 0 0 1px #f43f5e47,0 20px 48px #f43f5e33}[data-theme=dark] .fin-kpi--indigo:hover{box-shadow:0 0 0 1px #6366f147,0 20px 48px #6366f133}[data-theme=dark] .fin-kpi--cyan:hover{box-shadow:0 0 0 1px #06b6d447,0 20px 48px #06b6d433}[data-theme=dark] .fin-kpi--violet:hover{box-shadow:0 0 0 1px #8b5cf647,0 20px 48px #8b5cf633}[data-theme=dark] .fin-kpi--teal:hover{box-shadow:0 0 0 1px #0d948847,0 20px 48px #0d948833}[data-theme=dark] .fin-kpi-val{color:#f1f5f9}[data-theme=dark] .fin-kpi-label,[data-theme=dark] .fin-kpi-sub{color:#475569}[data-theme=dark] .fin-kpi-bar{background:#ffffff14}[data-theme=dark] .fin-kpi-change.up{background:#10b98126;border-color:#10b98147}[data-theme=dark] .fin-kpi-change.down{background:#f43f5e21;border-color:#f43f5e42}[data-theme=dark] .fin-kpi-change.neutral{background:#6366f121;border-color:#6366f142}.fin-charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}@media (max-width:900px){.fin-charts-row{grid-template-columns:1fr}.fin-charts-row>*{grid-column:1/-1!important}}.fin-chart-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 1px 6px #0000000a;box-sizing:border-box;padding:20px;position:relative}.fin-chart-card--glass{backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);background:#ffffffb8!important;border:1px solid #fff9!important;box-shadow:0 4px 28px #00000012,inset 0 1px 0 #ffffffd9,0 0 0 1px #6366f10f}[data-theme=dark] .fin-chart-card--glass{background:#141e3c8c!important;border-color:#ffffff1a!important;box-shadow:0 4px 24px #00000047,inset 0 1px 0 #ffffff0f}.fin-chart-card--config{outline:2px dashed #e2e8f0;outline:2px dashed var(--border-color,#e2e8f0);outline-offset:2px}[data-theme=dark] .fin-chart-card{background:#ffffff0a;border-color:#ffffff14}.fin-chart-title{align-items:center;color:#0f172a;color:var(--text-primary,#0f172a);display:flex;font-size:13.5px;font-weight:700;gap:7px;margin-bottom:16px}.fin-chart-title .material-symbols-rounded{color:#6366f1;font-size:18px}[data-theme=dark] .fin-chart-title{color:#f1f5f9}.fin-pie-legend{margin-top:12px}.fin-pie-legend-item{color:#64748b;color:var(--text-secondary,#64748b)}.fin-table-card{backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);background:linear-gradient(145deg,#ffffffeb,#e0e7ff8c);border:1px solid #6366f126;border-radius:20px;box-shadow:0 0 0 1px #6366f114,0 4px 20px #6366f11a,0 1px 4px #0000000a;overflow:hidden}[data-theme=dark] .fin-table-card{background:linear-gradient(145deg,#141b2de0,#1e1b4b99);border-color:#6366f133;box-shadow:0 0 0 1px #6366f11f,0 4px 24px #0006}.fin-table-toolbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff80;border-bottom:1px solid #6366f11a;gap:12px;padding:16px 20px}[data-theme=dark] .fin-table-toolbar{background:#ffffff08;border-bottom-color:#6366f11f}.fin-table-title{align-items:center;color:#0f172a;color:var(--text-primary,#0f172a);display:flex;font-size:14px;font-weight:700;gap:10px}.fin-table-title .material-symbols-rounded{align-items:center;background:linear-gradient(135deg,#818cf8,#4f46e5);border-radius:9px;box-shadow:0 4px 12px #6366f173;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}[data-theme=dark] .fin-table-title{color:#f1f5f9}.fin-count-badge{background:#6366f11f;border:1px solid #6366f133;border-radius:99px;color:#6366f1;font-size:11.5px;font-weight:700;padding:2px 9px}.fin-table-filters{gap:6px}.fin-search-icon{color:var(--text-secondary,#94a3b8)}.fin-search{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1.5px solid #6366f12e;border-radius:10px;color:var(--text-primary,#0f172a)}.fin-search:focus{box-shadow:0 0 0 3px #6366f11f}[data-theme=dark] .fin-search{background:#ffffff12;border-color:#6366f133}.fin-filter-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1.5px solid #6366f12e;color:#64748b;color:var(--text-secondary,#64748b)}.fin-filter-chip:hover{background:#6366f112}.fin-filter-chip.active{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f180;box-shadow:0 2px 8px #6366f133}[data-theme=dark] .fin-filter-chip{background:#ffffff0d;border-color:#6366f133}.fin-table th{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f5f9b3;border-bottom:1px solid #6366f11a;color:#64748b;padding:11px 14px}[data-theme=dark] .fin-table th{background:#ffffff0a;border-bottom-color:#6366f11f}.fin-sort-arrow{opacity:.5}.fin-tr{border-bottom:1px solid #6366f112;transition:background .12s}.fin-tr:hover{background:#6366f10d}[data-theme=dark] .fin-tr:hover{background:#6366f114}.fin-table td{color:var(--text-primary,#0f172a);padding:11px 14px}.fin-td-id{color:var(--text-secondary,#94a3b8)!important;font-size:11.5px}.fin-avatar{border-radius:9px;height:32px;width:32px}.fin-td-program{color:#64748b!important;color:var(--text-secondary,#64748b)!important;max-width:180px;white-space:nowrap}.fin-td-date,.fin-td-method{font-size:12.5px}.fin-td-method{color:var(--text-secondary,#94a3b8)!important}.fin-status-pill{font-size:11.5px}.fin-more-btn{color:var(--text-secondary,#94a3b8);padding:4px}.fin-more-btn:hover{background:var(--hover-bg,#f1f5f9);color:var(--text-primary,#0f172a)}.fin-action-menu{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);min-width:180px;z-index:9999}.fin-action-item{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);color:var(--text-primary,#0f172a)}.fin-action-item:hover{background:var(--hover-bg,#f8fafc)}.fin-popup{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0)}.fin-popup-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9)}.fin-popup-title{color:var(--text-primary,#0f172a)}.fin-popup-close{color:var(--text-secondary,#94a3b8)}.fin-popup-close:hover{background:var(--hover-bg,#f1f5f9);color:var(--text-primary,#0f172a)}.fin-form-row label,.fin-form-two-col label{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.fin-input{background:var(--secondary-bg,#f8fafc);border:1.5px solid var(--border-color,#e2e8f0);color:var(--text-primary,#0f172a)}.fin-input:focus{background:var(--card-bg,#fff)}.fin-popup-btn--primary:disabled{background:var(--border-color,#e2e8f0)}.fin-popup-btn--ghost{background:var(--secondary-bg,#f1f5f9);color:var(--text-primary,#0f172a)}.fin-popup-btn--ghost:hover{background:var(--border-color,#e2e8f0)}.fin-popup-confirm p{color:var(--text-primary,#0f172a)}.fin-receipt-id{color:var(--text-secondary,#94a3b8)}.fin-receipt-row{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9)}.fin-receipt-key{color:#64748b;color:var(--text-secondary,#64748b)}.fin-receipt-val{color:var(--text-primary,#0f172a)}.fin-bulk-list{background:var(--secondary-bg,#f8fafc);border:1.5px solid var(--border-color,#e2e8f0)}.fin-bulk-header{background:var(--card-bg,#fff);border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.fin-bulk-item{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9)}.fin-bulk-item:hover{background:var(--hover-bg,#f1f5f9)}.fin-bulk-item-info span:first-child{color:var(--text-primary,#0f172a)}.fin-radio-chip{border:1.5px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.fin-checkbox-row{display:flex;flex-direction:column;gap:8px}.fin-checkbox-label{color:var(--text-primary,#0f172a)}@media (max-width:700px){.fin-root{gap:14px;padding:14px}.fin-header{align-items:flex-start;flex-direction:column}.fin-header-actions{width:100%}.fin-btn{flex:1 1;justify-content:center}.fin-table-toolbar{align-items:flex-start;flex-direction:column}.fin-search,.fin-table-filters{width:100%}}.fin-quick-actions{display:flex;flex-wrap:wrap;gap:10px}.fin-qa-btn{background:color-mix(in srgb,var(--qa-color) 8%,#fff);background:color-mix(in srgb,var(--qa-color) 8%,var(--card-bg,#fff));border:1.5px solid color-mix(in srgb,var(--qa-color) 30%,#0000);border-radius:10px;color:var(--qa-color);display:inline-flex;gap:7px;padding:9px 16px}.fin-qa-btn .material-symbols-rounded{font-size:17px}.fin-qa-btn:hover{background:color-mix(in srgb,var(--qa-color) 14%,#fff);background:color-mix(in srgb,var(--qa-color) 14%,var(--card-bg,#fff));border-color:var(--qa-color);box-shadow:0 4px 12px color-mix(in srgb,var(--qa-color) 25%,#0000)}.fin-stat-card{display:flex;flex-direction:column;gap:6px;padding:4px 0}.fin-stat-val{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.fin-stat-label{color:var(--adb-muted,#94a3b8);font-size:12.5px}.fin-stat-sub{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:12px}.fin-stat-trend{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px;margin-top:2px}.fin-stat-trend .material-symbols-rounded{font-size:14px}.fin-stat-trend--up{color:#10b981}.fin-stat-trend--down{color:#f43f5e}.fin-donut-wrap{align-items:center;display:flex;gap:16px}.fin-pie-legend{grid-gap:4px 8px;display:grid;gap:4px 8px;grid-template-columns:1fr 1fr;margin-top:10px}.fin-pie-legend-item{align-items:center;color:#94a3b8;color:var(--adb-muted,#64748b);display:flex;font-size:11.5px;gap:6px}.fin-pie-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.fin-pie-pct{color:#0f172a;color:var(--adb-text,#0f172a);font-size:11px;font-weight:700;margin-left:auto}.fin-saas-kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}@media (max-width:700px){.fin-saas-kpis{grid-template-columns:repeat(2,1fr)}}.fin-saas-kpi{background:#00000005;background:var(--adb-card-secondary,#00000005);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#f1f5f9);border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:10px 12px}[data-theme=dark] .fin-saas-kpi{background:#ffffff0a;border-color:#ffffff0f}.fin-saas-kpi span:last-child{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:11px;font-weight:500}.fin-table-toolbar{gap:10px;justify-content:space-between;margin-bottom:12px}.fin-table-filters,.fin-table-toolbar{align-items:center;display:flex;flex-wrap:wrap}.fin-table-filters{gap:8px}.fin-table-right-actions{display:flex;gap:8px}.fin-tbl-btn{align-items:center;background:none;border:1.5px solid #e2e8f0;border:1.5px solid var(--adb-border,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--adb-text,#0f172a);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12.5px;font-weight:600;gap:5px;padding:6px 13px;transition:all .13s}.fin-tbl-btn .material-symbols-rounded{font-size:15px}.fin-tbl-btn:hover{background:#f1f5f9;background:var(--adb-hover,#f1f5f9);border-color:#6366f1;color:#6366f1}.fin-tbl-btn--primary{background:#6366f1;border-color:#6366f1;color:#fff}.fin-tbl-btn--primary:hover{background:#4f46e5;box-shadow:0 3px 10px #6366f14d}[data-theme=dark] .fin-tbl-btn{border-color:#ffffff1a;color:#e2e8f0}.fin-card{overflow:visible}.fin-popup--wide{max-width:640px}.fin-search-wrap{align-items:center;display:flex;position:relative}.fin-search-icon{color:var(--adb-muted,#94a3b8);font-size:16px;left:10px;pointer-events:none;position:absolute}.fin-search{background:#f8fafc;background:var(--adb-secondary-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--adb-border,#e2e8f0);border-radius:9px;color:#0f172a;color:var(--adb-text,#0f172a);font-family:inherit;font-size:13px;outline:none;padding:7px 12px 7px 32px;transition:border-color .14s,box-shadow .14s;width:200px}.fin-search:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .fin-search{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9}.fin-filter-chip{background:none;border:1.5px solid #e2e8f0;border:1.5px solid var(--adb-border,#e2e8f0);border-radius:99px;color:#94a3b8;color:var(--adb-muted,#64748b);font-size:12px;font-weight:600;padding:5px 11px;transition:all .13s}.fin-filter-chip.active{background:#6366f11a;color:#6366f1}[data-theme=dark] .fin-filter-chip{border-color:#ffffff1a;color:#94a3b8}.fin-table{font-size:13px}.fin-table th{background:#f8fafc;background:var(--adb-secondary-bg,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--adb-border,#e2e8f0);color:#94a3b8;color:var(--adb-muted,#64748b);font-weight:700;padding:10px 13px;-webkit-user-select:none;user-select:none}[data-theme=dark] .fin-table th{background:#ffffff08;border-bottom-color:#ffffff12;color:#94a3b8}.fin-th-sortable{cursor:pointer}.fin-th-sortable:hover{color:#6366f1}.fin-sort-arrow{font-size:11px;opacity:.45}.fin-tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--adb-border,#f1f5f9);transition:background .1s}.fin-tr:hover{background:#f8fafc;background:var(--adb-hover,#f8fafc)}[data-theme=dark] .fin-tr{border-bottom-color:#ffffff0d}[data-theme=dark] .fin-tr:hover{background:#ffffff0a}.fin-table td{color:#0f172a;color:var(--adb-text,#0f172a);padding:10px 13px;white-space:nowrap}[data-theme=dark] .fin-table td{color:#e2e8f0}.fin-td-id{color:#94a3b8!important;color:var(--adb-muted,#94a3b8)!important;font-family:SF Mono,monospace;font-size:11px;font-weight:600}.fin-student-cell{font-weight:600;gap:9px}.fin-avatar,.fin-student-cell{align-items:center;display:flex}.fin-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}.fin-avatar--sm{border-radius:7px;font-size:10px;height:26px;width:26px}.fin-td-program{color:#94a3b8!important;color:var(--adb-muted,#64748b)!important;max-width:160px;overflow:hidden;text-overflow:ellipsis}.fin-td-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.fin-td-green{color:#10b981!important}.fin-td-date{font-size:12px}.fin-td-method{color:#94a3b8!important;color:var(--adb-muted,#94a3b8)!important;font-size:12px}.fin-status-pill{border:1px solid #0000;border-radius:99px;display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;white-space:nowrap}.fin-more-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--adb-muted,#94a3b8);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:3px;transition:background .12s,color .12s}.fin-more-btn:hover{background:#f1f5f9;background:var(--adb-hover,#f1f5f9);color:#0f172a;color:var(--adb-text,#0f172a)}.fin-action-menu{animation:finMenuIn .12s ease;background:#fff;background:var(--adb-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:12px;box-shadow:0 8px 32px #00000024;min-width:185px;overflow:hidden;position:fixed;z-index:10003}@keyframes finMenuIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=dark] .fin-action-menu{background:#1e293b;border-color:#ffffff1a;box-shadow:0 8px 32px #00000080}.fin-action-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--adb-border,#f1f5f9);color:#0f172a;color:var(--adb-text,#0f172a);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:9px;padding:10px 14px;transition:background .1s}.fin-action-item:last-child{border-bottom:none}.fin-action-item:hover{background:#f8fafc;background:var(--adb-hover,#f8fafc)}.fin-action-item .material-symbols-rounded{color:#6366f1;font-size:17px}.fin-action-item--danger,.fin-action-item--danger .material-symbols-rounded{color:#f43f5e!important}[data-theme=dark] .fin-action-item{border-bottom-color:#ffffff0f;color:#e2e8f0}[data-theme=dark] .fin-action-item:hover{background:#ffffff0f}.fin-popup-overlay{align-items:center;animation:finFadeIn .15s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#020617a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10002}@keyframes finFadeIn{0%{opacity:0}to{opacity:1}}.fin-popup{animation:finPopUp .2s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--adb-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);box-shadow:0 32px 72px #0000003d;max-width:480px}@keyframes finPopUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .fin-popup{background:#0f172a;border-color:#ffffff14;box-shadow:0 32px 72px #0009}.fin-popup-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--adb-border,#f1f5f9);padding:16px 20px}[data-theme=dark] .fin-popup-header{border-bottom-color:#ffffff12}.fin-popup-header-left{align-items:center;display:flex;gap:9px}.fin-popup-icon{color:#6366f1;font-size:20px}.fin-popup-title{color:var(--adb-text,#0f172a);font-size:15px}[data-theme=dark] .fin-popup-title{color:#f1f5f9}.fin-popup-close{align-items:center;background:none;border:none;border-radius:7px;color:#94a3b8;color:var(--adb-muted,#94a3b8);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .13s,color .13s;width:28px}.fin-popup-close:hover{background:#f1f5f9;background:var(--adb-hover,#f1f5f9);color:#0f172a;color:var(--adb-text,#0f172a)}[data-theme=dark] .fin-popup-close:hover{background:#ffffff14;color:#f1f5f9}.fin-popup-body{padding:20px}.fin-form{gap:14px}.fin-form,.fin-form-row{display:flex;flex-direction:column}.fin-form-row{gap:5px}.fin-form-two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.fin-form-row label{color:#94a3b8;color:var(--adb-muted,#64748b);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.fin-input{background:#f8fafc;background:var(--adb-secondary-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--adb-border,#e2e8f0);color:var(--adb-text,#0f172a);font-size:13.5px;transition:border-color .14s,box-shadow .14s}.fin-input:focus{background:#fff;background:var(--adb-card-bg,#fff);box-shadow:0 0 0 3px #6366f11a}.fin-textarea{min-height:64px}[data-theme=dark] .fin-input{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .fin-input:focus{background:#ffffff14;border-color:#6366f1}.fin-form-info-row{align-items:center;background:#6366f10f;border:1px solid #6366f126;border-radius:9px;color:#6366f1;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 12px}.fin-form-info-row .material-symbols-rounded{font-size:17px}.fin-form-due-chip{background:#f43f5e14;border-radius:99px;color:#f43f5e;font-size:11.5px;font-weight:700;margin-left:auto;padding:2px 9px}.fin-popup-row{align-items:center;display:flex;gap:10px;margin-top:6px}.fin-popup-row--right{justify-content:flex-end}.fin-popup-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:6px;padding:8px 18px;transition:all .14s}.fin-popup-btn .material-symbols-rounded{font-size:15px}.fin-popup-btn--primary{background:#6366f1;box-shadow:0 2px 8px #6366f14d;color:#fff}.fin-popup-btn--primary:hover{background:#4f46e5}.fin-popup-btn--primary:disabled{background:#e2e8f0;background:var(--adb-border,#e2e8f0);box-shadow:none;color:#94a3b8;cursor:not-allowed}.fin-popup-btn--ghost{background:#f1f5f9;background:var(--adb-secondary-bg,#f1f5f9);color:#0f172a;color:var(--adb-text,#0f172a)}.fin-popup-btn--ghost:hover{background:#e2e8f0;background:var(--adb-hover,#e2e8f0)}.fin-popup-btn--danger{background:#f43f5e;color:#fff}.fin-popup-btn--danger:hover{background:#e11d48}[data-theme=dark] .fin-popup-btn--ghost{background:#ffffff14;color:#e2e8f0}[data-theme=dark] .fin-popup-btn--ghost:hover{background:#ffffff21}.fin-popup-confirm{align-items:center;display:flex;flex-direction:column;gap:14px;padding:8px 0;text-align:center}.fin-popup-confirm-icon{align-items:center;border-radius:18px;display:flex;height:64px;justify-content:center;width:64px}.fin-popup-confirm p{color:#0f172a;color:var(--adb-text,#0f172a);font-size:14px;line-height:1.5;margin:0}[data-theme=dark] .fin-popup-confirm p{color:#e2e8f0}.fin-popup-warn{color:#f43f5e!important;font-size:12px!important}.fin-receipt{display:flex;flex-direction:column;gap:0}.fin-receipt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.fin-receipt-logo{align-items:center;color:#6366f1;display:flex;font-size:14px;font-weight:800;gap:8px}.fin-receipt-logo .material-symbols-rounded{font-size:20px}.fin-receipt-paid{background:#10b9811a;border:1px solid #10b9814d;border-radius:7px;color:#10b981;letter-spacing:.05em}.fin-receipt-paid,.fin-receipt-unpaid{font-size:12px;font-weight:800;padding:4px 10px}.fin-receipt-unpaid{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:7px;color:#f59e0b}.fin-receipt-id{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-family:monospace;font-size:11px;margin-bottom:12px}.fin-receipt-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--adb-border,#f1f5f9);display:flex;font-size:13px;justify-content:space-between;padding:9px 0}[data-theme=dark] .fin-receipt-row{border-bottom-color:#ffffff0f}.fin-receipt-key{color:#94a3b8;color:var(--adb-muted,#64748b);font-weight:500}.fin-receipt-val{color:#0f172a;color:var(--adb-text,#0f172a);font-weight:700}[data-theme=dark] .fin-receipt-val{color:#f1f5f9}.fin-receipt-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.fin-bulk-list{background:#f8fafc;background:var(--adb-secondary-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--adb-border,#e2e8f0);border-radius:10px;max-height:240px;overflow-y:auto}[data-theme=dark] .fin-bulk-list{background:#ffffff08;border-color:#ffffff14}.fin-bulk-header{align-items:center;background:#fff;background:var(--adb-card-bg,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--adb-border,#e2e8f0);color:#94a3b8;color:var(--adb-muted,#64748b);display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0}[data-theme=dark] .fin-bulk-header{background:#1e293b;border-bottom-color:#ffffff14;color:#94a3b8}.fin-link-btn{background:none;border:none;color:#6366f1;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:0 4px}.fin-link-btn:hover{text-decoration:underline}.fin-bulk-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--adb-border,#f1f5f9);cursor:pointer;display:flex;gap:10px;padding:9px 12px;transition:background .1s}.fin-bulk-item:last-child{border-bottom:none}.fin-bulk-item:hover{background:#f1f5f9;background:var(--adb-hover,#f1f5f9)}[data-theme=dark] .fin-bulk-item{border-bottom-color:#ffffff0d}[data-theme=dark] .fin-bulk-item:hover{background:#ffffff0d}.fin-bulk-item input[type=checkbox]{accent-color:#6366f1;flex-shrink:0;height:15px;width:15px}.fin-bulk-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.fin-bulk-item-info span:first-child{color:#0f172a;color:var(--adb-text,#0f172a);font-size:13px;font-weight:600}[data-theme=dark] .fin-bulk-item-info span:first-child{color:#e2e8f0}.fin-bulk-due{color:#f43f5e;font-size:11.5px;font-weight:600}.fin-radio-row{display:flex;flex-wrap:wrap;gap:10px}.fin-radio-chip{align-items:center;border:1.5px solid #e2e8f0;border:1.5px solid var(--adb-border,#e2e8f0);border-radius:9px;color:#94a3b8;color:var(--adb-muted,#64748b);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .13s}.fin-radio-chip input{display:none}.fin-radio-chip .material-symbols-rounded{font-size:17px}.fin-radio-chip.active,.fin-radio-chip:hover{border-color:#6366f1;color:#6366f1}.fin-radio-chip.active{background:#6366f11a}[data-theme=dark] .fin-radio-chip{border-color:#ffffff1a;color:#94a3b8}.fin-checkbox-label{align-items:center;color:#0f172a;color:var(--adb-text,#0f172a);cursor:pointer;display:flex;font-size:13px;gap:8px}.fin-checkbox-label input{accent-color:#6366f1;height:15px;width:15px}[data-theme=dark] .fin-checkbox-label{color:#e2e8f0}@media (max-width:700px){.fin-quick-actions{gap:7px}.fin-qa-btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:12px;justify-content:center;padding:8px 10px}.fin-table-toolbar{align-items:flex-start;flex-direction:column}.fin-table-right-actions{width:100%}.fin-tbl-btn{flex:1 1;justify-content:center}.fin-search{width:100%}}@media (min-width:1400px){.fin-kpi-row{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.fin-kpi-row{grid-template-columns:repeat(4,1fr)}}@media (max-width:960px){.fin-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.fin-kpi-row{grid-template-columns:1fr}}.fin-health-card{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:linear-gradient(145deg,#ffffffeb,#f5f3ffb3);border:1px solid #8b5cf62e;border-radius:20px;box-shadow:0 0 0 1px #8b5cf61a,0 4px 24px #8b5cf614,0 1px 4px #0000000d;overflow:hidden;padding:22px 24px 20px;position:relative}.fin-health-card:before{background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:200px}.fin-health-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;position:relative}.fin-health-card-title{align-items:center;color:#0f172a;display:flex;font-size:13.5px;font-weight:700;gap:8px}.fin-health-card-title .material-symbols-rounded{color:#8b5cf6;font-size:18px}.fin-health-card-badge{background:linear-gradient(135deg,#8b5cf61f,#6366f11a);border:1px solid #8b5cf638;border-radius:20px;color:#7c3aed;font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.fin-health-card-divider{background:linear-gradient(90deg,#8b5cf640,#6366f11a 60%,#0000);height:1px;margin-bottom:20px;position:relative}.fin-health-card-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.fin-health-card-grid:before{background:repeating-linear-gradient(90deg,#0000,#0000 calc(25% - .5px),#0000000f calc(25% - .5px),#0000000f calc(25% + .5px),#0000 calc(25% + .5px),#0000 50%,#0000000f calc(50% - .5px),#0000000f calc(50% + .5px),#0000 calc(50% + .5px),#0000 75%,#0000000f calc(75% - .5px),#0000000f calc(75% + .5px),#0000 calc(75% + .5px),#0000),linear-gradient(180deg,#0000 calc(50% - .5px),#0000000f calc(50% - .5px),#0000000f calc(50% + .5px),#0000 calc(50% + .5px));content:"";inset:0;pointer-events:none;position:absolute}.fin-hm{border-radius:12px;display:flex;flex-direction:column;gap:3px;padding:16px 18px 14px;position:relative;transition:background .18s}.fin-hm:hover{background:#8b5cf60a}.fin-hm-top{justify-content:space-between;margin-bottom:8px}.fin-hm-icon,.fin-hm-top{align-items:center;display:flex}.fin-hm-icon{background:#8b5cf6;background:var(--hm-color,#8b5cf6);border-radius:9px;box-shadow:0 3px 10px #0000002e;flex-shrink:0;height:34px;justify-content:center;width:34px}.fin-hm-icon .material-symbols-rounded{color:#fff;font-size:17px}.fin-hm-badge{border-radius:20px;font-size:10px;font-weight:700;padding:2px 7px;white-space:nowrap}.fin-hm-badge.up{background:#10b9811a;border:1px solid #10b98133;color:#059669}.fin-hm-badge.down{background:#f43f5e17;border:1px solid #f43f5e2e;color:#e11d48}.fin-hm-badge.neutral{background:#6366f117;border:1px solid #6366f133;color:#4f46e5}.fin-hm-val{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.035em;line-height:1}.fin-hm-label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.fin-hm-sub{color:#94a3b8;font-size:11px;font-weight:500}.fin-hm-bar{background:#00000012;border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.fin-hm-bar-fill{border-radius:2px;height:100%;opacity:.7;transition:width .8s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .fin-health-card{background:linear-gradient(145deg,#8b5cf61a,#312e812e);border-color:#8b5cf638;box-shadow:0 0 0 1px #8b5cf62e,0 4px 28px #8b5cf624}[data-theme=dark] .fin-health-card-title{color:#f1f5f9}[data-theme=dark] .fin-health-card-grid:before{background:repeating-linear-gradient(90deg,#0000,#0000 calc(25% - .5px),#ffffff12 calc(25% - .5px),#ffffff12 calc(25% + .5px),#0000 calc(25% + .5px),#0000 50%,#ffffff12 calc(50% - .5px),#ffffff12 calc(50% + .5px),#0000 calc(50% + .5px),#0000 75%,#ffffff12 calc(75% - .5px),#ffffff12 calc(75% + .5px),#0000 calc(75% + .5px),#0000),linear-gradient(180deg,#0000 calc(50% - .5px),#ffffff12 calc(50% - .5px),#ffffff12 calc(50% + .5px),#0000 calc(50% + .5px))}[data-theme=dark] .fin-hm:hover{background:#8b5cf614}[data-theme=dark] .fin-hm-val{color:#f1f5f9}[data-theme=dark] .fin-hm-label,[data-theme=dark] .fin-hm-sub{color:#475569}[data-theme=dark] .fin-hm-bar{background:#ffffff14}@media (max-width:960px){.fin-health-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.fin-health-card-grid{grid-template-columns:repeat(2,1fr)}}.fin-qa-row{display:flex;flex-wrap:wrap;gap:10px}.fin-qa-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:12px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:9px;padding:10px 16px;transition:all .14s;white-space:nowrap}.fin-qa-btn:hover{background:#6366f10a;border-color:#6366f1;box-shadow:0 4px 12px #00000012;transform:translateY(-1px)}[data-theme=dark] .fin-qa-btn{background:#ffffff0a;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .fin-qa-btn:hover{background:#6366f11f;border-color:#6366f1}.fin-qa-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:17px;height:30px;justify-content:center;transition:transform .14s;width:30px}.fin-qa-btn:hover .fin-qa-icon{transform:scale(1.1)}.fin-qa-label{font-size:13px;font-weight:600}.fin-chart-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.fin-saas-badge{background:#6366f11a;border:1px solid #6366f133;border-radius:5px;color:#6366f1;font-size:10px;font-weight:800;letter-spacing:.06em;margin-left:6px;padding:2px 6px}.fin-saas-mini-grid{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.fin-saas-mini{align-items:center;border-radius:10px;display:flex;gap:10px;padding:9px 10px;transition:background .12s}.fin-saas-mini:hover{background:#f8fafc;background:var(--hover-bg,#f8fafc)}[data-theme=dark] .fin-saas-mini:hover{background:#ffffff0a}.fin-saas-mini-icon{align-items:center;background:#6366f114;border-radius:8px;color:#6366f1;display:flex;flex-shrink:0;font-size:17px;height:32px;justify-content:center;width:32px}.fin-saas-mini-body{flex:1 1;min-width:0}.fin-saas-mini-val{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13.5px;font-weight:800;line-height:1.2}[data-theme=dark] .fin-saas-mini-val{color:#f1f5f9}.fin-saas-mini-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;font-weight:500}.fin-saas-mini-trend{font-size:11.5px;font-weight:700;white-space:nowrap}.fin-saas-mini-trend.up{color:#10b981}.fin-saas-mini-trend.down{color:#f43f5e}@media (max-width:640px){.adb-ai-briefing-strip{flex-direction:column!important}.adb-ai-briefing-left{border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--adb-border,#e2e8f0)!important;border-right:none!important;width:100%!important}}@keyframes adb-fab-up{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}@keyframes adb-pulse{0%,to{box-shadow:0 0 0 3px #6366f140;box-shadow:0 0 0 3px var(--pulse-color,#6366f140);opacity:1}50%{box-shadow:0 0 0 5px #0000;opacity:.7}}.fin-year-bar{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:10px;display:flex;font-size:13px;gap:8px;padding:10px 16px}[data-theme=dark] .fin-year-bar{background:#1e293b;background:var(--card-bg,#1e293b);border-color:#ffffff14}.fin-year-select{background:#f8fafc;background:var(--secondary-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:6px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;font-size:13px;outline:none;padding:4px 10px}[data-theme=dark] .fin-year-select{background:#ffffff0f;border-color:#ffffff1f;color:#e2e8f0}.fin-year-select:focus{border-color:#6366f1}.fin-chart-empty{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-style:italic;height:180px;justify-content:center}.fin-icon-btn{border-radius:6px;color:#64748b;color:var(--text-muted,#64748b);height:28px;justify-content:center;transition:background .15s;width:28px}.fin-icon-btn:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9)}[data-theme=dark] .fin-icon-btn:hover{background:#ffffff14}.fin-period-bar{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:10px;gap:8px;margin-bottom:0}[data-theme=dark] .fin-period-bar{background:#1e293b;background:var(--card-bg,#1e293b);border-color:#ffffff14}@media (max-width:480px){.fin-period-bar{gap:4px;padding:6px 10px}.fin-period-chip{flex-shrink:0;font-size:11px;padding:3px 9px}}.fin-period-label{color:#64748b;font-size:12px;font-weight:500;margin-right:2px;white-space:nowrap}.fin-period-chips{gap:4px}.fin-period-chip{border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);color:#334155;color:var(--text-primary,#334155);font-size:12px;line-height:1.5;padding:4px 12px;transition:all .15s}.fin-period-chip:hover{background:#6366f112;border-color:#6366f1;color:#6366f1}.fin-period-chip.active{background:#6366f1;border-color:#6366f1}[data-theme=dark] .fin-period-chip{border-color:#ffffff1f;color:#cbd5e1}[data-theme=dark] .fin-period-chip:hover{background:#6366f126;color:#a5b4fc}[data-theme=dark] .fin-period-chip.active{background:#6366f1;color:#fff}.fin-custom-range{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.fin-date-input{background:#f8fafc;background:var(--secondary-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:6px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;font-size:12px;outline:none;padding:4px 10px;transition:border-color .15s}.fin-date-input:focus{border-color:#6366f1}[data-theme=dark] .fin-date-input{background:#1e293b;background:var(--card-bg,#1e293b);border-color:#ffffff1f;color:#e2e8f0}.fin-prog-enroll-grid{display:flex;flex-direction:column;gap:10px;margin-top:4px}.fin-prog-enroll-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:200px 1fr auto}@media (max-width:760px){.fin-prog-enroll-row{gap:4px;grid-template-columns:1fr}}.fin-prog-enroll-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .fin-prog-enroll-name{color:#e2e8f0}.fin-prog-enroll-bar-wrap{min-width:0;width:100%}.fin-prog-enroll-bar{background:#6366f114;border-radius:6px;display:flex;height:10px;overflow:hidden}.fin-prog-enroll-bar-active{background:#6366f1;height:100%;transition:width .4s ease}.fin-prog-enroll-bar-closed{background:#10b981;height:100%;transition:width .4s ease}.fin-prog-enroll-stats{align-items:center;display:flex;flex-shrink:0;gap:6px}.fin-prog-stat{border-radius:10px;font-size:11px;font-weight:500;padding:2px 7px}.fin-prog-stat--total{background:#6366f114;color:#6366f1}.fin-prog-stat--active{background:#6366f11f;color:#6366f1}.fin-prog-stat--closed{background:#10b9811f;color:#10b981}[data-theme=dark] .fin-prog-stat--active,[data-theme=dark] .fin-prog-stat--total{background:#6366f133}[data-theme=dark] .fin-prog-stat--closed{background:#10b98133}.fin-completion-list{display:flex;flex-direction:column;gap:8px;margin-top:4px;max-height:340px;overflow-y:auto}.fin-completion-row{align-items:center;background:#6366f10a;border:1px solid #6366f114;border-radius:8px;display:flex;gap:10px;padding:8px 10px;transition:background .12s}.fin-completion-row:hover{background:#6366f114}.fin-completion-row--done{background:#10b9810a;border-color:#10b9811a}.fin-completion-row--done:hover{background:#10b98114}[data-theme=dark] .fin-completion-row{background:#6366f114;border-color:#6366f126}[data-theme=dark] .fin-completion-row--done{background:#10b98114;border-color:#10b98126}.fin-completion-info{flex:1 1;min-width:0}.fin-completion-name{align-items:center;color:#0f172a;color:var(--text-primary,#0f172a);display:flex;font-size:12px;font-weight:600;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .fin-completion-name{color:#e2e8f0}.fin-stu-id{background:#6366f11a;border-radius:4px;color:#6366f1;flex-shrink:0;font-size:10px;font-weight:500;padding:1px 5px}.fin-completion-prog{color:#64748b;font-size:11px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-completion-hours{color:#94a3b8;font-size:10px;margin-top:1px}.fin-completion-pct-wrap{align-items:center;display:flex;flex-shrink:0;gap:6px;width:100px}.fin-completion-pct-bar{background:#0000000f;border-radius:3px;flex:1 1;height:6px;overflow:hidden}[data-theme=dark] .fin-completion-pct-bar{background:#ffffff14}.fin-completion-pct-fill{border-radius:3px;height:100%;transition:width .4s ease}.fin-completion-pct-label{flex-shrink:0;font-size:11px;font-weight:700;text-align:right;width:32px}.fin-config-panel{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;box-shadow:0 2px 8px #0000000a;margin-bottom:16px;padding:18px 20px}[data-theme=dark] .fin-config-panel{background:#1e293b;border-color:#ffffff12}.fin-config-header{align-items:center;display:flex;gap:8px;margin-bottom:14px}.fin-config-header span.material-symbols-rounded{color:#6366f1;font-size:18px}.fin-config-header h4{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-weight:700;margin:0}[data-theme=dark] .fin-config-header h4{color:#e2e8f0}.fin-config-header p{color:#94a3b8;font-size:11px;margin:0 0 0 auto}.fin-config-toggles{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.fin-config-toggle{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:7px 14px;transition:all .15s ease}.fin-config-toggle.active,.fin-config-toggle:hover{border-color:#6366f1;color:#6366f1}.fin-config-toggle.active{background:#6366f114}.fin-config-toggle span.material-symbols-rounded{font-size:15px}[data-theme=dark] .fin-config-toggle{border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .fin-config-toggle.active{background:#6366f126;border-color:#818cf8;color:#818cf8}.fin-config-toggle-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;height:8px;transition:background .15s;width:8px}.fin-config-toggle.active .fin-config-toggle-dot{background:#6366f1}.fin-config-actions{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;padding-top:12px}[data-theme=dark] .fin-config-actions{border-color:#ffffff12}.fin-config-reset-btn{align-items:center;background:#ef44440f;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:7px 14px;transition:all .15s ease}.fin-config-reset-btn:hover{background:#ef44441f;border-color:#ef444459}.fin-config-reset-btn span.material-symbols-rounded{font-size:15px}.fin-config-reset-note{color:#94a3b8;font-size:11px;line-height:1.4}.fin-config-avail{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);margin-top:14px;padding-top:14px}[data-theme=dark] .fin-config-avail{border-color:#ffffff12}.fin-config-avail-header{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.fin-config-avail-header strong{color:#1e293b;font-size:13px;letter-spacing:0;text-transform:none}[data-theme=dark] .fin-config-avail-header strong{color:#f1f5f9}.fin-config-avail-list{display:flex;flex-direction:column;gap:6px}.fin-config-avail-item{align-items:center;background:#6366f10a;border:1px solid #6366f11a;border-radius:8px;display:flex;justify-content:space-between;padding:7px 10px}[data-theme=dark] .fin-config-avail-item{background:#6366f114;border-color:#6366f12e}.fin-config-avail-name{color:#334155;font-size:13px;font-weight:500}[data-theme=dark] .fin-config-avail-name{color:#cbd5e1}.fin-config-avail-add{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:background .15s;width:26px}.fin-config-avail-add:hover{background:#4f46e5}.fin-enroll-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:32px 20px;text-align:center}.fin-enroll-empty p{color:#64748b;font-size:13px;margin:0}[data-theme=dark] .fin-enroll-empty p{color:#94a3b8}.fin-enroll-reset-btn{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:8px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-top:4px;padding:7px 14px;transition:all .15s ease}.fin-enroll-reset-btn:hover{background:#6366f126;border-color:#6366f159}.fin-enroll-reset-btn span.material-symbols-rounded{font-size:15px}[data-theme=dark] .fin-enroll-reset-btn{background:#6366f11f;border-color:#818cf840;color:#818cf8}.fin-completion-list--wide{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));max-height:420px;overflow-y:auto}.fin-drp{display:inline-flex;position:relative}.fin-drp-trigger{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:20px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;max-width:340px;padding:5px 12px;transition:border-color .15s,box-shadow .15s;white-space:nowrap}.fin-drp-trigger:hover{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11f}[data-theme=dark] .fin-drp-trigger{background:#1e293b;background:var(--card-bg,#1e293b);border-color:#ffffff1f;color:#e2e8f0}[data-theme=dark] .fin-drp-trigger:hover{border-color:#6366f1}.fin-drp-range-label{align-items:center;display:inline-flex;gap:4px}.fin-drp-date{font-size:12px;font-weight:500}.fin-drp-date--from{color:#6366f1}.fin-drp-date--to{color:#06b6d4}.fin-drp-date--placeholder{color:#94a3b8;font-style:italic}.fin-drp-arrow{color:#94a3b8;font-size:11px;margin:0 2px}.fin-drp-placeholder{color:#94a3b8;font-size:12px}.fin-drp-clear{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;height:16px;justify-content:center;line-height:1;transition:background .12s;width:16px}.fin-drp-clear:hover{background:#fca5a5;color:#b91c1c}[data-theme=dark] .fin-drp-clear{background:#ffffff1a;color:#94a3b8}.fin-drp-popup{animation:fin-drp-in .12s ease;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:12px;box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014;left:0;min-width:260px;padding:14px 16px 12px;position:absolute;top:calc(100% + 6px);width:280px;z-index:1200}@keyframes fin-drp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .fin-drp-popup{background:#1e293b;border-color:#ffffff1a;box-shadow:0 8px 30px #00000080}.fin-cal-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.fin-cal-month-label{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-weight:600}[data-theme=dark] .fin-cal-month-label{color:#e2e8f0}.fin-cal-nav-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:26px;justify-content:center;transition:all .12s;width:26px}.fin-cal-nav-btn:hover{background:#6366f114;border-color:#6366f1;color:#6366f1}[data-theme=dark] .fin-cal-nav-btn{border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .fin-cal-nav-btn:hover{background:#6366f133;color:#a5b4fc}.fin-cal-hint{background:#6366f112;border-radius:6px;color:#6366f1;font-size:11px;font-weight:500;margin-bottom:8px;padding:3px 0;text-align:center}[data-theme=dark] .fin-cal-hint{background:#6366f126}.fin-cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.fin-cal-dow{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 0;text-align:center;text-transform:uppercase}.fin-cal-day{align-items:center;border-radius:6px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:background .1s,color .1s;-webkit-user-select:none;user-select:none}.fin-cal-day:hover{background:#6366f11a;color:#6366f1}[data-theme=dark] .fin-cal-day{color:#cbd5e1}[data-theme=dark] .fin-cal-day:hover{background:#6366f133;color:#a5b4fc}.fin-cal-day--today{color:#6366f1;font-weight:700}.fin-cal-day--today:not(.fin-cal-day--sel):after{background:#6366f1;border-radius:50%;bottom:2px;content:"";display:block;height:4px;position:absolute;width:4px}.fin-cal-day--today{position:relative}.fin-cal-day--sel{background:#6366f1!important;border-radius:6px;color:#fff!important;font-weight:600}.fin-cal-day--start{border-radius:6px 0 0 6px!important}.fin-cal-day--end{border-radius:0 6px 6px 0!important}.fin-cal-day--in-range{background:#6366f11a;border-radius:0;color:#6366f1}[data-theme=dark] .fin-cal-day--in-range{background:#6366f133}.fin-cal-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--adb-border,#e2e8f0);color:#64748b;display:flex;flex-wrap:wrap;font-size:11px;gap:6px;justify-content:space-between;margin-top:10px;padding-top:8px}[data-theme=dark] .fin-cal-footer{border-color:#ffffff14}.fin-cal-apply-btn{background:#6366f1;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 14px;transition:background .15s}.fin-cal-apply-btn:hover{background:#4f46e5}.fin-full-row{box-sizing:border-box;display:block;width:100%}.fin-full-row .fin-chart-card{box-sizing:border-box;min-height:260px;width:100%}.fin-chart-card--full{grid-column:1/-1;width:100%}.fin-charts-row--half>*{grid-column:span 6}@media (max-width:900px){.fin-charts-row--half>*{grid-column:1/-1!important}}.fin-aging-legend{color:#64748b;display:flex;flex-wrap:wrap;font-size:11px;gap:8px;padding:8px 0 0}.fin-invoice-pick-btn:hover{background:#f1f5f9!important;background:var(--hover-bg,#f1f5f9)!important;border-color:#6366f1!important}[data-theme=dark] .fin-invoice-pick-btn:hover{background:#ffffff0f!important}.fin-inv-mob-list{display:none}.fin-table-desktop{display:block}@media (max-width:640px){.fin-table-desktop{display:none!important}.fin-inv-mob-list{display:flex!important;flex-direction:column;gap:10px;padding:12px}.fin-table-toolbar{align-items:stretch;flex-direction:column;gap:10px;padding:12px 14px}.fin-table-filters{grid-gap:6px;display:grid!important;gap:6px;grid-template-columns:1fr 1fr}.fin-search-wrap{width:100%}.fin-search{width:100%!important}.fin-filter-chip{font-size:11.5px!important;justify-content:center;padding:6px 8px!important;text-align:center}.fin-filter-chip:first-of-type{grid-column:1/-1}}.fin-inv-mob-card{backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);background:linear-gradient(145deg,#ffffffeb,#e0e7ff8c);border:1px solid #6366f126;border-radius:16px;box-shadow:0 0 0 1px #6366f112,0 2px 12px #6366f114;display:flex;flex-direction:column;gap:10px;padding:14px 16px;transition:box-shadow .2s}.fin-inv-mob-card:active{box-shadow:0 0 0 2px #6366f140}.fin-inv-mob-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.fin-inv-mob-who{align-items:center;display:flex;gap:9px;min-width:0}.fin-inv-mob-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-weight:700}.fin-inv-mob-name,.fin-inv-mob-prog{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-inv-mob-prog{color:#94a3b8;font-size:11px;margin-top:2px}.fin-inv-mob-amounts{grid-gap:6px;background:#6366f10d;border:1px solid #6366f11a;border-radius:10px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);padding:8px 10px}.fin-inv-mob-amt-block{align-items:center;display:flex;flex-direction:column;gap:2px}.fin-inv-mob-amt-label{color:#94a3b8;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.fin-inv-mob-amt-val{font-feature-settings:"tnum";color:#0f172a;color:var(--text-primary,#0f172a);font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:700}.fin-inv-mob-bar{background:#6366f11f;border-radius:99px;height:4px;overflow:hidden}.fin-inv-mob-bar-fill{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:99px;height:100%;transition:width .5s ease}.fin-inv-mob-footer{align-items:center;display:flex;justify-content:space-between}[data-theme=dark] .fin-inv-mob-card{background:linear-gradient(145deg,#141b2de0,#1e1b4b99);border-color:#6366f133}[data-theme=dark] .fin-inv-mob-name{color:#f1f5f9}[data-theme=dark] .fin-inv-mob-amounts{background:#6366f114;border-color:#6366f126}[data-theme=dark] .fin-inv-mob-amt-val{color:#e2e8f0}.fin-prog-course-tag{background:#6366f11a;border-radius:6px;color:#6366f1;display:inline-block;font-size:10px;font-weight:600;margin-right:5px;max-width:90px;overflow:hidden;padding:1px 6px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}[data-theme=dark] .fin-prog-course-tag{background:#6366f133;color:#a5b4fc}.fin-course-group-wrap{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:6px}.fin-course-group-card{background:#f8fafccc;border:1px solid #6366f11f;border-radius:12px;overflow:hidden;transition:box-shadow .18s ease}.fin-course-group-card:hover{box-shadow:0 4px 16px #6366f11f}[data-theme=dark] .fin-course-group-card{background:#0f172a99;border-color:#6366f12e}.fin-course-group-header{align-items:center;background:#6366f10a;border-left:3px solid #6366f1;display:flex;justify-content:space-between;padding:10px 12px 8px}[data-theme=dark] .fin-course-group-header{background:#6366f10f}.fin-course-group-name{color:#1e293b;flex:1 1;font-size:13px;font-weight:700;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .fin-course-group-name{color:#f1f5f9}.fin-course-group-total{border-radius:99px;flex-shrink:0;font-size:11px;font-weight:600;padding:3px 9px;white-space:nowrap}.fin-course-group-programs{display:flex;flex-direction:column;gap:6px;padding:10px 12px}.fin-course-prog-row{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:1fr 1fr auto}.fin-course-prog-label{color:#475569;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .fin-course-prog-label{color:#94a3b8}.fin-course-prog-bar-track{background:#6366f114;border-radius:4px;height:8px;min-width:0;overflow:hidden}.fin-course-prog-bar-fill{border-radius:4px;height:100%;min-width:3px;transition:width .4s ease}.fin-course-prog-count{color:#1e293b;font-size:11px;font-weight:700;min-width:22px;text-align:right}[data-theme=dark] .fin-course-prog-count{color:#e2e8f0}@media (max-width:600px){.fin-course-group-wrap{grid-template-columns:1fr}.fin-course-prog-row{grid-template-columns:1fr auto}.fin-course-prog-bar-track{display:none}}:root{--fin-bg:linear-gradient(135deg,#eef2ff,#f0fdf4 35%,#fdf4ff 65%,#eff6ff);--fin-bg-solid:#eef2ff;--fin-glass-bg:#ffffffb8;--fin-glass-border:#fff9;--fin-glass-blur:blur(18px) saturate(1.4);--fin-card-bg:#ffffffc7;--fin-card-border:#6366f121;--fin-card-shadow:0 2px 8px #6366f10f,0 8px 24px #6366f114;--fin-card-hover-shadow:0 4px 16px #6366f124,0 12px 32px #6366f11f;--fin-header-bg:#ffffffd1;--fin-header-border:#6366f11f;--fin-header-gradient:linear-gradient(135deg,#6366f11a,#8b5cf60f 50%,#10b9810a);--fin-text-primary:#0f172a;--fin-text-secondary:#475569;--fin-text-muted:#94a3b8;--fin-input-bg:#fffc;--fin-input-border:#6366f12e;--fin-input-focus:#6366f1;--fin-table-header-bg:#f1f5f9d9;--fin-table-header-text:#334155;--fin-table-border:#6366f114;--fin-row-hover:#6366f10f;--fin-row-border:#6366f1;--fin-overlay-bg:#0206178c;--fin-popup-bg:#ffffffeb;--fin-popup-border:#ffffffb3;--fin-popup-shadow:0 0 0 1px #6366f11a,0 40px 80px #6366f12e,0 8px 24px #0000001f;--fin-icon-color:#6366f1;--fin-icon-bg:#6366f11f;--fin-scrollbar-thumb:#6366f159;--fin-scrollbar-track:#0000}[data-theme=dark]{--fin-bg:linear-gradient(135deg,#0d1117,#0f172a 40%,#1a0a2e 70%,#0d1b2a);--fin-bg-solid:#0d1117;--fin-glass-bg:#0f172ab3;--fin-glass-border:#ffffff14;--fin-glass-blur:blur(20px) saturate(1.2);--fin-card-bg:#141b2dc7;--fin-card-border:#6366f129;--fin-card-shadow:0 2px 8px #00000059,0 8px 24px #0006;--fin-card-hover-shadow:0 4px 16px #6366f133,0 12px 32px #00000080;--fin-header-bg:#0f172ad9;--fin-header-border:#6366f12e;--fin-header-gradient:linear-gradient(135deg,#6366f129,#8b5cf61a 50%,#0f172a00);--fin-text-primary:#f1f5f9;--fin-text-secondary:#94a3b8;--fin-text-muted:#64748b;--fin-input-bg:#0f172abf;--fin-input-border:#6366f138;--fin-input-focus:#818cf8;--fin-table-header-bg:#0f172aa6;--fin-table-header-text:#94a3b8;--fin-table-border:#6366f11a;--fin-row-hover:#6366f117;--fin-row-border:#818cf8;--fin-overlay-bg:#000000b8;--fin-popup-bg:#0f172aeb;--fin-popup-border:#6366f138;--fin-popup-shadow:0 0 0 1px #6366f12e,0 40px 80px #000000b3;--fin-icon-color:#a78bfa;--fin-icon-bg:#8b5cf629;--fin-scrollbar-thumb:#6366f166;--fin-scrollbar-track:#0000}.fin-page *{scrollbar-color:#6366f159 #0000;scrollbar-color:var(--fin-scrollbar-thumb) var(--fin-scrollbar-track);scrollbar-width:thin}.fin-page ::-webkit-scrollbar{height:6px;width:6px}.fin-page ::-webkit-scrollbar-thumb{background:#6366f159;background:var(--fin-scrollbar-thumb);border-radius:4px}.fin-page ::-webkit-scrollbar-track{background:#0000;background:var(--fin-scrollbar-track)}.fin-page{background:linear-gradient(135deg,#eef2ff,#f0fdf4 35%,#fdf4ff 65%,#eff6ff);background:var(--fin-bg);color:#0f172a;color:var(--fin-text-primary);flex-direction:column;font-family:Google Sans,Poppins,sans-serif;height:100%;transition:background .3s,color .3s}.fin-page,.fin-page-header{display:flex;overflow:hidden;position:relative}.fin-page-header{align-items:center;backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:var(--fin-glass-blur);-webkit-backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:var(--fin-glass-blur);background:#ffffffd1;background:var(--fin-header-bg);border-bottom:1px solid #6366f11f;border-bottom:1px solid var(--fin-header-border);box-shadow:0 1px 0 #fff9,0 2px 12px #6366f112;flex-shrink:0;justify-content:space-between;padding:18px 28px 16px;transition:background .3s}.fin-page-header:before{background:linear-gradient(135deg,#6366f11a,#8b5cf60f 50%,#10b9810a);background:var(--fin-header-gradient);content:"";inset:0;opacity:.55;pointer-events:none;position:absolute}.fin-page-header-left{align-items:center;display:flex;gap:14px;position:relative;z-index:1}.fin-page-icon{align-items:center;background:#6366f11f;background:var(--fin-icon-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:13px;box-shadow:0 2px 8px #6366f11f;color:#6366f1;color:var(--fin-icon-color);display:flex;flex-shrink:0;font-size:20px;height:46px;justify-content:center;width:46px}.fin-page-icon--green{background:#10b9811f;box-shadow:0 2px 8px #10b98133;color:#10b981}.fin-page-icon--orange{background:linear-gradient(135deg,#fb923c,#ea580c);border-color:#0000;box-shadow:0 4px 14px #ea580c73;color:#fff}.fin-page--feeheads .fin-page-header:before{background:linear-gradient(135deg,#14b8a61f,#f1f5f900);opacity:1}.fin-page--feeplans .fin-page-header:before{background:linear-gradient(135deg,#f59e0b1f,#f1f5f900);opacity:1}.fin-page--invoices .fin-page-header:before{background:linear-gradient(135deg,#ea580c1a,#f1f5f900);opacity:1}.fin-page-title{color:#0f172a;color:var(--fin-text-primary);font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.fin-page-subtitle{color:#94a3b8;color:var(--fin-text-muted);font-size:12.5px;margin:3px 0 0}.fin-stats-row{backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:var(--fin-glass-blur);-webkit-backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:var(--fin-glass-blur);background:#ffffffd1;background:var(--fin-header-bg);border-bottom:1px solid #6366f11f;border-bottom:1px solid var(--fin-header-border);padding:12px 28px;transition:background .3s}.fin-stat{align-items:center;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border:1px solid #6366f121;border:1px solid var(--fin-card-border);box-shadow:0 2px 8px #6366f10f,0 8px 24px #6366f114;box-shadow:var(--fin-card-shadow);gap:1px;min-width:76px;padding:8px 16px;transition:all .2s}.fin-stat:hover{box-shadow:0 4px 16px #6366f124,0 12px 32px #6366f11f;box-shadow:var(--fin-card-hover-shadow);transform:translateY(-1px)}.fin-stat-num{font-size:19px;line-height:1}.fin-stat-label{font-size:10.5px;font-weight:500;letter-spacing:.04em;white-space:nowrap}.fin-stat-green{border-color:#10b98140}.fin-stat-green .fin-stat-num{color:#10b981}.fin-stat-blue{border-color:#3b82f640}.fin-stat-blue .fin-stat-num{color:#3b82f6}.fin-stat-purple{border-color:#8b5cf640}.fin-stat-purple .fin-stat-num{color:#8b5cf6}.fin-stat-red{border-color:#ef444440}.fin-stat-red .fin-stat-num{color:#ef4444}.fin-toolbar{flex-wrap:wrap;padding:10px 28px;transition:background .3s}.fin-search-section,.fin-toolbar{align-items:center;backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:var(--fin-glass-blur);-webkit-backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:var(--fin-glass-blur);background:#ffffffd1;background:var(--fin-header-bg);border-bottom:1px solid #6366f11f;border-bottom:1px solid var(--fin-header-border);display:flex;flex-shrink:0;gap:10px}.fin-search-section{padding:12px 28px}.fin-search-box{align-items:center;background:#fffc;background:var(--fin-input-bg);border:1px solid #6366f12e;border:1px solid var(--fin-input-border);border-radius:10px;display:flex;flex:1 1;gap:8px;max-width:320px;min-width:200px;padding:7px 12px;transition:border-color .15s,box-shadow .15s}.fin-search-box:focus-within{border-color:#6366f1;border-color:var(--fin-input-focus);box-shadow:0 0 0 3px #6366f11f}.fin-search-box--wide{flex:2 1;max-width:480px}.fin-search-box input{background:#0000;border:none;color:#0f172a;color:var(--fin-text-primary);flex:1 1;font-family:inherit;font-size:13.5px;min-width:0;outline:none;padding:0}.fin-search-box input::placeholder,.fin-search-icon{color:#94a3b8;color:var(--fin-text-muted)}.fin-search-icon{flex-shrink:0;font-size:16px!important;line-height:1}.fin-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--fin-text-muted);cursor:pointer;display:flex;padding:2px;transition:color .15s}.fin-search-clear:hover{color:#0f172a;color:var(--fin-text-primary)}.fin-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.fin-filter-icon{color:#94a3b8;color:var(--fin-text-muted);font-size:12px}.fin-filters select{background:#fffc;background:var(--fin-input-bg);border:1px solid #6366f12e;border:1px solid var(--fin-input-border);border-radius:8px;color:#0f172a;color:var(--fin-text-primary);cursor:pointer;font-family:inherit;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s}.fin-filters select:focus{border-color:#6366f1;border-color:var(--fin-input-focus)}.fin-filter-chip{align-items:center;background:#fffc;background:var(--fin-input-bg);border:1px solid #6366f12e;border:1px solid var(--fin-input-border);border-radius:20px;color:#475569;color:var(--fin-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:5px;padding:5px 12px;transition:all .15s}.fin-filter-chip:hover{border-color:#6366f1;border-color:var(--fin-input-focus);color:#6366f1;color:var(--fin-icon-color)}.fin-filter-chip.active{background:#6366f1;background:var(--fin-icon-color);border-color:#6366f1;border-color:var(--fin-icon-color);box-shadow:0 2px 8px #6366f14d;color:#fff;font-weight:600}.fin-chip-count{background:#ffffff38;border-radius:10px;font-size:11px;padding:1px 5px}.fin-filter-chip:not(.active) .fin-chip-count{background:#6366f114;background:var(--fin-table-border);color:#94a3b8;color:var(--fin-text-muted)}.fin-result-count{color:#94a3b8;color:var(--fin-text-muted);font-size:12px;margin-left:auto;white-space:nowrap}.fin-table-wrapper{flex:1 1;overflow:auto;padding:20px 28px}.fin-table{background:#ffffffc7;background:var(--fin-card-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-collapse:collapse;border-radius:14px;box-shadow:0 2px 8px #6366f10f,0 8px 24px #6366f114;box-shadow:var(--fin-card-shadow);overflow:hidden;transition:background .3s;width:100%}.fin-table th{background:#f1f5f9d9;background:var(--fin-table-header-bg);border-bottom:1px solid #6366f121;border-bottom:1px solid var(--fin-card-border);color:#334155;color:var(--fin-table-header-text);font-size:11px;font-weight:600;letter-spacing:.06em;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.fin-table td{border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);color:#475569;color:var(--fin-text-secondary);font-size:13.5px;padding:13px 16px;transition:background .15s;vertical-align:middle}.fin-table tr:last-child td{border-bottom:none}.fin-table tbody tr{border-left:3px solid #0000;transition:all .2s ease}.fin-table tbody tr:hover td{background:#6366f10f;background:var(--fin-row-hover)}.fin-table tbody tr:hover{border-left-color:#6366f1;border-left-color:var(--fin-row-border)}.fin-table-compact td,.fin-table-compact th{font-size:13px;padding:9px 14px}.fin-cell-name{color:#0f172a!important;color:var(--fin-text-primary)!important;font-weight:600}.fin-cell-muted{color:#94a3b8!important;color:var(--fin-text-muted)!important;font-size:13px}.fin-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-row-actions{display:flex;gap:4px}.fin-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.04em;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.fin-badge-green{background:#10b98126;border:1px solid #10b98140;color:#059669}.fin-badge-gray{background:#94a3b81f;border:1px solid #94a3b833;color:#94a3b8;color:var(--fin-text-muted)}.fin-badge-blue{background:#3b82f61f;border:1px solid #3b82f640;color:#2563eb}.fin-badge-yellow{background:#f59e0b1f;border:1px solid #f59e0b40;color:#d97706}.fin-badge-red{background:#ef44441f;border:1px solid #ef444440;color:#dc2626}.fin-badge-purple{background:#8b5cf61f;border:1px solid #8b5cf640;color:#7c3aed}.fin-badge-amber{background:#fbbf2426;border:1px solid #fbbf2473;color:#92400e;cursor:default}.fin-badge-orange{background:#f973161f;border:1px solid #f973164d;color:#c2410c}.fin-badge-sm{background:#f1f5f9d9;background:var(--fin-table-header-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:12px;color:#475569;color:var(--fin-text-secondary);display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}[data-theme=dark] .fin-badge-green{background:#10b9812e;color:#34d399}[data-theme=dark] .fin-badge-blue{background:#3b82f62e;color:#60a5fa}[data-theme=dark] .fin-badge-yellow{background:#f59e0b2e;color:#fbbf24}[data-theme=dark] .fin-badge-red{background:#ef44442e;color:#f87171}[data-theme=dark] .fin-badge-purple{background:#8b5cf62e;color:#a78bfa}[data-theme=dark] .fin-badge-amber{background:#fbbf242e;border-color:#fbbf2459;color:#fbbf24}[data-theme=dark] .fin-badge-orange{background:#f973162e;border-color:#f9731659;color:#fb923c}.fin-btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;box-shadow:0 2px 8px #6366f159;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:9px 18px;position:relative;transition:opacity .15s,box-shadow .15s,transform .15s;white-space:nowrap;z-index:1}.fin-btn-primary:hover{box-shadow:0 4px 14px #6366f180;opacity:.9;transform:translateY(-1px)}.fin-btn-primary:active{transform:none}.fin-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.fin-btn-ghost{align-items:center;background:#fffc;background:var(--fin-input-bg);border:1px solid #6366f12e;border:1px solid var(--fin-input-border);border-radius:10px;color:#475569;color:var(--fin-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:9px 16px;transition:all .15s;white-space:nowrap}.fin-btn-ghost:hover{background:#6366f10f;background:var(--fin-row-hover);border-color:#6366f1;border-color:var(--fin-row-border)}.fin-btn-ghost.fin-danger{color:#ef4444}.fin-btn-ghost.fin-danger:hover{background:#ef444414;border-color:#ef44444d}.fin-btn-secondary{align-items:center;background:#2563eb14;border:1px solid #2563eb40;border-radius:10px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:9px 16px;transition:all .15s;white-space:nowrap}.fin-btn-secondary:hover{background:#2563eb24;border-color:#2563eb66}.fin-btn-secondary:disabled{cursor:default;opacity:.5}[data-theme=dark] .fin-btn-secondary{background:#60a5fa1a;border-color:#60a5fa40;color:#60a5fa}[data-theme=dark] .fin-btn-secondary:hover{background:#60a5fa2e}.fin-btn-sm{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;padding:6px 13px;transition:all .15s;white-space:nowrap}.fin-btn-sm.fin-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;box-shadow:0 2px 6px #6366f14d;color:#fff}.fin-btn-sm.fin-btn-primary:hover{opacity:.9}.fin-btn-sm.fin-btn-ghost{background:#fffc;background:var(--fin-input-bg);border-color:#6366f12e;border-color:var(--fin-input-border);color:#475569;color:var(--fin-text-secondary)}.fin-btn-sm.fin-btn-ghost:hover{background:#6366f10f;background:var(--fin-row-hover)}.fin-btn-sm.fin-danger{color:#ef4444}.fin-btn-sm.fin-danger:hover{background:#ef444414;border-color:#ef44444d}.fin-icon-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:#94a3b8;color:var(--fin-text-muted);cursor:pointer;display:inline-flex;font-size:13px;padding:6px;transition:color .15s,background .15s}.fin-icon-btn:hover{background:#6366f11f;background:var(--fin-icon-bg);color:#6366f1;color:var(--fin-icon-color)}.fin-icon-btn.fin-danger:hover{background:#ef444414;color:#ef4444}.fin-empty{align-items:center;color:#94a3b8;color:var(--fin-text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:64px 24px}.fin-empty--hero{padding:80px 24px}.fin-empty h3{color:#475569;color:var(--fin-text-secondary);font-size:17px;font-weight:600;margin:0}.fin-empty p{color:#94a3b8;color:var(--fin-text-muted);font-size:13.5px;margin:0;max-width:360px;text-align:center}.fin-empty-icon{font-size:42px;opacity:.18}.fin-empty-icon,.fin-empty-icon--large{color:#6366f1;color:var(--fin-icon-color)}.fin-empty-icon--large{font-size:64px;opacity:.12}.fin-spinner{animation:fin-spin .7s linear infinite;border:3px solid #6366f12e;border-top-color:#6366f1;border:3px solid var(--fin-input-border);border-radius:50%;border-top-color:var(--fin-icon-color);height:30px;width:30px}@keyframes fin-spin{to{transform:rotate(1turn)}}.fin-spin{animation:fin-spin .7s linear infinite;display:inline-block}.fin-overlay{align-items:center;animation:fin-fade-in .18s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0206178c;background:var(--fin-overlay-bg);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes fin-fade-in{0%{opacity:0}to{opacity:1}}.fin-popup{animation:fin-slide-up .24s cubic-bezier(.22,1,.36,1);background:#ffffffeb;background:var(--fin-popup-bg);border:1px solid #ffffffb3;border:1px solid var(--fin-popup-border);border-radius:18px;box-shadow:0 0 0 1px #6366f11a,0 40px 80px #6366f12e,0 8px 24px #0000001f;box-shadow:var(--fin-popup-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;transition:background .3s;width:100%}@keyframes fin-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fin-popup-lg{max-width:680px}.fin-popup-sm{max-width:420px;text-align:center}.fin-popup-header{align-items:center;border-bottom:1px solid #6366f121;border-bottom:1px solid var(--fin-card-border);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px 16px}.fin-popup-title{color:#0f172a;color:var(--fin-text-primary);font-size:15.5px;font-weight:700;letter-spacing:-.01em}.fin-popup-body{flex:1 1;overflow-y:auto;padding:20px 24px}.fin-popup-footer{border-top:1px solid #6366f121;border-top:1px solid var(--fin-card-border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 24px}.fin-popup-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.fin-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.fin-field label{color:#475569;color:var(--fin-text-secondary);font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.fin-field input,.fin-field select,.fin-field textarea{background:#fffc;background:var(--fin-input-bg);border:1px solid #6366f12e;border:1px solid var(--fin-input-border);border-radius:9px;color:#0f172a;color:var(--fin-text-primary);font-family:inherit;font-size:13.5px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s,background .3s}.fin-field input:focus,.fin-field select:focus,.fin-field textarea:focus{border-color:#6366f1;border-color:var(--fin-input-focus);box-shadow:0 0 0 3px #6366f11f}.fin-field textarea{min-height:64px;resize:vertical}.fin-field select{cursor:pointer}.fin-field .MuiOutlinedInput-root{background:#fffc!important;background:var(--fin-input-bg)!important;border-radius:9px!important;color:#0f172a!important;color:var(--fin-text-primary)!important;font-family:inherit!important;font-size:13.5px!important}.fin-field .MuiOutlinedInput-notchedOutline{border-color:#6366f12e!important;border-color:var(--fin-input-border)!important}.fin-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.fin-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#6366f1!important;border-color:var(--fin-input-focus)!important}.fin-field .MuiInputBase-input{color:#0f172a!important;color:var(--fin-text-primary)!important;font-family:inherit!important;font-size:13.5px!important;padding:9px 12px!important}.fin-field .MuiSvgIcon-root{color:#94a3b8!important;color:var(--fin-text-muted)!important}[data-theme=dark] .fin-field .MuiOutlinedInput-root{background:#fffc!important;background:var(--fin-input-bg)!important;color:#0f172a!important;color:var(--fin-text-primary)!important}.fin-toggles{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.fin-toggle{align-items:center;background:#fffc;background:var(--fin-input-bg);border:1px solid #6366f12e;border:1px solid var(--fin-input-border);border-radius:9px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.fin-toggle:hover{border-color:#6366f1;border-color:var(--fin-input-focus)}.fin-toggle input[type=checkbox]{accent-color:#6366f1;cursor:pointer;flex-shrink:0;height:16px;width:16px}.fin-toggle span{color:#0f172a;color:var(--fin-text-primary);flex:1 1;font-size:13.5px;font-weight:500}.fin-toggle small{color:#94a3b8;color:var(--fin-text-muted);font-size:11.5px}.fin-info-box{background:#3b82f614;border:1px solid #3b82f633;margin-bottom:14px;padding:12px 14px}.fin-info-row{color:#475569;color:var(--fin-text-secondary)}.fin-info-row+.fin-info-row{margin-top:5px}[data-theme=dark] .fin-info-box{background:#3b82f61f;border-color:#3b82f640}.fin-section-label{color:#94a3b8;color:var(--fin-text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;padding-left:1px;text-transform:uppercase}.fin-items-table-wrap{border:1px solid #6366f12e;border:1px solid var(--fin-input-border);border-radius:10px;overflow:hidden}.fin-items-table{border-collapse:collapse;width:100%}.fin-items-table th{background:#f1f5f9d9;background:var(--fin-table-header-bg);border-bottom:1px solid #6366f12e;border-bottom:1px solid var(--fin-input-border);color:#334155;color:var(--fin-table-header-text);font-size:10.5px;font-weight:600;letter-spacing:.05em;padding:9px 12px;text-align:left;text-transform:uppercase}.fin-items-table td{border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);padding:7px 10px}.fin-items-table tr:last-child td{border-bottom:none}.fin-items-table input,.fin-items-table select{background:#fffc;background:var(--fin-input-bg);border:1px solid #6366f12e;border:1px solid var(--fin-input-border);border-radius:7px;color:#0f172a;color:var(--fin-text-primary);font-family:inherit;font-size:13px;outline:none;padding:7px 9px;transition:border-color .15s;width:100%}.fin-items-table input:focus,.fin-items-table select:focus{border-color:#6366f1;border-color:var(--fin-input-focus)}.fin-add-item-btn{align-items:center;background:#3b82f612;border:1px dashed #3b82f659;border-radius:8px;color:#3b82f6;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;margin-top:10px;padding:7px 12px;transition:background .15s}.fin-add-item-btn:hover{background:#3b82f61f}.fin-total-row{align-items:center;background:#f1f5f9d9;background:var(--fin-table-header-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:9px;color:#475569;color:var(--fin-text-secondary);display:flex;font-size:13.5px;font-weight:600;gap:16px;justify-content:flex-end;margin-top:12px;padding:10px 14px}.fin-total-amount{color:#6366f1;color:var(--fin-icon-color);font-size:16px;font-weight:700}.fin-cards-area{flex:1 1;overflow-y:auto;padding:20px 28px}.fin-plan-list{display:flex;flex-direction:column;gap:10px}.fin-plan-card{background:#ffffffc7;background:var(--fin-card-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:14px;box-shadow:0 2px 8px #6366f10f,0 8px 24px #6366f114;box-shadow:var(--fin-card-shadow);overflow:hidden;transition:box-shadow .2s,background .3s}.fin-plan-card:hover{box-shadow:0 4px 16px #6366f124,0 12px 32px #6366f11f;box-shadow:var(--fin-card-hover-shadow)}.fin-plan-card--inactive{opacity:.65}.fin-plan-card-header{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px 18px;transition:background .15s;-webkit-user-select:none;user-select:none}.fin-plan-card-header:hover{background:#6366f10f;background:var(--fin-row-hover)}.fin-plan-card-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.fin-plan-expand{color:#94a3b8;color:var(--fin-text-muted);flex-shrink:0;font-size:11px}.fin-plan-name{color:#0f172a;color:var(--fin-text-primary);font-size:14.5px;font-weight:600;margin-bottom:2px}.fin-plan-meta{align-items:center;color:#94a3b8;color:var(--fin-text-muted);display:flex;font-size:12px;gap:6px}.fin-plan-card-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.fin-plan-total{color:#6366f1;color:var(--fin-icon-color);font-size:15px;font-weight:700;white-space:nowrap}.fin-plan-items{background:#f1f5f9d9;background:var(--fin-table-header-bg);border-top:1px solid #6366f114;border-top:1px solid var(--fin-table-border);transition:background .3s}.fin-invoice-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.fin-invoice-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border:1px solid #00000014;border-radius:18px;box-shadow:0 0 0 1px #6366f10a,0 2px 8px #00000012,0 8px 24px #00000012;display:flex;flex-direction:column;gap:13px;padding:18px;transition:box-shadow .2s,border-color .2s,transform .2s}.fin-invoice-card:hover{border-color:#6366f133;box-shadow:0 0 0 1px #6366f11a,0 4px 16px #0000001a,0 12px 36px #0000001a;transform:translateY(-2px)}.fin-invoice-card-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.fin-invoice-id{color:#0f172a;color:var(--fin-text-primary);font-family:monospace;font-size:14px;font-weight:700;letter-spacing:.01em}.fin-invoice-plan{align-items:center;color:#94a3b8;color:var(--fin-text-muted);display:flex;font-size:12px;gap:5px;margin-top:3px}.fin-invoice-progress-wrap{align-items:center;display:flex;gap:10px}.fin-invoice-progress-bar{background:#6366f12e;background:var(--fin-input-border);border-radius:999px;flex:1 1;height:5px;overflow:hidden}.fin-invoice-progress-fill{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:999px;height:100%;transition:width .5s ease}.fin-invoice-progress-label{color:#94a3b8;color:var(--fin-text-muted);font-size:11px;white-space:nowrap}.fin-invoice-amounts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.fin-amount-block{display:flex;flex-direction:column;gap:2px}.fin-amount-label{color:#94a3b8;color:var(--fin-text-muted);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.fin-amount-value{color:#0f172a;color:var(--fin-text-primary);font-size:14px;font-weight:700}.fin-paid{color:#10b981!important}.fin-outstanding{color:#ef4444!important}.fin-muted{color:#94a3b8!important;color:var(--fin-text-muted)!important;font-weight:400!important}.fin-invoice-card-actions{border-top:1px solid #6366f114;border-top:1px solid var(--fin-table-border);display:flex;flex-wrap:wrap;gap:8px;padding-top:11px}.fin-popup-hero{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5 55%,#7c3aed);border-radius:18px 18px 0 0;display:flex;flex-shrink:0;gap:14px;overflow:hidden;padding:20px 24px 18px;position:relative}.fin-popup-hero:before{background:radial-gradient(ellipse at 85% 40%,#ffffff26 0,#0000 60%);inset:0}.fin-popup-hero:after,.fin-popup-hero:before{content:"";pointer-events:none;position:absolute}.fin-popup-hero:after{background:#ffffff0f;border-radius:50%;bottom:-20px;height:100px;right:-20px;width:100px}.fin-popup-hero-icon{align-items:center;background:#ffffff2e;border:1px solid #ffffff47;border-radius:16px;box-shadow:0 4px 14px #0000002e;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;position:relative;width:52px;z-index:1}.fin-popup-hero-title{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.02em;position:relative;z-index:1}.fin-popup-hero-sub{color:#ffffffb3;font-size:12px;margin-top:3px;position:relative;z-index:1}.fin-popup-hero-close{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:9px;color:#fffc;cursor:pointer;display:inline-flex;font-size:13px;padding:7px;position:absolute;right:16px;top:14px;transition:background .15s,color .15s;z-index:2}.fin-popup-hero-close:hover{background:#ffffff47;color:#fff}.fin-section-header{align-items:center;border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);color:#94a3b8;color:var(--fin-text-muted);display:flex;font-size:11px;font-weight:700;gap:7px;letter-spacing:.07em;margin:0 0 10px;padding-bottom:7px;text-transform:uppercase}.fin-section-icon{font-size:12px;opacity:.8}.fin-section-icon--indigo{color:#6366f1}.fin-section-icon--teal{color:#14b8a6}.fin-section-icon--amber{color:#f59e0b}.fin-user-picker-btn{align-items:center;background:#fffc;background:var(--fin-input-bg);border:1.5px dashed #6366f12e;border:1.5px dashed var(--fin-input-border);border-radius:10px;color:#94a3b8;color:var(--fin-text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;gap:10px;margin-bottom:14px;padding:13px 16px;text-align:left;transition:all .18s;width:100%}.fin-user-picker-btn:hover{background:#6366f10a;border-color:#6366f1;border-color:var(--fin-input-focus);box-shadow:0 0 0 3px #6366f114;color:#6366f1;color:var(--fin-icon-color)}.fin-user-picker-hint{color:#94a3b8;color:var(--fin-text-muted);font-size:11px;font-weight:500;margin-left:auto;opacity:.7}.fin-selected-user{align-items:center;background:#6366f10f;border:1px solid #6366f138;border-radius:10px;display:flex;gap:12px;margin-bottom:14px;padding:12px 14px}.fin-selected-user-info{flex:1 1;min-width:0}.fin-selected-user-name{color:#0f172a;color:var(--fin-text-primary);font-size:14px;font-weight:600}.fin-selected-user-meta{color:#94a3b8;color:var(--fin-text-muted);font-size:12px;margin-top:2px}[data-theme=dark] .fin-selected-user{background:#6366f11a;border-color:#6366f14d}.fin-plan-preview{background:#10b9810a;border:1px solid #10b98133;border-radius:10px;margin-bottom:14px;overflow:hidden}.fin-plan-preview-header{align-items:center;background:#10b98114;border-bottom:1px solid #10b98126;color:#475569;color:var(--fin-text-secondary);display:flex;font-size:11.5px;font-weight:600;justify-content:space-between;letter-spacing:.05em;padding:9px 14px;text-transform:uppercase}.fin-plan-preview-total{color:#10b981;font-size:14px;font-weight:700;letter-spacing:-.01em}[data-theme=dark] .fin-plan-preview{background:#10b98112;border-color:#10b98140}.fuovs-modal{animation:fin-slide-up .22s cubic-bezier(.22,1,.36,1);background:#fff;border:1px solid #ffffffb3;border:1px solid var(--fin-popup-border);border-radius:18px;box-shadow:0 0 0 1px #6366f11a,0 40px 80px #6366f12e,0 8px 24px #0000001f;box-shadow:var(--fin-popup-shadow);display:flex;flex-direction:column;max-height:82vh;max-width:860px;overflow:hidden;transition:background .3s;width:100%}[data-theme=dark] .fuovs-modal{background:#0f172af7}.fuovs-header{border-bottom:1px solid #6366f121;border-bottom:1px solid var(--fin-card-border);flex-shrink:0;justify-content:space-between;padding:16px 20px}.fuovs-header,.fuovs-title{align-items:center;display:flex}.fuovs-title{color:#0f172a;color:var(--fin-text-primary);font-size:15px;font-weight:700;gap:8px}.fuovs-search{border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.fuovs-search .fin-search-box{flex:1 1;max-width:none!important}.fuovs-results{flex:1 1;overflow-y:auto;padding:6px 8px}.fuovs-row{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background .12s}.fuovs-row:hover{background:#6366f10f;background:var(--fin-row-hover);border-color:#6366f11f}.fuovs-row-info{flex:1 1;min-width:0}.fuovs-row-name{color:#0f172a;color:var(--fin-text-primary);font-size:13.5px;font-weight:600}.fuovs-row-meta{color:#94a3b8;color:var(--fin-text-muted);font-size:12px;margin-top:2px}.fuovs-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 6px #00000024;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center;letter-spacing:.01em}.fuovs-footer{border-top:1px solid #6366f121;border-top:1px solid var(--fin-card-border);color:#94a3b8;color:var(--fin-text-muted);flex-shrink:0;font-size:12px;padding:10px 20px;text-align:center}.fin-page-icon--teal{background:#14b8a61f;color:#14b8a6}.fin-page-icon--rose{background:#f43f5e1a;color:#f43f5e}.fin-page-icon--amber{background:#f59e0b1f;color:#f59e0b}.fin-stat-amber{border-color:#f59e0b4d}.fin-stat-amber .fin-stat-num{color:#f59e0b}.fin-stat-teal{border-color:#14b8a64d}.fin-stat-teal .fin-stat-num{color:#14b8a6}.fin-table-wrap{backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);background:#ffffffc7;background:var(--fin-card-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:14px;box-shadow:0 2px 8px #6366f10f,0 8px 24px #6366f114;box-shadow:var(--fin-card-shadow);overflow-x:auto}.fin-data-table{border-collapse:collapse;font-size:13px;width:100%}.fin-data-table thead tr{background:#f1f5f9d9;background:var(--fin-table-header-bg)}.fin-data-table th{border-bottom:2px solid #6366f121;border-bottom:2px solid var(--fin-card-border);color:#334155;color:var(--fin-table-header-text);font-size:11px;font-weight:700;letter-spacing:.04em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.fin-data-table th:first-child{border-radius:14px 0 0 0}.fin-data-table th:last-child{border-radius:0 14px 0 0}.fin-table-row td{border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);color:#0f172a;color:var(--fin-text-primary);padding:10px 14px;vertical-align:middle}.fin-table-row:last-child td{border-bottom:none}.fin-table-row:hover td{background:#6366f10f;background:var(--fin-row-hover)}.fin-table-invoice-id{background:#4361ee14;border:1px solid #4361ee2e;border-radius:5px;color:#4361ee;display:inline-block;font-family:monospace;font-size:11.5px;font-weight:700;letter-spacing:.03em;padding:2px 7px}.fin-table-invoice-id--link{cursor:pointer}.fin-table-invoice-id--link:hover{background:#4361ee26;color:#2347cc}.fin-inv-id{background:#4361ee14;border:1px solid #4361ee2e;border-radius:5px;color:#4361ee;display:inline-block;font-family:monospace;font-size:11.5px;font-weight:700;letter-spacing:.03em;padding:2px 7px}.fin-table-progress-bar{background:#6366f121;background:var(--fin-card-border);border-radius:99px;flex-shrink:0;height:6px;overflow:hidden;width:70px}.fin-table-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:99px;height:100%;transition:width .3s ease}.fin-view-toggle{background:#6366f121;background:var(--fin-card-border);border-radius:10px;display:flex;gap:4px;margin-left:auto;padding:3px}.fin-view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--fin-text-muted);cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:all .15s;width:32px}.fin-view-btn.active{background:#ffffffc7;background:var(--fin-card-bg);box-shadow:0 1px 4px #0000001a;color:#6366f1;color:var(--fin-icon-color)}.fin-view-btn:hover:not(.active){color:#475569;color:var(--fin-text-secondary)}.fin-page--receipts{background:linear-gradient(180deg,#0596690a,#0000 200px),linear-gradient(135deg,#eef2ff,#f0fdf4 35%,#fdf4ff 65%,#eff6ff);background:linear-gradient(180deg,#0596690a 0,#0000 200px),var(--fin-bg)}.fin-page-icon--green{background:#0596691f;color:#059669}.fin-receipt-card{background:#ffffffc7;background:var(--fin-card-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:14px;box-shadow:0 2px 8px #6366f10f,0 8px 24px #6366f114;box-shadow:var(--fin-card-shadow);display:flex;flex-direction:column;gap:0;padding:18px 18px 14px;transition:transform .15s,box-shadow .15s}.fin-receipt-card:hover{box-shadow:0 4px 16px #6366f124,0 12px 32px #6366f11f;box-shadow:var(--fin-card-hover-shadow);transform:translateY(-2px)}.fin-receipt-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.fin-receipt-card-body{align-items:baseline;display:flex;justify-content:space-between;margin:10px 0 6px}.fin-receipt-amount{color:#059669;font-size:22px;font-weight:800;letter-spacing:-.01em}.fin-receipt-date,.fin-receipt-ref{color:#94a3b8;color:var(--fin-text-muted);font-size:12px}.fin-receipt-ref{background:#f1f5f9d9;background:var(--fin-table-header-bg);border-radius:6px;font-family:monospace;margin-top:6px;padding:4px 8px}.fin-receipt-notes{border-top:1px solid #6366f121;border-top:1px solid var(--fin-card-border);color:#475569;color:var(--fin-text-secondary);font-size:12px;margin-top:6px;padding-top:6px}.fin-receipt-ts{color:#94a3b8;color:var(--fin-text-muted);font-size:10px;margin-top:8px}.fin-receipt-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.fin-receipt-item{align-items:center;background:#f1f5f9d9;background:var(--fin-table-header-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.fin-receipt-item-left{flex:1 1;min-width:0}.fin-receipt-item-id{color:#6366f1;color:var(--fin-icon-color);font-family:monospace;font-size:13px;font-weight:700}.fin-receipt-item-meta{align-items:center;display:flex;font-size:12px;gap:4px}.fin-receipt-item-meta,.fin-receipt-item-notes{color:#94a3b8;color:var(--fin-text-muted);margin-top:4px}.fin-receipt-item-notes{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-receipt-item-amount{color:#059669;flex-shrink:0;font-size:16px;font-weight:700}.fin-badge-indigo{background:#6366f11f;color:#6366f1}.fin-badge-purple{background:#a855f71f;color:#a855f7}.fin-invoice-student{align-items:center;color:#94a3b8;color:var(--fin-text-muted);display:flex;font-size:12px;gap:5px;margin-top:3px}.fin-info-box{background:#f1f5f9d9;background:var(--fin-table-header-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:10px;overflow:hidden}.fin-info-row{align-items:center;border-bottom:1px solid #6366f121;border-bottom:1px solid var(--fin-card-border);display:flex;font-size:13px;justify-content:space-between;padding:9px 14px}.fin-info-row:last-child{border-bottom:none}.fin-info-row span{color:#94a3b8;color:var(--fin-text-muted)}.fin-badge-teal{background:#14b8a61f;color:#0d9488}.fin-gst-mode-toggle{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:12px}.fin-gst-mode-btn{background:#fffc;background:var(--fin-input-bg);border:2px solid #6366f12e;border:2px solid var(--fin-input-border);border-radius:10px;cursor:pointer;padding:12px 14px;text-align:left;transition:border-color .15s,background .15s}.fin-gst-mode-btn:hover{background:var(--fin-hover-bg)}.fin-gst-mode-btn.active,.fin-gst-mode-btn:hover{border-color:#6366f1;border-color:var(--fin-icon-color)}.fin-gst-mode-btn.active{background:#6366f112}.fin-gst-mode-title{color:#0f172a;color:var(--fin-text-primary);font-size:13px;font-weight:700;margin-bottom:5px}.fin-gst-mode-btn.active .fin-gst-mode-title{color:#6366f1;color:var(--fin-icon-color)}.fin-gst-mode-desc{color:#94a3b8;color:var(--fin-text-muted);font-size:11.5px;line-height:1.5}.fin-gst-mode-desc strong{color:#475569;color:var(--fin-text-secondary)}.fin-live-totals{background:#f8fafc;background:var(--fin-surface-2,#f8fafc);border-top:1px solid var(--fin-border);display:flex;flex-direction:column;gap:4px;padding:10px 14px 12px}.fin-live-total-row{align-items:center;color:#475569;color:var(--fin-text-secondary);display:flex;font-size:12.5px;justify-content:space-between;padding:1px 0}.fin-live-total-row span:last-child{color:#0f172a;color:var(--fin-text-primary);font-weight:600}.fin-live-total-gst span:first-child,.fin-live-total-gst span:last-child{color:#0d9488}.fin-live-total-disc span:first-child,.fin-live-total-disc span:last-child{color:#059669}.fin-live-total-net{border-top:1px solid var(--fin-border);font-size:13.5px;margin-top:4px;padding-top:6px}.fin-live-total-net span:first-child{color:#0f172a;color:var(--fin-text-primary);font-weight:700}.fin-live-total-net span:last-child{color:#6366f1;color:var(--fin-icon-color);font-size:15px;font-weight:700}.fin-popup-xl{display:flex;flex-direction:column;max-height:96vh;max-width:99vw;overflow:hidden;width:1300px}.fin-invoice-gen-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.fin-invoice-gen-form{border-right:1px solid var(--fin-border);flex-shrink:0;min-width:480px;overflow-x:visible;overflow-y:auto;padding:22px 30px;width:560px}.fin-invoice-gen-preview{background:#f8fafc;background:var(--fin-surface-2,#f8fafc);flex:1 1;min-width:0;overflow-y:auto;padding:22px 28px}.fin-gen-label{align-items:center;color:#475569;color:var(--fin-text-secondary);display:flex;font-size:11px;font-weight:700;gap:7px;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.fin-gen-label .fin-section-icon{font-size:12px}.fin-gst-mode-toggle--compact{gap:8px;margin-bottom:0}.fin-gst-mode-toggle--compact .fin-gst-mode-btn{padding:10px 12px}.fin-gst-mode-toggle--compact .fin-gst-mode-title{font-size:12.5px}.fin-gst-mode-toggle--compact .fin-gst-mode-desc{font-size:11px;margin-top:3px}.fin-invoice-gen-placeholder{align-items:center;border:2px dashed var(--fin-border);border-radius:10px;color:#94a3b8;color:var(--fin-text-muted);display:flex;flex-direction:column;font-size:13px;gap:10px;justify-content:center;margin-top:14px;padding:40px 16px;text-align:center}.fin-invoice-gen-placeholder svg{font-size:28px;opacity:.35}.fin-warning-box{align-items:flex-start;background:#fbbf241a;border:1px solid #fbbf2466;border-radius:8px;color:#92400e;display:flex;font-size:12px;gap:8px;line-height:1.5;margin-top:12px;padding:10px 12px}.fin-warning-box svg{color:#f59e0b;flex-shrink:0;font-size:13px;margin-top:1px}.fin-activity-log{display:flex;flex-direction:column;gap:0;padding-left:4px;position:relative}.fin-activity-row{align-items:flex-start;display:flex;gap:10px;padding:6px 0 6px 6px;position:relative}.fin-activity-row:not(:last-child):after{background:var(--fin-border);bottom:-6px;content:"";left:10px;position:absolute;top:24px;width:1px}.fin-activity-dot{border:2px solid;border-radius:50%;flex-shrink:0;height:10px;margin-top:4px;width:10px}.fin-activity-dot--blue{background:#dbeafe;border-color:#2563eb}.fin-activity-dot--green{background:#dcfce7;border-color:#16a34a}.fin-activity-dot--gray{background:var(--fin-border);border-color:#94a3b8;border-color:var(--fin-text-muted)}.fin-activity-dot--red{background:#fee2e2;border-color:#dc2626}.fin-activity-dot--amber{background:#fef3c7;border-color:#d97706}.fin-collapsible-header{align-items:center;display:flex}.fin-collapsible-header:hover{background:#0000000a;border-radius:6px}.fin-activity-body{flex:1 1;min-width:0}.fin-activity-title{align-items:center;color:#0f172a;color:var(--fin-text-primary);display:flex;flex-wrap:wrap;font-size:12.5px;font-weight:600;gap:4px}.fin-activity-meta{color:#94a3b8;color:var(--fin-text-muted);font-size:11.5px;margin-top:2px}.fin-stats-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.fin-stat{align-items:flex-start;background:#ffffffc7;background:var(--fin-card-bg);border:1px solid var(--fin-border);border-radius:10px;display:flex;flex-direction:column;gap:2px;min-width:110px;padding:10px 18px}.fin-stat-num{color:#0f172a;color:var(--fin-text-primary);font-size:20px;font-weight:700;line-height:1.2}.fin-stat-label{color:#94a3b8;color:var(--fin-text-muted);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.fin-stat-green .fin-stat-num{color:#059669}.fin-stat-red .fin-stat-num{color:#dc2626}.fin-stat-blue .fin-stat-num{color:#2563eb}.fin-reminder-layout{display:flex;flex:1 1;min-height:0;overflow:hidden}.fin-reminder-list{border-right:1px solid #6366f121;border-right:1px solid var(--fin-card-border);display:flex;flex-direction:column;flex-shrink:0;min-width:340px;overflow:hidden;width:460px}.fin-reminder-search{background:#f1f5f9d9;background:var(--fin-table-header-bg);border-bottom:1px solid #6366f121;border-bottom:1px solid var(--fin-card-border);flex-shrink:0;padding:12px 14px}.fin-reminder-search-inner{align-items:center;background:#ffffffeb;background:var(--fin-popup-bg);border:1.5px solid #6366f12e;border:1.5px solid var(--fin-input-border);border-radius:10px;display:flex;gap:8px;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.fin-reminder-search-inner:focus-within{border-color:#6366f1;border-color:var(--fin-input-focus);box-shadow:0 0 0 3px #6366f11f}.fin-reminder-search-icon{color:#94a3b8;color:var(--fin-text-muted);flex-shrink:0;font-size:12px}.fin-reminder-search-input{background:#0000;border:none;color:#0f172a;color:var(--fin-text-primary);flex:1 1;font-family:inherit;font-size:13px;outline:none}.fin-reminder-search-clear,.fin-reminder-search-input::placeholder{color:#94a3b8;color:var(--fin-text-muted)}.fin-reminder-search-clear{background:none;border:none;cursor:pointer;font-size:11px;line-height:1;padding:0;transition:color .12s}.fin-reminder-search-clear:hover{color:#0f172a;color:var(--fin-text-primary)}.fin-reminder-selectbar{align-items:center;background:#f1f5f9d9;background:var(--fin-table-header-bg);border-bottom:1px solid #6366f121;border-bottom:1px solid var(--fin-card-border);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px}.fin-reminder-selectbar-label{align-items:center;color:#475569;color:var(--fin-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:7px;-webkit-user-select:none;user-select:none}.fin-reminder-selectbar-count{background:linear-gradient(135deg,#eef2ff,#f0fdf4 35%,#fdf4ff 65%,#eff6ff);background:var(--fin-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:20px;color:#94a3b8;color:var(--fin-text-muted);font-size:11px;font-weight:600;padding:2px 9px}.fin-reminder-rows{flex:1 1;overflow-y:auto}.fin-reminder-row{align-items:flex-start;border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);cursor:pointer;display:flex;gap:10px;padding:11px 16px;position:relative;transition:background .12s}.fin-reminder-row:hover{background:#6366f10f;background:var(--fin-row-hover)}.fin-reminder-row--selected{background:#6366f10d;border-left:3px solid #6366f1;border-left:3px solid var(--fin-input-focus);padding-left:13px}.fin-reminder-row--selected:hover{background:#6366f117}.fin-reminder-row input[type=checkbox]{accent-color:#6366f1;accent-color:var(--fin-input-focus);flex-shrink:0;margin-top:3px}.fin-reminder-row-body{flex:1 1;min-width:0}.fin-reminder-row-top{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.fin-reminder-row-name{color:#0f172a;color:var(--fin-text-primary);font-size:13px;font-weight:600}.fin-reminder-row-meta{color:#94a3b8;color:var(--fin-text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:10px;margin-top:2px}.fin-reminder-row-outstanding{color:#dc2626;font-weight:700}.fin-reminder-row-due--overdue{color:#dc2626}.fin-reminder-row-contact{color:#94a3b8;color:var(--fin-text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:12px;margin-top:3px}.fin-reminder-row-contact span{align-items:center;display:flex;gap:4px}.fin-reminder-count{align-items:center;background:#f1f5f9d9;background:var(--fin-table-header-bg);border-top:1px solid #6366f121;border-top:1px solid var(--fin-card-border);color:#94a3b8;color:var(--fin-text-muted);display:flex;flex-shrink:0;font-size:11.5px;gap:6px;padding:8px 16px}.fin-reminder-count strong{color:#0f172a;color:var(--fin-text-primary)}.fin-reminder-empty{color:#94a3b8;color:var(--fin-text-muted);font-size:13px;padding:36px 24px;text-align:center}.fin-reminder-mobile-tabs{display:none}.fin-reminder-compose{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.fin-reminder-delivery-bar{border-bottom:1px solid #6366f121;border-bottom:1px solid var(--fin-card-border);flex-shrink:0;padding:14px 22px}.fin-reminder-delivery-bar .fin-label{margin-bottom:10px}.fin-delivery-btns{display:flex;gap:8px}.fin-delivery-btn{align-items:center;background:#0000;border:2px solid #6366f121;border:2px solid var(--fin-card-border);border-radius:10px;color:#475569;color:var(--fin-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:8px 18px;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.fin-delivery-btn--active,.fin-delivery-btn:hover{background:#6366f11f;background:var(--fin-icon-bg);border-color:#6366f1;border-color:var(--fin-input-focus);color:#6366f1;color:var(--fin-icon-color)}.fin-delivery-btn--active{box-shadow:0 0 0 3px #6366f11a}.fin-delivery-btn-check{font-size:10px;opacity:.8}.fin-reminder-compose-body{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:18px 22px}.fin-compose-section{background:#ffffffeb;background:var(--fin-popup-bg);border:1.5px solid #6366f121;border:1.5px solid var(--fin-card-border);border-radius:14px;overflow:hidden;transition:border-color .15s}.fin-compose-section:focus-within{border-color:#6366f1;border-color:var(--fin-input-focus)}.fin-compose-section-head{align-items:center;background:#f1f5f9d9;background:var(--fin-table-header-bg);border-bottom:1px solid #6366f121;border-bottom:1px solid var(--fin-card-border);display:flex;justify-content:space-between;padding:11px 16px}.fin-compose-section-title{align-items:center;color:#475569;color:var(--fin-text-secondary);display:flex;font-size:11px;font-weight:700;gap:7px;letter-spacing:.07em;text-transform:uppercase}.fin-compose-section-body{display:flex;flex-direction:column;gap:12px;padding:14px 16px}.fin-tab-group{border:1.5px solid #6366f121;border:1.5px solid var(--fin-card-border);border-radius:8px;display:inline-flex;overflow:hidden}.fin-tab-btn{background:#0000;border:none;color:#475569;color:var(--fin-text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:5px 14px;transition:background .12s,color .12s}.fin-tab-btn--active{background:#6366f1;background:var(--fin-input-focus);color:#fff}[data-theme=dark] .fin-tab-btn--active{background:#6366f1;background:var(--fin-icon-color)}.fin-placeholder-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.fin-placeholder-bar-label{color:#94a3b8;color:var(--fin-text-muted);font-size:11px;font-weight:600}.fin-placeholder-pill{background:#f1f5f9d9;background:var(--fin-table-header-bg);border:1px solid #6366f12e;border:1px solid var(--fin-input-border);border-radius:5px;color:#475569;color:var(--fin-text-secondary);cursor:pointer;font-family:monospace;font-size:11px;padding:2px 9px;transition:background .12s,border-color .12s,color .12s}.fin-placeholder-pill:hover{background:#6366f11f;background:var(--fin-icon-bg);border-color:#6366f1;border-color:var(--fin-input-focus);color:#6366f1;color:var(--fin-icon-color)}.fin-template-cards{display:flex;flex-direction:column;gap:8px}.fin-template-card{align-items:flex-start;background:#f1f5f9d9;background:var(--fin-table-header-bg);border:1.5px solid #6366f121;border:1.5px solid var(--fin-card-border);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:11px 14px;transition:border-color .14s,background .14s,box-shadow .14s}.fin-template-card--selected,.fin-template-card:hover{background:#6366f11f;background:var(--fin-icon-bg);border-color:#6366f1;border-color:var(--fin-input-focus)}.fin-template-card--selected{box-shadow:0 0 0 3px #6366f11a}.fin-template-card input[type=radio]{accent-color:#6366f1;accent-color:var(--fin-input-focus);flex-shrink:0;margin-top:2px}.fin-template-card-name{color:#0f172a;color:var(--fin-text-primary);font-size:13px;font-weight:600}.fin-template-card-sub{color:#94a3b8;color:var(--fin-text-muted);font-size:11px;margin-top:2px}.fin-template-no-results{color:#94a3b8;color:var(--fin-text-muted);font-size:12.5px}.fin-template-no-results a{background:none;border:none;color:#6366f1;color:var(--fin-input-focus);cursor:pointer;font-size:inherit;text-decoration:underline}.fin-input{background:#fffc;background:var(--fin-input-bg);border:1.5px solid #6366f12e;border:1.5px solid var(--fin-input-border);border-radius:9px;box-sizing:border-box;color:#0f172a;color:var(--fin-text-primary);font-family:inherit;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.fin-input:focus{border-color:#6366f1;border-color:var(--fin-input-focus);box-shadow:0 0 0 3px #6366f11f}.fin-input::placeholder{color:#94a3b8;color:var(--fin-text-muted)}.fin-textarea{min-height:80px;resize:vertical}.fin-label{color:#475569;color:var(--fin-text-secondary);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.fin-year-popup{max-width:96vw;width:660px}.fin-year-table-wrap{border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:10px;overflow-x:auto}.fin-year-table{border-collapse:collapse;font-size:13px;width:100%}.fin-year-table th{background:#f1f5f9d9;background:var(--fin-table-header-bg);border-bottom:1px solid #6366f121;border-bottom:1px solid var(--fin-card-border);color:#334155;color:var(--fin-table-header-text);font-size:11px;font-weight:700;letter-spacing:.06em;padding:9px 14px;text-align:left;text-transform:uppercase}.fin-year-table td{border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);color:#0f172a;color:var(--fin-text-primary);padding:10px 14px;vertical-align:middle}.fin-year-table tr:last-child td{border-bottom:none}.fin-year-table tbody tr{transition:background .12s}.fin-year-table tbody tr:hover td{background:#6366f10f;background:var(--fin-row-hover)}.fin-year-default-star{color:#f59e0b;font-weight:700}.fin-year-empty{color:#94a3b8;color:var(--fin-text-muted);font-size:13px;line-height:1.6;padding:36px 24px;text-align:center}.fin-year-form{display:flex;flex-direction:column;gap:14px}.fin-year-form-row{display:flex;gap:12px}.fin-year-form-row .fin-field{flex:1 1}.fin-year-checkbox-row{display:flex;flex-wrap:wrap;gap:22px}.fin-year-checkbox-label{align-items:center;color:#475569;color:var(--fin-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:7px;-webkit-user-select:none;user-select:none}.fin-year-checkbox-label input{accent-color:#6366f1;accent-color:var(--fin-input-focus)}.fin-year-add-bar{display:flex;justify-content:flex-end;margin-bottom:14px}.fin-year-row-actions{display:flex;gap:6px}.fin-year-cell-name{color:#0f172a;color:var(--fin-text-primary);font-weight:600}.fin-year-cell-date{color:#475569;color:var(--fin-text-secondary);font-size:12px}.fin-analytics-panel{animation:fin-slide-up .22s cubic-bezier(.22,1,.36,1);background:#ffffffc7;background:var(--fin-card-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:14px;margin-bottom:14px;padding:16px 20px}.fin-analytics-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.fin-analytics-title{align-items:center;color:#0f172a;color:var(--fin-text-primary);display:flex;font-size:13.5px;font-weight:700;gap:8px}.fin-quarter-cards{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.fin-quarter-card{background:#f1f5f9d9;background:var(--fin-table-header-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:10px;flex:1 1 150px;padding:11px 14px;transition:box-shadow .14s,transform .14s}.fin-quarter-card:hover{box-shadow:0 4px 16px #6366f124,0 12px 32px #6366f11f;box-shadow:var(--fin-card-hover-shadow);transform:translateY(-1px)}.fin-quarter-card-label{color:#7c3aed;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:5px}.fin-quarter-card-collected{color:#059669;font-size:14px;font-weight:700}.fin-quarter-card-sub{color:#94a3b8;color:var(--fin-text-muted);font-size:11px}.fin-quarter-card-outstanding{color:#dc2626;font-size:11px;font-weight:600;margin-top:3px}.fin-quarter-card-count{color:#94a3b8;color:var(--fin-text-muted);font-size:10px;margin-top:2px}.fin-monthly-table-wrap{border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:8px;overflow-x:auto}.fin-monthly-table{border-collapse:collapse;font-size:12px;width:100%}.fin-monthly-table th{background:#f1f5f9d9;background:var(--fin-table-header-bg);border-bottom:1px solid #6366f121;border-bottom:1px solid var(--fin-card-border);color:#334155;color:var(--fin-table-header-text);font-size:11px;font-weight:700;letter-spacing:.06em;padding:7px 12px;text-align:left;text-transform:uppercase}.fin-monthly-table th:not(:first-child){text-align:right}.fin-monthly-table td{border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);padding:7px 12px}.fin-monthly-table td:not(:first-child){text-align:right}.fin-monthly-table tr:last-child td{border-bottom:none}.fin-monthly-table tbody tr:hover td{background:#6366f10f;background:var(--fin-row-hover)}.fin-monthly-table .fin-col-month{color:#0f172a;color:var(--fin-text-primary);font-weight:600}.fin-monthly-table .fin-col-collected{color:#059669;font-weight:600}.fin-monthly-table .fin-col-outstanding--pos{color:#dc2626;font-weight:600}.fin-monthly-table .fin-col-outstanding--zero{color:#94a3b8;color:var(--fin-text-muted)}.fin-monthly-table .fin-col-count{color:#475569;color:var(--fin-text-secondary)}[data-theme=dark] .fin-quarter-card-label{color:#a78bfa}[data-theme=dark] .fin-template-card--selected{background:#6366f124}.fin-analytics-head--clickable{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:2px 4px;transition:background .15s;-webkit-user-select:none;user-select:none}.fin-analytics-head--clickable:hover{background:#7c3aed0d}.fin-analytics-toggle{background:#7c3aed12;border:1px solid #7c3aed40;border-radius:6px;color:#7c3aed;font-size:11.5px;font-weight:600;padding:3px 10px;transition:background .15s;white-space:nowrap}.fin-analytics-head--clickable:hover .fin-analytics-toggle{background:#7c3aed24}.fin-period-bar{align-items:center;background:#ffffffc7;background:var(--fin-card-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:10px 16px}.fin-period-bar-icon{color:#7c3aed;flex-shrink:0;font-size:14px;opacity:.8}.fin-period-chips{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.fin-period-chip{background:#0000;border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:20px;color:#475569;color:var(--fin-text-secondary);cursor:pointer;font-size:12.5px;font-weight:500;padding:5px 14px;transition:all .18s;white-space:nowrap}.fin-period-chip:hover{background:#7c3aed0f;border-color:#7c3aed;color:#7c3aed}.fin-period-chip.active{background:#7c3aed;border-color:#7c3aed;color:#fff;font-weight:600}.fin-period-custom{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.fin-period-custom-sep{color:#94a3b8;color:var(--fin-text-muted);font-size:14px}.fin-stat-period{position:relative}.fin-stat-growth{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;gap:3px;margin-top:3px;padding:2px 7px;white-space:nowrap}.fin-stat-growth.up{background:#0596691f;color:#059669}.fin-stat-growth.down{background:#dc26261f;color:#dc2626}.fin-stat-divider{align-self:stretch}.fin-quarter-growth{align-items:center;border-radius:10px;display:inline-flex;font-size:10.5px;font-weight:700;gap:3px;margin:3px 0 2px;padding:2px 7px}.fin-quarter-growth.up{background:#0596691f;color:#059669}.fin-quarter-growth.down{background:#dc26261f;color:#dc2626}.fin-monthly-table td,.fin-monthly-table th{text-align:left!important}.fin-monthly-table .fin-col-collected,.fin-monthly-table .fin-col-count,.fin-monthly-table .fin-col-outstanding--pos,.fin-monthly-table .fin-col-outstanding--zero{text-align:right!important}.fin-mom-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;gap:3px;padding:2px 8px;white-space:nowrap}.fin-mom-badge.up{background:#0596691f;color:#059669}.fin-mom-badge.down{background:#dc26261f;color:#dc2626}.fin-coll-rate-wrap{align-items:center;display:flex;gap:6px;min-width:90px}.fin-coll-rate-bar{background:#6366f121;background:var(--fin-card-border);border-radius:4px;flex:1 1;height:6px;overflow:hidden}.fin-coll-rate-fill{border-radius:4px;height:100%;transition:width .4s ease}.fin-coll-rate-label{color:#475569;color:var(--fin-text-secondary);font-size:11px;font-weight:700;min-width:30px}[data-theme=dark] .fin-period-chip:hover{background:#7c3aed26}[data-theme=dark] .fin-mom-badge.up,[data-theme=dark] .fin-quarter-growth.up,[data-theme=dark] .fin-stat-growth.up{background:#05966933}[data-theme=dark] .fin-mom-badge.down,[data-theme=dark] .fin-quarter-growth.down,[data-theme=dark] .fin-stat-growth.down{background:#dc262633}[data-theme=dark] .fin-reminder-row--selected{background:#6366f11a}.fin-combined-bar{align-items:center;backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:var(--fin-glass-blur);-webkit-backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:var(--fin-glass-blur);background:#ffffffd1;background:var(--fin-header-bg);border-bottom:1px solid #6366f11f;border-bottom:1px solid var(--fin-header-border);display:flex;flex-shrink:0;gap:8px;min-height:46px;overflow-x:auto;padding:8px 16px}.fin-combined-bar::-webkit-scrollbar{height:3px}.fin-combined-bar::-webkit-scrollbar-thumb{background:#6366f121;background:var(--fin-card-border);border-radius:3px}.fin-bar-sep{background:#6366f121;background:var(--fin-card-border);flex-shrink:0;height:22px;margin:0 4px;width:1px}.fin-filters--compact{display:flex;flex-shrink:0;gap:4px}.fin-filters--compact .fin-filter-chip{border-radius:16px;font-size:11.5px;padding:4px 10px}.fin-stats-row{flex-shrink:0;flex-wrap:nowrap;overflow-x:auto;padding:8px 16px}.fin-stats-row::-webkit-scrollbar{height:3px}.fin-stats-row::-webkit-scrollbar-thumb{background:#6366f121;background:var(--fin-card-border);border-radius:3px}.fin-stat{flex-shrink:0;min-width:60px;padding:6px 12px}.fin-stat-num{font-size:16px}.fin-stat-label{font-size:9.5px}.fin-stat-period{background:#7c3aed0a;border-left:3px solid #7c3aed}.fin-stat-period .fin-stat-num{color:#0f172a;color:var(--fin-text-primary)}.fin-stat-divider{align-self:center;background:#6366f121;background:var(--fin-card-border);border-radius:2px;flex-shrink:0;margin:0 4px;min-height:40px;width:1px}.fin-analytics-panel--inline{border-radius:12px;border-top:none;flex-shrink:0;margin:0 0 14px}.fin-analytics-panel--inline .fin-analytics-head{margin-bottom:0}.fin-analytics-panel--inline .fin-analytics-head--clickable{padding:4px 6px}.fin-warning-box--error{background:#dc262612;border-color:#dc262659;color:#7f1d1d}.fin-warning-box--error svg{color:#dc2626}[data-theme=dark] .fin-warning-box--error{color:#fca5a5}.fin-locked-field{background:#f1f5f9d9;background:var(--fin-table-header-bg);border:1px solid #6366f121;border:1px solid var(--fin-card-border);border-radius:9px;cursor:not-allowed;display:flex;flex-direction:column;gap:2px;opacity:.85;padding:9px 12px}.fin-locked-field-value{color:#0f172a;color:var(--fin-text-primary);font-size:13.5px;font-weight:600}.fin-locked-field-hint{color:#94a3b8;color:var(--fin-text-muted);font-size:10.5px;font-style:italic}.fin-btn-pay{background:linear-gradient(135deg,#059669,#10b981)!important;border-color:#059669!important;box-shadow:0 2px 8px #10b9814d}.fin-btn-pay:hover{background:linear-gradient(135deg,#047857,#059669)!important;box-shadow:0 4px 16px #10b98166;transform:translateY(-1px)}.inv-side-panel{animation:inv-panel-in .25s cubic-bezier(.22,1,.36,1);background:#ffffffeb;background:var(--fin-popup-bg);border:1.5px solid #6366f121;border:1.5px solid var(--fin-card-border);border-radius:16px;bottom:20px;box-shadow:0 12px 48px #0000003d,0 2px 12px #0000001f;display:flex;flex-direction:column;max-height:calc(100vh - 80px);overflow:hidden;position:fixed;right:20px;width:460px;z-index:1200}@keyframes inv-panel-in{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.inv-side-panel-header{align-items:flex-start;background:linear-gradient(135deg,#1e3a5f,#2563eb);display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:14px 16px 12px}.inv-side-panel-id{color:#fff;font-family:monospace;font-size:16px;font-weight:800;letter-spacing:.04em}.inv-side-panel-btn{align-items:center;background:#ffffff26;border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .12s;width:28px}.inv-side-panel-btn:hover{background:#ffffff4d}.inv-side-panel-body{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:14px 16px 16px}.inv-sp-section-title{color:#6366f1;font-size:10.5px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.inv-sp-info-grid{display:flex;flex-direction:column;gap:0}.inv-sp-row{align-items:baseline;border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);display:flex;gap:10px;padding:6px 0}.inv-sp-row:last-child{border-bottom:none}.inv-sp-row>span:first-child{color:#6b7280;flex-shrink:0;font-size:11px;min-width:82px}.inv-sp-row>strong{color:#0f172a;color:var(--fin-text-primary);font-size:12.5px;font-weight:600;word-break:break-word}.inv-sp-items{display:flex;flex-direction:column;gap:2px}.inv-sp-item-row{align-items:center;background:#6366f10f;background:var(--fin-row-hover);border-radius:7px;display:flex;font-size:12px;justify-content:space-between;padding:5px 8px}.inv-sp-item-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-sp-item-amt,.inv-sp-item-name{color:#0f172a;color:var(--fin-text-primary)}.inv-sp-item-amt{flex-shrink:0;font-weight:700;margin-left:8px}.inv-sp-amounts{background:#f0f4ff;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.inv-sp-amt-row{align-items:center;color:#0f172a;color:var(--fin-text-primary);display:flex;font-size:12.5px;justify-content:space-between;padding:2px 0}.inv-sp-amt-row--total{font-size:13px}.inv-sp-amt-row--outstanding,.inv-sp-amt-row--total{border-top:1px solid #c7d7f5;font-weight:700;margin-top:4px;padding-top:6px}.inv-sp-amt-row--outstanding{font-size:13.5px}.inv-sp-receipts{display:flex;flex-direction:column;gap:4px}.inv-sp-receipt-row{align-items:center;background:#6366f10f;background:var(--fin-row-hover);border-radius:8px;display:flex;gap:10px;padding:7px 8px}[data-theme=dark] .inv-sp-amounts{background:#6366f11a}[data-theme=dark] .inv-side-panel{border-color:#6366f14d}.inv-side-panel-inv-row{border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);border-radius:8px;cursor:pointer;padding:9px 8px;transition:background .1s}.inv-side-panel-inv-row:last-child{border-bottom:none}.inv-side-panel-inv-row:hover{background:#f0f4ff}[data-theme=dark] .inv-side-panel-inv-row:hover{background:#6366f11a}@media (max-width:480px){.inv-side-panel{border-radius:14px 14px 0 0;bottom:10px;left:8px;right:8px;width:auto}}.fin-overlay--quick{align-items:flex-start;display:flex;justify-content:center;padding-top:80px;z-index:1200}.fin-quick-pay-panel{animation:fin-slide-up .22s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);background:#ffffffb8;background:var(--fin-glass-bg);border:1px solid #fff9;border:1px solid var(--fin-glass-border);border-radius:20px;box-shadow:0 0 0 1px #6366f126,0 8px 32px #6366f12e,0 32px 80px #00000038;max-width:560px;overflow:hidden;width:100%}.fin-quick-pay-head{align-items:center;background:linear-gradient(135deg,#10b9811a,#6366f114);border-bottom:1px solid #10b98126;display:flex;gap:14px;padding:18px 20px 16px}.fin-quick-pay-head-icon{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:12px;box-shadow:0 4px 12px #10b98159;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.fin-quick-pay-title{color:#0f172a;color:var(--fin-text-primary);font-size:15.5px;font-weight:700;line-height:1.2}.fin-quick-pay-sub{font-size:11.5px;margin-top:2px}.fin-quick-pay-close,.fin-quick-pay-sub{color:#94a3b8;color:var(--fin-text-muted)}.fin-quick-pay-close{background:none;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;font-size:15px;margin-left:auto;padding:6px;transition:background .15s,color .15s}.fin-quick-pay-close:hover{background:#0000000f;color:#0f172a;color:var(--fin-text-primary)}[data-theme=dark] .fin-quick-pay-close:hover{background:#ffffff14}.fin-quick-pay-search{align-items:center;background:#ffffff59;border-bottom:1px solid #6366f11f;border-bottom:1px solid var(--fin-header-border);display:flex;gap:10px;padding:14px 18px}[data-theme=dark] .fin-quick-pay-search{background:#0f172a59}.fin-quick-pay-search-icon{color:#94a3b8;color:var(--fin-text-muted);flex-shrink:0;font-size:14px}.fin-quick-pay-input{background:none;border:none;color:#0f172a;color:var(--fin-text-primary);flex:1 1;font-family:inherit;font-size:14px;outline:none}.fin-quick-pay-clear,.fin-quick-pay-input::placeholder{color:#94a3b8;color:var(--fin-text-muted)}.fin-quick-pay-clear{background:none;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:12px;padding:4px;transition:background .15s}.fin-quick-pay-clear:hover{background:#0000000f}.fin-quick-pay-results{max-height:380px;overflow-y:auto}.fin-quick-pay-hint{align-items:center;color:#94a3b8;color:var(--fin-text-muted);display:flex;flex-direction:column;font-size:13px;padding:40px 20px;text-align:center}.fin-quick-pay-row{align-items:center;border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);display:flex;gap:12px;padding:13px 18px;transition:background .14s}.fin-quick-pay-row:last-child{border-bottom:none}.fin-quick-pay-row:hover{background:#10b9810f}[data-theme=dark] .fin-quick-pay-row:hover{background:#10b98114}.fin-quick-pay-row-info{flex:1 1;min-width:0}.fin-quick-pay-row-name{align-items:center;color:#0f172a;color:var(--fin-text-primary);display:flex;flex-wrap:wrap;font-size:13.5px;font-weight:600;gap:8px}.fin-quick-pay-row-phone{font-weight:400}.fin-quick-pay-row-meta,.fin-quick-pay-row-phone{color:#94a3b8;color:var(--fin-text-muted);font-size:11.5px}.fin-quick-pay-row-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.fin-quick-pay-row-id{color:#6366f1;font-size:11.5px;font-weight:600}.fin-quick-pay-row-amount{flex-shrink:0;text-align:right}.fin-quick-pay-row-outstanding{color:#dc2626;font-size:14px;font-weight:700}.fin-quick-pay-row-label{color:#94a3b8;color:var(--fin-text-muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.fin-quick-pay-row-btn{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:9px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12.5px;font-weight:600;gap:6px;padding:7px 14px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.fin-quick-pay-row-btn:hover{box-shadow:0 4px 14px #10b98166;transform:translateY(-1px)}@media (max-width:900px){.fin-page-header{padding:14px 18px 12px}.fin-stats-row{flex-wrap:wrap;gap:8px;padding:10px 18px}.fin-stat{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:90px}.fin-toolbar{gap:8px}.fin-search-section,.fin-toolbar{flex-wrap:wrap;padding:8px 18px}.fin-search-box{flex:1 1;max-width:none!important;min-width:160px}.fin-cards-area,.fin-table-wrapper{padding:14px 18px}.fin-invoice-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.fin-popup-body{padding:16px 20px}.fin-popup-footer{padding:12px 20px}.fin-popup-hero{padding:16px 20px 14px}.fin-invoice-gen-form{min-width:380px;padding:18px 22px;width:460px}.fin-invoice-gen-preview{padding:18px 20px}.fin-reminder-list{min-width:280px;width:360px}}@media (max-width:640px){.fin-page-header{gap:10px;padding:12px 16px 10px}.fin-page-icon{border-radius:10px;font-size:17px;height:38px;width:38px}.fin-page-title{font-size:16px}.fin-page-subtitle{font-size:11.5px}.fin-stats-row{flex-wrap:wrap;gap:7px;overflow-x:visible;padding:8px 14px}.fin-stat{align-items:flex-start;flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:0;padding:8px 12px}.fin-stat-num{font-size:18px}.fin-stat-label{font-size:10px}.fin-search-section,.fin-toolbar{gap:7px;padding:8px 14px}.fin-search-box{flex:1 1;max-width:none!important}.fin-filters{gap:6px}.fin-filters select{font-size:12px;padding:6px 8px}.fin-filter-chip{font-size:11.5px;padding:4px 10px}.fin-result-count{display:none}.fin-cards-area,.fin-table-wrapper{padding:12px 14px}.fin-invoice-grid{gap:10px;grid-template-columns:1fr}.fin-invoice-card{gap:10px;padding:14px}.fin-invoice-card-actions{flex-wrap:wrap}.fin-invoice-card-actions .fin-btn-sm{flex:1 1;justify-content:center;min-width:80px}.fin-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.fin-data-table{min-width:620px}.fin-btn-ghost,.fin-btn-primary,.fin-btn-secondary{min-height:44px}.fin-btn-sm{min-height:38px}.fin-icon-btn{padding:9px}.fin-view-toggle{display:none!important}.fin-combined-bar{flex-wrap:wrap!important;gap:6px!important;min-height:0!important;min-height:auto!important;overflow-x:visible!important;padding:8px 14px!important;row-gap:8px!important}.fin-filters--compact,.fin-period-chips{flex-wrap:wrap!important;gap:4px!important}.fin-combined-bar .fin-bar-sep,.fin-combined-bar .fin-period-bar-icon{display:none!important}.fin-filter-chip,.fin-period-chip{font-size:11px!important;padding:3px 9px!important}.fin-overlay{align-items:flex-end;padding:0}.fin-popup,.fin-popup-lg,.fuovs-modal{animation:fin-sheet-up .3s cubic-bezier(.22,1,.36,1)!important;border-radius:22px 22px 0 0!important;max-height:92dvh!important;max-height:92vh!important;max-width:100%!important;width:100%!important}.fin-popup-lg:before,.fin-popup:before,.fuovs-modal:before{background:#0000002e;border-radius:2px;content:"";display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}[data-theme=dark] .fin-popup-lg:before,[data-theme=dark] .fin-popup:before,[data-theme=dark] .fuovs-modal:before{background:#fff3}.fin-popup-hero{border-radius:0!important}.fin-popup-body{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:14px 16px}.fin-popup-footer{flex-wrap:wrap;gap:8px;padding:10px 16px max(16px,env(safe-area-inset-bottom))}.fin-popup-footer .fin-btn-ghost,.fin-popup-footer .fin-btn-primary,.fin-popup-footer .fin-btn-secondary{flex:1 1;justify-content:center}.fin-popup-grid{gap:10px}.fin-gst-mode-toggle,.fin-popup-grid{grid-template-columns:1fr}.fin-popup-xl{animation:fin-sheet-up .32s cubic-bezier(.22,1,.36,1)!important;border-radius:22px 22px 0 0!important;height:96dvh!important;height:96vh!important;max-height:96dvh!important;max-height:96vh!important;max-width:100%!important;width:100%!important}.fin-popup-xl:before{background:#fff6;border-radius:2px;content:"";display:block;flex-shrink:0;height:4px;margin:10px auto 0;position:relative;width:40px;z-index:2}.fin-popup-xl .fin-popup-hero{border-radius:0!important}.fin-invoice-gen-body{flex-direction:column;overflow-x:hidden;overflow-y:auto}.fin-invoice-gen-form{border-bottom:1px solid #6366f114;border-bottom:1px solid var(--fin-table-border);border-right:none!important;min-width:0!important;overflow-x:hidden;padding:16px;width:100%!important}.fin-invoice-gen-form,.fin-invoice-gen-preview{flex-shrink:0;overflow-y:visible;overflow-y:initial}.fin-invoice-gen-preview{padding:14px 16px}.fin-reminder-mobile-tabs{background:#f1f5f9d9;background:var(--fin-table-header-bg);border-bottom:1px solid #6366f121;border-bottom:1px solid var(--fin-card-border);display:flex;flex-shrink:0}.fin-reminder-mtab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8;color:var(--fin-text-muted);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-height:46px;padding:12px 16px;transition:color .15s,border-color .15s}.fin-reminder-mtab.active{border-bottom-color:#6366f1;border-bottom-color:var(--fin-icon-color);color:#6366f1;color:var(--fin-icon-color)}.fin-reminder-mtab-badge{background:#6366f1;background:var(--fin-icon-color);border-radius:20px;color:#fff;font-size:10.5px;font-weight:700;line-height:1.4;padding:1px 7px}.fin-mobile-hidden{display:none!important}.fin-reminder-layout{flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.fin-reminder-list{border-bottom:none;border-right:none!important;display:flex;flex-shrink:0;flex:1 1;flex-direction:column;min-height:0;min-width:0!important;overflow:hidden;width:100%!important}.fin-reminder-rows{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto}.fin-reminder-compose{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.fin-reminder-compose-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto}.fin-reminder-search-input{font-size:16px}.fuovs-modal{max-height:88dvh!important;max-height:88vh!important}.fin-popup-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.fin-plan-card-header{padding:12px 14px}.fin-plan-name{font-size:13.5px}.fin-plan-total{font-size:14px}.fin-receipt-amount{font-size:20px}.fin-info-row{flex-wrap:wrap;gap:4px}.fin-field input,.fin-field select,.fin-field textarea,.fin-filters select,.fin-search-box input{font-size:16px!important}.fin-period-bar{align-items:stretch;gap:8px;padding:8px 12px}.fin-desktop-only{display:none!important}.fin-mobile-only{display:flex!important;flex:1 1;position:relative}.fin-mobile-only>.fin-qa-icon-btn{border-radius:8px!important;font-size:13px!important;font-weight:600!important;height:38px!important;justify-content:space-between!important;padding:0 12px!important;width:100%!important}.fin-mobile-only>.fin-qa-icon-btn>span:not(.fin-qa-tooltip){display:inline!important;font-size:13px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-receipt-card{padding:14px 14px 12px}.fin-popup-sm{max-width:100%!important;text-align:left!important;width:100%!important}.fin-popup-sm .fin-prompt-actions{flex-direction:column-reverse}.fin-popup-sm .fin-prompt-actions button{justify-content:center;min-height:46px;width:100%}}.fin-desktop-only{display:flex}.fin-mobile-only{display:none}.fin-actions-dropdown{background:#ffffffc7;background:var(--fin-card-bg,#fff);border:1px solid #6366f121;border:1px solid var(--fin-card-border,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #0f172a0f;display:flex;flex-direction:column;gap:2px;min-width:180px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:999}[data-theme=dark] .fin-actions-dropdown{background:#1e293b;border-color:#ffffff14;box-shadow:0 8px 24px #0006}.fin-actions-dropdown-item{align-items:center;background:#0000;border:none;border-radius:7px;color:#0f172a;color:var(--adb-text,#0f172a);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:9px 12px;text-align:left;transition:background .12s;width:100%}.fin-actions-dropdown-item:hover{background:#f1f5f9;background:var(--adb-bg-hover,#f1f5f9)}[data-theme=dark] .fin-actions-dropdown-item{color:#e2e8f0}[data-theme=dark] .fin-actions-dropdown-item:hover{background:#ffffff0f}.fin-actions-dropdown-icon{align-items:center;background:color-mix(in srgb,#6366f1 12%,#0000);background:color-mix(in srgb,var(--qa-ic,#6366f1) 12%,#0000);border-radius:6px;color:#6366f1;color:var(--qa-ic,#6366f1);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.fin-actions-dropdown-divider{background:#6366f121;background:var(--fin-card-border,#e2e8f0);height:1px;margin:4px 0}[data-theme=dark] .fin-actions-dropdown-divider{background:#ffffff14}.fin-actions-dropdown-item--refresh{color:#475569;color:var(--adb-text-2,#475569)}.fin-qa-icon-btn.active{background:color-mix(in srgb,#6366f1 14%,#0000)!important;background:color-mix(in srgb,var(--qa-ic,#6366f1) 14%,#0000)!important;border-color:color-mix(in srgb,#6366f1 50%,#0000)!important;border-color:color-mix(in srgb,var(--qa-ic,#6366f1) 50%,#0000)!important}.fin-actions-dropdown--right{left:auto;right:0}.fin-actions-dropdown-item--active{background:color-mix(in srgb,#6366f1 8%,#0000);color:#6366f1;font-weight:600}@keyframes fin-sheet-up{0%{opacity:1;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.fin-page--invoices{background:#fff;min-height:100vh}[data-theme=dark] .fin-page--invoices{background:#0c0e16}.fin-page--invoices .fin-page-header{background:#fff;border-bottom:1px solid #00000012;box-shadow:0 1px 8px #0000000d}[data-theme=dark] .fin-page--invoices .fin-page-header{background:#131527;border-bottom-color:#ffffff12;box-shadow:0 1px 8px #0000004d}.fin-page--invoices .fin-stats-row{background:#fff;border-bottom:1px solid #0000000f;display:flex;flex-wrap:nowrap;gap:8px;padding:8px 16px}[data-theme=dark] .fin-page--invoices .fin-stats-row{background:#131527;border-bottom-color:#ffffff0f}.fin-page--invoices .fin-stat{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#6366f112;border:1.5px solid #6366f133;border-radius:10px;box-shadow:none;color:#4338ca;cursor:default;display:flex;flex:1 1;flex-direction:row;gap:8px;min-width:0;padding:6px 12px;transition:filter .15s,transform .15s,box-shadow .15s}.fin-page--invoices .fin-stat:hover{box-shadow:0 4px 12px #00000014;filter:brightness(.96);transform:translateY(-1px)}.fin-page--invoices .fin-stat-icon{font-size:17px!important;opacity:.85}.fin-page--invoices .fin-stat-body{display:contents}.fin-page--invoices .fin-stat-icon{flex-shrink:0;font-size:15px!important;opacity:.8}.fin-page--invoices .fin-stat-label{flex:1 1;font-size:.72rem;font-weight:600;letter-spacing:0;opacity:.7;text-transform:none;white-space:nowrap}.fin-page--invoices .fin-stat-num{font-size:.8rem;font-weight:700;white-space:nowrap}.fin-page--invoices .fin-stat-green{background:#22c55e14;border-color:#22c55e38;color:#15803d}.fin-page--invoices .fin-stat-red{background:#ef444414;border-color:#ef444438;color:#b91c1c}.fin-page--invoices .fin-stat-blue{background:#3b82f614;border-color:#3b82f638;color:#1d4ed8}.fin-page--invoices .fin-stat-violet{background:#8b5cf614;border-color:#8b5cf638;color:#7c3aed}.fin-page--invoices .fin-stat-teal{background:#14b8a614;border-color:#14b8a638;color:#0d9488}.fin-page--invoices .fin-stat-amber{background:#f59e0b14;border-color:#f59e0b38;color:#b45309}[data-theme=dark] .fin-page--invoices .fin-stat{background:#6366f11a;border-color:#6366f140;color:#a5b4fc}[data-theme=dark] .fin-page--invoices .fin-stat-green{background:#22c55e1a;border-color:#22c55e40;color:#6ee7b7}[data-theme=dark] .fin-page--invoices .fin-stat-red{background:#ef44441a;border-color:#ef444440;color:#fca5a5}[data-theme=dark] .fin-page--invoices .fin-stat-blue{background:#3b82f61a;border-color:#3b82f640;color:#93c5fd}[data-theme=dark] .fin-page--invoices .fin-stat-violet{background:#8b5cf61a;border-color:#8b5cf640;color:#c4b5fd}[data-theme=dark] .fin-page--invoices .fin-stat-teal{background:#14b8a61a;border-color:#14b8a640;color:#5eead4}[data-theme=dark] .fin-page--invoices .fin-stat-amber{background:#f59e0b1a;border-color:#f59e0b40;color:#fcd34d}.fin-page--invoices .fin-search-section{background:#fff;border-bottom:1px solid #0000000f;box-shadow:0 1px 8px #0000000a}[data-theme=dark] .fin-page--invoices .fin-search-section{background:#131527;border-bottom-color:#ffffff0f}.fin-page--invoices .fin-search-box{background:#fff;border:1.5px solid #0000001a;border-radius:10px;transition:border-color .2s,box-shadow .2s}.fin-page--invoices .fin-search-box:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}[data-theme=dark] .fin-page--invoices .fin-search-box{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .fin-page--invoices .fin-search-box:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.fin-page--invoices .fin-btn-primary{background:linear-gradient(135deg,#4361ee,#3a0ca3);border:none;border-radius:8px;box-shadow:0 1px 6px #4361ee40;color:#fff;cursor:pointer;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:all .15s;white-space:nowrap}.fin-page--invoices .fin-btn-primary:hover{background:linear-gradient(135deg,#3451d1,#2d088c);box-shadow:0 3px 10px #4361ee59;transform:translateY(-1px)}.fin-page--invoices .fin-btn-ghost{background:#fff;border:1.5px solid #6366f147;border-radius:8px;color:#4361ee;cursor:pointer;font-size:12px;font-weight:600;gap:5px;padding:5px 11px;transition:all .15s;white-space:nowrap}.fin-page--invoices .fin-btn-ghost:hover{background:#6366f10f;border-color:#6366f1;transform:translateY(-1px)}[data-theme=dark] .fin-page--invoices .fin-btn-ghost{background:#ffffff0d;border-color:#818cf840;color:#a5b4fc}[data-theme=dark] .fin-page--invoices .fin-btn-ghost:hover{background:#6366f11f}.fin-page--invoices .fin-combined-bar{background:#fff;border-bottom:1px solid #0000000f;box-shadow:0 1px 6px #00000008}[data-theme=dark] .fin-page--invoices .fin-combined-bar{background:#131527;border-bottom-color:#ffffff0f}.fin-page--invoices .fin-period-chip{background:#f1f5f9;border:1px solid #0000;border-radius:20px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:5px 14px;transition:all .15s;white-space:nowrap}.fin-page--invoices .fin-period-chip:hover{background:#e2e8f0;box-shadow:0 0 0 2px #6366f11a;color:#1e293b}.fin-page--invoices .fin-period-chip.active{background:linear-gradient(135deg,#4361ee,#7c3aed);border-color:#0000;box-shadow:0 2px 8px #6366f14d;color:#fff}[data-theme=dark] .fin-page--invoices .fin-period-chip{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .fin-page--invoices .fin-period-chip:hover{background:#ffffff1a;color:#e2e8f0}[data-theme=dark] .fin-page--invoices .fin-period-chip.active{background:linear-gradient(135deg,#4361ee,#7c3aed);color:#fff}.fin-page--invoices .fin-filter-chip{background:#f1f5f9;border:1px solid #0000;border-radius:20px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:5px 14px;transition:all .15s;white-space:nowrap}.fin-page--invoices .fin-filter-chip:hover{background:#e2e8f0;box-shadow:0 0 0 2px #6366f11a;color:#1e293b}.fin-page--invoices .fin-filter-chip.active{background:linear-gradient(135deg,#4361ee,#7c3aed);border-color:#0000;box-shadow:0 2px 8px #6366f14d;color:#fff}[data-theme=dark] .fin-page--invoices .fin-filter-chip{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .fin-page--invoices .fin-filter-chip:hover{background:#ffffff1a;color:#e2e8f0}[data-theme=dark] .fin-page--invoices .fin-filter-chip.active{background:linear-gradient(135deg,#4361ee,#7c3aed);color:#fff}.fin-page--invoices .fin-page-header:before{background:none!important;opacity:0!important}.fin-page--invoices .fin-view-toggle{background:#f1f5f9;border-radius:8px;padding:3px}.fin-page--invoices .fin-view-btn.active{background:linear-gradient(135deg,#4361ee,#7c3aed);border-radius:6px;box-shadow:0 2px 6px #6366f140;color:#fff}[data-theme=dark] .fin-page--invoices .fin-view-toggle{background:#ffffff0f}.fin-page--invoices .fin-invoice-card{background:#fff;border:1px solid #00000012;border-radius:14px;box-shadow:0 1px 4px #0000000d,0 4px 16px #6366f10a;transition:transform .22s,box-shadow .22s}.fin-page--invoices .fin-invoice-card:hover{box-shadow:0 6px 24px #6366f121,0 1px 4px #0000000f;transform:translateY(-2px)}.fin-page--invoices .fin-invoice-amounts{background:#fff;border-radius:8px;padding:10px 12px}.fin-page--invoices .fin-invoice-progress-fill{background:linear-gradient(90deg,#4361ee,#6366f173)}.fin-page--invoices .fin-invoice-card-actions{border-top:1px solid #0000000f}[data-theme=dark] .fin-page--invoices .fin-invoice-card{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 2px 12px #00000040}[data-theme=dark] .fin-page--invoices .fin-invoice-amounts{background:#ffffff0a}.fin-page--invoices .fin-data-table{background:#fff;border:1px solid #6366f10f;border-radius:14px;box-shadow:0 1px 4px #0000000d,0 4px 20px #6366f10f;overflow:hidden}.fin-page--invoices .fin-data-table thead tr{background:linear-gradient(90deg,#6366f10f,#6366f114)}.fin-page--invoices .fin-data-table th{border-bottom:none;color:#6366f1;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.fin-page--invoices .fin-table-row td{border-bottom:1px solid #0000000a}.fin-page--invoices .fin-table-row:hover td{background:#6366f10a}.fin-page--invoices .fin-table-row:nth-child(2n) td{background:#fff}.fin-page--invoices .fin-table-row:nth-child(2n):hover td{background:#6366f10a}[data-theme=dark] .fin-page--invoices .fin-data-table{background:#ffffff08;border-color:#ffffff0f;box-shadow:0 2px 16px #0000004d}[data-theme=dark] .fin-page--invoices .fin-data-table thead tr{background:#6366f11a}[data-theme=dark] .fin-page--invoices .fin-data-table th{color:#a5b4fc}[data-theme=dark] .fin-page--invoices .fin-table-row td{border-bottom-color:#ffffff0a}[data-theme=dark] .fin-page--invoices .fin-table-row:hover td{background:#6366f10f}[data-theme=dark] .fin-page--invoices .fin-table-row:nth-child(2n) td{background:#ffffff05}.fin-page--invoices .fin-cards-area{background:#fff}[data-theme=dark] .fin-page--invoices .fin-cards-area{background:#0c0e16}@media (max-width:640px){.fin-page--invoices .fin-page-header{padding:11px 12px!important}.fin-page--invoices .fin-page-header .fin-page-header-left{gap:8px!important;min-width:0!important}.fin-page--invoices .fin-page-header .fin-page-icon{flex-shrink:0;font-size:18px!important;height:36px!important;width:36px!important}.fin-page--invoices .fin-page-subtitle{display:none!important}.fin-page--invoices .fin-search-section{padding:8px 10px!important}.fin-page--invoices .fin-search-section select{flex-shrink:0;font-size:12px!important;max-width:120px!important;min-width:90px!important}.fin-page--invoices .fin-search-box{flex:1 1!important;min-width:0!important}.fin-page--invoices .fin-combined-bar{flex-wrap:wrap;gap:6px!important;padding:6px 10px!important}.fin-page--invoices .fin-combined-bar .fin-bar-sep,.fin-page--invoices .fin-combined-bar .fin-period-custom,.fin-page--invoices .fin-combined-bar .fin-result-count,.fin-page--invoices .fin-combined-bar .fin-view-toggle,.fin-page--invoices .fin-combined-bar>.material-symbols-rounded{display:none!important}.fin-page--invoices .fin-period-chips{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:2px;width:100%!important}.fin-page--invoices .fin-period-chips::-webkit-scrollbar{display:none}.fin-page--invoices .fin-combined-bar .fin-filters--compact{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:2px;width:100%}.fin-page--invoices .fin-combined-bar .fin-filters--compact::-webkit-scrollbar{display:none}.fin-page--invoices .fin-filter-chip,.fin-page--invoices .fin-period-chip{flex-shrink:0;font-size:11px!important;padding:4px 10px!important}.fin-page--invoices .fin-stats-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px!important;overflow-x:auto;padding:10px!important}.fin-page--invoices .fin-stats-row::-webkit-scrollbar{display:none}.fin-page--invoices .fin-stat{flex:0 0 auto!important;max-width:130px!important;min-width:110px!important}.fin-page--invoices .fin-stat-num{font-size:17px!important}.fin-page--invoices .fin-stat-label{font-size:9px!important}.fin-page--invoices .fin-analytics-panel--inline{display:none!important}.fin-page--invoices .inv-scroll-area{padding:12px 12px 16px}.fin-page--invoices .fin-invoice-grid{gap:10px!important;grid-template-columns:1fr!important}}.inv-btn-overdue{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 1px 6px #ef44444d!important}.inv-btn-overdue:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 3px 10px #ef444466!important}.inv-btn-badge{background:#0003;border-radius:10px;font-size:11px;font-weight:700;margin-left:2px;padding:1px 6px}.inv-hdr-btns{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px}.inv-mob-actions-wrap{display:none}@media (max-width:640px){.inv-hdr-btns{display:none!important}.inv-mob-actions-wrap{display:block;flex-shrink:0;position:relative}.inv-mob-actions-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-radius:11px!important;display:flex!important;font-size:13px!important;font-weight:600!important;gap:5px;padding:9px 13px!important;white-space:nowrap}.inv-mob-actions-btn.active{box-shadow:0 0 0 3px #6366f138!important}.inv-mob-chevron{font-size:15px!important;opacity:.75;transition:transform .18s}.inv-mob-actions-btn.active .inv-mob-chevron{transform:rotate(180deg)}.inv-mob-urgent{background:#0003;border-radius:10px;font-size:11px;font-weight:700;padding:1px 7px}.inv-mob-actions-menu{animation:inv-menu-in .18s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);background:#fffffffa;border:1px solid #00000014;border-radius:16px;box-shadow:0 4px 28px #00000024,0 1px 4px #0000000f;min-width:210px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:300}[data-theme=dark] .inv-mob-actions-menu{background:#12161ef5;border-color:#ffffff17;box-shadow:0 4px 28px #00000080}.inv-mob-action-item{align-items:center;background:#0000;border:none;color:#0f172a;cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;font-weight:500;gap:12px;padding:13px 16px;text-align:left;transition:background .12s;width:100%}[data-theme=dark] .inv-mob-action-item{color:#f1f5f9}.inv-mob-action-item:active{background:#6366f10f}.inv-mob-action-icon{align-items:center;border-radius:9px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.inv-mob-action-sep{background:#0000000f;height:1px;margin:0 14px}[data-theme=dark] .inv-mob-action-sep{background:#ffffff0f}.inv-mob-badge{border-radius:10px;font-size:11px;font-weight:700;margin-left:auto;padding:2px 8px}.inv-mob-badge--amber{background:#f59e0b;color:#fff}@keyframes inv-menu-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}}.fin-mob-filter-row{display:none}@media (max-width:640px){.fin-page--invoices .fin-page-header{overflow:visible!important;z-index:10}.fin-page--invoices .fin-page-header:before{border-radius:inherit}.fin-page--invoices .fin-combined-bar .fin-bar-sep,.fin-page--invoices .fin-combined-bar .fin-filters--compact,.fin-page--invoices .fin-combined-bar .fin-period-custom,.fin-page--invoices .fin-combined-bar>.material-symbols-rounded,.fin-page--invoices .fin-period-chips{display:none!important}.fin-mob-filter-row{display:flex;gap:8px;padding:8px 12px 9px;width:100%}.fin-mob-filter-select{-webkit-appearance:auto;appearance:auto;background:#fffffff5;border:1px solid #0000001a;border-radius:11px;box-shadow:0 1px 3px #0000000f;color:#0f172a;cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;min-width:0;outline:none;padding:9px 10px;transition:border-color .15s,box-shadow .15s}.fin-mob-filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.fin-mob-filter-select.fin-mob-filter-select--active{background:#eef2fff2;border-color:#6366f1;color:#4f46e5;font-weight:600}[data-theme=dark] .fin-mob-filter-select{background:#161922e6;border-color:#ffffff1a;color:#f1f5f9}}.fin-row-more{display:inline-flex;position:relative}.fin-icon-btn--active{background:#6366f10f;background:var(--fin-row-hover);color:#6366f1;color:var(--fin-icon-color)}.fin-row-more-menu{animation:fin-row-menu-in .15s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);background:#fffffffa;border:1px solid #00000014;border-radius:13px;box-shadow:0 4px 22px #00000021,0 1px 4px #0000000f;min-width:172px;overflow:hidden;position:fixed;z-index:200}[data-theme=dark] .fin-row-more-menu{background:#12161ef7;border-color:#ffffff17;box-shadow:0 4px 22px #00000073}.fin-row-more-item{align-items:center;background:#0000;border:none;color:#0f172a;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;padding:10px 15px;text-align:left;transition:background .12s;white-space:nowrap;width:100%}.fin-row-more-item:hover{background:#6366f10d}[data-theme=dark] .fin-row-more-item{color:#f1f5f9}[data-theme=dark] .fin-row-more-item:hover{background:#6366f11a}.fin-row-more-item--danger{color:#dc2626}.fin-row-more-item--danger:hover{background:#dc26260f!important}.fin-row-more-sep{background:#0000000f;height:1px;margin:2px 12px}[data-theme=dark] .fin-row-more-sep{background:#ffffff12}@keyframes fin-row-menu-in{0%{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fin-page--invoices .fin-cards-area{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.fin-page--invoices .fin-analytics-panel--inline{flex-shrink:0}.inv-scroll-area{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:16px}.inv-table-section{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0}.fin-table-wrap--fixed{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto;scroll-behavior:smooth}.fin-table-wrap--fixed .fin-data-table thead th{background:#f1f5f9d9;background:var(--fin-table-header-bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.fin-page--invoices .fin-table-wrap--fixed .fin-data-table thead th{background:#f8f9fc;box-shadow:0 1px 0 #00000012}[data-theme=dark] .fin-page--invoices .fin-table-wrap--fixed .fin-data-table thead th{background:#0c0f16fa;box-shadow:0 1px 0 #ffffff0f}.inv-pagination-footer{background:linear-gradient(135deg,#eef2ff,#f0fdf4 35%,#fdf4ff 65%,#eff6ff);background:var(--fin-bg);border-top:1px solid #6366f121;border-top:1px solid var(--fin-card-border);flex-shrink:0;padding:0 4px 10px}.fin-table-wrap--fixed::-webkit-scrollbar{height:6px;width:6px}.fin-table-wrap--fixed::-webkit-scrollbar-corner,.fin-table-wrap--fixed::-webkit-scrollbar-track{background:#0000}.fin-table-wrap--fixed::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.fin-table-wrap--fixed::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] .fin-table-wrap--fixed::-webkit-scrollbar-thumb{background:#ffffff24}[data-theme=dark] .fin-table-wrap--fixed::-webkit-scrollbar-thumb:hover{background:#ffffff47}.inv-scroll-area::-webkit-scrollbar{width:5px}.inv-scroll-area::-webkit-scrollbar-track{background:#0000}.inv-scroll-area::-webkit-scrollbar-thumb{background:#00000021;border-radius:3px}[data-theme=dark] .inv-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1f}.fin-student-row{background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 0 0 1px #6366f10a,0 2px 8px #00000012,0 8px 24px #00000012;overflow:hidden;transition:box-shadow .2s,transform .2s}.fin-student-row:hover{box-shadow:0 0 0 1px #6366f11a,0 4px 16px #0000001a,0 12px 36px #0000001a;transform:translateY(-1px)}.fin-student-header{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;-webkit-user-select:none;user-select:none}.fin-student-header:hover{background:#6366f10a}.fin-student-chevron{color:#94a3b8;color:var(--fin-text-muted);flex-shrink:0;font-size:11px;width:14px}.fin-student-identity{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-width:0}.fin-student-name{color:var(--fin-text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-student-did{background:#0000000d;background:var(--fin-badge-bg,#0000000d);border-radius:4px;font-size:11px;padding:1px 6px}.fin-student-did,.fin-student-phone{color:#94a3b8;color:var(--fin-text-muted);white-space:nowrap}.fin-student-phone{font-size:12px}.fin-student-totals{display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px}.fin-student-total-item{align-items:flex-end;display:flex;flex-direction:column;gap:1px}.fin-student-total-lbl{color:#94a3b8;color:var(--fin-text-muted);font-size:10px;letter-spacing:.03em;text-transform:uppercase}.fin-student-total-val{color:var(--fin-text);font-size:13px;font-weight:600}.fin-student-total-paid{color:#16a34a}.fin-student-total-due{color:#dc2626}.fin-student-badges{display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px}.fin-student-badge{font-size:11px!important;padding:2px 7px!important}.fin-student-inv-count{color:#94a3b8;color:var(--fin-text-muted);flex-shrink:0;font-size:12px;white-space:nowrap}.fin-student-invoices{border-top:1px solid #6366f121;border-top:1px solid var(--fin-card-border);overflow-x:auto}.fin-student-inv-table{font-size:13px;width:100%}.fin-student-inv-table thead th{background:#f8f9fc;font-size:11px;padding:8px 10px;white-space:nowrap}.fin-student-inv-row td{padding:8px 10px;vertical-align:middle}.fin-student-inv-row:hover td{background:#6366f108}.fin-btn-xs{border-radius:5px;font-size:14px;line-height:1;padding:4px 6px}[data-theme=dark] .fin-student-row{background:#161922e6;border-color:#ffffff14}[data-theme=dark] .fin-student-inv-table thead th{background:#0c0f16fa}.inv-graph-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.inv-graph-modal{background:linear-gradient(135deg,#0f1128fa,#191c3cfa);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 32px 80px #0000008c,inset 0 1px 0 #ffffff14;max-width:860px;overflow:hidden;width:100%}.inv-graph-header{align-items:center;border-bottom:1px solid #ffffff12;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.inv-graph-title{align-items:center;color:#fff;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:7px}.inv-graph-title .material-symbols-rounded{color:#34d399;font-size:18px}.inv-graph-sub{color:#fff6;font-size:11px;margin-top:2px}.inv-graph-legend{align-items:center;color:#ffffff8c;display:flex;font-size:11.5px;gap:5px}.inv-graph-legend-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.inv-graph-close{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .15s;width:30px}.inv-graph-close:hover{background:#ffffff24;color:#fff}.inv-graph-close .material-symbols-rounded{font-size:16px}.inv-graph-body{height:auto;overflow:visible;padding:12px 16px 0}.inv-graph-tabs{background:#ffffff0d;border-radius:8px;display:flex;gap:4px;padding:3px}.inv-graph-tab{background:#0000;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;font-size:11.5px;font-weight:600;padding:4px 11px;transition:all .15s;white-space:nowrap}.inv-graph-tab:hover{color:#fffc}.inv-graph-tab.active{background:#34d3992e;color:#34d399}.inv-graph-year-select{background:#ffffff12;border:1px solid #ffffff21;border-radius:7px;color:#fffc;cursor:pointer;font-size:12px;outline:none;padding:4px 8px}.inv-graph-year-select option{background:#1a1d36;color:#fff}.inv-graph-kpi-strip{border-bottom:1px solid #ffffff0f;display:flex;gap:0;padding:12px 20px}.inv-graph-kpi{border-right:1px solid #ffffff12;display:flex;flex:1 1;flex-direction:column;gap:2px;margin-right:20px;padding-right:20px}.inv-graph-kpi:last-child{border-right:none;margin-right:0;padding-right:0}.inv-graph-kpi-label{color:#ffffff61;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.inv-graph-kpi-val{font-size:16px;font-weight:800}.inv-graph-kpi-val.green{color:#34d399}.inv-graph-kpi-val.red{color:#fb7185}.inv-graph-kpi-val.white{color:#ffffffe6}.inv-graph-loading{color:#ffffff61;font-size:13px;padding:60px 0;text-align:center}.inv-graph-tooltip{background:#141832f7;border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 6px 20px #0006;min-width:130px;padding:7px 10px;pointer-events:none;position:absolute;top:16px;z-index:10}.inv-graph-tooltip-month{border-bottom:1px solid #ffffff14;color:#fff;font-size:11px;font-weight:700;margin-bottom:5px;padding-bottom:4px}.inv-graph-tooltip-row{color:#ffffffb3;display:flex;font-size:10.5px;gap:14px;justify-content:space-between;margin-top:3px}.inv-graph-tooltip-row span:last-child{color:#fff;font-weight:700}.inv-graph-summary{border-top:1px solid #ffffff12;display:flex;gap:0;padding:14px 22px}.inv-graph-summary-item{border-right:1px solid #ffffff12;display:flex;flex:1 1;flex-direction:column;gap:3px;margin-right:16px;padding:0 16px 0 0}.inv-graph-summary-item:last-child{border-right:none;margin-right:0}.inv-graph-summary-label{color:#fff6;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.inv-graph-summary-val{color:#fff;font-size:16px;font-weight:800}.inv-graph-summary-sub{color:#ffffff73;font-size:11px}.inv-graph-growth{align-self:flex-start;border-radius:5px;font-size:11px;font-weight:700;padding:2px 6px}.inv-graph-growth.up{background:#34d39926;color:#34d399}.inv-graph-growth.down{background:#fb718526;color:#fb7185}.inv-btn-graph{border-color:#6366f14d!important;color:#6366f1!important}.inv-btn-graph:hover{background:#6366f114!important}.inv-btn-graph.active{background:#6366f11f!important;border-color:#6366f180!important}.qa-bar{background:#fff;background:var(--adb-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0f172a0d;margin-bottom:16px;padding:12px 16px}[data-theme=dark] .qa-bar{background:#161b22;background:var(--adb-surface,#161b22);border-color:#21262d;border-color:var(--adb-border,#21262d)}.qa-bar-label{color:#94a3b8;color:var(--adb-muted,#94a3b8);display:flex;gap:5px;letter-spacing:.08em;text-transform:uppercase}.qa-bar-label,.qa-urgent-pill{align-items:center;font-size:10px;font-weight:700}.qa-urgent-pill{animation:qa-pulse 2s ease-in-out infinite;background:#ef44441a;border:1px solid #ef444433;border-radius:99px;color:#dc2626;display:inline-flex;gap:4px;padding:2px 8px}@keyframes qa-pulse{0%,to{opacity:1}50%{opacity:.7}}.qa-pills{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--qa-cols,4),1fr)}@media (max-width:700px){.qa-pills{grid-template-columns:repeat(2,1fr)}}.qa-pill{align-items:center;background:color-mix(in srgb,#3b82f6 6%,#fff);background:color-mix(in srgb,var(--qa-color,#3b82f6) 6%,var(--adb-surface,#fff));border:1.5px solid color-mix(in srgb,#3b82f6 20%,#0000);border:1.5px solid color-mix(in srgb,var(--qa-color,#3b82f6) 20%,#0000);border-radius:10px;color:#3b82f6;color:var(--qa-color,#3b82f6);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;justify-content:center;min-height:68px;padding:12px 8px 10px;position:relative;transition:all .15s ease}.qa-pill:hover{background:color-mix(in srgb,#3b82f6 12%,#fff);background:color-mix(in srgb,var(--qa-color,#3b82f6) 12%,var(--adb-surface,#fff));border-color:color-mix(in srgb,#3b82f6 55%,#0000);border-color:color-mix(in srgb,var(--qa-color,#3b82f6) 55%,#0000);box-shadow:0 4px 12px color-mix(in srgb,#3b82f6 18%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--qa-color,#3b82f6) 18%,#0000);transform:translateY(-2px)}.qa-pill:active{box-shadow:none;transform:translateY(0)}.qa-pill--urgent{border-color:#ef44444d!important;box-shadow:0 0 0 2px #ef444414}.qa-pill-ico{align-items:center;background:color-mix(in srgb,#3b82f6 14%,#0000);background:color-mix(in srgb,var(--qa-color,#3b82f6) 14%,#0000);border-radius:8px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.qa-pill-lbl{color:#0f172a;color:var(--adb-text,#0f172a);font-size:11px;font-weight:600;letter-spacing:-.01em;line-height:1.2;text-align:center}[data-theme=dark] .qa-pill-lbl{color:#f1f5f9;color:var(--adb-text,#f1f5f9)}.qa-pill-badge{align-items:center;border-radius:99px;display:flex;font-size:9px;font-weight:800;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:5px;top:5px}.qa-pill-badge--critical{background:#ef4444;color:#fff}.qa-pill-badge--info{background:#3b82f6;color:#fff}.qa-more-btn{align-items:center;background:#0000;border:1.5px dashed #e2e8f0;border:1.5px dashed var(--adb-border,#e2e8f0);border-radius:10px;color:#94a3b8;color:var(--adb-muted,#94a3b8);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:11px;font-weight:600;gap:5px;justify-content:center;min-height:68px;padding:12px 8px 10px;transition:all .15s}.qa-more-btn:hover{background:#6366f10d;border-color:#6366f1;color:#6366f1}.qa-more-btn--open{background:#6366f10f;border-color:#6366f1;color:#6366f1}.qa-more-btn--urgent{animation:qa-pulse 2s ease-in-out infinite;border-color:#ef444459;color:#dc2626}.qa-panel-portal{animation:qa-panel-in .18s cubic-bezier(.16,1,.3,1);position:absolute;transform-origin:top left;z-index:999999}@keyframes qa-panel-in{0%{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:none}}.qa-panel{background:#fff;background:var(--adb-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:16px;box-shadow:0 4px 6px #0f172a0a,0 20px 60px #0f172a24,0 0 0 1px #0f172a0a;overflow:hidden}[data-theme=dark] .qa-panel{background:#161b22;background:var(--adb-surface,#161b22);border-color:#21262d;border-color:var(--adb-border,#21262d);box-shadow:0 20px 60px #00000080}.qa-panel-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--adb-border,#e2e8f0);display:flex;justify-content:space-between;padding:14px 18px 12px}.qa-panel-title{align-items:center;color:#0f172a;color:var(--adb-text,#0f172a);display:flex;font-size:13px;font-weight:700;gap:6px}.qa-panel-alert-badge{align-items:center;background:#ef44441a;border-radius:99px;color:#dc2626;display:inline-flex;font-size:10px;font-weight:700;gap:4px;margin-left:4px;padding:2px 8px}.qa-panel-close{background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--adb-muted,#94a3b8);cursor:pointer;font-family:inherit;font-size:20px;line-height:1;padding:0 4px;transition:color .1s}.qa-panel-close:hover{color:#0f172a;color:var(--adb-text,#0f172a)}.qa-panel-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--adb-border,#e2e8f0);padding:14px 18px}.qa-panel-section:last-child{border-bottom:none}.qa-panel-section-lbl{align-items:center;color:#ef4444;display:flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.qa-panel-section:last-child .qa-panel-section-lbl{color:#94a3b8;color:var(--adb-muted,#94a3b8)}.qa-panel-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);grid-template-columns:repeat(var(--cols,3),1fr)}.qa-panel-card{align-items:center;background:#f8fafc;background:var(--adb-surface-2,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:10px;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:11px 14px;text-align:left;transition:all .14s}.qa-panel-card:hover{background:color-mix(in srgb,#3b82f6 6%,#fff);background:color-mix(in srgb,var(--qa-color,#3b82f6) 6%,var(--adb-surface,#fff));border-color:color-mix(in srgb,#3b82f6 40%,#0000);border-color:color-mix(in srgb,var(--qa-color,#3b82f6) 40%,#0000)}.qa-panel-card--urgent{background:#ef44440a;border-color:#ef444440}.qa-panel-card-ico{align-items:center;background:color-mix(in srgb,#3b82f6 14%,#0000);background:color-mix(in srgb,var(--qa-color,#3b82f6) 14%,#0000);border-radius:9px;color:#3b82f6;color:var(--qa-color,#3b82f6);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.qa-panel-card-body{display:flex;flex:1 1;flex-direction:column;gap:1px}.qa-panel-card-lbl{color:#0f172a;color:var(--adb-text,#0f172a);font-size:12.5px;font-weight:600}.qa-panel-card-meta{color:#ef4444;font-size:10.5px;font-weight:600}.qa-panel-card-arrow{color:#94a3b8;color:var(--adb-muted,#94a3b8);flex-shrink:0;transition:transform .12s}.qa-panel-card:hover .qa-panel-card-arrow{transform:translateX(3px)}.qa-panel-tile{align-items:center;background:color-mix(in srgb,#3b82f6 6%,#fff);background:color-mix(in srgb,var(--qa-color,#3b82f6) 6%,var(--adb-surface,#fff));border:1.5px solid color-mix(in srgb,#3b82f6 18%,#0000);border:1.5px solid color-mix(in srgb,var(--qa-color,#3b82f6) 18%,#0000);border-radius:12px;color:#3b82f6;color:var(--qa-color,#3b82f6);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:7px;justify-content:center;min-height:86px;padding:16px 10px 13px;position:relative;transition:all .14s}.qa-panel-tile:hover{background:color-mix(in srgb,#3b82f6 12%,#fff);background:color-mix(in srgb,var(--qa-color,#3b82f6) 12%,var(--adb-surface,#fff));border-color:color-mix(in srgb,#3b82f6 50%,#0000);border-color:color-mix(in srgb,var(--qa-color,#3b82f6) 50%,#0000);box-shadow:0 4px 14px color-mix(in srgb,#3b82f6 16%,#0000);box-shadow:0 4px 14px color-mix(in srgb,var(--qa-color,#3b82f6) 16%,#0000);transform:translateY(-2px)}.qa-panel-tile:active{transform:translateY(0)}.qa-panel-tile--urgent{border-color:#ef44444d!important;box-shadow:0 0 0 2px #ef444412}.qa-panel-tile-ico{align-items:center;background:color-mix(in srgb,#3b82f6 16%,#0000);background:color-mix(in srgb,var(--qa-color,#3b82f6) 16%,#0000);border-radius:10px;display:flex;height:38px;justify-content:center;width:38px}.qa-panel-tile-lbl{color:#0f172a;color:var(--adb-text,#0f172a);font-size:11.5px;font-weight:600;line-height:1.25;text-align:center}[data-theme=dark] .qa-panel-tile-lbl{color:#f1f5f9;color:var(--adb-text,#f1f5f9)}.qa-panel-tile-badge{align-items:center;background:#3b82f6;border-radius:99px;color:#fff;display:flex;font-size:9px;font-weight:800;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:6px;top:6px}.qa-panel-tile-badge--critical{background:#ef4444}[data-theme=dark] .qa-pill{background:color-mix(in srgb,#3b82f6 12%,#1e293b);background:color-mix(in srgb,var(--qa-color,#3b82f6) 12%,var(--adb-surface,#1e293b));border-color:color-mix(in srgb,#3b82f6 30%,#0000);border-color:color-mix(in srgb,var(--qa-color,#3b82f6) 30%,#0000)}[data-theme=dark] .qa-pill:hover{background:color-mix(in srgb,#3b82f6 20%,#1e293b);background:color-mix(in srgb,var(--qa-color,#3b82f6) 20%,var(--adb-surface,#1e293b))}[data-theme=dark] .qa-panel-card{background:#1c2128;background:var(--adb-surface-2,#1c2128);border-color:#21262d;border-color:var(--adb-border,#21262d)}[data-theme=dark] .qa-panel-tile{background:color-mix(in srgb,#3b82f6 10%,#161b22);background:color-mix(in srgb,var(--qa-color,#3b82f6) 10%,var(--adb-surface,#161b22));border-color:color-mix(in srgb,#3b82f6 25%,#0000);border-color:color-mix(in srgb,var(--qa-color,#3b82f6) 25%,#0000)}.qa-bar-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.qa-hide-btn{background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--adb-muted,#94a3b8);cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.02em;margin-left:auto;padding:2px 6px;transition:color .12s,background .12s}.qa-hide-btn:hover{background:#f8fafc;background:var(--adb-surface-2,#f8fafc);color:#475569;color:var(--adb-text-2,#475569)}.qa-hidden-strip{align-items:center;background:#fff;background:var(--adb-surface,#fff);border:1px dashed #e2e8f0;border:1px dashed var(--adb-border,#e2e8f0);border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:6px 12px}.qa-show-btn{background:none;border:none;border-radius:4px;color:#6366f1;cursor:pointer;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.02em;margin-left:auto;padding:2px 8px;transition:background .12s}.qa-show-btn:hover{background:#6366f112}.fin-qa-inline{align-items:center;display:flex;flex-shrink:0;gap:5px}.fin-qa-inline-divider{background:#e2e8f0;background:var(--adb-border,#e2e8f0);flex-shrink:0;height:20px;margin:0 4px;width:1px}.fin-qa-icon-btn{align-items:center;background:color-mix(in srgb,#6366f1 9%,#0000);background:color-mix(in srgb,var(--qa-ic,#6366f1) 9%,#0000);border:1px solid color-mix(in srgb,#6366f1 28%,#0000);border:1px solid color-mix(in srgb,var(--qa-ic,#6366f1) 28%,#0000);border-radius:8px;color:#6366f1;color:var(--qa-ic,#6366f1);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:5px;height:32px;justify-content:center;padding:0 10px;position:relative;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;white-space:nowrap}.fin-qa-icon-btn svg{flex-shrink:0}.fin-qa-icon-btn:hover{background:color-mix(in srgb,#6366f1 18%,#0000);background:color-mix(in srgb,var(--qa-ic,#6366f1) 18%,#0000);border-color:color-mix(in srgb,#6366f1 55%,#0000);border-color:color-mix(in srgb,var(--qa-ic,#6366f1) 55%,#0000);box-shadow:0 2px 10px color-mix(in srgb,#6366f1 22%,#0000);box-shadow:0 2px 10px color-mix(in srgb,var(--qa-ic,#6366f1) 22%,#0000);transform:translateY(-1px)}.fin-qa-icon-btn:active{box-shadow:none;transform:translateY(0)}.fin-qa-icon-btn--urgent{--qa-ic:#f59e0b;animation:qa-urgent-pulse 1.8s ease-in-out infinite}@keyframes qa-urgent-pulse{0%,to{box-shadow:0 0 0 1px #f59e0b4d,0 0 0 3px #f59e0b00}50%{box-shadow:0 0 0 1px #f59e0b80,0 0 0 5px #f59e0b1f}}.fin-qa-tooltip{background:#0f172a;border-radius:6px;bottom:calc(100% + 7px);color:#f8fafc;font-size:10.5px;font-weight:600;left:50%;opacity:0;padding:4px 9px;pointer-events:none;position:absolute;transform:translateX(-50%);transform:translateX(-50%) translateY(4px);transition:opacity .12s,transform .12s;white-space:nowrap;z-index:100}.fin-qa-tooltip:after{border:4px solid #0000;border-top-color:#0f172a;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.fin-qa-icon-btn:hover .fin-qa-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}[data-theme=dark] .fin-qa-inline-divider{background:#ffffff1a}[data-theme=dark] .fin-qa-tooltip{background:#f1f5f9;color:#0f172a}[data-theme=dark] .fin-qa-tooltip:after{border-top-color:#f1f5f9}.qa-compact-trigger{font-weight:700!important;letter-spacing:.01em}@media (max-width:1100px){.qa-compact-trigger>span:not(.fin-qa-tooltip){display:flex!important}.qa-compact-trigger{padding:0 10px!important}.fin-qa-icon-btn:not(.qa-compact-trigger){padding:0 8px}.fin-qa-icon-btn:not(.qa-compact-trigger)>span:not(.fin-qa-tooltip){display:none}}.qa-bar-desktop{align-items:center;display:flex}.qa-bar-mobile{display:none}@media (max-width:700px){.qa-bar-desktop{display:none!important}.qa-bar-mobile{display:flex!important}.qa-bar-mobile>.fin-qa-icon-btn.qa-mobile-trigger{font-size:12px!important;font-weight:600!important;height:34px!important;justify-content:space-between!important;padding:0 12px!important;width:100%!important}}@media (max-width:1100px){.qa-mobile-trigger>span:not(.fin-qa-tooltip):not(.qa-pill-badge){display:inline!important}.qa-mobile-trigger{padding:0 12px!important}}:root{--cup-overlay-bg:#0006;--cup-main-bg:#fffffff2;--cup-main-border:#fff3;--cup-main-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;--cup-header-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--cup-header-text:#065f46;--cup-header-border:#065f461a;--cup-header-icon-bg:linear-gradient(135deg,#065f46,#059669);--cup-header-icon-shadow:0 8px 20px #065f464d;--cup-header-icon-color:#fff;--cup-close-bg:#fffc;--cup-close-text:#6b7280;--cup-close-hover-bg:#ef44441a;--cup-close-hover-text:#ef4444;--cup-step-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--cup-step-border:#e2e8f0;--cup-step-number-default:#e5e7eb;--cup-step-number-text-default:#6b7280;--cup-step-number-active:linear-gradient(135deg,#3b82f6,#1d4ed8);--cup-step-number-completed:linear-gradient(135deg,#10b981,#059669);--cup-step-label-default:#6b7280;--cup-step-label-active:#1f2937;--cup-step-connector:#e5e7eb;--cup-step-connector-completed:linear-gradient(90deg,#10b981,#059669);--cup-content-bg:linear-gradient(135deg,#f9fafb,#fff);--cup-content-text:#1e293b;--cup-label-text:#374151;--cup-required-text:#f97316;--cup-input-bg:#fffc;--cup-input-border:#e2e8f0cc;--cup-input-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;--cup-input-focus-border:#059669;--cup-input-focus-bg:#fffffff2;--cup-input-focus-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;--cup-input-placeholder:#9ca3af;--cup-error-bg:linear-gradient(135deg,#fef3f2,#fee2e2);--cup-error-text:#dc2626;--cup-error-border:#f87171;--cup-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--cup-success-text:#065f46;--cup-success-border:#6ee7b7;--cup-footer-bg:linear-gradient(135deg,#f8fafc,#fff);--cup-footer-border:#e2e8f0;--cup-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--cup-btn-primary-text:#fff;--cup-btn-primary-shadow:0 4px 12px #3b82f64d;--cup-btn-primary-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--cup-btn-primary-hover-shadow:0 8px 20px #3b82f666;--cup-btn-secondary-bg:#ffffffe6;--cup-btn-secondary-text:#374151;--cup-btn-secondary-border:#e5e7eb;--cup-btn-secondary-hover-bg:#f9fafbf2;--cup-btn-secondary-hover-border:#d1d5db;--cup-btn-secondary-hover-shadow:0 4px 12px #00000014;--cup-btn-convert-bg:linear-gradient(135deg,#059669,#065f46);--cup-btn-convert-text:#fff;--cup-btn-convert-shadow:0 4px 12px #0596694d;--cup-btn-convert-hover-bg:linear-gradient(135deg,#047857,#064e3b);--cup-btn-convert-hover-shadow:0 8px 20px #05966966;--cup-scrollbar-track:#0000;--cup-scrollbar-thumb:#065f4633;--cup-type-card-bg:#fff;--cup-type-card-border:#e5e7eb;--cup-type-option-bg:#fff;--cup-type-option-border:#e5e7eb;--cup-type-option-hover-bg:#f9fafb;--cup-type-option-hover-border:#d1d5db;--cup-type-option-hover-shadow:0 4px 12px #0000000d;--cup-type-option-selected-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--cup-type-option-selected-text:#065f46;--cup-type-option-selected-border:#059669;--cup-type-option-selected-shadow:0 4px 12px #05966926;--cup-type-icon-default:#6b7280;--cup-type-icon-selected:#059669;--cup-type-title-default:#374151;--cup-type-title-selected:#065f46;--cup-type-desc-default:#6b7280;--cup-type-desc-selected:#065f46}[data-theme=dark]{--cup-overlay-bg:#000c;--cup-main-bg:#1a1a1af2;--cup-main-border:#0f83;--cup-main-shadow:0 20px 60px #0009,0 8px 32px #0006,inset 0 1px 0 #00ff881a;--cup-header-bg:linear-gradient(135deg,#00ff8826,#00ff881a);--cup-header-text:#1de6a5;--cup-header-border:#0f83;--cup-header-icon-bg:linear-gradient(135deg,#1de6a5,#00cc6a);--cup-header-icon-shadow:0 8px 20px #00ff884d;--cup-header-icon-color:#000;--cup-close-bg:#1a1a1acc;--cup-close-text:#ccc;--cup-close-hover-bg:#ff3b3026;--cup-close-hover-text:#ff3b30;--cup-step-bg:linear-gradient(135deg,#333c,#1a1a1ae6);--cup-step-border:#ffffff1a;--cup-step-number-default:#ffffff1a;--cup-step-number-text-default:#ccc;--cup-step-number-active:linear-gradient(135deg,#00f2fe,#0cf);--cup-step-number-completed:linear-gradient(135deg,#1de6a5,#00cc6a);--cup-step-label-default:#ccc;--cup-step-label-active:#fff;--cup-step-connector:#ffffff1a;--cup-step-connector-completed:linear-gradient(90deg,#1de6a5,#00cc6a);--cup-content-bg:linear-gradient(135deg,#1a1a1ae6,#333c);--cup-content-text:#fff;--cup-label-text:#ccc;--cup-required-text:#fb923c;--cup-input-bg:#333c;--cup-input-border:#ffffff1a;--cup-input-shadow:inset 0 2px 4px #0003,0 1px 3px #0000001a;--cup-input-focus-border:#1de6a5;--cup-input-focus-bg:#333333e6;--cup-input-focus-shadow:inset 0 2px 4px #0000004d,0 0 0 3px #0f83,0 4px 12px #00ff8840;--cup-input-placeholder:#ffffff80;--cup-error-bg:#fb71851a;--cup-error-text:#fb7185;--cup-error-border:#fb718533;--cup-success-bg:#00ff8826;--cup-success-text:#1de6a5;--cup-success-border:#00ff884d;--cup-footer-bg:linear-gradient(135deg,#333c,#1a1a1ae6);--cup-footer-border:#ffffff1a;--cup-btn-primary-bg:linear-gradient(135deg,#00f2fe,#0cf);--cup-btn-primary-text:#000;--cup-btn-primary-shadow:0 4px 12px #00f2fe4d;--cup-btn-primary-hover-bg:linear-gradient(135deg,#0cf,#09c);--cup-btn-primary-hover-shadow:0 8px 20px #00f2fe66;--cup-btn-secondary-bg:#333c;--cup-btn-secondary-text:#ccc;--cup-btn-secondary-border:#ffffff1a;--cup-btn-secondary-hover-bg:#ffffff0d;--cup-btn-secondary-hover-border:#fff3;--cup-btn-secondary-hover-shadow:0 4px 12px #0000004d;--cup-btn-convert-bg:linear-gradient(135deg,#1de6a5,#00cc6a);--cup-btn-convert-text:#000;--cup-btn-convert-shadow:0 4px 12px #00ff884d;--cup-btn-convert-hover-bg:linear-gradient(135deg,#00cc6a,#00b359);--cup-btn-convert-hover-shadow:0 8px 20px #0f86;--cup-scrollbar-track:#0000;--cup-scrollbar-thumb:#00ff884d;--cup-type-card-bg:#1a1a1ae6;--cup-type-card-border:#ffffff1a;--cup-type-option-bg:#333c;--cup-type-option-border:#ffffff1a;--cup-type-option-hover-bg:#00ff880d;--cup-type-option-hover-border:#0f83;--cup-type-option-hover-shadow:0 4px 12px #0000004d;--cup-type-option-selected-bg:#0f83;--cup-type-option-selected-text:#1de6a5;--cup-type-option-selected-border:#1de6a5;--cup-type-option-selected-shadow:0 4px 12px #00ff884d;--cup-type-icon-default:#ccc;--cup-type-icon-selected:#1de6a5;--cup-type-title-default:#fff;--cup-type-title-selected:#1de6a5;--cup-type-desc-default:#ccc;--cup-type-desc-selected:#1de6a5}.cus-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;background:var(--cup-overlay-bg);bottom:0!important;contain:layout style;display:flex;height:100vh!important;justify-content:center;left:0!important;overflow-y:auto;padding:1rem;position:fixed!important;right:0!important;top:0!important;transform:none!important;transition:background .3s ease;width:100vw!important;z-index:10000!important}.cus-popup{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--cup-main-bg);border:1px solid #fff3;border:1px solid var(--cup-main-border);border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;box-shadow:var(--cup-main-shadow);flex-direction:column;margin:auto;max-height:min(90vh,calc(100vh - 2rem));max-width:900px;overflow:hidden;width:100%}.cus-header,.cus-popup{display:flex;position:relative;transition:all .3s ease}.cus-header{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--cup-header-bg);border-bottom:1px solid #065f461a;border-bottom:1px solid var(--cup-header-border);border-top-left-radius:24px;border-top-right-radius:24px;justify-content:space-between;padding:1.5rem 2.5rem 1.2rem}.cus-header:before{background:linear-gradient(90deg,#0000,#065f461a,#0000);background:linear-gradient(90deg,#0000,var(--cup-header-border),#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.cus-header-content{align-items:center;display:flex;gap:1rem}.cus-header-icon{align-items:center;background:linear-gradient(135deg,#065f46,#059669);background:var(--cup-header-icon-bg);border-radius:12px;box-shadow:0 8px 20px #065f464d;box-shadow:var(--cup-header-icon-shadow);display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.cus-header-icon .material-symbols-rounded{color:#fff;color:var(--cup-header-icon-color);font-size:28px;font-variation-settings:"FILL" 1,"wght" 600}.cus-header-text h2{font-family:Google Sans,Poppins,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.cus-header-text h2,.cus-header-text p{color:#065f46;color:var(--cup-header-text);transition:color .3s ease}.cus-header-text p{font-size:.9rem;margin:.25rem 0 0;opacity:.8}.cus-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--cup-close-bg);border:none;border-radius:12px;color:#6b7280;color:var(--cup-close-text);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.cus-close-btn:hover{background:#ef44441a;background:var(--cup-close-hover-bg);color:#ef4444;color:var(--cup-close-hover-text);transform:scale(1.05)}.cus-close-btn .material-symbols-rounded{font-size:20px}.cus-message-banner{align-items:center;animation:slideDown .3s ease-out;border-radius:12px;display:flex;font-weight:500;gap:.75rem;margin:0 2.5rem 1rem;padding:1rem 1.5rem;transition:all .3s ease}.cus-message-banner.error{background:linear-gradient(135deg,#fef3f2,#fee2e2);background:var(--cup-error-bg);border:1px solid #f87171;border:1px solid var(--cup-error-border);color:#dc2626;color:var(--cup-error-text)}.cus-message-banner.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--cup-success-bg);border:1px solid #6ee7b7;border:1px solid var(--cup-success-border);color:#065f46;color:var(--cup-success-text)}.cus-message-banner .material-symbols-rounded{font-size:20px}.cus-step-indicator{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--cup-step-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cup-step-border);gap:1.5rem;justify-content:center;overflow-x:auto;padding:1.2rem 2.5rem;transition:all .3s ease}.cus-step,.cus-step-indicator{align-items:center;display:flex}.cus-step{flex-direction:column;gap:.5rem;min-width:-webkit-fit-content;min-width:fit-content;position:relative}.cus-step:after{background:#e5e7eb;background:var(--cup-step-connector);content:"";height:2px;left:calc(100% + .375rem);position:absolute;top:16px;transition:all .3s ease;width:1rem}.cus-step:last-child:after{display:none}.cus-step.completed:after{background:linear-gradient(90deg,#10b981,#059669);background:var(--cup-step-connector-completed)}.cus-step-number{align-items:center;background:#e5e7eb;background:var(--cup-step-number-default);border-radius:50%;color:#6b7280;color:var(--cup-step-number-text-default);display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.cus-step.active .cus-step-number{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--cup-step-number-active);box-shadow:0 4px 12px #3b82f666;color:#fff}[data-theme=dark] .cus-step.active .cus-step-number{box-shadow:0 4px 12px #00f2fe66;color:#000}.cus-step.completed .cus-step-number{background:linear-gradient(135deg,#10b981,#059669);background:var(--cup-step-number-completed);color:#fff}[data-theme=dark] .cus-step.completed .cus-step-number{color:#000}.cus-step-label{color:#6b7280;color:var(--cup-step-label-default);font-size:.75rem;font-weight:500;text-align:center;transition:color .3s ease;white-space:nowrap}.cus-step.active .cus-step-label,.cus-step.completed .cus-step-label{color:#1f2937;color:var(--cup-step-label-active);font-weight:600}.cus-body{background:linear-gradient(135deg,#f9fafb,#fff);background:var(--cup-content-bg);flex:1 1;padding:1.5rem 2.5rem;transition:background .3s ease}.cus-body::-webkit-scrollbar{width:6px}.cus-body::-webkit-scrollbar-track{background:#0000;background:var(--cup-scrollbar-track)}.cus-body::-webkit-scrollbar-thumb{background:#065f4633;background:var(--cup-scrollbar-thumb);border-radius:3px}.cus-step-content{animation:fadeInSlide .4s ease-out}.cus-step-title{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--cup-step-border);color:#1e293b;color:var(--cup-content-text);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;position:relative;transition:color .3s ease}.cus-step-title:after{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);background:linear-gradient(90deg,#0000,var(--cup-step-border),#0000);bottom:-1rem;content:"";height:1px;left:0;position:absolute;right:0}.cus-step-title .material-symbols-rounded{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--cup-header-bg);border-radius:12px;color:#065f46;color:var(--cup-header-text);font-size:28px;padding:8px;transition:all .3s ease}.cus-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.cus-form-field{display:flex;flex-direction:column;gap:.5rem}.cus-form-field.cus-full-width{grid-column:span 2}.cus-form-field:last-child{margin-bottom:0}.cus-form-label{align-items:center;color:#374151;color:var(--cup-label-text);display:flex;font-size:.9rem;font-weight:600;gap:.25rem;transition:color .3s ease}.cus-form-label.required:after{color:#f97316;color:var(--cup-required-text);content:"*";font-weight:600;margin-left:.25rem;opacity:.8}.cus-form-input,.cus-form-select,.cus-form-textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--cup-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--cup-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;box-shadow:var(--cup-input-shadow);color:#1e293b;color:var(--cup-content-text);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.cus-form-input:focus,.cus-form-select:focus,.cus-form-textarea:focus{background:#fffffff2;background:var(--cup-input-focus-bg);border-color:#059669;border-color:var(--cup-input-focus-border);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;box-shadow:var(--cup-input-focus-shadow);transform:translateY(-1px)}.cus-form-input::placeholder,.cus-form-textarea::placeholder{color:#9ca3af;color:var(--cup-input-placeholder);font-weight:400}.cus-form-textarea{min-height:100px;resize:vertical}.cus-user-type-selection-card{background:#fff;background:var(--cup-type-card-bg);border:2px solid #e5e7eb;border:2px solid var(--cup-type-card-border);border-radius:12px;margin:1rem 0;padding:1.5rem;transition:all .3s ease}.cus-user-type-selection-card h3{color:#1e293b;color:var(--cup-content-text);font-size:1.1rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.cus-user-type-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cus-user-type-option{align-items:center;background:#fff;background:var(--cup-type-option-bg);border:2px solid #e5e7eb;border:2px solid var(--cup-type-option-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center;transition:all .2s ease}.cus-user-type-option:hover{background:#f9fafb;background:var(--cup-type-option-hover-bg);border-color:#d1d5db;border-color:var(--cup-type-option-hover-border);box-shadow:0 4px 12px #0000000d;box-shadow:var(--cup-type-option-hover-shadow);transform:translateY(-2px)}.cus-user-type-option.selected{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cup-type-option-selected-bg);border-color:#059669;border-color:var(--cup-type-option-selected-border);box-shadow:0 4px 12px #05966926;box-shadow:var(--cup-type-option-selected-shadow);color:#065f46;color:var(--cup-type-option-selected-text)}.cus-user-type-option .cus-type-icon{color:#6b7280;color:var(--cup-type-icon-default);font-size:2rem;margin-bottom:.25rem;opacity:.7;transition:color .3s ease}.cus-user-type-option.selected .cus-type-icon{color:#059669;color:var(--cup-type-icon-selected);opacity:1}.cus-user-type-option .cus-type-title{color:#374151;color:var(--cup-type-title-default);font-size:.9rem;font-weight:600;margin-bottom:.25rem;transition:color .3s ease}.cus-user-type-option.selected .cus-type-title{color:#065f46;color:var(--cup-type-title-selected)}.cus-user-type-option .cus-type-description{color:#6b7280;color:var(--cup-type-desc-default);font-size:.8rem;line-height:1.3;transition:color .3s ease}.cus-user-type-option.selected .cus-type-description{color:#065f46;color:var(--cup-type-desc-selected);opacity:.8}.cus-footer{background:linear-gradient(135deg,#f8fafc,#fff);background:var(--cup-footer-bg);border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top:1px solid #e2e8f0;border-top:1px solid var(--cup-footer-border);padding:1.2rem 2.5rem 1.5rem;position:relative;transition:all .3s ease}.cus-footer:before{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);background:linear-gradient(90deg,#0000,var(--cup-footer-border),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.cus-footer-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.cus-actions-right{margin-left:auto}.cus-program-picker-btn{align-items:center;background:#fffc;background:var(--cup-input-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--cup-border,#e2e8f0);border-radius:8px;color:#94a3b8;color:var(--cup-muted-text,#94a3b8);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.cus-program-picker-btn.has-value,.cus-program-picker-btn:hover{border-color:#6366f1;border-color:var(--cup-accent,#6366f1)}.cus-program-picker-btn.has-value{color:#1e293b;color:var(--cup-text,#1e293b)}.cus-program-picker-btn .material-symbols-rounded{color:#94a3b8;color:var(--cup-muted-text,#94a3b8);flex-shrink:0;font-size:18px}.cus-program-picker-btn.has-value .material-symbols-rounded{color:#6366f1;color:var(--cup-accent,#6366f1)}.cus-program-picker-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cus-program-picker-clear{font-size:16px!important;opacity:.5;transition:opacity .15s}.cus-program-picker-clear:hover{opacity:1}.cus-program-picker-arrow{font-size:18px!important;opacity:.4}.cus-btn-convert,.cus-btn-primary,.cus-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cus-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--cup-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--cup-btn-primary-shadow);color:#fff;color:var(--cup-btn-primary-text)}.cus-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--cup-btn-primary-hover-bg);box-shadow:0 8px 20px #3b82f666;box-shadow:var(--cup-btn-primary-hover-shadow);transform:translateY(-2px)}.cus-btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;background:var(--cup-btn-secondary-bg);border:2px solid #e5e7eb;border:2px solid var(--cup-btn-secondary-border);color:#374151;color:var(--cup-btn-secondary-text)}.cus-btn-secondary:hover:not(:disabled){background:#f9fafbf2;background:var(--cup-btn-secondary-hover-bg);border-color:#d1d5db;border-color:var(--cup-btn-secondary-hover-border);box-shadow:0 4px 12px #00000014;box-shadow:var(--cup-btn-secondary-hover-shadow);transform:translateY(-1px)}.cus-btn-convert{background:linear-gradient(135deg,#059669,#065f46);background:var(--cup-btn-convert-bg);box-shadow:0 4px 12px #0596694d;box-shadow:var(--cup-btn-convert-shadow);color:#fff;color:var(--cup-btn-convert-text)}.cus-btn-convert:hover:not(:disabled){background:linear-gradient(135deg,#047857,#064e3b);background:var(--cup-btn-convert-hover-bg);box-shadow:0 8px 20px #05966966;box-shadow:var(--cup-btn-convert-hover-shadow);transform:translateY(-2px)}.cus-btn-convert:disabled,.cus-btn-primary:disabled,.cus-btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.cus-spinning{animation:spin 1s linear infinite}.cus-form-dropdown .custom-dropdown-wrapper{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--cup-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--cup-input-border);border-radius:12px;min-height:auto;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.cus-form-dropdown .custom-dropdown-wrapper:focus-within{background:#fffffff2;background:var(--cup-input-focus-bg);border-color:#059669;border-color:var(--cup-input-focus-border);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;box-shadow:var(--cup-input-focus-shadow);transform:translateY(-1px)}@keyframes fadeInSlideBack{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.cus-step-animate{animation-duration:.32s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1)}.cus-step-animate--forward{animation-name:fadeInSlide}.cus-step-animate--back{animation-name:fadeInSlideBack}.cus-form-error{align-items:center;color:#dc2626;color:var(--cup-error-text);display:flex;font-size:.8rem;font-weight:500;gap:.25rem;margin-top:.25rem;transition:color .3s ease}.cus-form-error .material-symbols-rounded{font-size:.9rem}.cus-success-message{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--cup-success-bg);border:1px solid #6ee7b7;border:1px solid var(--cup-success-border);border-radius:12px;color:#065f46;color:var(--cup-success-text);display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:all .3s ease}.cus-success-message .material-symbols-rounded{font-size:1.2rem}.cus-loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}[data-theme=dark] .cus-loading-spinner{border:2px solid #0000004d;border-top-color:#000}.cus-step-content:not(:first-child){margin-top:1rem}.cus-body,.cus-step-indicator{scrollbar-color:#065f4633 #0000;scrollbar-color:var(--cup-scrollbar-thumb) var(--cup-scrollbar-track);scrollbar-width:thin}.cus-step-indicator::-webkit-scrollbar{height:6px}.cus-step-indicator::-webkit-scrollbar-track{background:#0000;background:var(--cup-scrollbar-track)}.cus-step-indicator::-webkit-scrollbar-thumb{background:#065f4633;background:var(--cup-scrollbar-thumb);border-radius:3px}@media (max-height:600px){.cus-overlay{align-items:flex-start!important;overflow-y:auto!important;padding:.5rem!important}.cus-popup{margin-bottom:.5rem!important;margin-top:.5rem!important;max-height:calc(100vh - 1rem)!important}}@media (max-width:768px){.cus-overlay{padding:.75rem!important}.cus-popup{border-radius:12px;max-height:calc(100vh - 1.5rem);max-width:100%}.cus-body,.cus-footer,.cus-header{padding-left:1.5rem;padding-right:1.5rem}.cus-step-indicator{gap:1rem;overflow-x:auto;padding:1rem 1.5rem}.cus-step:after{width:.75rem}.cus-form-grid{gap:1rem;grid-template-columns:1fr}.cus-form-field.cus-full-width{grid-column:span 1}.cus-header-text h2{font-size:1.25rem}.cus-footer-actions{flex-direction:column;gap:.75rem}.cus-btn-convert,.cus-btn-primary,.cus-btn-secondary{justify-content:center;width:100%}.cus-user-type-options{grid-template-columns:1fr}}@media (max-width:480px){.cus-overlay{padding:.5rem!important}.cus-popup{border-radius:12px;max-height:calc(100vh - 1rem)!important}.cus-header-content{gap:.75rem}.cus-header-icon{height:48px;width:48px}.cus-header-icon .material-symbols-rounded{font-size:24px}.cus-step-indicator{gap:.5rem;padding:1rem}.cus-step-number{font-size:.8rem;height:28px;width:28px}.cus-step-label{font-size:.7rem}.cus-body{padding:1rem 1.5rem}}.cus-btn-convert:focus-visible,.cus-btn-primary:focus-visible,.cus-btn-secondary:focus-visible,.cus-close-btn:focus-visible,.cus-user-type-option:focus-visible{outline:2px solid #059669;outline:2px solid var(--cup-input-focus-border);outline-offset:2px}.cus-form-input:focus-visible,.cus-form-select:focus-visible,.cus-form-textarea:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.cus-btn-convert,.cus-btn-primary,.cus-btn-secondary,.cus-overlay,.cus-popup,.cus-user-type-option{animation:none;transition:none}.cus-btn-convert:hover,.cus-btn-primary:hover,.cus-btn-secondary:hover,.cus-user-type-option:hover{transform:none}.cus-loading-spinner,.cus-spinning{animation:none}}@media print{.cus-overlay{background:#fff;position:static}.cus-popup{background:#fff;border:1px solid #ccc;box-shadow:none;max-height:none;max-width:none;width:100%}.cus-header{background:#f8f9fa}.cus-header h2{color:#000}.cus-close-btn,.cus-footer{display:none}}@media (prefers-contrast:high){.cus-btn-convert,.cus-btn-primary,.cus-btn-secondary,.cus-form-input,.cus-form-select,.cus-form-textarea,.cus-popup,.cus-user-type-option,.cus-user-type-selection-card{border-width:2px}.cus-close-btn{border:2px solid}}.cus-popup{overflow:visible!important}.cus-body{overflow-x:visible!important;overflow-y:auto}.cus-overlay{z-index:1000!important}.cus-form-dropdown .custom-dropdown-wrapper,.cus-form-dropdown [class*=dropdown],.cus-form-dropdown [class*=menu]{position:relative!important;z-index:1001!important}.MuiPickersPopper-root,.MuiPopper-root{z-index:1001!important}.cus-section-header{margin-bottom:1.5rem}.cus-section-header h4{color:var(--cus-content-text);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.cus-section-header p{color:var(--cus-muted-text);font-size:.9rem}.cus-file-upload-area{background:var(--cus-input-bg);border:2px dashed var(--cus-input-border);cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.cus-file-upload-area:hover{background:var(--cus-input-focus-bg);border-color:var(--cus-input-focus-border);box-shadow:var(--cus-input-focus-shadow);transform:translateY(-2px)}.cus-file-upload-label{gap:1rem;width:100%}.cus-file-upload-label .material-symbols-rounded{color:var(--cus-input-focus-border);font-size:3rem;opacity:.7}.cus-upload-text{text-align:center}.cus-upload-title{color:var(--cus-content-text);font-size:1rem;margin-bottom:.5rem}.cus-upload-subtitle{color:var(--cus-muted-text);font-size:.9rem;margin-bottom:.5rem}.cus-upload-formats{color:var(--cus-muted-text);font-size:.8rem;opacity:.8}.cus-file-uploaded{background:#e8f5e8;background:var(--cus-success-bg,#e8f5e8);border:2px solid #4caf50;border:2px solid var(--cus-success-border,#4caf50);padding:1rem;transition:all .3s ease}.cus-file-info{gap:1rem}.cus-file-info .material-symbols-rounded{color:#4caf50;color:var(--cus-success-color,#4caf50);font-size:2rem}.cus-file-details{flex:1 1}.cus-file-name{color:var(--cus-content-text);font-size:.95rem;margin-bottom:.25rem;word-break:break-word}.cus-file-size{color:var(--cus-muted-text)}.cus-file-remove{background:#ffebee;background:var(--cus-error-bg,#ffebee);border:1px solid #f44336;border:1px solid var(--cus-error-border,#f44336);justify-content:center;padding:.5rem;transition:all .3s ease}.cus-file-remove:hover{background:#f44336;background:var(--cus-error-color,#f44336);transform:scale(1.05)}.cus-file-remove .material-symbols-rounded{color:#f44336;color:var(--cus-error-color,#f44336);font-size:1.2rem}.cus-file-remove:hover .material-symbols-rounded{color:#fff}.cus-no-documents{color:var(--cus-muted-text);padding:3rem 2rem;text-align:center}.cus-no-documents .material-symbols-rounded{font-size:4rem;margin-bottom:1rem;opacity:.5}.cus-no-documents p{font-size:1.1rem;margin:0}@media (max-width:768px){.cus-file-upload-area{padding:1.5rem 1rem}.cus-file-upload-label .material-symbols-rounded{font-size:2.5rem}.cus-upload-title{font-size:.9rem}.cus-file-uploaded{align-items:stretch;flex-direction:column;gap:1rem}.cus-file-info{justify-content:center}.cus-file-remove{align-self:center}}.cus-file-uploaded{animation:fileUploadSuccess .3s ease-out}.cus-qualification-card{align-items:center;background:#fffc;background:var(--cup-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--cup-input-border);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.cus-qualification-card:hover{border-color:#059669;border-color:var(--cup-input-focus-border);transform:translateY(-2px)}.cus-qualification-content{flex:1 1}.cus-qualification-header{color:#1e293b;color:var(--cup-content-text);font-weight:600;margin-bottom:.5rem}.cus-qualification-details{color:#374151;color:var(--cup-label-text);font-size:.9rem}.cus-remove-btn{align-items:center;background:linear-gradient(135deg,#fef3f2,#fee2e2);background:var(--cup-error-bg);border:1px solid #f87171;border:1px solid var(--cup-error-border);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.cus-remove-btn:hover{background:var(--cup-error-color);transform:scale(1.05)}.cus-remove-btn .material-symbols-rounded{color:var(--cup-error-color);font-size:1.2rem}.cus-remove-btn:hover .material-symbols-rounded{color:#fff}.cus-subjects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.cus-subject-card{align-items:center;background:#fffc;background:var(--cup-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--cup-input-border);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.cus-subject-card:hover{border-color:#059669;border-color:var(--cup-input-focus-border);transform:translateY(-2px)}.cus-subject-card.selected{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--cup-success-bg);border-color:#6ee7b7;border-color:var(--cup-success-border)}.cus-subject-checkbox{flex-shrink:0}.cus-subject-info h4{color:#1e293b;color:var(--cup-content-text);font-size:.95rem;margin:0 0 .25rem}.cus-subject-info p{font-size:.85rem;margin:0;opacity:.8}.cus-subject-dept,.cus-subject-info p{color:#374151;color:var(--cup-label-text)}.cus-subject-dept{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--cup-step-bg);border-radius:6px;display:inline-block;font-size:.8rem;margin-top:.5rem;padding:.25rem .5rem}.cus-empty,.cus-loading{color:#374151;color:var(--cup-label-text);padding:3rem 2rem;text-align:center}.cus-empty .material-symbols-rounded,.cus-loading .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.5}@media (max-width:1024px){.cus-popup-overlay{padding:1rem}.cus-popup-main{max-height:95vh;max-width:95%}.cus-step-indicators{flex-wrap:nowrap;overflow-x:auto;padding:1rem}.cus-step-item{min-width:120px}.cus-form-grid{gap:1rem}.cus-form-grid,.cus-qualifications-grid{grid-template-columns:1fr}.cus-subjects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.cus-popup-overlay{padding:.5rem}.cus-popup-main{border-radius:12px;max-height:98vh;max-width:100%}.cus-popup-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.cus-header-left{justify-content:center;width:100%}.cus-header-title{font-size:1.1rem}.cus-header-icon{height:40px;width:40px}.cus-close-btn{position:absolute;right:1rem;top:1rem}.cus-step-indicators{gap:.5rem;padding:.75rem .5rem}.cus-step-item{flex-direction:column;gap:.5rem;min-width:100px}.cus-step-number{font-size:.875rem;height:32px;width:32px}.cus-step-label{font-size:.75rem;text-align:center}.cus-step-connector{display:none}.cus-popup-content{padding:1rem}.cus-step-title{font-size:1.1rem;margin-bottom:1rem}.cus-step-title .material-symbols-rounded{font-size:1.3rem}.cus-user-type-grid{gap:.75rem;grid-template-columns:1fr}.cus-user-type-option{padding:1rem}.cus-type-icon{font-size:1.8rem}.cus-type-name{font-size:1rem}.cus-type-description{font-size:.8rem}.cus-form-grid{gap:.75rem}.cus-form-field{margin-bottom:0}.cus-form-label{font-size:.8rem;margin-bottom:.375rem}.cus-form-input,.cus-form-select,.cus-form-textarea{font-size:16px;padding:.625rem .75rem}.cus-subjects-grid{gap:.75rem;grid-template-columns:1fr}.cus-subject-card{padding:.75rem}.cus-popup-footer{gap:.75rem;padding:1rem}.cus-footer-left,.cus-footer-right{gap:.5rem}.cus-btn{font-size:.875rem;padding:.625rem 1rem}.cus-btn .material-symbols-rounded{font-size:1.1rem}}@media (max-width:480px){.cus-popup-overlay{padding:0}.cus-popup-main{border-radius:0;display:flex;flex-direction:column;margin:0;max-height:100vh;max-width:100%}.cus-popup-header{border-radius:0;flex-shrink:0;padding:.75rem 1rem}.cus-header-left{align-items:center;flex-direction:column;text-align:center}.cus-header-icon{height:36px;width:36px}.cus-header-title{font-size:1rem}.cus-header-subtitle{font-size:.75rem}.cus-close-btn{height:32px;right:.75rem;top:.75rem;width:32px}.cus-close-btn .material-symbols-rounded{font-size:1.1rem}.cus-step-indicators{flex-shrink:0;gap:.375rem;padding:.5rem}.cus-step-item{min-width:80px}.cus-step-number{font-size:.75rem;height:28px;width:28px}.cus-step-label{display:none;font-size:.7rem}.cus-step-item.active .cus-step-label,.cus-step-item.completed .cus-step-label{display:block}.cus-popup-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;padding:.75rem}.cus-step-content{padding:0 0 1rem}.cus-step-title{flex-direction:column;font-size:1rem;gap:.5rem;margin-bottom:.75rem;text-align:center}.cus-step-title .material-symbols-rounded{font-size:1.5rem}.cus-user-type-grid{gap:.5rem}.cus-user-type-option{align-items:center;flex-direction:row;gap:.75rem;padding:.875rem}.cus-type-icon{font-size:1.5rem}.cus-type-content{text-align:left}.cus-type-name{font-size:.95rem}.cus-type-description{font-size:.75rem}.cus-form-grid{gap:.5rem}.cus-form-label{font-size:.75rem}.cus-form-input,.cus-form-select,.cus-form-textarea{font-size:16px;min-height:44px;padding:.5rem .625rem}.cus-form-hint{font-size:.7rem}.cus-qualification-card{gap:.5rem;padding:.75rem}.cus-qualification-header{align-items:stretch;flex-direction:column}.cus-qualification-number{font-size:.75rem;height:28px;width:28px}.cus-remove-btn{align-self:flex-end;height:36px;width:36px}.cus-subjects-grid{gap:.5rem}.cus-subject-card{padding:.625rem}.cus-subject-info h4{font-size:.875rem}.cus-subject-info p{font-size:.75rem}.cus-message-banner{font-size:.8rem;margin:0 .75rem .75rem;padding:.625rem .75rem}.cus-popup-footer{background:linear-gradient(135deg,#f8fafc,#fff);background:var(--cup-footer-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--cup-footer-border);bottom:0;box-shadow:0 -4px 12px #0000001a;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.75rem;position:-webkit-sticky;position:sticky;z-index:10}.cus-footer-left,.cus-footer-right{justify-content:space-between;width:100%}.cus-footer-left{order:2}.cus-footer-right{order:1}.cus-btn{flex:1 1;font-size:.8rem;min-height:44px;padding:.625rem .875rem;white-space:nowrap}.cus-btn .material-symbols-rounded{font-size:1rem}.cus-step-info{font-size:.75rem}.cus-empty,.cus-loading{padding:2rem 1rem}.cus-empty .material-symbols-rounded,.cus-loading .material-symbols-rounded{font-size:2.5rem}.cus-empty p{font-size:.875rem}}@media (max-width:360px){.cus-header-title{font-size:.9rem}.cus-step-number{font-size:.7rem;height:24px;width:24px}.cus-type-icon{font-size:1.3rem}.cus-type-name{font-size:.85rem}.cus-btn{font-size:.75rem;padding:.5rem .75rem}}@media (max-height:500px) and (orientation:landscape){.cus-popup-main{max-height:98vh}.cus-popup-content{max-height:calc(98vh - 180px)}.cus-step-indicators{padding:.5rem}.cus-popup-footer{padding:.5rem 1rem}}@media (hover:none) and (pointer:coarse){.cus-btn,.cus-form-input,.cus-form-select,.cus-subject-card,.cus-user-type-option{min-height:44px}.cus-btn:active,.cus-subject-card:active,.cus-user-type-option:active{transform:scale(.98)}*{touch-action:manipulation}}@media (max-width:768px){[data-theme=dark] .cus-popup-main{border:1px solid #ffffff1a}[data-theme=dark] .cus-form-input,[data-theme=dark] .cus-form-select,[data-theme=dark] .cus-form-textarea{background:#0000004d}}.cus-file-upload-container{width:100%}.cus-file-upload-area{background:#fffc;background:var(--cup-input-bg);border:2px dashed #e2e8f0cc;border:2px dashed var(--cup-input-border);border-radius:12px;transition:all .2s ease}.cus-file-upload-area:hover{background:#fffffff2;background:var(--cup-input-focus-bg);border-color:#059669;border-color:var(--cup-input-focus-border)}.cus-file-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:2rem 1.5rem;text-align:center}.cus-file-upload-label .material-symbols-rounded{color:#059669;color:var(--cup-input-focus-border);font-size:2rem}.cus-upload-title{color:#1e293b;color:var(--cup-content-text);font-size:.9rem;font-weight:600}.cus-upload-subtitle{font-size:.82rem}.cus-upload-formats,.cus-upload-subtitle{color:#374151;color:var(--cup-label-text);margin-top:.2rem}.cus-upload-formats{font-size:.78rem;opacity:.7}.cus-file-uploaded{align-items:center;background:#fffc;background:var(--cup-input-bg);border:2px solid #059669;border:2px solid var(--cup-input-focus-border);border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.2rem}.cus-file-info{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.cus-file-info .material-symbols-rounded{color:#059669;color:var(--cup-input-focus-border);flex-shrink:0;font-size:1.5rem}.cus-file-details{min-width:0}.cus-file-name{color:#1e293b;color:var(--cup-content-text);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cus-file-size{color:#374151;color:var(--cup-label-text);font-size:.8rem}.cus-file-remove{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;padding:.4rem;transition:background .2s}.cus-file-remove:hover{background:#ef444433}.cus-section-header{border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--cup-input-border);grid-column:1/-1;margin-bottom:.5rem;padding-bottom:.5rem}.cus-section-header h4{color:#1e293b;color:var(--cup-content-text);font-size:1rem;font-weight:700;margin:0 0 .2rem}.cus-section-header p{color:#374151;color:var(--cup-label-text);font-size:.82rem;margin:0}[data-theme=dark] .cus-file-upload-area,[data-theme=dark] .cus-file-uploaded{background:#fffc;background:var(--cup-input-bg)}@keyframes iepFadeIn{0%{opacity:0;transform:scale(.95) translateY(-14px)}to{opacity:1;transform:none}}@keyframes iepSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes iepShimmer{0%{transform:translateX(-100%)}to{transform:translateX(220%)}}@keyframes iepPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes iepRipple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes iepSlotIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes iepCountUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes iepGlow{0%,to{box-shadow:0 0 0 3px #6366f11f}50%{box-shadow:0 0 0 6px #6366f138}}@keyframes iepBackdropIn{0%{opacity:0}to{opacity:1}}.iep2-backdrop{align-items:center;animation:iepBackdropIn .18s ease;-webkit-backdrop-filter:blur(14px) saturate(200%);backdrop-filter:blur(14px) saturate(200%);background:#020617ad;display:flex;inset:0;justify-content:center;padding:1.25rem;position:fixed;z-index:9800}.iep2-shell{animation:iepFadeIn .28s cubic-bezier(.34,1.4,.64,1);background:#fff;border-radius:22px;box-shadow:0 0 0 1px #6366f114,0 32px 72px #00000029,0 8px 20px #0000000f;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:min(96vw,1180px)}[data-theme=dark] .iep2-shell{background:#0d1117}.iep2-shell--inline{animation:none;border-radius:14px;box-shadow:0 0 0 1px #00000012,0 2px 8px #0000000d;max-height:none;width:100%}.iep2-chrome{align-items:center;background:#fff;border-bottom:1px solid #e8eaf0;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;overflow:hidden;padding:1.1rem 1.6rem;position:relative}.iep2-chrome:before{background:linear-gradient(180deg,#6366f1,#818cf8);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.iep2-chrome:after{background-image:radial-gradient(circle,#6366f10f 1px,#0000 0);background-size:20px 20px;content:"";inset:0;opacity:.7;pointer-events:none;position:absolute}[data-theme=dark] .iep2-chrome{background:#0d1117;border-bottom-color:#1e293b}.iep2-chrome-left{align-items:center;display:flex;gap:.85rem;min-width:0}.iep2-chrome-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:13px;box-shadow:0 0 0 1px #6366f14d,0 4px 14px #6366f140;display:flex;flex-shrink:0;height:42px;justify-content:center;position:relative;transition:transform .2s;width:42px;z-index:1}.iep2-chrome-icon:hover{transform:scale(1.06) rotate(-4deg)}.iep2-chrome-icon .material-symbols-rounded{color:#fff;font-size:1.25rem}.iep2-chrome-title{color:#0f172a;display:block;font-size:.95rem;font-weight:800;letter-spacing:-.01em}[data-theme=dark] .iep2-chrome-title{color:#f1f5f9}.iep2-chrome-sub{color:#64748b;display:block;font-size:.72rem;margin-top:.1rem}.iep2-chrome-right{align-items:center;display:flex;flex-shrink:0;gap:.6rem}.iep2-stat-pills{display:flex;flex-wrap:wrap;gap:.35rem}.iep2-stat-pill{align-items:center;animation:iepCountUp .3s ease both;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:.68rem;font-weight:800;gap:.25rem;letter-spacing:.02em;padding:.22rem .65rem;transition:transform .15s;white-space:nowrap}.iep2-stat-pill:hover{transform:scale(1.05)}.iep2-stat-pill--open{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.iep2-stat-pill--available{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.iep2-stat-pill--filling{background:#fef3c7;border-color:#fde68a;color:#b45309}.iep2-stat-pill--full{background:#fee2e2;border-color:#fecaca;color:#be123c}[data-theme=dark] .iep2-stat-pill--open{background:#3b82f626;border-color:#3b82f640;color:#93c5fd}[data-theme=dark] .iep2-stat-pill--available{background:#22c55e26;border-color:#22c55e40;color:#86efac}[data-theme=dark] .iep2-stat-pill--filling{background:#f59e0b26;border-color:#f59e0b40;color:#fcd34d}[data-theme=dark] .iep2-stat-pill--full{background:#ef444426;border-color:#ef444440;color:#fca5a5}.iep2-close{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.34,1.5,.64,1);width:34px;z-index:1}.iep2-close:hover{background:#e8eaf0;color:#374151;transform:rotate(90deg) scale(1.1)}[data-theme=dark] .iep2-close{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .iep2-close:hover{background:#ffffff1f;color:#f1f5f9}.iep2-body{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;overflow:hidden}[data-theme=dark] .iep2-body{background:#0d1117}.iep2-loader{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:.85rem;justify-content:center;padding:5rem}.iep2-loader-ring{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}.iep2-empty{align-items:center;display:flex;flex-direction:column;gap:.6rem;padding:5rem;text-align:center}.iep2-empty .material-symbols-rounded{color:#cbd5e1;font-size:3rem}.iep2-empty p{color:#374151;font-size:1rem;font-weight:700;margin:0}.iep2-empty span{color:#94a3b8;font-size:.82rem;max-width:320px}[data-theme=dark] .iep2-empty p{color:#e2e8f0}.iep2-grid-scroll{flex:1 1;overflow:auto}.iep2-grid-scroll::-webkit-scrollbar{height:6px;width:6px}.iep2-grid-scroll::-webkit-scrollbar-track{background:#0000}.iep2-grid-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}[data-theme=dark] .iep2-grid-scroll::-webkit-scrollbar-thumb{background:#334155}.iep2-grid{border-collapse:collapse;min-width:520px;table-layout:fixed;width:100%}.iep2-th{background:#fff;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 0 #0000000a;padding:.75rem .5rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}[data-theme=dark] .iep2-th{background:#0d1117;border-color:#1e293b}.iep2-th--time{background:#f8fafc;border-right:2px solid #e2e8f0;min-width:90px;text-align:center;width:100px}[data-theme=dark] .iep2-th--time{background:#0a0f1a;border-color:#1e293b}.iep2-th--time .material-symbols-rounded{color:#94a3b8;font-size:1rem}.iep2-th--day{min-width:130px}.iep2-day-abbr{color:#6366f1;display:block;font-size:.68rem;font-weight:900;letter-spacing:.08em}.iep2-day-full{color:#374151;display:block;font-size:.75rem;font-weight:600;margin-top:.1rem}[data-theme=dark] .iep2-day-full{color:#94a3b8}.iep2-row:hover .iep2-time-cell{background:#f1f5f9}[data-theme=dark] .iep2-row:hover .iep2-time-cell{background:#111827}.iep2-time-cell{background:#fafafa;border-bottom:1px solid #f1f5f9;border-right:2px solid #e2e8f0;min-width:90px;padding:.75rem .5rem;text-align:center;transition:background .15s;vertical-align:middle;width:100px}[data-theme=dark] .iep2-time-cell{background:#0a0f1a;border-color:#1e293b}.iep2-time-inner{align-items:center;display:flex;flex-direction:column;gap:2px}.iep2-time-num{font-feature-settings:"tnum";color:#0f172a;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.iep2-time-num--end{color:#94a3b8}[data-theme=dark] .iep2-time-num{color:#e2e8f0}.iep2-time-sep{color:#cbd5e1;font-size:.6rem;line-height:1}.iep2-time-dur{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:.6rem;font-weight:700;margin-top:2px;padding:1px 5px}[data-theme=dark] .iep2-time-dur{background:#1e293b;color:#64748b}.iep2-slot-cell{border-bottom:1px solid #f1f5f9;border-left:1px solid #f1f5f9;padding:.35rem;vertical-align:top}[data-theme=dark] .iep2-slot-cell{border-color:#1e293b}.iep2-slot{border-radius:10px;cursor:default;display:flex;flex-direction:column;gap:.3rem;min-height:88px;overflow:hidden;padding:.55rem .65rem;position:relative;transition:all .18s ease}.iep2-slot--none{background:#0000;cursor:default}.iep2-slot-none{align-items:center;display:flex;height:88px;justify-content:center;width:100%}.iep2-slot-none:after{background:#e2e8f0;border-radius:1px;content:"";display:block;height:1px;width:24px}[data-theme=dark] .iep2-slot-none:after{background:#1e293b}.iep2-slot--open{background:#eff6ff;border:1.5px solid #bfdbfe}[data-theme=dark] .iep2-slot--open{background:#2563eb14;border-color:#2563eb33}.iep2-slot--available{background:#f0fdf4;border:1.5px solid #bbf7d0}[data-theme=dark] .iep2-slot--available{background:#15803d14;border-color:#15803d33}.iep2-slot--filling{background:#fffbeb;border:1.5px solid #fde68a}[data-theme=dark] .iep2-slot--filling{background:#b4530914;border-color:#b4530933}.iep2-slot--full{background:#fff1f2;border:1.5px solid #fecdd3;opacity:.75}[data-theme=dark] .iep2-slot--full{background:#be123c14;border-color:#be123c33}.iep2-slot--clickable{cursor:pointer}.iep2-slot--clickable:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px) scale(1.01)}.iep2-row:first-child .iep2-slot{animation:iepSlotIn .22s ease both}.iep2-row:nth-child(2) .iep2-slot{animation:iepSlotIn .22s ease .04s both}.iep2-row:nth-child(3) .iep2-slot{animation:iepSlotIn .22s ease .08s both}.iep2-row:nth-child(4) .iep2-slot{animation:iepSlotIn .22s ease .12s both}.iep2-row:nth-child(5) .iep2-slot{animation:iepSlotIn .22s ease .16s both}.iep2-row:nth-child(6) .iep2-slot{animation:iepSlotIn .22s ease .2s both}.iep2-slot--open.iep2-slot--clickable:hover{border-color:#3b82f6;box-shadow:0 6px 20px #3b82f626}.iep2-slot--available.iep2-slot--clickable:hover{border-color:#22c55e;box-shadow:0 6px 20px #22c55e26}.iep2-slot--filling.iep2-slot--clickable:hover{border-color:#f59e0b;box-shadow:0 6px 20px #f59e0b26}.iep2-slot--selected{animation:iepGlow 2s ease infinite!important;background:linear-gradient(135deg,#ede9fe,#f5f3ff)!important;border:2px solid #6366f1!important;box-shadow:0 0 0 3px #6366f11f,0 6px 20px #6366f126!important}.iep2-slot--selected:before{animation:iepShimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#ffffff40 50%,#0000);content:"";inset:0;position:absolute}.iep2-slot-top{align-items:center;display:flex;gap:.25rem;justify-content:space-between}.iep2-slot-status{font-size:.65rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.iep2-slot-status--open{color:#2563eb}.iep2-slot-status--available{color:#16a34a}.iep2-slot-status--filling{color:#d97706}.iep2-slot-status--full{color:#e11d48}.iep2-slot-selected-label{align-items:center;color:#4f46e5;display:inline-flex;font-size:.65rem;font-weight:900;gap:.2rem;letter-spacing:.03em;text-transform:uppercase}.iep2-slot-selected-label .material-symbols-rounded{color:#6366f1;font-size:.85rem;font-variation-settings:"FILL" 1}.iep2-slot-room{align-items:center;background:#0000000a;border-radius:5px;color:#94a3b8;display:inline-flex;font-size:.6rem;font-weight:600;gap:.15rem;padding:1px 5px;white-space:nowrap}.iep2-slot-room .material-symbols-rounded{font-size:.7rem}.iep2-slot-cap{display:flex;flex-direction:column;gap:.2rem;margin-top:auto}.iep2-cap-bar{background:#00000012;border-radius:5px;height:5px;overflow:hidden;width:100%}.iep2-cap-fill{border-radius:5px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.iep2-cap-fill--open{background:#3b82f6}.iep2-cap-fill--available{background:#22c55e}.iep2-cap-fill--filling{background:#f59e0b}.iep2-cap-fill--full{background:#f43f5e}.iep2-cap-fill--selected{background:#6366f1}.iep2-cap-label{font-feature-settings:"tnum";color:#374151;font-size:.65rem;font-variant-numeric:tabular-nums;font-weight:800;text-align:right}.iep2-cap-of{font-weight:500}.iep2-cap-of,[data-theme=dark] .iep2-cap-label{color:#94a3b8}.iep2-cap-unlimited{color:#94a3b8;font-size:.65rem;font-weight:600;margin-top:auto}.iep2-slot-hint{background:linear-gradient(0deg,#6366f114,#0000);bottom:0;color:#6366f1;font-size:.6rem;font-weight:700;left:0;opacity:0;padding:4px 0 3px;position:absolute;right:0;text-align:center;transition:opacity .15s}.iep2-slot--clickable:hover .iep2-slot-hint{opacity:1}.iep2-break-tr{background:#fffbeb}[data-theme=dark] .iep2-break-tr{background:#f59e0b0d}.iep2-break-time-cell{border-right:2px solid #fde68a;color:#92400e;font-family:monospace;font-size:.62rem;font-weight:700;padding:.3rem .5rem;text-align:center}.iep2-break-td{padding:.2rem .35rem}.iep2-break-stripe{align-items:center;background:repeating-linear-gradient(90deg,#f59e0b0f,#f59e0b0f 4px,#0000 0,#0000 8px);border:1px dashed #f59e0b4d;border-radius:8px;color:#b45309;display:flex;font-size:.68rem;font-weight:700;gap:.4rem;justify-content:center;padding:.3rem .5rem}.iep2-break-stripe .material-symbols-rounded{color:#f59e0b;font-size:.85rem}.iep2-break-dur{font-family:monospace;font-size:.6rem;margin-left:.2rem;opacity:.7}.iep2-footer{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:.9rem 1.6rem}[data-theme=dark] .iep2-footer{background:#0d1117;border-color:#1e293b}.iep2-footer-info{align-items:baseline;display:flex;gap:.4rem}.iep2-footer-sel-count{color:#4f46e5;font-size:1.5rem;font-weight:900;line-height:1}.iep2-footer-info span{color:#64748b;font-size:.82rem;font-weight:600}.iep2-footer-hint{color:#94a3b8;font-size:.82rem}.iep2-footer-actions{display:flex;gap:.5rem}.iep2-btn{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:.35rem;padding:.52rem 1.1rem;transition:all .15s}.iep2-btn--ghost{background:none;border:1px solid #e2e8f0;color:#64748b}.iep2-btn--ghost:hover{background:#f8fafc;color:#374151}.iep2-btn--enroll{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;box-shadow:0 2px 8px #6366f140;color:#fff;overflow:hidden;position:relative}.iep2-btn--enroll:after{background:radial-gradient(circle at center,#ffffff40 0,#0000 70%);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.iep2-btn--enroll:hover:not(:disabled):after{opacity:1}.iep2-btn--enroll:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 14px #6366f159;transform:translateY(-1px)}.iep2-btn--enroll:disabled{cursor:not-allowed;opacity:.45;transform:none}.iep2-btn .material-symbols-rounded{font-size:1rem}@media (max-width:900px){.iep2-shell{width:min(98vw,700px)}.iep2-th--day{min-width:100px}.iep2-slot{min-height:72px}}@media (max-width:640px){.iep2-backdrop{align-items:flex-end;padding:0}.iep2-shell{animation:iepSlideUp .25s ease;border-radius:20px 20px 0 0;max-height:92vh;width:100vw}.iep2-chrome{padding:.9rem 1rem}.iep2-chrome-sub{display:none}.iep2-body{font-size:.9em}.iep2-day-abbr{font-size:.65rem}.iep2-day-full{display:none}.iep2-th--day{min-width:80px}.iep2-th--time,.iep2-time-cell{min-width:70px;width:78px}.iep2-slot{min-height:66px;padding:.4rem}.iep2-footer{align-items:stretch;flex-direction:column;padding:.85rem 1rem}.iep2-btn--enroll,.iep2-btn--ghost{flex:1 1;justify-content:center}.iep2-stat-pills{display:none}}@keyframes iepSlotSlide{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}.iep2-mobile-days,.iep2-mobile-slots{display:none}@media (max-width:640px){.iep2-mobile-days,.iep2-mobile-slots{display:flex}.iep2-grid-scroll{display:none!important}.iep2-mobile-days{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;gap:0;overflow-x:auto;padding:.65rem 1rem;scrollbar-width:none}[data-theme=dark] .iep2-mobile-days{background:#0d1117;border-color:#1e293b}.iep2-mobile-days::-webkit-scrollbar{display:none}.iep2-mobile-day-btn{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:58px;padding:.5rem .9rem;position:relative;transition:all .18s}.iep2-mobile-day-btn:hover{background:#f1f5f9}[data-theme=dark] .iep2-mobile-day-btn:hover{background:#1e293b}.iep2-mobile-day-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d}.iep2-mday-abbr{color:#64748b;font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.iep2-mday-name{color:#374151;font-size:.72rem;font-weight:700}.iep2-mobile-day-btn.active .iep2-mday-abbr,.iep2-mobile-day-btn.active .iep2-mday-name{color:#fff}[data-theme=dark] .iep2-mday-abbr{color:#64748b}[data-theme=dark] .iep2-mday-name{color:#94a3b8}.iep2-mday-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px #fff;height:6px;position:absolute;right:10px;top:6px;width:6px}.iep2-mobile-day-btn.active .iep2-mday-dot{box-shadow:0 0 0 2px #4f46e5}.iep2-mobile-slots{-webkit-overflow-scrolling:touch;flex:1 1;flex-direction:column;gap:.6rem;overflow-y:auto;padding:.85rem 1rem}.iep2-mslot{align-items:stretch;animation:iepSlotSlide .25s ease both;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;display:flex;gap:.75rem;min-height:72px;overflow:hidden;transition:all .18s}[data-theme=dark] .iep2-mslot{background:#111827;border-color:#1e293b}.iep2-mslot--open{background:#eff6ff;border-color:#bfdbfe}.iep2-mslot--available{background:#f0fdf4;border-color:#bbf7d0}.iep2-mslot--filling{background:#fffbeb;border-color:#fde68a}.iep2-mslot--full{background:#fff1f2;border-color:#fecdd3;opacity:.7}.iep2-mslot--none{background:#fafafa;border-color:#f1f5f9;border-style:dashed}[data-theme=dark] .iep2-mslot--open{background:#2563eb14}[data-theme=dark] .iep2-mslot--available{background:#15803d14}[data-theme=dark] .iep2-mslot--filling{background:#b4530914}.iep2-mslot--clickable{cursor:pointer}.iep2-mslot--clickable:active{box-shadow:0 2px 8px #00000014;transform:scale(.98)}.iep2-mslot--selected{background:linear-gradient(135deg,#ede9fe,#f5f3ff)!important;border-color:#6366f1!important;border-width:2px!important;box-shadow:0 0 0 3px #6366f11f}.iep2-mslot-time{align-items:center;background:#00000005;border-right:1px solid #0000000f;display:flex;flex-direction:column;gap:2px;justify-content:center;min-width:68px;padding:.75rem .6rem}.iep2-mslot--selected .iep2-mslot-time{background:#6366f10f;border-right-color:#6366f126}.iep2-mslot-start{font-feature-settings:"tnum";color:#374151;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.iep2-mslot-end{font-feature-settings:"tnum";color:#94a3b8;font-size:.65rem;font-variant-numeric:tabular-nums;white-space:nowrap}.iep2-mslot-dur{background:#0000000f;border-radius:20px;color:#64748b;font-size:.58rem;font-weight:700;margin-top:3px;padding:1px 5px}.iep2-mslot-body{display:flex;flex:1 1;flex-direction:column;gap:.35rem;justify-content:center;padding:.7rem .25rem .7rem 0}.iep2-mslot-top{align-items:center;display:flex;gap:.4rem;justify-content:space-between}.iep2-mslot-status{font-size:.7rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.iep2-mslot-status--open{color:#2563eb}.iep2-mslot-status--available{color:#16a34a}.iep2-mslot-status--filling{color:#d97706}.iep2-mslot-status--full{color:#e11d48}.iep2-mslot-status--selected{color:#4f46e5}.iep2-mslot-room{align-items:center;background:#0000000d;border-radius:6px;color:#64748b;display:inline-flex;font-size:.62rem;font-weight:600;gap:.15rem;padding:1px 6px}.iep2-mslot-room .material-symbols-rounded{font-size:.72rem}.iep2-mslot-cap{align-items:center;display:flex;gap:.5rem}.iep2-mslot-bar{background:#00000012;border-radius:5px;flex:1 1;height:5px;overflow:hidden}.iep2-mslot-fill{border-radius:5px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.iep2-mslot-seats{color:#374151;font-size:.65rem;font-weight:700;white-space:nowrap}.iep2-mslot-unlimited{color:#94a3b8;font-size:.65rem}.iep2-mslot-noclass{color:#94a3b8;font-size:.72rem;font-style:italic}.iep2-mslot-hint{color:#6366f1;font-size:.62rem;font-weight:700}.iep2-mslot-action{padding:0 .75rem}.iep2-mslot-action,.iep2-mslot-check{align-items:center;display:flex;justify-content:center}.iep2-mslot-check{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;box-shadow:0 2px 8px #6366f14d;height:28px;width:28px}.iep2-mslot-check .material-symbols-rounded{color:#fff;font-size:.95rem;font-variation-settings:"FILL" 1}.iep2-mslot-chevron{color:#cbd5e1;font-size:1.2rem;transition:transform .15s}.iep2-mslot--clickable:hover .iep2-mslot-chevron{color:#6366f1;transform:translateX(3px)}}.iep2-backdrop--glass{-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);background:#02020cd1;z-index:9900}.iep2-shell--glass{background:#080814eb;border:1px solid #ffffff12;box-shadow:0 0 0 1px #6366f126,0 40px 100px #000000b3,0 0 80px #6366f114}.iep2-shell--glass .iep2-chrome{background:#6366f11f;border-bottom-color:#ffffff0f}.iep2-shell--glass .iep2-chrome-title{color:#f1f5f9}.iep2-shell--glass .iep2-chrome-sub{color:#ffffff59}.iep2-shell--glass .iep2-close{background:#ffffff12;border-color:#ffffff1a;color:#ffffff80}.iep2-shell--glass .iep2-close:hover{background:#ffffff24;color:#fff}.iep2-shell--glass .iep2-stat-pill--open{background:#3b82f62e;border-color:#3b82f64d;color:#93c5fd}.iep2-shell--glass .iep2-stat-pill--available{background:#22c55e2e;border-color:#22c55e4d;color:#86efac}.iep2-shell--glass .iep2-stat-pill--filling{background:#f59e0b2e;border-color:#f59e0b4d;color:#fcd34d}.iep2-shell--glass .iep2-stat-pill--full{background:#ef44442e;border-color:#ef44444d;color:#fca5a5}.iep2-shell--glass .iep2-body{background:#0000}.iep2-shell--glass .iep2-stats-bar{background:#ffffff0a;border-color:#ffffff12}.iep2-shell--glass .iep2-stat-val{color:#f1f5f9}.iep2-shell--glass .iep2-stat-div{background:#ffffff1a}.iep2-shell--glass .iep2-legend-pill{opacity:.85}.iep2-shell--glass .iep2-th{background:#ffffff0a;border-bottom-color:#ffffff14;color:#ffffff80}.iep2-shell--glass .iep2-th--time{background:#ffffff08;border-right-color:#ffffff14}.iep2-shell--glass .iep2-day-full{color:#ffffff8c}.iep2-shell--glass .iep2-time-cell{background:#ffffff08;border-bottom-color:#ffffff0d;border-right-color:#ffffff14}.iep2-shell--glass .iep2-sess-time{color:#e2e8f0}.iep2-shell--glass .iep2-sess-badge{opacity:.9}.iep2-shell--glass .iep2-time-dur{background:#ffffff14;color:#fff6}.iep2-shell--glass .iep2-td{border-color:#ffffff0d}.iep2-shell--glass .iep2-td--none{background:#ffffff05}.iep2-shell--glass .iep2-break-tr{background:#f59e0b0f}.iep2-shell--glass .iep2-footer{background:#ffffff08;border-top-color:#ffffff12}.iep2-shell--glass .iep2-footer-info span{color:#fff6}.iep2-shell--glass .iep2-btn--ghost{background:#ffffff12;border-color:#ffffff1a;color:#fff9}.iep2-shell--glass .iep2-btn--ghost:hover{background:#ffffff24;color:#fff}.iep2-shell--glass .iep2-mobile-days{background:#ffffff0a;border-bottom-color:#ffffff12}.iep2-active-banner{background:linear-gradient(135deg,#10b9810f,#0596690a);border:1px solid #10b98133;border-radius:12px;display:flex;flex-direction:column;gap:.55rem;margin:0 1rem .75rem;padding:.75rem 1rem}.iep2-active-banner-label{align-items:center;color:#059669;display:flex;font-size:.73rem;font-weight:700;gap:.35rem;letter-spacing:.04em;text-transform:uppercase}.iep2-active-banner-label .material-symbols-rounded{font-size:.95rem}.iep2-active-banner-list{display:flex;flex-direction:column;gap:.4rem}.iep2-active-card{align-items:center;background:#ffffffd9;border:1px solid #10b9812e;border-radius:9px;display:flex;gap:.65rem;padding:.5rem .75rem}.iep2-active-card-icon{color:#059669;flex-shrink:0;font-size:1.1rem!important}.iep2-active-card-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.iep2-active-card-name{color:#0f172a;font-size:.84rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iep2-active-card-meta{color:#64748b;font-size:.72rem;font-weight:500}.iep2-transfer-btn{align-items:center;background:#7c3aed12;border:1px solid #7c3aed40;border-radius:8px;color:#7c3aed;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.78rem;font-weight:700;gap:.3rem;padding:.38rem .8rem;transition:all .15s;white-space:nowrap}.iep2-transfer-btn:hover:not(:disabled){background:#7c3aed24;border-color:#7c3aed66}.iep2-transfer-btn:disabled{cursor:not-allowed;opacity:.55}.iep2-transfer-btn .material-symbols-rounded{font-size:.9rem!important}.iep2-slot--current{background:#7c3aed12!important;border-color:#7c3aed!important;box-shadow:inset 0 0 0 1.5px #7c3aed59!important}.iep2-slot-current-label{align-items:center;background:#7c3aed1a;border:1px solid #7c3aed47;border-radius:5px;color:#7c3aed;display:inline-flex;font-size:.65rem;font-weight:700;gap:.2rem;padding:.1rem .35rem;white-space:nowrap}.iep2-slot-current-label .material-symbols-rounded{font-size:.7rem!important}.iep2-mslot--current{background:#7c3aed12!important;border-color:#7c3aed!important}.iep2-mslot-status--current{background:#7c3aed1a;border:1px solid #7c3aed47;border-radius:5px;color:#7c3aed;font-size:.7rem;font-weight:700;padding:.1rem .35rem}.iep2-kit-row{align-items:center;background:#f0fdf4;border-bottom:1px solid #bbf7d0;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:background .15s;-webkit-user-select:none;user-select:none}.iep2-kit-row:hover{background:#dcfce7}[data-theme=dark] .iep2-kit-row{background:#10b98114;border-bottom-color:#10b98133}.iep2-kit-checkbox{accent-color:#059669;cursor:pointer;flex-shrink:0;height:16px;width:16px}.iep2-kit-icon{color:#059669;font-size:1.05rem}.iep2-kit-label{color:#065f46;font-size:.82rem;font-weight:700}[data-theme=dark] .iep2-kit-label{color:#6ee7b7}.iep2-kit-hint{color:#6b7280;font-size:.72rem;margin-left:2px}.iep2-shell--glass .iep2-active-banner{background:#10b98114;border-color:#10b98140}.iep2-shell--glass .iep2-active-card{background:#ffffff12;border-color:#10b98133}.iep2-shell--glass .iep2-slot--current{background:#7c3aed1f!important;border-color:#7c3aed73!important}.iep2-shell--glass .iep2-active-card-name{color:#e2e8f0}.iep2-shell--glass .iep2-active-card-meta{color:#ffffff73}.prp-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9900}.prp-panel{animation:prpSlide .22s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 28px 72px #00000040;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:min(92vw,1100px)}@keyframes prpSlide{0%{opacity:0;transform:scale(.93) translateY(-18px)}to{opacity:1;transform:none}}.prp-header{background:linear-gradient(135deg,#6366f10f,#8b5cf608);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;padding:1.25rem 1.75rem}.prp-header,.prp-header-left{align-items:center;display:flex}.prp-header-left{gap:1rem}.prp-header-icon-wrap{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:14px;box-shadow:0 4px 12px #6366f14d;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.prp-header-icon-wrap .material-symbols-rounded{color:#fff;font-size:1.5rem}.prp-header-left h2{color:#111827;color:var(--text-primary,#111827);font-size:1.1rem;font-weight:900;margin:0}.prp-header-left p{color:#9ca3af;font-size:.78rem;margin:.1rem 0 0}.prp-close{align-items:center;background:none;border:none;border-radius:9px;color:#9ca3af;cursor:pointer;display:flex;padding:.4rem;transition:all .15s}.prp-close:hover{background:#f3f4f6;color:#374151}.prp-toolbar{background:#fafafa;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;flex-direction:column;flex-shrink:0;gap:.6rem;padding:.9rem 1.75rem}[data-theme=dark] .prp-toolbar{background:#ffffff05}.prp-search{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:11px;display:flex;gap:.6rem;padding:.6rem 1rem;transition:border-color .15s}.prp-search:focus-within{border-color:#6366f1}.prp-search .material-symbols-rounded{color:#9ca3af;flex-shrink:0;font-size:1.1rem}.prp-search input{background:none;border:none;color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:.9rem;outline:none}.prp-clear-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:0;transition:color .15s}.prp-clear-btn:hover{color:#374151}.prp-clear-btn .material-symbols-rounded{font-size:1rem}.prp-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.prp-select{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:8px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-size:.82rem;font-weight:600;outline:none;padding:.35rem .7rem;transition:border-color .15s}.prp-select:focus{border-color:#6366f1}.prp-clear-filters{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#991b1b;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;gap:.25rem;padding:.35rem .7rem;transition:all .15s}.prp-clear-filters:hover{background:#fecaca}.prp-clear-filters .material-symbols-rounded{font-size:.95rem}.prp-result-count{color:#9ca3af;font-size:.75rem;font-weight:600}.prp-body{display:flex;flex:1 1;flex-direction:column;gap:.85rem;overflow-y:auto;padding:1.1rem 1.75rem}.prp-body::-webkit-scrollbar{width:5px}.prp-body::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:3px}.spinning{animation:spin .7s linear infinite}.prp-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:.75rem;padding:4rem;text-align:center}.prp-state .material-symbols-rounded{font-size:2.5rem;opacity:.3}.prp-state p{font-size:.88rem;margin:0}.prp-list{flex-direction:column}.prp-card,.prp-list{display:flex;gap:.85rem}.prp-card{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:16px;cursor:pointer;padding:1.1rem 1.25rem;transition:all .18s}.prp-card:hover{border-color:#a5b4fc;box-shadow:0 4px 16px #6366f11a;transform:translateY(-1px)}.prp-card.selected{background:linear-gradient(135deg,#f5f3ff,#faf5ff);border-color:#6366f1;box-shadow:0 6px 20px #6366f126}.prp-card-sel{flex-shrink:0;padding-top:.15rem}.prp-card-sel .material-symbols-rounded{color:#d1d5db;font-size:1.5rem;transition:color .15s}.prp-card.selected .prp-card-sel .material-symbols-rounded{color:#6366f1;font-variation-settings:"FILL" 1}.prp-card-body{display:flex;flex:1 1;flex-direction:column;gap:.7rem;min-width:0}.prp-card-top{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.prp-card-title-block{min-width:0}.prp-prog-name{color:#111827;color:var(--text-primary,#111827);font-size:1.05rem;font-weight:900;margin:0}.prp-card.selected .prp-prog-name{color:#4338ca}.prp-prog-id{color:#9ca3af;font-family:monospace;font-size:.68rem;margin-top:.1rem}.prp-card-badges{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.35rem}.prp-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.67rem;font-weight:800;gap:.2rem;letter-spacing:.4px;padding:3px 9px;text-transform:uppercase}.prp-badge-featured{background:#fef9c3;color:#78350f}.prp-badge-featured .material-symbols-rounded{font-size:.8rem;font-variation-settings:"FILL" 1}.prp-badge-status{background:#d1fae5;color:#065f46}.prp-desc{color:#6b7280;font-size:.82rem;line-height:1.5;margin:0}.prp-course-block{align-items:flex-start;background:#6366f10a;border:1px solid #6366f11f;border-radius:10px;display:flex;gap:.6rem;padding:.65rem .85rem}.prp-course-block>.material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:1rem;margin-top:.1rem}.prp-course-info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.prp-course-path{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.85rem;font-weight:700}.prp-course-meta{display:flex;flex-wrap:wrap;gap:.3rem}.prp-chip{align-items:center;background:#6366f114;border-radius:7px;color:#4338ca;display:inline-flex;font-size:.7rem;font-weight:600;gap:.2rem;padding:2px 7px}.prp-chip .material-symbols-rounded{font-size:.75rem}.prp-stats{display:flex;flex-wrap:wrap;gap:.6rem}.prp-stat{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border:1px solid var(--border-color,#f1f5f9);border-radius:10px;display:flex;flex:1 1;gap:.45rem;min-width:80px;padding:.5rem .75rem}[data-theme=dark] .prp-stat{background:#ffffff0a}.prp-stat .material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:1.1rem}.prp-stat-val{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1rem;font-weight:900;line-height:1}.prp-stat-lbl{color:#94a3b8;font-size:.6rem;font-weight:700;letter-spacing:.4px;margin-top:.1rem;text-transform:uppercase}.prp-subjects{display:flex;flex-direction:column;gap:.4rem}.prp-subjects-label{color:#9ca3af;font-size:.68rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.prp-subjects-list{display:flex;flex-wrap:wrap;gap:.4rem}.prp-subject-chip{align-items:center;background:linear-gradient(135deg,#f0fdf4,#f7fee7);border:1px solid #86efac;border-radius:9px;color:#166534;display:inline-flex;font-size:.78rem;font-weight:700;gap:.3rem;padding:.35rem .75rem}.prp-subject-chip .material-symbols-rounded{color:#16a34a;font-size:.88rem}.prp-subj-short{background:#16a34a1a;font-family:monospace}.prp-subj-hrs,.prp-subj-short{border-radius:4px;font-size:.65rem;padding:1px 5px}.prp-subj-hrs{background:#16a34a14;color:#4ade80}.prp-footer{align-items:center;background:#fff;background:var(--card-bg,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;gap:.75rem;justify-content:space-between;padding:1rem 1.75rem}.prp-selected-preview{align-items:center;color:#4338ca;display:flex;font-size:.85rem;font-weight:600;gap:.5rem}.prp-selected-preview .material-symbols-rounded{color:#6366f1;font-size:1.1rem;font-variation-settings:"FILL" 1}.prp-selected-preview--empty{color:#9ca3af}.prp-selected-preview--empty .material-symbols-rounded{color:#d1d5db;font-variation-settings:"FILL" 0}.prp-footer-actions{display:flex;gap:.5rem}.prp-btn-cancel{background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:#6b7280;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.1rem;transition:all .15s}.prp-btn-cancel:hover{background:#f3f4f6;color:#374151}.prp-btn-register{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;box-shadow:0 2px 8px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.35rem;padding:.55rem 1.25rem;transition:all .15s}.prp-btn-register:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 14px #6366f159;transform:translateY(-1px)}.prp-btn-register:disabled{cursor:not-allowed;opacity:.45;transform:none}.prp-btn-register .material-symbols-rounded{font-size:1rem}[data-theme=dark] .prp-panel{background:#1f2937;background:var(--card-bg,#1f2937)}[data-theme=dark] .prp-card{background:#ffffff08}[data-theme=dark] .prp-card.selected{background:#6366f11a}@media (max-width:640px){.prp-backdrop{align-items:flex-end;padding:0}.prp-panel{animation:prpSlideUp .25s cubic-bezier(.34,1.56,.64,1);border-radius:20px 20px 0 0;max-height:92vh;width:100vw}@keyframes prpSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.prp-body,.prp-footer,.prp-header,.prp-toolbar{padding-left:1rem;padding-right:1rem}.prp-card-top{flex-direction:column}.prp-stats{flex-wrap:wrap;gap:.4rem}.prp-stat{flex-basis:calc(50% - 0.2rem);flex-grow:0;flex-shrink:0;min-width:calc(50% - .2rem)}.prp-stat-val{font-size:.88rem}.prp-footer{align-items:stretch;flex-direction:column}.prp-footer-actions{display:flex;gap:.5rem}.prp-btn-cancel,.prp-btn-register{flex:1 1;justify-content:center}}.prp-set-primary-btn{align-items:center;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:7px;color:#92400e;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.72rem;font-weight:700;gap:.25rem;margin-top:.35rem;padding:.25rem .65rem;transition:all .15s}.prp-set-primary-btn:hover{background:#fef3c7;border-color:#f59e0b}.prp-set-primary-btn .material-symbols-rounded{color:#f59e0b;font-size:.85rem}.prp-primary-label{align-items:center;background:#fffbeb;border:1.5px solid #f59e0b;border-radius:7px;color:#92400e;display:inline-flex;font-size:.72rem;font-weight:800;gap:.25rem;margin-top:.35rem;padding:.25rem .65rem}.prp-primary-label .material-symbols-rounded{color:#f59e0b;font-size:.85rem}.prp-card.primary{background:linear-gradient(135deg,#fffbeb,#fef9c3);border-color:#f59e0b;box-shadow:0 6px 20px #f59e0b26}:root{--bal-overlay-bg:#00000080;--bal-popup-bg:#fffffff7;--bal-popup-border:#fff3;--bal-popup-shadow:0 24px 64px #0000002e,0 8px 32px #00000014;--bal-header-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--bal-header-border:#10b9811f;--bal-header-icon-bg:linear-gradient(135deg,#059669,#10b981);--bal-header-icon-shadow:0 8px 20px #05966959;--bal-header-title:#065f46;--bal-header-sub:#059669;--bal-text-primary:#1e293b;--bal-text-secondary:#374151;--bal-text-muted:#6b7280;--bal-text-light:#9ca3af;--bal-border:#e2e8f0cc;--bal-panel-bg:#fff;--bal-panel-border:#e2e8f099;--bal-preset-bg:#f8fafce6;--bal-preset-border:#e2e8f099;--bal-preset-text:#374151;--bal-preset-hover-bg:#f0fdf4e6;--bal-preset-hover-border:#10b9814d;--bal-preset-active-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--bal-preset-active-border:#10b981;--bal-preset-active-text:#065f46;--bal-search-bg:#ffffffe6;--bal-search-border:#e2e8f0cc;--bal-search-focus-border:#10b981;--bal-search-focus-shadow:0 0 0 3px #10b9811f;--bal-search-text:#1e293b;--bal-search-icon:#94a3b8;--bal-table-head-bg:#f8fafcf2;--bal-table-head-text:#64748b;--bal-row-bg:#fffc;--bal-row-border:#e2e8f066;--bal-row-hover-bg:#f0fdf4cc;--bal-row-hover-border:#10b98133;--bal-row-selected-bg:linear-gradient(135deg,#d1fae5e6,#a7f3d0b3);--bal-row-selected-border:#10b981;--bal-checkbox-bg:#ffffffe6;--bal-checkbox-border:#cbd5e1e6;--bal-checkbox-checked-bg:linear-gradient(135deg,#10b981,#059669);--bal-checkbox-checked-border:#059669;--bal-right-bg:#f8fafc99;--bal-right-border:#e2e8f099;--bal-counsellor-trigger-bg:#ffffffe6;--bal-counsellor-trigger-border:#10b9814d;--bal-counsellor-trigger-text:#065f46;--bal-counsellor-trigger-hover-bg:#f0fdf4f2;--bal-counsellor-trigger-hover-border:#10b981;--bal-dropdown-bg:#fffffffa;--bal-dropdown-border:#e2e8f0cc;--bal-dropdown-shadow:0 12px 32px #0000001f,0 4px 12px #0000000f;--bal-item-hover-bg:#f0fdf4e6;--bal-item-active-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--bal-item-active-border:#10b9814d;--bal-summary-bg:#f0fdf499;--bal-summary-border:#10b98126;--bal-count-active:#059669;--bal-cancel-bg:#f8fafce6;--bal-cancel-border:#cbd5e1cc;--bal-cancel-text:#374151;--bal-cancel-hover-bg:#f3f4f6;--bal-assign-btn-bg:linear-gradient(135deg,#10b981,#059669);--bal-assign-btn-text:#fff;--bal-assign-btn-shadow:0 4px 12px #10b98159;--bal-assign-btn-hover-shadow:0 8px 20px #10b98173;--bal-assign-btn-disabled-bg:#d1d5db;--bal-assign-btn-disabled-text:#9ca3af;--bal-footer-bg:#f8fafce6;--bal-footer-border:#e2e8f099;--bal-selected-card-bg:linear-gradient(135deg,#d1fae5cc,#a7f3d099);--bal-selected-card-border:#10b9814d;--bal-avatar-bg:linear-gradient(135deg,#059669,#10b981);--bal-avatar-text:#fff}[data-theme=dark]{--bal-overlay-bg:#000000b3;--bal-popup-bg:#161616f7;--bal-popup-border:#00f2fe26;--bal-popup-shadow:0 24px 64px #000c,0 8px 32px #00f2fe14;--bal-header-bg:linear-gradient(135deg,#05966933,#111827f2);--bal-header-border:#10b98126;--bal-header-icon-bg:linear-gradient(135deg,#10b981,#059669);--bal-header-title:#6ee7b7;--bal-header-sub:#34d399;--bal-text-primary:#f1f5f9;--bal-text-secondary:#e2e8f0;--bal-text-muted:#94a3b8;--bal-text-light:#64748b;--bal-border:#ffffff14;--bal-panel-bg:#1a1a1af2;--bal-panel-border:#ffffff14;--bal-preset-bg:#1e1e1ee6;--bal-preset-border:#ffffff14;--bal-preset-text:#d1d5db;--bal-preset-hover-bg:#10b9811a;--bal-preset-hover-border:#10b9814d;--bal-preset-active-bg:#10b98133;--bal-preset-active-border:#10b981;--bal-preset-active-text:#6ee7b7;--bal-search-bg:#1e1e1ee6;--bal-search-border:#ffffff1a;--bal-search-focus-border:#10b981;--bal-search-focus-shadow:0 0 0 3px #10b98133;--bal-search-text:#f1f5f9;--bal-search-icon:#6b7280;--bal-table-head-bg:#1e1e1ef2;--bal-table-head-text:#6b7280;--bal-row-bg:#282828cc;--bal-row-border:#ffffff0f;--bal-row-hover-bg:#10b98114;--bal-row-hover-border:#10b98133;--bal-row-selected-bg:#10b98126;--bal-row-selected-border:#10b981;--bal-checkbox-bg:#282828e6;--bal-checkbox-border:#ffffff26;--bal-checkbox-checked-bg:linear-gradient(135deg,#10b981,#059669);--bal-checkbox-checked-border:#059669;--bal-right-bg:#121212b3;--bal-right-border:#ffffff0f;--bal-counsellor-trigger-bg:#1e1e1ee6;--bal-counsellor-trigger-border:#10b9814d;--bal-counsellor-trigger-text:#6ee7b7;--bal-counsellor-trigger-hover-bg:#10b9811a;--bal-counsellor-trigger-hover-border:#10b981;--bal-dropdown-bg:#1a1a1afc;--bal-dropdown-border:#ffffff1a;--bal-dropdown-shadow:0 12px 32px #0009,0 4px 12px #10b9811a;--bal-item-hover-bg:#10b9811a;--bal-item-active-bg:#10b98133;--bal-item-active-border:#10b9814d;--bal-summary-bg:#10b98114;--bal-summary-border:#10b98126;--bal-count-active:#34d399;--bal-cancel-bg:#282828e6;--bal-cancel-border:#ffffff1f;--bal-cancel-text:#d1d5db;--bal-cancel-hover-bg:#323232e6;--bal-assign-btn-bg:linear-gradient(135deg,#10b981,#059669);--bal-assign-btn-text:#fff;--bal-assign-btn-shadow:0 4px 12px #10b98166;--bal-assign-btn-hover-shadow:0 8px 20px #10b98180;--bal-assign-btn-disabled-bg:#282828cc;--bal-assign-btn-disabled-text:#4b5563;--bal-footer-bg:#141414e6;--bal-footer-border:#ffffff0f;--bal-selected-card-bg:#10b9811f;--bal-selected-card-border:#10b98140;--bal-avatar-bg:linear-gradient(135deg,#059669,#10b981);--bal-avatar-text:#fff}.bal-overlay{align-items:center;animation:balFadeIn .2s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000080;background:var(--bal-overlay-bg);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9100}.bal-popup{animation:balSlideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fffffff7;background:var(--bal-popup-bg);border:1px solid #fff3;border:1px solid var(--bal-popup-border);border-radius:24px;box-shadow:0 24px 64px #0000002e,0 8px 32px #00000014;box-shadow:var(--bal-popup-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:1040px;overflow:hidden;width:100%}.bal-header{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--bal-header-bg);border-bottom:1px solid #10b9811f;border-bottom:1px solid var(--bal-header-border);flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.bal-header,.bal-header-left{align-items:center;display:flex}.bal-header-left{gap:1rem}.bal-header-icon{align-items:center;background:linear-gradient(135deg,#059669,#10b981);background:var(--bal-header-icon-bg);border-radius:14px;box-shadow:0 8px 20px #05966959;box-shadow:var(--bal-header-icon-shadow);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.bal-header-icon .material-symbols-rounded{color:#fff;font-size:24px;font-variation-settings:"FILL" 1,"wght" 600}.bal-header h2{color:#065f46;color:var(--bal-header-title);font-family:Google Sans,Poppins,sans-serif;font-size:1.25rem;font-weight:700;margin:0}.bal-header p{color:#059669;color:var(--bal-header-sub);font-size:.83rem;margin:.2rem 0 0;opacity:.85}.bal-close-btn{align-items:center;background:#ffffffb3;border:none;border-radius:10px;color:#6b7280;color:var(--bal-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.bal-close-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.08)}[data-theme=dark] .bal-close-btn{background:#282828cc;color:#9ca3af}.bal-banner{align-items:center;animation:balSlideDown .25s ease-out;border-radius:10px;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:.5rem;margin:1rem 2rem 0;padding:.75rem 1rem}.bal-banner.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.bal-banner.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}[data-theme=dark] .bal-banner.error{background:#ef444426;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .bal-banner.success{background:#10b98126;border-color:#10b9814d;color:#6ee7b7}.bal-body{gap:0}.bal-body,.bal-leads-panel{display:flex;flex:1 1;overflow:hidden}.bal-leads-panel{border-right:1px solid #e2e8f0cc;border-right:1px solid var(--bal-border);flex-direction:column;gap:.875rem;min-width:0;padding:1.25rem 1.5rem}.bal-presets{display:flex;flex-wrap:wrap;gap:.5rem}.bal-preset-btn{align-items:center;background:#f8fafce6;background:var(--bal-preset-bg);border:1.5px solid #e2e8f099;border:1.5px solid var(--bal-preset-border);border-radius:20px;color:#374151;color:var(--bal-preset-text);cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.375rem;padding:.4rem .875rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.bal-preset-btn .material-symbols-rounded{font-size:16px}.bal-preset-btn:hover{background:#f0fdf4e6;background:var(--bal-preset-hover-bg);border-color:#10b9814d;border-color:var(--bal-preset-hover-border);transform:translateY(-1px)}.bal-preset-btn.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--bal-preset-active-bg);border-color:#10b981;border-color:var(--bal-preset-active-border);box-shadow:0 2px 8px #10b98133;color:#065f46;color:var(--bal-preset-active-text)}.bal-custom-range{align-items:center;background:#f8fafce6;background:var(--bal-preset-bg);border:1px solid #e2e8f099;border:1px solid var(--bal-preset-border);border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem}.bal-date-field{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.bal-date-field label{color:#6b7280;color:var(--bal-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.bal-date-field input[type=date]{background:#ffffffe6;background:var(--bal-search-bg);border:1.5px solid #e2e8f0cc;border:1.5px solid var(--bal-search-border);border-radius:8px;color:#1e293b;color:var(--bal-search-text);font-family:inherit;font-size:.85rem;outline:none;padding:.5rem .75rem;transition:border-color .2s ease}.bal-date-field input[type=date]:focus{border-color:#10b981;border-color:var(--bal-search-focus-border);box-shadow:0 0 0 3px #10b9811f;box-shadow:var(--bal-search-focus-shadow)}.bal-date-sep{color:#6b7280;color:var(--bal-text-muted);font-size:1.1rem;margin-top:1.2rem}.bal-search-bar{align-items:center;display:flex;position:relative}.bal-search-bar>.material-symbols-rounded{color:#94a3b8;color:var(--bal-search-icon);font-size:18px;left:.875rem;pointer-events:none;position:absolute;z-index:1}.bal-search-bar input{background:#ffffffe6;background:var(--bal-search-bg);border:1.5px solid #e2e8f0cc;border:1.5px solid var(--bal-search-border);border-radius:10px;color:#1e293b;color:var(--bal-search-text);font-family:inherit;font-size:.875rem;outline:none;padding:.65rem 2.5rem .65rem 2.75rem;transition:all .25s ease;width:100%}.bal-search-bar input::placeholder{color:#9ca3af;color:var(--bal-text-light)}.bal-search-bar input:focus{border-color:#10b981;border-color:var(--bal-search-focus-border);box-shadow:0 0 0 3px #10b9811f;box-shadow:var(--bal-search-focus-shadow)}.bal-search-clear{align-items:center;background:none;border:none;color:#6b7280;color:var(--bal-text-muted);cursor:pointer;display:flex;padding:0;position:absolute;right:.75rem;transition:color .15s ease}.bal-search-clear:hover{color:#1e293b;color:var(--bal-text-primary)}.bal-search-clear .material-symbols-rounded{font-size:16px}.bal-table-wrapper{background:#fff;background:var(--bal-panel-bg);border:1px solid #e2e8f099;border:1px solid var(--bal-panel-border);border-radius:12px;box-shadow:0 2px 8px #0000000a;flex:1 1;overflow:hidden}.bal-table,.bal-table-wrapper{display:flex;flex-direction:column}.bal-table{height:100%}.bal-table-head{grid-gap:.5rem;background:#f8fafcf2;background:var(--bal-table-head-bg);border-bottom:1px solid #e2e8f099;border-bottom:1px solid var(--bal-panel-border);display:grid;flex-shrink:0;gap:.5rem;grid-template-columns:36px 1.8fr 1.8fr 1fr 1.2fr 1fr;padding:.6rem 1rem}.bal-th{color:#64748b;color:var(--bal-table-head-text);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.bal-th-check{align-items:center;display:flex}.bal-table-body{flex:1 1;overflow-y:auto;padding:.375rem}.bal-table-body::-webkit-scrollbar{width:4px}.bal-table-body::-webkit-scrollbar-track{background:#0000}.bal-table-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}[data-theme=dark] .bal-table-body::-webkit-scrollbar-thumb{background:#ffffff1a}.bal-row{grid-gap:.5rem;align-items:center;background:#fffc;background:var(--bal-row-bg);border:1.5px solid #e2e8f066;border:1.5px solid var(--bal-row-border);border-radius:10px;cursor:pointer;display:grid;font-size:.85rem;gap:.5rem;grid-template-columns:36px 1.8fr 1.8fr 1fr 1.2fr 1fr;margin-bottom:.3rem;padding:.6rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.bal-row:hover{background:#f0fdf4cc;background:var(--bal-row-hover-bg);border-color:#10b98133;border-color:var(--bal-row-hover-border);box-shadow:0 3px 10px #0000000f;transform:translateY(-1px)}.bal-row.selected{background:linear-gradient(135deg,#d1fae5e6,#a7f3d0b3);background:var(--bal-row-selected-bg);border-color:#10b981;border-color:var(--bal-row-selected-border);box-shadow:0 2px 8px #10b9811f}.bal-td{align-items:center;color:#374151;color:var(--bal-text-secondary);display:flex;min-width:0;overflow:hidden}.bal-checkbox,.bal-td-check{justify-content:center}.bal-checkbox{align-items:center;background:#ffffffe6;background:var(--bal-checkbox-bg);border:2px solid #cbd5e1e6;border:2px solid var(--bal-checkbox-border);border-radius:5px;display:flex;flex-shrink:0;height:18px;transition:all .2s ease;width:18px}.bal-checkbox.checked{box-shadow:0 2px 6px #10b9814d}.bal-checkbox.checked,.bal-checkbox.indeterminate{background:linear-gradient(135deg,#10b981,#059669);background:var(--bal-checkbox-checked-bg);border-color:#059669;border-color:var(--bal-checkbox-checked-border)}.bal-checkbox .material-symbols-rounded{color:#fff;font-size:12px;font-variation-settings:"FILL" 1,"wght" 700}.bal-td-lead{align-items:flex-start;flex-direction:column;gap:.15rem}.bal-lead-name{color:#1e293b;color:var(--bal-text-primary);font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-lead-id{color:#6b7280;color:var(--bal-text-muted);font-family:SF Mono,Cascadia Code,monospace;font-size:.72rem}.bal-td-contact{align-items:flex-start;flex-direction:column;gap:.15rem}.bal-contact-phone{align-items:center;color:#374151;color:var(--bal-text-secondary);display:flex;font-size:.82rem;gap:.25rem}.bal-contact-phone .material-symbols-rounded{color:#6b7280;color:var(--bal-text-muted);font-size:13px}.bal-contact-email{color:#6b7280;color:var(--bal-text-muted);font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-status-badge{border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.2rem .5rem;text-transform:uppercase;white-space:nowrap}.status-new{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-contacted{background:linear-gradient(135deg,#fef9c3,#fde68a);color:#92400e}.status-interested{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-converted{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#14532d}.status-lost{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-blocked,.status-default{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}[data-theme=dark] .status-new{background:#3b82f633;color:#93c5fd}[data-theme=dark] .status-contacted{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .status-interested{background:#10b98133;color:#6ee7b7}[data-theme=dark] .status-converted{background:#22c55e33;color:#86efac}[data-theme=dark] .status-lost{background:#ef444433;color:#fca5a5}[data-theme=dark] .status-blocked{background:#6b728033;color:#d1d5db}.bal-td-assigned{overflow:hidden}.bal-assigned-name{align-items:center;color:#374151;color:var(--bal-text-secondary);display:flex;font-size:.82rem;gap:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-assigned-name .material-symbols-rounded{color:#6b7280;color:var(--bal-text-muted);flex-shrink:0;font-size:14px}.bal-unassigned{align-items:center;color:#6b7280;color:var(--bal-text-muted);display:flex;font-size:.78rem;font-style:italic;gap:.3rem}.bal-unassigned .material-symbols-rounded{color:#f59e0b;flex-shrink:0;font-size:14px}.bal-td-source{overflow:hidden}.bal-source-text{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-empty-state,.bal-source-text{color:#6b7280;color:var(--bal-text-muted)}.bal-empty-state{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2.5rem 1rem;text-align:center}.bal-empty-state .material-symbols-rounded{font-size:40px;opacity:.4}.bal-empty-state p{font-size:.875rem;margin:0;opacity:.7}.bal-selection-summary{align-items:center;background:#f0fdf499;background:var(--bal-summary-bg);border:1px solid #10b98126;border:1px solid var(--bal-summary-border);border-radius:8px;color:#6b7280;color:var(--bal-text-muted);display:flex;flex-shrink:0;font-size:.8rem;gap:.5rem;padding:.5rem .75rem}.bal-selection-summary .material-symbols-rounded{color:#10b981;font-size:16px}.bal-clear-sel{background:none;border:none;color:#ef4444;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;margin-left:auto;padding:0}.bal-clear-sel:hover{text-decoration:underline}.bal-counsellor-panel{background:#f8fafc99;background:var(--bal-right-bg);border-left:1px solid #e2e8f099;border-left:1px solid var(--bal-right-border);display:flex;flex-direction:column;flex-shrink:0;gap:1rem;min-width:260px;overflow-y:auto;padding:1.25rem;width:280px}.bal-counsellor-label{align-items:center;color:#6b7280;color:var(--bal-text-muted);display:flex;font-size:.8rem;font-weight:700;gap:.5rem;letter-spacing:.06em;text-transform:uppercase}.bal-counsellor-label .material-symbols-rounded{color:#10b981;font-size:16px}.bal-selected-counsellor{align-items:center;animation:balSlideDown .2s ease-out;background:linear-gradient(135deg,#d1fae5cc,#a7f3d099);background:var(--bal-selected-card-bg);border:1.5px solid #10b9814d;border:1.5px solid var(--bal-selected-card-border);border-radius:12px;display:flex;gap:.75rem;padding:.875rem}.bal-counsellor-avatar{align-items:center;background:linear-gradient(135deg,#059669,#10b981);background:var(--bal-avatar-bg);border-radius:50%;box-shadow:0 4px 10px #0596694d;color:#fff;color:var(--bal-avatar-text);display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.bal-counsellor-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.bal-counsellor-name{color:#1e293b;color:var(--bal-text-primary);font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-counsellor-meta{color:#6b7280;color:var(--bal-text-muted);font-family:SF Mono,Cascadia Code,monospace;font-size:.75rem}.bal-counsellor-remove{align-items:center;background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all .15s ease;width:26px}.bal-counsellor-remove:hover{background:#ef444433;transform:scale(1.1)}.bal-counsellor-remove .material-symbols-rounded{font-size:16px}.bal-counsellor-dropdown-wrapper{position:relative}.bal-counsellor-trigger{align-items:center;background:#ffffffe6;background:var(--bal-counsellor-trigger-bg);border:1.5px solid #10b9814d;border:1.5px solid var(--bal-counsellor-trigger-border);border-radius:10px;color:#065f46;color:var(--bal-counsellor-trigger-text);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.65rem .875rem;transition:all .2s ease;width:100%}.bal-counsellor-trigger .material-symbols-rounded{font-size:18px}.bal-counsellor-trigger:hover{background:#f0fdf4f2;background:var(--bal-counsellor-trigger-hover-bg);border-color:#10b981;border-color:var(--bal-counsellor-trigger-hover-border);transform:translateY(-1px)}.bal-trigger-chevron{margin-left:auto}.bal-counsellor-dropdown{animation:balSlideDown .2s cubic-bezier(.34,1.56,.64,1);background:#fffffffa;background:var(--bal-dropdown-bg);border:1px solid #e2e8f0cc;border:1px solid var(--bal-dropdown-border);border-radius:12px;box-shadow:0 12px 32px #0000001f,0 4px 12px #0000000f;box-shadow:var(--bal-dropdown-shadow);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.bal-dropdown-search{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--bal-dropdown-border);padding:.75rem;position:relative}.bal-dropdown-search .material-symbols-rounded{color:#94a3b8;color:var(--bal-search-icon);font-size:16px;left:1.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.bal-dropdown-search input{background:#ffffffe6;background:var(--bal-search-bg);border:1px solid #e2e8f0cc;border:1px solid var(--bal-search-border);border-radius:8px;color:#1e293b;color:var(--bal-search-text);font-family:inherit;font-size:.83rem;outline:none;padding:.5rem .75rem .5rem 2.25rem;width:100%}.bal-dropdown-search input:focus{border-color:#10b981;border-color:var(--bal-search-focus-border)}.bal-counsellor-list{max-height:240px;overflow-y:auto;padding:.375rem}.bal-counsellor-list::-webkit-scrollbar{width:3px}.bal-counsellor-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.bal-counsellor-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.625rem;margin-bottom:.2rem;padding:.625rem .75rem;transition:all .15s ease}.bal-counsellor-item:hover{background:#f0fdf4e6;background:var(--bal-item-hover-bg)}.bal-counsellor-item.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--bal-item-active-bg);border:1px solid #10b9814d;border:1px solid var(--bal-item-active-border)}.bal-counsellor-item-avatar{align-items:center;background:linear-gradient(135deg,#059669,#10b981);background:var(--bal-avatar-bg);border-radius:50%;color:#fff;color:var(--bal-avatar-text);display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.bal-counsellor-item-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.bal-counsellor-item-name{color:#1e293b;color:var(--bal-text-primary);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-counsellor-item-meta{align-items:center;color:#6b7280;color:var(--bal-text-muted);display:flex;font-size:.72rem;gap:.375rem}.bal-item-check{color:#10b981;flex-shrink:0;font-size:18px;font-variation-settings:"FILL" 1}.bal-dropdown-empty,.bal-dropdown-loading{align-items:center;color:#6b7280;color:var(--bal-text-muted);display:flex;font-size:.83rem;gap:.5rem;justify-content:center;padding:1.5rem}.bal-assign-summary{background:#f0fdf499;background:var(--bal-summary-bg);border:1px solid #10b98126;border:1px solid var(--bal-summary-border);border-radius:10px;display:flex;flex-direction:column;gap:.625rem;padding:.875rem}.bal-summary-row{align-items:center;color:#6b7280;color:var(--bal-text-muted);display:flex;font-size:.83rem;gap:.5rem}.bal-summary-row .material-symbols-rounded{color:#10b981;flex-shrink:0;font-size:16px}.bal-summary-row span:nth-child(2){flex:1 1}.bal-summary-row strong{color:#374151;color:var(--bal-text-secondary);font-size:.85rem;font-weight:700;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-count-active{color:#059669!important;color:var(--bal-count-active)!important}.bal-actions{display:flex;flex-direction:column;gap:.625rem;margin-top:auto}.bal-cancel-btn{background:#f8fafce6;background:var(--bal-cancel-bg);border:1.5px solid #cbd5e1cc;border:1.5px solid var(--bal-cancel-border);border-radius:10px;color:#374151;color:var(--bal-cancel-text);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.65rem;transition:all .2s ease}.bal-cancel-btn:hover:not(:disabled){background:#f3f4f6;background:var(--bal-cancel-hover-bg);transform:translateY(-1px)}.bal-assign-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:var(--bal-assign-btn-bg);border:none;border-radius:10px;box-shadow:0 4px 12px #10b98159;box-shadow:var(--bal-assign-btn-shadow);color:#fff;color:var(--bal-assign-btn-text);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.bal-assign-btn:hover:not(:disabled){box-shadow:0 8px 20px #10b98173;box-shadow:var(--bal-assign-btn-hover-shadow);transform:translateY(-2px)}.bal-assign-btn:disabled{background:#d1d5db;background:var(--bal-assign-btn-disabled-bg);box-shadow:none;color:#9ca3af;color:var(--bal-assign-btn-disabled-text);cursor:not-allowed;opacity:.65;transform:none}.bal-assign-btn .material-symbols-rounded{font-size:18px;font-variation-settings:"FILL" 1}.spinning{animation:balSpin .8s linear infinite}@keyframes balFadeIn{0%{opacity:0}to{opacity:1}}@keyframes balSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes balSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes balSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:900px){.bal-popup{border-radius:16px;max-height:95vh;max-width:100%}.bal-body{flex-direction:column}.bal-counsellor-panel{border-left:none;border-top:1px solid #e2e8f0cc;border-top:1px solid var(--bal-border);flex-direction:row;flex-wrap:wrap;gap:.75rem;min-width:0;min-width:auto;padding:1rem;width:100%}.bal-counsellor-label{width:100%}.bal-assign-summary,.bal-counsellor-dropdown-wrapper{flex:1 1;min-width:200px}.bal-actions{flex-direction:row;width:100%}.bal-assign-btn,.bal-cancel-btn{flex:1 1}.bal-row,.bal-table-head{grid-template-columns:32px 1fr 1fr 80px}.bal-td:nth-child(5),.bal-td:nth-child(6),.bal-th:nth-child(5),.bal-th:nth-child(6){display:none}}@media (max-width:600px){.bal-overlay{align-items:flex-end;padding:0}.bal-popup{border-radius:20px 20px 0 0;max-height:95vh}.bal-presets{gap:.375rem}.bal-preset-btn{font-size:.75rem;padding:.35rem .625rem}.bal-row,.bal-table-head{grid-template-columns:32px 1fr 80px}.bal-td:nth-child(3),.bal-td:nth-child(5),.bal-td:nth-child(6),.bal-th:nth-child(3),.bal-th:nth-child(5),.bal-th:nth-child(6){display:none}}.custom-date-range-popup{animation:fadeInPopup .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 24px #0000001a;font-family:Poppins,sans-serif;padding-bottom:1.5rem;position:absolute;width:420px;z-index:30}.popup-inner{display:flex;flex-direction:column;gap:1.2rem}.date-popup-header{align-items:center;background:linear-gradient(90deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e2e8f0;border-radius:12px 20px 0 0;box-shadow:inset 0 -1px 0 #e2e8f0;color:#1e293b;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:-.2rem;padding:.5rem;z-index:1}.date-popup-header,.popup-title{font-size:1rem;font-weight:600}.popup-close-btn{font-size:1.2rem;padding:.25rem;transition:background .2s ease}.popup-close-btn:hover{background:#0000000f}.date-fields{display:flex;gap:1rem;justify-content:space-between}.date-field{flex:1 1;position:relative}.date-field label{color:#4b5563;display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem}.date-field input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:10px;color:#111827;font-size:.95rem;padding:.55rem 2.4rem;transition:border-color .2s;width:100%}.date-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.date-field .material-symbols-rounded{color:#9ca3af;font-size:1.1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.date-field .calendar-icon{left:.75rem}.date-field .dropdown-icon{right:.75rem}.popup-actions{gap:.8rem;margin-top:.5rem}.cancel-btn,.confirm-btn{border:none;border-radius:24px;cursor:pointer;font-size:.9rem;font-weight:500;margin-right:.5rem;padding:.55rem 1.2rem;transition:all .2s ease}.confirm-btn{background:linear-gradient(135deg,#a7f3d0,#d1fae5);color:#047857}.confirm-btn:hover{background:linear-gradient(135deg,#6ee7b7,#a7f3d0)}.cancel-btn{background:linear-gradient(135deg,#fecaca,#fee2e2);color:#b91c1c}.cancel-btn:hover{background:linear-gradient(135deg,#fca5a5,#fecaca)}@keyframes fadeInPopup{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rdrCalendarWrapper{background:#fff;box-sizing:border-box;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{color:inherit;flex:1 1;text-align:center;width:0}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{align-items:center;display:flex;flex:1 1 auto;justify-content:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{box-sizing:inherit;flex-basis:14.28571%;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{color:red;font-size:1.6em;line-height:1.6em;position:absolute;right:.25em;top:0}.rdrDay{box-sizing:inherit;cursor:pointer;font:inherit;position:relative;width:14.28571%}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align:auto){.rdrDay{flex-basis:14.285%!important}}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{background-color:#fff;border:1px solid #0000;border-radius:4px;box-shadow:0 1px 2px 0 #23394236}.rdrDateDisplayItem input{background:#0000;border:0;color:#849095;cursor:pointer;height:2.5em;line-height:2.5em;width:100%}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000;background:url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;background-position:right 8px center;border:0;border-radius:4px;color:#3e484f;cursor:pointer;outline:0;padding:10px 30px 10px 10px;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{background:#eff2f7;border:0;border-radius:5px;display:block;height:24px;margin:0 .833em;padding:0;width:24px}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{border-style:solid;display:block;height:0;margin:auto;padding:0;text-align:center;transform:translate(-3px);width:0}.rdrPprevButton i{border-color:#0000 #34495e #0000 #0000;border-width:4px 6px 4px 4px;transform:translate(-3px)}.rdrNextButton i{border-color:#0000 #0000 #0000 #34495e;border-width:4px 4px 4px 6px;margin:0 0 0 7px;transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{color:#849095;font-weight:400;line-height:2.667em}.rdrDay{background:#0000;border:0;color:#1d2429;height:3em;line-height:3em;padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDay:focus{outline:0}.rdrDayNumber{align-items:center;bottom:0;bottom:5px;display:flex;font-weight:300;justify-content:center;left:0;outline:0;position:absolute;right:0;top:0;top:5px}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{background:#3d91ff;border-radius:2px;bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:18px}.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span{color:#ffffffd9}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{background:currentColor;bottom:5px;left:0;position:absolute;right:0;top:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrEndEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview{border-bottom-left-radius:1.333em;border-left-width:1px;border-top-left-radius:1.333em;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-bottom-right-radius:1.333em;border-right-width:1px;border-top-right-radius:1.333em;right:0}.rdrDayEndPreview,.rdrDayInPreview,.rdrDayStartPreview{background:#ffffff17;border:0 solid;bottom:3px;left:0;pointer-events:none;position:absolute;right:0;top:3px;z-index:1}.rdrDayStartPreview{border-bottom-left-radius:1.333em;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:1.333em;border-top-width:1px;left:0}.rdrDayInPreview{border-bottom-width:1px;border-top-width:1px}.rdrDayEndPreview{border-bottom-right-radius:1.333em;border-bottom-width:1px;border-right-width:1px;border-top-right-radius:1.333em;border-top-width:1px;right:2px;right:0}.rdrDefinedRangesWrapper{background:#fff;border-right:1px solid #eff2f7;font-size:12px;width:226px}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{background:#fff;border:0;border-bottom:1px solid #eff2f7;cursor:pointer;display:block;outline:0;padding:0}.rdrStaticRange:focus .rdrStaticRangeLabel,.rdrStaticRange:hover .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;line-height:18px;outline:0;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{border:1px solid #dee7eb;border-radius:4px;color:#6c767a;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;color:#333;outline:0}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{background:#0000;border:1px solid;border-radius:1.333em;bottom:-2px;content:"";left:0;position:absolute;right:0;top:-2px}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrDayEndPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrStartEdge{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrDayEndPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrStartEdge{filter:grayscale(100%) opacity(60%)}.rdrMonthName{color:#849095;font-weight:600;padding:.833em;text-align:left}.us-root{backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);background:#ffffffad;border:1px solid #ffffff94;border-radius:18px;box-shadow:0 4px 28px #00000012,inset 0 1px 0 #ffffffe6;margin-bottom:16px;padding:16px 16px 12px}[data-theme=dark] .us-root{background:#141e3c8c;border-color:#ffffff1a;box-shadow:0 4px 28px #00000047,inset 0 1px 0 #ffffff0f}.us-head{justify-content:space-between;margin-bottom:14px}.us-head,.us-head-left{align-items:center;display:flex}.us-head-left{flex-wrap:wrap;gap:8px}.us-title{color:var(--adb-text);font-size:14px;font-weight:700;letter-spacing:-.2px}.us-count{background:#fff9;border:1px solid #00000012;border-radius:20px;color:var(--adb-muted)}.us-count,.us-urgent-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px;font-weight:600;padding:2px 8px}.us-urgent-badge{align-items:center;animation:us-pulse 2s ease-in-out infinite;background:#f43f5e1a;border:1px solid #f43f5e38;border-radius:20px;color:#f43f5e;display:inline-flex;gap:4px}@keyframes us-pulse{0%,to{opacity:1}50%{opacity:.68}}.us-nav{display:flex;gap:4px}.us-nav-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #00000017;border-radius:8px;color:var(--adb-text-2);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s ease;transition:all var(--adb-transition,.15s ease);width:28px}.us-nav-btn:hover:not(:disabled){background:#ffffffe6;border-color:#00000026;box-shadow:0 2px 8px #00000014;color:var(--adb-text)}.us-nav-btn:disabled{cursor:default;opacity:.3}.us-carousel{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.us-carousel::-webkit-scrollbar{display:none}.us-card{backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);background:#ffffffc2;border:1px solid #00000012;border-radius:16px;box-shadow:0 2px 12px #0000000d,inset 0 1px 0 #fffffff2;cursor:pointer;display:flex;flex:0 0 268px;flex-direction:column;gap:0;overflow:hidden;position:relative;scroll-snap-align:start;transition:box-shadow .2s ease,transform .2s ease}.us-card:before{background:linear-gradient(160deg,color-mix(in srgb,#3b82f6 10%,#0000),#0000 70%);background:linear-gradient(160deg,color-mix(in srgb,var(--pc,#3b82f6) 10%,#0000) 0,#0000 70%);border-radius:inherit;content:"";height:50%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.us-card>*{position:relative;z-index:1}.us-card:hover{border-color:#0000001a;box-shadow:0 6px 24px #00000017,inset 0 1px 0 #fffffff2;transform:translateY(-2px)}.us-card-accent{background:#3b82f6;background:var(--pc,#3b82f6);border-radius:16px 16px 0 0;flex-shrink:0;height:3px;opacity:.7}.us-card--urgent{box-shadow:0 2px 12px #f43f5e1a,inset 0 1px 0 #fffffff2}.us-card--live{animation:us-card-glow 2s ease-in-out infinite}@keyframes us-card-glow{0%,to{box-shadow:0 2px 12px #10b98114,inset 0 1px 0 #fffffff2}50%{box-shadow:0 4px 20px #10b98129,inset 0 1px 0 #fffffff2}}[data-theme=dark] .us-card{background:#141e3c94;border-color:#ffffff1a;box-shadow:0 2px 16px #00000040,inset 0 1px 0 #ffffff12}[data-theme=dark] .us-card:hover{box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff14}.us-card-top{align-items:center;display:flex;justify-content:space-between;padding:10px 12px 4px}.us-time-pill{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffa6;border:1px solid #0000000f;border-radius:20px;color:#3b82f6;color:var(--pc,#3b82f6);display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:3px 9px}.us-live-dot{animation:us-live 1.2s ease-in-out infinite;background:#10b981;border-radius:50%;flex-shrink:0;height:6px;width:6px}@keyframes us-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.us-menu-wrap{position:relative}.us-menu-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--adb-muted);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s ease;transition:all var(--adb-transition,.15s ease);width:24px}.us-menu-btn:hover{background:#0000000f;color:var(--adb-text)}.us-menu-drop{-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);background:#ffffffe6;border:1px solid #00000014;border-radius:12px;box-shadow:0 8px 28px #0000001f;min-width:148px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.us-menu-drop button{align-items:center;background:none;border:none;color:var(--adb-text-2);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:7px;padding:9px 12px;text-align:left;transition:all .15s ease;transition:all var(--adb-transition,.15s ease);width:100%}.us-menu-drop button:hover{background:#0000000a;color:var(--adb-text)}.us-date{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:11px;font-weight:700;letter-spacing:.5px;padding:0 12px 6px;text-transform:uppercase}.us-card-body{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:0 12px 8px}.us-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--adb-text);display:-webkit-box;font-size:13px;font-weight:700;line-height:1.35;margin:0;overflow:hidden}.us-card-sub{color:var(--adb-text-2);font-size:11px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.us-duration-pill{align-self:flex-start;background:#0000000d;border:1px solid #0000000f;border-radius:20px;color:var(--adb-muted);display:inline-block;font-size:10px;font-weight:600;padding:2px 7px}.us-card-meta{border-top:1px solid #0000000f;display:flex;flex-direction:column;gap:5px;margin-top:2px;padding:8px 12px 10px}.us-meta-row{align-items:center;color:var(--adb-text-2);display:flex;font-size:11px;gap:6px}.us-meta-row svg{color:var(--adb-muted);flex-shrink:0}.us-join-btn{align-items:center;background:#3b82f6;background:var(--pc,#3b82f6);border-radius:10px;box-shadow:0 2px 8px #0000001f;color:#fff;display:flex;font-size:12px;font-weight:600;gap:5px;justify-content:center;margin:0 12px 12px;padding:7px;text-decoration:none;transition:filter .15s ease,box-shadow .15s ease;transition:filter var(--adb-transition,.15s ease),box-shadow .15s ease}.us-join-btn:hover{box-shadow:0 4px 14px #0000002e;filter:brightness(1.08)}.us-dots{display:flex;gap:5px;justify-content:center;margin-top:10px}.us-dot{background:#0000001f;border-radius:50%;height:5px;transition:all .2s ease;width:5px}.us-dot.active{background:#3b82f6;border-radius:99px;box-shadow:0 0 4px #3b82f666;width:16px}.us-empty{align-items:center;color:var(--adb-muted);display:flex;font-size:13px;gap:8px;justify-content:center;padding:28px 16px}@media (max-width:768px){.us-card{flex:0 0 236px}}:root{--ttd-container-bg:#fffffff2;--ttd-container-border:#e2e8f0cc;--ttd-container-shadow:0 4px 12px #0000000d;--ttd-text-primary:#1e293b;--ttd-text-secondary:#374151;--ttd-text-muted:#6b7280;--ttd-text-light:#9ca3af;--ttd-card-bg:#fff;--ttd-card-border:#e2e8f0cc;--ttd-card-shadow:0 2px 8px #0000000f;--ttd-input-bg:#fffc;--ttd-break-bg:linear-gradient(135deg,#a855f714,#9333ea0d);--ttd-break-border:#a855f733;--ttd-break-text:#7c3aed;--ttd-room-bg:#ecfcfd;--ttd-room-text:#06b6d4;--ttd-room-border:#06b6d480}[data-theme=dark]{--ttd-container-bg:#1a1a1af2;--ttd-container-border:#ffffff1a;--ttd-container-shadow:0 4px 12px #0000004d;--ttd-text-primary:#fff;--ttd-text-secondary:#e5e7eb;--ttd-text-muted:#9ca3af;--ttd-text-light:#6b7280;--ttd-card-bg:#1f2937cc;--ttd-card-border:#4b55634d;--ttd-card-shadow:0 2px 8px #0003;--ttd-input-bg:#1f2937cc;--ttd-break-bg:linear-gradient(135deg,#c084fc26,#a855f71a);--ttd-break-border:#c084fc4d;--ttd-break-text:#c084fc;--ttd-room-bg:#14536480;--ttd-room-text:#67e8f9;--ttd-room-border:#67e8f94d}.timetable-display{padding:0}.ttd-header-section{background:#fffffff2;background:var(--ttd-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--ttd-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--ttd-container-shadow);margin-bottom:1rem;padding:1.5rem}.ttd-header-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.ttd-header-info h3{align-items:center;color:#1e293b;color:var(--ttd-text-primary);display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.ttd-header-info h3 .material-symbols-rounded{color:#3b82f6;font-size:1.5rem}.ttd-header-info p{color:#6b7280;color:var(--ttd-text-muted);font-size:.95rem;margin:0}.ttd-edit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.ttd-edit-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.ttd-branch-schedule-card{background:#fff;background:var(--ttd-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--ttd-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--ttd-card-shadow);margin-bottom:1rem;padding:1.5rem}.ttd-card-header{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--ttd-card-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.ttd-card-header .material-symbols-rounded{color:#3b82f6;font-size:1.3rem}.ttd-card-header h4{color:#1e293b;color:var(--ttd-text-primary);font-size:1.1rem;font-weight:600;margin:0}.ttd-schedule-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ttd-schedule-stat{align-items:center;background:#fffc;background:var(--ttd-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--ttd-card-border);border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.ttd-schedule-stat:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--ttd-card-shadow);transform:translateY(-2px)}.ttd-schedule-stat .material-symbols-rounded{color:#3b82f6;font-size:1.8rem}.ttd-schedule-stat:nth-child(4) .material-symbols-rounded{color:#06b6d4;color:var(--ttd-room-text)}.ttd-stat-label{color:#6b7280;color:var(--ttd-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.ttd-stat-value{color:#1e293b;color:var(--ttd-text-primary);font-size:1.1rem;font-weight:700}.ttd-empty-state{background:#fffffff2;background:var(--ttd-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--ttd-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--ttd-container-shadow);padding:4rem 2rem;text-align:center}.ttd-empty-state .material-symbols-rounded{color:#9ca3af;color:var(--ttd-text-light);font-size:4rem;margin-bottom:1rem;opacity:.6}.ttd-empty-state h3{color:#1e293b;color:var(--ttd-text-primary);font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.ttd-empty-state p{font-size:1rem;margin:0}.ttd-empty-state p,.ttd-loading-state{color:#6b7280;color:var(--ttd-text-muted)}.ttd-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.ttd-loading-state .material-symbols-rounded{animation:spin 1s linear infinite;font-size:3rem;margin-bottom:1rem;opacity:.6}.ttd-loading-state p{font-size:1rem;margin:0}.ttd-timetable-display{background:#fff;background:var(--ttd-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ttd-card-border);border-radius:12px;box-shadow:0 10px 40px #00000014;margin-bottom:2rem;padding:1rem}.ttd-timetable-display-header{align-items:flex-start;border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--ttd-card-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.ttd-timetable-display-title h3{align-items:center;color:#1e293b;color:var(--ttd-text-primary);display:flex;font-size:1.5rem;font-weight:800;gap:.75rem;margin:0 0 .75rem}.ttd-timetable-display-title h3 .material-symbols-rounded{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2rem}.ttd-timetable-period{align-items:center;color:#6b7280;color:var(--ttd-text-muted);display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin:0}.ttd-timetable-period .material-symbols-rounded{color:#3b82f6;font-size:1.2rem}.ttd-week-calendar{background:#fffc;background:var(--ttd-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ttd-card-border);border-radius:16px;overflow-x:auto}.ttd-calendar-table{border-collapse:initial;border-spacing:0;min-width:900px;table-layout:fixed;width:100%}.ttd-calendar-header-cell{background:linear-gradient(135deg,#fff,#fffc);background:linear-gradient(135deg,var(--ttd-card-bg),var(--ttd-input-bg));border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--ttd-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--ttd-card-border);color:#374151;color:var(--ttd-text-secondary);font-size:.9rem;font-weight:800;letter-spacing:1px;padding:1.25rem;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;width:calc(16.66667% - 30px);z-index:10}.ttd-calendar-header-cell:last-child{border-right:none}.ttd-calendar-header-cell.ttd-session-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-bottom-color:#1d4ed8;color:#fff;text-align:left;width:180px}.ttd-calendar-header-cell.ttd-day-header{font-size:.85rem;padding:1rem .5rem}.ttd-calendar-session-cell{background:linear-gradient(135deg,#fffc,#fff);background:linear-gradient(135deg,var(--ttd-input-bg),var(--ttd-card-bg));border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--ttd-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--ttd-card-border);font-weight:700;left:0;padding:1rem;position:-webkit-sticky;position:sticky;vertical-align:middle;width:180px;z-index:5}.ttd-session-label{color:#1e293b;color:var(--ttd-text-primary);display:block;font-size:1rem;font-weight:800;margin-bottom:.5rem}.ttd-session-time-label{color:#6b7280;color:var(--ttd-text-muted);display:block;font-size:.8rem;font-weight:600}.ttd-calendar-slot-cell{background:#fff;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--ttd-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--ttd-card-border);height:120px;padding:.75rem;transition:all .3s ease;vertical-align:middle;width:calc(16.66667% - 30px)}.ttd-calendar-slot-cell:last-child{border-right:none}.ttd-calendar-slot-cell.ttd-has-class{background:linear-gradient(135deg,#3b82f60d,#2563eb08);cursor:pointer}.ttd-calendar-slot-cell.ttd-has-class:hover{background:linear-gradient(135deg,#3b82f61f,#2563eb14);box-shadow:0 8px 24px #3b82f633;transform:scale(1.02);z-index:2}.ttd-calendar-slot-cell.ttd-empty-slot{background:#fffc;background:var(--ttd-input-bg)}.ttd-empty-slot-content{align-items:center;color:#9ca3af;color:var(--ttd-text-light);display:flex;height:100%;justify-content:center;opacity:.3}.ttd-empty-slot-content .material-symbols-rounded{font-size:2rem}.ttd-class-card{background:linear-gradient(135deg,#3b82f60d,#93c5fd08);border:1px solid #3b82f626;border-radius:12px;display:flex;flex-direction:column;gap:.4rem;height:100%;min-height:90px;padding:.6rem;transition:all .3s ease}.ttd-class-card:hover{background:linear-gradient(135deg,#3b82f61a,#93c5fd14);border-color:#3b82f64d}.ttd-class-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.ttd-class-type-badge{border:1.5px solid;border-radius:6px;flex-shrink:0;font-size:.65rem;font-weight:800;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.ttd-class-type-badge.theory{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f64d;color:#1d4ed8}.ttd-class-type-badge.lab{background:linear-gradient(135deg,#a855f726,#9333ea1a);border-color:#a855f74d;color:#7c3aed}.ttd-room-number-badge{align-items:center;background:#ecfcfd;background:var(--ttd-room-bg);border:1.5px solid #06b6d480;border:1.5px solid var(--ttd-room-border);border-radius:6px;color:#06b6d4;color:var(--ttd-room-text);display:flex;flex-shrink:0;font-size:.65rem;font-weight:800;gap:.3rem;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.ttd-room-number-badge .material-symbols-rounded{font-size:.9rem}.ttd-class-subject{align-items:center;background:#ffffff80;border-radius:8px;display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease}.ttd-class-subject:hover{background:#fffc;transform:translateX(4px)}.ttd-class-subject .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:1rem}.ttd-subject-name{color:#1e293b;color:var(--ttd-text-primary);font-size:.85rem;font-weight:700;line-height:1.3;word-break:break-word}.ttd-class-faculty{align-items:center;background:linear-gradient(135deg,#22c55e14,#10b9810d);border-radius:8px;display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease}.ttd-class-faculty:hover{background:linear-gradient(135deg,#22c55e26,#10b9811a);transform:translateX(4px)}.ttd-class-faculty .material-symbols-rounded{color:#059669;flex-shrink:0;font-size:1rem}.ttd-faculty-name{color:#1e293b;color:var(--ttd-text-primary);font-size:.8rem;font-weight:700;word-break:break-word}.ttd-break-row{background:linear-gradient(135deg,#a855f714,#9333ea0d);background:var(--ttd-break-bg)}.ttd-break-cell{border-bottom:2px solid #a855f733;border-bottom:2px solid var(--ttd-break-border);border-right:1px solid #a855f733;border-right:1px solid var(--ttd-break-border);color:#7c3aed;color:var(--ttd-break-text);font-weight:700;height:60px;padding:1rem;text-align:center;vertical-align:middle}.ttd-break-cell:last-child{border-right:none}.ttd-break-cell.ttd-break-cell-fixed{background:linear-gradient(135deg,#a855f714,#9333ea0d);background:var(--ttd-break-bg);left:0;position:-webkit-sticky;position:sticky;width:180px;z-index:5}.ttd-break-label{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.ttd-break-label .material-symbols-rounded{font-size:1.3rem}.ttd-break-text{font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.ttd-break-time{font-size:.8rem;font-weight:600}.ttd-break-cell:not(.ttd-break-cell-fixed) .material-symbols-rounded{font-size:1.5rem}[data-theme=dark] .ttd-calendar-header-cell.ttd-session-header{background:linear-gradient(135deg,#60a5fa,#3b82f6)}[data-theme=dark] .ttd-calendar-slot-cell{background:#fff;background:var(--ttd-card-bg)}[data-theme=dark] .ttd-calendar-slot-cell.ttd-has-class{background:linear-gradient(135deg,#60a5fa1a,#3b82f614)}[data-theme=dark] .ttd-calendar-slot-cell.ttd-has-class:hover{background:linear-gradient(135deg,#60a5fa2e,#3b82f626)}[data-theme=dark] .ttd-class-type-badge.theory{background:linear-gradient(135deg,#60a5fa33,#3b82f626);border-color:#60a5fa66;color:#60a5fa}[data-theme=dark] .ttd-class-type-badge.lab{background:linear-gradient(135deg,#c084fc33,#a855f726);border-color:#c084fc66;color:#c084fc}[data-theme=dark] .ttd-room-number-badge{background:#ecfcfd;background:var(--ttd-room-bg);border-color:#06b6d480;border-color:var(--ttd-room-border);color:#06b6d4;color:var(--ttd-room-text)}[data-theme=dark] .ttd-class-subject{background:#1f293780}[data-theme=dark] .ttd-class-subject:hover{background:#1f2937cc}[data-theme=dark] .ttd-class-subject .material-symbols-rounded{color:#60a5fa}[data-theme=dark] .ttd-class-faculty{background:linear-gradient(135deg,#22c55e1f,#10b98114)}[data-theme=dark] .ttd-class-faculty:hover{background:linear-gradient(135deg,#22c55e33,#10b98126)}[data-theme=dark] .ttd-class-faculty .material-symbols-rounded{color:#4ade80}.ttd-week-calendar::-webkit-scrollbar{height:10px}.ttd-week-calendar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#94a3b899,#3b82f666);border-radius:10px}.ttd-week-calendar::-webkit-scrollbar-track{background:#0000;border-radius:10px}@media (max-width:768px){.ttd-header-content{align-items:stretch;flex-direction:column;gap:.75rem}.ttd-edit-btn{font-size:16px;justify-content:center;min-height:44px;width:100%}.ttd-schedule-info{gap:.75rem;grid-template-columns:1fr}.ttd-timetable-display{margin:.5rem;padding:1rem}.ttd-view-toggle{display:flex;gap:.5rem}.ttd-toggle-btn{font-size:16px;min-height:44px}.ttd-toggle-btn:first-child{display:none!important}.ttd-toggle-btn:last-child{justify-content:center;width:100%}.ttd-calendar-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.ttd-calendar-table{min-width:600px}.ttd-break-cell.ttd-break-cell-fixed,.ttd-calendar-header-cell.ttd-session-header,.ttd-calendar-session-cell{font-size:.85rem;width:120px}.ttd-calendar-header-cell.ttd-day-header,.ttd-calendar-slot-cell{min-width:100px;width:calc(16.66667% - 20px)}.ttd-class-card{font-size:.8rem;padding:.5rem}.ttd-class-card-subject{font-size:.75rem}.ttd-class-card-teacher{font-size:.7rem}}@media (max-width:480px){.ttd-branch-schedule-card,.ttd-header-section{margin:.25rem;padding:.5rem}.ttd-timetable-display{border-radius:12px;margin:.25rem;padding:.75rem}.ttd-calendar-table{min-width:500px}.ttd-break-cell.ttd-break-cell-fixed,.ttd-calendar-header-cell.ttd-session-header,.ttd-calendar-session-cell{font-size:.75rem;padding:.375rem .25rem;width:100px}.ttd-calendar-header-cell.ttd-day-header{font-size:.75rem;padding:.375rem .25rem}.ttd-class-card{font-size:.7rem;min-height:50px;padding:.375rem}.ttd-class-card-subject{font-size:.7rem}.ttd-class-card-teacher{font-size:.65rem}button{min-height:44px;min-width:44px}}.ttd-view-toggle{background:#fffc;background:var(--ttd-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--ttd-card-border);border-radius:12px;display:flex;gap:.5rem;padding:.375rem}.ttd-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--ttd-text-muted);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .3s ease;white-space:nowrap}.ttd-toggle-btn .material-symbols-rounded{font-size:1.2rem}.ttd-toggle-btn:hover{background:#3b82f61a;color:#1e293b;color:var(--ttd-text-primary)}.ttd-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.ttd-toggle-btn.active:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.ttd-calendar-slot-cell.ttd-day-view-cell{min-height:150px}.ttd-day-view-class{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.ttd-day-view-class:last-child{margin-bottom:0}.ttd-day-view-day-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:.5rem .75rem;text-transform:uppercase;white-space:nowrap}.ttd-class-card-day-view{flex:1 1}.ttd-day-navigator{background:linear-gradient(135deg,#fff,#fffc);background:linear-gradient(135deg,var(--ttd-card-bg),var(--ttd-input-bg));border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--ttd-card-border);border-radius:12px 12px 0 0;gap:2rem;padding:1.5rem}.ttd-day-nav-btn,.ttd-day-navigator{align-items:center;display:flex;justify-content:center}.ttd-day-nav-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;height:48px;transition:all .3s ease;width:48px}.ttd-day-nav-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px) scale(1.05)}.ttd-day-nav-btn:active{transform:translateY(0) scale(.98)}.ttd-day-nav-btn .material-symbols-rounded{font-size:1.8rem}.ttd-day-name{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb14);border:2px solid #3b82f64d;border-radius:12px;color:#1e293b;color:var(--ttd-text-primary);display:flex;font-size:1rem;font-weight:800;gap:.75rem;justify-content:center;letter-spacing:1px;min-width:250px;padding:.75rem 2rem}.ttd-day-name .material-symbols-rounded{color:#3b82f6;font-size:1.5rem}.ttd-calendar-slot-cell.ttd-day-view-cell{min-height:120px;padding:1rem}.ttd-class-card-day-view{width:100%}[data-theme=dark] .ttd-day-nav-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6)}[data-theme=dark] .ttd-day-name{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border-color:#60a5fa4d}[data-theme=dark] .ttd-day-name .material-symbols-rounded{color:#60a5fa}.ttd-calendar-header-cell.ttd-today-header{background:linear-gradient(135deg,#22c55e26,#10b9811a);border:2px solid #22c55e66;box-shadow:0 4px 12px #22c55e33;color:#059669;font-weight:900;position:relative}.ttd-today-indicator{background:#22c55e26;border-radius:4px;color:#059669;display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.5px;margin-top:.25rem;padding:.2rem .5rem;text-transform:uppercase}.ttd-calendar-slot-cell.ttd-today-slot{background:linear-gradient(135deg,#22c55e0d,#10b98108)}.ttd-calendar-slot-cell.ttd-today-slot.ttd-has-class{background:linear-gradient(135deg,#22c55e1f,#10b98114)}.ttd-calendar-slot-cell.ttd-today-slot.ttd-has-class:hover{background:linear-gradient(135deg,#22c55e2e,#10b9811f);box-shadow:0 8px 24px #22c55e40}.ttd-calendar-slot-cell.ttd-today-slot.ttd-day-view-cell{border-left:3px solid #22c55e;border-right:3px solid #22c55e}.ttd-today-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:6px;box-shadow:0 2px 8px #22c55e4d;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.5px;margin-left:.75rem;padding:.25rem .75rem;text-transform:uppercase}[data-theme=dark] .ttd-calendar-header-cell.ttd-today-header{background:linear-gradient(135deg,#22c55e33,#10b98126);border-color:#22c55e80;box-shadow:0 4px 12px #22c55e4d;color:#4ade80}[data-theme=dark] .ttd-today-indicator{background:#22c55e33;color:#4ade80}[data-theme=dark] .ttd-calendar-slot-cell.ttd-today-slot{background:linear-gradient(135deg,#22c55e1a,#10b98114)}[data-theme=dark] .ttd-calendar-slot-cell.ttd-today-slot.ttd-has-class{background:linear-gradient(135deg,#22c55e26,#10b9811f)}[data-theme=dark] .ttd-calendar-slot-cell.ttd-today-slot.ttd-has-class:hover{background:linear-gradient(135deg,#22c55e38,#10b9812e);box-shadow:0 8px 24px #22c55e59}[data-theme=dark] .ttd-calendar-slot-cell.ttd-today-slot.ttd-day-view-cell{border-left-color:#4ade80;border-right-color:#4ade80}[data-theme=dark] .ttd-today-badge{background:linear-gradient(135deg,#4ade80,#22c55e)}.ttd-calendar-header-cell.ttd-non-working-day{background:linear-gradient(135deg,#9ca3af1a,#6b72800d);color:#6b7280;color:var(--ttd-text-muted);opacity:.6}.ttd-holiday-indicator{color:#9ca3af;color:var(--ttd-text-light);font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.ttd-calendar-slot-cell.ttd-non-working-slot{background:linear-gradient(135deg,#9ca3af0d,#6b728008);opacity:.5;pointer-events:none}.ttd-calendar-slot-cell.ttd-non-working-slot .ttd-empty-slot-content{opacity:.4}.ttd-break-cell.ttd-non-working-slot{background:linear-gradient(135deg,#9ca3af14,#6b72800d);opacity:.5}[data-theme=dark] .ttd-calendar-header-cell.ttd-non-working-day{background:linear-gradient(135deg,#4b556333,#37415126)}[data-theme=dark] .ttd-calendar-slot-cell.ttd-non-working-slot{background:linear-gradient(135deg,#4b55631a,#37415114)}[data-theme=dark] .ttd-break-cell.ttd-non-working-slot{background:linear-gradient(135deg,#4b556326,#3741511a)}.ttd-actions-container{align-items:flex-start;display:flex;flex-direction:row;gap:10px;margin-top:8px}@media (max-width:1200px){.ttd-header-content{align-items:stretch;flex-direction:column;gap:.75rem}.ttd-edit-btn{width:100%}}@media (max-width:480px){.ttd-timetable-display{border-radius:12px;margin:.25rem 0;padding:.5rem}.ttd-header-content{gap:.5rem;padding:.5rem}.ttd-timetable-info h2{font-size:1rem}.ttd-schedule-meta{font-size:.75rem}.ttd-calendar-table{min-width:450px}.ttd-calendar-header-cell.ttd-session-header,.ttd-calendar-session-cell{padding:.5rem .375rem;width:85px}.ttd-session-number{font-size:.75rem}.ttd-session-time{font-size:.6rem}.ttd-calendar-header-cell.ttd-day-header{min-width:70px;padding:.5rem .375rem}.ttd-day-name{font-size:.75rem}.ttd-day-date{font-size:.6rem}.ttd-calendar-slot-cell{min-width:70px;padding:.25rem}.ttd-class-card{gap:.2rem;min-height:65px;padding:.3rem}.ttd-subject-name{-webkit-line-clamp:2;font-size:.65rem!important}.ttd-faculty-name{font-size:.6rem!important}.ttd-room-number-badge{font-size:.55rem!important;padding:.15rem .35rem}.ttd-class-card .material-symbols-rounded{font-size:.8rem}.ttd-empty-slot-content .material-symbols-rounded{font-size:1.1rem}.ttd-break-label{font-size:.65rem}.ttd-break-label .material-symbols-rounded{font-size:.9rem}.ttd-current-day{font-size:.85rem;padding:.4rem .625rem}.ttd-info-item{padding:.5rem}.ttd-info-label{font-size:.65rem}.ttd-info-value{font-size:.8rem}}@media (max-width:768px){.ttd-timetable-display{border-radius:8px!important;border-width:1px!important;margin:.25rem 0!important;padding:.4rem!important}.ttd-header-section{border-radius:8px!important;margin-bottom:.4rem!important;padding:.4rem!important}.ttd-header-content{align-items:stretch;flex-direction:column;gap:.4rem!important;padding:0!important}.ttd-header-info h3{font-size:.9rem!important;gap:.4rem!important;margin-bottom:.25rem!important}.ttd-header-info h3 .material-symbols-rounded{font-size:1rem!important}.ttd-header-info p{font-size:.7rem!important}.ttd-edit-btn{font-size:.8rem!important;gap:.4rem!important;justify-content:center;min-height:40px!important;padding:.5rem .75rem!important;width:100%}.ttd-edit-btn .material-symbols-rounded{font-size:1rem!important}.ttd-branch-schedule-card{border-radius:8px!important;margin-bottom:.4rem!important;padding:.4rem!important}.ttd-card-header{gap:.4rem!important;margin-bottom:.4rem!important;padding-bottom:.4rem!important}.ttd-card-header .material-symbols-rounded{font-size:1rem!important}.ttd-card-header h4{font-size:.85rem!important}.ttd-schedule-info{gap:.3rem!important;grid-template-columns:1fr 1fr!important;padding:0!important}.ttd-schedule-stat{border-radius:6px!important;gap:.4rem!important;padding:.4rem!important}.ttd-schedule-stat .material-symbols-rounded{font-size:1.1rem!important}.ttd-stat-label{font-size:.6rem!important;margin-bottom:.125rem!important}.ttd-stat-value{font-size:.8rem!important}.ttd-timetable-display-header{margin-bottom:.4rem!important;padding-bottom:.4rem!important}.ttd-timetable-display-title h3{font-size:.95rem!important;gap:.4rem!important;margin-bottom:.25rem!important}.ttd-timetable-display-title h3 .material-symbols-rounded{font-size:1.1rem!important}.ttd-timetable-period{font-size:.7rem!important;gap:.3rem!important}.ttd-timetable-period .material-symbols-rounded{font-size:.85rem!important}.ttd-view-toggle{border-radius:6px!important;display:flex;gap:.25rem!important;padding:.25rem!important;width:100%}.ttd-toggle-btn:first-child{display:none!important}.ttd-toggle-btn:last-child{border-radius:6px!important;font-size:.8rem!important;gap:.3rem!important;justify-content:center;min-height:40px!important;padding:.5rem .75rem!important;width:100%}.ttd-toggle-btn .material-symbols-rounded{font-size:1rem!important}.ttd-day-navigator{border-radius:8px 8px 0 0!important;gap:.4rem!important;padding:.4rem!important}.ttd-day-nav-btn{border-radius:6px!important;height:38px!important;min-height:38px!important;min-width:38px!important;width:38px!important}.ttd-day-nav-btn .material-symbols-rounded{font-size:1.2rem!important}.ttd-day-name{border-radius:6px!important;border-width:1px!important;font-size:.8rem!important;gap:.4rem!important;min-width:110px!important;padding:.4rem .6rem!important}.ttd-day-name .material-symbols-rounded{font-size:1rem!important}.ttd-week-calendar{border-radius:6px!important;border-width:1px!important;margin:0!important}.ttd-calendar-table{min-width:420px!important}.ttd-calendar-header-cell.ttd-session-header{border-bottom-width:1px!important;font-size:.65rem!important;padding:.4rem .3rem!important;width:75px!important}.ttd-calendar-session-cell{border-bottom-width:1px!important;border-right-width:1px!important;padding:.4rem .3rem!important;width:75px!important}.ttd-session-label{font-size:.7rem!important;margin-bottom:.2rem!important}.ttd-session-time-label{font-size:.6rem!important}.ttd-calendar-header-cell.ttd-day-header{border-bottom-width:1px!important;border-right-width:1px!important;font-size:.65rem!important;min-width:65px!important;padding:.4rem .3rem!important;width:calc(16.66667% - 12.5px)!important}.ttd-calendar-slot-cell{border-bottom-width:1px!important;border-right-width:1px!important;height:75px!important;min-height:75px!important;min-width:65px!important;padding:.25rem!important}.ttd-class-card{border-radius:4px!important;border-width:1px!important;gap:.2rem!important;min-height:auto!important;padding:.25rem!important}.ttd-class-header{flex-wrap:wrap;gap:.2rem!important}.ttd-class-type-badge{letter-spacing:.3px!important}.ttd-class-type-badge,.ttd-room-number-badge{border-radius:3px!important;border-width:1px!important;font-size:.5rem!important;padding:.125rem .3rem!important}.ttd-room-number-badge{gap:.2rem!important}.ttd-room-number-badge .material-symbols-rounded{font-size:.65rem!important}.ttd-class-subject{border-radius:3px!important;gap:.25rem!important;padding:.25rem!important}.ttd-class-subject .material-symbols-rounded{font-size:.75rem!important}.ttd-subject-name{-webkit-line-clamp:2!important;-webkit-box-orient:vertical;display:-webkit-box;font-size:.6rem!important;line-height:1.1!important;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:normal!important}.ttd-class-faculty{border-radius:3px!important;gap:.25rem!important;padding:.25rem!important}.ttd-class-faculty .material-symbols-rounded{font-size:.75rem!important}.ttd-faculty-name{font-size:.55rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;word-break:normal!important}.ttd-break-cell{border-bottom-width:1px!important;border-right-width:1px!important;height:40px!important;padding:.3rem!important}.ttd-break-label{font-size:.6rem!important;gap:.2rem!important}.ttd-break-label .material-symbols-rounded{font-size:.8rem!important}.ttd-break-text{font-size:.65rem!important}.ttd-break-time{font-size:.6rem!important}.ttd-empty-slot-content .material-symbols-rounded{font-size:1.3rem!important;opacity:.2!important}input[type=date],input[type=text],select{font-size:16px!important;min-height:44px}}:root{--ttr-bg-primary:#fff;--ttr-bg-secondary:#fafafa;--ttr-bg-tertiary:#f9fafb;--ttr-bg-card:#fff;--ttr-border-light:#e5e7eb;--ttr-border-medium:#d1d5db;--ttr-text-primary:#111827;--ttr-text-secondary:#374151;--ttr-text-tertiary:#6b7280;--ttr-text-muted:#9ca3af;--ttr-shadow-sm:0 2px 8px #00000014;--ttr-shadow-md:0 4px 12px #0000001a;--ttr-shadow-lg:0 8px 16px #0000001a}[data-theme=dark]{--ttr-bg-primary:#1f2937;--ttr-bg-secondary:#111827;--ttr-bg-tertiary:#374151;--ttr-bg-card:#1f2937;--ttr-border-light:#374151;--ttr-border-medium:#4b5563;--ttr-text-primary:#f9fafb;--ttr-text-secondary:#e5e7eb;--ttr-text-tertiary:#d1d5db;--ttr-text-muted:#9ca3af;--ttr-shadow-sm:0 2px 8px #0000004d;--ttr-shadow-md:0 4px 12px #0006;--ttr-shadow-lg:0 8px 16px #00000080}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.ttr-container{background:#fff;background:var(--ttr-bg-primary);border-radius:16px;box-shadow:0 2px 8px #00000014;box-shadow:var(--ttr-shadow-sm);margin-bottom:32px;margin-left:auto;margin-right:auto;padding:32px}.ttr-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 24px}.ttr-spinner{animation:ttr-spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes ttr-spin{to{transform:rotate(1turn)}}.ttr-loading p{color:#6b7280;color:var(--ttr-text-tertiary);font-size:15px;margin:0}.ttr-error{align-items:center;background:#fef2f2;border:2px solid #fca5a5;border-radius:12px;color:#dc2626;display:flex;gap:12px;padding:20px}.ttr-error .material-symbols-rounded{flex-shrink:0;font-size:28px}.ttr-error p{font-size:15px;font-weight:500;margin:0}.ttr-empty{align-items:center;background:#f9fafb;background:var(--ttr-bg-tertiary);border:2px dashed #d1d5db;border:2px dashed var(--ttr-border-medium);border-radius:12px;color:#6b7280;color:var(--ttr-text-tertiary);display:flex;gap:12px;justify-content:center;padding:40px}.ttr-empty .material-symbols-rounded{font-size:28px}.ttr-empty p{font-size:15px;margin:0}.ttr-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--ttr-border-light);gap:20px;margin-bottom:32px;padding-bottom:24px}.ttr-header,.ttr-header-icon{align-items:center;display:flex}.ttr-header-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;box-shadow:0 4px 12px #3b82f64d;color:#fff;flex-shrink:0;height:64px;justify-content:center;width:64px}.ttr-header-icon .material-symbols-rounded{font-size:36px}.ttr-header-content{flex:1 1}.ttr-header-content h3{color:#111827;color:var(--ttr-text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.ttr-header-content p{color:#6b7280;color:var(--ttr-text-tertiary);font-size:15px;line-height:1.5;margin:0}.ttr-header-meta{color:#9ca3af;color:var(--ttr-text-muted)}.ttr-theme-toggle{align-items:center;background:#f9fafb;background:var(--ttr-bg-tertiary);border:2px solid #e5e7eb;border:2px solid var(--ttr-border-light);border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.ttr-theme-toggle:hover{background:#e5e7eb;background:var(--ttr-border-light);transform:scale(1.05)}.ttr-theme-toggle .material-symbols-rounded{color:#374151;color:var(--ttr-text-secondary);font-size:24px}.ttr-quick-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.ttr-stat-card{align-items:center;border:2px solid #0000;border-radius:12px;display:flex;gap:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.ttr-stat-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.ttr-stat-primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.ttr-dark-mode .ttr-stat-primary{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6}.ttr-stat-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.ttr-dark-mode .ttr-stat-success{background:linear-gradient(135deg,#065f46,#047857);border-color:#10b981}.ttr-stat-info{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#a5b4fc}.ttr-dark-mode .ttr-stat-info{background:linear-gradient(135deg,#3730a3,#4338ca);border-color:#6366f1}.ttr-stat-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.ttr-dark-mode .ttr-stat-warning{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b}.ttr-stat-pink{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#f9a8d4}.ttr-dark-mode .ttr-stat-pink{background:linear-gradient(135deg,#831843,#9f1239);border-color:#ec4899}.ttr-stat-icon{align-items:center;background:#fffc;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.ttr-dark-mode .ttr-stat-icon{background:#ffffff1a}.ttr-stat-primary .ttr-stat-icon{color:#2563eb}.ttr-dark-mode .ttr-stat-primary .ttr-stat-icon{color:#60a5fa}.ttr-stat-success .ttr-stat-icon{color:#059669}.ttr-dark-mode .ttr-stat-success .ttr-stat-icon{color:#34d399}.ttr-stat-info .ttr-stat-icon{color:#4f46e5}.ttr-dark-mode .ttr-stat-info .ttr-stat-icon{color:#818cf8}.ttr-stat-warning .ttr-stat-icon{color:#d97706}.ttr-dark-mode .ttr-stat-warning .ttr-stat-icon{color:#fbbf24}.ttr-stat-pink .ttr-stat-icon{color:#db2777}.ttr-dark-mode .ttr-stat-pink .ttr-stat-icon{color:#f472b6}.ttr-stat-icon .material-symbols-rounded{font-size:32px}.ttr-stat-info{flex:1 1}.ttr-stat-value{color:#111827;color:var(--ttr-text-primary);font-size:32px;font-weight:800;line-height:1;margin-bottom:4px}.ttr-stat-label{color:#6b7280;color:var(--ttr-text-tertiary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ttr-status-banner{align-items:flex-start;border:2px solid;border-radius:12px;display:flex;gap:16px;margin-bottom:32px;padding:20px}.ttr-status-success{background:#f0fdf4;border-color:#86efac;color:#166534}.ttr-dark-mode .ttr-status-success{background:#05966926;border-color:#059669;color:#86efac}.ttr-status-warning{background:#fffbeb;border-color:#fcd34d;color:#92400e}.ttr-dark-mode .ttr-status-warning{background:#d9770626;border-color:#d97706;color:#fbbf24}.ttr-status-banner .material-symbols-rounded{flex-shrink:0;font-size:28px;margin-top:2px}.ttr-status-success .material-symbols-rounded{color:#16a34a}.ttr-dark-mode .ttr-status-success .material-symbols-rounded{color:#4ade80}.ttr-status-warning .material-symbols-rounded{color:#f59e0b}.ttr-dark-mode .ttr-status-warning .material-symbols-rounded{color:#fbbf24}.ttr-status-content{flex:1 1}.ttr-status-content strong{display:block;font-size:15px;font-weight:600;margin-bottom:8px}.ttr-warning-list{font-size:14px;margin:8px 0 0;padding-left:20px}.ttr-warning-list li{margin-bottom:4px}.ttr-subjects-section{margin-bottom:32px}.ttr-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ttr-section-header h4{color:#111827;color:var(--ttr-text-primary);font-size:20px;font-weight:700;margin:0}.ttr-subjects-count{background:#f9fafb;background:var(--ttr-bg-tertiary);border-radius:20px;color:#6b7280;color:var(--ttr-text-tertiary);font-size:13px;font-weight:600;padding:6px 16px}.ttr-subjects-grid{display:flex;flex-direction:column;gap:16px}.ttr-subject-card{background:#fff;background:var(--ttr-bg-card);border:2px solid #e5e7eb;border:2px solid var(--ttr-border-light);border-radius:12px;overflow:hidden;transition:all .3s ease}.ttr-subject-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.ttr-dark-mode .ttr-subject-card:hover{box-shadow:0 4px 12px #3b82f64d}.ttr-subject-header-new{align-items:center;background:#fafafa;background:var(--ttr-bg-secondary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--ttr-border-light);cursor:pointer;display:flex;gap:16px;padding:20px 24px;transition:background .2s ease}.ttr-subject-header-new:hover{background:#f9fafb;background:var(--ttr-bg-tertiary)}.ttr-subject-main{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.ttr-subject-code-new{background:#3b82f6;border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:13px;font-weight:700;letter-spacing:.5px;padding:6px 14px}.ttr-subject-name-new{color:#111827;color:var(--ttr-text-primary);flex:1 1;font-size:17px;font-weight:700;min-width:150px}.ttr-type-badge{border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.ttr-type-theory{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.ttr-type-practical{background:#e0e7ff;border:1px solid #a5b4fc;color:#4338ca}.ttr-subject-quick-info{display:flex;flex-wrap:wrap;gap:12px}.ttr-quick-badge{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.ttr-badge-theory{background:#eff6ff;border:1px solid #dbeafe;color:#1e40af}.ttr-badge-lab{background:#f5f3ff;border:1px solid #e9d5ff;color:#6d28d9}.ttr-quick-badge .material-symbols-rounded{font-size:18px}.ttr-expand-icon{align-items:center;background:#f9fafb;background:var(--ttr-bg-tertiary);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s ease;width:32px}.ttr-expand-icon .material-symbols-rounded{color:#6b7280;color:var(--ttr-text-tertiary);font-size:24px;transition:transform .3s ease}.ttr-expand-icon.ttr-expanded .material-symbols-rounded{transform:rotate(180deg)}.ttr-expand-icon:hover{background:#e5e7eb;background:var(--ttr-border-light)}.ttr-subject-details{background:#fafafa;background:var(--ttr-bg-secondary);display:flex;flex-direction:column;gap:24px;padding:24px}.ttr-detail-section{background:#fff;background:var(--ttr-bg-card);border:2px solid #e5e7eb;border:2px solid var(--ttr-border-light);border-radius:12px;overflow:hidden}.ttr-detail-header{align-items:center;background:#fafafa;background:var(--ttr-bg-secondary);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--ttr-border-light);display:flex;gap:12px;padding:16px 20px}.ttr-detail-header .material-symbols-rounded{color:#3b82f6;font-size:24px}.ttr-detail-header h5{color:#111827;color:var(--ttr-text-primary);font-size:16px;font-weight:700;margin:0}.ttr-detail-content{display:flex;flex-direction:column;gap:20px;padding:20px}.ttr-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ttr-detail-item{background:#f9fafb;background:var(--ttr-bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--ttr-border-light);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:16px}.ttr-detail-label{color:#6b7280;color:var(--ttr-text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ttr-detail-value{color:#111827;color:var(--ttr-text-primary);font-size:24px;font-weight:800}.ttr-detail-note{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e40af;display:flex;font-size:14px;gap:12px;line-height:1.5;padding:14px 16px}.ttr-dark-mode .ttr-detail-note{background:#3b82f626;border-color:#3b82f6;color:#93c5fd}.ttr-detail-note.ttr-note-primary{background:#f0f9ff;border-color:#7dd3fc}.ttr-dark-mode .ttr-detail-note.ttr-note-primary{background:#0ea5e926;border-color:#0ea5e9;color:#7dd3fc}.ttr-detail-note .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:20px;margin-top:2px}.ttr-dark-mode .ttr-detail-note .material-symbols-rounded{color:#60a5fa}.ttr-booked-sessions{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:10px;padding:16px}.ttr-dark-mode .ttr-booked-sessions{background:#05966926;border-color:#059669}.ttr-booked-header{align-items:center;color:#166534;display:flex;gap:10px;margin-bottom:12px}.ttr-dark-mode .ttr-booked-header{color:#86efac}.ttr-booked-header .material-symbols-rounded{color:#16a34a;font-size:20px}.ttr-dark-mode .ttr-booked-header .material-symbols-rounded{color:#4ade80}.ttr-booked-header strong{font-size:14px;font-weight:700}.ttr-session-list{display:flex;flex-wrap:wrap;gap:10px}.ttr-session-chip{align-items:center;background:#fff;border:2px solid #86efac;border-radius:8px;display:flex;font-size:13px;gap:8px;padding:10px 14px}.ttr-dark-mode .ttr-session-chip{background:#fff;background:var(--ttr-bg-card);border-color:#059669}.ttr-session-day{color:#166534;font-weight:700}.ttr-dark-mode .ttr-session-day{color:#86efac}.ttr-session-time{background:#dcfce7;border-radius:4px;color:#166534;font-size:12px;font-weight:600;padding:2px 8px}.ttr-dark-mode .ttr-session-time{background:#05966933;color:#86efac}.ttr-session-faculty{color:#6b7280;font-size:12px}.ttr-dark-mode .ttr-session-faculty{color:#6b7280;color:var(--ttr-text-tertiary)}.ttr-remaining-alert{align-items:center;background:#fef2f2;border:2px solid #fca5a5;border-radius:10px;color:#dc2626;display:flex;font-size:14px;gap:12px;padding:14px 16px}.ttr-dark-mode .ttr-remaining-alert{background:#dc262626;border-color:#dc2626;color:#fca5a5}.ttr-remaining-alert .material-symbols-rounded{flex-shrink:0;font-size:22px}.ttr-remaining-alert strong{font-weight:700}.ttr-config-section{background:#f9fafb;background:var(--ttr-bg-tertiary);border:2px solid #e5e7eb;border:2px solid var(--ttr-border-light);border-radius:10px;padding:16px}.ttr-config-header{align-items:center;color:#374151;color:var(--ttr-text-secondary);display:flex;gap:10px;margin-bottom:16px}.ttr-config-header .material-symbols-rounded{color:#6b7280;color:var(--ttr-text-tertiary);font-size:20px}.ttr-config-header strong{font-size:14px;font-weight:700}.ttr-config-list{display:flex;flex-direction:column;gap:12px}.ttr-config-option{background:#fff;background:var(--ttr-bg-card);border:2px solid #e5e7eb;border:2px solid var(--ttr-border-light);border-radius:10px;padding:16px;position:relative;transition:all .2s ease}.ttr-config-option:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.ttr-dark-mode .ttr-config-option:hover{box-shadow:0 2px 8px #3b82f64d}.ttr-config-recommended{background:#fafafa;background:var(--ttr-bg-secondary);border-color:#3b82f6}.ttr-dark-mode .ttr-config-recommended{background:#3b82f61a}.ttr-recommended-badge{align-items:center;background:#3b82f6;border-radius:6px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:6px;margin-bottom:12px;padding:4px 12px}.ttr-recommended-badge .material-symbols-rounded{font-size:16px}.ttr-config-summary{color:#111827;color:var(--ttr-text-primary);font-size:15px;margin-bottom:12px}.ttr-config-summary strong{color:#3b82f6;font-weight:700}.ttr-dark-mode .ttr-config-summary strong{color:#60a5fa}.ttr-config-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.ttr-config-detail{align-items:center;color:#6b7280;color:var(--ttr-text-tertiary);display:flex;font-size:13px;gap:8px}.ttr-config-detail .material-symbols-rounded{color:#9ca3af;color:var(--ttr-text-muted);font-size:18px}.ttr-no-data{align-items:center;background:#f9fafb;background:var(--ttr-bg-tertiary);border:2px dashed #d1d5db;border:2px dashed var(--ttr-border-medium);border-radius:10px;color:#6b7280;color:var(--ttr-text-tertiary);display:flex;gap:12px;justify-content:center;padding:32px}.ttr-no-data .material-symbols-rounded{font-size:28px}.ttr-no-data p{font-size:14px;margin:0}.ttr-footer{align-items:flex-start;background:#f9fafb;background:var(--ttr-bg-tertiary);border-radius:12px;display:flex;gap:16px;margin-top:32px;padding:20px}.ttr-footer-icon{align-items:center;background:#e5e7eb;background:var(--ttr-border-light);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ttr-footer-icon .material-symbols-rounded{color:#6b7280;color:var(--ttr-text-tertiary);font-size:24px}.ttr-footer-text{color:#6b7280;color:var(--ttr-text-tertiary);font-size:14px;line-height:1.6}.ttr-footer-text strong{color:#374151;color:var(--ttr-text-secondary);font-weight:600}@media (max-width:1024px){.ttr-container{margin:.75rem;padding:20px}}@media (max-width:768px){.ttr-container{border-radius:12px;margin:.5rem;padding:16px}.ttr-header{align-items:flex-start;flex-direction:column;gap:12px}.ttr-header-icon{height:52px;width:52px}.ttr-header-icon .material-symbols-rounded{font-size:28px}.ttr-header-content h3{font-size:1.25rem}.ttr-quick-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.ttr-stat-card{padding:12px}.ttr-stat-value{font-size:24px}.ttr-subject-main{align-items:flex-start;flex-direction:column;gap:.5rem}.ttr-detail-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.ttr-config-details-grid{gap:.75rem;grid-template-columns:1fr}button{font-size:16px;min-height:44px;min-width:44px}}@media (max-width:480px){.ttr-container{margin:.25rem;padding:12px}.ttr-header-content h3{font-size:1.1rem}.ttr-quick-stats{gap:8px;grid-template-columns:1fr}.ttr-stat-card{padding:10px}.ttr-stat-icon{height:44px;width:44px}.ttr-stat-icon .material-symbols-rounded{font-size:24px}.ttr-stat-value{font-size:20px}.ttr-stat-label{font-size:.75rem}.ttr-detail-grid{gap:.5rem;grid-template-columns:1fr}.ttr-session-chip{align-items:flex-start;flex-direction:column;gap:4px;padding:8px 10px}.ttr-section-title{font-size:.95rem}.ttr-detail-item label{font-size:.7rem}.ttr-detail-item span{font-size:.85rem}}.tvp-overlay{align-items:center;animation:tvpFadeIn .18s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#020617b8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes tvpFadeIn{0%{opacity:0}to{opacity:1}}.tvp-modal{animation:tvpSlideUp .22s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:18px;box-shadow:0 0 0 1px #ffffff0f,0 32px 64px #00000038,0 8px 24px #0000001f;display:flex;flex-direction:column;max-height:90vh;max-width:1080px;overflow:hidden;width:100%}@keyframes tvpSlideUp{0%{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .tvp-modal{background:#0f172a;background:var(--card-bg,#0f172a);border-color:#1e293b;border-color:var(--border-color,#1e293b);box-shadow:0 0 0 1px #ffffff0a,0 32px 64px #0009}.tvp-header{align-items:center;background:#fff;background:var(--card-bg,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px 16px}[data-theme=dark] .tvp-header{background:#0f172a;background:var(--card-bg,#0f172a);border-bottom-color:#1e293b;border-bottom-color:var(--border-color,#1e293b)}.tvp-header-left{align-items:center;display:flex;gap:12px;min-width:0}.tvp-header-icon{align-items:center;background:#3b82f61a;border-radius:10px;color:#3b82f6;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}[data-theme=dark] .tvp-header-icon{background:#3b82f626}.tvp-header-meta{min-width:0}.tvp-header-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .tvp-header-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.tvp-header-sub{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:500;letter-spacing:.01em;margin-top:2px}.tvp-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:16px}.tvp-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}.tvp-btn--ghost{background:#f1f5f9;background:var(--secondary-bg,#f1f5f9);color:#0f172a;color:var(--text-primary,#0f172a)}.tvp-btn--ghost:hover{background:#e2e8f0;background:var(--secondary-hover,#e2e8f0)}[data-theme=dark] .tvp-btn--ghost{background:#ffffff0f;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .tvp-btn--ghost:hover{background:#ffffff1a}.tvp-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:34px;justify-content:center;transition:background .15s,color .15s;width:34px}.tvp-close:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9);color:#0f172a;color:var(--text-primary,#0f172a)}[data-theme=dark] .tvp-close:hover{background:#ffffff14;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.tvp-body{flex:1 1;overflow-y:auto;padding:20px 24px 24px}.tvp-body::-webkit-scrollbar{width:6px}.tvp-body::-webkit-scrollbar-track{background:#0000}.tvp-body::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-color,#cbd5e1);border-radius:3px}.tvp-state{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:60px 20px}.tvp-state--error{color:#f43f5e}.tvp-spinner{animation:tvpSpin .7s linear infinite;border:3px solid #e2e8f0;border:3px solid var(--border-color,#e2e8f0);border-radius:50%;border-top:3px solid #3b82f6;height:28px;width:28px}@keyframes tvpSpin{to{transform:rotate(1turn)}}.tvp-toast{animation:tvpFadeIn .2s ease;border-radius:8px;bottom:20px;font-size:13.5px;font-weight:500;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.tvp-toast--success{background:#10b981;color:#fff}.tvp-toast--error{background:#f43f5e;color:#fff}@media (max-width:640px){.tvp-overlay{align-items:flex-end;padding:0}.tvp-modal{border-radius:18px 18px 0 0;max-height:95vh;max-width:100%}.tvp-header{padding:16px 18px 14px}.tvp-body{padding:16px 18px 20px}.tvp-btn span{display:none}.tvp-btn{padding:7px 10px}}:root{--ccp-indigo:#6366f1;--ccp-indigo-lt:#6366f114;--ccp-indigo-md:#6366f12e;--ccp-green:#10b981;--ccp-green-lt:#10b98114;--ccp-green-md:#10b9812e;--ccp-red:#f43f5e;--ccp-red-lt:#f43f5e14;--ccp-amber:#f59e0b;--ccp-amber-lt:#f59e0b14}.create-class-overlay{align-items:center;animation:crcl-in .18s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#020617ad;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes crcl-in{0%{opacity:0}to{opacity:1}}.create-class-popup{animation:crcl-up .26s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--popup-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;box-shadow:0 0 0 1px #ffffff0f,0 40px 80px #00000038,0 8px 24px #0000001a;display:flex;flex-direction:column;max-height:92vh;max-width:900px;overflow:hidden;width:100%}@keyframes crcl-up{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .create-class-popup{background:#0f172a;background:var(--popup-bg,#0f172a);border-color:#1e293b;border-color:var(--border-color,#1e293b);box-shadow:0 0 0 1px #ffffff0a,0 40px 80px #0000008c}.crcl-drag-handle{display:none}.create-class-popup .popup-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 28px 16px}[data-theme=dark] .create-class-popup .popup-header{border-bottom-color:#1e293b;border-bottom-color:var(--border-color,#1e293b)}.header-content{gap:14px}.header-icon{background:#6366f114;background:var(--ccp-indigo-lt);flex-shrink:0;height:42px;width:42px}.header-icon .material-symbols-rounded{color:#6366f1;color:var(--ccp-indigo);font-size:22px}.header-text h2{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;letter-spacing:-.02em;line-height:1.2}[data-theme=dark] .header-text h2{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.header-text p{color:var(--text-secondary,#64748b);font-size:12px;margin:3px 0 0}.create-class-popup .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;padding:0;transition:background .15s,color .15s;width:34px}.create-class-popup .close-btn:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9);color:#0f172a;color:var(--text-primary,#0f172a)}[data-theme=dark] .create-class-popup .close-btn:hover{background:#ffffff12;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.create-class-popup .close-btn .material-symbols-rounded{font-size:20px}.message-banner{animation:crcl-in .18s ease;flex-shrink:0;font-size:13px;gap:9px;padding:10px 20px}.message-banner .material-symbols-rounded{font-size:17px}.message-banner.error{background:#f43f5e14;background:var(--ccp-red-lt);border-bottom:1.5px solid #f43f5e33;color:#f43f5e;color:var(--ccp-red)}.message-banner.success{background:#10b98114;background:var(--ccp-green-lt);border-bottom:1.5px solid #10b98133;color:#10b981;color:var(--ccp-green)}.step-indicator{background:var(--secondary-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);gap:0;overflow-x:auto;padding:14px 28px;scrollbar-width:none}.step-indicator::-webkit-scrollbar{display:none}[data-theme=dark] .step-indicator{background:#ffffff05;border-bottom-color:#1e293b;border-bottom-color:var(--border-color,#1e293b)}.step{gap:5px;min-width:56px}.step:not(:last-child):after{background:var(--border-color,#e2e8f0);height:1.5px;left:calc(50% + 18px);top:15px;transition:background .3s;width:calc(100% - 36px);z-index:0}.step.completed:not(:last-child):after{background:#10b981;background:var(--ccp-green)}[data-theme=dark] .step:not(:last-child):after{background:#334155;background:var(--border-color,#334155)}.step-number{background:#fff;background:var(--card-bg,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px;height:30px;transition:all .2s;width:30px}[data-theme=dark] .step-number{background:#0f172a;background:var(--popup-bg,#0f172a);border-color:#334155;border-color:var(--border-color,#334155)}.step.active .step-number{background:#6366f1;background:var(--ccp-indigo);border-color:#6366f1;border-color:var(--ccp-indigo);box-shadow:0 0 0 4px #6366f114;box-shadow:0 0 0 4px var(--ccp-indigo-lt)}.step.completed .step-number{background:var(--ccp-green);border-color:#10b981;border-color:var(--ccp-green)}.step.completed .step-number .material-symbols-rounded{font-size:15px}.step-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:10.5px;white-space:nowrap}.step.active .step-label{color:#6366f1;color:var(--ccp-indigo);font-weight:700}.step.completed .step-label{color:#10b981;color:var(--ccp-green)}.popup-body{background:#f8fafc;background:var(--secondary-bg,#f8fafc);padding:22px 28px}[data-theme=dark] .popup-body{background:#ffffff03}.popup-body::-webkit-scrollbar{width:5px}.popup-body::-webkit-scrollbar-thumb{background:var(--border-color,#e2e8f0)}.step-content{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:22px}[data-theme=dark] .step-content{background:#0f172a;background:var(--popup-bg,#0f172a);border-color:#1e293b;border-color:var(--border-color,#1e293b)}.step-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-weight:700;gap:8px;letter-spacing:-.02em;margin:0 0 4px}[data-theme=dark] .step-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.step-title .material-symbols-rounded{color:#6366f1;color:var(--ccp-indigo);font-size:19px}.step-description{color:var(--text-secondary,#64748b);font-size:13px;margin-bottom:18px}.classes-e-cards-grid{grid-gap:11px;display:grid;gap:11px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.classes-e-card{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:13px;cursor:pointer;padding:15px;position:relative;transition:all .17s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .classes-e-card{background:#ffffff08;border-color:#1e293b;border-color:var(--border-color,#1e293b)}.classes-e-card:hover{border-color:#6366f1;border-color:var(--ccp-indigo);box-shadow:0 4px 16px #6366f11f;transform:translateY(-2px)}.classes-e-card-active{background:#6366f114!important;background:var(--ccp-indigo-lt)!important;border-color:#6366f1!important;border-color:var(--ccp-indigo)!important;box-shadow:0 0 0 3px #6366f12e,0 4px 14px #6366f124!important;box-shadow:0 0 0 3px var(--ccp-indigo-md),0 4px 14px #6366f124!important}.classes-e-card-active:after{background:#6366f1 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 3 3 5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px no-repeat;background:var(--ccp-indigo) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 3 3 5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-radius:50%;content:"";height:20px;position:absolute;right:10px;top:10px;width:20px}.classes-e-card-top{margin-bottom:8px}.enrollment-badge{background:#6366f114;background:var(--ccp-indigo-lt);border:1px solid #6366f12e;border:1px solid var(--ccp-indigo-md);border-radius:7px;color:#6366f1;color:var(--ccp-indigo);display:inline-block;font-size:11px;letter-spacing:.01em;padding:3px 9px}.enrollment-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13.5px;font-weight:600;line-height:1.4;margin:0 0 10px}[data-theme=dark] .enrollment-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.enrollment-info-list{display:flex;flex-direction:column;gap:5px}.enrollment-info-item{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:12px;gap:6px}.enrollment-info-item .material-symbols-rounded{color:#6366f1;color:var(--ccp-indigo);flex-shrink:0;font-size:13px}.subject-cards-grid{grid-gap:11px;display:grid;gap:11px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.subject-card{background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:13px;cursor:pointer;padding:15px;transition:all .17s}[data-theme=dark] .subject-card{background:#ffffff08;border-color:#1e293b;border-color:var(--border-color,#1e293b)}.subject-card:hover{border-color:#10b981;border-color:var(--ccp-green);box-shadow:0 4px 16px #10b9811f;transform:translateY(-2px)}.subject-card-active{background:#10b98114!important;background:var(--ccp-green-lt)!important;border-color:#10b981!important;border-color:var(--ccp-green)!important;box-shadow:0 0 0 3px #10b9812e,0 4px 14px #10b98124!important;box-shadow:0 0 0 3px var(--ccp-green-md),0 4px 14px #10b98124!important}.subject-card-active:after{background:#10b981 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 3 3 5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px no-repeat;background:var(--ccp-green) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 3 3 5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-radius:50%;content:"";height:20px;position:absolute;right:10px;top:10px;width:20px}.subject-card-top{margin-bottom:8px}.subject-badge{background:#10b98114;background:var(--ccp-green-lt);border:1px solid #10b9812e;border:1px solid var(--ccp-green-md);border-radius:7px;color:#10b981;color:var(--ccp-green);display:inline-block;font-size:11px;font-weight:700;padding:3px 9px}.subject-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13.5px;font-weight:600;line-height:1.4;margin:0 0 10px}[data-theme=dark] .subject-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.subject-info-list{display:flex;flex-direction:column;gap:5px}.subject-info-item{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:12px;gap:6px}.subject-info-item .material-symbols-rounded{color:#10b981;color:var(--ccp-green);flex-shrink:0;font-size:13px}.date-selection{display:flex;flex-direction:column;gap:14px}.quick-select{background:#f8fafc;background:var(--secondary-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:11px;padding:13px 15px}[data-theme=dark] .quick-select{background:#ffffff08;border-color:#1e293b;border-color:var(--border-color,#1e293b)}.quick-select p{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:700;letter-spacing:.05em;margin:0 0 9px;text-transform:uppercase}.quick-buttons{display:flex;flex-wrap:wrap;gap:7px}.quick-buttons button{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:500;padding:5px 14px;transition:all .15s}.quick-buttons button:hover{background:#6366f114;background:var(--ccp-indigo-lt);border-color:#6366f1;border-color:var(--ccp-indigo);color:#6366f1;color:var(--ccp-indigo)}[data-theme=dark] .quick-buttons button{background:#ffffff0a;border-color:#1e293b;border-color:var(--border-color,#1e293b);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.mode-grid{grid-gap:13px;display:grid;gap:13px;grid-template-columns:1fr 1fr}.mode-card{background:#fff;background:var(--card-bg,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:15px;cursor:pointer;padding:18px;position:relative;transition:all .17s}[data-theme=dark] .mode-card{background:#ffffff08;border-color:#1e293b;border-color:var(--border-color,#1e293b)}.mode-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.mode-card.selected{background:#6366f114;background:var(--ccp-indigo-lt);border-color:#6366f1;border-color:var(--ccp-indigo);box-shadow:0 0 0 3px #6366f12e;box-shadow:0 0 0 3px var(--ccp-indigo-md)}.mode-card.selected:after{background:#6366f1 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 3 3 5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px no-repeat;background:var(--ccp-indigo) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 3 3 5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-radius:50%;content:"";height:20px;position:absolute;right:11px;top:11px;width:20px}.mode-icon{align-items:center;border-radius:11px;display:flex;height:40px;justify-content:center;margin-bottom:11px;width:40px}.mode-icon.green{background:#10b98114;background:var(--ccp-green-lt)}.mode-icon.green .material-symbols-rounded{color:#10b981;color:var(--ccp-green);font-size:21px}.mode-icon.blue{background:#6366f114;background:var(--ccp-indigo-lt)}.mode-icon.blue .material-symbols-rounded{color:#6366f1;color:var(--ccp-indigo);font-size:21px}.mode-card h4{color:#0f172a;color:var(--text-primary,#0f172a);font-size:14.5px;font-weight:700;letter-spacing:-.01em;margin:0 0 3px}[data-theme=dark] .mode-card h4{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.mode-card>p{color:#64748b;color:var(--text-secondary,#64748b);font-size:12.5px;margin:0 0 12px}.mode-card ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.mode-card ul li{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:12px;gap:6px}.mode-card ul li .material-symbols-rounded{color:#10b981;color:var(--ccp-green);flex-shrink:0;font-size:13px}.schedule-config{display:flex;flex-direction:column;gap:15px}.form-field{gap:5px}.form-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.form-input,.form-select{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:9px;box-sizing:border-box;color:#0f172a;color:var(--text-primary,#0f172a);font-family:inherit;font-size:13.5px;outline:none;padding:9px 13px;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus,.form-select:focus{border-color:#6366f1;border-color:var(--ccp-indigo);box-shadow:0 0 0 3px #6366f114;box-shadow:0 0 0 3px var(--ccp-indigo-lt)}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background:#ffffff0a;border-color:#1e293b;border-color:var(--border-color,#1e293b);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus{background:#ffffff0f}textarea.form-input{min-height:76px;resize:vertical}.slots-section{display:flex;flex-direction:column;gap:9px}.slots-info{background:#f59e0b14;background:var(--ccp-amber-lt);border:1px solid #f59e0b33;border-radius:8px;color:#f59e0b;color:var(--ccp-amber);font-size:12px;margin:0;padding:7px 11px}.slots-grid{grid-gap:9px;gap:9px;grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}.slot-card{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:11px;padding:12px;transition:all .14s}[data-theme=dark] .slot-card{background:#ffffff08;border-color:#1e293b;border-color:var(--border-color,#1e293b)}.slot-card.selected,.slot-card:hover:not(.booked){background:#10b98114;background:var(--ccp-green-lt);border-color:#10b981;border-color:var(--ccp-green)}.slot-card.selected{box-shadow:0 0 0 3px #10b9812e;box-shadow:0 0 0 3px var(--ccp-green-md)}.slot-card.booked{background:#f8fafc;background:var(--secondary-bg,#f8fafc);cursor:not-allowed;opacity:.4}.slot-number{color:#0f172a;color:var(--text-primary,#0f172a);font-size:12px;font-weight:700}[data-theme=dark] .slot-number{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.available-badge{background:#10b98114;background:var(--ccp-green-lt);border:1px solid #10b9812e;border:1px solid var(--ccp-green-md);border-radius:6px;color:#10b981;color:var(--ccp-green)}.available-badge,.booked-badge{font-size:10px;font-weight:600;padding:2px 7px}.booked-badge{background:#f43f5e14;background:var(--ccp-red-lt);border-radius:6px;color:#f43f5e;color:var(--ccp-red)}.slot-details{display:flex;flex-direction:column;gap:4px}.slot-booking-info,.slot-faculty,.slot-subject,.slot-time{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:11.5px;gap:5px}.slot-booking-info .material-symbols-rounded,.slot-faculty .material-symbols-rounded,.slot-subject .material-symbols-rounded,.slot-time .material-symbols-rounded{flex-shrink:0;font-size:12px}.no-slots-message{align-items:center;background:#f8fafc;background:var(--secondary-bg,#f8fafc);border:1.5px dashed #e2e8f0;border:1.5px dashed var(--border-color,#e2e8f0);border-radius:12px;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;gap:9px;padding:26px;text-align:center}.no-slots-message .material-symbols-rounded{font-size:30px;opacity:.35}.no-slots-message p{font-size:13px;margin:0}.additional-fields{background:#f8fafc;background:var(--secondary-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:11px;display:flex;flex-direction:column;gap:13px;margin-top:2px;padding:15px}[data-theme=dark] .additional-fields{background:#ffffff05;border-color:#1e293b;border-color:var(--border-color,#1e293b)}.review-summary{display:flex;flex-direction:column}.summary-item{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);gap:13px;padding:12px 0}[data-theme=dark] .summary-item{border-bottom-color:#1e293b;border-bottom-color:var(--border-color,#1e293b)}.summary-item:last-child{border-bottom:none}.summary-item>.material-symbols-rounded{color:#6366f1;color:var(--ccp-indigo);flex-shrink:0;font-size:19px;width:22px}.summary-item label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:10.5px;font-weight:700;margin-bottom:2px}.summary-item p{color:var(--text-primary,#0f172a);font-size:13.5px;font-weight:600}[data-theme=dark] .summary-item p{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.form-error{color:#f43f5e;color:var(--ccp-red);font-size:12px;margin-top:3px}.popup-footer{background:#fff;background:var(--popup-bg,#fff);border-top:1px solid var(--border-color,#e2e8f0);flex-shrink:0;padding:15px 28px}[data-theme=dark] .popup-footer{background:#0f172a;background:var(--popup-bg,#0f172a);border-top-color:#1e293b;border-top-color:var(--border-color,#1e293b)}.footer-actions{gap:9px}.btn-convert,.btn-primary,.btn-secondary{border-radius:10px;font-size:13.5px;gap:6px;padding:9px 20px;transition:all .15s;white-space:nowrap}.btn-secondary{background:var(--secondary-bg,#f1f5f9);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a)}.btn-secondary:hover:not(:disabled){background:#e2e8f0;background:var(--secondary-hover,#e2e8f0)}[data-theme=dark] .btn-secondary{background:#ffffff0f;border-color:#1e293b;border-color:var(--border-color,#1e293b);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#ffffff1a}.btn-primary{background:#6366f1;background:var(--ccp-indigo);box-shadow:0 2px 8px #6366f147}.btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 14px #6366f161;transform:translateY(-1px)}.btn-convert{background:#10b981;background:var(--ccp-green);box-shadow:0 2px 8px #10b98147}.btn-convert:hover:not(:disabled){background:#059669;box-shadow:0 4px 14px #10b98161;transform:translateY(-1px)}.btn-convert:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5}.btn-convert .material-symbols-rounded,.btn-primary .material-symbols-rounded,.btn-secondary .material-symbols-rounded{font-size:16px}.spinning{animation:crcl-spin .7s linear infinite}@keyframes crcl-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.create-class-overlay{align-items:flex-end;padding:0}.create-class-popup{animation:crcl-sheet-up .3s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;max-height:95dvh;max-width:100%}@keyframes crcl-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.crcl-closing{animation:crcl-sheet-dn .26s cubic-bezier(.32,.72,0,1) forwards!important}@keyframes crcl-sheet-dn{0%{transform:translateY(0)}to{transform:translateY(100%)}}.crcl-drag-handle{background:#00000024;border-radius:99px;display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:36px}[data-theme=dark] .crcl-drag-handle{background:#ffffff2e}.create-class-popup .popup-header{padding:14px 20px}.popup-body{padding:16px 20px}.popup-footer{padding:13px 20px max(13px,env(safe-area-inset-bottom))}.step-indicator{padding:11px 16px}.classes-e-cards-grid,.mode-grid,.slots-grid,.subject-cards-grid{grid-template-columns:1fr}.footer-actions{flex-direction:column-reverse}.btn-convert,.btn-primary,.btn-secondary{justify-content:center;width:100%}}.bcp-overlay{align-items:center;animation:bcp-in .18s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#020617ad;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes bcp-in{0%{opacity:0}to{opacity:1}}.bcp-popup{animation:bcp-up .26s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--popup-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;box-shadow:0 0 0 1px #ffffff0f,0 40px 80px #00000038,0 8px 24px #0000001a;display:flex;flex-direction:column;max-height:88vh;max-width:660px;overflow:hidden;width:100%}@keyframes bcp-up{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .bcp-popup{background:#0f172a;background:var(--popup-bg,#0f172a);border-color:#1e293b;border-color:var(--border-color,#1e293b);box-shadow:0 0 0 1px #ffffff0a,0 40px 80px #0000008c}.bcp-drag-handle{display:none}.bcp-popup .popup-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 26px 16px}[data-theme=dark] .bcp-popup .popup-header{border-bottom-color:#1e293b;border-bottom-color:var(--border-color,#1e293b)}.bcp-popup .popup-header h3{align-items:center;color:#0f172a;color:var(--text-primary,#0f172a);display:flex;font-size:16px;font-weight:700;gap:10px;letter-spacing:-.02em;margin:0}[data-theme=dark] .bcp-popup .popup-header h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.bcp-popup .popup-header h3:before{background:#6366f1;border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:8px;width:8px}.bcp-popup .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background .15s,color .15s;width:32px}.bcp-popup .close-btn:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9);color:#0f172a;color:var(--text-primary,#0f172a)}[data-theme=dark] .bcp-popup .close-btn:hover{background:#ffffff12;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.bcp-popup .close-btn .material-symbols-rounded{font-size:19px}.bcp-popup .popup-content{flex:1 1;overflow-y:auto;padding:22px 26px}.bcp-popup .popup-content::-webkit-scrollbar{width:5px}.bcp-popup .popup-content::-webkit-scrollbar-track{background:#0000}.bcp-popup .popup-content::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:3px}.bcp-popup .form-group{margin-bottom:16px}.bcp-popup .form-group label{color:#64748b;color:var(--text-secondary,#64748b);display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.bcp-popup .form-input,.bcp-popup .form-select{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:9px;box-sizing:border-box;color:#0f172a;color:var(--text-primary,#0f172a);font-family:inherit;font-size:13.5px;outline:none;padding:9px 13px;transition:border-color .15s,box-shadow .15s;width:100%}.bcp-popup .form-input:focus,.bcp-popup .form-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f117}[data-theme=dark] .bcp-popup .form-input,[data-theme=dark] .bcp-popup .form-select{background:#ffffff0a;border-color:#1e293b;border-color:var(--border-color,#1e293b);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .bcp-popup .form-input:focus,[data-theme=dark] .bcp-popup .form-select:focus{background:#ffffff0f}.bcp-popup .form-row{grid-gap:13px;display:grid;gap:13px;grid-template-columns:1fr 1fr}.bcp-popup .loading-text{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;font-style:italic;padding:9px 13px}.bcp-popup .results-summary{grid-gap:11px;display:grid;gap:11px;grid-template-columns:1fr 1fr;margin-bottom:18px}.bcp-popup .summary-card{align-items:center;background:#f8fafc;background:var(--secondary-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:13px;display:flex;gap:13px;padding:14px 16px}[data-theme=dark] .bcp-popup .summary-card{background:#ffffff08;border-color:#1e293b;border-color:var(--border-color,#1e293b)}.bcp-popup .summary-card .material-symbols-rounded{flex-shrink:0;font-size:26px}.bcp-popup .success-card{border-left:3px solid #10b981}.bcp-popup .success-card .material-symbols-rounded{color:#10b981}.bcp-popup .error-card{border-left:3px solid #f43f5e}.bcp-popup .error-card .material-symbols-rounded{color:#f43f5e}.bcp-popup .summary-count{color:#0f172a;color:var(--text-primary,#0f172a);font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1}[data-theme=dark] .bcp-popup .summary-count{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.bcp-popup .summary-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11.5px;font-weight:500;margin-top:2px}.bcp-popup .results-section{margin-bottom:18px}.bcp-popup .results-section h4{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px;font-weight:700;letter-spacing:.05em;margin:0 0 9px;text-transform:uppercase}.bcp-popup .results-table-container{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow:hidden}[data-theme=dark] .bcp-popup .results-table-container{border-color:#1e293b;border-color:var(--border-color,#1e293b)}.bcp-popup .results-table{border-collapse:collapse;width:100%}.bcp-popup .results-table thead{background:#f8fafc;background:var(--secondary-bg,#f8fafc)}[data-theme=dark] .bcp-popup .results-table thead{background:#ffffff05}.bcp-popup .results-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:8px 13px;text-align:left;text-transform:uppercase}[data-theme=dark] .bcp-popup .results-table th{border-bottom-color:#1e293b;border-bottom-color:var(--border-color,#1e293b)}.bcp-popup .results-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;padding:8px 13px}[data-theme=dark] .bcp-popup .results-table td{border-bottom-color:#1e293b;border-bottom-color:var(--border-color,#1e293b);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.bcp-popup .results-table tbody tr:last-child td{border-bottom:none}.bcp-popup .results-table tbody tr:hover{background:#f8fafc;background:var(--hover-bg,#f8fafc)}[data-theme=dark] .bcp-popup .results-table tbody tr:hover{background:#ffffff08}.bcp-popup .status-badge{background:#6366f117;border-radius:7px;color:#6366f1;display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px}.bcp-popup .error-reason{color:#f43f5e;font-size:12.5px}.bcp-popup .more-results{background:#f8fafc;background:var(--secondary-bg,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12.5px;padding:8px 13px;text-align:center}[data-theme=dark] .bcp-popup .more-results{background:#ffffff05;border-top-color:#1e293b;border-top-color:var(--border-color,#1e293b)}.bcp-popup .popup-actions{background:#fff;background:var(--popup-bg,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:9px;justify-content:flex-end;padding:15px 26px}[data-theme=dark] .bcp-popup .popup-actions{background:#0f172a;background:var(--popup-bg,#0f172a);border-top-color:#1e293b;border-top-color:var(--border-color,#1e293b)}.bcp-popup .btn-primary,.bcp-popup .btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:6px;padding:9px 20px;transition:all .15s;white-space:nowrap}.bcp-popup .btn-primary{background:#6366f1;box-shadow:0 2px 8px #6366f147;color:#fff}.bcp-popup .btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 14px #6366f161;transform:translateY(-1px)}.bcp-popup .btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.bcp-popup .btn-secondary{background:#f1f5f9;background:var(--secondary-bg,#f1f5f9);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a)}.bcp-popup .btn-secondary:hover:not(:disabled){background:#e2e8f0;background:var(--secondary-hover,#e2e8f0)}[data-theme=dark] .bcp-popup .btn-secondary{background:#ffffff0f;border-color:#1e293b;border-color:var(--border-color,#1e293b);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .bcp-popup .btn-secondary:hover:not(:disabled){background:#ffffff1a}.bcp-popup .btn-primary .material-symbols-rounded,.bcp-popup .btn-secondary .material-symbols-rounded{font-size:16px}@media (max-width:768px){.bcp-overlay{align-items:flex-end;padding:0}.bcp-overlay.bcp-closing{animation:bcp-ov-out .26s ease-in forwards}@keyframes bcp-ov-out{0%{opacity:1}to{opacity:0}}.bcp-popup{animation:bcp-sheet-up .3s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;max-height:95dvh;max-width:100%;width:100%}.bcp-popup.bcp-closing{animation:bcp-sheet-dn .26s cubic-bezier(.32,.72,0,1) forwards}@keyframes bcp-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bcp-sheet-dn{0%{transform:translateY(0)}to{transform:translateY(100%)}}.bcp-drag-handle{background:#00000024;border-radius:99px;display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:36px}[data-theme=dark] .bcp-drag-handle{background:#ffffff2e}.bcp-popup .popup-header{border-radius:20px 20px 0 0;padding:14px 20px}.bcp-popup .popup-content{padding:16px 20px}.bcp-popup .popup-actions{flex-direction:column-reverse;padding:13px 20px max(13px,env(safe-area-inset-bottom))}.bcp-popup .btn-primary,.bcp-popup .btn-secondary{justify-content:center;width:100%}.bcp-popup .form-row,.bcp-popup .results-summary{grid-template-columns:1fr}.bcp-popup .results-table-container{overflow-x:auto}}.bcp-error-msg{align-items:center;animation:bcp-in .18s ease;background:#f43f5e14;border:1.5px solid #f43f5e33;border-radius:9px;color:#f43f5e;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:10px 13px}.bcp-error-msg .material-symbols-rounded{flex-shrink:0;font-size:16px}:root{--counsellor-bg:#f8fafc;--counsellor-text:#1e293b;--counsellor-card-bg:#ffffffd9;--counsellor-card-border:#e2e8f0cc;--counsellor-card-shadow:0 6px 20px #00000014;--counsellor-card-shadow-hover:0 12px 28px #0000001f;--section-title-color:#1e293b;--section-border:linear-gradient(90deg,#3b82f6,#10b981);--kpi-card-bg:linear-gradient(145deg,#ffffffe6,#f8fafccc);--kpi-card-border:#e2e8f099;--kpi-card-border-hover:#3b82f64d;--kpi-card-shadow:0 4px 20px #0000000f,0 1px 3px #0000000d;--kpi-card-shadow-hover:0 12px 40px #0000001f,0 4px 12px #00000014;--kpi-card-shimmer:linear-gradient(90deg,#0000,#3b82f64d,#0000);--kpi-title-color:#64748b;--kpi-value-color:#1e293b;--kpi-subtitle-color:#6b7280;--status-good-bg:linear-gradient(135deg,#dcfce7f2,#bbf7d0e6);--status-good-text:#065f46;--status-good-border:#10b98133;--status-good-dot:#10b981;--status-warning-bg:linear-gradient(135deg,#fef3c7f2,#fcd34de6);--status-warning-text:#92400e;--status-warning-border:#f59e0b33;--status-warning-dot:#f59e0b;--status-attention-bg:linear-gradient(135deg,#fee2e2f2,#fca5a5e6);--status-attention-text:#dc2626;--status-attention-border:#ef444433;--status-attention-dot:#ef4444;--trend-up-color:#10b981;--trend-up-bg:#10b9811a;--trend-down-color:#ef4444;--trend-down-bg:#ef44441a;--trend-neutral-color:#6b7280;--trend-neutral-bg:#6b72801a;--comparison-bg:#fffffff2;--comparison-border:#e2e8f099;--comparison-shadow:0 6px 20px #0000000f;--comparison-shadow-hover:0 8px 25px #0000001a;--comparison-title-color:#1e293b;--comparison-metric-color:#374151;--comparison-positive:#10b981;--comparison-negative:#ef4444;--comparison-progress-bg:#f3f4f6cc;--comparison-progress-fill:linear-gradient(90deg,#3b82f6,#10b981);--comparison-labels-color:#6b7280;--action-card-bg:#fffffff2;--action-card-border:#e2e8f099;--action-card-border-hover:#3b82f64d;--action-card-shadow:0 4px 12px #0000000a;--action-card-shadow-hover:0 8px 20px #00000014;--action-urgent-border:#ef4444;--action-urgent-bg:linear-gradient(135deg,#fee2e24d,#fffffff2);--action-urgent-shadow:0 8px 20px #ef444426;--action-icon-default-bg:#3b82f61a;--action-icon-default-color:#3b82f6;--action-icon-hot-bg:#f59e0b1a;--action-icon-hot-color:#f59e0b;--action-icon-new-bg:#10b9811a;--action-icon-new-color:#10b981;--action-icon-interested-bg:#8b5cf61a;--action-icon-interested-color:#8b5cf6;--action-number-color:#1e293b;--action-label-color:#6b7280;--action-arrow-color:#9ca3af;--action-arrow-hover-color:#3b82f6;--performance-metric-bg:#f8fafccc;--performance-metric-bg-hover:#f1f5f9e6;--performance-value-blue:#3b82f6;--performance-value-green:#10b981;--performance-value-yellow:#f59e0b;--performance-value-purple:#8b5cf6;--performance-label-color:#6b7280}[data-theme=dark]{--counsellor-bg:#1a1a1a;--counsellor-text:#fff;--counsellor-card-bg:#1a1a1ad9;--counsellor-card-border:#ffffff1a;--counsellor-card-shadow:0 6px 20px #0000004d;--counsellor-card-shadow-hover:0 12px 28px #0006;--section-title-color:#fff;--section-border:linear-gradient(135deg,#065f46,#047857);--kpi-card-bg:linear-gradient(145deg,#1a1a1ae6,#333c);--kpi-card-border:#ffffff1a;--kpi-card-border-hover:#00ff884d;--kpi-card-shadow:0 4px 20px #0000004d,0 1px 3px #0003;--kpi-card-shadow-hover:0 12px 40px #00000080,0 4px 12px #0000004d;--kpi-card-shimmer:linear-gradient(90deg,#0000,#00ff884d,#0000);--kpi-title-color:#ccc;--kpi-value-color:#fff;--kpi-subtitle-color:#999;--status-good-bg:#00ff881a;--status-good-text:linear-gradient(135deg,#065f46,#047857);--status-good-border:#0f83;--status-good-dot:linear-gradient(135deg,#065f46,#047857);--status-warning-bg:#ff9f0a1a;--status-warning-text:#ff9f0a;--status-warning-border:#ff9f0a33;--status-warning-dot:#ff9f0a;--status-attention-bg:#ff3b301a;--status-attention-text:#ff3b30;--status-attention-border:#ff3b3033;--status-attention-dot:#ff3b30;--trend-up-color:#065f46;--trend-up-bg:#00ff881a;--trend-down-color:#ff3b30;--trend-down-bg:#ff3b301a;--trend-neutral-color:#999;--trend-neutral-bg:#9999991a;--comparison-bg:#1a1a1af2;--comparison-border:#ffffff1a;--comparison-shadow:0 6px 20px #0006;--comparison-shadow-hover:0 8px 25px #00000080;--comparison-title-color:#fff;--comparison-metric-color:#ccc;--comparison-positive:linear-gradient(135deg,#065f46,#047857);--comparison-negative:#ff3b30;--comparison-progress-bg:#333c;--comparison-progress-fill:linear-gradient(135deg,#065f46,#047857);--comparison-labels-color:#999;--action-card-bg:#1a1a1af2;--action-card-border:#ffffff1a;--action-card-border-hover:#00ff884d;--action-card-shadow:0 4px 12px #0000004d;--action-card-shadow-hover:0 8px 20px #0006;--action-urgent-border:#ff3b30;--action-urgent-bg:linear-gradient(135deg,#ff3b3026,#1a1a1af2);--action-urgent-shadow:0 8px 20px #ff3b3033;--action-icon-default-bg:#00ff881a;--action-icon-default-color:#065f46;--action-icon-hot-bg:#ff9f0a1a;--action-icon-hot-color:#ff9f0a;--action-icon-new-bg:#00ff881a;--action-icon-new-color:#065f46;--action-icon-interested-bg:#a284ff1a;--action-icon-interested-color:#a284ff;--action-number-color:#fff;--action-label-color:#999;--action-arrow-color:#666;--action-arrow-hover-color:#065f46;--performance-metric-bg:#333c;--performance-metric-bg-hover:#4d4d4de6;--performance-value-blue:#0cf;--performance-value-green:linear-gradient(135deg,#065f46,#047857);--performance-value-yellow:#ff9f0a;--performance-value-purple:#a284ff;--performance-label-color:#999}.admin-dashboard{background:#f8fafc;background:var(--counsellor-bg);color:#1e293b;color:var(--counsellor-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:0;transition:background-color .3s ease,color .3s ease}.kpi-cards-section,.section-title{margin-bottom:1rem}.section-title{color:#1e293b;color:var(--section-title-color);font-size:1rem;position:relative;transition:color .3s ease}.section-title:after{background:linear-gradient(90deg,#3b82f6,#10b981);background:var(--section-border);border-radius:1px;bottom:-.5rem;content:"";height:2px;left:0;position:absolute;width:40px}.kpi-cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.admin-card.kpi-card-style{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);background:var(--kpi-card-bg);border:1px solid #e2e8f099;border:1px solid var(--kpi-card-border);border-radius:12px;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000d;box-shadow:var(--kpi-card-shadow);min-height:140px;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.admin-card.kpi-card-style:before{background:linear-gradient(90deg,#0000,#3b82f64d,#0000);background:var(--kpi-card-shimmer);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.admin-card.kpi-card-style:hover:before{transform:translateX(100%)}.admin-card.kpi-card-style:hover{border-color:#3b82f64d;border-color:var(--kpi-card-border-hover);box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014;box-shadow:var(--kpi-card-shadow-hover);transform:translateY(-6px)}.kpi-card-style .card-content-flex{margin-bottom:1rem}.kpi-card-style .card-title{color:#64748b;color:var(--kpi-title-color);font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem;opacity:.9;text-transform:uppercase;transition:color .3s ease}.kpi-card-style .card-value{color:#1e293b;color:var(--kpi-value-color);font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.375rem;text-shadow:0 1px 3px #0000001a;transition:all .3s ease}[data-theme=dark] .kpi-card-style .card-value{text-shadow:0 1px 3px #0000004d}.kpi-card-style:hover .card-value{transform:scale(1.02)}.kpi-card-style .card-subtitle{align-items:center;color:#6b7280;color:var(--kpi-subtitle-color);display:flex;font-size:.7rem;font-weight:500;gap:.25rem;transition:color .3s ease}.kpi-card-style .card-icon-container{align-items:center;border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}[data-theme=dark] .kpi-card-style .card-icon-container{box-shadow:0 2px 8px #0000004d}.kpi-card-style:hover .card-icon-container{box-shadow:0 6px 20px #00000026;transform:rotate(5deg) scale(1.1)}[data-theme=dark] .kpi-card-style:hover .card-icon-container{box-shadow:0 6px 20px #0006}.kpi-status-badge{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #fff3;bottom:0;display:flex;font-size:.65rem;font-weight:600;gap:.375rem;left:0;letter-spacing:.025em;padding:.5rem .75rem;position:absolute;right:0;text-transform:uppercase}[data-theme=dark] .kpi-status-badge{border-top:1px solid #ffffff1a}.status-dot{animation:statusPulse 2s infinite;box-shadow:0 0 0 2px #ffffff4d;height:8px;width:8px}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.kpi-status-good{background:linear-gradient(135deg,#dcfce7f2,#bbf7d0e6);background:var(--status-good-bg);border-top-color:#10b98133;border-top-color:var(--status-good-border);color:#065f46;color:var(--status-good-text)}.kpi-status-good .status-dot{background:#10b981;background:var(--status-good-dot);box-shadow:0 0 0 2px #10b9814d,0 0 10px #10b9814d}[data-theme=dark] .kpi-status-good .status-dot{box-shadow:0 0 0 2px #00ff884d,0 0 10px #00ff884d}.kpi-status-warning{background:linear-gradient(135deg,#fef3c7f2,#fcd34de6);background:var(--status-warning-bg);border-top-color:#f59e0b33;border-top-color:var(--status-warning-border);color:#92400e;color:var(--status-warning-text)}.kpi-status-warning .status-dot{background:#f59e0b;background:var(--status-warning-dot);box-shadow:0 0 0 2px #f59e0b4d,0 0 10px #f59e0b4d}[data-theme=dark] .kpi-status-warning .status-dot{box-shadow:0 0 0 2px #ff9f0a4d,0 0 10px #ff9f0a4d}.kpi-status-attention{background:linear-gradient(135deg,#fee2e2f2,#fca5a5e6);background:var(--status-attention-bg);border-top-color:#ef444433;border-top-color:var(--status-attention-border);color:#dc2626;color:var(--status-attention-text)}.kpi-status-attention .status-dot{background:#ef4444;background:var(--status-attention-dot);box-shadow:0 0 0 2px #ef44444d,0 0 10px #ef44444d}[data-theme=dark] .kpi-status-attention .status-dot{box-shadow:0 0 0 2px #ff3b304d,0 0 10px #ff3b304d}.trend-up{background:#10b9811a;background:var(--trend-up-bg);color:#10b981;color:var(--trend-up-color)}.trend-down,.trend-up{animation:trendBounce 2s infinite;border-radius:4px;padding:.25rem}.trend-down{background:#ef44441a;background:var(--trend-down-bg);color:#ef4444;color:var(--trend-down-color)}.trend-neutral{background:#6b72801a;background:var(--trend-neutral-bg);border-radius:4px;padding:.25rem}@keyframes trendBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.trend-indicator{align-items:center;display:flex;font-size:.7rem;gap:.25rem;margin-top:.25rem}.trend-positive{color:#10b981;color:var(--trend-up-color)}.trend-negative{color:#ef4444;color:var(--trend-down-color)}.trend-neutral{color:#6b7280;color:var(--trend-neutral-color)}.comparison-widget{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--comparison-bg);border:1px solid #e2e8f099;border:1px solid var(--comparison-border);border-radius:12px;box-shadow:0 6px 20px #0000000f;box-shadow:var(--comparison-shadow);margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.comparison-widget:hover{box-shadow:0 8px 25px #0000001a;box-shadow:var(--comparison-shadow-hover);transform:translateY(-2px)}.comparison-title{align-items:center;color:#1e293b;color:var(--comparison-title-color);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem;transition:color .3s ease}.comparison-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-comparison{display:flex;flex-direction:column;gap:.75rem}.comparison-header{align-items:center;display:flex;justify-content:space-between}.metric-name{color:#374151;color:var(--comparison-metric-color);font-size:.9rem;font-weight:600;transition:color .3s ease}.comparison-positive{color:#10b981;color:var(--comparison-positive);font-size:.85rem;font-weight:700}.comparison-negative{color:#ef4444;color:var(--comparison-negative);font-size:.85rem;font-weight:700}.progress-bar{background:#f3f4f6cc;background:var(--comparison-progress-bg)}.my-progress{border-radius:4px;height:100%;position:relative;transition:width .8s ease}.my-progress,.my-progress.response-time{background:linear-gradient(90deg,#3b82f6,#10b981);background:var(--comparison-progress-fill)}.team-average-line{background:#ef4444;background:var(--comparison-negative);border-radius:1px;bottom:-2px;position:absolute;top:-2px;width:2px;z-index:2}.progress-labels{color:#6b7280;color:var(--comparison-labels-color);display:flex;font-size:.75rem;font-weight:500;justify-content:space-between;transition:color .3s ease}.quick-actions-section{margin-bottom:1rem}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff2;background:var(--action-card-bg);border:1px solid #e2e8f099;border:1px solid var(--action-card-border);border-radius:12px;box-shadow:0 4px 12px #0000000a;box-shadow:var(--action-card-shadow);cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card:hover{border-color:#3b82f64d;border-color:var(--action-card-border-hover);box-shadow:0 8px 20px #00000014;box-shadow:var(--action-card-shadow-hover);transform:translateY(-2px)}.action-card.urgent{background:linear-gradient(135deg,#fee2e24d,#fffffff2);background:var(--action-urgent-bg);border-left:4px solid #ef4444;border-left:4px solid var(--action-urgent-border)}.action-card.urgent:hover{border-color:#ef4444;border-color:var(--action-urgent-border);box-shadow:0 8px 20px #ef444426;box-shadow:var(--action-urgent-shadow)}.action-icon{background:#3b82f61a;background:var(--action-icon-default-bg);color:#3b82f6;color:var(--action-icon-default-color);height:40px;transition:all .3s ease;width:40px}.action-icon.hot{background:#f59e0b1a;background:var(--action-icon-hot-bg);color:#f59e0b;color:var(--action-icon-hot-color)}.action-icon.new{background:#10b9811a;background:var(--action-icon-new-bg);color:#10b981;color:var(--action-icon-new-color)}.action-icon.interested{background:#8b5cf61a;background:var(--action-icon-interested-bg);color:#8b5cf6;color:var(--action-icon-interested-color)}.action-content{display:flex;flex-direction:column;gap:.125rem}.action-number{color:#1e293b;color:var(--action-number-color);font-size:1.25rem;font-weight:700;line-height:1;transition:color .3s ease}.action-label{color:#6b7280;color:var(--action-label-color)}.action-arrow{color:#9ca3af;color:var(--action-arrow-color);flex-shrink:0}.action-card:hover .action-arrow{color:#3b82f6;color:var(--action-arrow-hover-color);transform:translateX(2px)}.admin-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;background:var(--counsellor-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--counsellor-card-border);border-radius:12px;box-shadow:0 6px 20px #00000014;box-shadow:var(--counsellor-card-shadow);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.admin-card:hover{box-shadow:0 12px 28px #0000001f;box-shadow:var(--counsellor-card-shadow-hover);transform:translateY(-4px)}.admin-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1rem}.admin-card.conversion-card,.admin-card.leads-card{background:linear-gradient(135deg,#dcfce7f2,#bbf7d0e6);background:var(--status-good-bg);color:#065f46;color:var(--status-good-text)}.admin-card.hot-leads-card{background:linear-gradient(135deg,#fef3c7f2,#fcd34de6);background:var(--status-warning-bg);color:#92400e;color:var(--status-warning-text)}.admin-card.students-card{background:linear-gradient(135deg,#e0f2fee6,#bae6fdcc);color:#0369a1}.admin-card.revenue-card{background:linear-gradient(135deg,#ede9fee6,#c4b5fdcc);color:#5b21b6}[data-theme=dark] .admin-card.students-card{background:#00ccff1a;color:#0cf}[data-theme=dark] .admin-card.revenue-card{background:#a284ff1a;color:#a284ff}.card-content-flex{align-items:flex-start;display:flex;justify-content:space-between}.card-text-content{flex:1 1}.card-title,.card-value{margin-bottom:.5rem}.card-value{font-size:2rem;line-height:1}.card-subtitle{align-items:center;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.25rem}.card-icon-container{align-items:center;background:#0000001a;border-radius:12px;display:flex;font-size:2.5rem;justify-content:center;padding:.5rem}[data-theme=dark] .card-icon-container{background:#ffffff1a}.admin-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:1rem}.chart-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;background:var(--counsellor-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--counsellor-card-border);border-radius:12px;box-shadow:0 6px 20px #00000014;box-shadow:var(--counsellor-card-shadow);min-height:380px;padding:1rem;position:relative;transition:all .3s ease}.chart-card:hover{border-color:#3b82f64d;border-color:var(--action-card-border-hover);box-shadow:0 12px 28px #0000001f;box-shadow:var(--counsellor-card-shadow-hover);transform:translateY(-6px)}.chart-card.full-width{grid-column:span 2}.chart-header{align-items:center;border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--counsellor-card-border);color:#1e293b;color:var(--section-title-color);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0 0 1rem;padding-bottom:1rem;position:relative;transition:color .3s ease}.chart-header:after{background:linear-gradient(90deg,#3b82f6,#10b981);background:var(--section-border);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.chart-icon{align-items:center;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border-radius:10px;display:flex;font-size:1.4rem;justify-content:center;padding:.5rem}[data-theme=dark] .chart-icon{background:linear-gradient(135deg,#00ff881a,#00ccff1a)}.performance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.performance-metric{background:#f8fafccc;background:var(--performance-metric-bg);border-radius:8px;padding:.75rem;text-align:center;transition:all .2s ease}.performance-metric:hover{background:#f1f5f9e6;background:var(--performance-metric-bg-hover);transform:translateY(-2px)}.metric-value{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.metric-label{color:#6b7280;color:var(--performance-label-color);font-size:.75rem;font-weight:500;transition:color .3s ease}.metric-blue{color:#3b82f6;color:var(--performance-value-blue)}.metric-green{color:#10b981;color:var(--performance-value-green)}.metric-yellow{color:#f59e0b;color:var(--performance-value-yellow)}.metric-purple{color:#8b5cf6;color:var(--performance-value-purple)}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.insights-section h4{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin:0 0 .5rem;transition:color .3s ease}.insights-list{color:#374151;color:var(--comparison-metric-color);font-size:.8rem;margin:0;padding-left:1rem;transition:color .3s ease}.insights-list li{line-height:1.4;margin-bottom:.25rem}.strengths-section h4{color:#10b981;color:var(--trend-up-color)}.improvements-section h4{color:#ef4444;color:var(--trend-down-color)}.no-improvements{color:#10b981;color:var(--trend-up-color);font-style:italic;list-style:none;margin-left:-1rem}.admin-loading{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:1rem;text-align:center}.loading-text{color:var(--kpi-title-color);font-size:1.2rem;transition:color .3s ease}.admin-error{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fee2e2f2,#fca5a5e6);background:var(--status-attention-bg);border:1px solid #ef444433;border:1px solid var(--status-attention-border);border-radius:12px;box-shadow:0 6px 20px #dc26261a;color:#dc2626;color:var(--status-attention-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}[data-theme=dark] .admin-error{box-shadow:0 6px 20px #ff3b3033}.error-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.error-message{margin-bottom:1rem;opacity:.9}.error-retry-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;box-shadow:0 4px 12px #dc26264d;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}[data-theme=dark] .error-retry-btn{background:linear-gradient(135deg,#ff3b30,#e60000);box-shadow:0 4px 12px #ff3b304d}.error-retry-btn:hover{box-shadow:0 6px 16px #dc262666;transform:translateY(-2px)}[data-theme=dark] .error-retry-btn:hover{box-shadow:0 6px 16px #ff3b3066}.admin-alerts{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fef3c7f2,#fcd34de6);background:var(--status-warning-bg);border:1px solid #f59e0b33;border:1px solid var(--status-warning-border);border-radius:12px;box-shadow:0 6px 20px #f59e0b1a;margin-bottom:1rem;padding:1rem 1.5rem;transition:all .3s ease}[data-theme=dark] .admin-alerts{box-shadow:0 6px 20px #ff9f0a33}.alerts-header{align-items:center;display:flex;font-weight:600;gap:.5rem;margin:0 0 .5rem}.alert-message,.alerts-header{color:#92400e;color:var(--status-warning-text)}.alert-message{font-size:.95rem;font-weight:500}.admin-card.kpi-card-style{animation:kpiCardSlideIn .6s cubic-bezier(.4,0,.2,1) both}.kpi-cards-grid .admin-card:first-child{animation-delay:.1s}.kpi-cards-grid .admin-card:nth-child(2){animation-delay:.15s}.kpi-cards-grid .admin-card:nth-child(3){animation-delay:.2s}.kpi-cards-grid .admin-card:nth-child(4){animation-delay:.25s}.kpi-cards-grid .admin-card:nth-child(5){animation-delay:.3s}@keyframes kpiCardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.recharts-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.recharts-surface,.recharts-wrapper{background:#0000!important}.recharts-pie-sector{cursor:pointer;filter:drop-shadow(0 3px 8px rgba(0,0,0,.12));transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .recharts-pie-sector{filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}.recharts-pie-sector:hover{filter:drop-shadow(0 6px 16px rgba(0,0,0,.18));transform:scale(1.05);transform-origin:center}[data-theme=dark] .recharts-pie-sector:hover{filter:drop-shadow(0 6px 16px rgba(0,0,0,.6))}.recharts-default-tooltip{animation:tooltipFadeIn .2s ease-out!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#ffffffd9!important;background:var(--counsellor-card-bg)!important;border:1px solid #e2e8f0cc!important;border:1px solid var(--counsellor-card-border)!important;border-radius:12px!important;box-shadow:0 6px 20px #00000014!important;box-shadow:var(--counsellor-card-shadow)!important;font-family:Inter,sans-serif!important;padding:12px 16px!important}.recharts-tooltip-label{color:#1e293b!important;color:var(--section-title-color)!important;font-size:14px!important;font-weight:700!important;margin-bottom:8px!important;text-transform:capitalize!important}.recharts-tooltip-item{font-size:13px!important;margin:2px 0!important}.recharts-legend-item,.recharts-tooltip-item{color:#374151!important;color:var(--comparison-metric-color)!important;font-weight:600!important;text-transform:capitalize!important}.recharts-legend-item{cursor:pointer!important;font-family:Inter,sans-serif!important;font-size:14px!important;margin-right:20px!important;transition:all .2s ease!important}.recharts-legend-item:hover{color:#1e293b!important;color:var(--section-title-color)!important;transform:translateY(-1px)!important}.recharts-cartesian-axis-tick-value{fill:#64748b!important;fill:var(--kpi-title-color)!important;font-family:Inter,sans-serif!important;font-size:12px!important;font-weight:600!important;text-transform:capitalize!important}.recharts-cartesian-axis-line{stroke:#e2e8f0cc!important;stroke:var(--counsellor-card-border)!important;stroke-width:1.5px!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e2e8f0cc!important;stroke:var(--counsellor-card-border)!important;stroke-dasharray:3 3!important;stroke-width:1px!important;opacity:.4!important}@media (max-width:1200px){.kpi-cards-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.kpi-card-style .card-value{font-size:1.75rem}.admin-stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-charts-grid{gap:1rem;grid-template-columns:1fr}.chart-card.full-width{grid-column:span 1}.chart-card{min-height:320px;padding:1.5rem}.comparison-metrics{gap:1rem;grid-template-columns:1fr}.quick-actions-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.kpi-cards-grid{gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.section-title{font-size:1rem;margin-bottom:1rem}.admin-card.kpi-card-style{min-height:120px;padding:1.25rem}.kpi-card-style .card-value{font-size:1.5rem}.kpi-card-style .card-icon-container{height:44px;width:44px}.kpi-status-badge{font-size:.7rem;padding:.5rem .875rem}.admin-stats-grid{grid-template-columns:1fr}.card-value{font-size:2rem}.chart-header{font-size:1.1rem}.chart-card{min-height:280px;padding:1rem}.insights-grid{gap:1rem;grid-template-columns:1fr}.performance-grid{grid-template-columns:1fr 1fr}.comparison-widget{padding:1rem}.comparison-title{font-size:.9rem;margin-bottom:1rem}.quick-actions-grid{gap:.75rem;grid-template-columns:1fr 1fr}.action-card{padding:.75rem}.action-icon{height:32px;width:32px}.action-number{font-size:1rem}.action-label{font-size:.7rem}.trend-indicator{font-size:.65rem}}@media (max-width:480px){.quick-actions-grid{gap:.75rem;grid-template-columns:1fr}.admin-card.kpi-card-style{padding:1rem}.kpi-card-style .card-value{font-size:1.375rem}.comparison-metrics,.insights-grid,.performance-grid{grid-template-columns:1fr}}[data-theme=dark] .action-card:hover{box-shadow:0 8px 25px #00ff8826}[data-theme=dark] .comparison-widget:hover{box-shadow:0 8px 25px #0009}[data-theme=dark] .chart-card:hover{box-shadow:0 16px 40px #00000080}[data-theme=dark] .action-card:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--action-arrow-hover-color);outline-offset:2px}.kpi-card-loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}[data-theme=dark] .kpi-card-loading{background:linear-gradient(90deg,#333 25%,#404040 50%,#333 75%)}@media (prefers-reduced-motion:reduce){.admin-card.kpi-card-style,.status-dot,.trend-down,.trend-up{animation:none}.action-card:hover,.chart-card:hover,.comparison-widget:hover,.kpi-card-style:hover .card-icon-container,.kpi-card-style:hover .card-value,.performance-metric:hover{transform:none}.recharts-area,.recharts-bar-rectangle,.recharts-line,.recharts-pie-sector{transition:none}}.cd-action-wrap{display:flex;flex-direction:column;gap:12px;height:100%}.cd-kpi-strip{display:flex;gap:8px}.cd-kpi-cell{align-items:center;background:#f8fafc;background:var(--adb-surface-2,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:10px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:8px 6px;transition:background .15s}.cd-kpi-cell:hover{background:#f1f5f9;background:var(--adb-bg-hover,#f1f5f9)}.cd-kpi-num{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.cd-kpi-lbl{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:10px;font-weight:500;margin-top:2px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cd-progress-wrap{display:flex;flex-direction:column;gap:5px}.cd-progress-header{align-items:center;color:#94a3b8;color:var(--adb-muted,#94a3b8);display:flex;font-size:11px;justify-content:space-between}.cd-progress-header strong{color:#0f172a;color:var(--adb-text,#0f172a)}.cd-progress-track{background:#e2e8f0;background:var(--adb-border,#e2e8f0);border-radius:99px;height:6px;overflow:hidden}.cd-progress-fill{border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.cd-pace-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:12px;font-weight:700;gap:5px;letter-spacing:.1px;padding:4px 12px}.cd-pace-badge.achieved,.cd-pace-badge.ahead{background:#10b98118;color:#10b981}.cd-pace-badge.on_track{background:#3b82f618;color:#3b82f6}.cd-pace-badge.behind{background:#f59e0b18;color:#f59e0b}.cd-pace-badge.at_risk{background:#f43f5e18;color:#f43f5e}.cd-pace-badge.unknown{background:#94a3b818;color:#94a3b8}.cd-target-hero{align-items:baseline;display:flex;gap:6px;line-height:1;margin-bottom:4px}.cd-target-big{font-size:44px;font-weight:900;letter-spacing:-2px;line-height:1}.cd-target-of{font-size:18px;font-weight:500}.cd-target-of,.cd-target-sub{color:#94a3b8;color:var(--adb-muted,#94a3b8)}.cd-target-sub{font-size:11px;margin-left:2px}.cd-success-banner{align-items:center;background:#10b98114;border:1px solid #10b98130;border-radius:10px;color:#10b981;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px}.cd-empty-state{align-items:center;color:#94a3b8;color:var(--adb-muted,#94a3b8);display:flex;flex-direction:column;gap:6px;justify-content:center;padding:24px 0}.cd-empty-state .cd-empty-icon{font-size:28px;opacity:.4}.cd-empty-state .cd-empty-text{font-size:12px;font-weight:600}.cd-empty-state.success{color:#10b981}.cd-activity-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.cd-activity-cell{background:#f8fafc;background:var(--adb-surface-2,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:10px;padding:10px 12px;transition:background .15s}.cd-activity-cell:hover{background:#f1f5f9;background:var(--adb-bg-hover,#f1f5f9)}.cd-activity-num{font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.cd-activity-lbl{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:11px;margin-top:2px}.cd-activity-sub{font-size:10px;font-weight:600;margin-top:2px}.cd-activity-status{align-items:center;border-radius:99px;display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:4px 12px}.cd-activity-status.great{background:#10b98118;color:#10b981}.cd-activity-status.good{background:#3b82f618;color:#3b82f6}.cd-activity-status.low{background:#f59e0b18;color:#f59e0b}.cd-activity-status.idle{background:#94a3b818;color:#94a3b8}.cd-trial-outcomes{display:flex;gap:8px}.cd-trial-outcome-cell{background:#f8fafc;background:var(--adb-surface-2,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:10px;flex:1 1;padding:7px 4px;text-align:center}.cd-trial-outcome-num{font-size:20px;font-weight:800;line-height:1}.cd-trial-outcome-lbl{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:10px;margin-top:2px}.cd-rate-row{display:flex;gap:8px}.cd-rate-cell{background:#f8fafc;background:var(--adb-surface-2,#f8fafc);border-radius:8px;flex:1 1;padding:7px 4px;text-align:center}.cd-rate-val{font-size:13px;font-weight:700;line-height:1.2}.cd-rate-lbl{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:10px;margin-top:1px}.cd-divider{background:#e2e8f0;background:var(--adb-border,#e2e8f0);border:none;height:1px;margin:2px 0}.cd-snapshot{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}@media (max-width:900px){.cd-snapshot{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cd-snapshot{gap:8px;grid-template-columns:1fr}}.cd-snap-card{align-items:center;background:#fff;background:var(--adb-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--adb-border,#e2e8f0);border-radius:12px;border-radius:var(--adb-radius,12px);box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--adb-shadow,0 1px 3px #0f172a0f);display:flex;gap:12px;padding:14px 16px;transition:box-shadow .18s,transform .18s}.cd-snap-card:hover{box-shadow:0 4px 12px #0f172a1a;box-shadow:var(--adb-shadow-hover,0 4px 12px #0f172a1a);transform:translateY(-1px)}.cd-snap-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.cd-snap-body{display:flex;flex-direction:column;gap:2px;min-width:0}.cd-snap-val{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.cd-snap-lbl{font-size:11px;font-weight:500}.cd-snap-lbl,.cd-snap-sub{color:#94a3b8;color:var(--adb-muted,#94a3b8)}.cd-snap-sub{font-size:10px}@media (max-width:560px){.cd-snap-val{font-size:18px}.cd-snap-lbl{font-size:10px}.fin-kpi-val{font-size:20px!important}.fin-kpi-head .fin-kpi-label{font-size:10px}.fin-kpi .adb-filter-btn{font-size:8px!important;gap:2px!important;height:auto!important;line-height:1.2!important;min-height:0!important;min-height:auto!important;padding:1px 4px!important}.fin-kpi .adb-filter-btn svg{height:7px!important;width:7px!important}.adb-title{font-size:15px}.adb-role-badge{font-size:9px;padding:1px 5px}.adb-card-title{font-size:11px}.adb-metric-value{font-size:20px}}.cd-overdue-pill{align-items:center;background:#f43f5e1f;border:1px solid #f43f5e47;border-radius:999px;color:#e11d48;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-top:10px;padding:4px 10px 4px 8px;transition:background .15s,box-shadow .15s;white-space:nowrap}.cd-overdue-pill:hover{background:#f43f5e33;box-shadow:0 2px 8px #f43f5e2e}.cd-header-actions{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px;justify-content:flex-end;min-width:0}.cd-fin-group{align-items:center;display:flex;flex-shrink:0;gap:4px}@media (max-width:1100px){.cd-fin-group .fin-qa-icon-btn>span:not(.fin-qa-tooltip){display:none}.cd-fin-group .fin-qa-icon-btn{padding:0 10px}}@media (max-width:768px){.cd-header-actions{flex-wrap:wrap;gap:4px;justify-content:flex-end;width:100%}.qa-compact-trigger{font-size:11px;height:30px}.cd-fin-group .fin-qa-icon-btn{height:30px;padding:0 9px}.cd-fin-group .fin-qa-icon-btn>span:not(.fin-qa-tooltip){display:none}.cd-header-actions .adb-btn--ghost{font-size:11px;height:30px;padding:0 8px}.cd-header-actions .adb-icon-btn{height:30px;width:30px}}@media (max-width:480px){.cd-header-actions .adb-btn--ghost{display:none}.cd-header-actions{gap:3px}}.cd-quick-btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;padding:4px 12px;transition:background .14s,box-shadow .14s,transform .1s;white-space:nowrap}.cd-quick-btn:hover{transform:translateY(-1px)}.cd-quick-btn:active{transform:translateY(0)}.cd-quick-btn--violet{background:#8b5cf61a;border-color:#8b5cf640;color:#7c3aed}.cd-quick-btn--violet:hover{background:#8b5cf629;box-shadow:0 2px 8px #8b5cf633}.cd-quick-btn--amber{background:#f59e0b1a;border-color:#f59e0b40;color:#b45309}.cd-quick-btn--amber:hover{background:#f59e0b29;box-shadow:0 2px 8px #f59e0b33}.cd-quick-btn--indigo{background:#6366f11a;border-color:#6366f140;color:#4f46e5}.cd-quick-btn--indigo:hover{background:#6366f129;box-shadow:0 2px 8px #6366f133}[data-theme=dark] .cd-quick-btn--violet{background:#8b5cf624;border-color:#8b5cf64d;color:#a78bfa}[data-theme=dark] .cd-quick-btn--amber{background:#f59e0b21;border-color:#f59e0b47;color:#fbbf24}[data-theme=dark] .cd-quick-btn--indigo{background:#6366f124;border-color:#6366f14d;color:#818cf8}.cd-overdue-expand{animation:cd-expand-in .2s cubic-bezier(.16,1,.3,1);border-top:1px solid #f43f5e26;margin-top:12px;padding-top:12px}@keyframes cd-expand-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.td-no-schedule{align-items:center;background:var(--adb-surface);border:1px solid var(--adb-border);border-radius:var(--adb-radius);color:var(--adb-muted);display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:14px 16px}.td-att{padding:4px 0}.td-att-hero{align-items:baseline;display:flex;gap:6px;margin-bottom:12px}.td-att-pct{font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1}.td-att-lbl{color:var(--adb-muted);font-size:12px}.td-stat-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.td-stat-item{background:var(--adb-border-soft);border-radius:var(--adb-radius-sm);display:flex;flex-direction:column;gap:2px;padding:10px 12px}.td-stat-val{color:var(--adb-text);font-size:18px;font-weight:700}.td-stat-lbl{color:var(--adb-muted);font-size:11px}.td-engagement{padding:4px 0}.td-eng-stats{display:flex;flex-direction:column;gap:8px}.td-eng-item{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:10px 44px 1fr auto}.td-eng-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.td-eng-val{font-size:15px;font-weight:700}.td-eng-lbl{color:var(--adb-text-2);font-size:12px}.td-eng-pct{background:var(--adb-border-soft);border-radius:20px;color:var(--adb-muted);font-size:11px;font-weight:600;padding:1px 6px}.td-module-tag{border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.5px;margin-left:4px;opacity:.55;padding:1px 5px;text-transform:uppercase}.td-module-tag--classes{background:#3b82f61f;color:#3b82f6}.td-module-tag--students{background:#10b9811f;color:#10b981}.adb-style-toggle{align-items:center;display:flex;gap:2px;margin-left:6px}.adb-style-btn{background:#0000;border:none;border-radius:4px;color:var(--adb-muted);cursor:pointer;font-size:13px;line-height:1;padding:2px 5px;transition:background .12s,color .12s}.adb-style-btn:hover{background:var(--adb-border-soft);color:var(--adb-text)}.adb-style-btn.active{background:#6366f11f;background:var(--adb-accent-soft,#6366f11f);color:#6366f1;color:var(--adb-accent,#6366f1)}.adb-cat-bars{display:flex;flex-direction:column;gap:8px;padding:4px 0}.adb-cat-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:90px 1fr}.adb-cat-label{color:var(--adb-text-2);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adb-cat-track{align-items:center;background:var(--adb-border-soft);border-radius:4px;display:flex;height:18px;overflow:visible;position:relative}.adb-cat-fill{border-radius:4px;height:100%;min-width:2px;transition:width .3s ease}.adb-cat-val{color:var(--adb-text);font-size:11px;font-weight:600;position:absolute;right:-32px;white-space:nowrap}.td-module-tabs{align-items:center;background:#f1f5f9;background:var(--adb-border-soft,#f1f5f9);border-radius:8px;display:flex;gap:4px;margin-left:12px;padding:3px}.td-module-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--adb-muted,#94a3b8);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;padding:5px 12px;transition:all .15s ease;white-space:nowrap}.td-module-tab:hover{color:#0f172a;color:var(--adb-text,#0f172a)}.td-module-tab.active,.td-module-tab:hover{background:#fff;background:var(--adb-surface,#fff)}.td-module-tab.active{box-shadow:0 1px 4px #0f172a14;color:#6366f1;color:var(--adb-accent,#6366f1)}[data-theme=dark] .td-module-tabs{background:#ffffff0f}[data-theme=dark] .td-module-tab.active{background:#ffffff1a}.reschedule-class-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.reschedule-class-popup{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.reschedule-class-popup .popup-header{align-items:center;background:linear-gradient(135deg,#059669,#047857);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:28px 32px}.reschedule-class-popup .header-content{align-items:center;display:flex;gap:16px}.reschedule-class-popup .header-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;display:flex;height:56px;justify-content:center;width:56px}.reschedule-class-popup .header-icon .material-symbols-rounded{color:#fff;font-size:32px}.reschedule-class-popup .header-text h2{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0}.reschedule-class-popup .header-text p{font-size:.92rem;margin:4px 0 0;opacity:.9}.reschedule-class-popup .close-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.reschedule-class-popup .close-btn:hover{background:#ffffff40;transform:scale(1.05)}.reschedule-class-popup .message-banner{align-items:center;animation:slideDown .3s ease-out;border-radius:12px;display:flex;font-size:.92rem;gap:12px;margin:20px 32px 0;padding:16px 24px}.reschedule-class-popup .message-banner.success{background:#0596691a;border:1px solid #05966933;color:#047857}.reschedule-class-popup .message-banner.error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.reschedule-class-popup .step-indicator{display:flex;gap:12px;justify-content:center;padding:16px 24px 12px}.reschedule-class-popup .step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:120px;position:relative}.reschedule-class-popup .step:after{background:#cbd5e180;content:"";height:2px;left:60%;position:absolute;top:20px;width:100%;z-index:-1}.reschedule-class-popup .step:last-child:after{display:none}.reschedule-class-popup .step.active:after,.reschedule-class-popup .step.completed:after{background:linear-gradient(90deg,#059669,#047857)}.reschedule-class-popup .step-number{align-items:center;background:#e2e8f080;border:2px solid #cbd5e1;border-radius:50%;color:#64748b;display:flex;font-size:.95rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.reschedule-class-popup .step.active .step-number,.reschedule-class-popup .step.completed .step-number{background:linear-gradient(135deg,#059669,#047857);border-color:#047857;box-shadow:0 4px 12px #0596694d;color:#fff}.reschedule-class-popup .step-label{color:#64748b;font-size:.85rem;font-weight:500;text-align:center}.reschedule-class-popup .step.active .step-label,.reschedule-class-popup .step.completed .step-label{color:#059669;font-weight:600}.reschedule-class-popup .popup-body{flex:1 1;overflow-y:auto;padding:16px 24px}.reschedule-class-popup .step-content{animation:fadeInContent .3s ease-out}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reschedule-class-popup .step-title{align-items:center;color:#0f172a;display:flex;font-size:1.35rem;font-weight:600;gap:12px;margin:0 0 8px}.reschedule-class-popup .step-title .material-symbols-rounded{color:#059669;font-size:28px}.reschedule-class-popup .step-description{color:#64748b;font-size:.92rem;margin:0 0 14px}.reschedule-info-card{background:linear-gradient(135deg,#0596690d,#0478570d);border:1px solid #05966926;border-radius:16px;margin-bottom:24px;padding:20px}.reschedule-info-card .info-row{align-items:center;border-bottom:1px solid #0596691a;display:flex;justify-content:space-between;padding:10px 0}.reschedule-info-card .info-row:last-child{border-bottom:none}.reschedule-info-card .info-label{color:#059669;font-size:.9rem;font-weight:600}.reschedule-info-card .info-value{color:#0f172a;font-size:.92rem}.reschedule-class-popup .form-field{margin-bottom:24px}.reschedule-class-popup .form-label{color:#0f172a;display:block;font-size:.92rem;font-weight:600;margin-bottom:8px}.reschedule-class-popup .form-label.required:after{color:#ef4444;content:"*";margin-left:4px}.reschedule-class-popup .form-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:2px solid #e2e8f0cc;border-radius:12px;color:#0f172a;font-family:inherit;font-size:.92rem;padding:12px 16px;transition:all .2s ease;width:100%}.reschedule-class-popup .form-input:focus{background:#fffffff2;border-color:#059669;box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a;outline:none}.reschedule-class-popup .form-input::placeholder{color:#94a3b8}.reschedule-class-popup textarea.form-input{min-height:80px;resize:vertical}.current-faculty-info{margin-bottom:24px}.current-faculty-info.compact{margin-bottom:16px}.info-badge{align-items:center;background:#0596691a;border:1px solid #05966933;border-radius:10px;color:#047857;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px}.info-badge .material-symbols-rounded{font-size:20px}.section-header{border-bottom:2px solid #e2e8f080;margin-bottom:10px;padding-bottom:8px}.section-title{color:#0f172a;gap:10px;margin:0}.section-title .material-symbols-rounded{color:#059669}.current-faculty-badge{align-items:center;background:#0596691a;border:1px solid #05966933;border-radius:8px;color:#047857;display:inline-flex;font-size:.85rem;font-weight:500;padding:6px 12px}.faculty-section{margin-bottom:16px}.timeslot-section{margin-top:16px}.faculty-selection{display:flex;flex-direction:column;gap:12px}.faculty-selection.compact{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.faculty-option{align-items:center;background:#fffc;border:2px solid #e2e8f0cc;border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.faculty-option.compact{padding:10px 14px}.faculty-option:hover{background:#fffffff2;border-color:#059669;box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.faculty-option.selected{background:#0596690d;border-color:#059669;box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a}.faculty-option-content h4{color:#0f172a;font-size:1rem;font-weight:600;margin:0 0 4px}.faculty-option-content p{color:#64748b;font-size:.85rem;margin:0}.faculty-option-content .faculty-type{background:#0596691a;border-radius:6px;color:#047857;display:inline-block;font-size:.8rem;font-weight:500;margin-top:4px;padding:3px 10px}.faculty-option .check-icon{color:#059669;font-size:24px}.slots-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:16px}.slot-card{background:#fffc;border:2px solid #e2e8f0cc;border-radius:10px;cursor:pointer;padding:10px 12px;position:relative;transition:all .2s ease}.slot-card:hover:not(.disabled){background:#fffffff2;border-color:#059669;box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.slot-card.selected{background:#0596690d;border-color:#059669;box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a}.slot-card.disabled{background:#e2e8f04d;cursor:not-allowed;opacity:.5}.slot-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.slot-session{color:#0f172a;font-size:.9rem;font-weight:600}.slot-badge{border-radius:6px;font-size:.75rem;font-weight:500;padding:3px 8px}.slot-badge.unavailable{background:#ef44441a;color:#dc2626}.slot-time{color:#059669;font-size:.95rem;font-weight:600;margin-bottom:4px}.slot-reason{color:#64748b;font-size:.8rem;margin-top:6px}.slot-card .check-icon{color:#059669;font-size:20px;position:absolute;right:12px;top:12px}.additional-fields{border-top:1px solid #e2e8f080;margin-top:16px;padding-top:16px}.review-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:flex-start;background:#fffc;border:1px solid #e2e8f0cc;border-radius:10px;gap:10px;padding:10px 12px}.summary-item .material-symbols-rounded{color:#059669;flex-shrink:0;font-size:24px}.summary-item label{color:#64748b;display:block;font-size:.8rem;letter-spacing:.05em;margin-bottom:4px}.summary-item p{color:#0f172a;font-size:.95rem;font-weight:500;margin:0}.loading-state{padding:48px 20px;text-align:center}.loading-state.small{padding:32px 20px}.loading-state .material-symbols-rounded{color:#059669;font-size:48px;margin-bottom:16px}.loading-state.small .material-symbols-rounded{font-size:36px;margin-bottom:12px}.loading-state .rotating{animation:rotate 1s linear infinite}.loading-state p{color:#64748b;font-size:.95rem;margin:0}.loading-state.small p{font-size:.9rem}.empty-state{padding:48px 20px}.empty-state.small{padding:32px 20px}.empty-state .material-symbols-rounded{font-size:64px}.empty-state.small .material-symbols-rounded{font-size:48px;margin-bottom:12px}.empty-state p{margin:0 0 20px}.empty-state.small p{font-size:.9rem;margin:0 0 16px}.btn-secondary.small{font-size:.88rem;padding:10px 20px}.reschedule-class-popup .popup-footer{background:#f8fafccc;border-top:1px solid #e2e8f0cc;padding:20px 32px}.reschedule-class-popup .footer-actions{display:flex;gap:12px;justify-content:flex-end}.reschedule-class-popup .btn-convert,.reschedule-class-popup .btn-primary,.reschedule-class-popup .btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:.92rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.reschedule-class-popup .btn-primary{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #0596694d;color:#fff}.reschedule-class-popup .btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}.reschedule-class-popup .btn-secondary{background:#e2e8f080;border:1px solid #cbd5e1cc;color:#475569}.reschedule-class-popup .btn-secondary:hover:not(:disabled){background:#e2e8f0cc;transform:translateY(-2px)}.reschedule-class-popup .btn-convert{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #0596694d;color:#fff}.reschedule-class-popup .btn-convert:hover:not(:disabled){box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}.reschedule-class-popup .btn-convert:disabled,.reschedule-class-popup .btn-primary:disabled,.reschedule-class-popup .btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.reschedule-class-popup .spinning{animation:rotate 1s linear infinite}@media (max-width:768px){.reschedule-class-popup{max-height:95vh;max-width:95%}.reschedule-class-popup .popup-body,.reschedule-class-popup .popup-header{padding:20px 24px}.reschedule-class-popup .popup-footer{padding:16px 24px}.reschedule-class-popup .step-indicator{gap:8px;padding:24px 24px 16px}.reschedule-class-popup .step{max-width:80px}.reschedule-class-popup .step-label{font-size:.75rem}.slots-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.review-summary{grid-template-columns:1fr}.reschedule-class-popup .footer-actions{flex-direction:column-reverse}.reschedule-class-popup .btn-convert,.reschedule-class-popup .btn-primary,.reschedule-class-popup .btn-secondary{justify-content:center;width:100%}}.rcp-drag-handle{display:none}@media (max-width:768px){.reschedule-class-overlay{align-items:flex-end!important;padding:0!important}.reschedule-class-overlay.rcp-closing{animation:rcpOvOut .28s ease-in forwards}.reschedule-class-popup{animation:rcpShUp .32s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0!important;max-height:92dvh;max-width:100%!important;transition:transform .2s ease;width:100%!important}.reschedule-class-popup.rcp-closing{animation:rcpShDn .28s cubic-bezier(.32,.72,0,1) forwards}.reschedule-class-popup .popup-header{border-radius:20px 20px 0 0}.reschedule-class-popup .popup-footer{border-radius:0;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.rcp-drag-handle{background:#fff6;border-radius:999px;display:block;flex-shrink:0;height:4px;left:50%;margin:10px auto 0;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:40px}[data-theme=dark] .rcp-drag-handle{background:#fff3}}@keyframes rcpOvOut{0%{opacity:1}to{opacity:0}}@keyframes rcpShUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes rcpShDn{0%{transform:translateY(0)}to{transform:translateY(100%)}}.postpone-class-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.postpone-class-popup{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-width:550px;width:90%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotating{animation:rotate 1s linear infinite}.postpone-class-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.postpone-class-header-title{align-items:center;display:flex;gap:.75rem}.postpone-class-header-title .material-symbols-rounded{color:#f59e0b;font-size:28px}.postpone-class-header-title h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.postpone-class-close-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.postpone-class-close-btn:hover{background:#f3f4f6}.postpone-class-close-btn .material-symbols-rounded{color:#6b7280;font-size:24px}.postpone-class-content{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.postpone-error{animation:shake .4s ease;background:linear-gradient(135deg,#ef44440d,#dc26260d);border:1px solid #ef44444d;border-radius:10px;display:flex;gap:.75rem;padding:1rem}.postpone-error .material-symbols-rounded{color:#ef4444;flex-shrink:0;font-size:24px}.postpone-error p{color:#dc2626;font-size:.9rem;font-weight:500;line-height:1.5;margin:0}.postpone-info{background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);border:1px solid #3b82f633;border-radius:10px;display:flex;gap:.75rem;padding:1rem}.postpone-info .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:24px}.postpone-info p{color:#1e40af;font-size:.9rem;line-height:1.5;margin:0}.postpone-options{display:flex;flex-direction:column;gap:.75rem}.postpone-option-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .2s}.postpone-option-card:hover{background:linear-gradient(135deg,#3b82f605,#1d4ed805);border-color:#3b82f6;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.postpone-option-card.selected{background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.postpone-option-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.postpone-option-icon .material-symbols-rounded{color:#1e40af;font-size:28px}.postpone-option-content{flex:1 1}.postpone-option-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.postpone-option-content p{color:#6b7280;font-size:.85rem;margin:0}.check-icon{color:#10b981;font-size:28px}.postpone-class-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.postpone-class-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.postpone-class-btn.cancel{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.postpone-class-btn.cancel:hover{background:#f3f4f6;border-color:#d1d5db}.postpone-class-btn.confirm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.postpone-class-btn.confirm:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.postpone-class-btn.confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}[data-theme=dark] .postpone-class-popup{background:#1f2937}[data-theme=dark] .postpone-class-header{border-bottom-color:#374151}[data-theme=dark] .postpone-class-header-title h2{color:#f9fafb}[data-theme=dark] .postpone-class-close-btn:hover{background:#374151}[data-theme=dark] .postpone-option-card{background:#111827;border-color:#374151}[data-theme=dark] .postpone-option-card:hover{background:#3b82f60d}[data-theme=dark] .postpone-option-content h4{color:#f9fafb}[data-theme=dark] .postpone-option-content p{color:#9ca3af}[data-theme=dark] .postpone-class-footer{background:#111827;border-top-color:#374151}[data-theme=dark] .postpone-error{background:#ef44441a;border-color:#ef444466}[data-theme=dark] .postpone-error p{color:#fca5a5}.pcp-drag-handle{display:none}@media (max-width:768px){.postpone-class-overlay{align-items:flex-end!important;padding:0!important}.postpone-class-overlay.pcp-closing{animation:pcpOvOut .28s ease-in forwards}.postpone-class-popup{animation:pcpShUp .32s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0!important;max-height:92dvh;max-width:100%!important;transition:transform .2s ease;width:100%!important}.postpone-class-header{border-radius:20px 20px 0 0}.postpone-class-footer{border-radius:0;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.postpone-class-popup.pcp-closing{animation:pcpShDn .28s cubic-bezier(.32,.72,0,1) forwards}.pcp-drag-handle{background:#00000026;border-radius:999px;display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}[data-theme=dark] .pcp-drag-handle{background:#fff3}}@keyframes pcpOvOut{0%{opacity:1}to{opacity:0}}@keyframes pcpShUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pcpShDn{0%{transform:translateY(0)}to{transform:translateY(100%)}}.dashboard-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:20px 24px 0}.greeting-card-enhanced{animation:cardEntrance .45s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#030d1e,#061529 28%,#091e3a 56%,#0c264d);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 1px 2px #00000059,0 8px 32px #00000052,0 24px 64px #030f288c,inset 0 0 0 1px #3b82f612;margin-bottom:1.25rem;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.greeting-card-enhanced:hover{box-shadow:0 2px 4px #0006,0 16px 48px #0000006b,0 32px 80px #030f2899,0 0 80px #3b82f61f;transform:translateY(-2px)}.greeting-card-enhanced:before{background:radial-gradient(ellipse,#3b82f647 0,#0000 68%);content:"";height:200px;pointer-events:none;position:absolute;right:-50px;top:-60px;width:60%;z-index:1}.greeting-card-enhanced:after{background-image:radial-gradient(circle,hsla(0,0%,100%,.055) 1px,#0000 0);background-size:26px 26px;content:"";inset:0;mask-image:linear-gradient(90deg,#0000 0,#000 20%,#000 80%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 20%,#000 80%,#0000);pointer-events:none;position:absolute;z-index:1}.floating-shapes{background:none;grid-column:unset!important;grid-row:unset!important;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.floating-shapes:before{background:radial-gradient(circle,#2563eb4d 0,#0000 65%);border-radius:50%;content:"";filter:blur(40px);height:320px;position:absolute;right:-90px;top:-70px;width:320px}.floating-shapes:after{background:radial-gradient(circle,#0ea5e929 0,#0000 65%);border-radius:50%;bottom:-40px;content:"";filter:blur(30px);height:150px;left:15%;position:absolute;width:240px}.shape{display:none!important}.greeting-bento{align-items:stretch;display:grid;grid-template-columns:1fr auto;min-height:88px;position:relative;z-index:4}.greeting-content{align-items:center;border-right:1px solid #ffffff0f;display:flex;padding:1.1rem 1.4rem 1.1rem 1.6rem}.greeting-info{display:flex;flex:1 1;flex-direction:column;gap:.16rem;min-width:0}.greeting-stats{display:flex;flex-direction:column;gap:5px;justify-content:center;min-width:134px;padding:.85rem 1.15rem}.gs-chip{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:7px;display:flex;gap:7px;padding:5px 8px;transition:background .15s ease}.gs-chip:hover{background:#ffffff0f}.gs-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.gs-dot--green{background:#22c55e;box-shadow:0 0 6px #22c55e80}.gs-dot--amber{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.gs-dot--indigo{background:#6366f1;box-shadow:0 0 6px #6366f180}.gs-dot--red{background:#ef4444;box-shadow:0 0 6px #ef444480}.gs-val{color:#f8fafc;font-size:.92rem;font-weight:700;min-width:28px}.gs-lbl{color:#94a3b880;font-size:.52rem;font-weight:600;line-height:1.4;margin-left:auto;text-align:right}.dashboard-badge,.gs-lbl{letter-spacing:.04em;text-transform:uppercase}.dashboard-badge{align-items:center;align-self:flex-start;background:#3b82f61f;border:1px solid #3b82f638;border-radius:6px;color:#93c5fdf2;display:inline-flex;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.68rem;font-weight:500;gap:.4rem;margin-bottom:.42rem;padding:.22rem .72rem}.dashboard-badge:before{display:none}.dashboard-badge svg{color:#60a5fa}.greeting-text{-webkit-text-fill-color:#f0f8ff;animation:textReveal .5s cubic-bezier(.23,1,.32,1);background:none;-webkit-background-clip:unset;background-clip:initial;color:#f0f8ff;font-size:1.5rem;font-weight:700;letter-spacing:-.04em;line-height:1.18;margin:0 0 .3rem}.quote-container{align-items:center;animation:quoteSlideUp .5s cubic-bezier(.16,1,.3,1) .18s both;display:flex;gap:.75rem;max-width:600px}.quote-text{border-left:2px solid #3b82f673;color:#93c5fd9e;flex:1 1;font-size:.765rem;font-style:italic;line-height:1.5;margin:0;min-width:0;overflow:hidden;padding-left:.65rem;text-overflow:ellipsis;white-space:nowrap}.quote-text:before{display:none}.quote-selector{-webkit-appearance:none;appearance:none;background:#3b82f617;border:1px solid #3b82f638;border-radius:6px;color:#93c5fde6;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.68rem;font-weight:500;padding:.27rem .7rem;transition:all .15s ease;white-space:nowrap}.quote-selector:hover{background:#3b82f62e;border-color:#3b82f666;color:#bfdbfe}.quote-selector:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f624;outline:none}.quote-selector option{background:#061529;color:#dbeafe}.dashboard-loading{padding:3rem;text-align:center}.loading-text{animation:loadingPulse 1.5s ease-in-out infinite;color:#64748b;font-size:1.25rem;font-weight:500}[data-theme=dark] .loading-text{color:#94a3b8}[data-theme=dark] .greeting-card-enhanced{background:linear-gradient(145deg,#010810,#03101e 30%,#061628 60%,#081e38);border-color:#3b82f61a}@keyframes cardEntrance{0%{opacity:0;transform:translateY(-10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes textReveal{0%{filter:blur(2px);opacity:0;transform:translateY(6px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes quoteSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingPulse{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:768px){.greeting-bento{grid-template-columns:1fr}.greeting-stats{display:none}.greeting-content{border-right:none;padding:1rem 1.25rem}.greeting-text{font-size:1.3rem}.quote-text{white-space:normal}.quote-selector{margin-right:-16px;transform:scale(.75);transform-origin:left center}}@media (max-width:480px){.greeting-card-enhanced{border-radius:12px}.greeting-text{font-size:1.15rem}.quote-text{font-size:.7rem}.quote-selector{margin-right:-22px;transform:scale(.65);transform-origin:left center}}:root{--users-page-bg:#fff;--users-page-border:#e2e8f0;--users-page-shadow:0 1px 6px #0000000d;--users-table-bg:#fff;--users-table-shadow:0 2px 6px #0000000d;--users-table-header-bg:#f9fafb;--users-table-header-text:#334155;--users-table-header-border:#e2e8f0;--users-table-cell-text:#1e293b;--users-table-cell-border:#e2e8f0;--page-title-color:#1b1c1e;--users-row-bg:linear-gradient(135deg,#fff,#f9fafc);--users-row-hover-bg:#e0f2fe;--users-row-shadow:0 4px 12px #00000008;--users-row-hover-shadow:0 6px 16px #0000000d;--btn-primary-bg:linear-gradient(135deg,#3b82f6,#60a5fa);--btn-primary-hover-bg:linear-gradient(135deg,#2563eb,#3b82f6);--icon-btn-bg:#f9fafb;--icon-btn-add-bg:#ecfdf5;--icon-btn-add-color:#10b981;--icon-btn-refresh-bg:#fefce8;--icon-btn-refresh-color:#f59e0b;--icon-btn-save-bg:#eff6ff;--icon-btn-save-color:#3b82f6;--search-bg:#fff;--search-border:#cbd5e1;--search-icon-color:#64748b;--filter-card-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--filter-card-border:#dbeafe;--filter-card-text:#1e3a8a;--filter-card-shadow:0 4px 12px #0000000d;--filter-card-hover-shadow:0 6px 16px #00000014;--userid-cell-text:#1e293b;--userid-cell-shadow:0 2px 6px #0000000d;--userid-cell-hover-shadow:0 6px 16px #00000014,0 3px 8px #0000000f;--userid-admin-bg:linear-gradient(135deg,#ede9fe,#f5f3ff);--userid-admin-text:#6b21a8;--userid-branch-admin-bg:linear-gradient(135deg,#ede9fe,#f5f3ff);--userid-branch-admin-text:#6b21a8;--userid-teacher-bg:linear-gradient(135deg,#fef9c3,#fefce8);--userid-teacher-text:#92400e;--userid-student-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--userid-student-text:#065f46;--userid-counsellor-bg:linear-gradient(135deg,#fce7f3,#fae8ff);--userid-counsellor-text:#1e3a8a;--userid-guest-bg:linear-gradient(135deg,#f3f4f6,#e5e7eb);--userid-guest-text:#374151;--status-active-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--status-active-text:#065f46;--status-locked-bg:linear-gradient(135deg,#fef9c3,#fefce8);--status-locked-text:#78350f;--status-disabled-bg:linear-gradient(135deg,#fecaca,#fee2e2);--status-disabled-text:#b91c1c;--status-unknown-bg:#e5e7eb;--status-unknown-text:#1f2937;--avatar-shadow:inset 0 0 2px #fff9,0 2px 6px #00000014,0 1px 2px #ffffff4d;--avatar-hover-shadow:inset 1px 1px 2px #ffffff80,0 6px 10px #0000001a;--inspect-icon-hover-shadow:0 6px 14px #1e40af26,0 4px 8px #1e40af1f;--page-btn-bg:#fff;--page-btn-border:#cbd5e1;--page-btn-text:#4a5568;--page-btn-active-bg:linear-gradient(135deg,#3b82f6,#60a5fa);--page-btn-active-text:#fff;--page-btn-active-border:#3b82f6;--popup-overlay-bg:linear-gradient(to bottom right,#fff,#f9fafb);--popup-shadow:0 12px 40px #0000001a;--user-icon-color:#5c6bc0}[data-theme=dark]{--users-page-bg:#1a1a1ae6;--users-page-border:#ffffff1a;--users-page-shadow:0 1px 6px #0000004d;--users-table-bg:#1a1a1ae6;--users-table-shadow:0 2px 6px #0006;--users-table-header-bg:#333c;--users-table-header-text:#fff;--users-table-header-border:#ffffff1a;--users-table-cell-text:#fff;--users-table-cell-border:#ffffff1a;--page-title-color:#fff;--users-row-bg:#0000;--users-row-hover-bg:#00ff881a;--users-row-shadow:0 4px 12px #0000004d;--users-row-hover-shadow:0 6px 16px #00ff8826;--btn-primary-bg:linear-gradient(135deg,#1de6a5,#00cc6a);--btn-primary-hover-bg:linear-gradient(135deg,#00cc6a,#0a5);--icon-btn-bg:#333c;--icon-btn-add-bg:#00ff8826;--icon-btn-add-color:#1de6a5;--icon-btn-refresh-bg:#ff9f0a26;--icon-btn-refresh-color:#ff9f0a;--icon-btn-save-bg:#00ccff26;--icon-btn-save-color:#0cf;--search-bg:#1a1a1ae6;--search-border:#fff3;--search-icon-color:#fff;--filter-card-bg:#00ff881a;--filter-card-border:#0f83;--filter-card-text:#1de6a5;--filter-card-shadow:0 4px 12px #0000004d;--filter-card-hover-shadow:0 6px 16px #0f83;--userid-cell-text:#fff;--userid-cell-shadow:0 2px 6px #0000004d;--userid-cell-hover-shadow:0 6px 16px #0f83,0 3px 8px #00ff8826;--userid-admin-bg:#a284ff26;--userid-admin-text:#a284ff;--userid-branch-admin-bg:#a284ff26;--userid-branch-admin-text:#a284ff;--userid-teacher-bg:#ff9f0a26;--userid-teacher-text:#ff9f0a;--userid-student-bg:#00ff8826;--userid-student-text:#1de6a5;--userid-counsellor-bg:#ff69b426;--userid-counsellor-text:#ff69b4;--userid-guest-bg:#80808026;--userid-guest-text:#ccc;--status-active-bg:#00ff8826;--status-active-text:#1de6a5;--status-locked-bg:#ff9f0a26;--status-locked-text:#ff9f0a;--status-disabled-bg:#ff3b3026;--status-disabled-text:#ff3b30;--status-unknown-bg:#80808026;--status-unknown-text:#ccc;--avatar-shadow:inset 0 0 2px #00ff884d,0 2px 6px #0000004d,0 1px 2px #00ff881a;--avatar-hover-shadow:inset 1px 1px 2px #0f83,0 6px 10px #0006;--inspect-icon-hover-shadow:0 6px 14px #00ff8840,0 4px 8px #0f83;--page-btn-bg:#1a1a1ae6;--page-btn-border:#ffffff1a;--page-btn-text:#fff;--page-btn-active-bg:linear-gradient(135deg,#1de6a5,#00cc6a);--page-btn-active-text:#000;--page-btn-active-border:#1de6a5;--popup-overlay-bg:#1a1a1af2;--popup-shadow:0 12px 40px #0009;--user-icon-color:#1de6a5}.users-page{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #e2e8f0;border:1px solid var(--users-page-border);border-radius:12px;display:flex;flex-direction:column;padding-bottom:1rem}.users-main-container,.users-page{background:#fff;background:var(--users-page-bg);box-shadow:0 1px 6px #0000000d;box-shadow:var(--users-page-shadow);transition:all .3s ease}.users-main-container{border:1px solid #e2e8f0;border:1px solid var(--users-page-border);border-radius:24px}.users-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.page-title{color:#1b1c1e;color:var(--page-title-color);font-size:1.75rem;font-weight:700;transition:color .3s ease}.actions{align-items:center;display:flex;gap:1rem}.btn{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}.btn.primary{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:var(--btn-primary-bg);color:#fff;color:var(--btn-primary-text)}.btn.primary:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);background:var(--btn-primary-hover-bg)}.btn.small{font-size:.85rem;padding:.3rem .75rem}.icon-btn{background:#f9fafb;border:none;border-radius:12px;box-shadow:0 2px 6px #0000000a}.icon-btn .material-symbols-rounded{font-size:1.2rem}.icon-btn.add-btn{background:var(--icon-btn-add-bg)}.icon-btn.add-btn .material-symbols-rounded{color:#10b981;color:var(--icon-btn-add-color)}.icon-btn.refresh-btn{background:#fefce8;background:var(--icon-btn-refresh-bg)}.icon-btn.refresh-btn .material-symbols-rounded{color:#f59e0b;color:var(--icon-btn-refresh-color)}.icon-btn.save-btn{background:#eff6ff;background:var(--icon-btn-save-bg)}.icon-btn.save-btn .material-symbols-rounded{color:#3b82f6;color:var(--icon-btn-save-color)}.icon-btn:hover{filter:brightness(1.02);transform:scale(1.05)}.search-box{background:var(--search-bg);border:1px solid var(--search-border);border-radius:12px;color:var(--users-table-cell-text);font-size:.9rem;padding:.45rem 2.2rem}.search-icon{left:10px}.filter-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--filter-card-bg);border:1px solid #dbeafe;border:1px solid var(--filter-card-border);border-radius:12px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--filter-card-shadow);display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:box-shadow .3s ease,background .3s ease,border-color .3s ease}.filter-card:hover{box-shadow:0 6px 16px #00000014;box-shadow:var(--filter-card-hover-shadow)}.filter-left{color:#1e3a8a;color:var(--filter-card-text);gap:.75rem}.filter-actions{align-items:center;gap:1rem}.users-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #e2e8f0;border:1px solid var(--users-page-border);border-radius:12px;margin:1rem;max-height:calc(100vh - 310px);overflow:auto;overflow-y:auto}.users-header,.users-table-container{background:#fff;background:var(--users-table-bg);box-shadow:0 1px 6px #0000000d;box-shadow:var(--users-page-shadow);transition:all .3s ease}.users-header{border-radius:12px;color:#1e293b;color:var(--users-table-cell-text);font-size:1.1rem;font-weight:600;padding:1rem}.users-table,.users-table table{background:#fff;background:var(--users-table-bg);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--users-table-shadow);overflow:hidden;transition:all .3s ease;width:100%}.users-table th{background:#f9fafb;background:var(--users-table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--users-table-header-border);color:#334155;color:var(--users-table-header-text);font-weight:600;letter-spacing:.02em;text-align:left}.users-table td,.users-table th{font-size:.9rem;padding:.85rem 1.2rem;transition:all .3s ease}.users-table td{border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--users-table-cell-border);color:#1e293b;color:var(--users-table-cell-text)}.users-table td:last-child{border-bottom-right-radius:16px;border-top-right-radius:16px}.users-table tbody tr{background:linear-gradient(135deg,#fff,#f9fafc);background:var(--users-row-bg);border-radius:12px;box-shadow:0 4px 12px #00000008;box-shadow:var(--users-row-shadow);transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.users-table tbody tr:hover{background:#e0f2fe;background:var(--users-row-hover-bg);box-shadow:0 6px 16px #0000000d;box-shadow:var(--users-row-hover-shadow);transform:translateY(-1px)}.user-name-with-avatar{color:var(--users-table-cell-text)}.avatar-circle{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #fff6;border:1px solid var(--avatar-border);box-shadow:inset 0 0 2px #fff9,0 2px 6px #00000014,0 1px 2px #ffffff4d;font-size:.9rem}.avatar-circle:hover{box-shadow:inset 1px 1px 2px #ffffff80,0 6px 10px #0000001a;box-shadow:var(--avatar-hover-shadow);transform:scale(1.05)}.status-badge{border-radius:999px;padding:.2rem .75rem;text-align:center;text-transform:capitalize}.status-active{background:var(--status-active-bg);color:var(--status-active-text)}.status-locked{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--status-locked-bg);color:#78350f;color:var(--status-locked-text)}.status-disabled{background:linear-gradient(135deg,#fecaca,#fee2e2);background:var(--status-disabled-bg);color:#b91c1c;color:var(--status-disabled-text)}.status-unknown{background:#e5e7eb;background:var(--status-unknown-bg);color:#1f2937;color:var(--status-unknown-text)}.userid-cell{background-color:inherit;border-radius:10px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--userid-cell-shadow);color:#1e293b;color:var(--userid-cell-text);font-size:.95rem;font-weight:500;overflow:hidden;padding:.5rem 2.5rem .5rem .75rem;position:relative;text-overflow:ellipsis;transition:box-shadow .2s ease,transform .2s ease,color .3s ease;white-space:nowrap;width:140px}.userid-cell:hover{box-shadow:0 6px 16px #00000014,0 3px 8px #0000000f;box-shadow:var(--userid-cell-hover-shadow);transform:translateY(-1px)}.userid-admin,.userid-branch_admin{background:linear-gradient(135deg,#ede9fe,#f5f3ff)!important;background:var(--userid-admin-bg)!important;color:#6b21a8;color:var(--userid-admin-text)}.userid-teacher{background:linear-gradient(135deg,#fef9c3,#fefce8)!important;background:var(--userid-teacher-bg)!important;color:#92400e;color:var(--userid-teacher-text)}.userid-student{background:linear-gradient(135deg,#dcfce7,#f0fdf4)!important;background:var(--userid-student-bg)!important;color:#065f46;color:var(--userid-student-text)}.userid-counsellor{background:linear-gradient(135deg,#fce7f3,#fae8ff)!important;background:var(--userid-counsellor-bg)!important;color:#1e3a8a;color:var(--userid-counsellor-text)}.userid-guest{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important;background:var(--userid-guest-bg)!important;color:#374151;color:var(--userid-guest-text)}.action-buttons{gap:.4rem;justify-content:flex-end;opacity:0;transition:opacity .2s ease}.users-table tr:hover .action-buttons{opacity:1}.pagination{justify-content:flex-end}.page-btn{background:var(--page-btn-bg);border:1px solid var(--page-btn-border);color:var(--page-btn-text)}.page-btn.active{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:var(--page-btn-active-bg);border-color:var(--page-btn-active-border);color:var(--page-btn-active-text)}.users-table-container::-webkit-scrollbar{height:8px;width:8px}.users-table-container::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--scrollbar-thumb);border-radius:6px}.users-table-container::-webkit-scrollbar-track{background:#0000;background:var(--scrollbar-track)}.users-table-container{scrollbar-color:#94a3b8 #0000;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.userid-cell .inspect-icon{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;background:var(--inspect-icon-bg);border:1px solid #1e40af1a;border:1px solid var(--inspect-icon-border);border-radius:8px;box-shadow:0 4px 12px #1e40af1a,0 2px 4px #1e40af14;box-shadow:var(--inspect-icon-shadow);color:#1e40af;color:var(--inspect-icon-color);cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;opacity:.85;position:absolute;right:2px;top:8px;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,right .3s ease,color .3s ease,background .3s ease;width:24px}.userid-cell:hover .inspect-icon{box-shadow:0 6px 14px #1e40af26,0 4px 8px #1e40af1f;box-shadow:var(--inspect-icon-hover-shadow);opacity:1;right:16px;transform:scale(1.05)}.userid-cell .inspect-icon:focus{box-shadow:0 0 0 3px #6366f166;box-shadow:var(--inspect-icon-focus-shadow);outline:none}.users-page{overflow:visible;position:relative}.inline-popup-overlay{animation:fadeInScale .3s ease-out forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(to bottom right,#fff,#f9fafb);background:var(--popup-overlay-bg);border:1px solid #e2e8f0;border:1px solid var(--users-page-border);border-radius:24px;box-shadow:0 12px 40px #0000001a;box-shadow:var(--popup-shadow);max-height:85vh;max-width:1000px;overflow:hidden;position:absolute;right:10px;top:20px;transform:translateX(-50%);transition:all .3s ease;width:80%;z-index:10}.lead-icon{color:var(--user-icon-color)}.empty-state{color:var(--users-table-cell-text)}.empty-state .material-symbols-rounded,.empty-state p{color:#1e293b;color:var(--users-table-cell-text)}.empty-state p{font-size:1.1rem}.display-id-sticky{background:#fff;background:var(--users-table-bg);box-shadow:2px 0 6px -1px #0000000d;transition:all .3s ease;z-index:3}[data-theme=dark] .display-id-sticky{box-shadow:2px 0 6px -1px #0000004d}@media (max-width:1024px){.view-mode-toggle{display:flex}.users-cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:.75rem}.user-card{padding:1.25rem}.user-card-header{gap:.75rem;margin-bottom:1.25rem}.user-card-avatar-large{font-size:1.25rem;height:48px;width:48px}.user-card-title h3{font-size:1rem}.toolbar-left{flex-wrap:wrap}.search-bar{order:3;width:100%}.filter-panel{flex-wrap:wrap}}@media (max-width:768px){.users-table table,.users-table tbody,.users-table td,.users-table th,.users-table thead,.users-table tr{display:block}.users-table thead{display:none}.users-table tr{background:#fff;background:var(--users-table-bg);border:1px solid #e2e8f0;border:1px solid var(--users-page-border);border-radius:12px;box-shadow:0 4px 12px #00000008;box-shadow:var(--users-row-shadow);margin-bottom:1.5rem;overflow:hidden}.users-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--users-table-cell-border);padding:.75rem 1rem .75rem 40%;position:relative;text-align:right}.users-table td:last-child{border-bottom:none}.users-table td:before{color:#1e3a8a;color:var(--filter-card-text);content:attr(data-label);font-size:.8rem;font-weight:600;left:1rem;letter-spacing:.5px;position:absolute;text-align:left;text-transform:uppercase;top:50%;transform:translateY(-50%)}.users-cards-grid{grid-template-columns:1fr}.users-table-container{margin:.5rem;max-width:100%;width:100%}.users-table{table-layout:fixed;width:100%}.page-title{font-size:1.5rem}.users-topbar{align-items:stretch;flex-direction:column;gap:1rem}.actions{justify-content:center}.filter-card{flex-direction:column;gap:1rem;text-align:center}.filter-actions{justify-content:center}.instyte-toolbar,.toolbar-left{flex-direction:column;gap:.75rem}.toolbar-left{width:100%}.toolbar-actions{gap:.5rem;justify-content:space-between;width:100%}.filter-toggle-btn{justify-content:center;width:100%}.filter-panel{flex-direction:column;gap:.75rem;width:100%}.search-bar{width:100%}.filter-toggle-text{display:inline}.icon-btn[data-tooltip]:after{display:none}}@media (max-width:480px){.users-page{padding-bottom:.5rem}.users-table-container{margin:.5rem}.inline-popup-overlay{left:1rem;max-width:none;right:1rem;transform:none}.pagination-wrapper{flex-direction:column;gap:.375rem;min-height:auto;padding:.375rem .5rem}.pagination-info{font-size:.7rem;text-align:center}.pagination{flex-wrap:wrap;gap:.25rem;justify-content:center}.page-btn{font-size:.75rem;min-height:32px;min-width:32px;padding:.25rem .375rem}.user-card{padding:1rem}.user-card-header{flex-wrap:wrap}.user-card-avatar-large{font-size:1.1rem;height:44px;width:44px}.user-card-title h3{font-size:.95rem}.user-card-field{gap:.5rem}.field-icon{font-size:1.1rem}.field-content span{font-size:.875rem}.toolbar-actions{flex-wrap:wrap}.view-mode-toggle{justify-content:center;order:-1;width:100%}.filter-toggle-text{display:none}.search-bar input{font-size:16px}}.btn:focus-visible,.icon-btn:focus-visible,.page-btn:focus-visible{outline:2px solid #1e3a8a;outline:2px solid var(--filter-card-text);outline-offset:2px}.search-box:focus{border-color:#1e3a8a;border-color:var(--filter-card-text);outline:2px solid #1e3a8a;outline:2px solid var(--filter-card-text);outline-offset:2px}@media (prefers-reduced-motion:reduce){.avatar-circle,.icon-btn,.inspect-icon,.userid-cell,.users-table tbody tr{transition:none}.avatar-circle:hover,.icon-btn:hover,.userid-cell:hover,.users-table tbody tr:hover{transform:none}.inline-popup-overlay{animation:none}}[data-theme=dark] .users-table tbody tr{background:none}.users-table tbody tr:hover .userid-cell{background:#e0f2fe!important;background:var(--users-row-hover-bg)!important}.userid-cell:focus-within{outline:2px solid #1e3a8a;outline:2px solid var(--filter-card-text);outline-offset:2px}.users-cards-grid{grid-gap:1.5rem;animation:fadeIn .3s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem}.user-card{background:#fff;background:var(--users-table-bg);border:1px solid #e2e8f0;border:1px solid var(--users-page-border);border-radius:16px;box-shadow:0 4px 12px #00000008;box-shadow:var(--users-row-shadow);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.user-card:hover{border-color:#dbeafe;border-color:var(--filter-card-border);box-shadow:0 6px 16px #0000000d;box-shadow:var(--users-row-hover-shadow);transform:translateY(-4px)}.user-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.user-card:hover:before{transform:scaleX(1)}.user-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--users-table-cell-border);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.user-card-avatar-large{align-items:center;background:linear-gradient(135deg,#93c5fd66,#bfdbfe33);background:var(--avatar-bg);border:2px solid #fff6;border:2px solid var(--avatar-border);border-radius:50%;box-shadow:inset 0 0 2px #fff9,0 2px 6px #00000014,0 1px 2px #ffffff4d;box-shadow:var(--avatar-shadow);color:#1e3a8a;color:var(--avatar-text);display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;transition:all .3s ease;width:56px}.user-card:hover .user-card-avatar-large{box-shadow:inset 1px 1px 2px #ffffff80,0 6px 10px #0000001a;box-shadow:var(--avatar-hover-shadow);transform:scale(1.1)}.user-card-title{flex:1 1;min-width:0}.user-card-title h3{color:#1e293b;color:var(--users-table-cell-text);font-size:1.125rem;font-weight:700;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-id{border-radius:8px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem}.user-card-id.userid-admin,.user-card-id.userid-branch_admin{background:linear-gradient(135deg,#ede9fe,#f5f3ff);background:var(--userid-admin-bg);color:#6b21a8;color:var(--userid-admin-text)}.user-card-id.userid-teacher{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--userid-teacher-bg);color:#92400e;color:var(--userid-teacher-text)}.user-card-id.userid-student{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--userid-student-bg);color:#065f46;color:var(--userid-student-text)}.user-card-id.userid-counsellor{background:linear-gradient(135deg,#fce7f3,#fae8ff);background:var(--userid-counsellor-bg);color:#1e3a8a;color:var(--userid-counsellor-text)}.user-card-id.userid-guest{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:var(--userid-guest-bg);color:#374151;color:var(--userid-guest-text)}.user-card-open-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;background:var(--inspect-icon-bg);border:1px solid #1e40af1a;border:1px solid var(--inspect-icon-border);border-radius:8px;color:#1e40af;color:var(--inspect-icon-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.user-card-open-btn:hover{box-shadow:0 6px 14px #1e40af26,0 4px 8px #1e40af1f;box-shadow:var(--inspect-icon-hover-shadow);transform:scale(1.1)}.user-card-body{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.user-card-field{align-items:flex-start;display:flex;gap:.75rem}.field-icon{color:#1e3a8a;color:var(--filter-card-text)}.field-content label{color:var(--users-table-header-text)}.field-content span{color:var(--users-table-cell-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--users-table-cell-border);display:flex;flex-wrap:wrap;gap:.75rem;padding-top:1rem}.user-type-badge{border-radius:8px;flex-shrink:0;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.375rem .875rem}.user-type-badge.user-type-admin,.user-type-badge.user-type-branch_admin{background:linear-gradient(135deg,#ede9fe,#f5f3ff);background:var(--userid-admin-bg);color:#6b21a8;color:var(--userid-admin-text)}.user-type-badge.user-type-teacher{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--userid-teacher-bg);color:#92400e;color:var(--userid-teacher-text)}.user-type-badge.user-type-student{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--userid-student-bg);color:#065f46;color:var(--userid-student-text)}.user-type-badge.user-type-counsellor{background:linear-gradient(135deg,#fce7f3,#fae8ff);background:var(--userid-counsellor-bg);color:#1e3a8a;color:var(--userid-counsellor-text)}.user-type-badge.user-type-guest,.user-type-badge.user-type-staff{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:var(--userid-guest-bg);color:#374151;color:var(--userid-guest-text)}.view-mode-toggle{background:var(--users-table-bg);border:1px solid var(--users-page-border)}.view-mode-btn{color:var(--users-table-header-text)}.view-mode-btn:hover{background:var(--users-row-hover-bg)}.view-mode-btn.active{background:var(--filter-card-bg);color:#1e3a8a;color:var(--filter-card-text)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.pagination-wrapper{background-color:#fff;border-radius:0 0 12px 12px;border-top:1px solid #f0f4f8;font-weight:500;padding-left:3rem}.pagination-info{font-size:.95rem}.pagination{gap:.25rem}.page-btn{background-color:#f7fafc;border:none;color:#4a5568;font-weight:600;padding:.6rem .9rem;transition:all .2s ease-in-out}.page-btn:not(.active):hover{background-color:#edf2f7;box-shadow:0 4px 6px #0000000d;color:#3182ce;transform:translateY(-2px)}.page-btn.active{background-color:#3182ce;box-shadow:0 2px 4px #3182ce4d;font-weight:700;pointer-events:none}.page-btn:disabled{background-color:#f7fafc;box-shadow:none;color:#a0aec0;transform:none}

/*!* === Header === *!*/

/*!* === Body === *!*/

/*!* === Section Header (Collapsible) === *!*/

/*!* === Section Wrapper === *!*/

/*!* === Form Grid Layout === *!*/

/*!* === Validation === *!*/

/*!* === Footer / Actions === *!*/
/*!* === Form Grid Layout === *!*/

/*!* Wrapper around the date input to simulate custom field *!*/
/*!* wrapper for positioning *!*/

/*!* themed input box *!*/

/*!* hide native calendar icon in Chrome *!*/

/*!* add custom icon *!*/.access-denied-tab{align-items:center;animation:fadeIn .4s ease-in-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border-radius:1.5rem;box-shadow:0 8px 32px #1f26871a;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:500px;padding:2rem;text-align:center;width:100%}.access-denied-tab h2{color:#e53935;font-size:1.8rem;font-weight:600;margin-top:1rem}.access-denied-tab p{color:#333;font-size:1rem;margin-top:.5rem;max-width:80%}:root{--toolbar-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--toolbar-shadow:0 4px 20px #0000000d;--filter-toggle-bg:linear-gradient(135deg,#dbeafe,#eff6ff);--filter-toggle-bg-hover:linear-gradient(135deg,#bfdbfe,#e0f2fe);--filter-toggle-border:#93c5fd;--filter-toggle-border-hover:#60a5fa;--filter-toggle-color:#1e3a8a;--filter-toggle-shadow:0 2px 5px #1e40af1a;--filter-toggle-shadow-hover:0 4px 10px #1e40af1f;--filter-badge-bg:#facc15;--filter-badge-color:#111827;--filter-badge-border:#fff;--search-bar-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--search-bar-bg-focus:linear-gradient(135deg,#dbeafe,#eff6ff);--search-bar-border:#bae6fd;--search-bar-border-focus:#60a5fa;--search-bar-shadow:0 1px 4px #3b82f61a;--search-bar-shadow-focus:0 0 0 2px #3b82f6;--search-bar-text:#1e3a8a;--search-icon-color:#3b82f6;--icon-btn-bg:#fff;--icon-btn-border:#ffffff40;--icon-btn-shadow:0 4px 12px #0000001a;--icon-btn-shadow-hover:0 4px 12px #0000001f;--icon-green-bg:linear-gradient(135deg,#6ee7b7,#a7f3d0);--icon-green-color:#022c22;--icon-purple-bg:linear-gradient(135deg,#a5b4fc,#c7d2fe);--icon-purple-color:#3b0a73;--icon-clear-bg:linear-gradient(135deg,#fda4af,#fecdd3);--icon-clear-color:#83112b;--icon-pink-bg:linear-gradient(135deg,#f9a8d4,#fbcfe8);--icon-pink-color:#701a3f;--icon-add-bg:linear-gradient(135deg,#fef3c7,#fff7ed);--icon-add-color:#92400e;--tooltip-bg:#111827e6;--tooltip-arrow-color:#111827e6;--dropdown-border:#e5e7eb;--dropdown-shadow:0 4px 12px #00000014;--dropdown-item-hover:linear-gradient(135deg,#e0f2fe,#f8fafc);--dropdown-text:#0c4a6e;--dropdown-icon-color:#3b82f6}[data-theme=dark]{--toolbar-bg:linear-gradient(135deg,#1a1a1ae6,#333c);--toolbar-shadow:0 4px 20px #0006;--filter-toggle-bg:linear-gradient(135deg,#00ff8826,#00ccff1a);--filter-toggle-bg-hover:linear-gradient(135deg,#0f83,#00ccff26);--filter-toggle-border:#00ff884d;--filter-toggle-border-hover:#0f86;--filter-toggle-color:#065f46;--filter-toggle-shadow:0 2px 5px #00ff8826;--filter-toggle-shadow-hover:0 4px 10px #0f83;--filter-badge-bg:#ff9f0a;--filter-badge-color:#000;--filter-badge-border:#1a1a1acc;--search-bar-bg:linear-gradient(135deg,#00ff881a,#1a1a1acc);--search-bar-bg-focus:linear-gradient(135deg,#00ff8826,#333c);--search-bar-border:#0f83;--search-bar-border-focus:#0f86;--search-bar-shadow:0 1px 4px #00ff881a;--search-bar-shadow-focus:0 0 0 2px #00ff884d;--search-bar-text:#fff;--search-icon-color:#065f46;--icon-btn-bg:#1a1a1acc;--icon-btn-border:#ffffff1a;--icon-btn-shadow:0 4px 12px #0000004d;--icon-btn-shadow-hover:0 4px 12px #0006;--icon-green-bg:linear-gradient(135deg,#0f83,#00ff8826);--icon-green-color:#065f46;--icon-purple-bg:linear-gradient(135deg,#a284ff33,#a284ff26);--icon-purple-color:#a284ff;--icon-clear-bg:linear-gradient(135deg,#ff3b3033,#ff3b3026);--icon-clear-color:#ff3b30;--icon-pink-bg:linear-gradient(135deg,#ff149333,#ff149326);--icon-pink-color:#ff1493;--icon-add-bg:linear-gradient(135deg,#ff9f0a33,#ff9f0a26);--icon-add-color:#ff9f0a;--tooltip-bg:#1a1a1af2;--tooltip-color:#fff;--tooltip-arrow-color:#1a1a1af2;--dropdown-bg:#1a1a1af2;--dropdown-border:#ffffff1a;--dropdown-shadow:0 4px 12px #0009;--dropdown-item-hover:linear-gradient(135deg,#00ff881a,#00ccff1a);--dropdown-text:#fff;--dropdown-icon-color:#065f46}.instyte-toolbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--toolbar-bg);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000000d;box-shadow:var(--toolbar-shadow);font-family:Poppins,sans-serif;padding:.5rem 1rem;position:relative;transition:all .3s ease;z-index:5}.toolbar-actions{gap:.5rem;overflow:visible;position:relative}.filter-toggle-btn{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(135deg,#dbeafe,#eff6ff);background:var(--filter-toggle-bg);border:1px solid #93c5fd;border:1px solid var(--filter-toggle-border);border-radius:24px;box-shadow:0 2px 5px #1e40af1a;box-shadow:var(--filter-toggle-shadow);color:#1e3a8a;color:var(--filter-toggle-color);font-size:.9rem;gap:.4rem;padding:.45rem 1.1rem;position:relative}.filter-toggle-btn:hover{background:linear-gradient(135deg,#bfdbfe,#e0f2fe);background:var(--filter-toggle-bg-hover);border-color:#60a5fa;border-color:var(--filter-toggle-border-hover);box-shadow:0 4px 10px #1e40af1f;box-shadow:var(--filter-toggle-shadow-hover)}.filter-badge{background:#facc15;background:var(--filter-badge-bg);border:1px solid #fff;border:1px solid var(--filter-badge-border);border-radius:999px;box-shadow:0 0 0 2px #fffc;color:#111827;color:var(--filter-badge-color);font-size:.65rem;font-weight:700;height:4px;padding:2px 5px;position:absolute;right:6px;top:4px;transition:all .3s ease;width:14px}[data-theme=dark] .filter-badge{box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--filter-badge-border)}.filter-panel{animation:fadeIn .25s ease;gap:.6rem}.filter-dropdown{background:#fff;background:var(--dropdown-bg);border:none;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#0c4a6e;color:var(--dropdown-text);font-size:.85rem;font-weight:500;outline:none;padding:.45rem 1rem;transition:.2s ease}[data-theme=dark] .filter-dropdown{box-shadow:0 2px 8px #0000004d}.glass-green{background:linear-gradient(135deg,#6ee7b7,#a7f3d0);background:var(--icon-green-bg);color:#022c22;color:var(--icon-green-color)}.glass-teal{background:linear-gradient(135deg,#ccfbf1,#f0fdfa);color:#115e59}[data-theme=dark] .glass-green{background:linear-gradient(135deg,#6ee7b7,#a7f3d0);background:var(--icon-green-bg);color:#022c22;color:var(--icon-green-color)}[data-theme=dark] .glass-violet{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);background:var(--icon-purple-bg);color:#3b0a73;color:var(--icon-purple-color)}[data-theme=dark] .glass-amber{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--icon-add-bg);color:#92400e;color:var(--icon-add-color)}[data-theme=dark] .glass-blue{background:#00ccff26;color:#0cf}[data-theme=dark] .glass-teal{background:#00ff8826;color:#065f46}.search-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--search-bar-bg);border:1px solid #bae6fd;border:1px solid var(--search-bar-border);border-radius:24px;box-shadow:0 1px 4px #3b82f61a;box-shadow:var(--search-bar-shadow);padding:0 .75rem;transition:all .3s ease;width:200px}.search-bar:focus-within{background:linear-gradient(135deg,#dbeafe,#eff6ff);background:var(--search-bar-bg-focus);border-color:#60a5fa;border-color:var(--search-bar-border-focus);box-shadow:0 0 0 2px #3b82f6;box-shadow:var(--search-bar-shadow-focus);width:320px}.search-bar input{border:none;color:#1e3a8a;color:var(--search-bar-text);flex:1 1;font-size:.95rem;padding:.5rem .4rem;transition:color .3s ease}.search-bar input::placeholder{color:#1e3a8a;color:var(--search-bar-text);opacity:.7}.search-icon{color:#3b82f6;color:var(--search-icon-color);font-size:1.2rem;margin-right:6px}.toolbar-actions{padding-left:1rem}.icon-btn{background:var(--icon-btn-bg);border:1px solid #ffffff40;border:1px solid var(--icon-btn-border);box-shadow:0 4px 12px #0000001a;box-shadow:var(--icon-btn-shadow);outline:none;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.icon-btn:hover{box-shadow:0 4px 12px #0000001f;box-shadow:var(--icon-btn-shadow-hover);transform:translateY(-2px)}.icon-green{background:linear-gradient(135deg,#6ee7b7,#a7f3d0);background:var(--icon-green-bg);color:#022c22;color:var(--icon-green-color)}.icon-purple{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);background:var(--icon-purple-bg);color:#3b0a73;color:var(--icon-purple-color)}.icon-clear{background:linear-gradient(135deg,#fda4af,#fecdd3);background:var(--icon-clear-bg);color:#83112b;color:var(--icon-clear-color)}.icon-pink{background:linear-gradient(135deg,#f9a8d4,#fbcfe8);background:var(--icon-pink-bg);color:#701a3f;color:var(--icon-pink-color)}.add-lead-btn,.add-usr-btn{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--icon-add-bg);color:#92400e;color:var(--icon-add-color)}.overdue-filter-btn{align-items:center;background:#f43f5e14;border:1.5px solid #f43f5e59;border-radius:8px;color:#be123c;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;padding:.45rem .85rem;position:relative;transition:background .18s ease,border-color .18s ease,transform .15s ease,box-shadow .18s ease;white-space:nowrap}.overdue-filter-btn .material-symbols-rounded{font-size:1.05rem;line-height:1}.overdue-filter-label{letter-spacing:.01em}.overdue-filter-btn:hover{background:#f43f5e24;border-color:#f43f5e8c;box-shadow:0 3px 10px #f43f5e2e;transform:translateY(-1px)}.overdue-filter-btn.active{background:linear-gradient(135deg,#f43f5e,#fb7185);border-color:#e11d48;box-shadow:0 3px 12px #f43f5e59;color:#fff}.overdue-filter-btn.active:hover{background:linear-gradient(135deg,#e11d48,#f43f5e);box-shadow:0 5px 16px #f43f5e66;transform:translateY(-1px)}.overdue-filter-dot{animation:overdue-pulse 1.6s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 0 2px #fff6;display:inline-block;height:7px;margin-left:2px;width:7px}@keyframes overdue-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}[data-theme=dark] .overdue-filter-btn{background:#f43f5e1f;border-color:#f43f5e66;color:#fb7185}[data-theme=dark] .overdue-filter-btn:hover{background:#f43f5e33;border-color:#f43f5e99}[data-theme=dark] .overdue-filter-btn.active{background:linear-gradient(135deg,#f43f5ed9,#fb7185bf);border-color:#f43f5e;color:#fff}[data-theme=dark] .tooltip-portal{background:#111827e6!important;background:var(--tooltip-bg)!important;box-shadow:0 4px 12px #0006!important;color:#fff!important;color:var(--tooltip-color)!important}.filter-toggle{color:#1e3a8a;color:var(--filter-toggle-color)}.filter-popover{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #e5e7eb;border:1px solid var(--dropdown-border);border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:var(--dropdown-shadow);display:none;display:flex;flex-wrap:wrap;gap:.75rem;left:0;margin-top:8px;max-height:0;opacity:0;overflow:hidden;padding:1rem;padding:0 1rem;position:absolute;top:100%;transition:all .3s ease;transition:max-height .4s ease,opacity .3s ease;z-index:10}.filter-popover,.filter-popover select{background:#fff;background:var(--dropdown-bg)}.filter-popover select{border:1px solid #e5e7eb;border:1px solid var(--dropdown-border);border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#0c4a6e;color:var(--dropdown-text);font-size:.9rem;min-width:140px;padding:.5rem .75rem;transition:border .2s ease,color .3s ease,background .3s ease}[data-theme=dark] .filter-popover select{box-shadow:0 1px 3px #0000004d}.filter-popover select:focus{border-color:#93c5fd;border-color:var(--filter-toggle-border);outline:none}.select-wrapper{display:inline-block;min-width:140px;position:relative}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-color:var(--dropdown-bg);border:1px solid #e5e7eb;border:1px solid var(--dropdown-border);border-radius:24px;box-shadow:0 1px 3px #0000000d;color:#0c4a6e;color:var(--dropdown-text);cursor:pointer;font-size:.9rem;padding:.5rem 2rem .5rem .75rem;transition:all .3s ease;width:100%}[data-theme=dark] .select-wrapper select{box-shadow:0 1px 3px #0000004d}.select-wrapper .dropdown-icon{color:#3b82f6;color:var(--dropdown-icon-color);font-size:1rem;pointer-events:none;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:color .3s ease}.select-wrapper.accent-blue select{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1d4ed8}[data-theme=dark] .select-wrapper.accent-blue select{background:#00ccff26;color:#0cf}.accent-blue{overflow:hidden;position:relative}.select-wrapper.accent-green select{background:linear-gradient(135deg,#dcfce7,#f0fdf4);color:#065f46}[data-theme=dark] .select-wrapper.accent-green select{background:linear-gradient(135deg,#6ee7b7,#a7f3d0);background:var(--icon-green-bg);color:#022c22;color:var(--icon-green-color)}.select-wrapper.accent-purple select{background:linear-gradient(135deg,#ede9fe,#f5f3ff);color:#6b21a8}[data-theme=dark] .select-wrapper.accent-purple select{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);background:var(--icon-purple-bg);color:#3b0a73;color:var(--icon-purple-color)}.select-wrapper.accent-amber select{background:linear-gradient(135deg,#fef9c3,#fefce8);color:#92400e}[data-theme=dark] .select-wrapper.accent-amber select{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--icon-add-bg);color:#92400e;color:var(--icon-add-color)}.select-wrapper.accent-teal select{background:linear-gradient(135deg,#ccfbf1,#f0fdfa);color:#115e59}[data-theme=dark] .select-wrapper.accent-teal select{background:#00ff8826;color:#065f46}.accent-blue:before{background-color:#3b82f6}.accent-green:before{background-color:#10b981}.accent-white:before{background-color:#fff}.accent-purple:before{background-color:#8b5cf6}.accent-amber:before{background-color:#f59e0b}.accent-teal:before{background-color:#14b8a6}[data-theme=dark] .accent-blue:before{background-color:#0cf}[data-theme=dark] .accent-green:before{background-color:#065f46}[data-theme=dark] .accent-purple:before{background-color:#a284ff}[data-theme=dark] .accent-amber:before{background-color:#ff9f0a}[data-theme=dark] .accent-teal:before{background-color:#065f46}.select-wrapper.accent-red select{background:linear-gradient(135deg,#fee2e2,#fff1f2);color:#991b1b}[data-theme=dark] .select-wrapper.accent-red select{background:linear-gradient(135deg,#ef444433,#ef44441f);color:#fca5a5}.accent-red:before{background-color:#ef4444}[data-theme=dark] .accent-red:before{background-color:#f87171}.icon-btn[data-tooltip],.icon-button{position:relative}.icon-gradient{-webkit-text-fill-color:#0000;text-fill-color:#0000;animation:shimmer 3s linear infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#10b981,#3b82f6,#a855f7);background-position:0;background-size:200%;font-size:24px}[data-theme=dark] .icon-gradient{background-image:linear-gradient(135deg,#065f46,#047857)}.custom-dropdown{font-family:Poppins,sans-serif;position:relative}.dropdown-trigger{background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--search-bar-bg);border:1px solid #bae6fd;border:1px solid var(--search-bar-border);border-radius:24px;color:#1e3a8a;color:var(--search-bar-text);cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.dropdown-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--dropdown-bg);border:1px solid #e5e7eb;border:1px solid var(--dropdown-border);border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:var(--dropdown-shadow);left:0;position:absolute;top:110%;transition:all .3s ease;width:100%;z-index:10}.dropdown-item{color:#0c4a6e;color:var(--dropdown-text);cursor:pointer;padding:.75rem 1rem;transition:background .2s,color .3s ease}.dropdown-item:hover{background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--dropdown-item-hover)}.filter-panel,.instyte-toolbar,.toolbar-left{overflow:visible!important;position:relative;z-index:0}.dropdown-popup{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--dropdown-bg);border:1px solid #e5e7eb;border:1px solid var(--dropdown-border);border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:var(--dropdown-shadow);left:0;position:absolute;top:100%;transition:all .3s ease;width:100%;z-index:9999}.filter-panel>*{animation:filterFadeIn .4s ease forwards;opacity:0;transform:translateY(10px)}.filter-panel>:first-child{animation-delay:.05s}.filter-panel>:nth-child(2){animation-delay:.1s}.filter-panel>:nth-child(3){animation-delay:.15s}.filter-panel>:nth-child(4){animation-delay:.2s}.filter-panel>:nth-child(5){animation-delay:.25s}.filter-panel>:nth-child(6){animation-delay:.3s}@keyframes filterFadeIn{to{opacity:1;transform:translateY(0)}}.more-filters-btn{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:24px;box-shadow:0 2px 5px #0000000f;color:#334155;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.35rem;padding:.45rem .9rem;position:relative;transition:all .2s ease;white-space:nowrap}.more-filters-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8}.more-filters-btn .more-badge{background:#f59e0b;border:1px solid #fff;border-radius:50%;height:7px;position:absolute;right:5px;top:3px;width:7px}[data-theme=dark] .more-filters-btn{background:linear-gradient(135deg,#ffffff14,#ffffff0d);border-color:#ffffff1f;color:#e2e8f0}[data-theme=dark] .more-filters-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#fff3}.more-filters-popup{animation:filterFadeIn .2s ease forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--dropdown-bg);border:1px solid #e5e7eb;border:1px solid var(--dropdown-border);border-radius:14px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:.5rem;min-width:230px;padding:.75rem}[data-theme=dark] .more-filters-popup{box-shadow:0 8px 24px #00000080}.more-filters-popup .custom-dropdown{width:100%}.more-filters-popup-label{color:#0c4a6e;color:var(--dropdown-text);font-size:.7rem;font-weight:600;letter-spacing:.05em;opacity:.5;padding:0 .25rem .1rem;text-transform:uppercase}@media (max-width:1024px){.instyte-toolbar{padding:.6rem .8rem}.search-bar{width:160px}.icon-btn{padding:.5rem}}@media (max-width:768px){.instyte-toolbar{gap:.5rem;padding:.5rem}.toolbar-left{flex-wrap:wrap;gap:.5rem}.filter-toggle-btn{font-size:.8rem;padding:.4rem .75rem}.filter-toggle-text{font-size:.8rem}.filter-panel{grid-gap:.5rem!important;display:grid!important;flex-wrap:nowrap!important;gap:.5rem!important;grid-template-columns:1fr 1fr!important;width:100%}.filter-panel .icon-clear{grid-column:1/-1!important;justify-content:center!important;width:100%!important}.custom-dropdown{min-width:auto!important}.dropdown-trigger{font-size:.75rem!important;gap:.3rem!important;padding:.4rem .6rem!important}.dropdown-trigger span:first-child{font-size:.9rem!important}.search-bar{order:10;width:140px}.search-bar input{font-size:.8rem;padding:.5rem .5rem .5rem 2rem}.search-bar:focus-within{width:200px}.toolbar-actions{flex-wrap:wrap;gap:.4rem}.icon-btn{min-height:36px;min-width:36px;padding:.4rem}.icon-btn span{font-size:1.1rem}.view-mode-toggle{padding:.2rem}.view-mode-btn{padding:.4rem}.view-mode-btn span{font-size:1rem}}@media (max-width:480px){.instyte-toolbar{gap:.4rem;padding:.4rem}.filter-toggle-btn{font-size:.75rem;padding:.35rem .6rem}.filter-toggle-text{font-size:.75rem}.filter-panel{gap:.4rem!important}.dropdown-trigger{font-size:.7rem!important;padding:.35rem .5rem!important}.dropdown-trigger span:first-child{font-size:.85rem!important}.search-bar{width:110px}.search-bar input{font-size:.75rem}.search-bar:focus-within{width:160px}.icon-btn{min-height:32px;min-width:32px;padding:.35rem}.icon-btn span{font-size:1rem}.view-mode-btn{padding:.35rem}.view-mode-btn span{font-size:.9rem}}.search-bar-in-panel{border-radius:12px;grid-column:1/-1;width:100%}.search-bar-in-panel input{width:100%}.filter-toggle-btn:focus-visible,.icon-btn:focus-visible,.search-bar:focus-within{outline:2px solid #93c5fd;outline:2px solid var(--filter-toggle-border);outline-offset:2px}@media (prefers-reduced-motion:reduce){.filter-panel>*,.filter-toggle-btn,.icon-btn{animation:none;transition:none}.icon-btn:hover{transform:none}.icon-gradient{animation:none;background-position:0}}:root{--roles-page-bg:#fff;--roles-border:#e2e8f0;--roles-shadow:0 1px 6px #0000000d;--table-border:#e2e8f0;--row-hover-shadow:0 6px 16px #0000000d;--avatar-border:#fff6;--avatar-shadow:inset 0 0 2px #fff9,0 2px 6px #00000014;--inspect-icon-shadow:0 4px 12px #1e40af1a}[data-theme=dark]{--roles-page-bg:#1a1a1ae6;--roles-border:#ffffff1a;--roles-shadow:0 1px 6px #0000004d;--table-border:#ffffff1a;--row-hover-shadow:0 6px 16px #00ff8826;--avatar-shadow:inset 0 0 2px #00ff884d,0 2px 6px #0000004d;--inspect-icon-color:#1de6a5;--inspect-icon-shadow:0 4px 12px #00ff8826}.roles-page{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--roles-page-bg);border:1px solid var(--roles-border);box-shadow:var(--roles-shadow);padding-bottom:1rem;transition:all .3s ease}.error-banner{font-size:.9rem}.instyte-toolbar{background:#fff;background:var(--table-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--table-border);flex-wrap:wrap;justify-content:space-between;padding:.5rem}.instyte-toolbar,.toolbar-left{align-items:center;display:flex;gap:1rem}.toolbar-left{flex:1 1;flex-wrap:wrap}.toolbar-actions{align-items:center;display:flex;gap:.75rem}.filter-toggle-btn{background:#fff;background:var(--table-bg);border:1px solid #e2e8f0;border:1px solid var(--table-border);color:#1e293b;color:var(--table-cell-text);gap:.5rem;padding:.5rem 1rem}.filter-toggle-btn:hover{background:#e0f2fe;background:var(--row-hover-bg);border-color:#3b82f6;border-color:var(--primary-color)}.filter-badge{background:#ef4444;border-radius:50%;height:6px;width:6px}.filter-panel{flex-wrap:wrap}.filter-select{background:#fff;background:var(--table-bg);border:1px solid var(--table-border);border-radius:8px;color:var(--table-cell-text);font-size:.875rem;min-width:130px;padding:.5rem 1rem}.filter-select:hover{border-color:#3b82f6}.filter-select:focus{box-shadow:0 0 0 2px #3b82f61a}.search-bar{align-items:center;display:flex}.search-bar input{background:#fff;background:var(--table-bg);border:1px solid #e2e8f0;border:1px solid var(--table-border);color:#1e293b;color:var(--table-cell-text);font-size:.875rem;min-width:200px;padding:.5rem 1rem .5rem 2.5rem;transition:all .2s ease}.search-bar input:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.icon-btn{background:var(--table-bg);border:1px solid var(--table-border);gap:.5rem}.icon-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.icon-btn.add-role-btn{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.icon-btn.add-role-btn:hover{background:#d1fae5}.icon-btn.icon-purple{background:#faf5ff;border-color:#e9d5ff;color:#7c3aed}.icon-btn.icon-purple:hover{background:#f3e8ff}.view-mode-btn{color:var(--table-header-text)}.view-mode-btn.active{color:#3b82f6}.roles-table-container{background:var(--table-bg);border:1px solid #e2e8f0;border:1px solid var(--table-border);box-shadow:0 1px 6px #0000000d;box-shadow:var(--roles-shadow)}.display-id-sticky{background:var(--table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--table-border);color:var(--table-cell-text);font-size:1rem;gap:.5rem;padding:.75rem 1rem}.lead-icon{color:#3b82f6;color:var(--primary-color);font-size:1.1rem}.leads-table{overflow-x:auto;width:100%}.leads-table th{border-bottom:1px solid var(--table-border)}.leads-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--table-border)}.leads-table tbody tr{transition:all .2s ease}.user-name-with-avatar{gap:.5rem}.avatar-circle{border:2px solid #fff6;box-shadow:var(--avatar-shadow);font-size:.875rem}.leads-table tbody tr:hover .avatar-circle{transform:scale(1.1)}.role-description{color:#1e293b;color:var(--table-cell-text);max-width:200px;opacity:.8;text-overflow:ellipsis;white-space:nowrap}.status-active{background:linear-gradient(135deg,#dcfce7,#f0fdf4);color:#065f46}.status-disabled{background:linear-gradient(135deg,#fee2e2,#fef2f2);color:#dc2626}.role-type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .625rem}.role-type-badge.admin-role{background:linear-gradient(135deg,#fef3c7,#fefce8);color:#92400e}.role-type-badge.standard-role{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1e40af}.roleId-cell{background:linear-gradient(135deg,#dcfce780,#bbf7d04d);border-radius:8px;color:#065f46;font-size:.875rem;font-weight:600;padding:.5rem 2.5rem .5rem .75rem;position:relative}.roleId-cell .inspect-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;background:var(--inspect-icon-bg);border:1px solid #1e40af1a;border:1px solid var(--inspect-icon-border);border-radius:6px;box-shadow:0 4px 12px #1e40af1a;box-shadow:var(--inspect-icon-shadow);color:#1e40af;color:var(--inspect-icon-color);cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;opacity:.85;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.roleId-cell:hover .inspect-icon{opacity:1;transform:translateY(-50%) scale(1.1)}.status-item{justify-content:center}.empty-state{color:var(--table-cell-text)}.empty-state .material-symbols-rounded{margin-bottom:.5rem}.roles-cards-grid{grid-gap:1.5rem;animation:fadeInCards .3s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem}.role-card{background:var(--table-bg);border:1px solid var(--table-border);border-radius:16px;box-shadow:0 4px 12px #00000008;box-shadow:var(--row-shadow);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative}.role-card:hover{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 6px 16px #0000000d;box-shadow:var(--row-hover-shadow);transform:translateY(-4px)}.role-card:before{background:linear-gradient(90deg,#7c3aed,#a855f7);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.role-card:hover:before{transform:scaleX(1)}.role-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--table-border);display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.role-card-avatar-large{align-items:center;background:linear-gradient(135deg,#93c5fd66,#bfdbfe33);background:var(--avatar-bg);border:2px solid #fff6;border:2px solid var(--avatar-border);border-radius:50%;box-shadow:inset 0 0 2px #fff9,0 2px 6px #00000014;box-shadow:var(--avatar-shadow);color:#1e3a8a;color:var(--avatar-text);display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:52px;justify-content:center;transition:all .3s ease;width:52px}.role-card:hover .role-card-avatar-large{transform:scale(1.1)}.role-card-title{flex:1 1;min-width:0}.role-card-title h3{color:#1e293b;color:var(--table-cell-text);font-size:1.1rem;font-weight:700;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-card-id{background:linear-gradient(135deg,#dcfce780,#bbf7d04d);border-radius:8px;color:#065f46;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.role-card-open-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;background:var(--inspect-icon-bg);border:1px solid #1e40af1a;border:1px solid var(--inspect-icon-border);border-radius:8px;color:#1e40af;color:var(--inspect-icon-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.role-card-open-btn:hover{box-shadow:0 4px 12px #1e40af1a;box-shadow:var(--inspect-icon-shadow);transform:scale(1.1)}.role-card-body{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.role-card-field{align-items:flex-start;display:flex;gap:.75rem}.field-icon{color:#3b82f6;color:var(--primary-color);flex-shrink:0;font-size:1.2rem;margin-top:.125rem}.field-content{flex:1 1;min-width:0}.field-content label{color:#334155;color:var(--table-header-text);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;opacity:.7}.field-content span{color:#1e293b;color:var(--table-cell-text);display:block;font-size:.95rem;font-weight:500}.role-card-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--table-border);padding-top:1rem}.role-card-toggles{display:flex;gap:1rem;justify-content:space-between}.toggle-group{align-items:center;display:flex;flex-direction:column;gap:.5rem}.toggle-group label:first-child{color:#334155;color:var(--table-header-text);font-size:.75rem;font-weight:600;letter-spacing:.5px}@media (max-width:1024px){.view-mode-toggle{display:flex}.roles-cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:.75rem}.role-card{padding:1.25rem}.toolbar-left{align-items:stretch;flex-direction:column;gap:.75rem;width:100%}.search-bar input{width:100%}.filter-panel{flex-direction:column;gap:.75rem;width:100%}.filter-select{width:100%}}@media (max-width:768px){.roles-cards-grid{grid-template-columns:1fr}.instyte-toolbar{flex-direction:column;gap:.75rem;padding:1rem}.toolbar-actions{justify-content:space-between;width:100%}.leads-table{overflow-x:auto}.leads-table table{min-width:700px}.filter-toggle-text{display:none}}@media (max-width:480px){.role-card{padding:1rem}.role-card-avatar-large{font-size:1.1rem;height:44px;width:44px}.role-card-title h3{font-size:1rem}.role-card-toggles{flex-direction:column;gap:.75rem}.toggle-group{flex-direction:row;justify-content:space-between;width:100%}}:root{--usr-page-bg:#fff;--usr-page-text:#1e293b;--usr-page-border:#e2e8f0;--usr-page-shadow:0 6px 20px #0000000d;--usr-header-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--usr-header-border:#e2e8f0;--usr-header-shadow:0 6px 20px #0000000d;--usr-header-text:#1e293b;--usr-banner-bg:#e0f2fe;--usr-banner-text:#0369a1;--usr-banner-error-bg:#fee2e2;--usr-banner-error-text:#b91c1c;--usr-banner-success-bg:#d1fae5;--usr-banner-success-text:#065f46;--usr-btn-bg:#f1f5f9;--usr-btn-text:#1e293b;--usr-btn-shadow:0 1px 3px #0000000a;--usr-btn-hover-bg:#e0f2f1;--usr-btn-hover-shadow:0 6px 12px #0000001a;--usr-btn-hover-border:2px solid #000;--usr-btn-disabled-bg:#f1f5f9;--usr-btn-disabled-text:#94a3b8;--usr-convert-btn-bg:linear-gradient(135deg,#bbf7d0,#4ade80);--usr-convert-btn-text:#064e3b;--usr-refresh-btn-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--usr-refresh-btn-text:#0369a1;--usr-reset-btn-bg:linear-gradient(135deg,#fef3c7,#fff7ed);--usr-reset-btn-text:#b45309;--usr-deactivate-btn-bg:linear-gradient(135deg,#fee2e2,#fff1f2);--usr-deactivate-btn-text:#b91c1c;--usr-sidebar-bg:#ffffffe6;--usr-sidebar-border:#e2e8f0;--usr-sidebar-shadow:0 2px 20px #00000014;--usr-sidebar-hover-shadow:0 12px 28px #0000001a;--usr-sidebar-text:#1e293b;--usr-card-bg:#fff;--usr-card-border:#e2e8f0;--usr-card-shadow:0 6px 20px #0000000d;--usr-card-hover-shadow:0 8px 20px #0000000f;--usr-card-text:#1e293b;--usr-profile-bg:#ffffffe6;--usr-profile-border:#e2e8f0;--usr-profile-shadow:0 6px 20px #0000000d;--usr-profile-hover-shadow:0 4px 12px #0000000d;--usr-profile-name-text:#1e293b;--usr-profile-meta-text:#475569;--usr-avatar-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--usr-avatar-text:#065f46;--usr-avatar-border:#e2e8f0;--usr-avatar-shadow:0 6px 20px #0000000d;--usr-status-bg:#ffffffe6;--usr-status-border:#e2e8f0;--usr-status-shadow:0 6px 20px #0000000d;--usr-status-icon-color:#2563eb;--usr-status-label-text:#6b7280;--usr-status-active-bg:linear-gradient(135deg,#bbf7d0,#dcfce7);--usr-status-active-text:#065f46;--usr-status-inactive-bg:linear-gradient(135deg,#fde68a,#fef9c3);--usr-status-inactive-text:#92400e;--usr-field-label-text:#334155;--usr-field-value-text:#1e293b;--usr-field-value-hover-bg:#00000008;--usr-field-input-bg:#0000;--usr-field-input-border:#0000;--usr-field-input-focus-border:#3b82f6;--usr-field-input-focus-shadow:#3b82f633;--usr-field-edit-icon-color:#64748b;--usr-field-edit-icon-hover-color:#0f172a;--usr-main-bg:#ffffffd9;--usr-main-border:#e2e8f0;--usr-main-shadow:0 6px 20px #0000000d;--usr-tab-bg:#ffffffe6;--usr-tab-border:#e2e8f0;--usr-tab-shadow:0 2px 8px #00000005;--usr-tab-text:#475569;--usr-tab-hover-bg:#065f460d;--usr-tab-hover-text:#065f46;--usr-tab-hover-border:#064e3b;--usr-tab-active-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--usr-tab-active-text:#065f46;--usr-tab-active-shadow:0 2px 8px #065f461a;--usr-table-header-bg:#f0fdf4;--usr-table-header-text:#047857;--usr-table-header-border:#d1fae5;--usr-table-cell-border:#e5e7eb;--usr-table-row-hover-bg:#f9fafb;--usr-icon-btn-bg:#f1f5f9;--usr-icon-btn-border:#e2e8f0;--usr-icon-btn-text:#334155;--usr-icon-btn-hover-bg:#e2e8f0;--usr-icon-btn-hover-text:#1e3a8a;--usr-icon-btn-hover-shadow:0 2px 6px #0000000f;--usr-icon-green:#065f46;--usr-icon-green-hover-bg:#dcfce7;--usr-icon-green-hover-text:#047857;--usr-icon-purple:#7c3aed;--usr-icon-purple-hover-bg:#ede9fe;--usr-icon-purple-hover-text:#6d28d9;--usr-icon-pink:#db2777;--usr-icon-pink-hover-bg:#fce7f3;--usr-icon-pink-hover-text:#be185d;--usr-icon-clear:#dc2626;--usr-icon-clear-hover-bg:#fee2e2;--usr-icon-clear-hover-text:#b91c1c;--usr-audit-bg:#f8fafc;--usr-audit-border:#e2e8f0;--usr-audit-label-text:#64748b;--usr-audit-value-text:#1e293b;--usr-lock-bg:#cbd5e166;--usr-lock-border:#64748b33;--usr-lock-thumb-bg:#fff;--usr-lock-thumb-text:#64748b;--usr-lock-active-bg:linear-gradient(135deg,#2563eb,#1e3a8a);--usr-lock-active-shadow:0 0 0 4px #3b82f626;--usr-lock-active-thumb-text:#1e3a8a;--usr-scrollbar-thumb:#94a3b899;--usr-scrollbar-track:#0000;--usr-popup-bg:#fff;--usr-popup-border:#065f46;--usr-popup-shadow:0 20px 40px #0000004d;--usr-popup-text:#1e293b;--usr-popup-header-icon:#065f46;--usr-popup-field-bg:#f8fafc;--usr-popup-field-border:#e2e8f0;--usr-popup-field-empty-text:#94a3b8;--usr-empty-text:#9ca3af;--usr-next-badge-bg:#f9fafb;--usr-next-badge-text:#374151;--usr-next-badge-border:#e2e8f0;--usr-followup-lead-bg:linear-gradient(135deg,#a5f3fc,#22d3ee);--usr-followup-lead-text:#0e7490;--usr-followup-lead-border:#4b5563;--usr-overdue-followup-bg:linear-gradient(135deg,#fecaca,#f87171);--usr-overdue-followup-text:#991b1b;--usr-no-action-bg:linear-gradient(135deg,#e5e7eb,#f3f4f6);--usr-no-action-text:#4b5563;--usr-display-id-bg:linear-gradient(135deg,#bbf7d0,#34d399);--usr-display-id-text:#065f46}[data-theme=dark]{--usr-page-bg:#1a1a1ae6;--usr-page-text:#fff;--usr-page-border:#ffffff1a;--usr-page-shadow:0 6px 20px #0000004d;--usr-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--usr-header-border:#ffffff1a;--usr-header-shadow:0 6px 20px #0000004d;--usr-header-text:#fff;--usr-banner-bg:#00f2fe26;--usr-banner-text:#00f2fe;--usr-banner-error-bg:#ff3b3026;--usr-banner-error-text:#ff3b30;--usr-banner-success-bg:#00ff8826;--usr-banner-success-text:#1de6a5;--usr-btn-bg:#333c;--usr-btn-text:#fff;--usr-btn-shadow:0 1px 3px #0006;--usr-btn-hover-bg:#00ff881a;--usr-btn-hover-shadow:0 6px 12px #0006;--usr-btn-hover-border:2px solid #1de6a5;--usr-btn-disabled-bg:#33333380;--usr-btn-disabled-text:#ffffff4d;--usr-convert-btn-bg:#0f83;--usr-convert-btn-text:#1de6a5;--usr-refresh-btn-bg:#00f2fe26;--usr-refresh-btn-text:#00f2fe;--usr-reset-btn-bg:#ff9f0a26;--usr-reset-btn-text:#ff9f0a;--usr-deactivate-btn-bg:#ff3b3026;--usr-deactivate-btn-text:#ff3b30;--usr-sidebar-bg:#1a1a1ae6;--usr-sidebar-border:#ffffff1a;--usr-sidebar-shadow:0 2px 20px #0006;--usr-sidebar-hover-shadow:0 12px 28px #00000080;--usr-sidebar-text:#fff;--usr-card-bg:#1a1a1ae6;--usr-card-border:#ffffff1a;--usr-card-shadow:0 6px 20px #0000004d;--usr-card-hover-shadow:0 8px 20px #0006;--usr-card-text:#fff;--usr-profile-bg:#1a1a1ae6;--usr-profile-border:#ffffff1a;--usr-profile-shadow:0 6px 20px #0000004d;--usr-profile-hover-shadow:0 4px 12px #0006;--usr-profile-name-text:#fff;--usr-profile-meta-text:#ccc;--usr-avatar-bg:#0f83;--usr-avatar-text:#1de6a5;--usr-avatar-border:#ffffff1a;--usr-avatar-shadow:0 6px 20px #0000004d;--usr-status-bg:#1a1a1ae6;--usr-status-border:#ffffff1a;--usr-status-shadow:0 6px 20px #0000004d;--usr-status-icon-color:#1de6a5;--usr-status-label-text:#ccc;--usr-status-active-bg:#0f83;--usr-status-active-text:#1de6a5;--usr-status-inactive-bg:#ff9f0a26;--usr-status-inactive-text:#ff9f0a;--usr-field-label-text:#ccc;--usr-field-value-text:#fff;--usr-field-value-hover-bg:#ffffff0d;--usr-field-input-bg:#0000;--usr-field-input-border:#0000;--usr-field-input-focus-border:#1de6a5;--usr-field-input-focus-shadow:#0f83;--usr-field-edit-icon-color:#ccc;--usr-field-edit-icon-hover-color:#fff;--usr-main-bg:#1a1a1ad9;--usr-main-border:#ffffff1a;--usr-main-shadow:0 6px 20px #0000004d;--usr-tab-bg:#1a1a1af2;--usr-tab-border:#ffffff1a;--usr-tab-shadow:0 2px 8px #0000004d;--usr-tab-text:#ccc;--usr-tab-hover-bg:#00ff881a;--usr-tab-hover-text:#1de6a5;--usr-tab-hover-border:#00cc6a;--usr-tab-active-bg:linear-gradient(135deg,#adffff38,#1a1a1af2);--usr-tab-active-text:#1de6a5;--usr-tab-active-shadow:0 2px 8px #0f83;--usr-table-header-bg:#333c;--usr-table-header-text:#1de6a5;--usr-table-header-border:#0f83;--usr-table-cell-border:#ffffff1a;--usr-table-row-hover-bg:#00ff880d;--usr-icon-btn-bg:#333c;--usr-icon-btn-border:#ffffff1a;--usr-icon-btn-text:#fff;--usr-icon-btn-hover-bg:#00ff881a;--usr-icon-btn-hover-text:#1de6a5;--usr-icon-btn-hover-shadow:0 2px 6px #0006;--usr-icon-green:#1de6a5;--usr-icon-green-hover-bg:#0f83;--usr-icon-green-hover-text:#00cc6a;--usr-icon-purple:#a284ff;--usr-icon-purple-hover-bg:#a284ff33;--usr-icon-purple-hover-text:#8b5cf6;--usr-icon-pink:#ff6b9d;--usr-icon-pink-hover-bg:#ff6b9d33;--usr-icon-pink-hover-text:#ec4899;--usr-icon-clear:#ff3b30;--usr-icon-clear-hover-bg:#ff3b3033;--usr-icon-clear-hover-text:#dc2626;--usr-audit-bg:#33333380;--usr-audit-border:#ffffff1a;--usr-audit-label-text:#ccc;--usr-audit-value-text:#fff;--usr-lock-bg:#ffffff1a;--usr-lock-border:#fff3;--usr-lock-thumb-bg:#1a1a1ae6;--usr-lock-thumb-text:#ccc;--usr-lock-active-bg:linear-gradient(135deg,#1de6a5,#00cc6a);--usr-lock-active-shadow:0 0 0 4px #00ff8840;--usr-lock-active-thumb-text:#000;--usr-scrollbar-thumb:#ffffff4d;--usr-scrollbar-track:#0000;--usr-popup-bg:#1a1a1af2;--usr-popup-border:#1de6a5;--usr-popup-shadow:0 20px 40px #0009;--usr-popup-text:#fff;--usr-popup-header-icon:#1de6a5;--usr-popup-field-bg:#33333380;--usr-popup-field-border:#ffffff1a;--usr-popup-field-empty-text:#ffffff80;--usr-empty-text:#ffffff80;--usr-next-badge-bg:#333c;--usr-next-badge-text:#fff;--usr-next-badge-border:#ffffff1a;--usr-followup-lead-bg:#00f2fe33;--usr-followup-lead-text:#00f2fe;--usr-followup-lead-border:#fff3;--usr-overdue-followup-bg:#ff3b3033;--usr-overdue-followup-text:#ff3b30;--usr-no-action-bg:#ffffff1a;--usr-no-action-text:#ccc;--usr-display-id-bg:#0f83;--usr-display-id-text:#1de6a5}.usr-users-page{background:#fff;background:var(--usr-page-bg);box-sizing:border-box;color:#1e293b;color:var(--usr-page-text);font-family:Google Sans,Poppins,sans-serif;height:auto;min-height:100vh;overflow:visible;width:100%}.usr-snapshot-header,.usr-users-page{display:flex;flex-direction:column;transition:all .3s ease}.usr-snapshot-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--usr-header-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-header-border);border-radius:8px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--usr-header-shadow);padding:1rem 2rem;padding:var(--header-padding-vertical) var(--header-padding-horizontal);position:-webkit-sticky;position:sticky;top:0;z-index:10}.usr-header-top-row{justify-content:space-between}.usr-header-top-row,.usr-message-banner{align-items:center;display:flex;width:100%}.usr-message-banner{background-color:#e0f2fe;background-color:var(--usr-banner-bg);border-radius:6px;box-shadow:inset 0 -1px 0 #0000000d;color:#0369a1;color:var(--usr-banner-text);font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.usr-message-banner.error{background:#fee2e2;background:var(--usr-banner-error-bg);color:#b91c1c;color:var(--usr-banner-error-text)}.usr-message-banner.success{background:#d1fae5;background:var(--usr-banner-success-bg);color:#065f46;color:var(--usr-banner-success-text)}.usr-snapshot-info h1{color:#1e293b;color:var(--usr-header-text);font-size:2rem;font-weight:700;margin:0;transition:color .3s ease}.usr-next-action{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.usr-next-badge{align-items:center;background:#f9fafb;background:var(--usr-next-badge-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-next-badge-border);border-radius:8px;color:#374151;color:var(--usr-next-badge-text);display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.3rem .5rem .3rem .3rem;transition:all .3s ease}.usr-followup-lead{background:linear-gradient(135deg,#a5f3fc,#22d3ee);background:var(--usr-followup-lead-bg);border:1px solid #4b5563;border:1px solid var(--usr-followup-lead-border);color:#0e7490;color:var(--usr-followup-lead-text)}.usr-overdue-followup{background:linear-gradient(135deg,#fecaca,#f87171);background:var(--usr-overdue-followup-bg);color:#991b1b;color:var(--usr-overdue-followup-text)}.usr-no-action{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);background:var(--usr-no-action-bg);color:#4b5563;color:var(--usr-no-action-text)}.usr-followup-icon{font-size:1rem;font-variation-settings:"FILL" 1,"wght" 600}.usr-display-id{align-items:center;background:linear-gradient(135deg,#bbf7d0,#34d399);background:var(--usr-display-id-bg);border-radius:10px;color:#065f46;color:var(--usr-display-id-text);display:inline-flex;font-size:.95rem;font-weight:500;padding:3px 8px;transition:all .3s ease}.usr-display-id .material-symbols-rounded{font-size:18px;margin-right:4px}.usr-snapshot-actions{display:flex;gap:.75rem}.usr-md3-btn{align-items:center;background-color:#f1f5f9;background-color:var(--usr-btn-bg);border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--usr-btn-shadow);color:#1e293b;color:var(--usr-btn-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transform:perspective(1px) translateZ(0);transition:background-color .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1),border-radius .3s ease,color .3s ease;will-change:transform,box-shadow,background-color}.usr-md3-btn:hover{background-color:#e0f2f1;background-color:var(--usr-btn-hover-bg);border:2px solid #000;border:var(--usr-btn-hover-border);border-radius:24px;box-shadow:0 6px 12px #0000001a;box-shadow:var(--usr-btn-hover-shadow);transform:translateY(-3px) scale(1.02)}.usr-md3-btn .material-symbols-rounded{font-size:1.1rem}.usr-md3-btn:disabled{background-color:#f1f5f9;background-color:var(--usr-btn-disabled-bg);box-shadow:none;color:#94a3b8;color:var(--usr-btn-disabled-text);cursor:not-allowed;opacity:.6;pointer-events:none}.usr-disabled-icon{color:#94a3b8!important;color:var(--usr-btn-disabled-text)!important}.usr-md3-btn.convert-btn{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--usr-convert-btn-bg);color:#064e3b;color:var(--usr-convert-btn-text)}.usr-md3-btn.refresh-btn{background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--usr-refresh-btn-bg);color:#0369a1;color:var(--usr-refresh-btn-text)}.usr-md3-btn.reset-btn{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--usr-reset-btn-bg);color:#b45309;color:var(--usr-reset-btn-text)}.usr-md3-btn.deactivate-btn{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--usr-deactivate-btn-bg);color:#b91c1c;color:var(--usr-deactivate-btn-text)}.usr-details-container{display:flex;flex:1 1;gap:.5rem;height:100%;overflow:hidden;padding:1rem .5rem .5rem}.usr-sidebar-wrapper{display:flex;flex-direction:row;overflow:visible!important;position:relative}.usr-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;background:var(--usr-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-sidebar-border);border-radius:24px;box-shadow:0 2px 20px #00000014;box-shadow:var(--usr-sidebar-shadow);display:flex;flex-direction:column;flex-shrink:0;height:auto;overflow:hidden;padding:1.5rem;position:relative!important;transition:width .3s ease,padding .3s ease,border .3s ease,transform .3s ease,box-shadow .3s ease,background .3s ease;width:500px}.usr-sidebar:hover{box-shadow:0 12px 28px #0000001a;box-shadow:var(--usr-sidebar-hover-shadow);transform:translateY(-4px)}.usr-sidebar.collapsed{padding:1rem .5rem;transition:width .3s ease,padding .3s ease;width:60px}.usr-sidebar.collapsed .usr-sidebar-header h2,.usr-sidebar.collapsed .usr-sidebar-profile-horizontal,.usr-sidebar.collapsed .usr-sidebar-scrollable,.usr-sidebar.collapsed .usr-status-badge{display:none}.usr-sidebar-toggle-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#dcfce740;background:var(--toggle-bg-default);border:1px solid #34d3994d;border:1px solid var(--toggle-border-color);border-radius:8px;box-shadow:2px 2px 8px #22c55e14;box-shadow:2px 2px 8px var(--toggle-shadow-color);color:#047857;color:var(--toggle-icon-color-default);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;width:32px}.usr-sidebar-toggle-btn:hover{background:#dcfce759;background:var(--toggle-bg-hover);box-shadow:2px 2px 12px #22c55e29;box-shadow:2px 2px 12px var(--toggle-shadow-hover-color);color:#065f46;color:var(--toggle-icon-color-accent)}.usr-sidebar-toggle-btn .material-symbols-rounded{font-size:18px;transition:transform .3s ease}.usr-sidebar-toggle-btn:hover .material-symbols-rounded{transform:scale(1.1)}.usr-collapsed-sidebar-icons{align-items:center;display:none;flex-direction:column;gap:1.5rem;margin-top:2rem;position:relative;z-index:100}.usr-sidebar.collapsed .usr-collapsed-sidebar-icons{display:flex!important}.usr-collapsed-icon-item{align-items:center;background:#fff;background:var(--usr-card-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--usr-card-shadow);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:100}.usr-collapsed-icon-item:hover{background:#065f460d;background:var(--usr-tab-hover-bg);border-color:#065f46;border-color:var(--usr-tab-hover-text);box-shadow:0 12px 28px #0000001a;box-shadow:var(--usr-sidebar-hover-shadow);transform:translateX(3px) scale(1.05);z-index:99999!important}.usr-collapsed-icon-item .material-symbols-rounded{color:#1e293b;color:var(--usr-sidebar-text);font-size:20px;transition:color .3s ease}.usr-collapsed-icon-item:hover .material-symbols-rounded{color:#065f46;color:var(--usr-tab-hover-text)}.usr-sidebar-hover-popup{background:#fff!important;background:var(--usr-popup-bg)!important;border:2px solid #065f46!important;border:2px solid var(--usr-popup-border)!important;border-radius:12px;box-shadow:0 20px 40px #0000004d!important;box-shadow:var(--usr-popup-shadow)!important;color:#1e293b;color:var(--usr-popup-text);max-width:400px;min-width:300px;opacity:0;padding:1rem;pointer-events:none;position:fixed!important;transition:all .2s ease;visibility:hidden;white-space:normal!important;z-index:999999!important}.usr-collapsed-icon-item:hover .usr-sidebar-hover-popup{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.usr-sidebar-hover-popup:before{border-bottom:10px solid #0000;border-right:10px solid #065f46;border-right:10px solid var(--usr-popup-border);border-top:10px solid #0000;content:"";height:0;left:-10px;position:absolute;top:50%;transform:translateY(-50%);width:0}.usr-popup-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--usr-popup-field-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;white-space:normal}.usr-popup-header .material-symbols-rounded{color:#065f46;color:var(--usr-popup-header-icon);flex-shrink:0;font-size:1.2rem}.usr-popup-header h4{color:#1e293b;color:var(--usr-popup-text);font-size:1rem;font-weight:600;margin:0;white-space:normal}.usr-popup-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;white-space:normal}.usr-popup-field{display:flex;flex-direction:column;gap:.25rem}.usr-popup-field-label{color:#64748b;color:var(--usr-audit-label-text);font-size:.8rem;font-weight:500;white-space:normal}.usr-popup-field-value{background:#f8fafc;background:var(--usr-popup-field-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-popup-field-border);border-radius:6px;color:#1e293b;color:var(--usr-popup-text);font-size:.9rem;font-weight:500;padding:.3rem .5rem;white-space:normal;word-break:break-word}.usr-popup-field-value.empty{color:#94a3b8;color:var(--usr-popup-field-empty-text);font-style:italic}.usr-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding-right:.5rem}.usr-sidebar-header h2{color:#1e293b;color:var(--usr-sidebar-text);font-size:1.4rem;font-weight:600;margin:0;transition:color .3s ease}.usr-sidebar-profile-horizontal{align-items:center;background:#ffffffe6;background:var(--usr-profile-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-profile-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--usr-profile-shadow);display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.usr-sidebar-profile-horizontal:hover{box-shadow:0 4px 12px #0000000d;box-shadow:var(--usr-profile-hover-shadow);transform:translateY(-2px)}.usr-avatar-circle{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--usr-avatar-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-avatar-border);border-radius:50%;box-shadow:0 6px 20px #0000000d;box-shadow:var(--usr-avatar-shadow);color:#065f46;color:var(--usr-avatar-text);display:flex;flex-shrink:0;font-size:2rem;font-weight:600;height:96px;justify-content:center;text-transform:uppercase;transition:box-shadow .3s ease,background .3s ease,color .3s ease;width:96px}.usr-profile-info-ud{display:flex;flex:1 1;flex-direction:column}.usr-profile-info-ud .name{color:#1e293b;color:var(--usr-profile-name-text);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.usr-profile-info-ud .meta{color:#475569;color:var(--usr-profile-meta-text);font-size:.85rem;margin:.15rem 0;transition:color .3s ease}.usr-status-badge{align-items:center;background:#ffffffe6;background:var(--usr-status-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-status-border);border-radius:14px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--usr-status-shadow);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:4rem;padding:.5rem 1rem;pointer-events:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.usr-status-section{align-items:center;display:flex;gap:.4rem}.usr-status-icon,.usr-usertype-icon{color:#2563eb;color:var(--usr-status-icon-color);font-size:1.2rem;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24;transition:color .3s ease}.usr-label-text{color:#6b7280;color:var(--usr-status-label-text);font-size:.8rem;transition:color .3s ease}.usr-status-badge-item{border-radius:.5rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .6rem;text-transform:uppercase;transition:all .3s ease}.usr-status-badge-item.ACTIVE{background:linear-gradient(135deg,#bbf7d0,#dcfce7);background:var(--usr-status-active-bg);color:#065f46;color:var(--usr-status-active-text)}.usr-status-badge-item.INACTIVE,.usr-status-badge-item.LOCKED{background:linear-gradient(135deg,#fde68a,#fef9c3);background:var(--usr-status-inactive-bg);color:#92400e;color:var(--usr-status-inactive-text)}.usr-user-type-badge{border-radius:.5rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .6rem;text-transform:uppercase;transition:all .3s ease}.usr-sidebar-scrollable{flex:1 1;margin-right:-8px;overflow-y:auto;padding-right:8px;padding-top:8px}.usr-sidebar-scrollable::-webkit-scrollbar{width:6px}.usr-sidebar-scrollable:hover::-webkit-scrollbar{width:8px}.usr-sidebar-scrollable::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--usr-scrollbar-thumb);border-radius:8px}.usr-sidebar-scrollable::-webkit-scrollbar-track{background:#0000;background:var(--usr-scrollbar-track)}*{scrollbar-color:var(--usr-scrollbar-thumb) var(--usr-scrollbar-track)}::-webkit-scrollbar-track{background:var(--usr-scrollbar-track)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--usr-scrollbar-thumb)}::-webkit-scrollbar-corner{background:var(--usr-scrollbar-track)}.usr-sidebar-section{background-color:#fff;background-color:var(--usr-card-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--usr-card-shadow);color:#1e293b;color:var(--usr-card-text);margin-bottom:.5rem;padding:1rem 1rem 0;transition:all .3s ease}.usr-sidebar-section:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--usr-card-hover-shadow);transform:translateY(-2px)}.usr-sidebar-section.accent-purple{border-radius:1rem;overflow:hidden;padding:1.25rem;position:relative;z-index:0}.usr-sidebar-section.accent-purple:before{background:linear-gradient(145deg,#fbbf24,#10b981 30%,#6366f1 60%,#ec4899);border-radius:1rem;content:"";inset:0;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;padding:2px;pointer-events:none;position:absolute;z-index:-1}[data-theme=dark] .usr-sidebar-section.accent-purple:before{background:linear-gradient(145deg,#ff9f0a,#1de6a5 30%,#a284ff 60%,#ff6b9d)}.usr-sidebar-section h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--usr-card-border);color:#1e293b;color:var(--usr-card-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;transition:color .3s ease}.usr-sidebar-section h4 .material-symbols-rounded{color:#2563eb;color:var(--usr-status-icon-color);font-size:1.3rem;transition:color .3s ease}.usr-field-group{grid-gap:1.5rem 2rem;display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.usr-field-group.sidebar-two-col{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.usr-field-group.sidebar-two-col .usr-field-item{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:0}.usr-field-item{display:flex;flex-direction:column;margin-bottom:1.25rem;position:relative}.usr-label{color:#334155;color:var(--usr-field-label-text);font-size:.85rem;font-weight:500;margin-bottom:.35rem;transition:color .3s ease}.usr-edit-input{border:1px solid #0000;border:1px solid var(--usr-field-input-border);border-radius:.6rem;color:#1e293b;color:var(--usr-field-value-text);font-size:.92rem;font-weight:500;outline:none;padding:.55rem .75rem;transition:all .2s ease;width:100%}.usr-edit-input,.usr-edit-input:focus{background:#0000;background:var(--usr-field-input-bg)}.usr-edit-input:focus{border-color:#3b82f6;border-color:var(--usr-field-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:0 0 0 2px var(--usr-field-input-focus-shadow);transform:scale(1.02)}.usr-value-container{align-items:center;border-radius:.6rem;cursor:pointer;display:flex;justify-content:space-between;transition:background-color .2s ease}.usr-value-container:hover{background-color:#00000008;background-color:var(--usr-field-value-hover-bg)}.usr-value-text{color:#1e293b;color:var(--usr-field-value-text);flex-grow:1;font-size:.92rem;font-weight:600;transition:color .3s ease;white-space:pre-wrap;word-break:break-word}.usr-edit-icon-btn{background:#0000;border:none;color:#64748b;color:var(--usr-field-edit-icon-color);cursor:pointer;margin-left:.5rem;padding:0;transition:color .2s ease}.usr-edit-icon-btn:hover{color:#0f172a;color:var(--usr-field-edit-icon-hover-color)}.usr-value-container .usr-edit-icon-btn{opacity:0;transition:opacity .2s ease}.usr-value-container:hover .usr-edit-icon-btn{opacity:1;padding:.3rem}.usr-value-text:hover{padding:.2rem}.usr-value-container.read-only:hover{background-color:initial;cursor:default}.usr-value-container.read-only .usr-edit-icon-btn{display:none}.usr-value-container.read-only .usr-value-text:hover{padding:0}.usr-value-container.read-only .usr-value-text{cursor:default}.usr-lock-toggle-wrapper{align-items:center;cursor:pointer;display:inline-flex;height:36px;position:relative}.usr-lock-toggle-wrapper input{display:none}.usr-lock-toggle-icon{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#cbd5e166;background:var(--usr-lock-bg);border:1px solid #64748b33;border:1px solid var(--usr-lock-border);border-radius:8px;box-shadow:inset 0 0 2px #0000000d;height:28px;position:relative;transition:background .4s ease,box-shadow .4s ease;width:56px}.usr-lock-toggle-thumb{align-items:center;background-color:#fff;background-color:var(--usr-lock-thumb-bg);border-radius:50%;box-shadow:0 1px 5px #0000001a;color:#64748b;color:var(--usr-lock-thumb-text);display:flex;font-size:16px;height:24px;justify-content:center;left:2px;position:absolute;transition:transform .4s ease,background .4s ease,color .4s ease;width:24px}.usr-lock-toggle-wrapper input:checked+.usr-lock-toggle-icon{background:linear-gradient(135deg,#2563eb,#1e3a8a);background:var(--usr-lock-active-bg);box-shadow:0 0 0 4px #3b82f626;box-shadow:var(--usr-lock-active-shadow)}.usr-lock-toggle-wrapper input:checked+.usr-lock-toggle-icon .usr-lock-toggle-thumb{color:#1e3a8a;color:var(--usr-lock-active-thumb-text);transform:translateX(28px)}.usr-main-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;background:var(--usr-main-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-main-border);border-radius:24px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--usr-main-shadow);display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow-y:auto;padding:1rem 1rem 0;transition:all .3s ease;z-index:1}.usr-main-content::-webkit-scrollbar{width:8px}.usr-main-content::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--usr-scrollbar-thumb);border-radius:8px}.usr-main-content::-webkit-scrollbar-track{background:#0000;background:var(--usr-scrollbar-track)}.usr-tabbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;background:var(--usr-tab-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--usr-tab-border);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 2px 8px #00000005;box-shadow:var(--usr-tab-shadow);display:flex;gap:.75rem;margin:-1.5rem -1.5rem 1.5rem;padding:0 1.5rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s ease;z-index:50}.usr-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--usr-tab-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--usr-card-shadow);color:#475569;color:var(--usr-tab-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.usr-tab:hover{background-color:#065f460d;background-color:var(--usr-tab-hover-bg);border:1px solid #064e3b;border:1px solid var(--usr-tab-hover-border);border-radius:24px;color:#065f46;color:var(--usr-tab-hover-text)}.usr-tab.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--usr-tab-active-bg);box-shadow:0 2px 8px #065f461a;box-shadow:var(--usr-tab-active-shadow);color:#065f46;color:var(--usr-tab-active-text);font-weight:600}.usr-tab .material-symbols-rounded{font-size:1.1rem}.usr-tab-content{padding:.5rem;position:relative;z-index:1}.usr-details-tab{grid-gap:.5rem;align-items:start;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.usr-card{background:#fff;background:var(--usr-card-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--usr-card-shadow);height:-webkit-fit-content;height:fit-content;padding:1rem;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.usr-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--usr-card-hover-shadow)}.usr-card.card-info,.usr-card.card-org,.usr-card.card-roles{grid-column:span 4}.usr-card.color-emerald{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--usr-tab-active-bg);grid-column:span 4}.usr-card.color-emerald,.usr-card.color-emerald h4 .material-symbols-rounded{color:#065f46;color:var(--usr-tab-active-text)}.usr-card h4{align-items:center;display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;transition:color .3s ease}.usr-card h4,.usr-card h4.section-heading{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--usr-card-border);color:#1e293b;color:var(--usr-card-text)}.usr-card h4.section-heading{font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.usr-card h4.section-heading .material-symbols-rounded{color:#64748b;color:var(--usr-field-edit-icon-color);transition:color .3s ease}.usr-roles-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.usr-roles-title h4{align-items:center;color:#1e293b;color:var(--usr-card-text);font-size:1.15rem;font-weight:600;margin:0;transition:color .3s ease}.usr-roles-actions,.usr-roles-title h4{display:flex;gap:.5rem}.usr-icon-btn{background:#f1f5f9;background:var(--usr-icon-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-icon-btn-border);border-radius:10px;color:#334155;color:var(--usr-icon-btn-text);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,color .3s ease}.usr-icon-btn:hover{background-color:#e2e8f0;background-color:var(--usr-icon-btn-hover-bg);box-shadow:0 2px 6px #0000000f;box-shadow:var(--usr-icon-btn-hover-shadow);color:#1e3a8a;color:var(--usr-icon-btn-hover-text);transform:translateY(-1px)}.usr-icon-btn.icon-green{color:#065f46;color:var(--usr-icon-green)}.usr-icon-btn.icon-green:hover{background-color:#dcfce7;background-color:var(--usr-icon-green-hover-bg);color:#047857;color:var(--usr-icon-green-hover-text)}.usr-icon-btn.icon-purple{color:#7c3aed;color:var(--usr-icon-purple)}.usr-icon-btn.icon-purple:hover{background-color:#ede9fe;background-color:var(--usr-icon-purple-hover-bg);color:#6d28d9;color:var(--usr-icon-purple-hover-text)}.usr-icon-btn.icon-pink{color:#db2777;color:var(--usr-icon-pink)}.usr-icon-btn.icon-pink:hover{background-color:#fce7f3;background-color:var(--usr-icon-pink-hover-bg);color:#be185d;color:var(--usr-icon-pink-hover-text)}.usr-icon-btn.icon-clear{color:#dc2626;color:var(--usr-icon-clear)}.usr-icon-btn.icon-clear:hover{background-color:#fee2e2;background-color:var(--usr-icon-clear-hover-bg);color:#b91c1c;color:var(--usr-icon-clear-hover-text)}.usr-roles-table-wrapper{background:#fff;background:var(--usr-card-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--usr-card-shadow);height:-webkit-fit-content;height:fit-content;overflow-x:auto;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.usr-roles-table-scrollable{overflow-x:auto}.usr-roles-table{border-collapse:collapse;font-size:.85rem;width:100%}.usr-roles-table th{background:#f0fdf4;background:var(--usr-table-header-bg);border-bottom:2px solid #d1fae5;border-bottom:2px solid var(--usr-table-header-border);color:#047857;color:var(--usr-table-header-text);font-weight:600;padding:.75rem 1rem;text-align:left;transition:all .3s ease}.usr-roles-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--usr-table-cell-border);color:#1e293b;color:var(--usr-card-text);padding:.65rem 1rem;transition:all .3s ease;vertical-align:top}.usr-roles-table tr:hover{background:#f9fafb;background:var(--usr-table-row-hover-bg)}.usr-empty-state{color:#9ca3af;color:var(--usr-empty-text);font-size:.95rem;font-style:italic;padding:2rem 1rem;text-align:center;transition:color .3s ease}.usr-audit-trail-card{background:#fff;background:var(--usr-card-bg);color:#1e293b;color:var(--usr-card-text);transition:all .3s ease}.usr-audit-trail-block{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.usr-audit-pair{background:#f8fafc;background:var(--usr-audit-bg);border:1px solid #e2e8f0;border:1px solid var(--usr-audit-border);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.8rem 1rem;transition:all .3s ease}.usr-audit-pair .usr-label{color:#64748b;color:var(--usr-audit-label-text);font-size:.8rem;font-weight:500;transition:color .3s ease}.usr-audit-pair .usr-value{color:#1e293b;color:var(--usr-audit-value-text);flex:1 1 auto;font-size:.95rem;font-weight:500;transition:color .3s ease;word-break:break-word}.usr-info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.usr-info-row .label{color:#334155;color:var(--usr-field-label-text);font-size:.85rem;font-weight:500;transition:color .3s ease}.usr-common-textfield-styles,.usr-common-textfield-styles .MuiInputBase-root{background:#0000!important;background:var(--usr-field-input-bg)!important;border-radius:.6rem!important;color:#1e293b!important;color:var(--usr-field-value-text)!important;font-family:inherit!important;font-size:.92rem!important;transition:all .3s ease!important}.usr-common-textfield-styles .MuiOutlinedInput-input{padding:.5rem .75rem!important}.usr-common-textfield-styles .MuiOutlinedInput-notchedOutline{border-color:#0000!important;border-color:var(--usr-field-input-border)!important;transition:border-color .3s ease!important}.usr-common-textfield-styles .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#3b82f6!important;border-color:var(--usr-field-input-focus-border)!important}.usr-common-textfield-styles .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#3b82f6!important;border-color:var(--usr-field-input-focus-border)!important;box-shadow:0 0 0 2px #3b82f633!important;box-shadow:0 0 0 2px var(--usr-field-input-focus-shadow)!important}.usr-details-container{position:relative!important}.usr-details-container,.usr-users-page{overflow:visible!important}.usr-main-content{position:relative;z-index:1!important}@media (max-width:1200px){.usr-details-container{flex-direction:column;gap:1rem;max-width:100%;padding:0 .5rem}.usr-sidebar{margin-right:0;width:100%}.usr-main-content{margin-left:0}.usr-snapshot-header{align-items:flex-start;border-radius:12px;flex-direction:column;gap:1rem;position:static;top:auto}.usr-snapshot-actions{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.usr-tabbar{-webkit-overflow-scrolling:touch;border-radius:0;flex-wrap:nowrap;margin-left:-1.5rem;margin-right:-1.5rem;overflow-x:auto;padding-left:1.5rem;padding-right:1.5rem;position:static;top:auto}.usr-card.card-info{grid-column:span 1}.usr-details-tab{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.usr-sidebar-hover-popup{left:20px!important;max-width:calc(100vw - 40px)!important;min-width:auto!important;right:20px!important}}@media (max-width:768px){.usr-users-page{padding:.5rem}.usr-main-content,.usr-sidebar{border-radius:12px;padding:1rem}.usr-snapshot-header{padding:1rem}.usr-snapshot-info h1{word-wrap:break-word;font-size:1.3rem;overflow-wrap:break-word}.usr-md3-btn{min-height:44px}.usr-md3-btn,.usr-tab{font-size:.8rem;padding:.5rem .875rem;white-space:nowrap}.usr-card{border-radius:12px;padding:1rem}.usr-card h4{word-wrap:break-word;font-size:.95rem;margin-bottom:1rem;overflow-wrap:break-word}.usr-field-item .usr-edit-input,.usr-field-item .usr-value-container{word-wrap:break-word;font-size:16px;overflow-wrap:break-word;white-space:normal}.usr-field-item .usr-label{word-wrap:break-word;font-size:.75rem;overflow-wrap:break-word}.usr-field-item .usr-value{word-wrap:break-word;font-size:.875rem;overflow-wrap:break-word;white-space:normal}.usr-audit-trail-block{grid-template-columns:1fr}.usr-sidebar-hover-popup{left:10px!important;max-width:calc(100vw - 20px)!important;right:10px!important}.usr-popup-fields{grid-template-columns:1fr}.usr-sidebar-profile-horizontal{align-items:center;flex-direction:column;text-align:center}.usr-profile-info h2{word-wrap:break-word;font-size:1.1rem;overflow-wrap:break-word}.usr-profile-info .usr-profile-meta{word-wrap:break-word;font-size:.8rem;overflow-wrap:break-word}.usr-snapshot-actions{flex-direction:column;gap:.5rem;width:100%}.usr-snapshot-actions .usr-md3-btn{justify-content:center;width:100%}.usr-tabbar{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:.5rem}.usr-tabbar::-webkit-scrollbar{height:4px}.usr-tabbar::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}}@media (max-width:1024px){.usr-details-tab{grid-template-columns:repeat(2,1fr)}.usr-field-group .usr-field-item{flex-basis:calc(33.33% - 2rem);flex-grow:1;flex-shrink:1}}@media (max-width:600px){.usr-details-tab{grid-template-columns:1fr}.usr-field-group .usr-field-item{flex:1 1 100%}}@media (max-width:480px){.usr-users-page{padding:.25rem}.usr-main-content,.usr-sidebar{border-radius:8px;padding:.75rem}.usr-snapshot-header{padding:.75rem}.usr-snapshot-info h1{font-size:1.1rem}.usr-md3-btn,.usr-snapshot-info .usr-snapshot-meta{font-size:.75rem}.usr-md3-btn{min-height:44px;padding:.5rem .75rem}.usr-md3-btn .material-symbols-rounded{font-size:1rem}.usr-tab{font-size:.75rem;min-width:auto;padding:.5rem .75rem}.usr-card{padding:.75rem}.usr-card h4{font-size:.9rem}.usr-card h4,.usr-field-item{margin-bottom:.75rem}.usr-field-item .usr-label{font-size:.7rem;margin-bottom:.25rem}.usr-field-item .usr-value{font-size:.8rem}.usr-profile-avatar{font-size:1.5rem;height:64px;width:64px}.usr-profile-info h2{font-size:1rem}.usr-profile-meta{font-size:.75rem}.usr-md3-btn.icon-only-mobile .material-symbols-rounded{margin-right:0}.usr-sidebar-section{padding:.75rem}.usr-sidebar-section h3{font-size:.85rem;margin-bottom:.5rem}.usr-collapsed-icon-item{height:40px;width:40px}.usr-collapsed-icon-item .material-symbols-rounded{font-size:1.1rem}}.usr-collapsed-icon-item:focus-visible,.usr-icon-btn:focus-visible,.usr-md3-btn:focus-visible,.usr-tab:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--usr-field-input-focus-border);outline-offset:2px}.usr-audit-item-detail,.usr-card h4,.usr-card p,.usr-field-item .usr-edit-input,.usr-field-item .usr-value,.usr-field-item .usr-value-container,.usr-profile-info h2,.usr-profile-meta,.usr-sidebar-section h3,.usr-snapshot-info h1{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;word-break:break-word}.usr-field-item .usr-value-container:has(a),.usr-field-item .usr-value[data-type=email],.usr-field-item .usr-value[data-type=url]{word-break:break-all}@media (prefers-reduced-motion:reduce){.usr-card,.usr-collapsed-icon-item,.usr-icon-btn,.usr-md3-btn,.usr-sidebar,.usr-sidebar-section,.usr-tab{transition:none}.usr-card:hover,.usr-collapsed-icon-item:hover,.usr-md3-btn:hover,.usr-sidebar-profile-horizontal:hover,.usr-sidebar-section:hover,.usr-sidebar:hover{transform:none}.usr-sidebar-hover-popup{transition:opacity .1s ease,visibility .1s ease}}@media print{.usr-collapsed-sidebar-icons,.usr-sidebar-hover-popup,.usr-sidebar-toggle-btn{display:none!important}.usr-sidebar.collapsed{padding:1.5rem;width:100%}.usr-sidebar.collapsed .usr-sidebar-header h2,.usr-sidebar.collapsed .usr-sidebar-profile-horizontal,.usr-sidebar.collapsed .usr-sidebar-scrollable,.usr-sidebar.collapsed .usr-status-badge{display:block}.usr-details-container{flex-direction:column}.usr-card,.usr-sidebar-section{border:1px solid #ccc;box-shadow:none}}@media (prefers-contrast:high){.usr-card,.usr-main-content,.usr-sidebar,.usr-sidebar-section{border-width:2px}.usr-icon-btn,.usr-md3-btn,.usr-tab{border:2px solid}.usr-sidebar-hover-popup{border-width:3px}}.unsaved-overlay{align-items:center;background:#1f293759;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.unsaved-dialog{animation:zoomPopIn .3s ease-out;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 20px #0000000f,0 4px 8px #00000008;max-width:95%;padding:2rem 2.5rem;text-align:center;width:720px}.unsaved-dialog h3{color:#1e293b;font-size:1.4rem;font-weight:600;margin-bottom:.75rem}.unsaved-dialog p{color:#475569;font-size:.95rem;margin-bottom:1.75rem}.unsaved-dialog .actions{display:flex;gap:1rem;justify-content:space-between}.unsaved-dialog button{border:none;border-radius:8px;box-shadow:0 2px 6px #0000000d;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}

/*!* Save button *!*/.unsaved-dialog .discard-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.unsaved-dialog .discard-btn:hover{background:linear-gradient(135deg,#fca5a5,#f87171);transform:translateY(-1px)}.unsaved-dialog .keep-btn{background:linear-gradient(135deg,#dbeafe,#bae6fd);color:#0c4a6e}.unsaved-dialog .keep-btn:hover{background:linear-gradient(135deg,#93c5fd,#7dd3fc);transform:translateY(-1px)}.unsaved-dialog .continue-edit-btn{background:linear-gradient(135deg,#fef9c3,#fde68a);color:#92400e}.unsaved-dialog .continue-edit-btn:hover{background:linear-gradient(135deg,#fcd34d,#fef08a);transform:translateY(-1px)}:root{--bg-tertiary:#f1f5f9;--bg-overlay:#0f172a99;--bg-header:#3b82f6;--bg-footer:#1e293b;--text-primary:#0f172a;--text-tertiary:#64748b;--text-header:#fff;--text-footer:#f1f5f9;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-focus:#3b82f6;--border-selected:#10b981;--accent-primary:#3b82f6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-overlay:#000c;--bg-header:#1e40af;--bg-footer:#0f172a;--text-primary:#f8fafc;--text-tertiary:#94a3b8;--text-header:#fff;--text-footer:#e2e8f0;--border-primary:#334155;--border-secondary:#475569;--border-focus:#60a5fa;--border-selected:#34d399;--accent-primary:#60a5fa;--accent-success:#34d399;--accent-warning:#fbbf24;--accent-danger:#f87171;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}.popup-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;background:var(--bg-overlay);height:100vh;left:0;top:0;width:100vw}.assign-users-overlay{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:85vh;max-height:700px;max-width:1000px;overflow:hidden;width:90%}.assign-users-panel{display:flex;flex-direction:column;height:100%}.panel-header{background:#3b82f6;background:var(--bg-header);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.panel-header,.panel-title{align-items:center;color:#fff;color:var(--text-header);display:flex}.panel-title{font-size:1.25rem;font-weight:600;gap:.75rem}.panel-title .material-symbols-rounded{font-size:1.5rem}.close-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--text-header)}.close-btn:hover{background:#fff3}.search-container{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);flex-shrink:0;padding:1rem 1.5rem}.search-bar{margin:0 auto;max-width:400px;position:relative}.search-bar .material-symbols-rounded{color:#94a3b8;color:var(--text-muted);font-size:1.1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{background:#0000;border-radius:8px;color:#0f172a;color:var(--text-primary);font-size:.9rem;outline:none;padding:.75rem .75rem .75rem 2.5rem;transition:border-color .2s ease;width:100%}.search-bar input:focus{box-shadow:0 0 0 4px #3b82f61a}.search-bar input::placeholder{color:#94a3b8;color:var(--text-muted)}.content-area{background:#fff;background:var(--bg-primary);flex:1 1;overflow-y:auto}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-secondary);border-radius:3px}.role-table{border-collapse:collapse;width:100%}.role-table-header{background:#f8fafc;background:var(--bg-secondary);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-primary);position:-webkit-sticky;position:sticky;top:0;z-index:1}.role-table-header th{color:#475569;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.role-table-header th:first-child{padding-left:1.5rem;width:40px}.role-table-header th:nth-child(2){width:200px}.role-table-header th:nth-child(3){width:120px}.role-table-header th:nth-child(4){width:auto}.role-table-header th:nth-child(5){text-align:center;width:80px}.role-row{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);cursor:pointer;transition:all .15s ease}.role-row:hover{background:#f8fafc;background:var(--bg-secondary)}.role-row.selected{background:var(--bg-selected);border-color:#10b981;border-color:var(--border-selected)}.role-row td{font-size:.9rem;padding:.75rem 1rem;vertical-align:middle}.role-row td:first-child{padding-left:1.5rem;text-align:center}.role-name{color:#0f172a;color:var(--text-primary);font-weight:600;margin-bottom:.1rem}.role-id{color:#94a3b8;font-family:Courier New,monospace;font-size:.8rem}.role-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;line-height:1.4;max-width:300px;overflow:hidden}.role-checkbox{accent-color:#10b981;accent-color:var(--accent-success);cursor:pointer;height:18px;width:18px}.status-badge{letter-spacing:.3px}.status-badge.active{background:#10b9811a;color:#10b981;color:var(--accent-success)}.status-badge.inactive{background:#f59e0b1a;color:#f59e0b;color:var(--accent-warning)}.status-badge.disabled{background:#ef44441a;color:#ef4444;color:var(--accent-danger)}.loading-container{padding:3rem}.loading-spinner{border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border:3px solid var(--border-primary);border-top-color:var(--accent-primary)}.empty-state{color:#94a3b8;color:var(--text-muted)}.empty-state h3{color:var(--text-secondary);font-size:1.1rem}.panel-footer{background:#1e293b;background:var(--bg-footer);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.panel-footer,.selected-count{align-items:center;color:#f1f5f9;color:var(--text-footer);display:flex}.selected-count{font-size:.9rem;gap:.5rem}.selected-count .material-symbols-rounded{color:#10b981;color:var(--accent-success);font-size:1.1rem}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#f1f5f9;color:var(--text-footer);font-size:.9rem;padding:.6rem 1rem;transition:all .2s ease}.cancel-btn:hover{background:#fff3}.ld-save-btn{background:#10b981;background:var(--accent-success);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-width:120px;padding:.6rem 1.25rem;transition:all .2s ease}.ld-save-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.ld-save-btn:disabled{background:#94a3b8;background:var(--text-muted);cursor:not-allowed;transform:none}.message-banner{font-size:.9rem;margin:0;padding:.75rem 1.5rem}.success-banner{background:#10b9811a;border-bottom:1px solid #10b98133;color:#10b981;color:var(--accent-success)}.error-banner{background:#ef44441a;border-bottom:1px solid #ef444433;color:#ef4444;color:var(--accent-danger)}@media (max-width:768px){.assign-users-overlay{height:90vh;width:95%}.panel-footer,.panel-header,.search-container{padding:1rem}.role-row td,.role-table-header th{font-size:.85rem;padding:.5rem .75rem}.role-row td:first-child,.role-table-header th:first-child{padding-left:1rem}.role-description{-webkit-line-clamp:1;max-width:200px}.panel-footer{align-items:stretch;flex-direction:column;gap:1rem}.footer-actions{justify-content:stretch}.footer-actions button{flex:1 1}}.wf-step-number{color:#fff;font-size:14px;font-weight:700}.wf-step-content{flex:1 1;min-width:0}.wf-step-content h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.wf-step-content h4,.wf-step-content p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-step-content p{color:#6b7280;font-size:13px;margin:0}.wf-step-status{border-radius:12px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.wf-step-details{display:flex;flex-direction:column;gap:12px;padding:16px 20px}.wf-step-properties{display:flex;flex-wrap:wrap;gap:8px}.wf-property{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;display:flex;font-size:12px;gap:6px;padding:6px 10px}.wf-property.required{background:#fffbeb;border-color:#fbbf24}.wf-prop-icon{color:#6366f1;font-size:14px}.wf-property.required .wf-prop-icon{color:#f59e0b}.wf-prop-text{color:#374151;font-weight:500}.wf-step-section{display:flex;flex-direction:column;gap:8px}.wf-section-label{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.wf-section-label .material-symbols-rounded{color:#6366f1;font-size:14px}.wf-conditions-tags{display:flex;flex-wrap:wrap;gap:6px}.wf-condition-tag{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;font-size:11px;gap:4px;padding:6px 10px}.wf-condition-field{background:#3b82f6}.wf-condition-field,.wf-condition-op{border-radius:6px;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;text-transform:uppercase}.wf-condition-op{background:#f59e0b}.wf-condition-val{background:#10b981;border-radius:6px;color:#fff;font-size:9px;font-weight:700;padding:2px 6px}.wf-users-display{background:#fff;border:1px solid #f1f5f9;border-radius:8px;color:#374151;font-size:12px;font-weight:500;padding:10px 12px}.wf-agent-list{gap:8px}.wf-agent-item,.wf-agent-list{display:flex;flex-direction:column}.wf-agent-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;gap:4px;padding:12px}.wf-agent-type{color:#6366f1;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.wf-agent-role{color:#374151;font-size:12px;font-weight:600}.wf-agent-users{color:#6b7280;font-size:11px}.wf-empty-steps{align-items:center;background:#f8fafc;border:2px dashed #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.wf-empty-steps .material-symbols-rounded{color:#9ca3af;font-size:32px;margin-bottom:8px}.wf-empty-steps p{color:#6b7280;font-size:14px;margin:0}.wf-loading{background:#fff;flex-direction:column;padding:80px 20px;text-align:center}.wf-loader,.wf-loading{align-items:center;display:flex;justify-content:center}.wf-loader{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;height:48px;margin-bottom:16px;width:48px}.wf-loader .material-symbols-rounded{animation:spin 1s linear infinite;color:#fff;font-size:24px}.wf-loading p{color:#6b7280;font-size:16px;font-weight:500;margin:0}.wf-error-state{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.wf-error-state .material-symbols-rounded{color:#ef4444;font-size:48px;margin-bottom:16px}.wf-error-state p{color:#6b7280;font-size:16px;font-weight:500;margin:0}.event-details{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.detail-item{border-bottom:1px solid #f1f5f9;padding:8px 0}.detail-item label{font-size:12px}.next-steps-info{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;margin-top:24px;padding:16px}.next-steps-info h4{color:#1e40af;font-size:16px;font-weight:600;margin:0 0 8px}.next-steps-info p{color:#1e40af;font-size:14px;margin:0}.trigger-info{color:#3b82f6;font-style:italic;font-weight:500}.step-indicator .step.event-driven-skip{opacity:.5;pointer-events:none}.step-indicator .step.event-driven-skip .step-label{color:#94a3b8;text-decoration:line-through}@media (max-width:1024px){.wf-content-grid{grid-template-columns:1fr}.wf-left-column{border-bottom:1px solid #e5e7eb;border-right:none}.wf-stats-row{justify-content:center}}@media (max-width:768px){.wf-hero-header{align-items:flex-start;flex-direction:column;gap:20px;padding:24px}.wf-hero-content{flex-direction:column;gap:16px;width:100%}.wf-hero-actions{align-items:flex-start;width:100%}.wf-action-group{width:100%}.wf-action-btn{flex:1 1;justify-content:center}.wf-date-range,.wf-hero-meta,.wf-stats-row{flex-direction:column;gap:8px}.wf-date-divider{transform:rotate(90deg)}.wf-conditions-tags,.wf-step-properties{flex-direction:column}}@media (max-width:480px){.wf-details-container{border-radius:12px}.wf-hero-header{padding:20px}.wf-hero-info h1{font-size:22px}.wf-left-column,.wf-right-column{padding:16px}.wf-step-details,.wf-step-header{padding:12px 16px}.wf-steps-header h3{font-size:18px}}details-container{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000000f;overflow:hidden}.wf-hero-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:24px;justify-content:space-between;padding:32px}.wf-hero-content{display:flex;flex:1 1;gap:20px}.wf-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.wf-hero-badge .material-symbols-rounded{color:#fff;font-size:32px}.wf-hero-info h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.wf-hero-info p{color:#ffffffe6;font-size:16px;line-height:1.5;margin:0 0 16px}.wf-hero-meta{display:flex;flex-wrap:wrap;gap:16px}.wf-meta-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.wf-meta-item .material-symbols-rounded{font-size:16px}.wf-hero-actions{align-items:flex-end;display:flex;flex-direction:column;gap:16px}.wf-status-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff4d;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.8px;padding:8px 16px;text-transform:uppercase}.wf-status-pill.success{background:#10b98133;color:#dcfce7}.wf-status-pill.warning{background:#f59e0b33;color:#fef3c7}.wf-status-pill.danger{background:#ef444433;color:#fee2e2}.wf-action-btn,.wf-action-group{display:flex;gap:8px}.wf-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.wf-action-btn.edit{background:#f59e0b33;border:1px solid #f59e0b66;color:#fff}.wf-action-btn.edit:hover{background:#f59e0b;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.wf-action-btn.activate{background:#10b98133;border:1px solid #10b98166;color:#fff}.wf-action-btn.activate:hover{background:#10b981;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.wf-content-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:350px 1fr;min-height:500px}.wf-left-column{background:#f8fafc;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;gap:20px;padding:24px}.wf-config-card,.wf-stats-card,.wf-validity-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #00000005;padding:20px}.wf-config-card h3,.wf-stats-card h3,.wf-validity-card h3{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.wf-config-card h3 .material-symbols-rounded,.wf-stats-card h3 .material-symbols-rounded,.wf-validity-card h3 .material-symbols-rounded{color:#6366f1;font-size:18px}.wf-stats-row{display:flex;gap:16px}.wf-stat{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex:1 1;padding:12px 8px;text-align:center}.wf-stat-value{color:#1f2937;display:block;font-size:18px;font-weight:700;margin-bottom:4px}.wf-stat-label{color:#6b7280;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wf-config-grid{display:flex;flex-direction:column;gap:12px}.wf-config-row{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.wf-config-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.wf-config-value{color:#1f2937;font-size:13px;font-weight:600}.wf-toggle-display{align-items:center;display:flex;gap:6px}.wf-toggle-display .material-symbols-rounded{font-size:18px}.wf-toggle-display .material-symbols-rounded.active{color:#10b981}.wf-toggle-display .material-symbols-rounded.inactive{color:#6b7280}.wf-toggle-display span:last-child{color:#1f2937;font-size:13px;font-weight:600}.wf-validity-content{display:flex;flex-direction:column;gap:16px}.wf-date-range{gap:12px}.wf-date-item,.wf-date-range{align-items:center;display:flex}.wf-date-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex:1 1;gap:8px;padding:12px}.wf-date-item .material-symbols-rounded{color:#6366f1;font-size:16px}.wf-date-item div{display:flex;flex-direction:column;gap:2px}.wf-date-label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wf-date-value{color:#1f2937;font-size:12px;font-weight:500}.wf-date-divider{color:#9ca3af}.wf-right-column{background:#fff;padding:24px}.wf-steps-card{display:flex;flex-direction:column;height:100%}.wf-steps-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.wf-steps-header h3{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0}.wf-steps-header h3 .material-symbols-rounded{color:#6366f1;font-size:22px}.wf-steps-counter{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.wf-steps-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding-right:4px}.wf-steps-list::-webkit-scrollbar{width:6px}.wf-steps-list::-webkit-scrollbar-track{background:#0000}.wf-steps-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.wf-step-card{background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}.wf-step-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.wf-step-header{background:#fff;border-bottom:1px solid #f1f5f9;gap:12px;padding:16px 20px}.wf-step-badge,.wf-step-header{align-items:center;display:flex}.wf-step-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 2px 8px #6366f14d;flex-shrink:0;height:32px;justify-content:center;width:32px}.wf- :root{--wc-overlay-bg:#0006;--wc-overlay-backdrop:blur(8px);--wc-popup-bg:#fffffff2;--wc-popup-border:#fff3;--wc-popup-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;--wc-header-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--wc-header-border:#065f461a;--wc-header-title:#065f46;--wc-header-subtitle:#047857;--wc-header-icon-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--wc-header-icon-text:#fff;--wc-header-icon-shadow:0 8px 20px #3b82f64d;--wc-form-label-text:#374151;--wc-form-input-bg:#fffc;--wc-form-input-border:#e2e8f0cc;--wc-form-input-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;--wc-form-input-text:#1e293b;--wc-form-input-placeholder:#9ca3af;--wc-form-input-focus-border:#3b82f6;--wc-form-input-focus-bg:#fffffff2;--wc-form-input-focus-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;--wc-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--wc-btn-primary-text:#fff;--wc-btn-primary-shadow:0 4px 12px #3b82f64d;--wc-btn-primary-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--wc-btn-primary-hover-shadow:0 8px 20px #3b82f666;--wc-btn-secondary-bg:#ffffffe6;--wc-btn-secondary-text:#374151;--wc-btn-secondary-border:#e5e7eb;--wc-btn-secondary-hover-bg:#f9fafbf2;--wc-btn-secondary-hover-border:#d1d5db;--wc-btn-secondary-hover-shadow:0 4px 12px #00000014;--wc-close-btn-bg:#fffc;--wc-close-btn-text:#6b7280;--wc-close-btn-hover-bg:#ef44441a;--wc-close-btn-hover-text:#ef4444;--wc-footer-bg:linear-gradient(135deg,#f8fafc,#fff);--wc-footer-border:#e2e8f0;--wc-icon-approval:#10b981;--wc-icon-person:#6366f1;--wc-icon-school:#f59e0b;--wc-icon-document:#8b5cf6;--wc-icon-workflow:#3b82f6}.workflow-config-page{background-color:#f5f7fa;min-height:100vh;padding:20px}.workflow-config-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.config-header-left h2{align-items:center;color:#1a202c;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0 0 8px}.config-header-left p{color:#64748b;font-size:14px;margin:0}.config-header-right{display:flex;gap:12px}.config-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.config-btn.test-btn{background-color:#3b82f6;color:#fff}.config-btn.test-btn:hover{background-color:#2563eb;transform:translateY(-1px)}.config-btn.refresh-btn{background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.config-btn.refresh-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.tab-navigation{background:#fff;box-shadow:0 2px 8px #0000001a;gap:4px;margin-bottom:24px;padding:8px}.tab-btn{background:#0000;border-radius:8px;font-size:14px;gap:8px;padding:12px 16px}.tab-btn.active{background-color:#3b82f6}.tab-btn:hover:not(.active){background-color:#f1f5f9;color:#334155}.workflow-tabs-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:16px}.tabs-list{flex-wrap:wrap}.main-tab-btn,.tabs-list{align-items:center;display:flex;gap:8px}.main-tab-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;margin-right:16px;padding:10px 16px;transition:all .2s ease}.main-tab-btn:hover{background:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.workflow-tab{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.workflow-tab.active{background:#3b82f6;border-color:#3b82f6}.tab-content-btn{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.workflow-tab.active .tab-content-btn{color:#fff}.tab-close-btn{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.tab-close-btn:hover{background:#0000001a;color:#ef4444}.workflow-tab.active .tab-close-btn{color:#ffffffb3}.workflow-tab.active .tab-close-btn:hover{background:#fff3;color:#fff}.tab-content{padding:24px}.tab-content,.workflow-details-view{background:#fff;box-shadow:0 2px 8px #0000001a}.workflow-details-view{border-radius:12px;overflow:hidden}.workflow-details-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f0f9ff);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.details-title-section{align-items:center;display:flex;gap:16px}.details-title-section h2{align-items:center;color:#1a202c;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.details-actions{display:flex;gap:8px}.workflow-details-content{padding:0}.details-section{border-bottom:1px solid #f1f5f9;padding:24px}.details-section:last-child{border-bottom:none}.details-section h3{align-items:center;color:#1a202c;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 16px}.details-section h3 .material-symbols-rounded{color:#3b82f6;font-size:20px}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:12px 16px}.detail-item label{color:#64748b;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.detail-item span{color:#1a202c;display:block;font-size:14px;font-weight:500}.settings-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.setting-item{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;color:#334155;display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 16px}.setting-item .material-symbols-rounded{color:#10b981;font-size:18px}.steps-list{display:flex;flex-direction:column;gap:16px}.step-detail-card{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .2s ease}.step-detail-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.step-detail-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:16px 20px}.step-detail-header,.step-info{align-items:center;display:flex}.step-info{gap:12px}.step-number{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 2px 4px #3b82f633;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.step-details h4{color:#1a202c;font-size:15px;font-weight:600;margin:0 0 2px}.step-details p{color:#64748b;font-size:13px;margin:0}.step-detail-body{padding:16px 20px}.step-properties{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px}.property-row{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.property-row label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.property-row span{color:#1a202c;font-size:12px;font-weight:500}.step-subsection{border-bottom:1px solid #f8fafc;margin-bottom:16px;padding-bottom:16px}.step-subsection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.step-subsection h5{color:#1a202c;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.conditions-list{display:flex;flex-wrap:wrap;gap:8px}.condition-item{align-items:center;border:1px solid #e5e7eb;border-radius:12px;display:flex;font-size:12px;gap:8px;padding:8px 12px}.condition-field{background:#3b82f6}.condition-field,.condition-operator{border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.condition-operator{background:#f59e0b}.condition-value{background:#10b981;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.assigned-users{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:8px;display:flex;gap:10px;padding:12px 16px}.assigned-users .material-symbols-rounded{color:#3b82f6;font-size:18px}.assigned-users span:last-child{color:#1a202c;flex:1 1;font-size:13px;font-weight:500}.agent-config-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;margin-bottom:8px;padding:12px 16px}.agent-config-item:last-child{margin-bottom:0}.agent-role,.agent-type,.agent-users{font-size:13px;margin-bottom:6px}.agent-role strong,.agent-type strong,.agent-users strong{color:#64748b;font-size:12px;font-weight:600;margin-right:6px}.workflows-content{display:flex;flex-direction:column;gap:32px}.workflows-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.workflow-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.workflow-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.workflow-card.enhanced{display:flex;flex-direction:column}.workflow-card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:20px}.workflow-icon{align-items:center;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.workflow-icon:has(.material-symbols-rounded:contains("approval")),.workflow-icon[data-icon=approval]{background:linear-gradient(135deg,var(--wc-icon-approval),#059669);color:#fff}.workflow-icon[data-icon=person_add]{background:linear-gradient(135deg,var(--wc-icon-person),#4f46e5);color:#fff}.workflow-icon[data-icon=school]{background:linear-gradient(135deg,var(--wc-icon-school),#d97706);color:#fff}.workflow-icon[data-icon=description]{background:linear-gradient(135deg,var(--wc-icon-document),#7c3aed);color:#fff}.workflow-icon[data-icon=workflow]{background:linear-gradient(135deg,var(--wc-icon-workflow),#2563eb);color:#fff}.workflow-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.workflow-info{flex:1 1}.workflow-info h4{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 4px;white-space:nowrap}.workflow-info h4,.workflow-info p{overflow:hidden;text-overflow:ellipsis}.workflow-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:14px;line-height:1.4;margin:0;max-height:2.8em}.workflow-metrics{grid-gap:12px;background:#fafbfc;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:16px 20px}.metric-item{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:8px;display:flex;flex-direction:column;padding:12px 8px;text-align:center}.metric-number{color:#1a202c;font-size:16px;font-weight:700;margin-bottom:4px}.metric-label{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.workflow-actions{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:8px;padding:16px 20px}.action-icon{background-color:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:16px;height:32px;transition:all .2s ease;width:32px}.action-icon:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.action-icon.edit{background-color:#fff7ed;color:#ea580c}.action-icon.edit:hover{background-color:#ea580c;color:#fff}.action-icon.activate{background-color:#f0fdf4;color:#16a34a}.action-icon.activate:hover{background-color:#16a34a;color:#fff}.status-badge{font-size:11px;padding:4px 12px}.status-badge.large{font-size:12px;padding:6px 16px}.status-badge.success{background-color:#dcfce7;color:#166534}.status-badge.warning{background-color:#fef3c7;color:#92400e}.status-badge.danger{background-color:#fee2e2;color:#991b1b}.status-badge.info{background-color:#dbeafe;color:#1e40af}.status-badge.secondary{background-color:#f1f5f9;color:#64748b}.action-btn{font-size:13px;gap:8px;padding:8px 16px}.action-btn.edit{background-color:#f59e0b;color:#fff}.action-btn.edit:hover{background-color:#d97706;transform:translateY(-1px)}.action-btn.activate{background-color:#10b981;color:#fff}.action-btn.activate:hover{background-color:#059669;transform:translateY(-1px)}.action-btn.details{background-color:#6366f1;color:#fff}.action-btn.details:hover{background-color:#4f46e5;transform:translateY(-1px)}.action-btn:disabled{transform:none}.status-filter-tabs{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.filter-tab{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.filter-tab h4{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 16px}.workflows-mini-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.mini-workflow-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.mini-workflow-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.mini-workflow-card.active{background:#f0fdf4;border-color:#10b981}.mini-workflow-card.draft{background:#fffbeb;border-color:#f59e0b}.mini-workflow-card.inactive{background:#fef2f2;border-color:#ef4444}.mini-workflow-card.archived{background:#f8fafc;border-color:#64748b}.mini-workflow-info{flex:1 1}.mini-workflow-name{color:#1a202c;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.mini-workflow-desc{color:#64748b;display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-actions{display:flex;gap:6px}.mini-actions button{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.mini-actions button:hover{background:#f1f5f9;color:#3b82f6;transform:scale(1.1)}.mini-actions button .material-symbols-rounded{font-size:16px}.overview-content{gap:32px}.workflow-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{box-shadow:0 2px 8px #0000001a;gap:16px;padding:24px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000026}.stat-icon{color:#fff;font-size:24px}.stat-card.active .stat-icon{background:#10b981}.stat-card.pending .stat-icon{background:#f59e0b}.stat-card.running .stat-icon{background:#3b82f6}.stat-card.completed .stat-icon{background:#8b5cf6}.stat-content h3{color:#1a202c;font-size:24px;font-weight:600;margin:0 0 4px}.stat-content p{color:#64748b;font-size:14px}.quick-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card{background:#fff;box-shadow:0 2px 8px #0000001a;padding:24px;text-align:center}.info-card h4{color:#64748b;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.info-number{color:#1a202c;font-size:36px;font-weight:600}.recent-activity{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.recent-activity h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;gap:12px;padding:12px 16px}.activity-item:hover{background:#f1f5f9;border-color:#e2e8f0}.activity-icon{background:#3b82f6;border-radius:8px;color:#fff;height:32px;width:32px}.activity-icon .material-symbols-rounded{font-size:16px}.activity-content{min-width:0}.activity-title{color:#1a202c;font-size:14px;font-weight:600;margin-bottom:2px}.activity-meta{color:#64748b;font-size:12px}.activity-status{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.activity-status.pending{background:#fef3c7;color:#92400e}.activity-status.running{background:#dbeafe;color:#1e40af}.activity-status.completed{background:#dcfce7;color:#166534}.activity-status.failed{background:#fee2e2;color:#991b1b}.executions-content{display:flex;flex-direction:column;gap:32px}.executions-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.executions-summary h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 20px}.status-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.status-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.summary-number{color:#1a202c;font-size:28px;font-weight:600;margin-bottom:8px}.summary-label{font-size:12px;font-weight:600}.status-summary-card.pending{background:#fffbeb;border-color:#f59e0b}.status-summary-card.running{background:#f0f9ff;border-color:#3b82f6}.status-summary-card.completed{background:#f0fdf4;border-color:#10b981}.status-summary-card.failed{background:#fef2f2;border-color:#ef4444}.executions-list-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.executions-list-section h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 20px}.executions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.execution-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.execution-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.execution-header{align-items:flex-start;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:20px}.execution-icon{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.execution-info{flex:1 1;min-width:0}.execution-info h4{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 4px}.execution-info h4,.workflow-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-name{color:#64748b;font-size:14px;margin:0 0 8px}.execution-date{color:#94a3b8;font-size:12px;margin:0}.execution-actions{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px}.templates-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.templates-section h3{align-items:center;color:#1a202c;display:flex;font-size:18px;gap:12px;margin:0 0 16px}.templates-section p{color:#64748b;font-size:14px;margin:0 0 24px}.template-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:20px;padding:24px;transition:all .2s ease}.template-card.featured{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#3b82f6}.template-icon{align-items:center;background:#3b82f6;border-radius:12px;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;width:64px}.template-content{flex:1 1}.template-content h4{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 8px}.template-content p{color:#64748b;font-size:14px;margin:0 0 16px}.template-features{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.template-features li{color:#64748b;font-size:13px;padding-left:16px;position:relative}.template-features li:before{color:#10b981;content:"✓";font-weight:600;left:0;position:absolute}.template-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.template-btn.primary{background:#3b82f6;color:#fff}.template-btn.primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.loading-container{padding:60px 20px;text-align:center}.loading-container .material-symbols-rounded{font-size:48px;margin-bottom:16px}.loading-container.spinning .material-symbols-rounded{animation:spin 1s linear infinite}.loading-container p{font-size:16px}.loading-state,.no-users{align-items:center;color:#64748b;display:flex;font-size:14px;justify-content:center;padding:2rem}.empty-state{justify-content:center;padding:60px 20px}.empty-state .material-symbols-rounded{color:#94a3b8;font-size:48px;margin-bottom:16px}.empty-state p{font-size:16px}.empty-agents,.empty-conditions{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:48px 20px;text-align:center}.empty-agents .material-symbols-rounded,.empty-conditions .material-symbols-rounded{font-size:48px;margin-bottom:16px;opacity:.5}.empty-agents p,.empty-conditions p{font-size:14px;margin:8px 0}.helper-text{font-size:12px;opacity:.8}.error-banner,.success-banner{gap:12px;margin-bottom:20px;padding:16px 20px}.error-banner{background-color:#fee2e2}.success-banner{background-color:#dcfce7}.step-indicator{background:#f8fafc;padding:32px}.step{flex:1 1;gap:8px;max-width:200px}.step:not(:last-child):after{background:#e2e8f0;content:"";height:2px;left:calc(50% + 40px);position:absolute;right:calc(-50% + 40px);top:16px;transition:all .3s ease}.step.active:not(:last-child):after,.step.completed:not(:last-child):after{background:#3b82f6}.step-number{background:#e2e8f0;color:#64748b;font-size:14px;position:relative;z-index:1}.step.active .step-number{background:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.step.completed .step-number{background:#10b981}.step-label{color:#64748b;font-size:12px;text-align:center;transition:all .3s ease}.step.active .step-label{color:#1a202c;font-weight:600}.step-title{color:#1a202c;font-size:24px;gap:12px;margin-bottom:8px}.step-description{font-size:16px;margin-bottom:32px}.srg-form-grid{grid-gap:24px;gap:24px}.srg-form-field{gap:8px}.srg-form-field.full-width{grid-column:1/-1}.srg-form-label{color:var(--wc-form-label-text);font-size:14px}.srg-form-label.required:after{content:" *"}.srg-form-input{background:var(--wc-form-input-bg);border:2px solid var(--wc-form-input-border);box-shadow:var(--wc-form-input-shadow);color:var(--wc-form-input-text);font-size:14px;padding:12px 16px}.srg-form-input:focus{background:var(--wc-form-input-focus-bg);border-color:var(--wc-form-input-focus-border);box-shadow:var(--wc-form-input-focus-shadow)}.srg-form-input::placeholder{color:var(--wc-form-input-placeholder)}.srg-form-input[rows]{min-height:100px;resize:vertical}.form-dropdown{background:var(--wc-form-input-bg);border:2px solid var(--wc-form-input-border);color:var(--wc-form-input-text);font-size:14px;padding:12px 16px;width:100%}.form-dropdown:focus{background:var(--wc-form-input-focus-bg);border-color:var(--wc-form-input-focus-border);box-shadow:var(--wc-form-input-focus-shadow)}.checkbox-label{flex-direction:column;gap:8px}.checkbox-text{color:var(--wc-form-label-text);font-size:14px;font-weight:600}.checkbox-label small{color:#64748b;font-size:12px;font-weight:400}.trigger-info-panel{background:linear-gradient(135deg,#f8fafc,#3b82f60d);border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:12px;margin-top:32px;padding:24px;transition:all .3s ease}.trigger-info-panel:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.info-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.info-header .material-symbols-rounded{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.info-header h4{color:#1a202c;font-size:18px;font-weight:600;margin:0}.trigger-info-panel p{color:#374151;font-size:14px;line-height:1.5;margin:8px 0}.trigger-info-panel code{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#1a202c;font-family:Monaco,Menlo,monospace;font-size:13px;padding:4px 8px}.trigger-info-panel strong{color:#3b82f6;font-weight:600}.field-hint{color:#64748b;display:block;font-size:12px;margin-top:4px}.steps-management-container{display:flex;flex-direction:column;gap:24px}.step-management-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s ease}.step-management-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.step-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.step-number-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px;white-space:nowrap}.step-details{display:flex;flex:1 1;flex-direction:column;gap:8px;margin-left:16px}.step-title-input{font-size:16px;font-weight:600}.step-description-input,.step-title-input{background:var(--wc-form-input-bg);border:1px solid var(--wc-form-input-border);border-radius:8px;color:var(--wc-form-input-text);padding:8px 12px;width:100%}.step-description-input{font-family:inherit;font-size:14px;resize:vertical}.step-actions{gap:8px}.config-step-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.config-step-btn:hover{background:#2563eb;transform:translateY(-1px)}.remove-step-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#991b1b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-step-btn:hover{background:#991b1b;color:#fff;transform:scale(1.1)}.step-card-body{display:flex;flex-direction:column;gap:16px}.step-configuration{grid-gap:16px;background:#f8fafc;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.config-item{display:flex;flex-direction:column;gap:8px}.config-item label{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.config-input,.config-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1a202c;font-size:14px;padding:8px 12px}.step-status{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:16px}.status-indicator{color:#374151;font-size:14px;gap:8px}.status-indicator .material-symbols-rounded{font-size:20px}.add-step-btn{align-items:center;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:24px;transition:all .2s ease}.add-step-btn:hover{background:#f8fafc;border-color:#3b82f6;border-style:solid;color:#3b82f6;transform:translateY(-2px)}.conditions-container{display:flex;flex-direction:column;gap:24px}.condition-row{grid-gap:16px;align-items:end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:16px;grid-template-columns:40px 1fr 1fr auto auto;padding:24px;transition:all .2s ease}.condition-row:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.condition-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.condition-field,.condition-operator,.condition-value{flex-direction:column;gap:8px}.condition-field label,.condition-operator label,.condition-value label{color:var(--wc-form-label-text);font-size:12px;font-weight:600}.condition-input,.condition-select{background:var(--wc-form-input-bg);border:2px solid var(--wc-form-input-border);border-radius:8px;box-shadow:var(--wc-form-input-shadow);color:var(--wc-form-input-text);font-size:14px;padding:12px;transition:all .3s ease;width:100%}.condition-input:focus,.condition-select:focus{background:var(--wc-form-input-focus-bg);border-color:var(--wc-form-input-focus-border);box-shadow:var(--wc-form-input-focus-shadow);outline:none}.remove-condition-btn{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#991b1b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-condition-btn:hover{background:#991b1b;color:#fff;transform:scale(1.1)}.add-condition-btn{align-items:center;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:16px;transition:all .2s ease}.add-condition-btn:hover{background:#f8fafc;border-color:#3b82f6;border-style:solid;color:#3b82f6}.conditions-logic{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.logic-info{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px;margin:0}.logic-info .material-symbols-rounded{color:#3b82f6;font-size:20px}.agents-container{gap:24px}.agents-container,.agents-list{display:flex;flex-direction:column}.agents-list{gap:16px}.agent-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s ease}.agent-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.agent-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.agent-header h4{color:#1a202c;font-size:18px;font-weight:600;margin:0}.remove-agent-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#991b1b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-agent-btn:hover{background:#991b1b;color:#fff;transform:scale(1.1)}.agent-config,.config-row{display:flex;flex-direction:column;gap:16px}.config-field{display:flex;flex-direction:column;gap:8px}.config-field label{color:var(--wc-form-label-text);font-size:14px;font-weight:600}.user-selection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.user-search{margin-bottom:16px;position:relative}.search-input{background:var(--wc-form-input-bg);border:2px solid var(--wc-form-input-border);color:var(--wc-form-input-text);font-size:14px;padding:12px 16px 12px 40px}.search-input:focus{background:var(--wc-form-input-focus-bg);border-color:var(--wc-form-input-focus-border);box-shadow:var(--wc-form-input-focus-shadow)}.user-search .material-symbols-rounded{color:#64748b;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.user-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:200px;overflow-y:auto}.user-list::-webkit-scrollbar{width:6px}.user-list::-webkit-scrollbar-track{background:#0000}.user-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.user-item{align-items:center;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.user-item:last-child{border-bottom:none}.user-item:hover{background:#f8fafc}.user-checkbox{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.user-checkbox input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.user-info{flex:1 1}.user-name{color:#1a202c;font-size:14px;font-weight:600;margin-bottom:4px}.user-email{color:#64748b;font-size:12px}.selected-users-summary{align-items:center;background:#fff;border-radius:8px;color:#374151;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px}.selected-users-summary .material-symbols-rounded{color:#3b82f6}.add-agent-btn{align-items:center;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:24px;transition:all .2s ease}.add-agent-btn:hover{background:#f8fafc;border-color:#3b82f6;border-style:solid;color:#3b82f6;transform:translateY(-2px)}.review-container{display:flex;flex-direction:column;gap:32px}.review-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.review-section-title{align-items:center;border-bottom:1px solid #e2e8f0;color:#1a202c;display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:16px;padding-bottom:12px}.review-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.review-item{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.review-item label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.review-item span{color:#1a202c;font-size:14px;font-weight:500}.review-settings{gap:12px}.review-settings,.steps-review{display:flex;flex-direction:column}.steps-review{gap:16px}.step-review-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s ease}.step-review-card.complete{background:#f0fdf4;border-color:#10b981}.step-review-card.incomplete{background:#fef2f2;border-color:#ef4444}.step-review-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.step-review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.step-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:8px 16px;white-space:nowrap}.step-details h5{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 4px}.step-status .material-symbols-rounded.complete{color:#10b981}.step-status .material-symbols-rounded.incomplete{color:#ef4444}.step-review-body{display:flex;flex-direction:column;gap:16px}.property{align-items:center;background:#fff;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:8px}.property label{color:#64748b;font-weight:600}.property span{color:#1a202c;font-weight:500}.step-metrics{background:#fff;border-radius:8px;display:flex;gap:16px;padding:12px}.metric{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px}.metric .material-symbols-rounded{color:#3b82f6;font-size:18px}.validation-summary{border-radius:12px;padding:24px;text-align:center}.validation-success{background:#dcfce7}.validation-success,.validation-warning{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px}.validation-warning{background:#fee2e2;color:#991b1b}.validation-success .material-symbols-rounded,.validation-warning .material-symbols-rounded{font-size:32px}.validation-success p,.validation-warning p{font-size:16px;font-weight:500;margin:0}.code-text{background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:12px;padding:4px 8px}.modal-footer{background:var(--wc-footer-bg);border-top:1px solid var(--wc-footer-border);gap:16px;justify-content:space-between;padding:24px 32px}.btn-primary,.btn-secondary{font-size:14px;gap:8px;padding:12px 24px}.btn-primary{background:var(--wc-btn-primary-bg);box-shadow:var(--wc-btn-primary-shadow);color:var(--wc-btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--wc-btn-primary-hover-bg);box-shadow:var(--wc-btn-primary-hover-shadow)}.btn-secondary{background:var(--wc-btn-secondary-bg);border:2px solid var(--wc-btn-secondary-border);color:var(--wc-btn-secondary-text)}.btn-secondary:hover:not(:disabled){background:var(--wc-btn-secondary-hover-bg);border-color:var(--wc-btn-secondary-hover-border);box-shadow:var(--wc-btn-secondary-hover-shadow)}.modal-overlay{-webkit-backdrop-filter:var(--wc-overlay-backdrop);backdrop-filter:var(--wc-overlay-backdrop);background:var(--wc-overlay-bg);padding:32px}.modal-content{background:var(--wc-popup-bg);border-radius:24px;box-shadow:var(--wc-popup-shadow);max-width:600px}.modal-header{background:var(--wc-header-bg);border-bottom:1px solid var(--wc-header-border);border-radius:24px 24px 0 0;padding:24px}.modal-header h3{color:var(--wc-header-title);font-size:20px}.close-btn{background:var(--wc-close-btn-bg);color:var(--wc-close-btn-text)}.close-btn:hover{background:var(--wc-close-btn-hover-bg);color:var(--wc-close-btn-hover-text)}.modal-body{font-weight:600;padding:24px}@media (max-width:768px){.workflow-config-page{padding:16px}.workflow-config-header{align-items:flex-start;flex-direction:column;gap:16px}.config-header-right{justify-content:flex-end;width:100%}.tab-navigation{flex-wrap:wrap}.details-grid,.executions-grid,.status-filter-tabs,.workflow-stats-grid,.workflows-grid{grid-template-columns:1fr}.workflow-details-header{gap:16px}.tabs-list,.workflow-details-header{align-items:flex-start;flex-direction:column}.main-tab-btn{margin-bottom:8px;margin-right:0;width:100%}.condition-row,.srg-form-grid{grid-template-columns:1fr}.condition-row{gap:16px;text-align:left}.step-card-header{flex-direction:column;gap:16px}.step-configuration{grid-template-columns:1fr}.step-status{flex-direction:column;gap:8px}.workflow-metrics{grid-template-columns:repeat(2,1fr)}.step-properties{grid-template-columns:1fr}.step-metrics{flex-direction:column;gap:8px}.review-grid{grid-template-columns:1fr}.modal-footer,.step-review-header{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{justify-content:center;width:100%}.conditions-list{flex-direction:column}.condition-item{justify-content:flex-start}}@media (max-width:480px){.workflow-config-page{padding:12px}.config-header-left h2{font-size:20px}.tab-content{padding:16px}.status-filter-tabs,.workflow-stats-grid{grid-template-columns:1fr}.step-indicator{justify-content:flex-start;overflow-x:auto;padding:16px}.step{flex-shrink:0;max-width:none;min-width:80px}.step:not(:last-child):after{display:none}.step-title{font-size:20px}.agent-card,.condition-row,.step-management-card,.step-review-card{padding:16px}.empty-agents,.empty-conditions{padding:32px 16px}.add-agent-btn,.add-condition-btn,.add-step-btn{font-size:14px;padding:16px}.user-list{max-height:150px}.workflow-metrics{gap:8px;grid-template-columns:1fr 1fr}.metric-item{padding:8px 6px}.metric-number{font-size:14px}.metric-label{font-size:9px}.details-section{padding:16px}.details-grid,.settings-grid{gap:8px;grid-template-columns:1fr}.step-properties{gap:6px;grid-template-columns:1fr}.step-detail-body,.step-detail-header{padding:12px 16px}.workflow-details-header{padding:16px}.details-title-section h2{font-size:20px}.details-actions{flex-direction:column;gap:8px;width:100%}.action-btn{justify-content:center;width:100%}}:root{--admin-page-bg:#f3f4f6;--admin-page-text:#1e293b;--admin-main-bg:#0000;--admin-main-border:#e2e8f0;--admin-main-shadow:0 6px 20px #0000000d;--admin-error-banner-bg:#ff00001a;--admin-error-banner-text:#b71c1c;--admin-error-banner-icon:#d32f2f;--admin-error-banner-shadow:0 2px 4px #e539351a;--admin-success-banner-bg:#0080001a;--admin-success-banner-text:#2e7d32;--admin-success-banner-icon:#388e3c;--admin-success-banner-shadow:0 2px 4px #2e7d321a;--admin-error-page-bg:linear-gradient(135deg,#fdfbfb,#ebedee);--admin-error-content-bg:#ffffffd9;--admin-error-content-shadow:0 20px 48px #0003;--admin-error-heading-text:#1e293b;--admin-error-body-text:#334155;--admin-btn-bg:linear-gradient(135deg,#4f46e5,#3b82f6);--admin-btn-text:#fff;--admin-btn-hover-bg:linear-gradient(135deg,#4338ca,#2563eb);--admin-btn-hover-shadow:0 8px 16px #2563eb4d;--admin-scrollbar-thumb:#94a3b899;--admin-scrollbar-track:#0000}[data-theme=dark]{--admin-page-bg:#1a1a1ae6;--admin-page-text:#fff;--admin-main-bg:#0000;--admin-main-border:#ffffff1a;--admin-main-shadow:0 6px 20px #0000004d;--admin-error-banner-bg:#ff3b3026;--admin-error-banner-text:#ff3b30;--admin-error-banner-icon:#ff453a;--admin-error-banner-shadow:0 2px 4px #ff3b3033;--admin-success-banner-bg:#00ff8826;--admin-success-banner-text:linear-gradient(135deg,#065f46,#047857);--admin-success-banner-icon:#00cc6a;--admin-success-banner-shadow:0 2px 4px #0f83;--admin-error-page-bg:linear-gradient(135deg,#1a1a1af2,#333333e6);--admin-error-content-bg:#1a1a1ad9;--admin-error-content-shadow:0 20px 48px #0009;--admin-error-heading-text:#fff;--admin-error-body-text:#ccc;--admin-btn-bg:linear-gradient(135deg,#065f46,#047857);--admin-btn-text:#000;--admin-btn-hover-bg:linear-gradient(135deg,#00cc6a,#00b359);--admin-btn-hover-shadow:0 8px 16px #00ff884d;--admin-scrollbar-thumb:#ffffff4d;--admin-scrollbar-track:#0000}*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:var(--admin-scrollbar-thumb) var(--admin-scrollbar-track)}::-webkit-scrollbar-track{background:var(--admin-scrollbar-track)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--admin-scrollbar-thumb)}::-webkit-scrollbar-corner{background:var(--admin-scrollbar-track)}body,html{background-color:#f3f4f6;background-color:var(--admin-page-bg);color:#1e293b;color:var(--admin-page-text);font-family:Google Sans,Poppins,sans-serif;height:100%;margin:0;overflow:hidden;scrollbar-width:none;transition:background-color .3s ease,color .3s ease}body::-webkit-scrollbar{display:none}.dashboard-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.main-panel{background:#0000;background:var(--admin-main-bg);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;transition:background .3s ease}.error-banner{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ff00001a;background:var(--admin-error-banner-bg);box-shadow:0 2px 4px #e539351a;box-shadow:var(--admin-error-banner-shadow);color:#b71c1c;color:var(--admin-error-banner-text);font-size:.85rem;margin:1rem 1.5rem}.error-banner .material-symbols-rounded{color:#d32f2f;color:var(--admin-error-banner-icon);transition:color .3s ease}.success-banner{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0080001a;background:var(--admin-success-banner-bg);border-radius:12px;box-shadow:0 2px 4px #2e7d321a;box-shadow:var(--admin-success-banner-shadow);color:#2e7d32;color:var(--admin-success-banner-text);font-size:.85rem;font-weight:500;gap:.75rem;margin:1rem 1.5rem}.success-banner .material-symbols-rounded{color:#388e3c;color:var(--admin-success-banner-icon);font-size:1rem;transition:color .3s ease}.backend-error-page{align-items:center;background:linear-gradient(135deg,#fdfbfb,#ebedee);background:var(--admin-error-page-bg);color:#1e293b;color:var(--admin-error-heading-text);display:flex;font-family:Poppins,Google Sans,sans-serif;height:100vh;justify-content:center;padding:2rem;transition:all .3s ease}.backend-error-page .error-content{animation:fadeIn .6s ease-out forwards;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;background:var(--admin-error-content-bg);border-radius:12px;box-shadow:0 20px 48px #0003;box-shadow:var(--admin-error-content-shadow);max-width:540px;padding:4rem 5rem;text-align:center;transition:all .3s ease;width:100%}.backend-error-page .error-illustration{height:auto;margin-bottom:2rem;opacity:.95;width:260px}.backend-error-page h1{color:#1e293b;color:var(--admin-error-heading-text);font-size:2.2rem;margin-bottom:1rem;transition:color .3s ease}.backend-error-page p{color:#334155;color:var(--admin-error-body-text);font-size:1.1rem;line-height:1.5;margin-bottom:1rem;transition:color .3s ease}.error-retry-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#3b82f6);background:var(--admin-btn-bg);border:none;border-radius:10px;color:#fff;color:var(--admin-btn-text);cursor:pointer;display:inline-flex;font-size:1rem;gap:10px;margin-top:1.5rem;padding:14px 28px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease,color .3s ease}.error-retry-btn:hover{background:linear-gradient(135deg,#4338ca,#2563eb);background:var(--admin-btn-hover-bg);box-shadow:0 8px 16px #2563eb4d;box-shadow:var(--admin-btn-hover-shadow);transform:translateY(-2px) scale(1.03)}.error-retry-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.error-retry-btn .material-symbols-rounded{font-size:20px}.tab-content-wrapper{flex:1 1;overflow:auto;transition:all .3s ease}.tab-title{align-items:flex-start;display:flex;flex-direction:column;line-height:1.2}.tab-heading{color:#1e293b;color:var(--admin-page-text);font-size:.85rem;font-weight:600;transition:color .3s ease}.tab-subtext{color:#334155;color:var(--admin-error-body-text);font-size:.75rem;opacity:.8;transition:color .3s ease}@media (max-width:768px){.backend-error-page .error-content{margin:1rem;padding:3rem 2rem}.backend-error-page h1{font-size:1.8rem}.backend-error-page p{font-size:1rem}.error-banner,.success-banner{font-size:.8rem;margin:.5rem 1rem;padding:.5rem .75rem}}@media (max-width:480px){.backend-error-page .error-content{padding:2rem 1.5rem}.backend-error-page h1{font-size:1.5rem}.error-retry-btn{font-size:.9rem;padding:12px 24px}}.error-retry-btn:focus-visible{outline:2px solid #2e7d32;outline:2px solid var(--admin-success-banner-text);outline-offset:2px}@media (prefers-reduced-motion:reduce){.error-retry-btn{transition:none}.error-retry-btn:hover{transform:none}.backend-error-page .error-content{animation:none}*{transition:none!important}}@media print{.backend-error-page{background:#fff;color:#000}.backend-error-page .error-content{background:#fff;border:1px solid #ccc;box-shadow:none}.error-retry-btn{display:none}}@media (prefers-contrast:high){.backend-error-page .error-content,.error-banner,.error-retry-btn,.success-banner{border:2px solid}}:root{--role-page-bg:#fff;--role-page-text:#1e293b;--role-page-border:#e2e8f0;--role-page-shadow:0 6px 20px #0000000d;--role-header-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--role-header-border:#e2e8f0;--role-header-shadow:0 6px 20px #0000000d;--role-header-text:#1e293b;--role-banner-bg:#e0f2fe;--role-banner-text:#0369a1;--role-banner-error-bg:#fee2e2;--role-banner-error-text:#b91c1c;--role-banner-success-bg:#d1fae5;--role-banner-success-text:#065f46;--role-btn-bg:#f1f5f9;--role-btn-text:#1e293b;--role-btn-shadow:0 1px 3px #0000000a;--role-btn-hover-bg:#e0f2f1;--role-btn-hover-shadow:0 6px 12px #0000001a;--role-btn-hover-border:2px solid #000;--role-btn-disabled-bg:#f1f5f9;--role-btn-disabled-text:#94a3b8;--role-convert-btn-bg:linear-gradient(135deg,#bbf7d0,#4ade80);--role-convert-btn-text:#064e3b;--role-refresh-btn-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--role-refresh-btn-text:#0369a1;--role-note-btn-bg:linear-gradient(135deg,#d1fae5,#f0fdf4);--role-note-btn-text:#065f46;--role-sidebar-bg:#ffffffe6;--role-sidebar-border:#e2e8f0;--role-sidebar-shadow:0 2px 20px #00000014;--role-sidebar-hover-shadow:0 12px 28px #0000001a;--role-sidebar-text:#1e293b;--toggle-bg-default:#dcfce740;--toggle-bg-hover:#dcfce759;--toggle-border-color:#34d3994d;--toggle-icon-color-default:#047857;--toggle-icon-color-accent:#065f46;--toggle-shadow-color:#22c55e14;--toggle-shadow-hover-color:#22c55e29;--role-card-bg:#fff;--role-card-border:#e2e8f0;--role-card-shadow:0 6px 20px #0000000d;--role-card-hover-shadow:0 8px 20px #0000000f;--role-card-text:#1e293b;--role-profile-bg:#ffffffe6;--role-profile-border:#e2e8f0;--role-profile-shadow:0 6px 20px #0000000d;--role-profile-hover-shadow:0 4px 12px #0000000d;--role-profile-name-text:#1e293b;--role-profile-meta-text:#475569;--role-avatar-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--role-avatar-text:#065f46;--role-avatar-border:#e2e8f0;--role-avatar-shadow:0 6px 20px #0000000d;--role-status-bg:#ffffffe6;--role-status-border:#e2e8f0;--role-status-shadow:0 6px 20px #0000000d;--role-status-icon-color:#2563eb;--role-status-label-text:#6b7280;--role-status-active-bg:linear-gradient(135deg,#bbf7d0,#dcfce7);--role-status-active-text:#065f46;--role-status-inactive-bg:linear-gradient(135deg,#fde68a,#fef9c3);--role-status-inactive-text:#92400e;--role-admin-badge-bg:linear-gradient(135deg,#fef08a,#facc15);--role-admin-badge-text:#92400e;--role-standard-badge-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--role-standard-badge-text:#1e40af;--role-field-label-text:#334155;--role-field-value-text:#1e293b;--role-field-input-bg:#0000;--role-field-input-border:#cbd5e1;--role-field-input-focus-border:#3b82f6;--role-field-input-focus-shadow:#3b82f633;--role-main-bg:#ffffffd9;--role-main-border:#e2e8f0;--role-main-shadow:0 6px 20px #0000000d;--role-tab-bg:#ffffffe6;--role-tab-border:#e2e8f0;--role-tab-shadow:0 2px 8px #00000005;--role-tab-text:#475569;--role-tab-hover-bg:#065f460d;--role-tab-hover-text:#065f46;--role-tab-hover-border:#064e3b;--role-tab-active-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--role-tab-active-text:#065f46;--role-tab-active-shadow:0 2px 8px #065f461a;--role-table-header-bg:#f0fdf4;--role-table-header-text:#047857;--role-table-header-border:#d1fae5;--role-table-cell-border:#e5e7eb;--role-table-row-hover-bg:#f9fafb;--role-icon-btn-bg:#f1f5f9;--role-icon-btn-border:#e2e8f0;--role-icon-btn-text:#334155;--role-icon-btn-hover-bg:#e2e8f0;--role-icon-btn-hover-text:#1e3a8a;--role-icon-btn-hover-shadow:0 2px 6px #0000000f;--role-audit-bg:#f8fafc;--role-audit-border:#e2e8f0;--role-audit-label-text:#64748b;--role-audit-value-text:#1e293b;--role-lock-bg:#cbd5e166;--role-lock-border:#64748b33;--role-lock-thumb-bg:#fff;--role-lock-thumb-text:#64748b;--role-lock-active-bg:linear-gradient(135deg,#2563eb,#1e3a8a);--role-lock-active-shadow:0 0 0 4px #3b82f626;--role-lock-active-thumb-text:#1e3a8a;--role-scrollbar-thumb:#94a3b899;--role-scrollbar-track:#0000;--role-popup-bg:#fff;--role-popup-border:#065f46;--role-popup-shadow:0 20px 40px #0000004d;--role-popup-text:#1e293b;--role-popup-header-icon:#065f46;--role-popup-field-bg:#f8fafc;--role-popup-field-border:#e2e8f0;--role-popup-field-empty-text:#94a3b8;--role-empty-text:#9ca3af;--role-next-badge-bg:#f9fafb;--role-next-badge-text:#374151;--role-next-badge-border:#e2e8f0;--role-followup-lead-bg:linear-gradient(135deg,#a5f3fc,#22d3ee);--role-followup-lead-text:#0e7490;--role-followup-lead-border:#4b5563;--role-no-action-bg:linear-gradient(135deg,#e5e7eb,#f3f4f6);--role-no-action-text:#4b5563;--role-display-id-bg:linear-gradient(135deg,#bbf7d0,#34d399);--role-display-id-text:#065f46;--role-access-select-bg:#fff;--role-access-select-border:#cbd5e1;--role-access-select-text:#1e293b;--role-access-select-shadow:0 1px 2px #0000000d;--role-condition-enabled-bg:#e0f7f0;--role-condition-enabled-text:#059669;--role-condition-disabled-bg:#f3f4f6;--role-condition-disabled-text:#9ca3af;--role-service-popup-overlay-bg:#0f172a40;--role-service-popup-bg:#fff;--role-service-popup-border:#e2e8f0;--role-service-popup-shadow:0 16px 32px #0000001f;--role-service-popup-header-text:#0f172a;--role-service-popup-close-btn-bg:#f1f5f9;--role-service-popup-close-btn-text:#475569;--role-service-popup-close-btn-hover-bg:#f1f5f9;--role-service-popup-close-btn-hover-text:#1e293b;--role-service-search-bg:#f9fafb;--role-service-search-border:#cbd5e1;--role-service-search-focus-border:#93c5fd;--role-service-search-focus-shadow:#bfdbfe99;--role-service-search-icon:#94a3b8;--role-service-card-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--role-service-card-border:#bae6fd;--role-service-card-hover-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--role-service-card-shadow:0 2px 6px #0000000a;--role-service-card-hover-shadow:0 4px 12px #0000000f;--role-service-name-text:#0284c7;--role-service-namespace-text:#64748b}[data-theme=dark]{--role-page-bg:#1a1a1ae6;--role-page-text:#fff;--role-page-border:#ffffff1a;--role-page-shadow:0 6px 20px #0000004d;--role-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--role-header-border:#ffffff1a;--role-header-shadow:0 6px 20px #0000004d;--role-header-text:#fff;--role-banner-bg:#00f2fe26;--role-banner-text:#00f2fe;--role-banner-error-bg:#ff3b3026;--role-banner-error-text:#ff3b30;--role-banner-success-bg:#00ff8826;--role-banner-success-text:#1de6a5;--role-btn-bg:#333c;--role-btn-text:#fff;--role-btn-shadow:0 1px 3px #0006;--role-btn-hover-bg:#00ff881a;--role-btn-hover-shadow:0 6px 12px #0006;--role-btn-hover-border:2px solid #1de6a5;--role-btn-disabled-bg:#33333380;--role-btn-disabled-text:#ffffff4d;--role-convert-btn-bg:#0f83;--role-convert-btn-text:#1de6a5;--role-refresh-btn-bg:#00f2fe26;--role-refresh-btn-text:#00f2fe;--role-note-btn-bg:#00ff8826;--role-note-btn-text:#1de6a5;--role-sidebar-bg:#1a1a1ae6;--role-sidebar-border:#ffffff1a;--role-sidebar-shadow:0 2px 20px #0006;--role-sidebar-hover-shadow:0 12px 28px #00000080;--role-sidebar-text:#fff;--toggle-bg-default:#00ff881a;--toggle-bg-hover:#0f83;--toggle-border-color:#00ff884d;--toggle-icon-color-default:#1de6a5;--toggle-icon-color-accent:#00cc6a;--toggle-shadow-color:#00ff8826;--toggle-shadow-hover-color:#00ff8840;--role-card-bg:#1a1a1ae6;--role-card-border:#ffffff1a;--role-card-shadow:0 6px 20px #0000004d;--role-card-hover-shadow:0 8px 20px #0006;--role-card-text:#fff;--role-profile-bg:#1a1a1ae6;--role-profile-border:#ffffff1a;--role-profile-shadow:0 6px 20px #0000004d;--role-profile-hover-shadow:0 4px 12px #0006;--role-profile-name-text:#fff;--role-profile-meta-text:#ccc;--role-avatar-bg:#0f83;--role-avatar-text:#1de6a5;--role-avatar-border:#ffffff1a;--role-avatar-shadow:0 6px 20px #0000004d;--role-status-bg:#1a1a1ae6;--role-status-border:#ffffff1a;--role-status-shadow:0 6px 20px #0000004d;--role-status-icon-color:#1de6a5;--role-status-label-text:#ccc;--role-status-active-bg:#0f83;--role-status-active-text:#1de6a5;--role-status-inactive-bg:#ff9f0a26;--role-status-inactive-text:#ff9f0a;--role-admin-badge-bg:#ff9f0a26;--role-admin-badge-text:#ff9f0a;--role-standard-badge-bg:#00f2fe26;--role-standard-badge-text:#00f2fe;--role-field-label-text:#ccc;--role-field-value-text:#fff;--role-field-input-bg:#0000;--role-field-input-border:#fff3;--role-field-input-focus-border:#1de6a5;--role-field-input-focus-shadow:#0f83;--role-main-bg:#1a1a1ad9;--role-main-border:#ffffff1a;--role-main-shadow:0 6px 20px #0000004d;--role-tab-bg:#1a1a1af2;--role-tab-border:#ffffff1a;--role-tab-shadow:0 2px 8px #0000004d;--role-tab-text:#ccc;--role-tab-hover-bg:#00ff881a;--role-tab-hover-text:#1de6a5;--role-tab-hover-border:#00cc6a;--role-tab-active-bg:linear-gradient(135deg,#adffff38,#1a1a1af2);--role-tab-active-text:#1de6a5;--role-tab-active-shadow:0 2px 8px #0f83;--role-table-header-bg:#333c;--role-table-header-text:#1de6a5;--role-table-header-border:#0f83;--role-table-cell-border:#ffffff1a;--role-table-row-hover-bg:#00ff880d;--role-icon-btn-bg:#333c;--role-icon-btn-border:#ffffff1a;--role-icon-btn-text:#fff;--role-icon-btn-hover-bg:#00ff881a;--role-icon-btn-hover-text:#1de6a5;--role-icon-btn-hover-shadow:0 2px 6px #0006;--role-audit-bg:#33333380;--role-audit-border:#ffffff1a;--role-audit-label-text:#ccc;--role-audit-value-text:#fff;--role-lock-bg:#ffffff1a;--role-lock-border:#fff3;--role-lock-thumb-bg:#1a1a1ae6;--role-lock-thumb-text:#ccc;--role-lock-active-bg:linear-gradient(135deg,#1de6a5,#00cc6a);--role-lock-active-shadow:0 0 0 4px #00ff8840;--role-lock-active-thumb-text:#000;--role-scrollbar-thumb:#ffffff4d;--role-scrollbar-track:#0000;--role-popup-bg:#1a1a1af2;--role-popup-border:#1de6a5;--role-popup-shadow:0 20px 40px #0009;--role-popup-text:#fff;--role-popup-header-icon:#1de6a5;--role-popup-field-bg:#33333380;--role-popup-field-border:#ffffff1a;--role-popup-field-empty-text:#ffffff80;--role-empty-text:#ffffff80;--role-next-badge-bg:#333c;--role-next-badge-text:#fff;--role-next-badge-border:#ffffff1a;--role-followup-lead-bg:#00f2fe33;--role-followup-lead-text:#00f2fe;--role-followup-lead-border:#fff3;--role-no-action-bg:#ffffff1a;--role-no-action-text:#ccc;--role-display-id-bg:#0f83;--role-display-id-text:#1de6a5;--role-access-select-bg:#333c;--role-access-select-border:#fff3;--role-access-select-text:#fff;--role-access-select-shadow:0 1px 2px #0000004d;--role-condition-enabled-bg:#00ff8826;--role-condition-enabled-text:#1de6a5;--role-condition-disabled-bg:#ffffff1a;--role-condition-disabled-text:#ffffff80;--role-service-popup-overlay-bg:#0f172a80;--role-service-popup-bg:#1a1a1af2;--role-service-popup-border:#ffffff1a;--role-service-popup-shadow:0 16px 32px #0009;--role-service-popup-header-text:#fff;--role-service-popup-close-btn-bg:#333c;--role-service-popup-close-btn-text:#ccc;--role-service-popup-close-btn-hover-bg:#00ff881a;--role-service-popup-close-btn-hover-text:#1de6a5;--role-service-search-bg:#33333380;--role-service-search-border:#fff3;--role-service-search-focus-border:#1de6a5;--role-service-search-focus-shadow:#00ff884d;--role-service-search-icon:#ffffff80;--role-service-card-bg:#00f2fe1a;--role-service-card-border:#00f2fe4d;--role-service-card-hover-bg:#00f2fe33;--role-service-card-shadow:0 2px 6px #0003;--role-service-card-hover-shadow:0 4px 12px #0000004d;--role-service-name-text:#00f2fe;--role-service-namespace-text:#ccc}.role-users-page{background:#fff;background:var(--role-page-bg);box-sizing:border-box;color:#1e293b;color:var(--role-page-text);font-family:Google Sans,Poppins,sans-serif;height:auto;min-height:100vh;overflow:visible;width:100%}.role-snapshot-header,.role-users-page{display:flex;flex-direction:column;transition:all .3s ease}.role-snapshot-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--role-header-bg);border:1px solid #e2e8f0;border:1px solid var(--role-header-border);border-radius:8px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--role-header-shadow);padding:1rem 2rem;padding:var(--header-padding-vertical) var(--header-padding-horizontal);position:-webkit-sticky;position:sticky;top:0;z-index:100}.role-header-top-row{justify-content:space-between}.role-header-top-row,.role-message-banner{align-items:center;display:flex;width:100%}.role-message-banner{background-color:#e0f2fe;background-color:var(--role-banner-bg);border-radius:6px;box-shadow:inset 0 -1px 0 #0000000d;color:#0369a1;color:var(--role-banner-text);font-size:.95rem;font-weight:500;gap:.5rem;margin-top:1rem;margin-top:var(--banner-margin-top);padding:.75rem 1rem;transition:all .3s ease}.role-message-banner.error{background:#fee2e2;background:var(--role-banner-error-bg);color:#b91c1c;color:var(--role-banner-error-text)}.role-message-banner.success{background:#d1fae5;background:var(--role-banner-success-bg);color:#065f46;color:var(--role-banner-success-text)}.role-snapshot-info h1{color:#1e293b;color:var(--role-header-text);font-size:2rem;font-weight:700;margin:0;transition:color .3s ease}.role-next-action{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.role-next-badge{align-items:center;background:#f9fafb;background:var(--role-next-badge-bg);border:1px solid #e2e8f0;border:1px solid var(--role-next-badge-border);border-radius:8px;color:#374151;color:var(--role-next-badge-text);display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.3rem .5rem .3rem .3rem;transition:all .3s ease}.role-followup-lead{background:linear-gradient(135deg,#a5f3fc,#22d3ee);background:var(--role-followup-lead-bg);border:1px solid #4b5563;border:1px solid var(--role-followup-lead-border);color:#0e7490;color:var(--role-followup-lead-text)}.role-no-action{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);background:var(--role-no-action-bg);color:#4b5563;color:var(--role-no-action-text)}.role-admin-badge{background:linear-gradient(135deg,#fef08a,#facc15);background:var(--role-admin-badge-bg);color:#92400e;color:var(--role-admin-badge-text)}.role-standard-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--role-standard-badge-bg);color:#1e40af;color:var(--role-standard-badge-text)}.role-followup-icon{font-size:1rem;font-variation-settings:"FILL" 1,"wght" 600}.role-display-id{align-items:center;background:linear-gradient(135deg,#bbf7d0,#34d399);background:var(--role-display-id-bg);border-radius:10px;color:#065f46;color:var(--role-display-id-text);display:inline-flex;font-size:.95rem;font-weight:500;padding:3px 8px;transition:all .3s ease}.role-display-id .material-symbols-rounded{font-size:18px;margin-right:4px}.role-snapshot-actions{display:flex;gap:.75rem}.role-md3-btn{align-items:center;background-color:#f1f5f9;background-color:var(--role-btn-bg);border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--role-btn-shadow);color:#1e293b;color:var(--role-btn-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transform:perspective(1px) translateZ(0);transition:background-color .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1),border-radius .3s ease,color .3s ease;will-change:transform,box-shadow,background-color}.role-md3-btn:hover{background-color:#e0f2f1;background-color:var(--role-btn-hover-bg);border:2px solid #000;border:var(--role-btn-hover-border);border-radius:24px;box-shadow:0 6px 12px #0000001a;box-shadow:var(--role-btn-hover-shadow);transform:translateY(-3px) scale(1.02)}.role-md3-btn .material-symbols-rounded{font-size:1.1rem}.role-md3-btn:disabled{background-color:#f1f5f9;background-color:var(--role-btn-disabled-bg);box-shadow:none;color:#94a3b8;color:var(--role-btn-disabled-text);cursor:not-allowed;opacity:.6;pointer-events:none}.role-disabled-icon{color:#94a3b8!important;color:var(--role-btn-disabled-text)!important}.role-md3-btn.convert-btn{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--role-convert-btn-bg);color:#064e3b;color:var(--role-convert-btn-text)}.role-md3-btn.refresh-btn{background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--role-refresh-btn-bg);color:#0369a1;color:var(--role-refresh-btn-text)}.role-md3-btn.note-btn{color:#065f46;color:var(--role-note-btn-text)}.role-md3-btn.note-btn,.role-md3-btn.note-btn:hover{background:linear-gradient(135deg,#d1fae5,#f0fdf4);background:var(--role-note-btn-bg)}.role-details-container{display:flex;flex:1 1;gap:.5rem;height:100%;overflow:hidden;padding:1rem .5rem .5rem}.role-sidebar-wrapper{display:flex;flex-direction:row;position:relative}.role-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;background:var(--role-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--role-sidebar-border);border-radius:24px;box-shadow:0 2px 20px #00000014;box-shadow:var(--role-sidebar-shadow);display:flex;flex-direction:column;flex-shrink:0;height:auto;overflow:hidden;padding:1.5rem;transition:width .3s ease,padding .3s ease,border .3s ease,transform .3s ease,box-shadow .3s ease,background .3s ease;width:500px}.role-sidebar:hover{box-shadow:0 12px 28px #0000001a;box-shadow:var(--role-sidebar-hover-shadow);transform:translateY(-4px)}.role-sidebar.collapsed{padding:1rem .5rem;transition:width .3s ease,padding .3s ease;width:60px}.role-sidebar.collapsed .role-sidebar-header h2,.role-sidebar.collapsed .role-sidebar-profile-horizontal,.role-sidebar.collapsed .role-sidebar-scrollable,.role-sidebar.collapsed .role-status-badge{display:none}.role-sidebar-toggle-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#dcfce740;background:var(--toggle-bg-default);border:1px solid #34d3994d;border:1px solid var(--toggle-border-color);border-radius:8px;box-shadow:2px 2px 8px #22c55e14;box-shadow:2px 2px 8px var(--toggle-shadow-color);color:#047857;color:var(--toggle-icon-color-default);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;width:32px}.role-sidebar-toggle-btn:hover{background:#dcfce759;background:var(--toggle-bg-hover);box-shadow:2px 2px 12px #22c55e29;box-shadow:2px 2px 12px var(--toggle-shadow-hover-color);color:#065f46;color:var(--toggle-icon-color-accent)}.role-sidebar-toggle-btn .material-symbols-rounded{font-size:18px;transition:transform .3s ease}.role-sidebar-toggle-btn:hover .material-symbols-rounded{transform:scale(1.1)}.role-collapsed-sidebar-icons{align-items:center;display:none;flex-direction:column;gap:1.5rem;margin-top:2rem;position:relative;z-index:100}.role-sidebar.collapsed .role-collapsed-sidebar-icons{display:flex!important}.role-collapsed-icon-item{align-items:center;background:#fff;background:var(--role-card-bg);border:1px solid #e2e8f0;border:1px solid var(--role-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--role-card-shadow);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:100}.role-collapsed-icon-item:hover{background:#065f460d;background:var(--role-tab-hover-bg);border-color:#065f46;border-color:var(--role-tab-hover-text);box-shadow:0 12px 28px #0000001a;box-shadow:var(--role-sidebar-hover-shadow);transform:translateX(3px) scale(1.05);z-index:99999!important}.role-collapsed-icon-item .material-symbols-rounded{color:#1e293b;color:var(--role-sidebar-text);font-size:20px;transition:color .3s ease}.role-collapsed-icon-item:hover .material-symbols-rounded{color:#065f46;color:var(--role-tab-hover-text)}.role-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding-right:.5rem}.role-sidebar-header h2{color:#1e293b;color:var(--role-sidebar-text);font-size:1.4rem;font-weight:600;margin:0;transition:color .3s ease}.role-sidebar-profile-horizontal{align-items:center;background:#ffffffe6;background:var(--role-profile-bg);border:1px solid #e2e8f0;border:1px solid var(--role-profile-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--role-profile-shadow);display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.role-sidebar-profile-horizontal:hover{box-shadow:0 4px 12px #0000000d;box-shadow:var(--role-profile-hover-shadow);transform:translateY(-2px)}.role-avatar-circle{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--role-avatar-bg);border:1px solid #e2e8f0;border:1px solid var(--role-avatar-border);border-radius:50%;box-shadow:0 6px 20px #0000000d;box-shadow:var(--role-avatar-shadow);color:#065f46;color:var(--role-avatar-text);display:flex;flex-shrink:0;font-size:2rem;font-weight:600;height:96px;justify-content:center;text-transform:uppercase;transition:box-shadow .3s ease,background .3s ease,color .3s ease;width:96px}.role-profile-info-ud{display:flex;flex:1 1;flex-direction:column}.role-profile-info-ud .name{color:#1e293b;color:var(--role-profile-name-text);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.role-profile-info-ud .meta{color:#475569;color:var(--role-profile-meta-text);font-size:.85rem;margin:.15rem 0;transition:color .3s ease}.role-status-badge{align-items:center;background:#ffffffe6;background:var(--role-status-bg);border:1px solid #e2e8f0;border:1px solid var(--role-status-border);border-radius:14px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--role-status-shadow);display:flex;flex-wrap:wrap;font-size:.9rem;gap:4rem;padding:.5rem 1rem;pointer-events:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.role-status-section{align-items:center;display:flex;gap:.4rem}.role-status-icon,.role-usertype-icon{color:#2563eb;color:var(--role-status-icon-color);font-size:1.2rem;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24;transition:color .3s ease}.role-label-text{color:#6b7280;color:var(--role-status-label-text);font-size:.8rem;transition:color .3s ease}.role-status-badge-item{border-radius:.5rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .6rem;text-transform:uppercase;transition:all .3s ease}.role-status-badge-item.active{background:linear-gradient(135deg,#bbf7d0,#dcfce7);background:var(--role-status-active-bg);color:#065f46;color:var(--role-status-active-text)}.role-status-badge-item.inactive{background:linear-gradient(135deg,#fde68a,#fef9c3);background:var(--role-status-inactive-bg);color:#92400e;color:var(--role-status-inactive-text)}.role-user-type-badge{border-radius:.5rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .6rem;text-transform:uppercase;transition:all .3s ease}.role-user-type-badge.admin{background:linear-gradient(135deg,#fef08a,#facc15);background:var(--role-admin-badge-bg);color:#92400e;color:var(--role-admin-badge-text)}.role-user-type-badge.standard{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--role-standard-badge-bg);color:#1e40af;color:var(--role-standard-badge-text)}.role-sidebar-scrollable{flex:1 1;margin-right:-8px;overflow-y:auto;padding-right:8px;padding-top:8px}.role-sidebar-scrollable::-webkit-scrollbar{width:6px}.role-sidebar-scrollable:hover::-webkit-scrollbar{width:8px}.role-sidebar-scrollable::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--role-scrollbar-thumb);border-radius:8px}.role-sidebar-scrollable::-webkit-scrollbar-track{background:#0000;background:var(--role-scrollbar-track)}*{scrollbar-color:var(--role-scrollbar-thumb) var(--role-scrollbar-track)}::-webkit-scrollbar-track{background:var(--role-scrollbar-track)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--role-scrollbar-thumb)}::-webkit-scrollbar-corner{background:var(--role-scrollbar-track)}.role-sidebar-section{background-color:#fff;background-color:var(--role-card-bg);border:1px solid #e2e8f0;border:1px solid var(--role-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--role-card-shadow);color:#1e293b;color:var(--role-card-text);margin-bottom:.5rem;padding:1rem 1rem 0;transition:all .3s ease}.role-sidebar-section:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--role-card-hover-shadow);transform:translateY(-2px)}.role-sidebar-section.accent-purple{border-radius:1rem;overflow:hidden;padding:1.25rem;position:relative;z-index:0}.role-sidebar-section.accent-purple:before{background:linear-gradient(145deg,#fbbf24,#10b981 30%,#6366f1 60%,#ec4899);border-radius:1rem;content:"";inset:0;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;padding:2px;pointer-events:none;position:absolute;z-index:-1}[data-theme=dark] .role-sidebar-section.accent-purple:before{background:linear-gradient(145deg,#ff9f0a,#1de6a5 30%,#a284ff 60%,#ff6b9d)}.role-sidebar-section h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--role-card-border);color:#1e293b;color:var(--role-card-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;transition:color .3s ease}.role-sidebar-section h4 .material-symbols-rounded{color:#2563eb;color:var(--role-status-icon-color);font-size:1.3rem;transition:color .3s ease}.role-field-group{grid-gap:1.5rem 2rem;display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.role-field-group.sidebar-two-col{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.role-field-group.sidebar-two-col .role-field-item{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:0}.role-field-item{display:flex;flex-direction:column;margin-bottom:1.25rem;position:relative}.role-label{color:#334155;color:var(--role-field-label-text);font-size:.85rem;font-weight:500;margin-bottom:.35rem;transition:color .3s ease}.role-edit-input{border:1px solid #cbd5e1;border:1px solid var(--role-field-input-border);border-radius:.6rem;color:#1e293b;color:var(--role-field-value-text);font-family:inherit;font-size:.92rem;font-weight:500;outline:none;padding:.55rem .75rem;transition:all .2s ease;width:100%}.role-edit-input,.role-edit-input:focus{background:#0000;background:var(--role-field-input-bg)}.role-edit-input:focus{border-color:#3b82f6;border-color:var(--role-field-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:0 0 0 2px var(--role-field-input-focus-shadow);transform:scale(1.02)}.role-info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.role-info-row .label{color:#334155;color:var(--role-field-label-text);font-size:.85rem;font-weight:500;transition:color .3s ease}.role-lock-toggle-wrapper{align-items:center;cursor:pointer;display:inline-flex;height:36px;position:relative}.role-lock-toggle-wrapper input{display:none}.role-lock-toggle-icon{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#cbd5e166;background:var(--role-lock-bg);border:1px solid #64748b33;border:1px solid var(--role-lock-border);border-radius:8px;box-shadow:inset 0 0 2px #0000000d;height:28px;position:relative;transition:background .4s ease,box-shadow .4s ease;width:56px}.role-lock-toggle-thumb{align-items:center;background-color:#fff;background-color:var(--role-lock-thumb-bg);border-radius:50%;box-shadow:0 1px 5px #0000001a;color:#64748b;color:var(--role-lock-thumb-text);display:flex;font-size:16px;height:24px;justify-content:center;left:2px;position:absolute;transition:transform .4s ease,background .4s ease,color .4s ease;width:24px}.role-lock-toggle-wrapper input:checked+.role-lock-toggle-icon{background:linear-gradient(135deg,#2563eb,#1e3a8a);background:var(--role-lock-active-bg);box-shadow:0 0 0 4px #3b82f626;box-shadow:var(--role-lock-active-shadow)}.role-lock-toggle-wrapper input:checked+.role-lock-toggle-icon .role-lock-toggle-thumb{color:#1e3a8a;color:var(--role-lock-active-thumb-text);transform:translateX(28px)}.role-audit-trail-block{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.role-audit-pair{background:#f8fafc;background:var(--role-audit-bg);border:1px solid #e2e8f0;border:1px solid var(--role-audit-border);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.8rem 1rem;transition:all .3s ease}.role-audit-pair .role-label{color:#64748b;color:var(--role-audit-label-text);font-size:.8rem;font-weight:500;transition:color .3s ease}.role-audit-pair .role-value{color:#1e293b;color:var(--role-audit-value-text);flex:1 1 auto;font-size:.95rem;font-weight:500;transition:color .3s ease;word-break:break-word}.role-main-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;background:var(--role-main-bg);border:1px solid #e2e8f0;border:1px solid var(--role-main-border);border-radius:24px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--role-main-shadow);display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow-y:auto;padding:1rem 1rem 0;position:relative;transition:all .3s ease;z-index:1}.role-main-content::-webkit-scrollbar{width:8px}.role-main-content::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--role-scrollbar-thumb);border-radius:8px}.role-main-content::-webkit-scrollbar-track{background:#0000;background:var(--role-scrollbar-track)}.role-tabbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;background:var(--role-tab-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--role-tab-border);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 2px 8px #00000005;box-shadow:var(--role-tab-shadow);display:flex;gap:.75rem;margin:-1.5rem -1.5rem 1.5rem;padding:0 1.5rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s ease;z-index:50}.role-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--role-tab-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--role-card-shadow);color:#475569;color:var(--role-tab-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.role-tab:hover{background-color:#065f460d;background-color:var(--role-tab-hover-bg);border:1px solid #064e3b;border:1px solid var(--role-tab-hover-border);border-radius:24px;color:#065f46;color:var(--role-tab-hover-text)}.role-tab.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--role-tab-active-bg);box-shadow:0 2px 8px #065f461a;box-shadow:var(--role-tab-active-shadow);color:#065f46;color:var(--role-tab-active-text);font-weight:600}.role-tab .material-symbols-rounded{font-size:1.1rem}.role-tab-content{padding:.5rem;position:relative;z-index:1}.role-details-tab{grid-gap:.5rem;align-items:start;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.role-card{background:#fff;background:var(--role-card-bg);border:1px solid #e2e8f0;border:1px solid var(--role-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--role-card-shadow);height:-webkit-fit-content;height:fit-content;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.role-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--role-card-hover-shadow)}.role-card.card-apps,.role-card.card-permissions,.role-card.card-users{grid-column:span 4}.role-card.color-emerald{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--role-tab-active-bg)}.role-card.color-emerald,.role-card.color-emerald h4 .material-symbols-rounded{color:#065f46;color:var(--role-tab-active-text)}.role-card h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--role-card-border);color:#1e293b;color:var(--role-card-text);display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;transition:color .3s ease}.role-services-actions,.role-users-actions{display:flex;gap:.75rem;margin-bottom:1rem}.role-apps-table-wrapper,.role-services-table-wrapper,.role-users-table-wrapper{background:#fff;background:var(--role-card-bg);border:1px solid #e2e8f0;border:1px solid var(--role-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--role-card-shadow);height:-webkit-fit-content;height:fit-content;overflow-x:auto;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.role-apps-table,.role-services-table,.role-users-table{border-collapse:collapse;font-size:.85rem;width:100%}.role-apps-table th,.role-services-table th,.role-users-table th{background:#f0fdf4;background:var(--role-table-header-bg);border-bottom:2px solid #d1fae5;border-bottom:2px solid var(--role-table-header-border);color:#047857;color:var(--role-table-header-text);font-weight:600;padding:.75rem 1rem;text-align:left;transition:all .3s ease}.role-apps-table td,.role-services-table td,.role-users-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--role-table-cell-border);color:#1e293b;color:var(--role-card-text);padding:.65rem 1rem;transition:all .3s ease;vertical-align:top}.role-apps-table tr:hover,.role-services-table tr:hover,.role-users-table tr:hover{background:#f9fafb;background:var(--role-table-row-hover-bg)}.role-access-select{background:#fff;background:var(--role-access-select-bg);border:1px solid #cbd5e1;border:1px solid var(--role-access-select-border);border-radius:6px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--role-access-select-shadow);color:#1e293b;color:var(--role-access-select-text);font-family:inherit;font-size:.85rem;padding:4px 6px;transition:all .3s ease}.role-condition-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:4px 10px;transition:all .2s ease}.role-condition-btn .material-symbols-rounded{font-size:18px}.role-condition-btn.enabled{background:#e0f7f0;background:var(--role-condition-enabled-bg);cursor:pointer}.role-condition-btn.enabled,.role-condition-btn.enabled .material-symbols-rounded{color:#059669;color:var(--role-condition-enabled-text)}.role-condition-btn.disabled{background:#f3f4f6;background:var(--role-condition-disabled-bg);cursor:not-allowed}.role-condition-btn.disabled,.role-condition-btn.disabled .material-symbols-rounded{color:#9ca3af;color:var(--role-condition-disabled-text)}.role-icon-btn{background:#f1f5f9;background:var(--role-icon-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--role-icon-btn-border);border-radius:10px;color:#334155;color:var(--role-icon-btn-text);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,color .3s ease}.role-icon-btn:hover{background-color:#e2e8f0;background-color:var(--role-icon-btn-hover-bg);box-shadow:0 2px 6px #0000000f;box-shadow:var(--role-icon-btn-hover-shadow);color:#1e3a8a;color:var(--role-icon-btn-hover-text);transform:translateY(-1px)}.role-icon-btn.danger{color:#dc2626}.role-icon-btn.danger:hover{background-color:#fee2e2;color:#b91c1c}[data-theme=dark] .role-icon-btn.danger{color:#ff3b30}[data-theme=dark] .role-icon-btn.danger:hover{background-color:#ff3b3033;color:#dc2626}.role-icon-btn.open-user-btn{font-size:1rem;margin-left:.5rem;padding:.25rem}.role-user-id-cell{align-items:center;display:flex;justify-content:space-between}.role-status-badge{border-radius:.5rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .6rem;text-transform:uppercase}.role-status-badge.active{background:linear-gradient(135deg,#bbf7d0,#dcfce7);background:var(--role-status-active-bg);color:#065f46;color:var(--role-status-active-text)}.role-status-badge.inactive{background:linear-gradient(135deg,#fde68a,#fef9c3);background:var(--role-status-inactive-bg);color:#92400e;color:var(--role-status-inactive-text)}.role-loading-indicator{color:#9ca3af;color:var(--role-empty-text);font-size:.95rem;font-style:italic;padding:2rem 1rem;text-align:center;transition:color .3s ease}.role-service-popup-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9998}.role-service-popup-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0f172a40;background:var(--role-service-popup-overlay-bg);height:100%;left:0;position:absolute;top:0;width:100%}.role-service-popup{animation:fadeIn .3s ease;background:#fff;background:var(--role-service-popup-bg);border:1px solid #e2e8f0;border:1px solid var(--role-service-popup-border);border-radius:12px;box-shadow:0 16px 32px #0000001f;box-shadow:var(--role-service-popup-shadow);display:flex;flex-direction:column;font-family:Poppins,sans-serif;max-height:90vh;overflow:hidden;position:relative;transition:all .3s ease;width:640px;z-index:9999}.role-popup-header{border-bottom:1px solid var(--role-service-popup-border);justify-content:space-between;padding:1.5rem 2rem 1rem}.role-popup-header h3{align-items:center;color:#0f172a;color:var(--role-service-popup-header-text);display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin:0;transition:color .3s ease}.role-popup-close-btn{background:#f1f5f9;background:var(--role-service-popup-close-btn-bg);border:none;border-radius:8px;color:#475569;color:var(--role-service-popup-close-btn-text);cursor:pointer;padding:.5rem;transition:all .2s ease}.role-popup-close-btn:hover{background:#f1f5f9;background:var(--role-service-popup-close-btn-hover-bg);color:#1e293b;color:var(--role-service-popup-close-btn-hover-text);transform:scale(1.1)}.role-service-popup-body{padding:1rem 2rem 2rem}.role-service-search-bar{align-items:center;display:flex;margin-bottom:1rem;margin-left:auto;max-width:280px;position:relative}.role-service-search-bar input{background:#f9fafb;background:var(--role-service-search-bg);border:1px solid #cbd5e1;border:1px solid var(--role-service-search-border);border-radius:8px;color:#0f172a;color:var(--role-service-popup-header-text);font-size:.86rem;padding:.45rem .75rem .45rem 2.2rem;transition:box-shadow .2s ease,border-color .3s ease,background .3s ease,color .3s ease;width:100%}.role-service-search-bar input:focus{border-color:#93c5fd;border-color:var(--role-service-search-focus-border);box-shadow:0 0 0 3px #bfdbfe99;box-shadow:0 0 0 3px var(--role-service-search-focus-shadow);outline:none}.role-service-search-bar .search-icon{color:#94a3b8;color:var(--role-service-search-icon);font-size:1.2rem;left:.75rem;pointer-events:none;position:absolute;transition:color .3s ease}.role-service-popup-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-height:50vh;overflow-y:auto;padding-right:.25rem}.role-service-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--role-service-card-bg);border:1px solid #bae6fd;border:1px solid var(--role-service-card-border);border-radius:12px;box-shadow:0 2px 6px #0000000a;box-shadow:var(--role-service-card-shadow);cursor:pointer;padding:.85rem 1rem;transition:all .2s ease}.role-service-card:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--role-service-card-hover-bg);box-shadow:0 4px 12px #0000000f;box-shadow:var(--role-service-card-hover-shadow);transform:translateY(-2px)}.role-service-name{color:#0284c7;color:var(--role-service-name-text);font-size:1rem;font-weight:600;margin-bottom:.25rem;transition:color .3s ease}.role-service-namespace{color:#64748b;color:var(--role-service-namespace-text);font-size:.82rem;transition:color .3s ease;word-break:break-all}.role-add-user-popup-wrapper{align-items:flex-start;display:flex;height:100vh;justify-content:flex-end;left:0;padding:2rem;position:fixed;top:0;width:100vw;z-index:9998}.role-add-user-popup-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0f172a40;background:var(--role-service-popup-overlay-bg);height:100%;left:0;position:absolute;top:0;width:100%}.role-add-user-popup-panel{animation:slideInRight .3s ease;display:flex;flex-direction:column;max-height:85vh;overflow-y:auto;position:relative;width:720px;z-index:9999}.role-sidebar-hover-popup{background:#fff!important;background:var(--role-popup-bg)!important;border:2px solid #065f46!important;border:2px solid var(--role-popup-border)!important;border-radius:12px;box-shadow:0 20px 40px #0000004d!important;box-shadow:var(--role-popup-shadow)!important;color:#1e293b;color:var(--role-popup-text);max-width:400px;min-width:300px;opacity:0;padding:1rem;pointer-events:none;position:fixed!important;transition:all .2s ease;visibility:hidden;white-space:normal!important;z-index:999999!important}.role-collapsed-icon-item:hover .role-sidebar-hover-popup{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.role-sidebar-hover-popup:before{border-bottom:10px solid #0000;border-right:10px solid #065f46;border-right:10px solid var(--role-popup-border);border-top:10px solid #0000;content:"";height:0;left:-10px;position:absolute;top:50%;transform:translateY(-50%);width:0}.role-popup-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--role-popup-field-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;white-space:normal}.role-popup-header .material-symbols-rounded{color:#065f46;color:var(--role-popup-header-icon);flex-shrink:0;font-size:1.2rem}.role-popup-header h4{color:#1e293b;color:var(--role-popup-text);font-size:1rem;font-weight:600;margin:0;white-space:normal}.role-popup-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;white-space:normal}.role-popup-field{display:flex;flex-direction:column;gap:.25rem}.role-popup-field-label{color:#64748b;color:var(--role-audit-label-text);font-size:.8rem;font-weight:500;white-space:normal}.role-popup-field-value{background:#f8fafc;background:var(--role-popup-field-bg);border:1px solid #e2e8f0;border:1px solid var(--role-popup-field-border);border-radius:6px;color:#1e293b;color:var(--role-popup-text);font-size:.9rem;font-weight:500;padding:.3rem .5rem;white-space:normal;word-break:break-word}.role-popup-field-value.empty{color:#94a3b8;color:var(--role-popup-field-empty-text);font-style:italic}.role-empty-state{color:#9ca3af;color:var(--role-empty-text);font-size:.95rem;font-style:italic;padding:2rem 1rem;text-align:center;transition:color .3s ease}@media (max-width:1200px){.role-details-container{flex-direction:column;gap:1rem;max-width:90%}.role-sidebar{margin-right:0;width:100%}.role-main-content{margin-left:0}.role-snapshot-header{align-items:flex-start;border-radius:12px;flex-direction:column;gap:1rem;position:static;top:auto}.role-snapshot-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.role-tabbar{border-radius:0;flex-wrap:wrap;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;position:static;top:auto}.role-card.card-permissions{grid-column:span 1}.role-details-tab{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.role-sidebar-hover-popup{left:20px!important;max-width:calc(100vw - 40px)!important;min-width:auto!important;right:20px!important}}@media (max-width:768px){.role-users-page{padding:1rem}.role-main-content,.role-sidebar{border-radius:12px;padding:1rem}.role-snapshot-header{padding:1rem}.role-snapshot-info h1{font-size:1.5rem}.role-md3-btn,.role-tab{font-size:.85rem;padding:.6rem 1rem}.role-card{border-radius:12px;padding:1rem}.role-card h4{font-size:1rem;margin-bottom:1rem}.role-audit-trail-block{grid-template-columns:1fr}.role-sidebar-hover-popup{left:10px!important;max-width:calc(100vw - 20px)!important;right:10px!important}.role-popup-fields{grid-template-columns:1fr}}@media (max-width:1024px){.role-details-tab{grid-template-columns:repeat(2,1fr)}.role-field-group .role-field-item{flex-basis:calc(33.33% - 2rem);flex-grow:1;flex-shrink:1}}@media (max-width:600px){.role-details-tab{grid-template-columns:1fr}.role-field-group .role-field-item{flex:1 1 100%}}.role-details-container,.role-sidebar,.role-sidebar-wrapper{overflow:visible!important;position:relative!important}.role-users-page{overflow:visible!important}.role-collapsed-icon-item:focus-visible,.role-icon-btn:focus-visible,.role-md3-btn:focus-visible,.role-tab:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--role-field-input-focus-border);outline-offset:2px}@media (prefers-reduced-motion:reduce){.role-card,.role-collapsed-icon-item,.role-icon-btn,.role-md3-btn,.role-sidebar,.role-sidebar-section,.role-tab{transition:none}.role-card:hover,.role-collapsed-icon-item:hover,.role-md3-btn:hover,.role-sidebar-profile-horizontal:hover,.role-sidebar-section:hover,.role-sidebar:hover{transform:none}.role-sidebar-hover-popup{transition:opacity .1s ease,visibility .1s ease}}@media print{.role-collapsed-sidebar-icons,.role-sidebar-hover-popup,.role-sidebar-toggle-btn{display:none!important}.role-sidebar.collapsed{padding:1.5rem;width:100%}.role-sidebar.collapsed .role-sidebar-header h2,.role-sidebar.collapsed .role-sidebar-profile-horizontal,.role-sidebar.collapsed .role-sidebar-scrollable,.role-sidebar.collapsed .role-status-badge{display:block}.role-details-container{flex-direction:column}.role-card,.role-sidebar-section{border:1px solid #ccc;box-shadow:none}}@media (prefers-contrast:high){.role-card,.role-main-content,.role-sidebar,.role-sidebar-section{border-width:2px}.role-icon-btn,.role-md3-btn,.role-tab{border:2px solid}.role-sidebar-hover-popup{border-width:3px}}:root{--acp-container-bg:#fffffffa;--acp-container-border:#e2e8f0cc;--acp-container-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;--acp-text-primary:#1e293b;--acp-text-secondary:#374151;--acp-text-muted:#6b7280;--acp-card-bg:#fff;--acp-card-border:#e2e8f0cc;--acp-card-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;--acp-card-hover-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;--acp-input-bg:#fffc;--acp-input-border:#e2e8f0cc;--acp-input-shadow:inset 0 2px 4px #0000000a;--acp-input-focus-border:#3b82f6;--acp-input-focus-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;--acp-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--acp-btn-primary-shadow:0 4px 12px #3b82f64d;--acp-scrollbar-thumb:#94a3b899;--acp-selected-bg:#22c55e14;--acp-selected-border:#22c55e}[data-theme=dark]{--acp-container-bg:#1a1a1afa;--acp-container-border:#ffffff1a;--acp-container-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff0d;--acp-text-primary:#fff;--acp-text-secondary:#e5e7eb;--acp-text-muted:#9ca3af;--acp-card-bg:#1f2937e6;--acp-card-border:#4b55634d;--acp-card-shadow:0 2px 8px #0003,0 1px 4px #0000001a;--acp-card-hover-shadow:0 8px 25px #0000004d,0 4px 12px #3b82f61a;--acp-input-bg:#1f2937cc;--acp-input-border:#4b55634d;--acp-input-shadow:inset 0 2px 4px #0000001a;--acp-input-focus-border:#60a5fa;--acp-input-focus-shadow:0 0 0 3px #60a5fa33,0 4px 12px #60a5fa33;--acp-btn-primary-bg:linear-gradient(135deg,#60a5fa,#3b82f6);--acp-btn-primary-shadow:0 4px 12px #60a5fa4d;--acp-scrollbar-thumb:#60a5fa4d;--acp-selected-bg:#22c55e26;--acp-selected-border:#34d399}.acp-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.acp-popup-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;background:var(--acp-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--acp-container-border);border-radius:20px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--acp-container-shadow);display:flex;flex-direction:column;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,sans-serif;max-height:90vh;max-width:1000px;overflow:hidden;padding:0;width:90vw}.acp-popup-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--acp-btn-primary-bg);border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--acp-container-border);border-radius:20px 20px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.acp-popup-header h3{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.acp-popup-header h3 .material-symbols-rounded{font-size:28px}.acp-close-btn{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:.5rem;transition:all .3s ease}.acp-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.acp-popup-body{flex:1 1;overflow-y:auto;padding:2rem;scrollbar-color:#94a3b899 #0000;scrollbar-color:var(--acp-scrollbar-thumb) #0000;scrollbar-width:thin}.acp-popup-body::-webkit-scrollbar{width:10px}.acp-popup-body::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--acp-scrollbar-thumb);border-radius:10px}.acp-popup-body::-webkit-scrollbar-track{background:#0000}.acp-checkbox-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:2rem}.acp-checkbox-label{align-items:center;background:#fff;background:var(--acp-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--acp-card-border);border-radius:14px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--acp-card-shadow);color:#374151;color:var(--acp-text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.acp-checkbox-label:before{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.acp-checkbox-label:hover{border-color:#3b82f6;border-color:var(--acp-input-focus-border);box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--acp-card-hover-shadow);transform:translateY(-2px)}.acp-checkbox-label:hover:before{width:100%}.acp-checkbox-label input[type=checkbox]{display:none}.acp-checkbox-custom{align-items:center;background:#fffc;background:var(--acp-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--acp-card-border);border-radius:6px;display:flex;flex-shrink:0;height:22px;justify-content:center;position:relative;transition:all .3s ease;width:22px}.acp-checkbox-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.acp-checkbox-label input[type=checkbox]:checked+.acp-checkbox-custom{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--acp-btn-primary-bg);border-color:#0000;box-shadow:0 4px 12px #3b82f666}.acp-checkbox-label input[type=checkbox]:checked+.acp-checkbox-custom:after{opacity:1;transform:scale(1)}.acp-faculty-section{background:#fff;background:var(--acp-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--acp-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--acp-card-shadow);padding:1.5rem}.acp-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.acp-section-header h4{align-items:center;color:#1e293b;color:var(--acp-text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0}.acp-view-toggle{background:#fffc;background:var(--acp-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--acp-card-border);border-radius:10px;display:flex;gap:.5rem;padding:.25rem}.acp-view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--acp-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem .75rem;transition:all .3s ease}.acp-view-btn:hover{background:#3b82f61a;color:#3b82f6;color:var(--acp-input-focus-border)}.acp-view-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--acp-btn-primary-bg);box-shadow:0 2px 8px #3b82f64d;color:#fff}.acp-search-box{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;background:var(--acp-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--acp-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--acp-input-shadow);display:flex;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.acp-search-box .material-symbols-rounded{color:#6b7280;color:var(--acp-text-muted);font-size:22px}.acp-search-box input{background:#0000;border:none;color:#1e293b;color:var(--acp-text-primary);flex:1 1;font-family:inherit;font-size:.95rem;font-weight:500;outline:none}.acp-search-box input::placeholder{color:#6b7280;color:var(--acp-text-muted);font-weight:400}.acp-search-box:focus-within{border-color:#3b82f6;border-color:var(--acp-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--acp-input-focus-shadow);transform:translateY(-1px)}.acp-faculty-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:400px;overflow-y:auto;padding:.5rem;scrollbar-color:#94a3b899 #0000;scrollbar-color:var(--acp-scrollbar-thumb) #0000;scrollbar-width:thin}.acp-faculty-grid::-webkit-scrollbar{width:8px}.acp-faculty-grid::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--acp-scrollbar-thumb);border-radius:8px}.acp-faculty-card{align-items:center;background:#fff;background:var(--acp-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--acp-card-border);border-radius:14px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--acp-card-shadow);cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.acp-faculty-card:hover{border-color:#3b82f6;border-color:var(--acp-input-focus-border);box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--acp-card-hover-shadow);transform:translateY(-4px)}.acp-faculty-card.selected{background:#22c55e14;background:var(--acp-selected-bg);border:2px solid #22c55e;border:2px solid var(--acp-selected-border);box-shadow:0 8px 20px #22c55e33}.acp-faculty-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--acp-btn-primary-bg);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:1.4rem;font-weight:600;height:60px;justify-content:center;width:60px}.acp-faculty-card.selected .acp-faculty-avatar{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e66}.acp-faculty-details{width:100%}.acp-faculty-details strong{color:#1e293b;color:var(--acp-text-primary);display:block;font-size:1.05rem;font-weight:600;margin-bottom:.25rem}.acp-faculty-id{font-size:.85rem}.acp-faculty-email,.acp-faculty-id{color:#6b7280;color:var(--acp-text-muted);margin:.25rem 0}.acp-faculty-email{font-size:.8rem;word-break:break-all}.acp-tick-icon{animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55);color:#22c55e;color:var(--acp-selected-border);font-size:28px;position:absolute;right:12px;top:12px}.acp-faculty-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem;scrollbar-color:#94a3b899 #0000;scrollbar-color:var(--acp-scrollbar-thumb) #0000;scrollbar-width:thin}.acp-faculty-list::-webkit-scrollbar{width:8px}.acp-faculty-list::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--acp-scrollbar-thumb);border-radius:8px}.acp-faculty-item{align-items:center;background:#fff;background:var(--acp-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--acp-card-border);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--acp-card-shadow);cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.acp-faculty-item:hover{border-color:#3b82f6;border-color:var(--acp-input-focus-border);box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--acp-card-hover-shadow);transform:translateX(4px)}.acp-faculty-item.selected{background:#22c55e14;background:var(--acp-selected-bg);border:2px solid #22c55e;border:2px solid var(--acp-selected-border);box-shadow:0 4px 12px #22c55e33}.acp-checkbox{flex-shrink:0;height:24px;position:relative;width:24px}.acp-checkbox input[type=checkbox]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.acp-checkmark{align-items:center;background:#fffc;background:var(--acp-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--acp-card-border);border-radius:6px;display:flex;height:24px;justify-content:center;left:0;position:absolute;top:0;transition:all .3s ease;width:24px}.acp-checkbox input:checked~.acp-checkmark{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--acp-btn-primary-bg);border-color:#0000}.acp-checkmark .material-symbols-rounded{color:#fff;font-size:18px;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.acp-checkbox input:checked~.acp-checkmark .material-symbols-rounded{opacity:1;transform:scale(1)}.acp-faculty-item .acp-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--acp-btn-primary-bg);border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:48px;justify-content:center;width:48px}.acp-faculty-item.selected .acp-avatar{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e66}.acp-faculty-info{flex:1 1;min-width:0}.acp-name{color:#1e293b;color:var(--acp-text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.acp-meta{font-size:.85rem}.acp-loading,.acp-meta{color:#6b7280;color:var(--acp-text-muted)}.acp-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.acp-loading .material-symbols-rounded{color:#3b82f6;color:var(--acp-input-focus-border);font-size:48px}.acp-loading .spinning{animation:spin 1s linear infinite}.acp-no-results{align-items:center;color:#6b7280;color:var(--acp-text-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem;text-align:center}.acp-no-results .material-symbols-rounded{font-size:64px;opacity:.5}.acp-no-results p{font-size:1rem;margin:0}.acp-popup-footer{align-items:center;background:#fff;background:var(--acp-card-bg);border-radius:0 0 20px 20px;border-top:1px solid #e2e8f0cc;border-top:1px solid var(--acp-container-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.acp-selected-count{align-items:center;color:#374151;color:var(--acp-text-secondary);display:flex;font-size:.95rem;font-weight:500;gap:.5rem}.acp-selected-count .material-symbols-rounded{color:#22c55e;color:var(--acp-selected-border);font-size:20px}.acp-assign-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--acp-btn-primary-bg);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--acp-btn-primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.acp-assign-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.acp-assign-btn:active{transform:translateY(0)}@media (max-width:768px){.acp-popup-content{max-height:95vh;width:95vw}.acp-checkbox-group,.acp-faculty-grid{grid-template-columns:1fr}.acp-popup-footer{align-items:stretch;flex-direction:column;gap:1rem}.acp-assign-btn{justify-content:center;width:100%}}:root{--aus-overlay-bg:#0006;--aus-overlay-backdrop:blur(8px);--aus-popup-bg:#fffffff2;--aus-popup-border:#fff3;--aus-popup-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;--aus-text-primary:#1e293b;--aus-text-secondary:#374151;--aus-text-muted:#6b7280;--aus-header-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--aus-header-border:#065f461a;--aus-header-title:#065f46;--aus-header-subtitle:#047857;--aus-header-icon-bg:linear-gradient(135deg,#065f46,#059669);--aus-header-icon-text:#fff;--aus-header-icon-shadow:0 8px 20px #065f464d;--aus-close-btn-bg:#fffc;--aus-close-btn-text:#6b7280;--aus-close-btn-hover-bg:#ef44441a;--aus-close-btn-hover-text:#ef4444;--aus-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--aus-error-text:#991b1b;--aus-error-border:#fca5a5;--aus-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--aus-success-text:#065f46;--aus-success-border:#6ee7b7;--aus-search-bg:linear-gradient(135deg,#f8fafc,#fff);--aus-search-border:#e2e8f0;--aus-search-input-bg:#fffc;--aus-search-input-border:#e2e8f0cc;--aus-search-input-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;--aus-search-input-text:#1e293b;--aus-search-input-placeholder:#9ca3af;--aus-search-input-focus-border:#059669;--aus-search-input-focus-bg:#fffffff2;--aus-search-input-focus-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;--aus-search-icon-color:#9ca3af;--aus-search-loading-color:#059669;--aus-users-section-bg:linear-gradient(135deg,#f9fafb,#fff);--aus-scrollbar-thumb:#065f4633;--aus-user-item-bg:#fffc;--aus-user-item-border:#e2e8f099;--aus-user-item-shadow:0 2px 8px #0000000a;--aus-user-item-hover-bg:#f0fdf4cc;--aus-user-item-hover-border:#065f4633;--aus-user-item-hover-shadow:0 4px 12px #00000014;--aus-user-item-selected-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--aus-user-item-selected-border:#059669;--aus-user-item-selected-shadow:0 4px 16px #05966933;--aus-checkbox-bg:#ffffffe6;--aus-checkbox-border:#cbd5e1;--aus-checkbox-checked-bg:linear-gradient(135deg,#059669,#065f46);--aus-checkbox-checked-text:#fff;--aus-checkbox-shadow:0 2px 4px #0000001a;--aus-avatar-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--aus-avatar-text:#0369a1;--aus-avatar-border:#0369a133;--aus-avatar-shadow:0 2px 8px #0000001a;--aus-user-name-text:#1e293b;--aus-user-details-text:#6b7280;--aus-user-id-text:#475569;--aus-user-email-text:#6b7280;--aus-separator-color:#d1d5db;--aus-status-active-bg:linear-gradient(135deg,#bbf7d0,#dcfce7);--aus-status-active-text:#065f46;--aus-status-inactive-bg:linear-gradient(135deg,#fde68a,#fef9c3);--aus-status-inactive-text:#92400e;--aus-status-unknown-bg:#f3f4f6;--aus-status-unknown-text:#6b7280;--aus-type-admin-bg:linear-gradient(135deg,#fef08a,#facc15);--aus-type-admin-text:#92400e;--aus-type-teacher-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--aus-type-teacher-text:#1e40af;--aus-type-student-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--aus-type-student-text:#0369a1;--aus-type-default-bg:#f3f4f6;--aus-type-default-text:#6b7280;--aus-empty-state-text:#6b7280;--aus-empty-state-icon:#9ca3af;--aus-loading-icon:#059669;--aus-footer-bg:linear-gradient(135deg,#f8fafc,#fff);--aus-footer-border:#e2e8f0;--aus-selection-count-bg:#065f461a;--aus-selection-count-text:#065f46;--aus-selection-count-border:#065f4633;--aus-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--aus-btn-primary-text:#fff;--aus-btn-primary-shadow:0 4px 12px #3b82f64d;--aus-btn-primary-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--aus-btn-primary-hover-shadow:0 8px 20px #3b82f666;--aus-btn-secondary-bg:#ffffffe6;--aus-btn-secondary-text:#fff;--aus-btn-secondary-border:#fff3;--aus-btn-secondary-hover-bg:#00ff881a;--aus-btn-secondary-hover-border:#00ff884d;--aus-btn-secondary-hover-shadow:0 4px 12px #0f83}.aus-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);backdrop-filter:var(--aus-overlay-backdrop);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--aus-overlay-backdrop);background:#0006;background:var(--aus-overlay-bg);inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.aus-overlay,.aus-popup{display:flex;transition:all .3s ease}.aus-popup{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--aus-popup-bg);border:1px solid #fff3;border:1px solid var(--aus-popup-border);border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;box-shadow:var(--aus-popup-shadow);flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.aus-header{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--aus-header-bg);border-bottom:1px solid #065f461a;border-bottom:1px solid var(--aus-header-border);display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:all .3s ease}.aus-header-content{align-items:center;display:flex;gap:.75rem}.aus-header-icon{align-items:center;background:linear-gradient(135deg,#065f46,#059669);background:var(--aus-header-icon-bg);border-radius:12px;box-shadow:0 8px 20px #065f464d;box-shadow:var(--aus-header-icon-shadow);display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.aus-header-icon .material-symbols-rounded{color:#fff;color:var(--aus-header-icon-text);font-size:24px;font-variation-settings:"FILL" 1,"wght" 600;transition:color .3s ease}.aus-header-text h2{color:#065f46;color:var(--aus-header-title);font-family:Google Sans,Poppins,sans-serif;font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.aus-header-text p{color:#047857;color:var(--aus-header-subtitle);font-size:.85rem;margin:.1rem 0 0;opacity:.8;transition:color .3s ease}.aus-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--aus-close-btn-bg);border:none;border-radius:10px;color:#6b7280;color:var(--aus-close-btn-text);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.aus-close-btn:hover{background:#ef44441a;background:var(--aus-close-btn-hover-bg);color:#ef4444;color:var(--aus-close-btn-hover-text);transform:scale(1.05)}.aus-close-btn .material-symbols-rounded{font-size:18px}.aus-banner{align-items:center;animation:slideDown .3s ease-out;border-radius:10px;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin:0 2rem 1rem;padding:.75rem 1rem;transition:all .3s ease}.aus-banner.error{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--aus-error-bg);border:1px solid #fca5a5;border:1px solid var(--aus-error-border);color:#991b1b;color:var(--aus-error-text)}.aus-banner.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--aus-success-bg);border:1px solid #6ee7b7;border:1px solid var(--aus-success-border);color:#065f46;color:var(--aus-success-text)}.aus-banner .material-symbols-rounded{font-size:18px}.aus-search-section{background:linear-gradient(135deg,#f8fafc,#fff);background:var(--aus-search-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--aus-search-border);padding:1rem 2rem;transition:all .3s ease}.aus-search-bar{align-items:center;display:flex;position:relative}.aus-search-icon{color:#9ca3af;color:var(--aus-search-icon-color);font-size:18px;left:.75rem;pointer-events:none;position:absolute;transition:color .3s ease;z-index:2}.aus-search-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--aus-search-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--aus-search-input-border);border-radius:10px;box-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;box-shadow:var(--aus-search-input-shadow);color:#1e293b;color:var(--aus-search-input-text);font-family:inherit;font-size:.9rem;font-weight:400;outline:none;padding:.6rem .75rem .6rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.aus-search-input:focus{background:#fffffff2;background:var(--aus-search-input-focus-bg);border-color:#059669;border-color:var(--aus-search-input-focus-border);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;box-shadow:var(--aus-search-input-focus-shadow)}.aus-search-input::placeholder{color:#9ca3af;color:var(--aus-search-input-placeholder);font-weight:400}.aus-search-loading{animation:spin 1s linear infinite;color:#059669;color:var(--aus-search-loading-color);font-size:18px;position:absolute;right:.75rem;transition:color .3s ease}.aus-users-section{background:linear-gradient(135deg,#f9fafb,#fff);background:var(--aus-users-section-bg);overflow:hidden;transition:all .3s ease}.aus-users-list,.aus-users-section{display:flex;flex:1 1;flex-direction:column}.aus-users-list{gap:.4rem;overflow-y:auto;padding:1rem 2rem}.aus-users-list::-webkit-scrollbar{width:6px}.aus-users-list::-webkit-scrollbar-track{background:#0000}.aus-users-list::-webkit-scrollbar-thumb{background:#065f4633;background:var(--aus-scrollbar-thumb);border-radius:3px}.aus-user-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--aus-user-item-bg);border:1px solid #e2e8f099;border:1px solid var(--aus-user-item-border);border-radius:12px;box-shadow:0 2px 8px #0000000a;box-shadow:var(--aus-user-item-shadow);cursor:pointer;display:flex;gap:.1rem;min-height:0;min-height:auto;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.aus-user-item:hover{background:#f0fdf4cc;background:var(--aus-user-item-hover-bg);border-color:#065f4633;border-color:var(--aus-user-item-hover-border);box-shadow:0 4px 12px #00000014;box-shadow:var(--aus-user-item-hover-shadow);transform:translateY(-1px)}.aus-user-item.selected{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--aus-user-item-selected-bg);border-color:#059669;border-color:var(--aus-user-item-selected-border);box-shadow:0 4px 16px #05966933;box-shadow:var(--aus-user-item-selected-shadow);transform:translateY(-1px)}.aus-checkbox{flex-shrink:0;margin:0 .4rem 0 0;position:relative}.aus-checkbox input{cursor:pointer;inset:0;margin:0;opacity:0;position:absolute}.aus-checkmark{align-items:center;background:#ffffffe6;background:var(--aus-checkbox-bg);border:1px solid #cbd5e1;border:1px solid var(--aus-checkbox-border);border-radius:4px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--aus-checkbox-shadow);display:flex;height:16px;justify-content:center;transition:all .3s ease;width:16px}.aus-checkmark .material-symbols-rounded{color:#0000;font-size:12px;transition:color .3s ease}.aus-checkbox input:checked+.aus-checkmark{background:linear-gradient(135deg,#059669,#065f46);background:var(--aus-checkbox-checked-bg);border-color:linear-gradient(135deg,#059669,#065f46);border-color:var(--aus-checkbox-checked-bg)}.aus-checkbox input:checked+.aus-checkmark .material-symbols-rounded{color:#fff;color:var(--aus-checkbox-checked-text)}.aus-avatar{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--aus-avatar-bg);border:1px solid #0369a133;border:1px solid var(--aus-avatar-border);border-radius:10px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--aus-avatar-shadow);display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:36px;justify-content:center;margin-left:.1rem;transition:all .3s ease;width:36px}.aus-avatar-text{color:#0369a1;color:var(--aus-avatar-text);transition:color .3s ease}.aus-user-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;margin-left:.5rem;min-width:0}.aus-user-name{color:#1e293b;color:var(--aus-user-name-text);font-size:.9rem;font-weight:600;line-height:1.2}.aus-user-details,.aus-user-name{margin:0;transition:color .3s ease}.aus-user-details{align-items:center;color:#6b7280;color:var(--aus-user-details-text);display:flex;flex-wrap:nowrap;font-size:.75rem;gap:.3rem;overflow:hidden}.aus-user-id{color:#475569;color:var(--aus-user-id-text);font-weight:600}.aus-user-email,.aus-user-id{transition:color .3s ease;white-space:nowrap}.aus-user-email{color:#6b7280;color:var(--aus-user-email-text);max-width:200px;overflow:hidden;text-overflow:ellipsis}.aus-separator{color:#d1d5db;color:var(--aus-separator-color);font-size:.6rem;font-weight:700;opacity:.7;transition:color .3s ease}.aus-user-type{align-items:center;display:flex;flex-shrink:0}.aus-status-badge,.aus-type-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.65rem;font-weight:600;letter-spacing:.025em;line-height:1;padding:.15rem .4rem;text-transform:uppercase;transition:all .3s ease}.aus-status-badge.active{background:linear-gradient(135deg,#bbf7d0,#dcfce7);background:var(--aus-status-active-bg);color:#065f46;color:var(--aus-status-active-text)}.aus-status-badge.inactive{background:linear-gradient(135deg,#fde68a,#fef9c3);background:var(--aus-status-inactive-bg);color:#92400e;color:var(--aus-status-inactive-text)}.aus-status-badge.unknown{background:#f3f4f6;background:var(--aus-status-unknown-bg);color:#6b7280;color:var(--aus-status-unknown-text)}.aus-type-badge.admin{background:linear-gradient(135deg,#fef08a,#facc15);background:var(--aus-type-admin-bg);color:#92400e;color:var(--aus-type-admin-text)}.aus-type-badge.teacher{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--aus-type-teacher-bg);color:#1e40af;color:var(--aus-type-teacher-text)}.aus-type-badge.student{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--aus-type-student-bg);color:#0369a1;color:var(--aus-type-student-text)}.aus-type-badge{background:#f3f4f6;background:var(--aus-type-default-bg);color:#6b7280;color:var(--aus-type-default-text)}.aus-user-status{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.aus-creation-date{color:#6b7280;color:var(--aus-text-muted);font-size:.65rem;line-height:1;opacity:.7;transition:color .3s ease}.aus-empty-state,.aus-loading-state{align-items:center;color:#6b7280;color:var(--aus-empty-state-text);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center;transition:color .3s ease}.aus-empty-state .material-symbols-rounded,.aus-loading-state .material-symbols-rounded{color:#9ca3af;color:var(--aus-empty-state-icon);font-size:3rem;margin-bottom:.75rem;opacity:.6;transition:color .3s ease}.aus-loading-state .material-symbols-rounded{color:#059669;color:var(--aus-loading-icon)}.aus-empty-state h3{color:#6b7280;color:var(--aus-empty-state-text);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.aus-empty-state p,.aus-loading-state p{font-size:.9rem;margin:0;opacity:.8}.aus-footer{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);background:var(--aus-footer-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--aus-footer-border);display:flex;justify-content:space-between;padding:1.25rem 2rem;transition:all .3s ease}.aus-footer-info{color:#6b7280;color:var(--aus-text-muted);flex:1 1;font-size:.85rem}.aus-selection-count{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#065f461a;background:var(--aus-selection-count-bg);border:1px solid #065f4633;border:1px solid var(--aus-selection-count-border);border-radius:8px;color:#065f46;color:var(--aus-selection-count-text);display:inline-flex;font-size:.8rem;font-weight:600;padding:.4rem .75rem;transition:all .3s ease}.aus-footer-actions{align-items:center;display:flex;gap:.75rem}.aus-btn-primary,.aus-btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.4rem;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.aus-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--aus-btn-primary-bg);border:1px solid #0000;box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--aus-btn-primary-shadow);color:#fff;color:var(--aus-btn-primary-text)}.aus-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--aus-btn-primary-hover-bg);box-shadow:0 8px 20px #3b82f666;box-shadow:var(--aus-btn-primary-hover-shadow);transform:translateY(-1px)}.aus-btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;background:var(--aus-btn-secondary-bg);border:1px solid #fff3;border:1px solid var(--aus-btn-secondary-border);color:#fff;color:var(--aus-btn-secondary-text)}.aus-btn-secondary:hover:not(:disabled){background:#00ff881a;background:var(--aus-btn-secondary-hover-bg);border-color:#00ff884d;border-color:var(--aus-btn-secondary-hover-border);box-shadow:0 4px 12px #0f83;box-shadow:var(--aus-btn-secondary-hover-shadow);transform:translateY(-1px)}.aus-btn-primary:disabled,.aus-btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.aus-btn-primary .material-symbols-rounded,.aus-btn-secondary .material-symbols-rounded{font-size:16px}.aus-spinning{animation:spin 1s linear infinite}@media (max-width:768px){.aus-overlay{padding:1rem}.aus-popup{border-radius:12px;max-height:95vh;max-width:100%}.aus-footer,.aus-header,.aus-search-section,.aus-users-list{padding-left:1.5rem;padding-right:1.5rem}.aus-header-text h2{font-size:1.1rem}.aus-user-item{gap:.5rem;padding:.6rem}.aus-user-details{flex-wrap:wrap;gap:.3rem}.aus-footer-actions{flex-direction:column;gap:.6rem;width:100%}.aus-btn-primary,.aus-btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.aus-header-content{gap:.6rem}.aus-header-icon{height:40px;width:40px}.aus-header-icon .material-symbols-rounded{font-size:20px}.aus-avatar{font-size:.85rem;height:32px;width:32px}.aus-user-item{padding:.5rem}.aus-empty-state .material-symbols-rounded,.aus-loading-state .material-symbols-rounded{font-size:2.5rem}}.aus-btn-primary:focus,.aus-btn-secondary:focus,.aus-close-btn:focus,.aus-search-input:focus,.aus-user-item:focus{outline:2px solid #059669;outline:2px solid var(--aus-search-input-focus-border);outline-offset:2px}@media (prefers-contrast:high){.aus-popup{border:2px solid #000}[data-theme=dark] .aus-popup{border:2px solid #fff}.aus-btn-primary,.aus-btn-secondary,.aus-user-item{border:2px solid}}@media (prefers-reduced-motion:reduce){.aus-btn-primary,.aus-btn-secondary,.aus-checkmark,.aus-popup,.aus-search-input,.aus-user-item{animation:none;transition:none}.aus-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.aus-btn-primary:hover,.aus-btn-secondary:hover,.aus-close-btn:hover,.aus-user-item:hover{transform:none}.aus-banner,.aus-spinning{animation:none}}:root{--create-role-bg:#fff;--create-role-border:#e2e8f0;--create-role-shadow:0 1px 6px #0000000d;--header-bg:linear-gradient(135deg,#f8fafc,#fff);--header-text:#1e293b;--sidebar-bg:#f9fafb;--sidebar-border:#e2e8f0;--input-border:#cbd5e1;--input-text:#1e293b;--input-focus-border:#3b82f6;--primary-color:#3b82f6;--primary-hover:#2563eb;--avatar-bg:linear-gradient(135deg,#93c5fd66,#bfdbfe33);--avatar-text:#1e3a8a;--avatar-border:#3b82f633}[data-theme=dark]{--create-role-bg:#1a1a1ae6;--create-role-border:#ffffff1a;--create-role-shadow:0 1px 6px #0000004d;--header-bg:#333c;--header-text:#fff;--sidebar-bg:#282828cc;--sidebar-border:#ffffff1a;--input-bg:#1a1a1ae6;--input-border:#fff3;--input-text:#fff;--input-focus-border:#1de6a5;--primary-color:#1de6a5;--primary-hover:#00cc6a;--avatar-bg:#00ff8826;--avatar-text:#1de6a5;--avatar-border:#0f83}.roles-page{background:#fff;background:var(--create-role-bg);border:1px solid #e2e8f0;border:1px solid var(--create-role-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--create-role-shadow);box-sizing:border-box;color:#1e293b;color:var(--header-text);display:flex;flex-direction:column;min-height:100vh;padding:0;width:100%}.roles-page.popup-mode{margin:0;max-height:85vh;min-height:85vh;overflow:hidden}.error-banner{font-size:.875rem;margin:1rem 1rem 0;width:calc(100% - 2rem)}.error-banner .material-symbols-rounded{font-size:1.1rem}.create-role-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);background:var(--header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--create-role-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.header-left{color:#1e293b;color:var(--header-text);font-size:1.25rem;font-weight:600;gap:.75rem}.header-icon{color:#3b82f6;color:var(--primary-color);font-size:1.5rem}.icon-btn{background:#fff;background:var(--input-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);min-height:40px;padding:.5rem}.icon-btn:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.icon-btn.icon-cancel{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.icon-btn.icon-cancel:hover:not(:disabled){background:#fee2e2}.icon-btn.icon-save{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.icon-btn.icon-save:hover:not(:disabled){background:#d1fae5}.icon-btn.loading .material-symbols-rounded{animation:spin 1s linear infinite}.create-role-layout{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:320px 1fr;overflow:hidden}.create-role-sidebar{background:#f9fafb;background:var(--sidebar-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.sidebar-profile-horizontal{align-items:center;background:#fff;background:var(--input-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);border-radius:12px;display:flex;gap:1rem;padding:1rem}.avatar-circle{background:linear-gradient(135deg,#93c5fd66,#bfdbfe33);background:var(--avatar-bg);border:2px solid #3b82f633;border:2px solid var(--avatar-border);box-shadow:inset 0 0 2px #fff9,0 2px 6px #00000014;color:#1e3a8a;color:var(--avatar-text);font-size:1.25rem;height:48px;width:48px}.profile-info-ud{flex:1 1;min-width:0}.ld-label{color:#1e293b;color:var(--header-text);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.375rem;opacity:.7}.ld-edit-input{background:#fff;background:var(--input-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);border-radius:6px;box-sizing:border-box;color:var(--input-text);font-size:.875rem;padding:.5rem .75rem}.ld-edit-input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 2px #3b82f61a;outline:none}.ld-edit-input::placeholder{color:#94a3b8}.status-admin-section{background:#fff;background:var(--input-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.status-item{align-items:center;display:flex;justify-content:space-between}.status-label{color:#1e293b;color:var(--header-text);font-size:.875rem}.status-badge{padding:.25rem .625rem}.status-disabled{background:linear-gradient(135deg,#fef3c7,#fefce8);color:#92400e}.lock-toggle-wrapper{display:inline-block}.lock-toggle-wrapper input{display:none}.lock-toggle-icon{background:#cbd5e1;display:block;transition:background-color .3s ease;width:44px}.lock-toggle-thumb{box-shadow:0 2px 4px #0003;transition:transform .3s ease}.lock-toggle-thumb .material-symbols-rounded{color:#94a3b8;font-size:.875rem}.lock-toggle-wrapper input:checked+.lock-toggle-icon{background-color:#10b981}.lock-toggle-wrapper input:checked+.lock-toggle-icon .lock-toggle-thumb{transform:translateX(20px)}.lock-toggle-wrapper input:checked+.lock-toggle-icon .lock-toggle-thumb .material-symbols-rounded{color:#065f46}.lock-toggle-wrapper input:disabled+.lock-toggle-icon{cursor:not-allowed;opacity:.5}.sidebar-section{display:flex;flex-direction:column;gap:.75rem}.sidebar-section h4{align-items:center;color:#1e293b;color:var(--header-text);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin:0}.sidebar-section h4 .material-symbols-rounded{color:#3b82f6;color:var(--primary-color);font-size:1.1rem}.description-textarea{font-family:inherit;min-height:80px;resize:vertical}.create-role-main{background:#fff;background:var(--create-role-bg);display:flex;flex-direction:column;overflow-y:auto;padding:1.5rem}.roles-table-container{background:#fff;background:var(--input-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);border-radius:12px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.display-id-sticky{align-items:center;background:#f9fafb;background:var(--sidebar-bg);border-bottom:1px solid #cbd5e1;border-bottom:1px solid var(--input-border);color:#1e293b;color:var(--header-text);display:flex;flex-wrap:wrap;font-weight:600;gap:.75rem;padding:1rem 1.5rem}.display-id-sticky>span:first-child{color:#3b82f6;color:var(--primary-color);font-size:1.1rem}.table-actions{align-items:center;gap:.75rem}.search-wrapper{align-items:center;display:flex;position:relative}.search-box{background:#fff;background:var(--input-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);border-radius:6px;color:#1e293b;color:var(--input-text);font-size:.875rem;min-width:200px;padding:.5rem .75rem .5rem 2.5rem;transition:all .2s ease}.search-box:focus{border-color:#3b82f6;border-color:var(--input-focus-border);box-shadow:0 0 0 2px #3b82f61a;outline:none}.search-icon{font-size:1.1rem}.leads-table{flex:1 1;overflow-y:auto}.leads-table th{background:var(--sidebar-bg);color:#1e293b;color:var(--header-text);position:-webkit-sticky;position:sticky;top:0}.leads-table td,.leads-table th{border-bottom:1px solid #cbd5e1;border-bottom:1px solid var(--input-border);font-size:.875rem;padding:.75rem 1rem}.leads-table td{color:var(--input-text);vertical-align:middle}.leads-table tbody tr:hover{background:#f9fafb;background:var(--sidebar-bg)}.empty-state{align-items:center;color:#1e293b;color:var(--header-text);display:flex;flex-direction:column;gap:1rem}.empty-state .material-symbols-rounded{font-size:3rem;opacity:.5}.empty-state p{font-weight:500;opacity:.8}.icon-btn.add-btn{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.icon-btn.add-btn:hover:not(:disabled){background:#d1fae5}.service-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.service-popup{background:#fff;background:var(--create-role-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:100%}.service-popup-header{align-items:center;background:#f9fafb;background:var(--sidebar-bg);border-bottom:1px solid #cbd5e1;border-bottom:1px solid var(--input-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.service-popup-header h3{align-items:center;color:#1e293b;color:var(--header-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.service-popup-header h3 .material-symbols-rounded{color:#3b82f6;color:var(--primary-color);font-size:1.3rem}.service-popup-header .icon-btn{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.service-popup-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1.5rem}.service-popup-body .search-wrapper{flex-shrink:0;margin-bottom:1rem;width:100%}.service-popup-body .search-box{background:#fff;background:var(--input-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);border-radius:8px;color:#1e293b;color:var(--input-text);font-size:.875rem;padding:.625rem .875rem .625rem 2.5rem;width:100%}.service-popup-body .search-box:focus{border-color:#3b82f6;border-color:var(--input-focus-border);box-shadow:0 0 0 2px #3b82f61a;outline:none}.service-popup-body .search-icon{color:#64748b;font-size:1.1rem;left:.875rem}.service-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));max-height:100%;overflow-y:auto;padding:.25rem}.service-grid::-webkit-scrollbar{width:8px}.service-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.service-grid::-webkit-scrollbar-track{background:#0000}.service-card{align-items:center;background:var(--input-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);cursor:pointer;gap:1rem;padding:1rem}.service-card:hover{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .service-card:hover{background:#00ff880d}.service-card-icon{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}[data-theme=dark] .service-card-icon{background:#3b82f626;border-color:#3b82f64d}.service-card-icon .material-symbols-rounded{color:#2563eb;font-size:1.4rem}[data-theme=dark] .service-card-icon .material-symbols-rounded{color:#1de6a5}.service-card-content{flex:1 1;min-width:0}.service-card-content .service-name{color:#1e293b;color:var(--header-text);font-size:.9rem;font-weight:600;letter-spacing:.02em;margin-bottom:.25rem;text-transform:uppercase}.service-card-content .service-namespace{color:#1e293b;color:var(--header-text);font-size:.8rem;opacity:.6;word-break:break-word}.service-card-action{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.service-card:hover .service-card-action{background:#d1fae5;transform:scale(1.1)}.service-card-action .material-symbols-rounded{color:#059669;font-size:1.2rem}@media (max-width:1024px){.create-role-layout{grid-template-columns:1fr}.create-role-sidebar{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sidebar-border);border-right:none;max-height:none}.sidebar-profile-horizontal{flex-direction:row}.status-admin-section{flex-direction:row;flex-wrap:wrap;justify-content:space-around}}@media (max-width:768px){.create-role-header{flex-wrap:wrap;gap:.75rem;padding:1rem}.header-left{font-size:1.1rem}.header-icon{font-size:1.3rem}.create-role-sidebar{padding:1rem}.sidebar-profile-horizontal{flex-direction:column;text-align:center}.avatar-circle{font-size:1.5rem;height:56px;width:56px}.status-admin-section{flex-direction:column}.create-role-main{padding:1rem}.display-id-sticky{align-items:stretch;flex-direction:column;gap:1rem}.table-actions{flex-direction:column;width:100%}.search-box{width:100%}.leads-table{overflow-x:auto}.leads-table table{min-width:600px}}@media (max-width:480px){.error-banner{font-size:.8rem;margin:.5rem;padding:.5rem .75rem;width:calc(100% - 1rem)}.create-role-header{padding:.75rem}.header-left{font-size:1rem}.header-left span:last-child{display:none}.create-role-sidebar{gap:1rem;padding:.75rem}.create-role-main{padding:.75rem}.icon-btn{min-height:36px;min-width:36px;padding:.375rem}.service-popup-overlay{padding:0}.service-popup{border-radius:0;max-height:100vh;max-width:100%}.service-popup-header{padding:.75rem 1rem}.service-popup-body{padding:1rem}.service-grid{gap:.75rem;grid-template-columns:1fr}.service-card{padding:.875rem}}.create-role-main::-webkit-scrollbar,.create-role-sidebar::-webkit-scrollbar,.leads-table::-webkit-scrollbar{height:6px;width:6px}.create-role-main::-webkit-scrollbar-track,.create-role-sidebar::-webkit-scrollbar-track,.leads-table::-webkit-scrollbar-track{background:#0000}.create-role-main::-webkit-scrollbar-thumb,.create-role-sidebar::-webkit-scrollbar-thumb,.leads-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.create-role-main::-webkit-scrollbar-thumb:hover,.create-role-sidebar::-webkit-scrollbar-thumb:hover,.leads-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--settings-page-bg:#ffffff08;--settings-page-text:#1e293b;--settings-page-border:#e2e8f0;--settings-page-shadow:0 6px 20px #0000000d;--settings-card-bg:#fff;--settings-card-border:#e2e8f0;--settings-card-shadow:0 6px 20px #0000000d;--settings-card-hover-shadow:0 8px 20px #0000000f;--settings-header-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--settings-header-border:#e2e8f0;--settings-header-shadow:0 6px 20px #0000000a;--settings-title-text:#1e293b;--settings-subtitle-text:#475569;--settings-section-heading-text:#1e293b;--settings-section-heading-border:#e2e8f0;--settings-item-row-hover-bg:#fffc;--settings-item-label-text:#1e293b;--settings-item-icon-color:#64748b;--settings-configured-bg:#dcfce7;--settings-configured-text:#047857;--settings-not-configured-bg:#fef3c7;--settings-not-configured-text:#92400e;--settings-more-link-text:#3b82f6;--settings-ai-banner-bg:linear-gradient(135deg,#f0f9ff,#ecfeff);--settings-ai-banner-border:#bae6fd;--settings-ai-banner-shadow:0 4px 16px #0000000a;--settings-ai-banner-title-text:#0f172a;--settings-ai-banner-subtitle-text:#475569;--settings-ai-banner-btn-bg:linear-gradient(135deg,#c7d2fe,#a5b4fc);--settings-ai-banner-btn-text:#4338ca;--settings-ai-banner-btn-hover-shadow:0 6px 16px #00000014;--settings-icon-circle-bg:linear-gradient(135deg,#c7d2fe,#a5b4fc);--settings-icon-circle-text:#4338ca;--settings-icon-circle-shadow:0 4px 12px #00000014;--settings-scrollbar-track:#ffffff4d;--settings-scrollbar-thumb:#3b82f680;--settings-scrollbar-thumb-hover:#3b82f6b3;--settings-permission-system-bg:#fee2e2;--settings-permission-system-text:#dc2626;--settings-permission-view-only-bg:#fef3c7;--settings-permission-view-only-text:#92400e;--gradient-green-bg:linear-gradient(135deg,#d1fae5,#f0fdf4);--gradient-green-text:#065f46;--gradient-green-hover:#065f4614;--gradient-violet-bg:linear-gradient(135deg,#ede9fe,#f5f3ff);--gradient-violet-text:#6b21a8;--gradient-violet-hover:#6b21a814;--gradient-yellow-bg:linear-gradient(135deg,#fef9c3,#fde68a);--gradient-yellow-text:#92400e;--gradient-yellow-hover:#92400e14;--gradient-gray-bg:linear-gradient(135deg,#f3f4f6,#e5e7eb);--gradient-gray-text:#1e293b;--gradient-gray-hover:#1e293b14;--gradient-blue-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--gradient-blue-text:#1e40af;--gradient-blue-shadow:0 2px 6px #3b82f64d;--gradient-blue-heading:#1d4ed8;--gradient-blue-hover:#3b82f614;--gradient-rose-bg:linear-gradient(135deg,#fce4ec,#f8bbd0);--gradient-rose-text:#880e4f;--gradient-rose-shadow:0 2px 6px #ff69874d;--gradient-rose-heading:#ad1457;--gradient-rose-hover:#ff408114;--gradient-teal-bg:linear-gradient(135deg,#ccfbf1,#a7f3d0);--gradient-teal-text:#047857;--gradient-teal-shadow:0 2px 6px #0d94884d;--gradient-teal-heading:#0f766e;--gradient-teal-hover:#0d948814;--gradient-purple-bg:linear-gradient(135deg,#e9d5ff,#ddd6fe);--gradient-purple-text:#7c3aed;--gradient-purple-shadow:0 2px 6px #7c3aed4d;--gradient-purple-heading:#6d28d9;--gradient-purple-hover:#7c3aed14;--gradient-indigo-bg:linear-gradient(135deg,#e0e7ff,#c7d2fe);--gradient-indigo-text:#4f46e5;--gradient-indigo-shadow:0 2px 6px #4f46e54d;--gradient-indigo-heading:#4338ca;--gradient-indigo-hover:#4f46e514}[data-theme=dark]{--settings-page-bg:#1a1a1af2;--settings-page-text:#fff;--settings-page-border:#0f83;--settings-page-shadow:0 6px 20px #0009;--settings-card-bg:#1a1a1af2;--settings-card-border:#ffffff1a;--settings-card-shadow:0 6px 20px #0009;--settings-card-hover-shadow:0 8px 25px #000000b3;--settings-header-bg:#1a1a1af2;--settings-header-border:#0f83;--settings-header-shadow:0 6px 20px #0009;--settings-title-text:#fff;--settings-subtitle-text:#ccc;--settings-section-heading-text:#fff;--settings-section-heading-border:#0f83;--settings-item-row-hover-bg:#00ff8814;--settings-item-label-text:#fff;--settings-item-icon-color:#ccc;--settings-configured-bg:#00ff882e;--settings-configured-text:linear-gradient(135deg,#065f46,#047857);--settings-not-configured-bg:#ffc1072e;--settings-not-configured-text:#ffd666;--settings-more-link-text:linear-gradient(135deg,#065f46,#047857);--settings-ai-banner-bg:#00f2fe26;--settings-ai-banner-border:#00f2fe4d;--settings-ai-banner-shadow:0 4px 16px #0009;--settings-ai-banner-title-text:#fff;--settings-ai-banner-subtitle-text:#ccc;--settings-ai-banner-btn-bg:#0f83;--settings-ai-banner-btn-text:linear-gradient(135deg,#065f46,#047857);--settings-ai-banner-btn-hover-shadow:0 6px 16px #0009;--settings-icon-circle-bg:#0f83;--settings-icon-circle-text:linear-gradient(135deg,#065f46,#047857);--settings-icon-circle-shadow:0 4px 12px #0009;--settings-scrollbar-track:#00ff881a;--settings-scrollbar-thumb:#00ff884d;--settings-scrollbar-thumb-hover:#00ff8880;--settings-permission-system-bg:#f4433633;--settings-permission-system-text:#ffcdd2;--settings-permission-view-only-bg:#ffc1072e;--settings-permission-view-only-text:#ffd666;--gradient-green-bg:#00ff8826;--gradient-green-text:linear-gradient(135deg,#065f46,#047857);--gradient-green-hover:#00ff8814;--gradient-violet-bg:#a284ff26;--gradient-violet-text:#a284ff;--gradient-violet-hover:#a284ff14;--gradient-yellow-bg:#ffc10726;--gradient-yellow-text:#ffd666;--gradient-yellow-hover:#ffc10714;--gradient-gray-bg:#ffffff1a;--gradient-gray-text:#fff;--gradient-gray-hover:#ffffff14;--gradient-blue-bg:#00f2fe26;--gradient-blue-text:#00f2fe;--gradient-blue-shadow:0 2px 6px #00f2fe4d;--gradient-blue-heading:#00f2fe;--gradient-blue-hover:#00f2fe14;--gradient-rose-bg:#ff6b9d26;--gradient-rose-text:#ff6b9d;--gradient-rose-shadow:0 2px 6px #ff6b9d4d;--gradient-rose-heading:#ff6b9d;--gradient-rose-hover:#ff6b9d14;--gradient-teal-bg:#00ff8826;--gradient-teal-text:linear-gradient(135deg,#065f46,#047857);--gradient-teal-shadow:0 2px 6px #00ff884d;--gradient-teal-heading:linear-gradient(135deg,#065f46,#047857);--gradient-teal-hover:#00ff8814;--gradient-purple-bg:#a284ff26;--gradient-purple-text:#a284ff;--gradient-purple-shadow:0 2px 6px #a284ff4d;--gradient-purple-heading:#a284ff;--gradient-purple-hover:#a284ff14;--gradient-indigo-bg:#7c3aed26;--gradient-indigo-text:#8b5cf6;--gradient-indigo-shadow:0 2px 6px #7c3aed4d;--gradient-indigo-heading:#8b5cf6;--gradient-indigo-hover:#7c3aed14}.settings-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;background:var(--settings-page-bg);box-sizing:border-box;color:#1e293b;color:var(--settings-page-text);display:flex;flex-direction:column;font-family:Google Sans,Poppins,sans-serif;height:100%;min-height:100vh;padding:0;transition:all .3s ease;width:100%}.settings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:1rem}.section-heading{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--settings-section-heading-border);border-radius:12px 12px 0 0;color:#1e293b;color:var(--settings-section-heading-text);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.set-settings-list{display:flex;flex-direction:column;gap:.5rem}.settings-item-row{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;justify-content:space-between;padding:.6rem .75rem;transition:background .2s ease}.settings-item-row:hover{background:#fffc;background:var(--settings-item-row-hover-bg)}.settings-item-row .material-symbols-rounded{color:#64748b;color:var(--settings-item-icon-color);font-size:1.1rem;transition:color .3s ease}.settings-item-row .label{color:#1e293b;color:var(--settings-item-label-text);flex-grow:1;transition:color .3s ease}.status-chip{border-radius:6px;font-size:.75rem;font-weight:600;padding:.2rem .6rem;transition:all .3s ease;white-space:nowrap}.configured{background:#dcfce7;background:var(--settings-configured-bg);color:#047857;color:var(--settings-configured-text)}.not-configured{background:#fef3c7;background:var(--settings-not-configured-bg);color:#92400e;color:var(--settings-not-configured-text)}.more-link{color:#3b82f6;color:var(--settings-more-link-text);cursor:pointer;font-size:.8rem;font-weight:600;margin-top:.5rem;padding-left:.25rem;transition:color .3s ease}.more-link:hover{text-decoration:underline}.lead-card{transition:transform .2s ease,box-shadow .2s ease}.lead-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--settings-card-hover-shadow);transform:translateY(-2px)}.gradient-green{background:linear-gradient(135deg,#d1fae5,#f0fdf4);background:var(--gradient-green-bg);color:#065f46;color:var(--gradient-green-text);transition:all .3s ease}.gradient-green .settings-item-row:hover{background-color:#065f4614;background-color:var(--gradient-green-hover);cursor:pointer}.gradient-violet{background:linear-gradient(135deg,#ede9fe,#f5f3ff);background:var(--gradient-violet-bg);color:#6b21a8;color:var(--gradient-violet-text);transition:all .3s ease}.gradient-violet .settings-item-row:hover{background-color:#6b21a814;background-color:var(--gradient-violet-hover);cursor:pointer}.gradient-yellow{background:linear-gradient(135deg,#fef9c3,#fde68a);background:var(--gradient-yellow-bg);color:#92400e;color:var(--gradient-yellow-text);transition:all .3s ease}.gradient-yellow .settings-item-row:hover{background-color:#92400e14;background-color:var(--gradient-yellow-hover);cursor:pointer}.gradient-gray{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:var(--gradient-gray-bg);color:#1e293b;color:var(--gradient-gray-text);transition:all .3s ease}.gradient-gray .settings-item-row:hover{background-color:#1e293b14;background-color:var(--gradient-gray-hover);cursor:pointer}.gradient-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--gradient-blue-bg);box-shadow:0 2px 6px #3b82f64d;box-shadow:var(--gradient-blue-shadow);color:#1e40af;color:var(--gradient-blue-text);transition:all .3s ease}.gradient-blue .section-heading{color:#1d4ed8;color:var(--gradient-blue-heading)}.gradient-blue .settings-item-row:hover{background-color:#3b82f614;background-color:var(--gradient-blue-hover);cursor:pointer}.gradient-rose{background:linear-gradient(135deg,#fce4ec,#f8bbd0);background:var(--gradient-rose-bg);box-shadow:0 2px 6px #ff69874d;box-shadow:var(--gradient-rose-shadow);color:#880e4f;color:var(--gradient-rose-text);transition:all .3s ease}.gradient-rose .section-heading{color:#ad1457;color:var(--gradient-rose-heading)}.gradient-rose .settings-item-row:hover{background-color:#ff408114;background-color:var(--gradient-rose-hover);cursor:pointer}.gradient-teal{background:linear-gradient(135deg,#ccfbf1,#a7f3d0);background:var(--gradient-teal-bg);box-shadow:0 2px 6px #0d94884d;box-shadow:var(--gradient-teal-shadow);color:#047857;color:var(--gradient-teal-text);transition:all .3s ease}.gradient-teal .section-heading{color:#0f766e;color:var(--gradient-teal-heading)}.gradient-teal .settings-item-row:hover{background-color:#0d948814;background-color:var(--gradient-teal-hover);cursor:pointer}.gradient-purple{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);background:var(--gradient-purple-bg);box-shadow:0 2px 6px #7c3aed4d;box-shadow:var(--gradient-purple-shadow);color:#7c3aed;color:var(--gradient-purple-text);transition:all .3s ease}.gradient-purple .section-heading{color:#6d28d9;color:var(--gradient-purple-heading)}.gradient-purple .settings-item-row:hover{background-color:#7c3aed14;background-color:var(--gradient-purple-hover);cursor:pointer}.gradient-indigo{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);background:var(--gradient-indigo-bg);box-shadow:0 2px 6px #4f46e54d;box-shadow:var(--gradient-indigo-shadow);color:#4f46e5;color:var(--gradient-indigo-text);transition:all .3s ease}.gradient-indigo .section-heading{color:#4338ca;color:var(--gradient-indigo-heading)}.gradient-indigo .settings-item-row:hover{background-color:#4f46e514;background-color:var(--gradient-indigo-hover);cursor:pointer}.settings-card{background:#fff;background:var(--settings-card-bg);border:1px solid #e2e8f0;border:1px solid var(--settings-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--settings-card-shadow);height:330px;transition:transform .2s ease,box-shadow .2s ease,background .3s ease,border-color .3s ease}.settings-header-banner{align-items:center;background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--settings-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--settings-header-border);box-shadow:0 6px 20px #0000000a;box-shadow:var(--settings-header-shadow);display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.settings-header-left{display:flex;flex-direction:column}.settings-title{color:#1e293b;color:var(--settings-title-text);font-size:1.3rem;font-weight:700;margin:0;padding:.5rem;transition:color .3s ease}.settings-subtitle{color:#475569;color:var(--settings-subtitle-text);font-size:.95rem;margin-top:.25rem;transition:color .3s ease}.settings-header-right .gradient-icon-circle{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);background:var(--settings-icon-circle-bg);border-radius:50%;box-shadow:0 4px 12px #00000014;box-shadow:var(--settings-icon-circle-shadow);color:#4338ca;color:var(--settings-icon-circle-text);font-size:1rem;padding:.75rem;transition:all .3s ease}.ai-banner{align-items:center;background:linear-gradient(135deg,#f0f9ff,#ecfeff);background:var(--settings-ai-banner-bg);border:1px solid #bae6fd;border:1px solid var(--settings-ai-banner-border);box-shadow:0 4px 16px #0000000a;box-shadow:var(--settings-ai-banner-shadow);display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.ai-banner-left h2{color:#0f172a;color:var(--settings-ai-banner-title-text);font-size:1.3rem;font-weight:600;margin:0;transition:color .3s ease}.ai-banner-left p{color:#475569;color:var(--settings-ai-banner-subtitle-text);font-size:.95rem;margin-top:.25rem;transition:color .3s ease}.ai-banner-btn{align-items:center;background:linear-gradient(135deg,#c7d2fe,#a5b4fc);background:var(--settings-ai-banner-btn-bg);border:none;border-radius:10px;color:#4338ca;color:var(--settings-ai-banner-btn-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:transform .2s ease,background .3s ease,color .3s ease}.ai-banner-btn:hover{box-shadow:0 6px 16px #00000014;box-shadow:var(--settings-ai-banner-btn-hover-shadow);transform:translateY(-2px)}.settings-card .set-settings-list.scrollable-list{max-height:200px;overflow-y:auto;padding-right:.5rem}.scrollable-list::-webkit-scrollbar{width:6px}.scrollable-list::-webkit-scrollbar-track{background:#ffffff4d;background:var(--settings-scrollbar-track);border-radius:3px}.scrollable-list::-webkit-scrollbar-thumb{background:#3b82f680;background:var(--settings-scrollbar-thumb);border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.scrollable-list::-webkit-scrollbar-thumb:hover{background:#3b82f6b3;background:var(--settings-scrollbar-thumb-hover)}.permission-badge{border-radius:10px;font-size:.7rem;font-weight:600;letter-spacing:.3px;margin-right:.5rem;padding:.15rem .5rem;text-transform:uppercase;transition:all .3s ease}.permission-badge.system{background:#fee2e2;background:var(--settings-permission-system-bg);color:#dc2626;color:var(--settings-permission-system-text)}.permission-badge.view-only{background:#fef3c7;background:var(--settings-permission-view-only-bg);color:#92400e;color:var(--settings-permission-view-only-text)}.settings-item-row.disabled-row{cursor:not-allowed;opacity:.6}.settings-item-row.disabled-row:hover{background:#fffc;background:var(--settings-item-row-hover-bg);transform:none}@media (max-width:768px){.settings-grid{gap:1.5rem;grid-template-columns:1fr;padding:1rem}.settings-card{height:auto;min-height:300px}.ai-banner,.settings-header-banner{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.settings-title{font-size:1.1rem}.section-heading{font-size:.9rem;padding:.75rem}.settings-item-row{font-size:.85rem;padding:.5rem}}@media (max-width:480px){.settings-grid{gap:1rem;padding:.5rem}.settings-card{border-radius:12px}.section-heading{font-size:.85rem;padding:.5rem}}@media (prefers-contrast:high){.ai-banner,.settings-card{border-width:2px}.permission-badge,.status-chip{border:1px solid}}@media (prefers-reduced-motion:reduce){.ai-banner-btn,.lead-card,.settings-card,.settings-item-row{transition:none}.ai-banner-btn:hover,.lead-card:hover{transform:none}}@media print{.settings-page{background:#fff;color:#000}.settings-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.ai-banner-btn{display:none}}.gradient-emerald{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}@media (max-width:1200px){.settings-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem}.settings-card{height:auto;min-height:300px}.section-heading{font-size:.95rem;padding:.875rem}}@media (max-width:992px){.settings-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1rem}.settings-card{height:auto;min-height:280px}.settings-header-banner{padding:1.25rem}.settings-title{font-size:1.2rem}.settings-subtitle{font-size:.9rem}.ai-banner{padding:1.25rem}.ai-banner-left h2{font-size:1.2rem}.ai-banner-left p{font-size:.9rem}}@media (max-width:768px){.settings-page{min-height:100vh;padding:0}.settings-grid{gap:1rem;grid-template-columns:1fr;padding:.75rem}.settings-card{border-radius:16px;height:auto;min-height:260px}.settings-header-banner{align-items:flex-start;border-radius:0;flex-direction:column;gap:1rem;padding:1rem}.settings-header-left{width:100%}.settings-header-right{display:flex;justify-content:flex-start;width:100%}.settings-title{font-size:1.1rem;padding:.25rem}.settings-subtitle{font-size:.875rem}.ai-banner{align-items:flex-start;border-radius:16px;flex-direction:column;gap:1rem;padding:1rem}.ai-banner-left{width:100%}.ai-banner-left h2{font-size:1.1rem;margin-bottom:.25rem}.ai-banner-left p{font-size:.875rem}.ai-banner-right{width:100%}.ai-banner-btn{font-size:.9rem;justify-content:center;padding:.75rem 1rem;width:100%}.section-heading{font-size:.9rem;gap:.4rem;padding:.75rem}.section-heading svg{font-size:1rem}.set-settings-list{padding:.5rem}.settings-item-row{border-radius:10px;font-size:.875rem;padding:.65rem}.settings-item-row .material-symbols-rounded{font-size:1.1rem}.settings-item-row svg{font-size:1rem}.status-chip{font-size:.7rem;padding:.2rem .5rem}.permission-badge{font-size:.65rem;padding:.15rem .4rem}.more-link{font-size:.8rem;padding:.5rem}.settings-card .set-settings-list.scrollable-list{max-height:180px}}@media (max-width:480px){.settings-page{padding:0}.settings-grid{gap:.75rem;padding:.5rem}.settings-card{border-radius:12px;min-height:240px}.settings-header-banner{padding:.875rem}.settings-title{font-size:1rem}.settings-subtitle{font-size:.8rem}.settings-header-right .gradient-icon-circle{font-size:.9rem;padding:.6rem}.ai-banner{border-radius:12px;padding:.875rem}.ai-banner-left h2{font-size:1rem}.ai-banner-left p{font-size:.8rem}.ai-banner-btn{font-size:.85rem;gap:.4rem;padding:.7rem .875rem}.ai-banner-btn .material-symbols-rounded{font-size:1.1rem}.section-heading{font-size:.85rem;gap:.35rem;padding:.65rem}.section-heading svg{font-size:.95rem}.set-settings-list{padding:.4rem}.settings-item-row{font-size:.8rem;padding:.6rem}.settings-item-row .material-symbols-rounded{font-size:1rem}.settings-item-row svg{font-size:.9rem}.status-chip{border-radius:8px;font-size:.65rem;padding:.18rem .45rem}.permission-badge{font-size:.6rem;padding:.12rem .35rem}.more-link{font-size:.75rem;padding:.45rem}.settings-card .set-settings-list.scrollable-list{max-height:160px;padding-right:.25rem}.scrollable-list::-webkit-scrollbar{width:4px}}@media (max-width:360px){.settings-grid{gap:.6rem;padding:.4rem}.settings-card{min-height:220px}.settings-title{font-size:.95rem}.settings-subtitle{font-size:.75rem}.ai-banner-left h2{font-size:.95rem}.ai-banner-left p{font-size:.75rem}.section-heading{font-size:.8rem;padding:.6rem}.settings-item-row{font-size:.75rem;padding:.55rem}.ai-banner-btn{font-size:.8rem;padding:.65rem .75rem}}@media (max-width:768px) and (orientation:landscape){.settings-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.ai-banner,.settings-header-banner{align-items:center;flex-direction:row}.ai-banner-btn{width:auto}.settings-card{min-height:240px}}@media (hover:none) and (pointer:coarse){.settings-item-row{min-height:44px;-webkit-user-select:none;user-select:none}.ai-banner-btn,.settings-item-row{-webkit-tap-highlight-color:transparent}.ai-banner-btn{min-height:48px}.more-link{align-items:center;display:flex;justify-content:center;min-height:40px}.settings-item-row{margin-bottom:.25rem}.settings-item-row:active{transform:scale(.98);transition:transform .1s ease}.ai-banner-btn:active{transform:scale(.98) translateY(0);transition:transform .1s ease}.set-settings-list.scrollable-list{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}.settings-topbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--settings-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--settings-header-border);display:flex;gap:12px;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.settings-search-wrap{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffa6;border:1px solid #00000012;border-radius:999px;box-shadow:0 1px 4px #0000000a;display:flex;flex:1 1;gap:10px;padding:9px 16px;transition:background .2s ease,box-shadow .2s ease}.settings-search-wrap:focus-within{background:#fffffff2;box-shadow:0 2px 16px #00000014,0 0 0 1.5px #4f46e54d}.settings-search-icon{color:#94a3b8;flex-shrink:0;font-size:1.1rem;transition:color .2s ease}.settings-search-wrap:focus-within .settings-search-icon{color:#6366f1}.settings-search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-family:inherit;font-size:.875rem;font-weight:500;min-width:0;outline:none}.settings-search-input::placeholder{color:#94a3b8;font-weight:400}.settings-search-clear{align-items:center;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:20px;justify-content:center;transition:color .15s,background .15s;width:20px}.settings-search-clear:hover{background:#ef44441a;color:#ef4444}.mavi-trigger-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:999px;box-shadow:0 4px 14px #6366f159;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px 8px 8px;position:relative;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.mavi-trigger-btn:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.mavi-trigger-avatar{align-items:center;background:#ffffff40;border:1.5px solid #fff6;border-radius:50%;display:flex;flex-shrink:0;font-size:.85rem;font-weight:800;height:26px;justify-content:center;width:26px}.mavi-trigger-pulse{animation:maviPulse 2s infinite;background:#4ade80;border:1.5px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}@keyframes maviPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.settings-search-results{animation:fadeSlideDown .18s ease;background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 8px 32px #00000026;left:16px;overflow:hidden;position:absolute;right:16px;top:100%;z-index:200}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-search-count{border-bottom:1px solid #f1f5f9;color:#64748b;font-size:.78rem;padding:10px 16px 6px}.settings-search-empty{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;gap:10px;padding:20px 16px}.settings-search-empty .material-symbols-rounded{font-size:1.4rem}.settings-search-list{max-height:360px;overflow-y:auto}.settings-search-item{align-items:center;border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:background .15s ease}.settings-search-item:last-child{border-bottom:none}.settings-search-item:hover{background:#f8fafc}.settings-search-item-icon{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:9px;color:#4f46e5;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.settings-search-item-icon .material-symbols-rounded{font-size:1.1rem}.settings-search-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.settings-search-item-info strong{color:#1e293b;font-size:.875rem;font-weight:500}.settings-search-item-section{color:#94a3b8;font-size:.75rem}.settings-search-item-arrow{color:#cbd5e1;font-size:1rem;transition:color .15s,transform .15s}.settings-search-item:hover .settings-search-item-arrow{color:#6366f1;transform:translateX(3px)}.settings-highlight{background:#6366f11f;border-radius:3px;color:#4f46e5;font-weight:700;padding:0 2px}.mavi-panel{animation:maviPanelIn .28s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e2e8f099;border-radius:20px;bottom:24px!important;box-shadow:0 24px 64px #00000038,0 8px 32px #6366f126;display:flex;flex-direction:column;height:520px;overflow:hidden;position:fixed!important;right:24px!important;transform:none!important;width:360px;z-index:99999!important}@keyframes maviPanelIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mavi-panel-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);gap:10px;padding:14px 16px}.mavi-panel-avatar,.mavi-panel-header{align-items:center;display:flex;flex-shrink:0}.mavi-panel-avatar{background:#ffffff38;border:2px solid #ffffff59;border-radius:50%;color:#fff;font-size:1rem;font-weight:800;height:36px;justify-content:center;width:36px}.mavi-panel-title{display:flex;flex:1 1;flex-direction:column;gap:1px}.mavi-name{color:#fff;font-size:.95rem;font-weight:700}.mavi-status{color:#ffffffbf;font-size:.72rem}.mavi-close-btn{background:#ffffff2e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:4px;transition:background .15s}.mavi-close-btn:hover{background:#ffffff4d}.mavi-close-btn .material-symbols-rounded{font-size:1.1rem}.mavi-messages{background:#f5f7ff;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 14px}.mavi-messages::-webkit-scrollbar{width:4px}.mavi-messages::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.mavi-msg{align-items:flex-end;animation:msgFadeIn .2s ease;display:flex;gap:8px}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mavi-msg-user{flex-direction:row-reverse}.mavi-msg-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.72rem;font-weight:800;height:28px;justify-content:center;width:28px}.mavi-msg-bubble{border-radius:14px;font-size:.845rem;line-height:1.5;max-width:78%;padding:9px 13px}.mavi-msg-mavi .mavi-msg-bubble{background:#fff;border:1px solid #e2e8f099;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000012;color:#1e293b}.mavi-msg-user .mavi-msg-bubble{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom-right-radius:4px;color:#fff}.mavi-typing{align-items:center;display:flex;gap:4px;padding:12px 16px!important}.mavi-typing span{animation:typingBounce 1.2s ease-in-out infinite;background:#a5b4fc;border-radius:50%;height:7px;width:7px}.mavi-typing span:nth-child(2){animation-delay:.2s}.mavi-typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.mavi-input-wrap{background:#fff;border-top:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:8px;padding:12px}.mavi-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;color:#1e293b;flex:1 1;font-family:inherit;font-size:.85rem;outline:none;padding:8px 14px;transition:border-color .2s,box-shadow .2s}.mavi-input:focus{background:#fff;border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f11a}.mavi-input::placeholder{color:#94a3b8}.mavi-send-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:transform .2s,box-shadow .2s;width:36px}.mavi-send-btn:hover:not(:disabled){box-shadow:0 4px 14px #6366f166;transform:scale(1.08)}.mavi-send-btn:disabled{cursor:not-allowed;opacity:.4}.mavi-send-btn .material-symbols-rounded{font-size:1.1rem}[data-theme=dark] .settings-search-wrap{background:#ffffff0f;border-color:#ffffff14}[data-theme=dark] .settings-search-wrap:focus-within{background:#ffffff1a;box-shadow:0 2px 16px #0000004d,0 0 0 1.5px #8b5cf666}[data-theme=dark] .settings-search-input{color:#e2e8f0}[data-theme=dark] .settings-search-icon,[data-theme=dark] .settings-search-input::placeholder{color:#52525b}[data-theme=dark] .settings-search-wrap:focus-within .settings-search-icon{color:#a5b4fc}[data-theme=dark] .settings-search-results{background:#1e293b;border-color:#ffffff1a}[data-theme=dark] .settings-search-count{border-color:#ffffff0f;color:#94a3b8}[data-theme=dark] .settings-search-item:hover{background:#ffffff0a}[data-theme=dark] .settings-search-item{border-color:#ffffff0a}[data-theme=dark] .settings-search-item-info strong{color:#e2e8f0}[data-theme=dark] .settings-search-item-icon{background:#6366f133;color:#a5b4fc}[data-theme=dark] .mavi-panel{background:#1e293b;border-color:#ffffff14}[data-theme=dark] .mavi-messages{background:#0f172a}[data-theme=dark] .mavi-msg-mavi .mavi-msg-bubble{background:#1e293b;border-color:#ffffff14;color:#e2e8f0}[data-theme=dark] .mavi-input-wrap{background:#1e293b;border-color:#ffffff0f}[data-theme=dark] .mavi-input{background:#0f172a;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .mavi-input:focus{background:#1e293b;border-color:#6366f1}@media (max-width:480px){.mavi-panel{border-radius:20px 20px 0 0;bottom:0!important;height:72vh!important;left:0!important;right:0!important;width:100%!important}.settings-topbar{gap:8px;padding:10px 12px}.mavi-trigger-label{display:none}.mavi-trigger-btn{padding:8px 10px 8px 8px}.mavi-trigger-pulse{display:none}}:root{--nr-font:"Plus Jakarta Sans",system-ui,sans-serif;--nr-bg:#f0f2f8;--nr-surface:#fff;--nr-border:#e4e8f0;--nr-border-2:#eef0f6;--nr-text-1:#0d1117;--nr-text-2:#4a5568;--nr-text-3:#94a3b8;--nr-blue:#3b82f6;--nr-blue-bg:#dbeafe;--nr-indigo:#6366f1;--nr-green:#059669;--nr-green-bg:#d1fae5;--nr-amber:#d97706;--nr-amber-bg:#fef3c7;--nr-red:#dc2626;--nr-red-bg:#fee2e2;--nr-shadow-sm:0 1px 3px #0d112612,0 1px 2px #0d11260a;--nr-shadow-md:0 4px 16px #0d112614,0 2px 6px #0d11260a;--nr-shadow-lg:0 16px 48px #0d112624,0 4px 16px #0d11260f;--nr-radius:12px;--nr-sidebar-w:224px;--nr-sidebar-cw:56px}.nr-page{background:#f0f2f8;background:var(--nr-bg);color:#0d1117;color:var(--nr-text-1);display:flex;flex-direction:column;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--nr-font);height:100%;min-height:0}.nr-spin{animation:nr-spin .7s linear infinite;display:inline-block}@keyframes nr-spin{to{transform:rotate(1turn)}}.nr-banner{align-items:center;animation:nr-banner-in .2s ease both;display:flex;font-size:13.5px;font-weight:600;gap:10px;padding:11px 18px}@keyframes nr-banner-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nr-banner--success{background:#f0fdf4;border-bottom:1px solid #86efac;color:#15803d}.nr-banner--error{background:#fef2f2;border-bottom:1px solid #fca5a5;color:#dc2626}.nr-banner .material-symbols-rounded{flex-shrink:0;font-size:18px}.nr-header{background:#fff;background:var(--nr-surface);border-bottom:1.5px solid #e4e8f0;border-bottom:1.5px solid var(--nr-border);flex-shrink:0;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:18px 24px}.nr-header,.nr-header__left{align-items:center;display:flex}.nr-header__left{gap:14px}.nr-header__icon{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:13px;box-shadow:0 4px 14px #6366f152;color:#fff;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.nr-header__icon .material-symbols-rounded{font-size:22px}.nr-header__title{align-items:center;color:#0d1117;color:var(--nr-text-1);display:flex;font-size:18px;font-weight:800;gap:10px;letter-spacing:-.3px;line-height:1;margin:0 0 3px}.nr-header__desc{color:#4a5568;color:var(--nr-text-2);font-size:12.5px;font-weight:500;margin:0}.nr-header__actions{display:flex;flex-shrink:0;gap:8px}.nr-system-badge{align-items:center;background:#fef3c7;background:var(--nr-amber-bg);border-radius:6px;color:#d97706;color:var(--nr-amber);display:inline-flex;font-size:10.5px;font-weight:800;gap:4px;letter-spacing:.04em;padding:3px 9px;text-transform:uppercase}.nr-btn,.nr-system-badge .material-symbols-rounded{font-size:13px}.nr-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--nr-font);font-weight:700;gap:6px;padding:8px 14px;transition:all .14s;white-space:nowrap}.nr-btn .material-symbols-rounded{font-size:16px}.nr-btn--primary{background:linear-gradient(135deg,#6366f1,#7c3aed);box-shadow:0 2px 8px #6366f14d;color:#fff}.nr-btn--primary:hover{box-shadow:0 4px 14px #6366f166;transform:translateY(-1px)}.nr-btn--primary:active{transform:translateY(0)}.nr-btn--ghost{background:#fff;background:var(--nr-surface);border:1.5px solid #e4e8f0;border:1.5px solid var(--nr-border);box-shadow:0 1px 3px #0d112612,0 1px 2px #0d11260a;box-shadow:var(--nr-shadow-sm);color:#4a5568;color:var(--nr-text-2)}.nr-btn--ghost:hover{background:#f7f8fc}.nr-btn--ghost:disabled{cursor:not-allowed;opacity:.5}.nr-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.nr-sidebar{background:#fff;background:var(--nr-surface);border-right:1.5px solid #e4e8f0;border-right:1.5px solid var(--nr-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:width .2s ease;width:224px;width:var(--nr-sidebar-w)}.nr-sidebar--collapsed{width:56px;width:var(--nr-sidebar-cw)}.nr-sidebar__head{align-items:center;border-bottom:1px solid #eef0f6;border-bottom:1px solid var(--nr-border-2);display:flex;flex-shrink:0;justify-content:space-between;min-height:48px;padding:12px 14px}.nr-sidebar--collapsed .nr-sidebar__head{justify-content:center}.nr-sidebar__title{color:#94a3b8;color:var(--nr-text-3);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.nr-sidebar__toggle{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--nr-text-3);cursor:pointer;display:flex;height:26px;justify-content:center;transition:background .12s;width:26px}.nr-sidebar__toggle:hover{background:#eef0f6;background:var(--nr-border-2);color:#4a5568;color:var(--nr-text-2)}.nr-sidebar__toggle .material-symbols-rounded{font-size:17px}.nr-sidebar__group-label{align-items:center;color:#94a3b8;color:var(--nr-text-3);display:flex;font-size:10px;font-weight:800;gap:5px;letter-spacing:.06em;padding:10px 14px 4px;text-transform:uppercase}.nr-sidebar__group-label .material-symbols-rounded{font-size:12px}.nr-sidebar__group-label--system{color:#d97706;color:var(--nr-amber)}.nr-sidebar__separator{background:#eef0f6;background:var(--nr-border-2);height:1px;margin:6px 10px}.nr-sidebar__list{list-style:none;margin:0;padding:2px 6px 6px}.nr-sidebar__item{align-items:center;border-radius:8px;color:#4a5568;color:var(--nr-text-2);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:9px;margin-bottom:1px;overflow:hidden;padding:8px 10px;transition:background .12s;white-space:nowrap}.nr-sidebar--collapsed .nr-sidebar__item{justify-content:center;padding:10px}.nr-sidebar__item:hover{background:#f7f8fc;color:#0d1117;color:var(--nr-text-1)}.nr-sidebar__item--active{background:#eef2ff;font-weight:700}.nr-sidebar__item--active,.nr-sidebar__item--active .nr-sidebar__item-icon{color:#6366f1;color:var(--nr-indigo)}.nr-sidebar__item--system{color:#94a3b8;color:var(--nr-text-3)}.nr-sidebar__item--locked{cursor:not-allowed;opacity:.5}.nr-sidebar__item--locked:hover{background:none}.nr-sidebar__item-icon{flex-shrink:0;font-size:18px}.nr-sidebar__item-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.nr-sidebar__item-lock{color:#94a3b8;color:var(--nr-text-3);font-size:14px;margin-left:auto}.nr-main{flex:1 1;min-width:0;overflow-y:auto;padding:20px 24px}.nr-loading{align-items:center;color:#4a5568;color:var(--nr-text-2);display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:12px;justify-content:center;min-height:260px}.nr-loading .material-symbols-rounded{color:#6366f1;color:var(--nr-indigo);font-size:36px}.nr-empty{background:#fff;background:var(--nr-surface);border:1.5px solid #e4e8f0;border:1.5px solid var(--nr-border);box-shadow:0 1px 3px #0d112612,0 1px 2px #0d11260a;box-shadow:var(--nr-shadow-sm);flex-direction:column;gap:12px;padding:72px 40px;text-align:center}.nr-empty,.nr-empty__icon{align-items:center;border-radius:16px;display:flex;justify-content:center}.nr-empty__icon{background:linear-gradient(135deg,#6366f1,#7c3aed);box-shadow:0 6px 20px #6366f147;color:#fff;height:64px;margin-bottom:6px;width:64px}.nr-empty__icon .material-symbols-rounded{font-size:32px}.nr-empty h3{color:#0d1117;color:var(--nr-text-1);font-size:17px;font-weight:800;margin:0}.nr-empty p{color:#4a5568;color:var(--nr-text-2);font-size:13.5px;margin:0;max-width:360px}.nr-empty__hint{align-items:center;color:#94a3b8;color:var(--nr-text-3);display:flex;font-size:12.5px;gap:5px;margin-top:4px}.nr-empty__hint .material-symbols-rounded{font-size:15px}.nr-card{background:#fff;background:var(--nr-surface);border:1.5px solid #e4e8f0;border:1.5px solid var(--nr-border);border-radius:16px;box-shadow:0 4px 16px #0d112614,0 2px 6px #0d11260a;box-shadow:var(--nr-shadow-md);overflow:hidden}.nr-card__head{align-items:center;background:#fafbff;border-bottom:1px solid #eef0f6;border-bottom:1px solid var(--nr-border-2);display:flex;justify-content:space-between;padding:14px 18px}.nr-card__head-left{align-items:center;display:flex;gap:10px}.nr-card__head-icon{color:#6366f1;color:var(--nr-indigo);font-size:18px}.nr-card__head-title{color:#0d1117;color:var(--nr-text-1);font-size:14px;font-weight:700}.nr-count{background:#eef0f6;background:var(--nr-border-2);border-radius:10px;color:#4a5568;color:var(--nr-text-2);font-size:11px;font-weight:700;padding:2px 8px}.nr-table-wrap{overflow-x:auto}.nr-table{border-collapse:collapse;font-size:13px;width:100%}.nr-table thead tr{background:#f7f8fc;border-bottom:1.5px solid #e4e8f0;border-bottom:1.5px solid var(--nr-border)}.nr-table th{color:#94a3b8;color:var(--nr-text-3);font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.nr-row{border-bottom:1px solid #eef0f6;border-bottom:1px solid var(--nr-border-2);transition:background .1s}.nr-row:last-child{border-bottom:none}.nr-row:hover{background:#f8fafc}.nr-table td{padding:12px 14px;vertical-align:middle}.nr-scope-badge{align-items:center;border-radius:7px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.03em;padding:4px 10px}.nr-scope-badge .material-symbols-rounded{font-size:13px}.nr-scope-badge--account{background:#dbeafe;color:#1e40af}.nr-scope-badge--branch{background:#ede9fe;color:#5b21b6}.nr-cell-branch__name{color:#0d1117;color:var(--nr-text-1);display:block;font-size:13px;font-weight:600}.nr-cell-branch__id{background:#eef0f6;background:var(--nr-border-2);border-radius:4px;color:#94a3b8;color:var(--nr-text-3);font-size:10.5px;padding:1px 6px}.nr-cell-branch__id,.nr-prefix{font-family:SF Mono,Fira Code,monospace}.nr-prefix{background:#f0f2f8;border:1px solid #e4e8f0;border:1px solid var(--nr-border);border-radius:5px;color:#6366f1;color:var(--nr-indigo);font-size:12px;font-weight:700;padding:3px 8px}.nr-range{color:#3b82f6;color:var(--nr-blue);font-size:12.5px;font-weight:700}.nr-current{color:#059669;color:var(--nr-green);font-weight:700}.nr-muted{color:#94a3b8;color:var(--nr-text-3);font-size:12px}.nr-remaining{align-items:center;display:flex;gap:7px}.nr-remaining__num{color:#0d1117;color:var(--nr-text-1);font-size:13px;font-weight:700;min-width:36px}.nr-remaining__num--low{color:#d97706;color:var(--nr-amber)}.nr-remaining__pct{color:#94a3b8;color:var(--nr-text-3);font-size:11px;min-width:32px}.nr-usage-bar{background:#eef0f6;background:var(--nr-border-2);border-radius:3px;flex-shrink:0;height:5px;overflow:hidden;width:60px}.nr-usage-bar__fill{background:linear-gradient(90deg,#6366f1,#7c3aed);border-radius:3px;height:100%;transition:width .3s ease}.nr-usage-bar__fill--low{background:linear-gradient(90deg,#f59e0b,#d97706)}.nr-pills{display:flex;flex-wrap:wrap;gap:4px}.nr-pill{border-radius:5px;font-size:9.5px;font-weight:800;letter-spacing:.05em;padding:2px 7px;text-transform:uppercase}.nr-pill--ext{background:#fef3c7;background:var(--nr-amber-bg);color:#d97706;color:var(--nr-amber)}.nr-pill--fix{background:#dbeafe;background:var(--nr-blue-bg);color:#1e40af}.nr-pill--gap{background:#d1fae5;background:var(--nr-green-bg);color:#065f46}.nr-pill--buf{background:#ede9fe;color:#5b21b6}.nr-icon-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .13s;width:32px}.nr-icon-btn .material-symbols-rounded{font-size:16px}.nr-icon-btn--edit{background:#eef2ff;color:#6366f1;color:var(--nr-indigo)}.nr-icon-btn--edit:hover{background:#6366f1;background:var(--nr-indigo);box-shadow:0 2px 8px #6366f14d;color:#fff}.nr-icon-btn--view{background:#eef0f6;background:var(--nr-border-2);color:#4a5568;color:var(--nr-text-2)}.nr-icon-btn--view:hover{background:#e4e8f0;background:var(--nr-border)}.nr-overlay{align-items:center;animation:nr-overlay-in .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d112673;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes nr-overlay-in{0%{opacity:0}to{opacity:1}}.nr-modal{animation:nr-modal-in .25s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--nr-surface);border:1.5px solid #ffffffb3;border-radius:16px;box-shadow:0 16px 48px #0d112624,0 4px 16px #0d11260f;box-shadow:var(--nr-shadow-lg);display:flex;flex-direction:column;max-height:88vh;max-width:680px;overflow:hidden;width:100%}.nr-modal--sm{max-width:480px}@keyframes nr-modal-in{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.nr-modal:before{background:linear-gradient(90deg,#6366f1,#7c3aed,#0ea5e9);content:"";flex-shrink:0;height:3px}.nr-modal__head{align-items:flex-start;border-bottom:1px solid #eef0f6;border-bottom:1px solid var(--nr-border-2);display:flex;flex-shrink:0;gap:12px;padding:18px 20px 14px}.nr-modal__head-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:10px;box-shadow:0 3px 10px #6366f14d;color:#fff;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.nr-modal__head-icon .material-symbols-rounded{font-size:19px}.nr-modal__title{color:#0d1117;color:var(--nr-text-1);font-size:15px;font-weight:800;letter-spacing:-.1px;margin:0 0 2px}.nr-modal__sub{color:#94a3b8;color:var(--nr-text-3);font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500;margin:0}.nr-modal__close{align-items:center;background:#eef0f6;background:var(--nr-border-2);border:none;border-radius:8px;color:#4a5568;color:var(--nr-text-2);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;margin-left:auto;transition:all .12s;width:30px}.nr-modal__close:hover{background:#e4e8f0;background:var(--nr-border);transform:rotate(90deg)}.nr-modal__close .material-symbols-rounded{font-size:17px}.nr-modal__body{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:16px 20px}.nr-modal__foot{background:#fafbff;border-top:1px solid #eef0f6;border-top:1px solid var(--nr-border-2);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}.nr-section{background:#f9fafb;border:1.5px solid #e4e8f0;border:1.5px solid var(--nr-border);border-radius:11px;display:flex;flex-direction:column;gap:12px;padding:14px 16px}.nr-section__title{align-items:center;color:#4a5568;color:var(--nr-text-2);display:flex;font-size:11px;font-weight:800;gap:7px;letter-spacing:.06em;text-transform:uppercase}.nr-section__title .material-symbols-rounded{color:#6366f1;color:var(--nr-indigo);font-size:15px}.nr-form-grid{grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr}.nr-field{display:flex;flex-direction:column;gap:5px}.nr-field--span2{grid-column:span 2}.nr-label{color:#4a5568;color:var(--nr-text-2);font-size:11.5px;font-weight:700;letter-spacing:.01em}.nr-input{background:#fff;background:var(--nr-surface);border:1.5px solid #e4e8f0;border:1.5px solid var(--nr-border);border-radius:8px;box-sizing:border-box;color:#0d1117;color:var(--nr-text-1);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--nr-font);font-size:13px;padding:8px 11px;transition:border-color .13s,box-shadow .13s;width:100%}.nr-input:focus{border-color:#6366f1;border-color:var(--nr-indigo);box-shadow:0 0 0 3px #6366f11f;outline:none}.nr-input:disabled{background:#f0f2f8;color:#94a3b8;color:var(--nr-text-3);cursor:not-allowed}.nr-form-toggles{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}.nr-toggle{align-items:center;background:#fff;background:var(--nr-surface);border:1.5px solid #e4e8f0;border:1.5px solid var(--nr-border);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:7px 12px;transition:all .12s;-webkit-user-select:none;user-select:none}.nr-toggle:hover{background:#fafbff;border-color:#6366f1;border-color:var(--nr-indigo)}.nr-toggle input[type=checkbox]{display:none}.nr-toggle__track{background:#e4e8f0;background:var(--nr-border);border-radius:9px;flex-shrink:0;height:18px;position:relative;transition:background .15s;width:32px}.nr-toggle__track:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform .15s;width:14px}.nr-toggle input:checked+.nr-toggle__track{background:#6366f1;background:var(--nr-indigo)}.nr-toggle input:checked+.nr-toggle__track:after{transform:translateX(14px)}.nr-toggle__label{color:#4a5568;color:var(--nr-text-2);font-size:12.5px;font-weight:600}.nr-selected-branch{align-items:center;background:#dbeafe;border:1.5px solid #93c5fd;border-radius:9px;display:flex;gap:10px;padding:9px 12px}.nr-selected-branch .material-symbols-rounded{color:#1e40af;flex-shrink:0;font-size:18px}.nr-selected-branch__name{color:#1e40af;display:block;font-size:13px;font-weight:700}.nr-selected-branch__id{color:#3b82f6;font-family:SF Mono,Fira Code,monospace;font-size:11px}.nr-branch-pick{align-items:center;background:#fff;border:1.5px dashed #e4e8f0;border:1.5px dashed var(--nr-border);border-radius:9px;color:#4a5568;color:var(--nr-text-2);cursor:pointer;display:flex;gap:10px;padding:9px 12px;text-align:left;transition:all .13s;width:100%}.nr-branch-pick:hover:not(:disabled){background:#fafbff;border-color:#6366f1;border-color:var(--nr-indigo)}.nr-branch-pick:disabled{cursor:not-allowed;opacity:.5}.nr-branch-pick--chosen{background:#eef2ff;border-color:#6366f1;border-color:var(--nr-indigo);border-style:solid}.nr-branch-pick .material-symbols-rounded{flex-shrink:0;font-size:18px}.nr-branch-pick__name{color:#0d1117;color:var(--nr-text-1);display:block;font-size:13px;font-weight:700}.nr-branch-pick__id{color:#94a3b8;color:var(--nr-text-3);font-family:SF Mono,Fira Code,monospace;font-size:11px}.nr-branch-pick__placeholder{color:#94a3b8;color:var(--nr-text-3);font-size:13px}.nr-branch-pick__chevron{color:#94a3b8;color:var(--nr-text-3);font-size:18px;margin-left:auto}.nr-search{align-items:center;background:#f9fafb;border:1.5px solid #e4e8f0;border:1.5px solid var(--nr-border);border-radius:9px;display:flex;gap:8px;margin-bottom:12px;padding:9px 12px;transition:border-color .13s}.nr-search:focus-within{background:#fff;border-color:#6366f1;border-color:var(--nr-indigo);box-shadow:0 0 0 3px #6366f11a}.nr-search .material-symbols-rounded{color:#94a3b8;color:var(--nr-text-3);flex-shrink:0;font-size:17px}.nr-search input{background:none;border:none;color:#0d1117;color:var(--nr-text-1);flex:1 1;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--nr-font);font-size:13.5px;outline:none}.nr-branch-list{max-height:380px;overflow-y:auto}.nr-branch-list__empty{align-items:center;color:#94a3b8;color:var(--nr-text-3);display:flex;flex-direction:column;gap:8px;padding:40px 20px;text-align:center}.nr-branch-list__empty .material-symbols-rounded{font-size:30px}.nr-branch-item{align-items:center;background:none;border:none;border-bottom:1px solid #eef0f6;border-bottom:1px solid var(--nr-border-2);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--nr-font);gap:11px;padding:11px 12px;text-align:left;transition:background .1s;width:100%}.nr-branch-item:last-child{border-bottom:none}.nr-branch-item:hover{background:#f7f8fc}.nr-branch-item__icon{align-items:center;background:#dbeafe;border-radius:9px;color:#1e40af;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.nr-branch-item__icon .material-symbols-rounded{font-size:17px}.nr-branch-item__info{flex:1 1;min-width:0}.nr-branch-item__name{color:#0d1117;color:var(--nr-text-1);display:block;font-size:13.5px;font-weight:700;margin-bottom:3px}.nr-branch-item__meta{display:flex;flex-wrap:wrap;gap:6px}.nr-branch-item__meta code{background:#eef0f6;background:var(--nr-border-2);border-radius:4px;color:#4a5568;color:var(--nr-text-2);font-family:SF Mono,Fira Code,monospace;font-size:10.5px;padding:1px 6px}.nr-branch-item__code{background:#fef3c7!important;background:var(--nr-amber-bg)!important;color:#d97706!important;color:var(--nr-amber)!important}.nr-branch-item__arrow{color:#94a3b8;color:var(--nr-text-3);font-size:15px;transition:color .1s}.nr-branch-item:hover .nr-branch-item__arrow{color:#6366f1;color:var(--nr-indigo)}@media (max-width:768px){.nr-header{padding:14px 16px}.nr-sidebar{width:56px;width:var(--nr-sidebar-cw)}.nr-sidebar__group-label,.nr-sidebar__item-label,.nr-sidebar__item-lock,.nr-sidebar__title{display:none}.nr-sidebar__item{justify-content:center;padding:10px}.nr-main{padding:14px 16px}.nr-form-grid{grid-template-columns:1fr}.nr-field--span2{grid-column:span 1}.nr-modal{align-self:flex-end;border-radius:16px 16px 0 0;max-width:100%}.nr-overlay{align-items:flex-end;padding:0}}:root{--leads-page-bg:#fff;--leads-page-border:#e2e8f0;--leads-page-shadow:0 1px 6px #0000000d;--table-bg:#fff;--table-shadow:0 2px 6px #0000000d;--table-header-bg:#f9fafb;--table-header-text:#334155;--table-header-border:#e2e8f0;--table-cell-text:#1e293b;--table-cell-border:#e2e8f0;--row-hover-bg:#e0f2fe;--row-hover-border:#3b82f6;--row-hover-shadow:0 6px 18px #0000000f;--row-shadow:0 4px 12px #00000008;--leadid-assigned-bg:linear-gradient(135deg,#bbf7d0,#dcfce7);--leadid-assigned-text:#065f46;--leadid-not-assigned-bg:linear-gradient(135deg,#fde68a,#fef9c3);--leadid-not-assigned-text:#92400e;--leadid-cell-text:#1e293b;--leadid-cell-shadow:0 8px 24px #1e40af26;--inspect-icon-bg:#fff9;--inspect-icon-color:#1e40af;--inspect-icon-border:#1e40af1a;--inspect-icon-shadow:0 4px 12px #1e40af1a,0 2px 4px #1e40af14;--inspect-icon-shadow-hover:0 6px 14px #1e40af26,0 4px 8px #1e40af1f;--inspect-icon-focus-shadow:0 0 0 3px #6366f166;--filter-text:#333;--action-menu-bg:#fff;--action-menu-border:#ddd;--action-menu-shadow:0 2px 10px #0000001a;--action-menu-text:#333;--action-menu-hover-bg:linear-gradient(90deg,#f0f9ff,#e0f2fe);--action-menu-hover-text:#0f172a;--action-menu-icon-color:#3b82f6;--popup-overlay-bg:#0006;--popup-bg:#fff;--popup-shadow:0 6px 20px #0000001a;--popup-text:#000;--popup-textarea-border:#ccc;--popup-button-cancel-bg:#f3f4f6;--popup-button-cancel-text:#374151;--popup-button-submit-bg:linear-gradient(135deg,#6366f1,#818cf8);--popup-button-submit-text:#fff;--popup-button-submit-shadow:0 2px 6px #6366f14d;--text-color:#000;--lead-icon-color:#5c6bc0;--scrollbar-thumb:#94a3b8;--insights-popup-bg:#fff;--insights-popup-border:#0000000d;--insights-popup-shadow:0 12px 40px #0000001a;--insights-popup-text:#111827;--insights-title-text:#1f2937;--status-new:#2563eb;--status-not-contacted:#f97316;--status-contacted:#facc15;--status-interested:#10b981;--status-follow-up:#3b82f6;--status-converted:#22c55e;--status-lost:#9ca3af;--status-other:#6ee7b7;--status-text-color:#111827;--status-sub-color:#6b7280;--insight-card-green:linear-gradient(135deg,#dcfce7,#f0fdf4);--insight-card-green-text:#065f46;--insight-card-violet:linear-gradient(135deg,#ede9fe,#f5f3ff);--insight-card-violet-text:#6b21a8;--insight-card-amber:linear-gradient(135deg,#fef9c3,#fefce8);--insight-card-amber-text:#92400e;--insight-card-red:linear-gradient(135deg,#ffe4e6,#fef2f2);--insight-card-red-text:#b91c1c;--insight-card-blue:linear-gradient(135deg,#dbeafe,#eff6ff);--insight-card-blue-text:#1d4ed8}[data-theme=dark]{--leads-page-bg:#1a1a1ae6;--leads-page-border:#ffffff1a;--leads-page-shadow:0 1px 6px #0000004d;--table-bg:#1a1a1ae6;--table-shadow:0 2px 6px #0006;--table-header-bg:#333c;--table-header-text:#fff;--table-header-border:#ffffff1a;--table-cell-text:#fff;--table-cell-border:#ffffff1a;--row-hover-bg:#00ff881a;--row-hover-border:linear-gradient(135deg,#065f46,#047857);--row-hover-shadow:0 6px 18px #00ff8826;--row-shadow:0 4px 12px #0000004d;--leadid-assigned-bg:#00ff8826;--leadid-assigned-text:linear-gradient(135deg,#065f46,#047857);--leadid-not-assigned-bg:#ff9f0a26;--leadid-not-assigned-text:#ff9f0a;--leadid-cell-text:#fff;--leadid-cell-shadow:0 8px 24px #0f83;--text-color:#fff;--inspect-icon-bg:#1a1a1acc;--inspect-icon-color:#065f46;--inspect-icon-border:#0f83;--inspect-icon-shadow:0 4px 12px #00ff8826,0 2px 4px #00ff881a;--inspect-icon-shadow-hover:0 6px 14px #00ff8840,0 4px 8px #0f83;--inspect-icon-focus-shadow:0 0 0 3px #0f86;--filter-text:#fff;--action-menu-bg:#1a1a1af2;--action-menu-border:#ffffff1a;--action-menu-shadow:0 8px 20px #0009;--action-menu-text:#fff;--action-menu-hover-bg:linear-gradient(90deg,#00ff881a,#00ccff1a);--action-menu-hover-text:#fff;--action-menu-icon-color:#065f46;--popup-overlay-bg:#000c;--popup-bg:#1a1a1af2;--popup-shadow:0 6px 20px #0009;--popup-text:#fff;--popup-textarea-border:#fff3;--popup-button-cancel-bg:#333c;--popup-button-cancel-text:#ccc;--popup-button-submit-bg:linear-gradient(135deg,#065f46,#047857);--popup-button-submit-text:#000;--popup-button-submit-shadow:0 2px 6px #00ff884d;--lead-icon-color:#065f46;--scrollbar-track:#0000;--insights-popup-bg:#1a1a1af2;--insights-popup-border:#ffffff1a;--insights-popup-shadow:0 12px 40px #0009;--insights-popup-text:#fff;--insights-title-text:#fff;--status-text-color:#fff;--status-sub-color:#ccc;--insight-card-green:#00ff8826;--insight-card-green-text:linear-gradient(135deg,#065f46,#047857);--insight-card-violet:#a284ff26;--insight-card-violet-text:#a284ff;--insight-card-amber:#ff9f0a26;--insight-card-amber-text:#ff9f0a;--insight-card-red:#ff3b3026;--insight-card-red-text:#ff3b30;--insight-card-blue:#00ccff26;--insight-card-blue-text:#0cf}.leads-page{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--leads-page-bg);border:1px solid #e2e8f0;border:1px solid var(--leads-page-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--leads-page-shadow);display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:0;transition:all .3s ease}.leads-table-wrapper::-webkit-scrollbar{height:8px}.leads-table-wrapper::-webkit-scrollbar-thumb{background-color:#94a3b8;background-color:var(--scrollbar-thumb);border-radius:4px}.leads-table table{background:#fff;background:var(--table-bg);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--table-shadow);transition:all .3s ease;width:100%}.leads-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--table-header-border);color:#334155;color:var(--table-header-text);font-weight:600;letter-spacing:.02em;text-align:left}.leads-table td,.leads-table th{font-size:.9rem;padding:.85rem 1.2rem;transition:all .3s ease}.leads-table td{border:none;color:#1e293b;color:var(--table-cell-text)}.leads-table tbody tr{border-left:4px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000008;box-shadow:var(--row-shadow);display:table-row;overflow:hidden;position:relative;transition:all .3s ease;z-index:1}.leads-table tbody tr:hover{background:#e0f2fe;background:var(--row-hover-bg);border-left-color:#3b82f6;border-left-color:var(--row-hover-border);box-shadow:0 6px 18px #0000000f;box-shadow:var(--row-hover-shadow);transform:translateY(-1px)}.lead-name-with-avatar{align-items:center;color:#1e293b;color:var(--table-cell-text);display:flex;font-weight:500;gap:.75rem;transition:color .3s ease}.leads-table tr:hover .action-buttons{opacity:1}.leadid-assigned{background:linear-gradient(135deg,#bbf7d0,#dcfce7)!important;background:var(--leadid-assigned-bg)!important;color:#065f46;color:var(--leadid-assigned-text)}.leadid-not-assigned{background:linear-gradient(135deg,#fde68a,#fef9c3)!important;background:var(--leadid-not-assigned-bg)!important;color:#92400e;color:var(--leadid-not-assigned-text)}.leads-table-container::-webkit-scrollbar{height:8px;width:8px}.leads-table-container::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--scrollbar-thumb);border-radius:6px}.leads-table-container::-webkit-scrollbar-track{background:#0000;background:var(--scrollbar-track)}.leadid-cell{border-radius:10px;color:#1e293b;color:var(--leadid-cell-text);font-size:.95rem;font-weight:600;min-width:160px;overflow:hidden;padding:.5rem .75rem;position:relative;text-overflow:ellipsis;transition:box-shadow .2s ease,transform .2s ease,color .3s ease;white-space:nowrap;width:160px}.leadid-cell:hover{box-shadow:0 8px 24px #1e40af26;box-shadow:var(--leadid-cell-shadow);transform:translateY(-2px)}.leadid-cell .inspect-icon{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;background:var(--inspect-icon-bg);border:1px solid #1e40af1a;border:1px solid var(--inspect-icon-border);border-radius:8px;box-shadow:0 4px 12px #1e40af1a,0 2px 4px #1e40af14;box-shadow:var(--inspect-icon-shadow);color:#1e40af;color:var(--inspect-icon-color);cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;opacity:0;position:absolute;right:2px;top:8px;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,right .3s ease,color .3s ease,background .3s ease;width:24px}.leadid-cell:hover .inspect-icon{box-shadow:0 6px 14px #1e40af26,0 4px 8px #1e40af1f;box-shadow:var(--inspect-icon-shadow-hover);opacity:1;right:6px;transform:scale(1.05)}.leadid-cell .inspect-icon:focus{box-shadow:0 0 0 3px #6366f166;box-shadow:var(--inspect-icon-focus-shadow);outline:none}.filter-left{color:#333;color:var(--filter-text)}.actions-button{color:var(--table-cell-text)}.action-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ddd;border:1px solid var(--action-menu-border);border-radius:8px;position:absolute;right:0;top:26px;z-index:999}.action-menu div{border-bottom:1px solid #ddd;border-bottom:1px solid var(--action-menu-border);padding:10px 12px;transition:all .3s ease}.action-menu div:last-child{border-bottom:none}.custom-date-popup-wrapper .popup-actions{display:flex;gap:.5rem;justify-content:flex-end}.leads-table tr:hover .row-hover-meta{opacity:1;transform:translateY(0)}.lead-id-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.lead-id-top{align-items:center;display:flex;gap:6px}.lead-status-cell{font-family:Poppins,sans-serif;padding:8px 12px;vertical-align:top}.lead-status-wrapper{display:flex;flex-direction:column;font-size:12px;font-weight:500;line-height:1.4}.lead-status-line{align-items:center;display:flex;gap:6px}.lead-status-pill{border-radius:999px;color:#fff;display:inline-block;font-size:12px;font-weight:500;line-height:1;padding:4px 12px;text-transform:capitalize}.lead-status-text{color:#111827;color:var(--status-text-color);font-size:13px;font-weight:600;line-height:1.4;text-transform:capitalize;transition:color .3s ease}.lead-status-sub{color:#6b7280;color:var(--status-sub-color);font-size:11px;margin-left:16px;transition:color .3s ease}.lead-status-new{background-color:#2563eb;background-color:var(--status-new)}.lead-status-not-contacted{background-color:#f97316;background-color:var(--status-not-contacted)}.lead-status-contacted{background-color:#facc15;background-color:var(--status-contacted)}.lead-status-interested{background-color:#10b981;background-color:var(--status-interested)}.lead-status-follow-up,.lead-status-walk-in-expected{background-color:#3b82f6;background-color:var(--status-follow-up)}.lead-status-trial-class-scheduled--done{background-color:#8b5cf6}.lead-status-trial{background-color:#6366f1}.lead-status-converted{background-color:#22c55e;background-color:var(--status-converted)}.lead-status-follow-up-due{background-color:#3b82f6;background-color:var(--status-follow-up)}.lead-status-blocked,.lead-status-lost{background-color:#9ca3af;background-color:var(--status-lost)}.lead-status-other{background-color:#6ee7b7;background-color:var(--status-other)}.leads-table tbody tr{background:none;border-left:none;box-shadow:none}.action-menu{background:var(--action-menu-bg);box-shadow:0 2px 10px #0000001a;box-shadow:var(--action-menu-shadow);min-width:160px}.action-menu div{color:#333;color:var(--action-menu-text);transition:background .2s ease,padding-left .2s ease,color .3s ease}.action-menu .material-symbols-rounded{color:#3b82f6;color:var(--action-menu-icon-color)}.action-menu div:hover{background:linear-gradient(90deg,#f0f9ff,#e0f2fe);background:var(--action-menu-hover-bg);color:var(--action-menu-hover-text)}.popup-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--popup-overlay-bg)}.popup-box{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--popup-bg);border:1px solid #e2e8f0;border:1px solid var(--leads-page-border);box-shadow:var(--popup-shadow)}.popup-box,.popup-box h3,.popup-box textarea{color:#000;color:var(--popup-text)}.popup-box textarea{background:var(--popup-bg);border:1px solid var(--popup-textarea-border)}.popup-actions{gap:.5rem;margin-top:1rem}.popup-actions button{transition:background .2s ease,box-shadow .2s ease,color .3s ease}.popup-actions button:first-child{background:var(--popup-button-cancel-bg);color:var(--popup-button-cancel-text)}.popup-actions button:last-child{background:linear-gradient(135deg,#6366f1,#818cf8);background:var(--popup-button-submit-bg);box-shadow:0 2px 6px #6366f14d;box-shadow:var(--popup-button-submit-shadow);color:var(--popup-button-submit-text)}[data-theme=dark] .popup-actions button:hover{box-shadow:0 3px 10px #0006}.lead-icon{color:#5c6bc0;color:var(--lead-icon-color);font-size:1.3rem;transition:color .3s ease}.leads-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--table-bg);border:1px solid #e2e8f0;border:1px solid var(--leads-page-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--leads-page-shadow);flex:1 1;margin:1rem;max-height:calc(100vh - 310px);min-height:0;overflow:auto;transition:all .3s ease}.leads-table-container.card-view-mode{max-height:none;overflow-y:visible}.leads-table-scroll-wrapper{position:relative}.leads-table,.leads-table-scroll-wrapper{min-width:100%;width:-webkit-max-content;width:max-content}.leads-table{background:#fff;background:var(--table-bg);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--table-shadow);transition:all .3s ease}.leads-table td,.leads-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--table-cell-border);padding:.75rem 1rem;text-align:left;transition:all .3s ease;white-space:nowrap}.popup-overlay.transparent{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0006;background:var(--popup-overlay-bg)}.lip-backdrop{align-items:center;animation:lip-fade .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a59;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1200}@keyframes lip-fade{0%{opacity:0}to{opacity:1}}.lip-modal{animation:lip-slide .28s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffd9;border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 4px 16px #0f172a14,0 24px 64px #0f172a21,inset 0 1px 0 #fff;display:flex;flex-direction:column;max-height:min(86vh,780px);overflow:hidden;position:relative;width:min(680px,100%)}@keyframes lip-slide{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.lip-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;padding:18px 22px 16px}.lip-header,.lip-header-left{align-items:center;display:flex}.lip-header-left{gap:13px}.lip-header-icon{align-items:center;background:#6366f11a;border:1px solid #6366f12e;border-radius:11px;display:flex;height:42px;justify-content:center;width:42px}.lip-header-icon .material-symbols-rounded{color:#6366f1;font-size:21px}.lip-title{color:#0f172a;font-size:15px;font-weight:700;letter-spacing:-.015em}.lip-subtitle,.lip-title{font-family:DM Sans,Inter,sans-serif}.lip-subtitle{color:#94a3b8;font-size:11.5px;margin-top:2px}.lip-close-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .18s ease;width:32px}.lip-close-btn:hover{background:#ef44440f;border-color:#ef444438;color:#ef4444}.lip-close-btn .material-symbols-rounded{font-size:16px}.lip-body{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:18px 20px 20px}.lip-body::-webkit-scrollbar{width:4px}.lip-body::-webkit-scrollbar-track{background:#0000}.lip-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.lip-error,.lip-loading{align-items:center;color:#94a3b8;display:flex;font-family:DM Sans,Inter,sans-serif;font-size:13px;gap:8px;justify-content:center;padding:40px 20px}.lip-error{color:#ef4444}@keyframes lip-spin{to{transform:rotate(1turn)}}.lip-spin{animation:lip-spin .75s linear infinite;display:inline-block}.lip-stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.lip-stat-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a0f,0 4px 16px #0f172a0f;cursor:default;display:flex;gap:14px;padding:16px 16px 14px;transition:box-shadow .18s ease,transform .18s ease}.lip-stat-card:hover{box-shadow:0 4px 12px #0f172a1a,0 12px 32px #0f172a14;transform:translateY(-1px)}.lip-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.lip-stat-icon .material-symbols-rounded{font-size:22px}.lip-stat-body{flex:1 1;min-width:0}.lip-stat-label{color:#94a3b8;font-size:12px;font-weight:600}.lip-stat-label,.lip-stat-value{font-family:DM Sans,Inter,sans-serif}.lip-stat-value{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-top:4px}.lip-overdue-btn{align-items:center;border:1px solid #0000;border-radius:20px;cursor:pointer;display:inline-flex;font-family:DM Sans,Inter,sans-serif;font-size:12px;font-weight:600;gap:4px;margin-top:7px;padding:4px 10px;transition:opacity .18s ease,transform .15s ease}.lip-overdue-btn:hover{opacity:.82;transform:translateX(2px)}.lip-overdue-btn .material-symbols-rounded{font-size:13px}.lip-hot-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0f,0 4px 14px #0f172a0d;padding:16px}.lip-hot-header{gap:10px;margin-bottom:14px}.lip-hot-header,.lip-hot-icon{align-items:center;display:flex}.lip-hot-icon{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:9px;height:34px;justify-content:center;width:34px}.lip-hot-icon .material-symbols-rounded{color:#f59e0b;font-size:18px}.lip-hot-title{color:#0f172a;font-family:DM Sans,Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:-.01em}.lip-hot-grid{display:flex;flex-direction:column;gap:8px}.lip-hot-card{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:11px;cursor:pointer;display:flex;gap:12px;padding:11px 13px;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.lip-hot-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0f172a17;transform:translateY(-1px)}.lip-hot-avatar{align-items:center;border-radius:9px;box-shadow:0 2px 6px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.lip-hot-info{flex:1 1;min-width:0}.lip-hot-name{color:#0f172a;font-family:DM Sans,Inter,sans-serif;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lip-hot-id{font-weight:500;margin-top:1px}.lip-hot-date,.lip-hot-id{color:#94a3b8;font-family:DM Sans,Inter,sans-serif;font-size:10.5px}.lip-hot-date{align-items:center;display:flex;gap:3px;margin-top:3px}.lip-hot-date .material-symbols-rounded{font-size:11px}.lip-hot-score{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:20px;color:#f59e0b;display:flex;flex-shrink:0;font-family:DM Sans,Inter,sans-serif;font-size:12px;font-weight:700;gap:3px;padding:4px 10px}.lip-empty,.lip-hot-score .material-symbols-rounded{font-size:13px}.lip-empty{color:#94a3b8;font-family:DM Sans,Inter,sans-serif;padding:16px 0 4px;text-align:center}[data-theme=dark] .lip-modal{background:#161b22e0;border-color:#21262d;box-shadow:0 4px 16px #0006,0 24px 64px #00000059,inset 0 1px 0 #ffffff0d}[data-theme=dark] .lip-header{background:#161b22;border-bottom-color:#21262d}[data-theme=dark] .lip-header-icon{background:#6366f126;border-color:#6366f140}[data-theme=dark] .lip-title{color:#f0f6fc}[data-theme=dark] .lip-subtitle{color:#484f58}[data-theme=dark] .lip-close-btn{background:#21262d;border-color:#30363d;color:#484f58}[data-theme=dark] .lip-close-btn:hover{background:#ef44441f;border-color:#ef44444d;color:#f87171}[data-theme=dark] .lip-body{background:#0d1117}[data-theme=dark] .lip-body::-webkit-scrollbar-thumb{background:#21262d}[data-theme=dark] .lip-stat-card{background:#1c2128;border-color:#21262d;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .lip-stat-card:hover{box-shadow:0 4px 16px #0006}[data-theme=dark] .lip-stat-label{color:#484f58}[data-theme=dark] .lip-stat-value{color:#f0f6fc}[data-theme=dark] .lip-hot-section{background:#1c2128;border-color:#21262d}[data-theme=dark] .lip-hot-title{color:#f0f6fc}[data-theme=dark] .lip-hot-card{background:#161b22;border-color:#21262d}[data-theme=dark] .lip-hot-card:hover{border-color:#30363d;box-shadow:0 4px 12px #0006}[data-theme=dark] .lip-hot-name{color:#f0f6fc}[data-theme=dark] .lip-empty,[data-theme=dark] .lip-hot-date,[data-theme=dark] .lip-hot-id{color:#484f58}@media (max-width:640px){.lip-backdrop{align-items:flex-end;padding:0}.lip-modal{border-radius:20px 20px 0 0;max-height:90vh;width:100%}.lip-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.lip-stat-grid{grid-template-columns:1fr}}.leads-toolbar-wrapper{max-width:100%;overflow-x:auto;overflow-y:hidden;position:relative}.lead-id-top .open-button-wrapper{display:inline-block;margin-left:8px;visibility:hidden}tr:hover .lead-id-top .open-button-wrapper{visibility:visible}.fol-backdrop{align-items:center;animation:fol-fade .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a59;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}@keyframes fol-fade{0%{opacity:0}to{opacity:1}}.fol-modal{animation:fol-slide .28s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffd1;border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 4px 16px #0f172a14,0 20px 60px #0f172a1f,inset 0 1px 0 #fff;display:flex;flex-direction:column;max-height:min(84vh,720px);overflow:hidden;position:relative;width:min(820px,100%)}@keyframes fol-slide{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fol-blob{display:none}.fol-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;padding:18px 22px 16px}.fol-header,.fol-header-left{align-items:center;display:flex}.fol-header-left{gap:13px}.fol-header-icon{align-items:center;background:#ef44441a;border:1px solid #ef44442e;border-radius:11px;display:flex;height:42px;justify-content:center;width:42px}.fol-header-icon .material-symbols-rounded{color:#ef4444;font-size:21px}.fol-title{color:#0f172a;font-size:15px;font-weight:700;letter-spacing:-.015em}.fol-subtitle,.fol-title{font-family:DM Sans,Inter,sans-serif}.fol-subtitle{color:#94a3b8;font-size:11.5px;margin-top:2px}.fol-close-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .18s ease;width:32px}.fol-close-btn:hover{background:#ef44440f;border-color:#ef444438;color:#ef4444}.fol-close-btn .material-symbols-rounded{font-size:16px}.fol-body{background:#f8fafc;flex:1 1;overflow-y:auto;padding:18px 20px 20px}.fol-body::-webkit-scrollbar{width:4px}.fol-body::-webkit-scrollbar-track{background:#0000}.fol-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.fol-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.fol-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 1px 3px #0f172a0f,0 4px 14px #0f172a0d;cursor:pointer;display:flex;gap:11px;padding:14px;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.fol-card:hover{border-color:#bfdbfe;box-shadow:0 4px 12px #0f172a1a,0 10px 28px #0f172a14;transform:translateY(-2px)}.fol-card-avatar{align-items:center;border-radius:10px;box-shadow:0 2px 6px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:38px;justify-content:center;width:38px}.fol-card-info{flex:1 1;min-width:0}.fol-card-name{color:#0f172a;font-family:DM Sans,Inter,sans-serif;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fol-card-id{color:#94a3b8;margin-top:1px}.fol-card-due,.fol-card-id{font-family:DM Sans,Inter,sans-serif;font-size:10.5px;font-weight:500}.fol-card-due{align-items:center;color:#ef4444;display:flex;gap:3px;margin-top:5px}.fol-card-due .material-symbols-rounded{font-size:11px}.fol-card-arrow{color:#cbd5e1;flex-shrink:0;transition:color .18s ease,transform .18s ease}.fol-card-arrow .material-symbols-rounded{font-size:16px}.fol-card:hover .fol-card-arrow{color:#3b82f6;transform:translateX(3px)}[data-theme=dark] .fol-modal{background:#161b22e0;border-color:#21262d;box-shadow:0 4px 16px #0006,0 20px 60px #00000059,inset 0 1px 0 #ffffff0d}[data-theme=dark] .fol-header{background:#161b22;border-bottom-color:#21262d}[data-theme=dark] .fol-header-icon{background:#ef444426;border-color:#ef444440}[data-theme=dark] .fol-title{color:#f0f6fc}[data-theme=dark] .fol-subtitle{color:#484f58}[data-theme=dark] .fol-close-btn{background:#21262d;border-color:#30363d;color:#484f58}[data-theme=dark] .fol-close-btn:hover{background:#ef44441f;border-color:#ef44444d;color:#f87171}[data-theme=dark] .fol-body{background:#0d1117}[data-theme=dark] .fol-body::-webkit-scrollbar-thumb{background:#21262d}[data-theme=dark] .fol-card{background:#1c2128;border-color:#21262d;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .fol-card:hover{border-color:#58a6ff4d;box-shadow:0 4px 16px #0006}[data-theme=dark] .fol-card-name{color:#f0f6fc}[data-theme=dark] .fol-card-id{color:#484f58}[data-theme=dark] .fol-card-due{color:#f87171}[data-theme=dark] .fol-card-arrow{color:#30363d}[data-theme=dark] .fol-card:hover .fol-card-arrow{color:#58a6ff}@media (max-width:640px){.fol-backdrop{align-items:flex-end;padding:0}.fol-modal{border-radius:20px 20px 0 0;max-height:88vh;width:100%}.fol-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.fol-grid{grid-template-columns:1fr}}.lead-count-button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000;border:1px solid #fff3;border-radius:12px;box-shadow:0 1px 4px #0000001a;color:inherit;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin-top:6px;padding:6px 12px;transition:all .2s ease-in-out}.lead-count-button:hover{background:#fff3;transform:scale(1.03)}[data-theme=dark] .lead-count-button{border:1px solid #0f83;box-shadow:0 1px 4px #0000004d}[data-theme=dark] .lead-count-button:hover{background:#0f83}.leads-table td.display-id-sticky,.leads-table th.display-id-sticky{background:#fff;background:var(--table-bg);box-shadow:2px 0 6px -1px #0000000d;left:0;position:-webkit-sticky;position:sticky;transition:all .3s ease;z-index:3}.leads-table thead th.display-id-sticky{background:#f9fafb;background:var(--table-header-bg);z-index:21}[data-theme=dark] .display-id-sticky,[data-theme=dark] .leads-table td.display-id-sticky,[data-theme=dark] .leads-table th.display-id-sticky{box-shadow:2px 0 6px -1px #0000004d}.leads-table td.actions-sticky,.leads-table th.actions-sticky{background:#fff;background:var(--table-bg);box-shadow:-2px 0 6px -1px #0000000d;position:-webkit-sticky;position:sticky;right:0;transition:all .3s ease;z-index:2}[data-theme=dark] .leads-table td.actions-sticky,[data-theme=dark] .leads-table th.actions-sticky{box-shadow:-2px 0 6px -1px #0000004d}.leads-table thead{box-shadow:0 2px 4px #0000000d;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:20}.leads-table th,.leads-table thead{background:#f9fafb;background:var(--table-header-bg)}.leads-table th{position:relative;z-index:1}[data-theme=dark] .leads-table thead{box-shadow:0 2px 4px #0000004d}.user-name-with-avatar{color:var(--table-cell-text)}.avatar-circle{background:linear-gradient(135deg,#dbeafe,#eff6ff);background:var(--insight-card-blue);color:#1d4ed8;color:var(--insight-card-blue-text)}.pagination-wrapper{background:#fff;background:var(--table-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--table-cell-border)}.pagination-info{color:#6b7280;color:var(--status-sub-color);font-size:.9rem;font-weight:500}.pagination{align-items:center}.page-btn{background:var(--table-bg);border:1px solid var(--table-cell-border);border-radius:8px;color:#1e293b;color:var(--table-cell-text);font-size:.9rem;padding:.5rem .75rem;transition:all .2s ease}.page-btn:hover{background:#e0f2fe;background:var(--row-hover-bg)}.page-btn.active,.page-btn:hover{border-color:#3b82f6;border-color:var(--row-hover-border)}.page-btn.active{background:#3b82f6;background:var(--row-hover-border)}.page-btn:disabled{opacity:.5}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.lip-stat-grid{grid-template-columns:repeat(2,1fr)!important}.card-title{font-size:.7rem!important}.card-value{font-size:1.1rem!important}.hot-leads-title{font-size:.95rem!important;margin-bottom:.5rem!important}.lip-hot-grid{gap:6px!important}.lip-hot-card{padding:9px 11px!important}.lead-score-pill{font-size:.65rem!important;padding:2px 8px!important}}@media (max-width:480px){.leads-page{padding-bottom:.5rem}.leads-table-container{margin:.5rem}.popup-box{max-width:400px;width:90%}.lip-stat-grid{grid-template-columns:1fr 1fr!important}.pagination-wrapper{flex-direction:column;gap:1rem;padding:.75rem 1rem}}.action-menu div:focus-visible,.fol-card:focus-visible,.lip-hot-card:focus-visible,.page-btn:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--row-hover-border);outline-offset:2px}.leads-cards-grid{grid-gap:1.5rem;animation:fadeInCards .3s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:1rem}.lead-card{background:var(--table-bg);border:1px solid var(--table-border);border-radius:16px;box-shadow:0 4px 12px #00000008;box-shadow:var(--row-shadow);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative}.lead-card:hover{border-color:#3b82f6;border-color:var(--row-hover-border);box-shadow:0 6px 18px #0000000f;box-shadow:var(--row-hover-shadow);transform:translateY(-4px)}.lead-card.card-highlight{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.lead-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.lead-card:hover:before{transform:scaleX(1)}.lead-card-header{align-items:center;border-bottom:1px solid var(--table-border);display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.lead-card-avatar-large{align-items:center;background:linear-gradient(135deg,#93c5fd66,#bfdbfe33);border:2px solid #3b82f633;border-radius:50%;box-shadow:inset 0 0 2px #fff9,0 2px 6px #00000014;color:var(--primary-color);display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:52px;justify-content:center;transition:all .3s ease;width:52px}.lead-card:hover .lead-card-avatar-large{transform:scale(1.1)}.lead-card-title{flex:1 1;min-width:0}.lead-card-title h3{color:#000;color:var(--text-color);font-size:1.1rem;font-weight:700;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-card-id{border-radius:8px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem}.lead-card-id.leadid-assigned{background:linear-gradient(135deg,#dcfce7,#f0fdf4);color:#065f46}.lead-card-id.leadid-not-assigned{background:linear-gradient(135deg,#fef3c7,#fefce8);color:#92400e}.lead-card-actions-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;background:var(--inspect-icon-bg);border:1px solid #1e40af1a;border:1px solid var(--inspect-icon-border);border-radius:8px;color:#1e40af;color:var(--inspect-icon-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.lead-card-actions-btn:hover{box-shadow:var(--inspect-icon-hover-shadow);transform:scale(1.1)}.lead-card-body{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem}.lead-card-status{grid-column:1/-1;margin-bottom:.5rem}.lead-card-field{align-items:flex-start;display:flex;gap:.75rem}.lead-card-field .field-icon{color:var(--primary-color);flex-shrink:0;font-size:1.2rem;margin-top:.125rem}.lead-card-field .field-content{flex:1 1;min-width:0}.lead-card-field .field-content label{color:var(--text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;opacity:.7}.lead-card-field .field-content span{color:#000;color:var(--text-color);display:block;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-card-field-full{grid-column:1/-1!important}.lead-card-footer{display:none!important}.lead-card-open-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.lead-card-open-btn:hover{box-shadow:0 6px 20px #3b82f64d;transform:translateY(-2px)}.lead-card-open-btn .material-symbols-rounded{font-size:1.2rem}.view-mode-toggle{background:var(--table-bg);border:1px solid var(--table-border);display:none}.view-mode-btn{color:var(--text-muted)}.view-mode-btn:hover{background:var(--row-hover-bg)}.view-mode-btn.active{color:var(--primary-color)}@media (max-width:1024px){.view-mode-toggle{display:flex}.leads-cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:.75rem}.lead-card{padding:1.25rem}.lead-card-header{gap:.75rem}.lead-card-avatar-large{font-size:1.2rem;height:48px;width:48px}}@media (max-width:768px){.leads-page{flex:1 1;min-height:0;padding-bottom:0;padding:.25rem!important}.leads-table-container.card-view-mode{margin:.25rem!important}.leads-cards-grid{gap:.5rem!important;grid-template-columns:1fr!important;padding:.25rem!important}.lead-card{border-radius:10px!important;padding:.5rem!important}.lead-card,.lead-card:hover{transform:none!important}.lead-card-header{gap:.5rem!important;margin-bottom:.5rem!important;padding-bottom:.5rem!important}.lead-card-avatar-large{font-size:1rem!important;height:40px!important;width:40px!important}.lead-card:hover .lead-card-avatar-large{transform:none!important}.lead-card-title h3{font-size:.9rem!important;margin-bottom:.2rem!important}.lead-card-id{font-size:.65rem!important;padding:.2rem .5rem!important}.lead-card-actions-btn{font-size:1.1rem!important;height:32px!important;width:32px!important}.lead-card-actions-btn:hover{transform:none!important}.lead-card-body{grid-gap:.5rem!important;display:grid!important;gap:.5rem!important;grid-template-columns:1fr 1fr!important;margin-bottom:.5rem!important}.lead-card-status{grid-column:1/-1!important;margin-bottom:.25rem!important}.lead-card-field{background:#00000005!important;border-radius:6px!important;gap:.4rem!important;padding:.375rem!important}[data-theme=dark] .lead-card-field{background:#ffffff08!important}.lead-card-field .field-icon{font-size:.95rem!important;margin-top:0!important}.lead-card-field .field-content label{font-size:.6rem!important;margin-bottom:.15rem!important}.lead-card-field .field-content span{font-size:.75rem!important;line-height:1.2!important}.lead-card-footer{display:none!important}.pagination-wrapper{align-items:center!important;background:#fff!important;background:var(--table-bg)!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--table-cell-border)!important;bottom:0!important;box-shadow:0 -2px 8px #00000014!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;justify-content:space-between!important;min-height:auto!important;padding:.4rem .5rem!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.pagination-info{font-size:.7rem!important;white-space:nowrap!important}.pagination{display:flex!important;flex-direction:row!important;gap:.2rem!important}.page-btn{border-radius:6px!important;font-size:.75rem!important;min-height:30px!important;min-width:30px!important;padding:.3rem .45rem!important}}@media (max-width:480px){.lead-card{padding:.4rem!important}.lead-card-avatar-large{font-size:.9rem!important;height:36px!important;width:36px!important}.lead-card-title h3{font-size:.85rem!important}.lead-card-field{padding:.3rem!important}.lead-card-field .field-content label{font-size:.55rem!important}.lead-card-field .field-content span{font-size:.7rem!important}.lead-card-open-btn{font-size:.75rem!important;padding:.45rem .65rem!important}.pagination-wrapper{padding:.35rem .4rem!important}.pagination-info{font-size:.65rem!important}.page-btn{font-size:.7rem!important;min-height:28px!important;min-width:28px!important;padding:.25rem .375rem!important}}@media (prefers-reduced-motion:reduce){.fol-card,.inspect-icon,.leadid-cell,.lip-hot-card,.lip-stat-card{transition:none}.fol-card:hover,.leadid-cell:hover,.lip-hot-card:hover,.lip-stat-card:hover{transform:none}.action-menu,.fol-modal,.lip-modal{animation:none}}.spotlight-tray{align-items:center;background:var(--color-background-primary);border-bottom:1px solid var(--color-border-tertiary);display:flex;gap:0;height:64px;overflow:hidden;position:relative;transition:background .2s}.spotlight-tray.sf-overdue{background:snow}.spotlight-tray.sf-soon{background:#fffef5}.spotlight-tray.sf-normal{background:var(--color-background-primary)}.sf-bar{align-self:stretch;border-radius:0 2px 2px 0;flex-shrink:0;transition:background .2s;width:4px}.sf-overdue .sf-bar{background:#ef4444}.sf-soon .sf-bar{background:#f59e0b}.sf-normal .sf-bar{background:#a5b4fc}.sf-avatar{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:40px;justify-content:center;letter-spacing:-.01em;margin:0 14px 0 16px;width:40px}.sf-body{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0;overflow:hidden}.sf-name{color:var(--color-text-primary);font-size:15px;font-weight:600;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-meta{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;overflow:hidden}.sf-id{color:var(--color-text-tertiary)}.sf-id,.sf-medium-pill,.sf-type-pill{flex-shrink:0;font-size:11px;white-space:nowrap}.sf-medium-pill,.sf-type-pill{align-items:center;background:var(--color-background-secondary);border:.5px solid var(--color-border-tertiary);border-radius:5px;color:var(--color-text-secondary);display:inline-flex;font-weight:500;gap:3px;padding:2px 7px;text-transform:capitalize}.sf-type-icon{font-size:.78rem!important}.sf-time-block{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:2px;justify-content:center;min-width:80px;padding:0 20px}.sf-time-main{font-size:22px;font-weight:700;line-height:1;transition:color .2s}.sf-overdue .sf-time-main{color:#dc2626}.sf-soon .sf-time-main{color:#b45309}.sf-normal .sf-time-main{color:#4338ca}.sf-time-sub{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;transition:color .2s}.sf-overdue .sf-time-sub{color:#ef4444}.sf-soon .sf-time-sub{color:#f59e0b}.sf-normal .sf-time-sub{color:#818cf8}.sf-vdivider{background:var(--color-border-tertiary);flex-shrink:0;height:30px;width:1px}.sf-nav{gap:8px;padding:0 14px}.sf-nav,.sf-nav-btn{align-items:center;display:flex;flex-shrink:0}.sf-nav-btn{background:#fff;border:.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#64748b;cursor:pointer;height:28px;justify-content:center;max-height:28px;max-width:28px;min-height:28px;min-width:28px;padding:0;transition:background .14s,border-color .14s;width:28px}.sf-nav-btn .material-symbols-rounded{font-size:1.1rem}.sf-nav-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.sf-nav-btn:disabled{cursor:default;opacity:.3}[data-theme=dark] .sf-nav-btn{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .sf-nav-btn:hover:not(:disabled){background:#ffffff1a}.sf-dots{align-items:center;display:flex;gap:5px}.sf-dot{background:var(--color-border-secondary);border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:6px;padding:0;transition:background .15s,transform .15s,width .2s;width:6px}.sf-dot-active{background:#6366f1;border-radius:3px;transform:scale(1.4);width:14px}.sf-open-btn{align-items:center;background:var(--color-background-primary);border:.5px solid var(--color-border-secondary);border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:5px;height:34px;margin-right:10px;padding:0 14px;transition:background .14s,border-color .14s,box-shadow .14s}.sf-open-btn .material-symbols-rounded{color:var(--color-text-secondary);font-size:.95rem}.sf-open-btn:hover{background:var(--color-background-secondary);border-color:var(--color-border-primary);box-shadow:0 2px 8px #00000012}.sf-dismiss{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;margin-right:12px;padding:0;transition:background .14s,color .14s;width:30px}.sf-dismiss .material-symbols-rounded{font-size:1rem}.sf-dismiss:hover{background:#ef444414;color:#ef4444}.sf-overdue-band{align-items:center;background:#fff5f5;border-bottom:1px solid #ef44442e;display:flex;gap:0;min-height:46px;overflow:hidden;padding-right:4px;position:relative}[data-theme=dark] .sf-overdue-band{background:#ef44440f;border-bottom-color:#ef444433}.sf-overdue-band-label{align-items:center;align-self:stretch;border-right:1px solid #ef44442e;color:#dc2626;display:flex;flex-shrink:0;font-size:11.5px;font-weight:700;gap:5px;letter-spacing:.05em;padding:0 12px 0 14px;text-transform:uppercase;white-space:nowrap}.sf-overdue-band-icon{color:#ef4444;font-size:15px!important}.sf-overdue-band-count{background:#ef4444;border-radius:99px;color:#fff;font-size:10px;font-weight:800;line-height:1.5;min-width:18px;padding:1px 6px;text-align:center}.sf-overdue-chips{align-items:center;display:flex;flex:1 1;gap:8px;overflow-x:auto;padding:7px 10px;scrollbar-width:none}.sf-overdue-chips::-webkit-scrollbar{display:none}.sf-overdue-chip{align-items:center;background:#ffffffd9;border:1px solid #ef444440;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;gap:8px;padding:4px 10px 4px 5px;text-align:left;transition:background .14s,border-color .14s,box-shadow .14s}.sf-overdue-chip:hover{background:#fff;border-color:#ef444480;box-shadow:0 2px 8px #ef44441f}[data-theme=dark] .sf-overdue-chip{background:#ef444414;border-color:#ef444440}[data-theme=dark] .sf-overdue-chip:hover{background:#ef444424}.sf-overdue-chip-avatar{align-items:center;border-radius:7px;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:800;height:26px;justify-content:center;letter-spacing:-.01em;width:26px}.sf-overdue-chip-info{display:flex;flex-direction:column;gap:1px;min-width:0}.sf-overdue-chip-name{color:#1e293b;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}[data-theme=dark] .sf-overdue-chip-name{color:#f1f5f9}.sf-overdue-chip-meta{align-items:center;color:#dc2626;display:flex;font-size:10.5px;font-weight:600;gap:3px;line-height:1.2;white-space:nowrap}.sf-overdue-chip-meta .material-symbols-rounded{font-size:11px!important}.sf-overdue-more{align-items:center;align-self:center;background:#ef44441a;border:1px dashed #ef444459;border-radius:999px;color:#dc2626;cursor:default;display:inline-flex;flex-shrink:0;font-size:11.5px;font-weight:700;justify-content:center;letter-spacing:.01em;padding:4px 11px;white-space:nowrap}[data-theme=dark] .sf-overdue-more{background:#ef444421;border-color:#ef44444d;color:#f87171}.sf-overdue-dismiss{margin-left:auto;margin-right:8px}[data-theme=dark] .spotlight-tray.sf-overdue{background:#ef44440a}[data-theme=dark] .spotlight-tray.sf-soon{background:#f59e0b0a}@media (max-width:768px){.sf-id,.sf-medium-pill{display:none}.spotlight-tray{height:60px}.sf-open-btn span:last-child{display:none}.sf-open-btn{padding:0 10px}.sf-time-main{font-size:18px}.sf-overdue-band-label{font-size:10.5px;padding:0 8px 0 10px}.sf-overdue-band-label span:not(.sf-overdue-band-icon):not(.sf-overdue-band-count){display:none}}@media (max-width:500px){.sf-type-pill{display:none}.sf-nav{padding:0 8px}.sf-overdue-chips{gap:6px;padding:6px 8px}.sf-overdue-chip{gap:6px;padding:3px 8px 3px 4px}}.sf-glass-wrap{backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);background:#ffffffb8;border-bottom:1px solid #e2e8f0b3;box-shadow:0 2px 16px #0f172a0f,0 1px 4px #0f172a0a;overflow:hidden;position:relative}[data-theme=dark] .sf-glass-wrap{background:#0f172aad;border-bottom-color:#ffffff12;box-shadow:0 2px 16px #00000047,0 1px 4px #0003}.sf-overdue-accent,.sf-upcoming-accent{align-self:stretch;border-radius:0 2px 2px 0;flex-shrink:0;width:4px}.sf-overdue-accent{background:linear-gradient(180deg,#f87171,#dc2626)}.sf-upcoming-accent{background:linear-gradient(180deg,#818cf8,#6366f1)}.sf-upcoming-soon .sf-upcoming-accent{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.sf-section-pill{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;gap:5px;letter-spacing:.03em;margin:0 10px;padding:3px 10px 3px 8px;text-transform:uppercase;white-space:nowrap}.sf-section-pill--red{background:#ef44441f;border:1px solid #ef444438;color:#dc2626}[data-theme=dark] .sf-section-pill--red{background:#ef444429;border-color:#ef444447;color:#f87171}.sf-section-pill--indigo{background:#6366f11a;border:1px solid #6366f133;color:#6366f1}.sf-upcoming-soon .sf-section-pill--indigo{background:#f59e0b1c;border-color:#f59e0b40;color:#b45309}[data-theme=dark] .sf-section-pill--indigo{background:#6366f124;border-color:#6366f147;color:#a5b4fc}.sf-section-pill-count{background:#ef44442e;border-radius:99px;color:#dc2626;font-size:9.5px;font-weight:800;line-height:1.5;min-width:16px;padding:1px 5px;text-align:center}[data-theme=dark] .sf-section-pill-count{background:#ef444440;color:#f87171}.sf-section-pill-count--indigo{background:#6366f124;color:#6366f1}.sf-upcoming-soon .sf-section-pill-count--indigo{background:#f59e0b29;color:#b45309}[data-theme=dark] .sf-section-pill-count--indigo{background:#6366f133;color:#a5b4fc}.sf-upcoming-row{align-items:center;display:flex;gap:0;height:64px;overflow:hidden;position:relative;transition:background .2s}.sf-upcoming-row.sf-upcoming-soon{background:#fefce88c}[data-theme=dark] .sf-upcoming-row{background:#0000}[data-theme=dark] .sf-upcoming-row.sf-upcoming-soon{background:#f59e0b0a}.sf-time-pill{align-items:center;background:#6366f114;border:1px solid #6366f126;border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;gap:1px;justify-content:center;margin:0 6px 0 10px;min-width:56px;padding:6px 12px}.sf-time-pill--soon{background:#f59e0b1a;border-color:#f59e0b40}[data-theme=dark] .sf-time-pill{background:#6366f11f;border-color:#6366f138}[data-theme=dark] .sf-time-pill--soon{background:#f59e0b1f;border-color:#f59e0b47}.sf-time-pill-main{color:#4338ca;font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1}.sf-time-pill--soon .sf-time-pill-main{color:#b45309}[data-theme=dark] .sf-time-pill-main{color:#a5b4fc}[data-theme=dark] .sf-time-pill--soon .sf-time-pill-main{color:#fbbf24}.sf-time-pill-sub{color:#6366f1;font-size:9.5px;font-weight:600;letter-spacing:.04em;opacity:.75;text-transform:uppercase}.sf-time-pill--soon .sf-time-pill-sub{color:#f59e0b}[data-theme=dark] .sf-time-pill-sub{color:#818cf8}[data-theme=dark] .sf-time-pill--soon .sf-time-pill-sub{color:#fbbf24}.sf-glass-dismiss{align-items:center;background:#94a3b81a;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin:0 10px 0 6px;transition:background .14s,color .14s;width:28px}.sf-glass-dismiss:hover{background:#ef444417;color:#ef4444}.sf-glass-dismiss .material-symbols-rounded{font-size:16px}[data-theme=dark] .sf-glass-dismiss{background:#ffffff0f;color:#64748b}[data-theme=dark] .sf-glass-dismiss:hover{background:#ef44441f;color:#f87171}@media (max-width:768px){.sf-section-pill{font-size:10.5px;margin:0 6px 0 8px;padding:3px 8px 3px 6px}.sf-time-pill{margin:0 4px 0 8px;min-width:48px;padding:5px 9px}.sf-time-pill-main{font-size:15px}.sf-upcoming-row{height:60px}.sf-open-btn,.sf-upcoming-row .sf-section-pill{display:none}}@media (max-width:500px){.sf-section-pill{margin:0 4px 0 6px;padding:2px 7px 2px 5px}.sf-section-pill span:not(.sf-section-pill-count){display:none}.sf-glass-dismiss{margin:0 6px 0 4px}.sf-time-pill{min-width:42px;padding:4px 7px}.sf-time-pill-main{font-size:14px}.sf-dots{display:none}.sf-nav{gap:4px;padding:0 4px}}.settings-popup-card{animation:fadeInPop .25s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f5f7ffd9);border-radius:14px;box-shadow:0 8px 30px #0000001f;max-height:90vh;overflow-y:auto;padding:16px 16px 58px;position:fixed;right:10px;top:200px;width:420px;z-index:10000}.settings-popup-header{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin-bottom:1rem}.close-icon{font-size:20px;transition:color .2s}.close-icon:hover{color:#111827}.settings-list{display:flex;flex-direction:column;gap:.6rem;max-height:52vh;overflow-y:auto;padding-right:4px}.settings-item{align-items:center;border-radius:14px;box-shadow:0 2px 6px #0000000d;cursor:grab;display:flex;justify-content:space-between;padding:.65rem .75rem;transition:all .2s ease}.settings-item:hover{box-shadow:0 4px 12px #00000012}.settings-item:has(.visibility-toggle.visible):not(.locked){background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-color:#a7f3d0;color:#065f46}.settings-item.locked{background:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:.8}.drag-handle,.settings-item.locked .lock-icon{color:#9ca3af;font-size:18px}.drag-handle{cursor:grab;margin-right:8px}.field-label{color:inherit;flex:1 1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visibility-toggle{cursor:pointer;font-size:20px;transition:color .2s}.visibility-toggle:hover{opacity:.9}.settings-item.visible-item.fixed-item{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-color:#a7f3d0;color:#065f46}.settings-item.primary-item{background:#f5f5f5;border-color:#000;color:#000}.settings-item.hidden-item{background:linear-gradient(135deg,#ffe4e6,#fff1f2);border:1px solid #fecdd3;color:#9f1239}.visibility-toggle.disabled{opacity:.4;pointer-events:none}.settings-popup-footer{bottom:0;display:flex;gap:.5rem;justify-content:flex-end;left:0;padding:.75rem 1.5rem;position:absolute;width:100%}.settings-popup-footer button{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #bae6fd;border-radius:24px;color:#0369a1;cursor:pointer;font-size:.88rem;font-weight:600;padding:8px 20px;transition:all .2s ease}.settings-popup-footer button:hover{background:linear-gradient(135deg,#bae6fd,#e0f2fe);color:#075985}:root{--srp-overlay-bg:#0006;--srp-overlay-backdrop:blur(8px);--srp-popup-bg:#fff;--srp-popup-border:#fff3;--srp-popup-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;--srp-text-primary:#1e293b;--srp-text-secondary:#374151;--srp-text-muted:#6b7280;--srp-text-light:#9ca3af;--srp-header-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--srp-header-border:#065f461a;--srp-header-divider:linear-gradient(90deg,#0000,#065f464d,#0000);--srp-header-title:#065f46;--srp-header-subtitle:#047857;--srp-header-icon-bg:linear-gradient(135deg,#065f46,#059669);--srp-header-icon-text:#fff;--srp-header-icon-shadow:0 8px 20px #065f464d;--srp-lead-ref-bg:#ffffff4d;--srp-lead-ref-border:#065f4633;--srp-lead-ref-label:#047857;--srp-lead-ref-name-bg:linear-gradient(135deg,#bbf7d0,#34d399);--srp-lead-ref-name-text:#065f46;--srp-lead-ref-separator:#059669;--srp-lead-ref-id-bg:#fff9;--srp-lead-ref-id-text:#047857;--srp-lead-ref-id-border:#065f4633;--srp-close-btn-bg:#fffc;--srp-close-btn-text:#6b7280;--srp-close-btn-hover-bg:#ef44441a;--srp-close-btn-hover-text:#ef4444;--srp-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--srp-error-text:#991b1b;--srp-error-border:#fca5a5;--srp-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--srp-success-text:#065f46;--srp-success-border:#6ee7b7;--srp-step-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--srp-step-border:#e2e8f0;--srp-step-number-bg:#e5e7eb;--srp-step-number-text:#6b7280;--srp-step-active-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--srp-step-active-text:#fff;--srp-step-active-shadow:0 4px 12px #3b82f666;--srp-step-completed-bg:linear-gradient(135deg,#10b981,#059669);--srp-step-completed-text:#fff;--srp-step-label-text:#6b7280;--srp-step-label-active:#1f2937;--srp-step-connector:#e5e7eb;--srp-step-connector-completed:linear-gradient(90deg,#10b981,#059669);--srp-body-bg:linear-gradient(135deg,#f9fafb,#fff);--srp-scrollbar-thumb:#065f4633;--srp-step-title-text:#1e293b;--srp-step-title-border:#e2e8f0;--srp-step-title-icon-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--srp-step-title-icon-text:#059669;--srp-srg-form-label-text:#374151;--srp-form-required:#ef4444;--srp-srg-form-input-bg:#fffc;--srp-srg-form-input-border:#e2e8f0cc;--srp-srg-form-input-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;--srp-srg-form-input-text:#1e293b;--srp-srg-form-input-placeholder:#9ca3af;--srp-srg-form-input-focus-border:#059669;--srp-srg-form-input-focus-bg:#fffffff2;--srp-srg-form-input-focus-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;--srp-footer-bg:linear-gradient(135deg,#f8fafc,#fff);--srp-footer-border:#e2e8f0;--srp-footer-divider:linear-gradient(90deg,#0000,#e2e8f0cc,#0000);--srp-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--srp-btn-primary-text:#fff;--srp-btn-primary-shadow:0 4px 12px #3b82f64d;--srp-btn-primary-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--srp-btn-primary-hover-shadow:0 8px 20px #3b82f666;--srp-btn-secondary-bg:#ffffffe6;--srp-btn-secondary-text:#374151;--srp-btn-secondary-border:#e5e7eb;--srp-btn-secondary-hover-bg:#f9fafbf2;--srp-btn-secondary-hover-border:#d1d5db;--srp-btn-secondary-hover-shadow:0 4px 12px #00000014;--srp-btn-convert-bg:linear-gradient(135deg,#059669,#065f46);--srp-btn-convert-text:#fff;--srp-btn-convert-shadow:0 4px 12px #0596694d;--srp-btn-convert-hover-bg:linear-gradient(135deg,#047857,#064e3b);--srp-btn-convert-hover-shadow:0 8px 20px #05966966;--srp-date-picker-z:99999}[data-theme=dark]{--srp-overlay-bg:#000000b3;--srp-popup-bg:#1a1a1af2;--srp-popup-border:#0f83;--srp-popup-shadow:0 20px 60px #000c,0 8px 32px #00ff881a,inset 0 1px 0 #00ff881a;--srp-text-primary:#fff;--srp-text-secondary:#fff;--srp-text-muted:#d1d5db;--srp-text-light:#9aa4b2;--srp-header-bg:linear-gradient(135deg,#00ff8826,#1a1a1af2);--srp-header-border:#00ff8826;--srp-header-divider:linear-gradient(90deg,#0000,#00ff884d,#0000);--srp-header-title:linear-gradient(135deg,#065f46,#047857);--srp-header-subtitle:#3efcd9;--srp-header-icon-bg:linear-gradient(135deg,#065f46,#047857);--srp-header-icon-text:#000;--srp-header-icon-shadow:0 8px 20px #0f86;--srp-lead-ref-bg:#00ff881a;--srp-lead-ref-border:#00ff884d;--srp-lead-ref-label:#3efcd9;--srp-lead-ref-name-bg:#0f83;--srp-lead-ref-name-text:linear-gradient(135deg,#065f46,#047857);--srp-lead-ref-separator:linear-gradient(135deg,#065f46,#047857);--srp-lead-ref-id-bg:#1a1a1acc;--srp-lead-ref-id-text:#3efcd9;--srp-lead-ref-id-border:#00ff884d;--srp-close-btn-bg:#333c;--srp-close-btn-text:#fff;--srp-close-btn-hover-bg:#ef444433;--srp-close-btn-hover-text:#ffcdd2;--srp-error-bg:#f4433633;--srp-error-text:#ffcdd2;--srp-error-border:#f4433666;--srp-success-bg:#0f83;--srp-success-text:linear-gradient(135deg,#065f46,#047857);--srp-success-border:#0f86;--srp-step-bg:#1a1a1ae6;--srp-step-border:#0f83;--srp-step-number-bg:#333c;--srp-step-number-text:#fff;--srp-step-active-bg:linear-gradient(135deg,#00f2fe,#0ea5e9);--srp-step-active-text:#000;--srp-step-active-shadow:0 4px 12px #00f2fe66;--srp-step-completed-bg:linear-gradient(135deg,#065f46,#047857);--srp-step-completed-text:#000;--srp-step-label-text:#d1d5db;--srp-step-label-active:#fff;--srp-step-connector:#fff3;--srp-step-connector-completed:linear-gradient(135deg,#065f46,#047857);--srp-body-bg:#1a1a1ae6;--srp-scrollbar-thumb:#00ff884d;--srp-step-title-text:#fff;--srp-step-title-border:#0f83;--srp-step-title-icon-bg:#0f83;--srp-step-title-icon-text:linear-gradient(135deg,#065f46,#047857);--srp-srg-form-label-text:#fff;--srp-form-required:#ffcdd2;--srp-srg-form-input-bg:#1a1a1acc;--srp-srg-form-input-border:#ffffff1a;--srp-srg-form-input-shadow:inset 0 2px 4px #00ff880d,0 1px 3px #00ff881a;--srp-srg-form-input-text:#fff;--srp-srg-form-input-placeholder:#9aa4b2;--srp-srg-form-input-focus-border:linear-gradient(135deg,#065f46,#047857);--srp-srg-form-input-focus-bg:#1a1a1ae6;--srp-srg-form-input-focus-shadow:inset 0 2px 4px #00ff881a,0 0 0 3px #0f83,0 4px 12px #0f83;--srp-footer-bg:#1a1a1ae6;--srp-footer-border:#0f83;--srp-footer-divider:linear-gradient(90deg,#0000,#0f83,#0000);--srp-btn-primary-bg:linear-gradient(135deg,#00f2fe,#0ea5e9);--srp-btn-primary-text:#000;--srp-btn-primary-shadow:0 4px 12px #00f2fe4d;--srp-btn-primary-hover-bg:linear-gradient(135deg,#0ea5e9,#0284c7);--srp-btn-primary-hover-shadow:0 8px 20px #00f2fe66;--srp-btn-secondary-bg:#333c;--srp-btn-secondary-text:#fff;--srp-btn-secondary-border:#fff3;--srp-btn-secondary-hover-bg:#00ff881a;--srp-btn-secondary-hover-border:#00ff884d;--srp-btn-secondary-hover-shadow:0 4px 12px #0f83;--srp-btn-convert-bg:linear-gradient(135deg,#065f46,#047857);--srp-btn-convert-text:#000;--srp-btn-convert-shadow:0 4px 12px #00ff884d;--srp-btn-convert-hover-bg:linear-gradient(135deg,#00cc6a,#00b359);--srp-btn-convert-hover-shadow:0 8px 20px #0f86}.student-registration-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);backdrop-filter:var(--srp-overlay-backdrop);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--srp-overlay-backdrop);background:#0006;background:var(--srp-overlay-bg);display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;transition:all .3s ease;z-index:1000}.student-registration-popup{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--srp-popup-bg);border:1px solid #fff3;border:1px solid var(--srp-popup-border);border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;box-shadow:var(--srp-popup-shadow);max-width:900px;overflow:hidden;transition:all .3s ease}.popup-header{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--srp-header-bg);border-bottom:1px solid #065f461a;border-bottom:1px solid var(--srp-header-border)}.popup-header:before{background:linear-gradient(90deg,#0000,#065f464d,#0000);background:var(--srp-header-divider)}.header-icon{background:var(--srp-header-icon-bg);box-shadow:var(--srp-header-icon-shadow)}.header-icon .material-symbols-rounded{color:var(--srp-header-icon-text)}.header-text h2{color:#065f46;color:var(--srp-header-title)}.header-text p{color:var(--srp-header-subtitle)}.lead-quick-reference{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;background:var(--srp-lead-ref-bg);border:1px solid #065f4633;border:1px solid var(--srp-lead-ref-border);border-radius:10px;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;transition:all .3s ease}.lead-ref-label{color:#047857;color:var(--srp-lead-ref-label);font-weight:600;transition:color .3s ease}.lead-ref-name{background:linear-gradient(135deg,#bbf7d0,#34d399);background:var(--srp-lead-ref-name-bg);border-radius:6px;color:#065f46;color:var(--srp-lead-ref-name-text);font-size:.8rem;font-weight:700;padding:.2rem .5rem;transition:all .3s ease}.lead-ref-separator{color:#059669;color:var(--srp-lead-ref-separator);font-weight:600;transition:color .3s ease}.lead-ref-id{background:#fff9;background:var(--srp-lead-ref-id-bg);border:1px solid #065f4633;border:1px solid var(--srp-lead-ref-id-border);border-radius:6px;color:#047857;color:var(--srp-lead-ref-id-text);font-size:.8rem;font-weight:600;padding:.2rem .5rem;transition:all .3s ease}.close-btn{background:var(--srp-close-btn-bg);color:var(--srp-close-btn-text)}.close-btn:hover{background:var(--srp-close-btn-hover-bg);color:var(--srp-close-btn-hover-text)}.message-banner.error{background:var(--srp-error-bg);border:1px solid var(--srp-error-border);color:var(--srp-error-text)}.message-banner.success{background:var(--srp-success-bg);border:1px solid var(--srp-success-border);color:var(--srp-success-text)}.step-indicator{background:var(--srp-step-bg);border-bottom:1px solid var(--srp-step-border)}.step:after{background:var(--srp-step-connector)}.step.completed:after{background:var(--srp-step-connector-completed)}.step-number{background:var(--srp-step-number-bg);color:var(--srp-step-number-text)}.step.active .step-number{background:var(--srp-step-active-bg);box-shadow:var(--srp-step-active-shadow);color:var(--srp-step-active-text)}.step.completed .step-number{background:var(--srp-step-completed-bg);color:var(--srp-step-completed-text)}.step-label{color:var(--srp-step-label-text)}.step.active .step-label,.step.completed .step-label{color:var(--srp-step-label-active)}.popup-body{background:var(--srp-body-bg)}.popup-body::-webkit-scrollbar-thumb{background:#065f4633;background:var(--srp-scrollbar-thumb)}.step-title{border-bottom:2px solid var(--srp-step-title-border);color:var(--srp-step-title-text)}.step-title .material-symbols-rounded{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--srp-step-title-icon-bg);color:#059669;color:var(--srp-step-title-icon-text)}.srg-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.srg-form-field{display:flex;flex-direction:column;gap:.5rem}.srg-form-label{align-items:center;color:#374151;color:var(--srp-srg-form-label-text);display:flex;font-size:.9rem;font-weight:600;gap:.25rem;transition:color .3s ease}.srg-form-label.required:after{color:#ef4444;color:var(--srp-form-required);content:"*";font-weight:700;margin-left:.25rem}.srg-form-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--srp-srg-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--srp-srg-form-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;box-shadow:var(--srp-srg-form-input-shadow);color:#1e293b;color:var(--srp-srg-form-input-text);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.srg-form-input:focus{background:#fffffff2;background:var(--srp-srg-form-input-focus-bg);border-color:#059669;border-color:var(--srp-srg-form-input-focus-border);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;box-shadow:var(--srp-srg-form-input-focus-shadow);transform:translateY(-1px)}.srg-form-input::placeholder{color:#9ca3af;color:var(--srp-srg-form-input-placeholder);font-weight:400}.form-dropdown,.form-dropdown .custom-dropdown-wrapper{background:var(--srp-srg-form-input-bg);border:2px solid var(--srp-srg-form-input-border)}.form-dropdown .custom-dropdown-wrapper:focus-within{background:var(--srp-srg-form-input-focus-bg);border-color:var(--srp-srg-form-input-focus-border);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;box-shadow:var(--srp-srg-form-input-focus-shadow)}.popup-footer{background:var(--srp-footer-bg);border-top:1px solid var(--srp-footer-border)}.popup-footer:before{background:var(--srp-footer-divider)}.btn-convert,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--srp-btn-primary-bg);box-shadow:var(--srp-btn-primary-shadow);color:var(--srp-btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--srp-btn-primary-hover-bg);box-shadow:var(--srp-btn-primary-hover-shadow)}.btn-secondary{background:var(--srp-btn-secondary-bg);border:2px solid var(--srp-btn-secondary-border);color:var(--srp-btn-secondary-text)}.btn-secondary:hover:not(:disabled){background:var(--srp-btn-secondary-hover-bg);border-color:var(--srp-btn-secondary-hover-border);box-shadow:var(--srp-btn-secondary-hover-shadow)}.btn-convert{background:linear-gradient(135deg,#059669,#065f46);background:var(--srp-btn-convert-bg);border:2px solid #0000;box-shadow:0 4px 12px #0596694d;box-shadow:var(--srp-btn-convert-shadow);color:#fff;color:var(--srp-btn-convert-text);margin-left:auto}.btn-convert:hover:not(:disabled){background:linear-gradient(135deg,#047857,#064e3b);background:var(--srp-btn-convert-hover-bg);box-shadow:0 8px 20px #05966966;box-shadow:var(--srp-btn-convert-hover-shadow);transform:translateY(-2px)}.btn-convert:disabled,.btn-primary:disabled,.btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-convert .spinning{animation:spin 1s linear infinite}.srg-form-input[type=date]{position:relative;z-index:2000}.srg-form-input[type=date]::-webkit-calendar-picker-indicator{position:relative;z-index:99999!important;z-index:var(--srp-date-picker-z)!important}.date-picker-portal{pointer-events:none;position:fixed;z-index:99999;z-index:var(--srp-date-picker-z)}.date-picker-portal *{pointer-events:auto}.MuiDialog-root,.MuiPickersPopper-root,.MuiPopper-root{z-index:99999!important;z-index:var(--srp-date-picker-z)!important}input[type=date]::-webkit-calendar-picker-indicator{background:#0000;bottom:0;color:#0000;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto;z-index:99999!important;z-index:var(--srp-date-picker-z)!important}input[type=date]::-moz-calendar-picker-indicator{z-index:99999!important;z-index:var(--srp-date-picker-z)!important}@media (max-width:768px){.student-registration-overlay{padding:1rem}.student-registration-popup{border-radius:12px;max-height:95vh;max-width:100%}.popup-body,.popup-footer,.popup-header{padding-left:1.5rem;padding-right:1.5rem}.step-indicator{gap:1rem;overflow-x:auto;padding:1rem 1.5rem}.step:after{width:1rem}.srg-form-grid{gap:1rem;grid-template-columns:1fr}.header-text h2{font-size:1.25rem}.footer-actions{flex-direction:column;gap:.75rem}.btn-convert,.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.header-content{gap:.75rem}.header-icon{height:48px;width:48px}.header-icon .material-symbols-rounded{font-size:24px}.step-indicator{gap:.5rem}.step-number{font-size:.8rem;height:28px;width:28px}.step-label{font-size:.7rem}}.btn-convert:focus,.btn-primary:focus,.btn-secondary:focus,.close-btn:focus,.srg-form-input:focus{outline:2px solid #059669;outline:2px solid var(--srp-srg-form-input-focus-border);outline-offset:2px}@media (prefers-contrast:high){.student-registration-popup{border:2px solid #000}[data-theme=dark] .student-registration-popup{border:2px solid #fff}.btn-convert,.btn-primary,.btn-secondary,.step-number{border:2px solid}}@media (prefers-reduced-motion:reduce){.btn-convert,.btn-primary,.btn-secondary,.srg-form-input,.step-number,.student-registration-popup{animation:none;transition:none}.popup-body,.student-registration-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.btn-convert:hover,.btn-primary:hover,.btn-secondary:hover,.close-btn:hover{transform:none}.btn-convert .spinning,.message-banner,.step-content{animation:none}}.srg-form-error{align-items:center;color:#991b1b;color:var(--srp-error-text);display:flex;font-size:.8rem;font-weight:500;gap:.25rem;margin-top:.25rem;transition:color .3s ease}.srg-form-error .material-symbols-rounded{font-size:.9rem}.srg-form-field.srg-full-width{grid-column:span 2}.srg-form-textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--srp-srg-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--srp-srg-form-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;box-shadow:var(--srp-srg-form-input-shadow);color:#1e293b;color:var(--srp-srg-form-input-text);font-family:inherit;font-size:.95rem;font-weight:500;min-height:80px;outline:none;padding:.75rem 1rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1)}.srg-form-textarea:focus{background:#fffffff2;background:var(--srp-srg-form-input-focus-bg);border-color:#059669;border-color:var(--srp-srg-form-input-focus-border);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;box-shadow:var(--srp-srg-form-input-focus-shadow);transform:translateY(-1px)}.srg-form-textarea::placeholder{color:#9ca3af;color:var(--srp-srg-form-input-placeholder);font-weight:400}.srg-section-header{grid-column:span 2;margin-bottom:1.5rem}.srg-section-header h4{color:#1e293b;color:var(--srp-step-title-text);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.srg-section-header p{color:#6b7280;color:var(--srp-text-muted);font-size:.9rem;margin:0;transition:color .3s ease}.srg-file-upload-container{width:100%}.srg-file-upload-area{background:#fffc;background:var(--srp-srg-form-input-bg);border:2px dashed #e2e8f0cc;border:2px dashed var(--srp-srg-form-input-border);border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.srg-file-upload-area:hover{background:#fffffff2;background:var(--srp-srg-form-input-focus-bg);border-color:#059669;border-color:var(--srp-srg-form-input-focus-border);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;box-shadow:var(--srp-srg-form-input-focus-shadow);transform:translateY(-2px)}.srg-file-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:1rem;width:100%}.srg-file-upload-label .material-symbols-rounded{color:#059669;color:var(--srp-srg-form-input-focus-border);font-size:3rem;opacity:.7;transition:color .3s ease}.srg-upload-text{text-align:center}.srg-upload-title{color:#1e293b;color:var(--srp-step-title-text);font-size:1rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.srg-upload-subtitle{font-size:.9rem;margin-bottom:.5rem}.srg-upload-formats,.srg-upload-subtitle{color:#6b7280;color:var(--srp-text-muted);transition:color .3s ease}.srg-upload-formats{font-size:.8rem;opacity:.8}.srg-file-uploaded{align-items:center;animation:fileUploadSuccess .3s ease-out;background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--srp-success-bg);border:2px solid #6ee7b7;border:2px solid var(--srp-success-border);border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.srg-file-info{align-items:center;display:flex;flex:1 1;gap:1rem}.srg-file-info .material-symbols-rounded{color:#065f46;color:var(--srp-success-text);font-size:2rem;transition:color .3s ease}.srg-file-details{flex:1 1}.srg-file-name{color:#1e293b;color:var(--srp-step-title-text);font-size:.95rem;font-weight:600;margin-bottom:.25rem;transition:color .3s ease;word-break:break-word}.srg-file-size{color:#6b7280;color:var(--srp-text-muted);font-size:.8rem;transition:color .3s ease}.srg-file-remove{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--srp-error-bg);border:1px solid #fca5a5;border:1px solid var(--srp-error-border);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.srg-file-remove:hover{background:#991b1b;background:var(--srp-error-text);transform:scale(1.05)}.srg-file-remove .material-symbols-rounded{color:#991b1b;color:var(--srp-error-text);font-size:1.2rem;transition:color .3s ease}.srg-file-remove:hover .material-symbols-rounded{color:#fff}[data-theme=dark] .srg-file-remove:hover .material-symbols-rounded{color:#000}@keyframes fileUploadSuccess{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.srg-form-field.has-error .srg-form-input,.srg-form-field.has-error .srg-form-textarea{border-color:#991b1b;border-color:var(--srp-error-text);box-shadow:0 0 0 3px #ef44441a}.srg-form-field.has-success .srg-form-input,.srg-form-field.has-success .srg-form-textarea{border-color:#065f46;border-color:var(--srp-success-text);box-shadow:0 0 0 3px #10b9811a}[data-theme=dark] .srg-form-field.has-error .srg-form-input,[data-theme=dark] .srg-form-field.has-error .srg-form-textarea{border-color:#ffcdd2;box-shadow:0 0 0 3px #ffcdd21a}[data-theme=dark] .srg-form-field.has-success .srg-form-input,[data-theme=dark] .srg-form-field.has-success .srg-form-textarea{border-color:#065f46;box-shadow:0 0 0 3px #1de6a51a}.srg-form-input:disabled,.srg-form-textarea:disabled{background:#fffc;background:var(--srp-srg-form-input-bg);cursor:not-allowed;opacity:.6}.srg-form-textarea:focus{outline:2px solid #059669;outline:2px solid var(--srp-srg-form-input-focus-border);outline-offset:2px}@media (max-width:768px){.srg-form-field.srg-full-width{grid-column:span 1}.srg-file-upload-area{padding:1.5rem 1rem}.srg-file-upload-label .material-symbols-rounded{font-size:2.5rem}.srg-upload-title{font-size:.9rem}.srg-file-uploaded{align-items:stretch;flex-direction:column;gap:1rem}.srg-file-info{justify-content:center}.srg-file-remove{align-self:center}.student-registration-overlay{align-items:flex-end!important;padding:0!important}.student-registration-popup{animation:slideUpSheet .3s ease-out;border-radius:20px 20px 0 0!important;max-height:95vh!important;max-width:100%!important;width:100%!important}}@media (max-width:768px){@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.popup-header{border-radius:20px 20px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.popup-body,.popup-header{padding:1rem 1.25rem!important}.popup-body{-webkit-overflow-scrolling:touch;max-height:calc(95vh - 160px);overflow-y:auto}.popup-footer{bottom:0;padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom, 0px))!important;position:-webkit-sticky;position:sticky;z-index:10}.step-indicator{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;justify-content:flex-start!important;overflow-x:auto;padding:.75rem 1.25rem!important;scrollbar-width:none}.step-indicator::-webkit-scrollbar{display:none}.step{flex-shrink:0}.srg-form-grid{gap:.75rem!important;grid-template-columns:1fr 1fr!important}.footer-actions{flex-direction:row!important;gap:.625rem!important}.btn-convert,.btn-primary,.btn-secondary{flex:1 1;font-size:.9rem;justify-content:center;min-height:48px}.srg-form-input,.srg-form-select,.student-registration-popup input,.student-registration-popup select,.student-registration-popup textarea{font-size:16px!important;min-height:44px}}@media (max-width:480px){.srg-form-grid{grid-template-columns:1fr!important}.footer-actions{flex-wrap:wrap!important}.btn-secondary{flex:0 0 100%;order:2}.btn-convert,.btn-primary{flex:1 1;order:1}}.srg-program-pick-btn{align-items:center;background:#6366f10a;border:2px dashed #6366f159;border-radius:12px;color:#4f46e5;cursor:pointer;display:flex;font-family:inherit;font-size:.92rem;font-weight:700;gap:.6rem;padding:.85rem 1.1rem;transition:all .18s;width:100%}.srg-program-pick-btn:hover{background:#6366f117;border-color:#6366f1;transform:translateY(-1px)}.srg-program-pick-btn .material-symbols-rounded{color:#6366f1;font-size:1.3rem}.srg-program-selected{align-items:center;background:linear-gradient(135deg,#f5f3ff,#faf5ff);border:2px solid #a5b4fc;border-radius:12px;display:flex;gap:.75rem;justify-content:space-between;padding:.8rem 1rem}.srg-program-selected-info{align-items:center;display:flex;gap:.7rem;min-width:0}.srg-program-selected-info>.material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:1.4rem}.srg-program-selected-name{color:#3730a3;font-size:.92rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srg-program-selected-id{color:#9ca3af;font-family:monospace;font-size:.7rem;margin-top:.1rem}.srg-program-change-btn{align-items:center;background:#fff;border:1.5px solid #a5b4fc;border-radius:8px;color:#4f46e5;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.78rem;font-weight:700;gap:.3rem;padding:.35rem .75rem;transition:all .15s}.srg-program-change-btn:hover{background:#ede9fe;border-color:#6366f1}.srg-program-change-btn .material-symbols-rounded{font-size:.9rem}:root{--ld-page-bg:#fff;--ld-page-text:#1e293b;--ld-page-border:#e2e8f0;--ld-page-shadow:0 6px 20px #0000000d;--ld-header-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--ld-header-border:#e2e8f0;--ld-header-shadow:0 6px 20px #0000000d;--ld-header-text:#1e293b;--ld-banner-bg:#e0f2fe;--ld-banner-text:#0369a1;--ld-banner-error-bg:#fee2e2;--ld-banner-error-text:#b91c1c;--ld-banner-success-bg:#d1fae5;--ld-banner-success-text:#065f46;--ld-btn-bg:#f1f5f9;--ld-btn-text:#1e293b;--ld-btn-shadow:0 1px 3px #0000000a;--ld-btn-hover-bg:#e0f2f1;--ld-btn-hover-shadow:0 6px 12px #0000001a;--ld-btn-hover-border:2px solid #000;--ld-btn-disabled-bg:#f1f5f9;--ld-btn-disabled-text:#94a3b8;--ld-save-btn-bg:linear-gradient(135deg,#ede9fe,#e0e7ff);--ld-save-btn-text:#4338ca;--ld-refresh-btn-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--ld-refresh-btn-text:#0369a1;--ld-reset-btn-bg:linear-gradient(135deg,#fef3c7,#fff7ed);--ld-reset-btn-text:#b45309;--ld-deactivate-btn-bg:linear-gradient(135deg,#fee2e2,#fff1f2);--ld-deactivate-btn-text:#b91c1c;--ld-convert-btn-bg:linear-gradient(135deg,#bbf7d0,#4ade80);--ld-convert-btn-text:#064e3b;--ld-sidebar-bg:#ffffffe6;--ld-sidebar-border:#e2e8f0;--ld-sidebar-shadow:0 2px 20px #00000014;--ld-sidebar-hover-shadow:0 12px 28px #0000001a;--ld-sidebar-text:#1e293b;--ld-toggle-bg-default:#dcfce740;--ld-toggle-bg-hover:#dcfce759;--ld-toggle-border-color:#34d3994d;--ld-toggle-icon-color-default:#047857;--ld-toggle-icon-color-accent:#065f46;--ld-toggle-shadow-color:#22c55e14;--ld-toggle-shadow-hover-color:#22c55e29;--ld-card-bg:#fff;--ld-card-border:#e2e8f0;--ld-card-shadow:0 6px 20px #0000000d;--ld-card-hover-shadow:0 8px 20px #0000000f;--ld-card-text:#1e293b;--ld-profile-bg:#ffffffe6;--ld-profile-border:#e2e8f0;--ld-profile-shadow:0 6px 20px #0000000d;--ld-profile-hover-shadow:0 4px 12px #0000000d;--ld-profile-name-text:#1e293b;--ld-profile-meta-text:#475569;--ld-avatar-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--ld-avatar-text:#065f46;--ld-avatar-border:#e2e8f0;--ld-avatar-shadow:0 6px 20px #0000000d;--ld-status-bg:#ffffffe6;--ld-status-border:#e2e8f0;--ld-status-shadow:0 6px 20px #0000000d;--ld-status-icon-color:#2563eb;--ld-status-label-text:#6b7280;--ld-field-label-text:#334155;--ld-field-value-text:#1e293b;--ld-field-value-hover-bg:#00000008;--ld-field-input-bg:#0000;--ld-field-input-border:#0000;--ld-field-input-focus-border:#3b82f6;--ld-field-input-focus-shadow:#3b82f633;--ld-field-edit-icon-color:#64748b;--ld-field-edit-icon-hover-color:#0f172a;--ld-main-bg:#ffffffd9;--ld-main-border:#e2e8f0;--ld-main-shadow:0 6px 20px #0000000d;--ld-tab-bg:#ffffffe6;--ld-tab-border:#e2e8f0;--ld-tab-shadow:0 2px 8px #00000005;--ld-tab-text:#475569;--ld-tab-hover-bg:#065f460d;--ld-tab-hover-text:#065f46;--ld-tab-hover-border:#064e3b;--ld-tab-active-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--ld-card-emerald-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--ld-tab-active-text:#065f46;--ld-card-emerald-text:#065f46;--ld-tab-active-shadow:0 2px 8px #065f461a;--ld-timeline-border:#e2e8f0;--ld-timeline-content-bg:#f8fafc;--ld-timeline-content-hover-bg:#e0f2fe;--ld-timeline-content-border:#e2e8f0;--ld-timeline-content-shadow:0 1px 4px #00000008;--ld-timeline-title-text:#0f172a;--ld-timeline-subtext-color:#334155;--ld-timeline-time-color:#64748b;--ld-table-header-bg:#f0fdf4;--ld-table-header-text:#047857;--ld-table-header-border:#d1fae5;--ld-table-cell-border:#e5e7eb;--ld-table-row-hover-bg:#f9fafb;--ld-icon-btn-bg:#f1f5f9;--ld-icon-btn-border:#e2e8f0;--ld-icon-btn-text:#334155;--ld-icon-btn-hover-bg:#e2e8f0;--ld-icon-btn-hover-text:#1e3a8a;--ld-icon-btn-hover-shadow:0 2px 6px #0000000f;--ld-lock-bg:#cbd5e166;--ld-lock-border:#64748b33;--ld-lock-thumb-bg:#fff;--ld-lock-thumb-text:#64748b;--ld-lock-active-bg:linear-gradient(135deg,#2563eb,#1e3a8a);--ld-lock-active-shadow:0 0 0 4px #3b82f626;--ld-lock-active-thumb-text:#1e3a8a;--ld-scrollbar-thumb:#94a3b899;--ld-scrollbar-track:#0000;--ld-popup-bg:#fff;--ld-popup-border:#065f46;--ld-popup-shadow:0 20px 40px #0000004d;--ld-popup-text:#1e293b;--ld-popup-header-icon:#065f46;--ld-popup-field-bg:#f8fafc;--ld-popup-field-border:#e2e8f0;--ld-display-id-bg:linear-gradient(135deg,#bbf7d0,#34d399);--ld-display-id-text:#065f46;--ld-hot-lead-bg:linear-gradient(135deg,#fef08a,#facc15);--ld-hot-lead-text:#92400e;--ld-followup-lead-bg:linear-gradient(135deg,#a5f3fc,#22d3ee);--ld-followup-lead-text:#0e7490;--ld-overdue-followup-bg:linear-gradient(135deg,#fecaca,#f87171);--ld-overdue-followup-text:#991b1b;--ld-ai-insights-bg:#fff;--ld-ai-insights-border:#e2e8f0;--ld-ai-insights-shadow:0 6px 20px #0000000d;--ld-ai-insights-text:#475569;--ld-ai-insights-header-text:#1e293b;--ld-ai-insights-section-bg:#ffffffe6;--ld-ai-insights-list-bg:#f8fafc;--ld-ai-insights-icon-color:#0369a1;--ld-extensions-bg:#fff;--ld-extensions-border:#e2e8f0;--ld-extensions-shadow:0 6px 20px #0000000d;--ld-extensions-section-shadow:0 4px 12px #00000014;--ld-extensions-section-hover-shadow:0 8px 20px #0000001f;--ld-extensions-field-bg:#0000;--ld-extensions-field-border:#0000;--ld-extensions-field-value-bg:#f1f5f9;--ld-extensions-toggle-bg:linear-gradient(135deg,#e5e7eb,#d1d5db);--ld-extensions-toggle-active-bg:linear-gradient(135deg,#3b82f6,#1d4ed8)}[data-theme=dark]{--ld-page-bg:#1a1a1ae6;--ld-page-text:#fff;--ld-page-border:#ffffff1a;--ld-page-shadow:0 6px 20px #0000004d;--ld-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--ld-header-border:#ffffff1a;--ld-header-shadow:0 6px 20px #0000004d;--ld-header-text:#fff;--ld-banner-bg:#00f2fe26;--ld-banner-text:#00f2fe;--ld-banner-error-bg:#ff3b3026;--ld-banner-error-text:#ff3b30;--ld-banner-success-bg:#00ff8826;--ld-banner-success-text:linear-gradient(135deg,#065f46,#047857);--ld-btn-bg:#333c;--ld-btn-text:#fff;--ld-btn-shadow:0 1px 3px #0006;--ld-btn-hover-bg:#00ff881a;--ld-btn-hover-shadow:0 6px 12px #0006;--ld-btn-hover-border:2px solid linear-gradient(135deg,#065f46,#047857);--ld-btn-disabled-bg:#33333380;--ld-btn-disabled-text:#ffffff4d;--ld-save-btn-bg:#0f83;--ld-save-btn-text:linear-gradient(135deg,#065f46,#047857);--ld-refresh-btn-bg:#00f2fe26;--ld-refresh-btn-text:#00f2fe;--ld-reset-btn-bg:linear-gradient(135deg,#ffc1072e,#1a1a1af2);--ld-reset-btn-text:#ffd666;--ld-deactivate-btn-bg:#ff3b3026;--ld-deactivate-btn-text:#ff3b30;--ld-convert-btn-bg:#0f83;--ld-convert-btn-text:linear-gradient(135deg,#065f46,#047857);--ld-sidebar-bg:#1a1a1ae6;--ld-sidebar-border:#ffffff1a;--ld-sidebar-shadow:0 2px 20px #0006;--ld-sidebar-hover-shadow:0 12px 28px #00000080;--ld-sidebar-text:#fff;--ld-toggle-bg-default:#00ff881a;--ld-toggle-bg-hover:#0f83;--ld-toggle-border-color:#00ff884d;--ld-toggle-icon-color-default:linear-gradient(135deg,#065f46,#047857);--ld-toggle-icon-color-accent:#00cc6a;--ld-toggle-shadow-color:#00ff8826;--ld-toggle-shadow-hover-color:#00ff8840;--ld-card-bg:#1a1a1ae6;--ld-card-border:#ffffff1a;--ld-card-shadow:0 6px 20px #0000004d;--ld-card-hover-shadow:0 8px 20px #0006;--ld-card-text:#fff;--ld-profile-bg:#1a1a1ae6;--ld-profile-border:#ffffff1a;--ld-profile-shadow:0 6px 20px #0000004d;--ld-profile-hover-shadow:0 4px 12px #0006;--ld-profile-name-text:#fff;--ld-profile-meta-text:#ccc;--ld-avatar-bg:#0f83;--ld-avatar-text:linear-gradient(135deg,#065f46,#047857);--ld-avatar-border:#ffffff1a;--ld-avatar-shadow:0 6px 20px #0000004d;--ld-status-bg:#1a1a1ae6;--ld-status-border:#ffffff1a;--ld-status-shadow:0 6px 20px #0000004d;--ld-status-icon-color:#065f46;--ld-status-label-text:#ccc;--ld-field-label-text:#ccc;--ld-field-value-text:#fff;--ld-field-value-hover-bg:#ffffff0d;--ld-field-input-bg:#0000;--ld-field-input-border:#0000;--ld-field-input-focus-border:linear-gradient(135deg,#065f46,#047857);--ld-field-input-focus-shadow:#0f83;--ld-field-edit-icon-color:#ccc;--ld-field-edit-icon-hover-color:#fff;--ld-main-bg:#1a1a1ad9;--ld-main-border:#ffffff1a;--ld-main-shadow:0 6px 20px #0000004d;--ld-tab-bg:#1a1a1af2;--ld-tab-border:#ffffff1a;--ld-tab-shadow:0 2px 8px #0000004d;--ld-tab-text:#ccc;--ld-tab-hover-bg:#00ff881a;--ld-tab-hover-text:linear-gradient(135deg,#065f46,#047857);--ld-tab-hover-border:#00cc6a;--ld-card-emerald-bg:linear-gradient(135deg,#adffff38,#1a1a1af2);--ld-tab-active-bg:linear-gradient(135deg,#065f46,#047857);--ld-card-emerald-text:#3efcd9;--ld-tab-active-text:#fff;--ld-tab-active-shadow:0 2px 8px #0f83;--ld-timeline-border:#ffffff1a;--ld-timeline-content-bg:#33333380;--ld-timeline-content-hover-bg:#00ff880d;--ld-timeline-content-border:#ffffff1a;--ld-timeline-content-shadow:0 1px 4px #0000004d;--ld-timeline-title-text:#fff;--ld-timeline-subtext-color:#ccc;--ld-timeline-time-color:#ffffffb3;--ld-table-header-bg:#333c;--ld-table-header-text:linear-gradient(135deg,#065f46,#047857);--ld-table-header-border:#0f83;--ld-table-cell-border:#ffffff1a;--ld-table-row-hover-bg:#00ff880d;--ld-icon-btn-bg:#333c;--ld-icon-btn-border:#ffffff1a;--ld-icon-btn-text:#fff;--ld-icon-btn-hover-bg:#00ff881a;--ld-icon-btn-hover-text:linear-gradient(135deg,#065f46,#047857);--ld-icon-btn-hover-shadow:0 2px 6px #0006;--ld-lock-bg:#ffffff1a;--ld-lock-border:#fff3;--ld-lock-thumb-bg:#1a1a1ae6;--ld-lock-thumb-text:#ccc;--ld-lock-active-bg:linear-gradient(135deg,#065f46,#047857);--ld-lock-active-shadow:0 0 0 4px #00ff8840;--ld-lock-active-thumb-text:#000;--ld-scrollbar-thumb:#ffffff4d;--ld-scrollbar-track:#0000;--ld-popup-bg:#1a1a1af2;--ld-popup-border:linear-gradient(135deg,#065f46,#047857);--ld-popup-shadow:0 20px 40px #0009;--ld-popup-text:#fff;--ld-popup-header-icon:linear-gradient(135deg,#065f46,#047857);--ld-popup-field-bg:#33333380;--ld-popup-field-border:#ffffff1a;--ld-display-id-bg:#0f83;--ld-display-id-text:linear-gradient(135deg,#065f46,#047857);--ld-hot-lead-bg:#ff9f0a33;--ld-hot-lead-text:#ff9f0a;--ld-followup-lead-bg:#00f2fe33;--ld-followup-lead-text:#00f2fe;--ld-overdue-followup-bg:#ff3b3033;--ld-overdue-followup-text:#ff3b30;--ld-ai-insights-bg:#1a1a1ae6;--ld-ai-insights-border:#ffffff1a;--ld-ai-insights-shadow:0 6px 20px #0000004d;--ld-ai-insights-text:#ccc;--ld-ai-insights-header-text:#fff;--ld-ai-insights-section-bg:#1a1a1af2;--ld-ai-insights-list-bg:#33333380;--ld-ai-insights-icon-color:#065f46;--ld-extensions-bg:#1a1a1ae6;--ld-extensions-border:#ffffff1a;--ld-extensions-shadow:0 6px 20px #0000004d;--ld-extensions-section-shadow:0 4px 12px #0006;--ld-extensions-section-hover-shadow:0 8px 20px #00000080;--ld-extensions-field-bg:#0000;--ld-extensions-field-border:#0000;--ld-extensions-field-value-bg:#33333380;--ld-extensions-toggle-bg:#ffffff1a;--ld-extensions-toggle-active-bg:linear-gradient(135deg,#3b82f6,#1d4ed8)}.ld-leads-page{background:#fff;background:var(--ld-page-bg);box-sizing:border-box;color:#1e293b;color:var(--ld-page-text);display:flex;flex-direction:column;font-family:Google Sans,Poppins,sans-serif;height:auto;min-height:100vh;overflow:visible;transition:all .3s ease;width:100%}.lead-snapshot-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--ld-header-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-icon-btn-border);border-radius:8px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-header-shadow);box-shadow:var(--ld-card-shadow);color:#334155;color:var(--ld-icon-btn-text);display:flex;flex-direction:column;padding:1rem 2rem;padding:var(--header-padding-vertical) var(--header-padding-horizontal);position:-webkit-sticky;position:sticky;top:0;z-index:10}.ld-icon-btn[data-tooltip]{position:relative}.ld-icon-btn.ld-icon-purple{background:linear-gradient(135deg,#a5f3fc,#22d3ee);background:var(--ld-followup-lead-bg);color:#0e7490;color:var(--ld-followup-lead-text)}.ld-icon-btn:hover{background-color:var(--ld-icon-btn-hover-bg);box-shadow:var(--ld-icon-btn-hover-shadow);color:var(--ld-icon-btn-hover-text)}.ld-icon-btn.danger:hover{background-color:linear-gradient(135deg,#fee2e2,#fff1f2);background-color:var(--ld-deactivate-btn-bg);color:#b91c1c;color:var(--ld-deactivate-btn-text)}.ld-more-dropdown,.more-actions-dropdown{display:inline-block;position:relative}.ld-more-btn{align-items:center;display:inline-flex;gap:.375rem}.ld-more-btn-text{font-size:.875rem;font-weight:500}.ld-more-menu,.menu-popup{background:#fff;background:var(--ld-popup-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-popup-field-border);border-radius:12px;box-shadow:0 20px 40px #0000004d;box-shadow:var(--ld-popup-shadow);max-width:calc(100vw - 2rem);padding:.5rem 0;position:absolute;right:0;top:calc(100% + 6px);width:220px;z-index:9999}.popup-item{color:var(--ld-popup-text);transition:background .2s ease,color .3s ease;white-space:nowrap}.popup-item:hover{background:#f8fafc;background:var(--ld-popup-field-bg)}.popup-icon{align-items:center;border-radius:4px;color:#64748b;color:var(--ld-field-edit-icon-color);display:flex;justify-content:center;padding:4px;transition:all .2s ease}.ai-popup-close:hover{background:#00000008;background:var(--ld-field-value-hover-bg);color:#0f172a;color:var(--ld-field-edit-icon-hover-color)}.ai-popup-close .material-symbols-rounded{font-size:16px}.ai-score-popup-content{font-size:14px;line-height:1.5;max-height:320px;overflow-y:auto;padding:16px;scroll-behavior:smooth}.ai-popup-header-text,.ai-score-popup-content{color:#1e293b;color:var(--ld-card-text);transition:color .3s ease}.ai-popup-header-text{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-popup-field-border);font-size:15px;font-weight:600;margin-bottom:8px;padding-bottom:4px}.ai-popup-bullet{align-items:flex-start;display:flex;gap:8px;margin-bottom:6px;padding-left:8px}.ai-popup-bullet .bullet-point{color:#064e3b;color:var(--ld-convert-btn-text);flex-shrink:0;font-weight:700;margin-top:2px}.ai-popup-text{line-height:1.6;margin-bottom:8px}.ai-popup-bullet strong,.ai-popup-text strong{color:#1e293b;color:var(--ld-card-text);font-weight:600}.ai-score-popup-content::-webkit-scrollbar{width:6px}.ai-score-popup-content::-webkit-scrollbar-track{background:#f8fafc;background:var(--ld-popup-field-bg);border-radius:3px}.ai-score-popup-content::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--ld-card-border);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.ai-score-popup-content::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--ld-field-edit-icon-color)}.field-item .ld-label{align-items:center;display:flex;gap:4px}.extensions-tab-header h2{color:var(--ld-card-text)}.lead-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;background:var(--ld-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-sidebar-border);border-radius:24px;box-shadow:0 2px 20px #00000014;box-shadow:var(--ld-sidebar-shadow);display:flex;flex-direction:column;flex-shrink:0;height:auto;overflow:hidden;padding:1.5rem;position:relative!important;transition:width .3s ease,padding .3s ease,border .3s ease,transform .3s ease,box-shadow .3s ease,background .3s ease;width:500px}.extensions-description{color:#6b7280;color:var(--ld-status-label-text)}.extensions-content{background:var(--ld-extensions-bg);border:1px solid var(--ld-extensions-border);box-shadow:var(--ld-extensions-shadow);transition:background .3s ease}.extension-section{background:var(--ld-card-bg);border:1px solid var(--ld-card-border);box-shadow:0 4px 12px #00000014;box-shadow:var(--ld-extensions-section-shadow);transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.extension-section:hover{box-shadow:0 8px 20px #0000001f;box-shadow:var(--ld-extensions-section-hover-shadow)}.extension-section-title{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-card-border);color:var(--ld-card-text);transition:color .3s ease}.extension-field-label{color:#6b7280;color:var(--ld-status-label-text)}.required-asterisk{color:var(--ld-deactivate-btn-text)}.help-text-icon .material-symbols-rounded{color:var(--ld-field-edit-icon-color)}.extension-field-input{background:var(--ld-extensions-field-bg);border:1px solid var(--ld-extensions-field-border);color:#1e293b;color:var(--ld-field-value-text)}.extension-field-input:focus{background:#fff;background:var(--ld-card-bg);border-color:var(--ld-field-input-focus-border);box-shadow:0 0 0 2px var(--ld-field-input-focus-shadow)}.extension-field-input[type=number]{text-align:right}.extension-field-input[type=datetime-local]{cursor:pointer}.extension-field-value{align-items:center;background:#f1f5f9;background:var(--ld-extensions-field-value-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:.6rem;display:flex;min-height:38px;padding:.55rem .75rem;transition:background .3s ease}.extension-field-value.read-only{background:#f8fafc;background:var(--ld-popup-field-bg);color:#6b7280;color:var(--ld-status-label-text);cursor:not-allowed}.extension-value-text{color:#1e293b;color:var(--ld-card-text);font-size:.92rem;font-weight:500;transition:color .3s ease}.ld-modern-toggle-wrapper{align-items:center;display:flex;gap:1rem}.ld-modern-toggle{background:linear-gradient(135deg,#e5e7eb,#d1d5db);background:var(--ld-extensions-toggle-bg);border:2px solid #0000;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;height:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.ld-modern-toggle:hover{box-shadow:inset 0 2px 4px #00000026,0 0 0 4px #3b82f633;box-shadow:inset 0 2px 4px #00000026,0 0 0 4px var(--ld-field-input-focus-shadow);transform:scale(1.05)}.ld-modern-toggle.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--ld-extensions-toggle-active-bg);box-shadow:0 0 0 4px #3b82f633;box-shadow:0 0 0 4px var(--ld-field-input-focus-shadow)}.ld-toggle-slider{height:100%;position:relative;width:100%}.ld-toggle-thumb{align-items:center;background:#fff;background:var(--ld-card-bg);border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;height:24px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.ld-modern-toggle.active .ld-toggle-thumb{background:#fff;background:var(--ld-card-bg);transform:translateX(28px)}.ld-toggle-thumb .material-symbols-rounded{color:#64748b;color:var(--ld-field-edit-icon-color);font-size:14px;transition:color .3s ease}.ld-modern-toggle.active .ld-toggle-thumb .material-symbols-rounded{color:#064e3b;color:var(--ld-convert-btn-text)}.toggle-label{color:var(--ld-card-text)}.ld-modern-toggle.active+.toggle-label{color:#064e3b;color:var(--ld-convert-btn-text)}.boolean-indicator{transition:all .3s ease}.boolean-indicator.true{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);color:#064e3b;color:var(--ld-convert-btn-text)}.boolean-indicator.false{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--ld-deactivate-btn-bg);color:var(--ld-deactivate-btn-text)}.json-textarea{background:var(--ld-popup-field-bg);border:1px solid var(--ld-card-border)}.json-textarea:focus{background:var(--ld-card-bg);border-color:var(--ld-field-input-focus-border);box-shadow:0 0 0 2px var(--ld-field-input-focus-shadow)}.json-helper{color:var(--ld-field-edit-icon-color)}.json-display{background:var(--ld-popup-field-bg);border:1px solid var(--ld-card-border);transition:background .3s ease}.json-preview{color:#1e293b;color:var(--ld-card-text)}.extensions-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--ld-card-border);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.loading-spinner .material-symbols-rounded.spinning{color:var(--ld-refresh-btn-text)}.extensions-error{background:var(--ld-card-bg);border:1px solid linear-gradient(135deg,#fee2e2,#fff1f2);border:1px solid var(--ld-deactivate-btn-bg);box-shadow:var(--ld-card-shadow);transition:background .3s ease}.error-icon .material-symbols-rounded,.extensions-error h3{color:var(--ld-deactivate-btn-text)}.extensions-error p{color:#6b7280;color:var(--ld-status-label-text)}.extensions-empty{background:var(--ld-card-bg);border:1px solid var(--ld-card-border);box-shadow:var(--ld-card-shadow);transition:background .3s ease}.extensions-empty .empty-state-icon .material-symbols-rounded{color:var(--ld-btn-disabled-text)}.extensions-empty h3{color:var(--ld-card-text)}.extensions-empty p{color:#6b7280;color:var(--ld-status-label-text)}@media (max-width:1200px){.lead-details-container{flex-direction:column;gap:1rem;max-width:100%;padding:12px}.lead-sidebar{margin-right:0;width:100%}.lead-main-content{margin-left:0}.lead-snapshot-header{align-items:flex-start;border-radius:12px;flex-direction:column;gap:1rem;position:static;top:auto}.lead-snapshot-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.lead-tabbar{border-radius:0;flex-wrap:wrap;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;position:static;top:auto}.personal-action-buttons.bottom-sticky{border-radius:0;flex-wrap:wrap;margin-bottom:0;position:static}.personal-action-buttons.bottom-sticky .lead-details-md3-btn{flex:1 1 auto;min-width:130px}.lead-card.card-audit,.lead-card.card-personal{grid-column:span 1}.lead-details-tab{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.lead-sidebar-hover-popup{left:20px!important;max-width:calc(100vw - 40px)!important;min-width:auto!important;right:20px!important}}@media (max-width:768px){.ld-leads-page{padding:.25rem}.lead-details-container{flex-direction:column!important;gap:.5rem!important;max-width:100%!important;padding:8px!important;width:100%!important}.lead-sidebar,.lead-sidebar-wrapper{border-radius:10px!important;margin-right:0!important;order:-1!important;padding:.75rem!important;width:100%!important}.lead-sidebar.collapsed{flex-direction:row}.lead-main-content{border-radius:10px!important;margin-left:0!important;min-width:0!important;padding:.5rem!important;width:100%!important}.sidebar-collapse-toggle{display:none!important}.lead-collapsed-sidebar-icons{flex-direction:row!important;flex-wrap:wrap!important;gap:.5rem!important;justify-content:center!important;margin-top:0!important;padding:.25rem!important}.lead-collapsed-icon-item{transform:none!important}.lead-collapsed-icon-item:hover{transform:scale(1.05)!important}.lead-snapshot-header{border-radius:10px!important;flex-direction:column!important;gap:.5rem!important;padding:.5rem!important;position:static!important;top:auto!important}.header-top-row{align-items:center!important;display:flex!important;flex-direction:row!important;gap:.5rem!important;width:100%!important}.lead-snapshot-info{flex:1 1!important;min-width:0!important}.lead-snapshot-info h1{font-size:.95rem!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.lead-next-action{margin-top:.2rem!important}.next-badge{display:inline-flex!important;font-size:.65rem!important;max-width:100%!important;overflow:hidden!important;padding:.2rem .5rem!important;text-overflow:ellipsis!important;white-space:nowrap!important}.lead-snapshot-actions{align-items:center!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:.375rem!important}.lead-snapshot-actions .btn-primary-action,.lead-snapshot-actions .lead-details-md3-btn{border-radius:8px!important;font-size:0!important;gap:0!important;height:40px!important;justify-content:center!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;padding:0!important;width:40px!important}.lead-snapshot-actions .btn-primary-action .material-symbols-rounded,.lead-snapshot-actions .lead-details-md3-btn .material-symbols-rounded{font-size:1.2rem!important;margin:0!important}.lead-snapshot-actions .icon-btn{border-radius:8px!important;height:40px!important;min-height:40px!important;min-width:40px!important;padding:0!important;width:40px!important}.lead-tabbar{-webkit-overflow-scrolling:touch!important;border-radius:10px!important;flex-wrap:nowrap!important;gap:.25rem!important;justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;overflow-x:auto!important;padding:.375rem!important;position:static!important;scrollbar-width:none!important;top:auto!important}.lead-tabbar::-webkit-scrollbar{display:none}.lead-tab{border-radius:8px!important;flex-shrink:0!important;font-size:.75rem!important;min-height:40px!important;padding:.5rem .75rem!important;white-space:nowrap!important}.lead-card{border-radius:10px!important;padding:.875rem!important}.lead-card,.lead-card h4{margin-bottom:.75rem!important}.lead-card h4{font-size:.9rem!important}.field-group{grid-gap:.75rem 1rem!important;display:grid!important;gap:.75rem 1rem!important;grid-template-columns:repeat(2,1fr)!important}.field-group .field-item{flex:initial!important;min-width:0!important}.field-item .ld-label,.field-item .lead-label{font-size:.75rem!important;margin-bottom:.25rem!important}.field-item .edit-input,.field-item .value-display,.ld-value-container{font-size:.875rem!important;min-height:40px!important}.ld-edit-input,input[type=date],input[type=email],input[type=number],input[type=text],select{font-size:16px!important}.personal-action-buttons.bottom-sticky{border-radius:0 0 10px 10px!important;flex-wrap:wrap!important;gap:.5rem!important;margin:.75rem -.875rem -.875rem!important;padding:.75rem!important;position:static!important}.personal-action-buttons.bottom-sticky .lead-details-md3-btn{flex:1 1 auto!important;font-size:.8rem!important;gap:.375rem!important;height:auto!important;justify-content:center!important;max-width:100%!important;min-width:120px!important;padding:.5rem .75rem!important}.personal-action-buttons.bottom-sticky .lead-details-md3-btn .material-symbols-rounded{font-size:1rem!important;margin:0!important}.followup-actions{flex-wrap:wrap!important;gap:.5rem!important}.followup-actions .lead-details-md3-btn,.followup-actions button{flex:1 1 auto!important;font-size:.78rem!important;gap:.3rem!important;justify-content:center!important;min-width:110px!important;padding:.5rem .625rem!important}.followup-actions .lead-details-md3-btn .material-symbols-rounded,.followup-actions button .material-symbols-rounded{font-size:1rem!important}.lead-audit-trail-block{grid-template-columns:1fr 1fr!important}.extension-fields-grid{gap:.75rem!important;grid-template-columns:1fr!important}.extension-section{border-radius:10px!important;padding:.875rem!important}.extensions-actions{flex-wrap:wrap;justify-content:center}.ld-modern-toggle{height:28px;width:50px}.ld-toggle-thumb{height:20px;width:20px}.ld-modern-toggle.active .ld-toggle-thumb{transform:translateX(22px)}.extensions-content{border-radius:10px!important;padding:.875rem!important}.lead-sidebar-hover-popup{left:.5rem!important;max-width:calc(100vw - 1rem)!important;right:.5rem!important}.lead-details-tab{grid-template-columns:1fr!important}.lead-card.card-assign,.lead-card.card-options{grid-column:1/-1!important}}@media (max-width:480px){.lead-details-container{padding:4px!important}.lead-main-content,.lead-sidebar{border-radius:8px!important;padding:.625rem!important}.lead-snapshot-header{padding:.375rem!important}.lead-snapshot-info h1{font-size:.9rem!important}.lead-snapshot-actions .btn-primary-action,.lead-snapshot-actions .icon-btn,.lead-snapshot-actions .lead-details-md3-btn{height:36px!important;min-height:36px!important;min-width:36px!important;width:36px!important}.lead-snapshot-actions .btn-primary-action .material-symbols-rounded,.lead-snapshot-actions .icon-btn .material-symbols-rounded,.lead-snapshot-actions .lead-details-md3-btn .material-symbols-rounded{font-size:1.1rem!important}.lead-tab{font-size:0!important;justify-content:center!important;max-width:44px!important;min-height:44px!important;min-width:44px!important;padding:.5rem!important}.lead-tab .material-symbols-rounded{font-size:1.2rem!important;margin:0!important}.field-group{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.lead-card{border-radius:8px!important;padding:.625rem!important}.personal-action-buttons.bottom-sticky{margin:.625rem -.625rem -.625rem!important;padding:.625rem!important}.personal-action-buttons.bottom-sticky .lead-details-md3-btn{font-size:.75rem!important;min-width:100px!important;padding:.45rem .625rem!important}}@media (max-width:1024px){.field-group,.lead-details-tab{grid-template-columns:repeat(2,1fr)}.field-group{gap:1rem 1.5rem}.field-group .field-item{flex:initial;min-width:0}}@media (max-width:600px){.lead-details-tab{grid-template-columns:1fr}.field-group{gap:.75rem;grid-template-columns:repeat(2,1fr)}.field-group .field-item{flex:initial;min-width:0}}.ld-icon-btn:focus-visible,.lead-collapsed-icon-item:focus-visible,.lead-details-md3-btn:focus-visible,.lead-tab:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--ld-field-input-focus-border);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ld-icon-btn,.lead-card,.lead-collapsed-icon-item,.lead-details-md3-btn,.lead-sidebar,.lead-sidebar-section,.lead-tab{transition:none}.lead-card:hover,.lead-collapsed-icon-item:hover,.lead-details-md3-btn:hover,.lead-sidebar-profile-horizontal:hover,.lead-sidebar-section:hover,.lead-sidebar:hover{transform:none}.lead-sidebar-hover-popup{transition:opacity .1s ease,visibility .1s ease}}@media print{.lead-collapsed-sidebar-icons,.lead-sidebar-hover-popup,.sidebar-collapse-toggle{display:none!important}.lead-sidebar.collapsed{padding:1.5rem;width:100%}.lead-sidebar.collapsed .lead-sidebar-header h2,.lead-sidebar.collapsed .lead-sidebar-profile-horizontal,.lead-sidebar.collapsed .lead-sidebar-scrollable,.lead-sidebar.collapsed .lead-status-badge{display:block}.lead-details-container{flex-direction:column}.lead-card,.lead-sidebar-section{border:1px solid #ccc;box-shadow:none}}@media (prefers-contrast:high){.lead-card,.lead-main-content,.lead-sidebar,.lead-sidebar-section{border-width:2px}.ld-icon-btn,.lead-details-md3-btn,.lead-tab{border:2px solid}.lead-sidebar-hover-popup{border-width:3px}}[data-theme=dark] .ai-score-popup:before{border-bottom-color:#fff;border-bottom-color:var(--ld-popup-bg)}[data-theme=dark] .ai-score-popup-header{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg)}.ld-leads-page,.lead-details-container,.lead-sidebar-wrapper{overflow:visible!important;position:relative!important}.lead-main-content{z-index:1!important}.lead-card.followup-card{background:#fff;background:var(--ld-card-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);color:#1e293b;color:var(--ld-card-text);grid-column:span 4;height:-webkit-fit-content;height:fit-content;margin-top:1.5rem;padding:1.5rem 2rem;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.lead-card.followup-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--ld-card-hover-shadow)}.lead-card.followup-card h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-card-border);color:#1e293b;color:var(--ld-card-text);display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;transition:color .3s ease}.followup-header{color:var(--ld-card-text)}.collapse-followup-btn{color:var(--ld-field-edit-icon-color)}.collapse-followup-btn:hover{color:#0f172a;color:var(--ld-field-edit-icon-hover-color)}.lead-followup-body{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.lead-followup-body label{color:#064e3b;color:var(--ld-convert-btn-text);font-size:.95rem;font-weight:500;transition:color .3s ease}.lead-followup-body input[type=date],.lead-followup-body textarea{background:#fff;background:var(--ld-card-bg);border:1px solid #0000;border:1px solid var(--ld-field-input-border);border-radius:8px;color:#1e293b;color:var(--ld-field-value-text);font-size:.95rem;padding:.5rem .75rem;transition:all .3s ease}.lead-followup-body input[type=date]:focus,.lead-followup-body textarea:focus{border-color:#3b82f6;border-color:var(--ld-field-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:0 0 0 2px var(--ld-field-input-focus-shadow)}.lead-followup-body textarea{min-height:80px;resize:vertical}.followup-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.followup-actions button{border:none;border-radius:8px;color:#064e3b;color:var(--ld-convert-btn-text);cursor:pointer;font-weight:500;padding:.5rem 1.25rem;transition:background .2s ease}.followup-actions button,.followup-actions button:hover{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg)}.followup-actions .cancel-btn{background:#e2e8f0;background:var(--ld-card-border);color:#334155;color:var(--ld-field-label-text)}.followup-actions .cancel-btn:hover{background:#00000008;background:var(--ld-field-value-hover-bg)}.field-changes-table-wrapper{background:var(--ld-popup-field-bg);box-shadow:0 0 0 1px var(--ld-popup-field-border)}.field-changes-table td,.field-changes-table th{border-bottom:1px solid var(--ld-popup-field-border);color:var(--ld-card-text);transition:color .3s ease}.field-changes-table th{background:#f0fdf4;background:var(--ld-table-header-bg);color:#047857;color:var(--ld-table-header-text)}.field-changes-table td.old{color:var(--ld-deactivate-btn-text)}.field-changes-table td.new{color:#064e3b;color:var(--ld-convert-btn-text)}.ld-fp-tab-content{font-family:Poppins,sans-serif}.ld-fp-card{background:#fff;background:var(--ld-card-bg);border-radius:1rem;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);overflow:hidden;transition:background .3s ease}.ld-fp-header,.ld-fp-title h2{margin-bottom:1rem}.ld-fp-title h2{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-card-border);color:#1e293b;color:var(--ld-card-text);font-size:1.5rem;padding-bottom:.75rem;transition:color .3s ease}.ld-fp-table-wrapper{background:#fff;background:var(--ld-card-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);height:-webkit-fit-content;height:fit-content;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.ld-fp-table th{background:#f0fdf4;background:var(--ld-table-header-bg);border-bottom:2px solid #d1fae5;border-bottom:2px solid var(--ld-table-header-border);color:#047857;color:var(--ld-table-header-text)}.ld-fp-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--ld-table-cell-border);color:#1e293b;color:var(--ld-card-text)}.ld-fp-table tr:hover:not(.ld-fp-notes-row){background:#f9fafb;background:var(--ld-table-row-hover-bg)}.status-badge.new{background:linear-gradient(135deg,#a5f3fc,#22d3ee);background:var(--ld-followup-lead-bg);color:#0e7490;color:var(--ld-followup-lead-text)}.status-badge.completed{background-color:linear-gradient(135deg,#bbf7d0,#4ade80);background-color:var(--ld-convert-btn-bg);color:#064e3b;color:var(--ld-convert-btn-text)}.status-badge.rescheduled{background-color:linear-gradient(135deg,#fef3c7,#fff7ed);background-color:var(--ld-reset-btn-bg);color:#b45309;color:var(--ld-reset-btn-text)}.status-badge.overdue{background-color:linear-gradient(135deg,#fee2e2,#fff1f2);background-color:var(--ld-deactivate-btn-bg);color:#b91c1c;color:var(--ld-deactivate-btn-text)}.ld-fp-notes-row td{background-color:initial;padding:1rem}.ld-fp-notes-container{background:#fff;background:var(--ld-card-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);height:-webkit-fit-content;height:fit-content;padding:1.5rem 2rem;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.ld-fp-notes-title{color:#064e3b;color:var(--ld-convert-btn-text);font-size:1rem;font-weight:600;margin-bottom:.75rem;transition:color .3s ease}.ld-fp-notes-list{list-style:none;margin:0;padding:0}.ld-fp-notes-list li{border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--ld-table-header-border);margin-bottom:1rem;padding-bottom:.75rem}.note-header{color:#064e3b;color:var(--ld-convert-btn-text);display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:.3rem}.note-header,.note-text{transition:color .3s ease}.note-text{color:#1e293b;color:var(--ld-card-text);font-size:.95rem}.ld-fp-empty-state{color:#94a3b8;color:var(--ld-btn-disabled-text);padding:2rem 1rem;transition:color .3s ease}.ld-fp-note-header{align-items:center;color:#64748b;color:var(--ld-field-edit-icon-color);display:flex;font-size:.875rem;gap:.75rem;justify-content:space-between;padding:.25rem 0;transition:color .3s ease}.highlight-name{color:#b45309;color:var(--ld-reset-btn-text);font-weight:600}.ld-fp-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-card-border);justify-content:space-between;padding:1rem 1.25rem}.ld-fp-header,.ld-fp-header h3{align-items:center;display:flex}.ld-fp-header h3{color:#1e293b;color:var(--ld-card-text);font-size:1rem;font-weight:600;gap:.5rem;margin:0}.ld-fp-view-toggle{background:#f0fdf4;background:var(--ld-table-header-bg);border-radius:8px;display:flex;gap:.375rem;padding:3px}.ld-fp-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#334155;color:var(--ld-field-label-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:.3rem;padding:.35rem .75rem;transition:all .2s ease}.ld-fp-toggle-btn .material-symbols-rounded{font-size:1rem}.ld-fp-toggle-btn.active{background:#fff;background:var(--ld-card-bg);box-shadow:0 1px 4px #0000001a;color:#1e293b;color:var(--ld-card-text)}.ld-fp-toggle-label{font-size:.78rem}.ld-fp-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem}.ld-fp-item-card{background:#fff;background:var(--ld-card-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.ld-fp-item-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--ld-card-hover-shadow);transform:translateY(-2px)}.ld-fp-item-card-header{align-items:center;background:#f0fdf4;background:var(--ld-table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-card-border);display:flex;justify-content:space-between;padding:.75rem 1rem}.ld-fp-item-type{color:#334155;color:var(--ld-field-label-text);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.ld-fp-item-card-body{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.ld-fp-item-row{align-items:center;color:#1e293b;color:var(--ld-card-text);display:flex;font-size:.85rem;gap:.5rem}.ld-fp-item-icon{font-size:1rem}.ld-fp-item-icon,.ld-fp-item-label{color:#334155;color:var(--ld-field-label-text);flex-shrink:0}.ld-fp-item-label{font-size:.78rem;min-width:64px}.ld-fp-item-value{color:#1e293b;color:var(--ld-card-text);flex:1 1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-fp-item-note{align-items:flex-start;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--ld-card-border);color:#334155;color:var(--ld-field-label-text);display:flex;font-size:.82rem;gap:.5rem;margin-top:.25rem;padding-top:.25rem}.ld-fp-item-note-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;line-height:1.4;overflow:hidden}.ld-fp-item-card-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--ld-card-border)}.ld-fp-expand-btn{align-items:center;background:#0000;border:none;color:#64748b;color:var(--ld-field-edit-icon-color);cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:background .2s ease;width:100%}.ld-fp-expand-btn:hover{background:#f0fdf4;background:var(--ld-table-header-bg)}.ld-fp-expand-btn .material-symbols-rounded{font-size:1.1rem}.ld-fp-note-time{color:#334155;color:var(--ld-field-label-text);font-size:.75rem;white-space:nowrap}@media (max-width:768px){.ld-more-btn-text{display:none}.ld-more-btn{gap:0!important;height:40px!important;justify-content:center!important;min-width:40px!important;padding:0!important;width:40px!important}.ld-more-menu{left:auto;right:0;top:calc(100% + 6px)}.ld-fp-cards-grid{gap:.75rem;grid-template-columns:1fr;padding:.75rem}.ld-fp-toggle-label{display:none}.ld-fp-toggle-btn{padding:.375rem .625rem}.ld-fp-header{padding:.75rem}}.custom-dropdown-wrapper.ld-edit-input{background-color:#fff;background-color:var(--ld-card-bg);border:1px solid #0000;border:1px solid var(--ld-field-input-border);border-radius:.6rem;color:#1e293b;color:var(--ld-field-value-text);font-family:inherit;font-size:.92rem;min-height:36px;padding:.25rem .75rem;transition:all .3s ease}@keyframes fadeInNotes{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-insights-tab-content h2{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-card-border);color:#1e293b;color:var(--ld-card-text);display:flex;font-size:1.5rem;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;transition:color .3s ease}.ai-insights-tab-content h2:before{font-size:1.2rem}.ai-insights-content{background:#fff;background:var(--ld-ai-insights-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-ai-insights-border);box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-ai-insights-shadow);font-size:.95rem;height:-webkit-fit-content;height:fit-content;line-height:1.7;padding:.5rem;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.ai-insights-content:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--ld-card-hover-shadow)}.ai-insights-content h2.insight-main-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-card-border);color:#1e293b;color:var(--ld-ai-insights-header-text);display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;transition:color .3s ease}.ai-insights-content h3,.ai-insights-content h3.insight-section-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--ld-ai-insights-section-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);color:#1e293b;color:var(--ld-ai-insights-header-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:1rem 0 .75rem;padding:.75rem 1rem;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s ease}.ai-insights-content h3.insight-section-header .material-symbols-rounded{color:#0369a1;color:var(--ld-ai-insights-icon-color);font-size:1.3rem}.ai-insights-content .insight-emoji{font-size:1.1rem;margin-right:.25rem}.ai-insights-content strong{color:#1e293b;color:var(--ld-ai-insights-header-text);font-weight:600}.ai-insights-content .insight-list{background:#f8fafc;background:var(--ld-ai-insights-list-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);margin:1rem 0;padding:1rem;transition:all .3s ease}.ai-insights-content .insight-list-item{color:#475569;color:var(--ld-ai-insights-text);font-size:.95rem;font-weight:500;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative;transition:color .3s ease}.ai-insights-content .insight-list-item:before{color:#064e3b;color:var(--ld-convert-btn-text);content:"→";font-weight:700;left:0;position:absolute;top:0}.ai-insights-content .insight-list-item:last-child{margin-bottom:0}.ai-insights-content p{color:#475569;color:var(--ld-ai-insights-text);font-size:.95rem;line-height:1.6;margin:.75rem 0;transition:color .3s ease}.ai-insights-content .priority-badge{align-items:center;background:#fff;background:var(--ld-card-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:8px;color:#1e293b;color:var(--ld-card-text);display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;margin:.25rem 0;padding:.3rem .5rem .3rem .3rem;transition:all .3s ease}.ai-insights-content .priority-low-medium{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--ld-reset-btn-bg);border:1px solid #b45309;border:1px solid var(--ld-reset-btn-text);color:#b45309;color:var(--ld-reset-btn-text)}.ai-insights-content .priority-high{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--ld-deactivate-btn-bg);color:#b91c1c;color:var(--ld-deactivate-btn-text)}.ai-insights-content .priority-hot{background:linear-gradient(135deg,#fef08a,#facc15);background:var(--ld-hot-lead-bg);color:#92400e;color:var(--ld-hot-lead-text)}.ai-insights-content .lead-id.clickable{align-items:center;background:linear-gradient(135deg,#bbf7d0,#34d399);background:var(--ld-display-id-bg);border-radius:10px;color:#065f46;color:var(--ld-display-id-text);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;padding:3px 8px;text-decoration:none;transition:all .2s ease}.ai-insights-content .lead-id.clickable:hover{box-shadow:0 4px 12px #3b82f633;box-shadow:0 4px 12px var(--ld-field-input-focus-shadow);transform:translateY(-2px)}.ai-insights-empty{background:var(--ld-card-bg);border:1px solid var(--ld-card-border);box-shadow:var(--ld-card-shadow)}.empty-state-icon .material-symbols-rounded{color:var(--ld-btn-disabled-text)}.ai-insights-empty h3{color:var(--ld-card-text)}.ai-insights-empty p{color:#6b7280;color:var(--ld-status-label-text)}.ai-insights-empty .lead-details-md3-btn{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg);border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--ld-btn-shadow);color:#0369a1;color:var(--ld-refresh-btn-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transform:perspective(1px) translateZ(0);transition:background-color .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1),border-radius .3s ease;will-change:transform,box-shadow,background-color}.ai-insights-empty .lead-details-md3-btn:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg);border:2px solid #000;border:var(--ld-btn-hover-border);border-radius:24px;box-shadow:0 6px 12px #0000001a;box-shadow:var(--ld-btn-hover-shadow);transform:translateY(-3px) scale(1.02)}.ai-insights-empty .lead-details-md3-btn .material-symbols-rounded{font-size:1.1rem}.insight-card{background:#fff;background:var(--ld-card-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);margin-bottom:16px;transition:box-shadow .2s ease,background .3s ease}.insight-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--ld-card-hover-shadow)}.insight-card-header{align-items:center;background:#f8fafc;background:var(--ld-popup-field-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-popup-field-border);border-radius:12px 12px 0 0;display:flex;padding:16px 20px 12px;transition:background .3s ease}.insight-card-header h4{color:#1e293b;color:var(--ld-card-text);font-size:16px;font-weight:600;margin:0;transition:color .3s ease}.insight-card-content{line-height:1.6;padding:16px 20px}.insight-card-content p{color:#475569;color:var(--ld-ai-insights-text);margin:0;transition:color .3s ease}.insight-icon{align-items:center;display:inline-flex;margin-right:12px}.insight-icon .material-symbols-rounded{color:#0369a1;color:var(--ld-refresh-btn-text);font-size:20px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;transition:color .3s ease}.status-card .insight-icon .material-symbols-rounded{color:#064e3b;color:var(--ld-convert-btn-text)}.actions-card .insight-icon .material-symbols-rounded{color:#b91c1c;color:var(--ld-deactivate-btn-text)}.priority-card .insight-icon .material-symbols-rounded{color:#b45309;color:var(--ld-reset-btn-text)}.insights-card .insight-icon .material-symbols-rounded{color:#0e7490;color:var(--ld-followup-lead-text)}.quality-card .insight-icon .material-symbols-rounded{color:#0369a1;color:var(--ld-refresh-btn-text)}.strategy-card .insight-icon .material-symbols-rounded{color:#064e3b;color:var(--ld-convert-btn-text)}.general-card .insight-icon .material-symbols-rounded{color:#0369a1;color:var(--ld-refresh-btn-text)}.insight-list{margin:8px 0;padding-left:0}.insight-list-item{background:#f8fafc;background:var(--ld-popup-field-bg);border-left:3px solid #e2e8f0;border-left:3px solid var(--ld-card-border);border-radius:6px;margin:6px 0;padding:8px 12px;transition:background .3s ease}.ai-score-indicator{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;padding:2px;position:relative;transition:all .2s ease;z-index:10000}.ai-score-indicator:hover{background:#00000008;background:var(--ld-field-value-hover-bg);transform:scale(1.15)}.ai-icon{font-size:16px!important;transition:all .2s ease}.ai-icon,.ai-icon:hover{color:#064e3b;color:var(--ld-convert-btn-text)}.ai-icon:hover{filter:drop-shadow(0 0 4px rgba(59,130,246,.2));filter:drop-shadow(0 0 4px var(--ld-field-input-focus-shadow))}.ai-score-popup{animation:fadeInScale .2s ease-out forwards;background:#fff;background:var(--ld-popup-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-popup-field-border);border-radius:12px;box-shadow:0 20px 40px #0000004d;box-shadow:var(--ld-popup-shadow);max-height:400px;max-width:450px;min-width:350px;overflow:hidden;padding:0;position:fixed;transform:translateX(-50%);z-index:99999}.ai-score-popup.pinned{border-color:#065f46;border-color:var(--ld-popup-border);box-shadow:0 20px 40px #0000004d,0 0 0 1px #065f46;box-shadow:var(--ld-popup-shadow),0 0 0 1px var(--ld-popup-border)}.ai-score-popup:before{border-bottom:8px solid #fff;border-bottom:8px solid var(--ld-popup-bg);border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:0}.ai-score-popup-header{align-items:center;background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-popup-field-border);color:#065f46;color:var(--ld-popup-header-icon);display:flex;font-weight:600;gap:8px;padding:16px;position:relative;transition:all .3s ease}.ai-score-popup-header .material-symbols-rounded{color:#065f46;color:var(--ld-popup-header-icon);font-size:18px}.popup-pin-indicator{align-items:center;color:#065f46;color:var(--ld-popup-header-icon);display:flex;margin-left:auto;margin-right:8px}.popup-pin-indicator .material-symbols-rounded{animation:pinPulse 2s ease-in-out infinite;font-size:14px}@keyframes pinPulse{0%,to{opacity:.7}50%{opacity:1}}.ai-popup-close{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:none;border:none;color:#e2e8f0;color:var(--ld-header-border);cursor:pointer;transition:all .3s ease}.lead-message-banner{align-items:center;background-color:#e0f2fe;background-color:var(--ld-banner-bg);border-radius:6px;box-shadow:inset 0 -1px 0 #0000000d;color:#0369a1;color:var(--ld-banner-text);display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.lead-message-banner.error{background:#fee2e2;background:var(--ld-banner-error-bg);color:#b91c1c;color:var(--ld-banner-error-text)}.lead-message-banner.success{background:#d1fae5;background:var(--ld-banner-success-bg);color:#065f46;color:var(--ld-banner-success-text)}.lead-scrollable-container{flex:1 1;overflow-y:auto;position:relative;z-index:1}.lead-details-container{display:flex;flex:1 1;flex-direction:row;gap:24px;height:100%;overflow:hidden;padding:24px;transition:all .3s ease;width:100%}.lead-snapshot-info h1{color:#1e293b;color:var(--ld-header-text);font-size:2rem;font-weight:700;margin:0;transition:color .3s ease}.lead-snapshot-info p{align-items:center;color:#475569;color:var(--ld-profile-meta-text);display:flex;font-size:1rem;gap:.75rem;margin:.25rem 0 0;transition:color .3s ease}.lead-next-action{flex-wrap:wrap;gap:1rem;margin-top:.5rem}.lead-next-action,.next-badge{align-items:center;display:flex}.next-badge{background:#fff;background:var(--ld-card-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:8px;color:#1e293b;color:var(--ld-card-text);font-size:.85rem;font-weight:600;gap:.4rem;padding:.3rem .5rem .3rem .3rem;transition:all .3s ease}.hot-lead{background:linear-gradient(135deg,#fef08a,#facc15);background:var(--ld-hot-lead-bg);color:#92400e;color:var(--ld-hot-lead-text)}.followup-lead{background:var(--ld-followup-lead-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);color:var(--ld-followup-lead-text)}.overdue-followup{background:linear-gradient(135deg,#fecaca,#f87171);background:var(--ld-overdue-followup-bg);color:#991b1b;color:var(--ld-overdue-followup-text)}.lost-reason{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--ld-deactivate-btn-bg);color:var(--ld-deactivate-btn-text)}.converted-ref,.lost-reason{border:1px solid #e2e8f0;border:1px solid var(--ld-card-border)}.converted-ref{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);color:#064e3b;color:var(--ld-convert-btn-text)}.warning-followup{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--ld-reset-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);color:#b45309;color:var(--ld-reset-btn-text)}.no-action{background:#fff;background:var(--ld-card-bg);color:#1e293b;color:var(--ld-card-text)}.trial-scheduled-badge{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#8b5cf640;color:#5b21b6}.trial-overdue-badge{animation:pulse-overdue 2s infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef444440;color:#991b1b}@keyframes pulse-overdue{0%,to{box-shadow:0 0 0 0 #ef444440}50%{box-shadow:0 0 0 5px #ef444400}}.trial-completed-badge{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#10b98140;color:#065f46}.trial-noshow-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b40;color:#92400e}[data-theme=dark] .trial-scheduled-badge{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}[data-theme=dark] .trial-overdue-badge{background:#ef444426;border-color:#ef44444d;color:#f87171}[data-theme=dark] .trial-completed-badge{background:#00ff881a;border-color:#0f83;color:#22c55e}[data-theme=dark] .trial-noshow-badge{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.flame-icon,.followup-icon{font-size:1rem;font-variation-settings:"FILL" 1,"wght" 600}.lead-snapshot-actions{display:flex;gap:.75rem}.btn-primary-action{align-items:center;border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--ld-btn-shadow);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary-action:hover{box-shadow:0 6px 12px #0000001a;box-shadow:var(--ld-btn-hover-shadow);transform:translateY(-2px)}.btn-primary-action .material-symbols-rounded{font-size:1.25rem}.btn-primary-action.save-btn{background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--ld-save-btn-bg);color:#4338ca;color:var(--ld-save-btn-text)}.btn-primary-action.refresh-btn{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg);color:#0369a1;color:var(--ld-refresh-btn-text)}.btn-primary-action.refresh-btn:hover{border:2px solid #000;border:var(--ld-btn-hover-border);border-radius:24px;transform:translateY(-2px)}.btn-primary-action.lead-details-md3-btn{background-color:#f1f5f9;background-color:var(--ld-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);box-shadow:0 1px 3px #0000000a;box-shadow:var(--ld-btn-shadow);color:#1e293b;color:var(--ld-btn-text)}.btn-primary-action.lead-details-md3-btn:hover{background-color:#e0f2f1;background-color:var(--ld-btn-hover-bg);box-shadow:0 6px 12px #0000001a;box-shadow:var(--ld-btn-hover-shadow)}.lead-sidebar-wrapper{display:flex;flex-direction:row;overflow:visible!important;position:relative}.lead-sidebar-wrapper.collapsed .lead-sidebar{border:none;height:0;margin:0;padding:0;width:0}.lead-sidebar:hover{box-shadow:0 12px 28px #0000001a;box-shadow:var(--ld-sidebar-hover-shadow);transform:translateY(-4px)}.lead-sidebar.collapsed{padding:1rem .5rem;transition:width .3s ease,padding .3s ease;width:60px}.lead-sidebar.collapsed .lead-sidebar-header h2,.lead-sidebar.collapsed .lead-sidebar-profile-horizontal,.lead-sidebar.collapsed .lead-sidebar-scrollable,.lead-sidebar.collapsed .lead-status-badge{display:none}.sidebar-collapse-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#dcfce740;background:var(--ld-toggle-bg-default);border:1px solid #34d3994d;border:1px solid var(--ld-toggle-border-color);border-left:none;border-radius:0 8px 8px 0;box-shadow:2px 2px 8px #22c55e14;box-shadow:2px 2px 8px var(--ld-toggle-shadow-color);color:#047857;color:var(--ld-toggle-icon-color-default);cursor:pointer;display:flex;height:80px;justify-content:center;left:525px;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;width:24px;z-index:100}.sidebar-collapse-toggle:hover{background:#dcfce759;background:var(--ld-toggle-bg-hover);box-shadow:2px 2px 12px #22c55e29;box-shadow:2px 2px 12px var(--ld-toggle-shadow-hover-color);color:#065f46;color:var(--ld-toggle-icon-color-accent)}.sidebar-collapse-toggle .material-symbols-rounded{font-size:20px;transition:transform .3s ease}.sidebar-collapse-toggle:hover .material-symbols-rounded{transform:scale(1.1)}.lead-sidebar-wrapper.collapsed+.sidebar-collapse-toggle{border-left:1px solid #34d3994d;border-left:1px solid var(--ld-toggle-border-color);border-radius:8px 0 0 8px;border-right:none;box-shadow:-2px 2px 8px #22c55e14;box-shadow:-2px 2px 8px var(--ld-toggle-shadow-color);left:0}.lead-collapsed-sidebar-icons{align-items:center;display:none;flex-direction:column;gap:1.5rem;margin-top:2rem;position:relative;z-index:100}.lead-sidebar.collapsed .lead-collapsed-sidebar-icons{display:flex!important}.lead-collapsed-icon-item{align-items:center;background:#fff;background:var(--ld-card-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:100}.lead-collapsed-icon-item:hover{background:#065f460d;background:var(--ld-tab-hover-bg);border-color:#065f46;border-color:var(--ld-tab-hover-text);box-shadow:0 12px 28px #0000001a;box-shadow:var(--ld-sidebar-hover-shadow);transform:translateX(3px) scale(1.05);z-index:99999!important}.lead-collapsed-icon-item .material-symbols-rounded{color:#1e293b;color:var(--ld-sidebar-text);font-size:20px;transition:color .3s ease}.lead-collapsed-icon-item:hover .material-symbols-rounded{color:#065f46;color:var(--ld-tab-hover-text)}.lead-sidebar-hover-popup{background:#fff!important;background:var(--ld-popup-bg)!important;border:2px solid #065f46!important;border:2px solid var(--ld-popup-border)!important;border-radius:12px;box-shadow:0 20px 40px #0000004d!important;box-shadow:var(--ld-popup-shadow)!important;color:#1e293b;color:var(--ld-popup-text);max-width:400px;min-width:300px;opacity:0;padding:1rem;pointer-events:none;position:fixed!important;transition:all .2s ease;visibility:hidden;white-space:normal!important;z-index:999999!important}.lead-collapsed-icon-item:hover .lead-sidebar-hover-popup{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.lead-popup-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-popup-field-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;white-space:normal}.lead-popup-header .material-symbols-rounded{color:#065f46;color:var(--ld-popup-header-icon);flex-shrink:0;font-size:1.2rem}.lead-popup-header h4{color:#1e293b;color:var(--ld-popup-text);font-size:1rem;font-weight:600;margin:0;white-space:normal}.lead-popup-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;white-space:normal}.lead-popup-field{display:flex;flex-direction:column;gap:.25rem}.lead-popup-field-label{color:#6b7280;color:var(--ld-status-label-text);font-size:.8rem;font-weight:500;white-space:normal}.lead-popup-field-value{background:#f8fafc;background:var(--ld-popup-field-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-popup-field-border);border-radius:6px;color:#1e293b;color:var(--ld-popup-text);font-size:.9rem;font-weight:500;padding:.3rem .5rem;white-space:normal;word-break:break-word}.lead-popup-field-value.empty{color:#94a3b8;color:var(--ld-btn-disabled-text);font-style:italic}.lead-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding-right:.5rem}.lead-sidebar-header>div{align-items:center;display:flex;gap:1rem}.lead-sidebar.collapsed .lead-sidebar-header>div{display:none}.lead-sidebar.collapsed .lead-sidebar-header{justify-content:center;margin-bottom:0}.lead-sidebar-header h2{color:#1e293b;color:var(--ld-sidebar-text);font-size:1.4rem;font-weight:600;margin:0;transition:color .3s ease}.lead-display-id{background:linear-gradient(135deg,#bbf7d0,#34d399);background:var(--ld-display-id-bg);border-radius:10px;color:#065f46;color:var(--ld-display-id-text);display:inline-flex;font-size:.95rem;font-weight:500;padding:3px 8px;transition:all .3s ease}.lead-display-id .material-symbols-rounded{font-size:18px;margin-right:4px}.sidebar-toggle-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f5f9;background:var(--ld-icon-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-icon-btn-border);color:#334155;color:var(--ld-icon-btn-text);height:38px;position:relative;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,color .3s ease;width:38px}.sidebar-toggle-btn:hover{background:#e2e8f0;background:var(--ld-icon-btn-hover-bg);box-shadow:0 2px 6px #0000000f;box-shadow:var(--ld-icon-btn-hover-shadow);transform:translateY(-2px) scale(1.05)}.lead-sidebar-icon-btn.refresh-icon .material-symbols-rounded{color:#0369a1;color:var(--ld-refresh-btn-text)}.lead-sidebar-icon-btn.add-icon .material-symbols-rounded{color:#064e3b;color:var(--ld-convert-btn-text)}.lead-sidebar-icon-btn.reset-icon .material-symbols-rounded{color:#b45309;color:var(--ld-reset-btn-text)}.lead-sidebar-icon-btn.disable-icon .material-symbols-rounded{color:#b91c1c;color:var(--ld-deactivate-btn-text)}.lead-sidebar-icon-btn:after{background:#fff;background:var(--ld-popup-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:4px;bottom:-30px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);color:#1e293b;color:var(--ld-popup-text);content:attr(data-tooltip);font-size:10px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:100}.lead-sidebar-icon-btn:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px)}.lead-sidebar-profile-horizontal{align-items:center;background:#ffffffe6;background:var(--ld-profile-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-profile-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-profile-shadow);display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.lead-sidebar-profile-horizontal:hover{box-shadow:0 4px 12px #0000000d;box-shadow:var(--ld-profile-hover-shadow);transform:translateY(-2px)}.lead-avatar-circle{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--ld-avatar-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-avatar-border);border-radius:50%;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-avatar-shadow);color:#065f46;color:var(--ld-avatar-text);display:flex;flex-shrink:0;font-size:2rem;font-weight:600;height:96px;justify-content:center;text-transform:uppercase;transition:box-shadow .3s ease,background .3s ease,color .3s ease;width:96px}.lead-avatar-circle.online{box-shadow:0 0 0 4px #064e3b;box-shadow:0 0 0 4px var(--ld-convert-btn-text)}.lead-sidebar-profile-horizontal .profile-info-ud{display:flex;flex:1 1;flex-direction:column}.lead-sidebar-profile-horizontal .name{color:#1e293b;color:var(--ld-profile-name-text);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.lead-sidebar-profile-horizontal .leadname,.lead-sidebar-profile-horizontal .meta{color:#475569;color:var(--ld-profile-meta-text);font-size:.85rem;margin:.15rem 0;transition:color .3s ease}.lead-status-badge{align-items:center;background:#ffffffe6;background:var(--ld-status-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-status-border);border-radius:14px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-status-shadow);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:4rem;padding:.5rem 1rem;pointer-events:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.heat-icon{color:#b91c1c;color:var(--ld-deactivate-btn-text);vertical-align:middle}.heat-icon,.status-icon{font-size:1.2rem;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}.status-icon{color:#2563eb;color:var(--ld-status-icon-color);transition:color .3s ease}.label-text{color:#6b7280;color:var(--ld-status-label-text)}.status-badge.new{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);color:#064e3b;color:var(--ld-convert-btn-text)}.status-badge.inactive,.status-badge.locked{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--ld-reset-btn-bg);color:#b45309;color:var(--ld-reset-btn-text)}.lead-heat-badge,.lead-type-badge{border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:8px;box-shadow:inset 0 1px 1px #fff9;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .75rem;text-align:center;transition:all .3s ease}.lead-heat-badge.COLD,.lead-type-badge.NEW{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg);color:#0369a1;color:var(--ld-refresh-btn-text)}.lead-heat-badge.WARM,.lead-type-badge.NOT_CONTACTED{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--ld-reset-btn-bg);color:#b45309;color:var(--ld-reset-btn-text)}.lead-type-badge.CONTACTED{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);color:#064e3b;color:var(--ld-convert-btn-text)}.lead-heat-badge.HOT{background:linear-gradient(135deg,#fef08a,#facc15);background:var(--ld-hot-lead-bg);color:#92400e;color:var(--ld-hot-lead-text)}.lead-heat-badge.NEW,.lead-type-badge.FOLLOW_UP_DUE{background:linear-gradient(135deg,#a5f3fc,#22d3ee);background:var(--ld-followup-lead-bg);color:#0e7490;color:var(--ld-followup-lead-text)}.lead-type-badge.CONVERTED{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);color:#064e3b;color:var(--ld-convert-btn-text)}.lead-heat-badge.LOST,.lead-type-badge.LOST{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--ld-deactivate-btn-bg);color:#b91c1c;color:var(--ld-deactivate-btn-text)}.lead-type-badge.WALK_IN_EXPECTED{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg);color:#0369a1;color:var(--ld-refresh-btn-text)}.lead-type-badge.INTERESTED{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);color:#064e3b;color:var(--ld-convert-btn-text)}.lead-heat-badge.TRIAL,.lead-type-badge.TRIAL{background:linear-gradient(135deg,#ede9fe,#ddd6fe);box-shadow:0 2px 8px #5b21b626;color:#5b21b6}[data-theme=dark] .lead-heat-badge.TRIAL,[data-theme=dark] .lead-type-badge.TRIAL{background:#8b5cf633;color:#a78bfa}.followup-popup-body input,.followup-popup-body select,.followup-popup-body textarea{backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;background:#0000!important;background:var(--ld-field-input-bg)!important;border:1px solid #0000!important;border:1px solid var(--ld-field-input-border)!important;border-radius:.6rem;box-shadow:inset 0 1px 4px #00000014!important;color:#1e293b!important;color:var(--ld-field-value-text)!important;font-size:.92rem;font-weight:500;outline:none;padding:.55rem .75rem;transition:all .2s ease}.followup-popup-body input:focus,.followup-popup-body select:focus,.followup-popup-body textarea:focus{background:#0000!important;background:var(--ld-field-input-bg)!important;border-color:#3b82f6!important;border-color:var(--ld-field-input-focus-border)!important;box-shadow:inset 0 1px 4px #0000001a,0 0 0 2px #3b82f633!important;box-shadow:inset 0 1px 4px #0000001a,0 0 0 2px var(--ld-field-input-focus-shadow)!important;transform:scale(1.005)}.followup-popup-body select{appearance:none;-webkit-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%2364748b" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 12l-4-4h8l-4 4z"/></svg>');background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2rem}.MuiInputBase-root{border:1px solid #0000!important;border:1px solid var(--ld-field-input-border)!important;color:var(--ld-field-value-text)!important}.Mui-focused .MuiInputBase-root,.MuiInputBase-root{background:#0000!important;background:var(--ld-field-input-bg)!important}.Mui-focused .MuiInputBase-root{box-shadow:inset 0 1px 4px #0000001f,0 0 0 2px #3b82f633!important;box-shadow:inset 0 1px 4px #0000001f,0 0 0 2px var(--ld-field-input-focus-shadow)!important}.followup-popup-body input::placeholder,.followup-popup-body textarea::placeholder{color:#6b7280!important;color:var(--ld-status-label-text)!important;opacity:.6}.lead-sidebar-scrollable{flex:1 1;margin-right:-8px;overflow-y:auto;padding-right:8px;padding-top:8px}.lead-sidebar-scrollable::-webkit-scrollbar{width:6px}.lead-sidebar-scrollable:hover::-webkit-scrollbar{width:8px}.lead-sidebar-scrollable::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--ld-scrollbar-thumb);border-radius:8px}.lead-sidebar-scrollable::-webkit-scrollbar-track{background:#0000;background:var(--ld-scrollbar-track)}*{scrollbar-color:var(--ld-scrollbar-thumb) var(--ld-scrollbar-track)}::-webkit-scrollbar-track{background:var(--ld-scrollbar-track)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--ld-scrollbar-thumb)}::-webkit-scrollbar-corner{background:var(--ld-scrollbar-track)}.lead-sidebar-section{background-color:#fff;background-color:var(--ld-card-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);color:#1e293b;color:var(--ld-card-text);margin-bottom:.5rem;padding:1rem 1rem 0;transition:all .3s ease}.lead-sidebar-section:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--ld-card-hover-shadow);transform:translateY(-2px)}.lead-sidebar-section.accent-purple{border-radius:1rem;overflow:hidden;padding:1.25rem;position:relative;z-index:0}.lead-sidebar-section.accent-purple:before{background:linear-gradient(145deg,#fbbf24,#10b981 30%,#6366f1 60%,#ec4899);border-radius:1rem;content:"";inset:0;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(#fff 0 0);-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;padding:2px;pointer-events:none;position:absolute;z-index:-1}[data-theme=dark] .lead-sidebar-section.accent-purple:before{background:linear-gradient(135deg,#065f46,#047857)}.lead-sidebar-section h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-card-border);color:#1e293b;color:var(--ld-card-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;transition:color .3s ease}.lead-sidebar-section h4 .material-symbols-rounded{color:#2563eb;color:var(--ld-status-icon-color);font-size:1.3rem;transition:color .3s ease}.field-item{margin-bottom:1rem}.field-item .lead-label{color:#6b7280;color:var(--ld-status-label-text);display:block;font-size:.8rem;font-weight:500;margin-bottom:.25rem;transition:color .3s ease}.field-item .value-display{align-items:center;border:1px solid #0000;border-radius:8px;color:#1e293b;color:var(--ld-field-value-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;min-height:38px;padding:.4rem .6rem;transition:all .2s ease}.field-item .value-display:hover{background-color:#00000008;background-color:var(--ld-field-value-hover-bg);border-color:#e2e8f0;border-color:var(--ld-card-border)}.field-item .edit-input{background-color:initial;background-color:var(--ld-field-input-bg);border:1px solid #0000;border:1px solid var(--ld-field-input-border);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--ld-field-value-text);font-size:.95rem;font-weight:500;padding:.4rem .6rem;transition:all .2s ease;width:calc(100% - 1.2rem)}.field-item .edit-input:focus{background-color:#fff;background-color:var(--ld-card-bg);border-color:#3b82f6;border-color:var(--ld-field-input-focus-border);box-shadow:0 0 0 3px #3b82f633;box-shadow:0 0 0 3px var(--ld-field-input-focus-shadow);outline:none}.field-item .edit-icon{background:none;border:none;border-radius:4px;color:#64748b;color:var(--ld-field-edit-icon-color);cursor:pointer;flex-shrink:0;margin-left:.5rem;opacity:0;padding:.2rem;transition:opacity .2s ease,background .2s ease,color .3s ease}.field-item .value-display:hover .edit-icon{opacity:1}.field-item .edit-icon:hover,.field-item .value-display:hover .edit-icon{background-color:#00000008;background-color:var(--ld-field-value-hover-bg)}.field-item .edit-icon:hover{color:#0f172a;color:var(--ld-field-edit-icon-hover-color)}.lock-toggle-wrapper{cursor:pointer;display:inline-flex;height:36px;position:relative}.lock-toggle-icon{background:#cbd5e166;background:var(--ld-lock-bg);border:1px solid #64748b33;border:1px solid var(--ld-lock-border);border-radius:14px;box-shadow:inset 0 1px 2px #0000001a;height:28px;width:56px}.lock-ld-toggle-thumb,.lock-toggle-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.lock-ld-toggle-thumb{align-items:center;background:#fff;background:var(--ld-lock-thumb-bg);border-radius:50%;box-shadow:0 1px 5px #0000001a;color:#64748b;color:var(--ld-lock-thumb-text);display:flex;font-size:12px;font-weight:500;height:22px;justify-content:center;left:3px;position:absolute;top:3px;width:22px}.lock-toggle-icon.disabled{background:#f1f5f9!important;background:var(--ld-btn-disabled-bg)!important;border:1px solid #e2e8f0!important;border:1px solid var(--ld-card-border)!important;box-shadow:inset 0 1px 2px #0000000d!important;cursor:not-allowed;opacity:.6}.lock-toggle-icon.disabled .lock-ld-toggle-thumb{box-shadow:0 1px 3px #0000001a!important;color:#94a3b8!important;color:var(--ld-btn-disabled-text)!important;cursor:not-allowed}.lock-toggle-icon:not(.disabled):hover{transform:scale(1.02)}.lock-toggle-icon:not(.disabled):active{transform:scale(.98)}.lock-toggle-icon:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--ld-field-input-focus-border);outline-offset:2px}.lock-toggle-icon.opted-in{background:linear-gradient(135deg,#2563eb,#1e3a8a)!important;background:var(--ld-lock-active-bg)!important;border:1px solid #3b82f6!important;border:1px solid var(--ld-field-input-focus-border)!important;box-shadow:0 0 0 4px #3b82f626!important;box-shadow:var(--ld-lock-active-shadow)!important}.lock-toggle-icon.opted-in .lock-ld-toggle-thumb{box-shadow:0 2px 6px #00000026;color:#1e3a8a;color:var(--ld-lock-active-thumb-text);transform:translateX(28px)}.lead-sidebar-save-action{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--ld-card-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--ld-card-border);bottom:0;box-shadow:0 -2px 8px #00000008;margin:0 -1.5rem -1.5rem;padding:1.5rem;position:-webkit-sticky;position:sticky;transition:all .3s ease;z-index:10}.lead-sidebar-save-btn{align-items:center;background-color:linear-gradient(135deg,#bbf7d0,#4ade80);background-color:var(--ld-convert-btn-bg);border:none;border-radius:8px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);color:#064e3b;color:var(--ld-convert-btn-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.2rem;transition:all .2s ease;width:100%}.lead-sidebar-save-btn:hover{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg)}.lead-sidebar-save-btn:disabled{background-color:#f1f5f9;background-color:var(--ld-btn-disabled-bg);box-shadow:none;color:#94a3b8;color:var(--ld-btn-disabled-text);cursor:not-allowed;opacity:.6}.lead-main-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;background:var(--ld-main-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-main-border);border-radius:24px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-main-shadow);display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow-y:auto;padding:1rem 1rem 0;position:relative;transition:all .3s ease;z-index:1}.lead-main-content::-webkit-scrollbar{width:8px}.lead-main-content::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--ld-scrollbar-thumb);border-radius:8px}.lead-main-content::-webkit-scrollbar-track{background:#0000;background:var(--ld-scrollbar-track)}.lead-tabbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;background:var(--ld-tab-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-tab-border);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 2px 8px #00000005;box-shadow:var(--ld-tab-shadow);display:flex;gap:.75rem;margin:0 1rem 1rem;padding:0 1.5rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s ease;z-index:50}.lead-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--ld-tab-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);color:#475569;color:var(--ld-tab-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.lead-tab:hover{background-color:#065f460d;background-color:var(--ld-tab-hover-bg);border:1px solid #064e3b;border:1px solid var(--ld-tab-hover-border);border-radius:24px;color:#065f46;color:var(--ld-tab-hover-text)}.lead-tab.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--ld-tab-active-bg);box-shadow:0 2px 8px #065f461a;box-shadow:var(--ld-tab-active-shadow);color:#065f46;color:var(--ld-tab-active-text);font-weight:600}.lead-tab .material-symbols-rounded{font-size:1.1rem}.lead-tab-content{padding:.5rem;position:relative;z-index:1}.lead-details-tab{grid-gap:.5rem;align-items:start;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.lead-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--ld-card-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:1rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:all .3s ease}.lead-card:hover{border-color:#94a3b866;box-shadow:0 4px 20px #00000014,0 1px 6px #0000000a}[data-theme=dark] .lead-card:hover{border-color:#ffffff1f;box-shadow:0 4px 20px #00000059,0 1px 6px #0003}.lead-card.card-personal{grid-column:span 4}.lead-card.card-assign{grid-column:span 2}.lead-card.card-org,.lead-card.card-roles{grid-column:span 4}.lead-card.card-options{grid-column:span 2}.lead-card.color-emerald{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--ld-card-emerald-bg);color:#065f46;color:var(--ld-tab-active-text);grid-column:span 4}.lead-card.color-emerald:hover{border-color:#10b98140;box-shadow:0 4px 20px #10b9811f,0 1px 6px #10b9810f}[data-theme=dark] .lead-card.color-emerald:hover{border-color:#00f2fe33;box-shadow:0 4px 20px #00f2fe1f,0 1px 6px #00f2fe0f}.lead-card.color-emerald h4 .material-symbols-rounded{color:#065f46;color:var(--ld-tab-active-text)}.lead-card.color-yellow{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--ld-reset-btn-bg)}.lead-card.color-yellow,.lead-card.color-yellow h4 .material-symbols-rounded{color:#b45309;color:var(--ld-reset-btn-text)}.lead-card h4{align-items:center;display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;transition:color .3s ease}.lead-card h4,.lead-card h4.section-heading{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-card-border);color:#1e293b;color:var(--ld-card-text)}.lead-card h4.section-heading{font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.lead-card h4.section-heading .material-symbols-rounded{color:#64748b;color:var(--ld-field-edit-icon-color);transition:color .3s ease}.field-group{display:flex;flex-wrap:wrap}.audit-trail-card{background:#fff;background:var(--ld-card-bg);color:#1e293b;color:var(--ld-card-text);transition:all .3s ease}.lead-audit-trail-block{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.lead-audit-pair{background:#f8fafc;background:var(--ld-popup-field-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-popup-field-border);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.8rem 1rem;transition:all .3s ease}.lead-audit-pair .lead-label{color:#6b7280;color:var(--ld-status-label-text);font-size:.8rem;font-weight:500;transition:color .3s ease}.lead-audit-pair .value{font-size:.9rem;font-weight:600}.lead-audit-pair .value,.lead-value{color:#1e293b;color:var(--ld-card-text);transition:color .3s ease}.lead-value{flex:1 1 auto;font-size:.95rem;font-weight:500;word-break:break-word}.lead-details-md3-btn{align-items:center;background-color:#f1f5f9;background-color:var(--ld-btn-bg);border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--ld-btn-shadow);color:#1e293b;color:var(--ld-btn-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transform:perspective(1px) translateZ(0);transition:background-color .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1),border-radius .3s ease,color .3s ease;will-change:transform,box-shadow,background-color}.lead-details-md3-btn:hover{background-color:#e0f2f1;background-color:var(--ld-btn-hover-bg);border:2px solid #000;border:var(--ld-btn-hover-border);border-radius:24px;box-shadow:0 6px 12px #0000001a;box-shadow:var(--ld-btn-hover-shadow);transform:translateY(-3px) scale(1.02)}.lead-details-md3-btn .material-symbols-rounded{font-size:1.1rem}.lead-details-md3-btn.save-btn{background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--ld-save-btn-bg);color:#4338ca;color:var(--ld-save-btn-text)}.lead-details-md3-btn.refresh-btn{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg);color:#0369a1;color:var(--ld-refresh-btn-text)}.lead-details-md3-btn.reset-btn{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--ld-reset-btn-bg);color:#b45309;color:var(--ld-reset-btn-text)}.lead-details-md3-btn.deactivate-btn{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--ld-deactivate-btn-bg);color:#b91c1c;color:var(--ld-deactivate-btn-text)}.lead-details-md3-btn.convert-btn,.lead-details-md3-btn.note-btn,.lead-details-md3-btn.walkin-btn{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);color:#064e3b;color:var(--ld-convert-btn-text)}.lead-details-md3-btn.interested-btn{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg);color:#0369a1;color:var(--ld-refresh-btn-text)}.lead-details-md3-btn.reschedule-btn{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--ld-reset-btn-bg);color:#b45309;color:var(--ld-reset-btn-text)}.lead-details-md3-btn.walkedin-btn{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);color:#064e3b;color:var(--ld-convert-btn-text)}.lead-details-md3-btn.cancel-btn{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--ld-deactivate-btn-bg);color:#b91c1c;color:var(--ld-deactivate-btn-text)}.lead-details-md3-btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.lead-details-md3-btn:disabled,.lead-details-md3-btn:disabled:hover{background-color:#f1f5f9;background-color:var(--ld-btn-disabled-bg);box-shadow:none;color:#94a3b8;color:var(--ld-btn-disabled-text)}.ld-label{color:#334155;color:var(--ld-field-label-text);font-size:.85rem;font-weight:500;margin-bottom:.35rem;transition:color .3s ease}.ld-edit-input{background:var(--ld-field-input-bg);border:1px solid var(--ld-field-input-border);color:var(--ld-field-value-text)}.ld-edit-input:focus{background:var(--ld-field-input-bg);border-color:var(--ld-field-input-focus-border);box-shadow:0 0 0 2px var(--ld-field-input-focus-shadow)}.ld-value-container:hover{background-color:#00000008;background-color:var(--ld-field-value-hover-bg)}.ld-value-text{color:var(--ld-field-value-text)}.ld-edit-icon-btn{color:var(--ld-field-edit-icon-color)}.ld-edit-icon-btn:hover{color:var(--ld-field-edit-icon-hover-color)}.ld-value-container .ld-edit-icon-btn{opacity:0;transition:opacity .2s ease}.ld-value-text:hover{padding:.2rem}.ld-value-container.read-only .ld-value-text:hover{padding:0}.ld-value-container.read-only .ld-value-text{cursor:default}.activity-tab-content h2{border-bottom:1px solid var(--ld-card-border);color:var(--ld-card-text)}.activity-timeline{border-left:2px solid var(--ld-timeline-border)}.timeline-icon{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg);box-shadow:0 6px 20px #0000000d;box-shadow:var(--ld-card-shadow);color:var(--ld-card-text)}.timeline-icon.created{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg)}.timeline-icon.stage_change{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--ld-reset-btn-bg)}.timeline-icon.assigned{background:linear-gradient(135deg,#a5f3fc,#22d3ee);background:var(--ld-followup-lead-bg)}.timeline-icon.call,.timeline-icon.email{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg)}.timeline-icon.whatsapp{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg)}.timeline-icon.trial,.timeline-icon.trial_scheduled{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6}.timeline-icon.trial_completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#065f46}.timeline-icon.trial_cancelled{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.timeline-icon.trial_no_show{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.timeline-icon.trial_rescheduled{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}[data-theme=dark] .timeline-icon.trial,[data-theme=dark] .timeline-icon.trial_scheduled{background:#8b5cf633;color:#a78bfa}[data-theme=dark] .timeline-icon.trial_completed{background:#00ff8826;color:#22c55e}[data-theme=dark] .timeline-icon.trial_cancelled{background:#ffffff14;color:#94a3b8}[data-theme=dark] .timeline-icon.trial_no_show{background:#f4433626;color:#f87171}[data-theme=dark] .timeline-icon.trial_rescheduled{background:#ff9f0a33;color:#fbbf24}.timeline-icon.walked_in{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--ld-reset-btn-bg)}.timeline-icon.walk_in_expected{background:linear-gradient(135deg,#fef08a,#facc15);background:var(--ld-hot-lead-bg)}.timeline-icon.follow_up,.timeline-icon.note{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg)}.timeline-icon.converted{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg)}.timeline-icon.system_event{background:#fff;background:var(--ld-card-bg)}.timeline-icon.lost{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--ld-deactivate-btn-bg)}.timeline-icon.interested{background:linear-gradient(135deg,#a5f3fc,#22d3ee);background:var(--ld-followup-lead-bg)}.timeline-icon.other{background:#fff;background:var(--ld-card-bg)}.timeline-content{background:var(--ld-timeline-content-bg);border:1px solid var(--ld-timeline-content-border);box-shadow:var(--ld-timeline-content-shadow);transition:background .2s ease,border-color .3s ease}.timeline-item:nth-child(2n) .timeline-content{background:#f8fafc;background:var(--ld-popup-field-bg)}.timeline-item:hover .timeline-content{background:var(--ld-timeline-content-hover-bg)}.timeline-title{color:#0f172a;color:var(--ld-timeline-title-text)}.timeline-subtext{color:#334155;color:var(--ld-timeline-subtext-color)}.timeline-time{color:var(--ld-timeline-time-color)}.ld-icon-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--ld-icon-btn-bg);border:1px;outline:none;position:relative;transition:transform .2s ease,box-shadow .2s ease,background .3s ease,color .3s ease}.preferred-course-display{display:flex;flex-direction:column;gap:.25rem}.course-primary{color:#1e293b;color:var(--ld-card-text);font-size:.95rem;font-weight:600;transition:color .3s ease}.course-secondary{color:#6b7280;color:var(--ld-status-label-text);font-size:.8rem;font-weight:400;transition:color .3s ease}.collapsible-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-card-border);color:#1e293b;color:var(--ld-card-text);display:flex;font-size:1.15rem;font-weight:600;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;transition:color .3s ease}.collapse-card-btn{background:none;border:none;border-radius:4px;color:#64748b;color:var(--ld-field-edit-icon-color);cursor:pointer;margin-left:auto;padding:.25rem;transition:color .2s ease,transform .2s ease}.collapse-card-btn:hover{background:#00000008;background:var(--ld-field-value-hover-bg);color:#0f172a;color:var(--ld-field-edit-icon-hover-color);transform:scale(1.1)}.collapse-card-btn .material-symbols-rounded{font-size:1.2rem}.course-selector-field{position:relative;width:100%}.course-selector-trigger{border:1px solid #0000;border-radius:.6rem;cursor:pointer;position:relative;transition:all .2s ease}.course-selector-trigger:hover{background-color:#00000008;background-color:var(--ld-field-value-hover-bg);border-color:#e2e8f0;border-color:var(--ld-card-border)}.course-edit-btn{opacity:1;padding:.3rem}.course-selector-trigger:hover .course-edit-btn{opacity:1}.course-selector-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.course-selector-popup{animation:slideDown .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;background:var(--ld-popup-bg);border:2px solid #065f46;border:2px solid var(--ld-popup-border);border-radius:12px;box-shadow:0 20px 40px #0000004d;box-shadow:var(--ld-popup-shadow);left:50%;max-height:80vh;max-width:600px;min-width:500px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1000}.course-selector-popup.positioned-near-trigger{left:0;margin-top:.5rem;max-width:600px;min-width:500px;position:absolute;right:0;top:100%;transform:none;width:auto}@keyframes slideDownNear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.course-selector-popup.positioned-near-trigger{animation:slideDownNear .3s ease-out}.course-popup-header{background:#f8fafc;background:var(--ld-popup-field-bg);border-bottom:1px solid var(--ld-popup-field-border);color:#1e293b;color:var(--ld-popup-text);font-size:1.1rem;font-weight:600;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s ease}.course-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;color:var(--ld-field-edit-icon-color);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.course-popup-close:hover{background:#00000008;background:var(--ld-field-value-hover-bg);color:#0f172a;color:var(--ld-field-edit-icon-hover-color);transform:scale(1.1)}.course-popup-list{max-height:50vh;overflow-y:auto;padding:.75rem 0}.course-popup-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ld-popup-field-border);cursor:pointer;display:flex;justify-content:space-between;min-height:70px;padding:1rem 1.5rem;transition:all .2s ease}.course-popup-item:hover{background:#f8fafc;background:var(--ld-popup-field-bg)}.course-popup-item.selected{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);border-left:4px solid #064e3b;border-left:4px solid var(--ld-convert-btn-text)}.course-popup-item.primary{background:linear-gradient(135deg,#fef3c7,#fff7ed);background:var(--ld-reset-btn-bg);border-left:4px solid #b45309;border-left:4px solid var(--ld-reset-btn-text)}.course-checkbox-container{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.course-checkbox{-webkit-appearance:none;appearance:none;background:#fff;background:var(--ld-card-bg);border:2px solid #e2e8f0;border:2px solid var(--ld-card-border);border-radius:4px;height:20px;margin:0;position:relative;transition:all .2s ease;width:20px}.course-checkbox:checked{background:#064e3b;background:var(--ld-convert-btn-text);border-color:#064e3b;border-color:var(--ld-convert-btn-text)}.course-checkbox:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.course-info{flex:1 1;min-width:0}.course-name{align-items:center;color:#1e293b;color:var(--ld-popup-text);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin-bottom:.4rem}.course-department,.course-name{line-height:1.3;transition:color .3s ease}.course-department{color:#6b7280;color:var(--ld-status-label-text);font-size:.9rem;font-style:italic}.main-course-radio{align-items:center;border:1px solid #0369a1;border:1px solid var(--ld-refresh-btn-text);border-radius:24px;cursor:pointer;display:flex;flex-shrink:0;gap:.75rem;margin-left:1.5rem;padding:.5rem 1rem;transition:all .2s ease}.main-course-radio,.main-course-radio:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg)}.main-course-radio:hover{transform:scale(1.02)}.main-course-radio.selected{background:#0369a1;background:var(--ld-refresh-btn-text);color:#fff;color:var(--ld-card-bg)}.custom-radio{background:#fff;background:var(--ld-card-bg);border:2px solid #0369a1;border:2px solid var(--ld-refresh-btn-text);border-radius:50%;height:16px;position:relative;transition:all .2s ease;width:16px}.main-course-radio.selected .custom-radio{background:#fff;background:var(--ld-card-bg);border-color:#fff;border-color:var(--ld-card-bg)}.radio-dot{animation:radioSelect .2s ease;background:#0369a1;background:var(--ld-refresh-btn-text);border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@keyframes radioSelect{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.main-course-label{color:#0369a1;color:var(--ld-refresh-btn-text);cursor:pointer;font-size:.875rem;font-weight:500;margin:0;transition:color .3s ease}.main-course-radio.selected .main-course-label{color:#fff;color:var(--ld-card-bg)}.course-popup-footer{align-items:center;background:#f8fafc;background:var(--ld-popup-field-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--ld-popup-field-border);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1.25rem 1.5rem;transition:background .3s ease}.selected-count{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);color:#064e3b;color:var(--ld-convert-btn-text)}.main-course-indicator,.selected-count{border-radius:12px;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.main-course-indicator{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ld-refresh-btn-bg);color:#0369a1;color:var(--ld-refresh-btn-text);text-align:right}.ld-primary-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;gap:.25rem;letter-spacing:.05em;padding:.2rem .5rem}.ld-primary-badge .material-symbols-rounded{font-size:.9rem}.additional-courses-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--ld-card-border);margin-top:1.5rem;padding-top:1.5rem}.courses-section-title{align-items:center;color:#1e293b;color:var(--ld-card-text);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem;transition:color .3s ease}.courses-section-title .material-symbols-rounded{color:#064e3b;color:var(--ld-convert-btn-text);font-size:1.1rem}.all-courses-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.course-card{background:#f8fafc;background:var(--ld-popup-field-bg);border:1px solid var(--ld-card-border);padding:.75rem 1rem}.course-card:hover{box-shadow:var(--ld-card-hover-shadow);transform:translateY(-2px)}.course-card.primary,.course-card:hover{border-color:#064e3b;border-color:var(--ld-convert-btn-text)}.course-card.primary{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);box-shadow:0 0 0 1px #064e3b;box-shadow:0 0 0 1px var(--ld-convert-btn-text)}.course-card.primary .course-card-label{color:#064e3b;color:var(--ld-convert-btn-text);font-weight:700}.course-card.primary .course-card-path{color:#064e3b;color:var(--ld-convert-btn-text);opacity:.8}.course-card-header{justify-content:space-between;margin-bottom:.5rem}.course-card-label{color:#1e293b;color:var(--ld-card-text);font-size:.9rem;font-weight:600;transition:color .3s ease}.course-card-path{color:#6b7280;color:var(--ld-status-label-text);font-size:.8rem;line-height:1.3;transition:color .3s ease}.courses-list-container{margin-bottom:1rem}.course-item{background:#f8fafc;background:var(--ld-popup-field-bg);border:1px solid #e2e8f0;border:1px solid var(--ld-card-border);border-radius:8px;padding:.6rem .8rem}.course-item:hover{background:#fff;background:var(--ld-card-bg);border-color:#064e3b;border-color:var(--ld-convert-btn-text)}.course-item.more-courses{background:#00000008;background:var(--ld-field-value-hover-bg);border-style:dashed;cursor:pointer}.course-item.more-courses:hover{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);border-color:#064e3b;border-color:var(--ld-convert-btn-text);border-style:solid}.course-item.more-courses .course-main-label{color:#6b7280;color:var(--ld-status-label-text);font-style:italic}.course-main-label{color:#1e293b;color:var(--ld-card-text);font-size:.9rem;font-weight:600;margin-bottom:.2rem;transition:color .3s ease}.course-full-path{color:#6b7280;color:var(--ld-status-label-text);font-size:.75rem;transition:color .3s ease}.course-popup-list::-webkit-scrollbar{width:6px}.course-popup-list::-webkit-scrollbar-track{background:#f8fafc;background:var(--ld-popup-field-bg);border-radius:3px}.course-popup-list::-webkit-scrollbar-thumb{background:#064e3b;background:var(--ld-convert-btn-text);border-radius:3px}.course-popup-list::-webkit-scrollbar-thumb:hover{background:#064e3b;background:var(--ld-convert-btn-text);opacity:.8}.course-popup-item:hover .course-department,.course-popup-item:hover .course-name{color:#064e3b;color:var(--ld-convert-btn-text)}.course-popup-item:hover .course-department{opacity:.8}.course-selector-loading{align-items:center;color:#6b7280;color:var(--ld-status-label-text);display:flex;font-style:italic;justify-content:center;padding:2rem}.course-selector-loading .material-symbols-rounded{animation:spin 1s linear infinite;margin-right:.5rem}.lead-card.card-info.color-emerald{transition:all .3s ease}.lead-card.card-info.color-emerald.collapsed{padding-bottom:1rem}.lead-card.card-info.color-emerald.collapsed .additional-courses-section,.lead-card.card-info.color-emerald.collapsed .field-group{display:none}.collapse-card-btn:focus,.course-checkbox:focus,.course-popup-close:focus,.course-selector-trigger:focus{outline:2px solid #3b82f6;outline:2px solid var(--ld-field-input-focus-border);outline-offset:2px}@media (max-width:768px){.course-selector-popup{border-radius:12px;max-height:85vh;max-width:none;min-width:auto;width:95vw}.course-popup-item{align-items:flex-start;flex-direction:column;gap:.75rem;min-height:auto;padding:1rem}.course-checkbox-container{width:100%}.main-course-radio{align-self:flex-end;margin-left:0;margin-top:.5rem}.course-popup-footer{align-items:flex-start;flex-direction:column;gap:.75rem}.all-courses-grid{gap:.5rem;grid-template-columns:1fr}.course-card{padding:.6rem .8rem}.additional-courses-section{margin-top:1rem;padding-top:1rem}.courses-section-title{font-size:.9rem}.main-course-indicator{text-align:left}}@media (max-width:480px){.course-popup-header{font-size:1rem;padding:1rem}.course-popup-list{max-height:60vh}.course-popup-item{padding:.75rem}.course-popup-footer{padding:1rem}.course-card-header{align-items:flex-start;flex-direction:column;gap:.3rem}.ld-primary-badge{align-self:flex-end}.collapsible-card-header{font-size:1rem}.collapse-card-btn .material-symbols-rounded{font-size:1.1rem}}[data-theme=dark] .course-card.primary{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--ld-convert-btn-bg);box-shadow:0 0 0 1px #064e3b,0 0 8px #0f83;box-shadow:0 0 0 1px var(--ld-convert-btn-text),0 0 8px #0f83}[data-theme=dark] .ld-primary-badge{background:linear-gradient(135deg,#065f46,#047857);color:#000;font-weight:700}[data-theme=dark] .course-selector-popup{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.trial-detail-card{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #8b5cf640;border-radius:10px;overflow:hidden}.trial-detail-header{align-items:center;background:#8b5cf61a;border-bottom:1px solid #8b5cf626;color:#5b21b6;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.65rem 1rem}.trial-detail-header .material-symbols-rounded{color:#7c3aed;font-size:1.1rem}.trial-detail-body{display:flex;flex-direction:column;gap:.45rem;padding:.75rem 1rem}.trial-detail-row{align-items:center;color:#374151;display:flex;font-size:.88rem;gap:.5rem}.trial-detail-row .material-symbols-rounded{color:#7c3aed;flex-shrink:0;font-size:1rem}[data-theme=dark] .trial-detail-card{background:#8b5cf614;border-color:#8b5cf633}[data-theme=dark] .trial-detail-header{background:#8b5cf61f;color:#a78bfa}[data-theme=dark] .trial-detail-header .material-symbols-rounded,[data-theme=dark] .trial-detail-row .material-symbols-rounded{color:#a78bfa}[data-theme=dark] .trial-detail-row{color:#e2e8f0}.lead-card.color-trial{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf633}.lead-card.color-trial:hover{border-color:#8b5cf659;box-shadow:0 4px 20px #8b5cf626}.lead-card.color-trial h4{border-bottom-color:#8b5cf626;color:#5b21b6}.lead-card.color-trial h4 .material-symbols-rounded{color:#7c3aed}[data-theme=dark] .lead-card.color-trial{background:#8b5cf614;border-color:#8b5cf633}[data-theme=dark] .lead-card.color-trial h4{color:#a78bfa}.ld-ai-panel{display:flex;flex-direction:column;gap:16px;padding:4px 0}.ld-ai-top-row{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:160px 1fr}.ld-ai-score-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:8px;padding:18px 12px 16px}.ld-ai-score-title{color:#6b7280;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ld-ai-ring-wrap{height:90px;width:90px}.ld-ai-donut{height:100%;transform:rotate(-90deg);width:100%}.ld-ai-donut-num{font-size:9px;font-weight:700;transform:rotate(90deg);transform-origin:18px 18px}.ld-ai-score-badge{font-weight:600;text-align:center}.ld-ai-heat-badge,.ld-ai-score-badge{border-radius:20px;font-size:.72rem;padding:3px 10px}.ld-ai-heat-badge{align-items:center;display:flex;font-weight:700;gap:4px;letter-spacing:.06em;text-transform:uppercase}.ld-ai-coach-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:14px;padding:16px 18px}.ld-ai-coach-header{align-items:center;color:#1e293b;display:flex;font-size:.875rem;font-weight:700;gap:8px}.ld-ai-coach-header .material-symbols-rounded{color:#7c3aed;font-size:18px}.ld-ai-lang-wrap{align-items:center;display:flex;gap:6px;margin-left:auto}.ld-ai-lang-select{appearance:none;-webkit-appearance:none;background:#f8fafc url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;border:1px solid #e2e8f0;border-radius:7px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:4px 26px 4px 10px;transition:border-color .15s,box-shadow .15s}.ld-ai-lang-select:hover:not(:disabled){border-color:#7c3aed}.ld-ai-lang-select:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1f}.ld-ai-lang-select:disabled{cursor:not-allowed;opacity:.5}.ld-ai-lang-spinner{animation:spin .8s linear infinite;color:#7c3aed;flex-shrink:0;font-size:15px!important}.ld-ai-lang-fallback{align-items:center;background:#fef3c7;border-radius:6px;color:#92400e;display:flex;font-size:11px;gap:6px;margin-bottom:8px;padding:5px 10px}.ld-ai-lang-fallback .material-symbols-rounded{color:#92400e;font-size:14px}.ld-ai-disclaimer{align-items:center;color:#94a3b8;display:flex;font-size:11px;font-style:italic;gap:5px;margin-bottom:10px}.ld-ai-disclaimer .material-symbols-rounded{color:#94a3b8;font-size:13px}.ld-ai-coach-section{display:flex;flex-direction:column;gap:8px}.ld-ai-coach-section-label{align-items:center;color:#6b7280;display:flex;font-size:.72rem;font-weight:600;gap:5px;letter-spacing:.07em;text-transform:uppercase}.ld-ai-coach-section-label .material-symbols-rounded{font-size:13px}.ld-ai-tips-list{display:flex;flex-direction:column;gap:7px;list-style:none;margin:0;padding:0}.ld-ai-tip-item{align-items:flex-start;color:#374151;display:flex;font-size:.83rem;gap:7px;line-height:1.45}.ld-ai-tip-icon{color:#10b981;flex-shrink:0;font-size:11px!important;margin-top:3px}.ld-ai-tip-insight .ld-ai-tip-icon{color:#7c3aed;font-size:8px!important;margin-top:5px}.ld-ai-tips-empty{color:#9ca3af;font-size:.82rem;font-style:italic;margin:0}.ld-ai-email-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.ld-ai-email-header{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #bfdbfe;display:flex;justify-content:space-between;padding:13px 16px}.ld-ai-email-header-left{align-items:center;color:#1e40af;display:flex;font-size:.875rem;font-weight:700;gap:8px}.ld-ai-email-header-left .material-symbols-rounded{color:#2563eb;font-size:18px}.ld-ai-email-to{background:#3b82f61a;border-radius:10px;color:#3b82f6;font-size:.78rem;font-weight:400;padding:2px 8px}.ld-ai-email-header-right{align-items:center;display:flex;gap:8px}.ld-ai-sent-badge{align-items:center;background:#d1fae5;border-radius:12px;color:#065f46;display:flex;font-size:.78rem;font-weight:600;gap:4px;padding:3px 10px}.ld-ai-sent-badge .material-symbols-rounded{font-size:14px}.ld-ai-reset-btn{align-items:center;background:#ffffffb3;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:.78rem;font-weight:500;gap:4px;padding:4px 10px;transition:all .15s ease}.ld-ai-reset-btn:hover{background:#fff;border-color:#9ca3af}.ld-ai-reset-btn .material-symbols-rounded{font-size:14px}.ld-ai-email-subject-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:10px 16px}.ld-ai-email-label{color:#6b7280;flex-shrink:0;font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;width:52px}.ld-ai-email-subject-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:.875rem;font-weight:500;outline:none;padding:2px 0}.ld-ai-email-subject-input::placeholder{color:#d1d5db}.ld-ai-email-body{background:#fafafa;border:1px solid #f1f5f9;border-left:none;border-right:none;box-sizing:border-box;color:#374151;font-family:inherit;font-size:.875rem;line-height:1.65;min-height:180px;outline:none;padding:14px 16px;resize:vertical;width:100%}.ld-ai-email-body::placeholder{color:#d1d5db}.ld-ai-email-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:10px 16px}.ld-ai-email-tip{align-items:center;color:#9ca3af;display:flex;font-size:.76rem;gap:5px}.ld-ai-email-tip .material-symbols-rounded{font-size:14px}.ld-ai-send-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;box-shadow:0 2px 8px #2563eb59;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s ease}.ld-ai-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb73;transform:translateY(-1px)}.ld-ai-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.ld-ai-send-btn.ld-ai-send-sent{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98159}.ld-ai-send-btn .material-symbols-rounded{font-size:16px}.ld-ai-no-email-warn{align-items:center;background:#fef3c7;border-top:1px solid #fde68a;color:#92400e;display:flex;font-size:.8rem;gap:6px;padding:8px 16px}.ld-ai-no-email-warn .material-symbols-rounded{color:#d97706;flex-shrink:0;font-size:15px}.ld-ai-full-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.ld-ai-full-toggle{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:13px 16px;text-align:left;transition:background .15s ease;width:100%}.ld-ai-full-toggle:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.ld-ai-full-toggle .material-symbols-rounded:first-child{color:#7c3aed;font-size:18px}.ld-ai-chevron{color:#9ca3af;font-size:20px!important;margin-left:auto}[data-theme=dark] .ld-ai-coach-card,[data-theme=dark] .ld-ai-email-card,[data-theme=dark] .ld-ai-full-section,[data-theme=dark] .ld-ai-score-card{background:#1e293b;border-color:#334155;box-shadow:0 2px 12px #00000040}[data-theme=dark] .ld-ai-score-title{color:#94a3b8}[data-theme=dark] .ld-ai-coach-header{color:#e2e8f0}[data-theme=dark] .ld-ai-coach-section-label{color:#94a3b8}[data-theme=dark] .ld-ai-tip-item{color:#cbd5e1}[data-theme=dark] .ld-ai-email-header{background:linear-gradient(135deg,#1e3a5f,#1e3a8a);border-bottom-color:#1d4ed8}[data-theme=dark] .ld-ai-email-header-left{color:#93c5fd}[data-theme=dark] .ld-ai-email-header-left .material-symbols-rounded{color:#60a5fa}[data-theme=dark] .ld-ai-email-to{background:#60a5fa26;color:#93c5fd}[data-theme=dark] .ld-ai-email-subject-row{border-bottom-color:#334155}[data-theme=dark] .ld-ai-email-subject-input{background:#0000;color:#e2e8f0}[data-theme=dark] .ld-ai-email-body{background:#0f172a;border-color:#334155;color:#cbd5e1}[data-theme=dark] .ld-ai-email-footer{background:#1e293b}[data-theme=dark] .ld-ai-email-tip{color:#64748b}[data-theme=dark] .ld-ai-reset-btn{background:#ffffff0d;border-color:#475569;color:#94a3b8}[data-theme=dark] .ld-ai-reset-btn:hover{background:#ffffff1a}[data-theme=dark] .ld-ai-full-toggle{background:linear-gradient(135deg,#1e293b,#0f172a);color:#cbd5e1}[data-theme=dark] .ld-ai-full-toggle:hover{background:linear-gradient(135deg,#334155,#1e293b)}[data-theme=dark] .ld-ai-chevron{color:#64748b}@media (max-width:640px){.ld-ai-top-row{grid-template-columns:1fr}.ld-ai-score-card{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;padding:14px}.ld-ai-ring-wrap{height:70px;width:70px}}[data-theme=dark] .lead-card.color-trial h4 .material-symbols-rounded{color:#a78bfa}:root{--fup-overlay-bg:#0000004d;--fup-overlay-backdrop:blur(4px);--fup-popup-bg:#fff;--fup-popup-border:#e2e8f0;--fup-popup-shadow:0 20px 60px #00000026,0 8px 32px #0000001a;--fup-text-primary:#1e293b;--fup-text-secondary:#475569;--fup-text-muted:#64748b;--fup-text-light:#94a3b8;--fup-header-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--fup-header-border:#0000000f;--fup-header-text:#065f46;--fup-header-subtitle:#047857;--fup-header-icon-bg:#ffffff4d;--fup-header-icon-text:#065f46;--fup-close-btn-bg:#fff3;--fup-close-btn-hover-bg:#ffffff4d;--fup-close-btn-text:#047857;--fup-input-bg:#fffc;--fup-input-border:#e2e8f0;--fup-input-focus-border:#3b82f6;--fup-input-focus-shadow:0 0 0 3px #3b82f61a;--fup-input-text:#0369a1;--fup-input-shadow:inset 0 1px 4px #0000000f;--fup-status-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--fup-status-border:#bae6fd;--fup-status-text:#0369a1;--fup-status-icon-bg:#ffffff80;--fup-status-card-bg:#fff;--fup-status-card-border:#e5e7eb;--fup-status-option-bg:#fff;--fup-status-option-border:#e5e7eb;--fup-status-option-hover-bg:#f9fafb;--fup-status-option-hover-border:#d1d5db;--fup-status-option-selected-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--fup-status-option-selected-border:#059669;--fup-status-option-selected-text:#065f46;--fup-status-icon-text:#6b7280;--fup-status-icon-selected:#059669;--fup-status-label-text:#374151;--fup-notes-bg:#f8fafc;--fup-notes-border:#e2e8f0;--fup-notes-icon:#64748b;--fup-notes-textarea-bg:#fff;--fup-notes-textarea-border:#e2e8f0;--fup-suggestion-btn-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--fup-suggestion-btn-text:#0369a1;--fup-suggestion-btn-border:#bae6fd;--fup-suggestion-btn-hover-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--fup-suggestion-dropdown-bg:#fff;--fup-suggestion-dropdown-border:#bae6fd;--fup-suggestion-dropdown-shadow:0 8px 25px #00000026;--fup-suggestion-header-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--fup-suggestion-header-text:#0369a1;--fup-suggestion-item-hover-bg:linear-gradient(135deg,#f0f9ff,#f8fafc);--fup-suggestion-item-text:#334155;--fup-suggestion-item-hover-text:#0369a1;--fup-suggestion-icon:#22c55e;--fup-assigned-bg:#f8fafc;--fup-assigned-border:#e2e8f0;--fup-assigned-static-bg:#fff;--fup-assigned-static-border:#e2e8f0;--fup-assigned-static-text:#334155;--fup-assigned-icon:#64748b;--fup-footer-bg:#f8fafc;--fup-footer-border:#e2e8f0;--fup-save-btn-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--fup-save-btn-text:#065f46;--fup-save-btn-hover-bg:linear-gradient(135deg,#bbf7d0,#a7f3d0);--fup-save-btn-hover-border:#059669;--fup-save-btn-shadow:0 8px 25px #05966933;--fup-cancel-btn-bg:#fff;--fup-cancel-btn-text:#6b7280;--fup-cancel-btn-border:#e5e7eb;--fup-cancel-btn-hover-bg:#f9fafb;--fup-cancel-btn-hover-border:#9ca3af;--fup-cancel-btn-shadow:0 4px 12px #0000000d;--fup-spinner-bg:#bbf7d0;--fup-spinner-color:#065f46;--fup-error-bg:linear-gradient(135deg,#fef2f2,#fee2e2);--fup-error-text:#dc2626;--fup-error-border:#fca5a5;--fup-divider-bg:linear-gradient(90deg,#0000,#e2e8f0,#0000);--fup-scrollbar-thumb:#bbf7d0;--fup-scrollbar-thumb-hover:#a7f3d0;--fup-scrollbar-track:#f1f5f9;--fup-focus-outline:#3b82f6;--fup-card-header-bg:#f1f5f9;--fup-card-header-text:#374151;--fup-card-header-icon-bg:#f8fafc;--fup-card-header-icon:#374151}[data-theme=dark]{--fup-overlay-bg:#0009;--fup-popup-bg:#1a1a1af2;--fup-popup-border:#ffffff1a;--fup-popup-shadow:0 20px 60px #000c,0 8px 32px #00ff881a;--fup-text-primary:#fff;--fup-text-secondary:#ff9f0a;--fup-text-muted:#d1d5db;--fup-text-light:#9aa4b2;--fup-header-bg:linear-gradient(135deg,#00ff882e,#1a1a1af2);--fup-header-border:#ffffff1a;--fup-header-text:linear-gradient(135deg,#065f46,#047857);--fup-header-subtitle:#3efcd9;--fup-header-icon-bg:#00ff8826;--fup-header-icon-text:linear-gradient(135deg,#065f46,#047857);--fup-close-btn-bg:#00ff881a;--fup-close-btn-hover-bg:#0f83;--fup-close-btn-text:linear-gradient(135deg,#065f46,#047857);--fup-input-bg:#1a1a1ae6;--fup-input-border:#ffffff1a;--fup-input-focus-border:linear-gradient(135deg,#065f46,#047857);--fup-input-focus-shadow:0 0 0 3px #00ff8840;--fup-input-text:#fff;--fup-input-shadow:inset 0 1px 4px #00ff881a;--fup-status-bg:#00ff8826;--fup-status-border:#ffffff1a;--fup-status-text:linear-gradient(135deg,#065f46,#047857);--fup-status-icon-bg:#0f83;--fup-status-card-bg:#1a1a1ae6;--fup-status-card-border:#ffffff1a;--fup-status-option-bg:#1a1a1acc;--fup-status-option-border:#ffffff1a;--fup-status-option-hover-bg:#00ff8814;--fup-status-option-hover-border:#ffffff1a;--fup-status-option-selected-bg:#0f83;--fup-status-option-selected-border:linear-gradient(135deg,#065f46,#047857);--fup-status-option-selected-text:linear-gradient(135deg,#065f46,#047857);--fup-status-icon-text:#ccc;--fup-status-icon-selected:linear-gradient(135deg,#065f46,#047857);--fup-status-label-text:#fff;--fup-notes-bg:#1a1a1ae6;--fup-notes-border:#ffffff1a;--fup-notes-icon:#9aa4b2;--fup-notes-textarea-bg:#1a1a1acc;--fup-notes-textarea-border:#ffffff1a;--fup-suggestion-btn-bg:#00f2fe26;--fup-suggestion-btn-text:#00f2fe;--fup-suggestion-btn-border:#00f2fe4d;--fup-suggestion-btn-hover-bg:#00f2fe33;--fup-suggestion-dropdown-bg:#1a1a1af2;--fup-suggestion-dropdown-border:#00f2fe4d;--fup-suggestion-dropdown-shadow:0 8px 25px #000c;--fup-suggestion-header-bg:#00f2fe26;--fup-suggestion-header-text:#00f2fe;--fup-suggestion-item-hover-bg:#00ff8814;--fup-suggestion-item-text:#fff;--fup-suggestion-item-hover-text:linear-gradient(135deg,#065f46,#047857);--fup-suggestion-icon:#22c55e;--fup-assigned-bg:#1a1a1ae6;--fup-assigned-border:#ffffff1a;--fup-assigned-static-bg:#1a1a1acc;--fup-assigned-static-border:#ffffff1a;--fup-assigned-static-text:#fff;--fup-assigned-icon:#9aa4b2;--fup-footer-bg:#1a1a1ae6;--fup-footer-border:#ffffff1a;--fup-save-btn-bg:#0f83;--fup-save-btn-text:linear-gradient(135deg,#065f46,#047857);--fup-save-btn-hover-bg:#00ff8840;--fup-save-btn-hover-border:linear-gradient(135deg,#065f46,#047857);--fup-save-btn-shadow:0 8px 25px #00ff884d;--fup-cancel-btn-bg:#333c;--fup-cancel-btn-text:#fff;--fup-cancel-btn-border:#ffffff1a;--fup-cancel-btn-hover-bg:#00ff881a;--fup-cancel-btn-hover-border:#ffffff1a;--fup-cancel-btn-shadow:0 4px 12px #0006;--fup-spinner-bg:#00ff884d;--fup-spinner-color:#065f46;--fup-error-bg:#f4433633;--fup-error-text:#ffcdd2;--fup-error-border:#f4433666;--fup-divider-bg:linear-gradient(90deg,#0000,#0f83,#0000);--fup-scrollbar-thumb:#00ff884d;--fup-scrollbar-thumb-hover:#0f86;--fup-scrollbar-track:#0000;--fup-focus-outline:linear-gradient(135deg,#065f46,#047857);--fup-card-header-bg:#1a1a1acc;--fup-card-header-text:#fff;--fup-card-header-icon-bg:#333c;--fup-card-header-icon:#fff}.followup-popup-overlay{align-items:center;backdrop-filter:blur(4px);backdrop-filter:var(--fup-overlay-backdrop);-webkit-backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--fup-overlay-backdrop);background:#0000004d;background:var(--fup-overlay-bg);box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;overflow:auto;padding:1rem;position:fixed;top:0;transition:all .3s ease;width:100vw;z-index:1000}.followup-popup{animation:fadeInScale .25s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff;background:var(--fup-popup-bg);border:1px solid #e2e8f0;border:1px solid var(--fup-popup-border);border-radius:12px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a;box-shadow:var(--fup-popup-shadow);display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:95vw;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:750px}.followup-popup.walkin-bg{border-top:4px solid #3b82f6}.followup-popup.interested-bg{border-top:4px solid #059669}.followup-popup.walkedin-bg{border-top:4px solid #f59e0b}.followup-popup.reschedule-bg{border-top:4px solid #ec4899}.followup-popup.reminder-bg{border-top:4px solid #8b5cf6}.followup-popup.default-bg{border-top:4px solid #6b7280}.followup-popup-header{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--fup-header-bg);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--fup-header-border);border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease}.followup-popup-header.walkin-bg{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}[data-theme=dark] .followup-popup-header.walkin-bg{background:#3b82f626}.followup-popup-header.interested-bg{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--fup-header-bg)}.followup-popup-header.walkedin-bg{background:linear-gradient(135deg,#fef3c7,#fde68a)}[data-theme=dark] .followup-popup-header.walkedin-bg{background:#f59e0b26}.followup-popup-header.reschedule-bg{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}[data-theme=dark] .followup-popup-header.reschedule-bg{background:#ec489926}.followup-popup-header.reminder-bg{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}[data-theme=dark] .followup-popup-header.reminder-bg{background:#8b5cf626}.header-icon-wrapper{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;background:var(--fup-header-icon-bg);border-radius:50%;box-shadow:0 2px 8px #0000001a;padding:.5rem;transition:all .3s ease}.header-icon{color:#065f46;color:var(--fup-header-icon-text);font-size:1.25rem;transition:color .3s ease}.header-text h3{color:#065f46;color:var(--fup-header-text);font-size:1.1rem;font-weight:700;margin:0;transition:color .3s ease}.header-subtitle{color:#047857;color:var(--fup-header-subtitle);font-size:.8rem;font-weight:500;opacity:.8;transition:color .3s ease}.close-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff3;background:var(--fup-close-btn-bg);border-radius:8px;color:#047857;color:var(--fup-close-btn-text);font-size:1.1rem;padding:.5rem}.close-btn:hover{background:#ffffff4d;background:var(--fup-close-btn-hover-bg)}.followup-popup-body-grid{grid-gap:1rem 1.5rem;align-items:start;display:grid;flex:1 1;gap:1rem 1.5rem;grid-template-columns:1fr 1fr;min-height:0;overflow-y:auto;padding:1.5rem}.full-width-field{display:flex;flex-direction:column;grid-column:span 2}.field-with-icon,.grid-item-half{grid-column:span 1}.field-with-icon{align-items:flex-start;display:flex;gap:.75rem}.field-icon{background:#f8fafc;background:var(--fup-notes-bg);border:1px solid #e2e8f0;border:1px solid var(--fup-notes-border);border-radius:8px;color:#64748b;color:var(--fup-text-muted);font-size:1.25rem;padding:.5rem;transition:all .3s ease}.field-vertical{display:flex;flex:1 1;flex-direction:column}.followup-popup-body-grid label,.mui-datetime-title{color:#1e293b;color:var(--fup-text-primary);font-size:.9rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.fu-dropdown{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#fffc;background:var(--fup-input-bg);border:1px solid #e2e8f0;border:1px solid var(--fup-input-border);border-radius:.75rem;color:#0369a1;color:var(--fup-input-text);margin-top:.5rem;padding:.75rem 1rem;transition:all .2s ease}.fu-dropdown:focus{border-color:#3b82f6;border-color:var(--fup-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--fup-input-focus-shadow)}.status-indicator-card{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--fup-status-bg);border:1px solid #bae6fd;border:1px solid var(--fup-status-border);border-radius:12px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.status-indicator-card .material-symbols-rounded{background:#ffffff80;background:var(--fup-status-icon-bg);border-radius:8px;color:#0369a1;color:var(--fup-status-text);font-size:1.5rem;padding:.5rem;transition:all .3s ease}.status-text strong{display:block;font-size:1rem;margin-bottom:.2rem}.status-text p,.status-text strong{color:#0369a1;color:var(--fup-status-text);transition:color .3s ease}.status-text p{font-size:.8rem;margin:0;opacity:.8}.status-selection-card{background:#fff;background:var(--fup-status-card-bg);border:2px solid #e5e7eb;border:2px solid var(--fup-status-card-border);border-radius:12px;margin:.75rem 0;padding:1rem;transition:all .3s ease}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--fup-notes-border);gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;transition:border-color .3s ease}.card-header .material-symbols-rounded{background:#f8fafc;background:var(--fup-card-header-icon-bg);border-radius:6px;color:#374151;color:var(--fup-card-header-icon);font-size:1.25rem;padding:.4rem;transition:all .3s ease}.card-header h4{color:#374151;color:var(--fup-card-header-text);font-size:1rem;font-weight:600;margin:0;transition:color .3s ease}.status-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.status-option{align-items:center;background:#fff;background:var(--fup-status-option-bg);border:2px solid #e5e7eb;border:2px solid var(--fup-status-option-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;padding:.75rem .5rem;text-align:center;transition:all .2s ease}.status-option:hover{background:#f9fafb;background:var(--fup-status-option-hover-bg);border-color:#d1d5db;border-color:var(--fup-status-option-hover-border);box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}[data-theme=dark] .status-option:hover{box-shadow:0 2px 8px #00ff881a}.status-option.selected{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--fup-status-option-selected-bg);border-color:#059669;border-color:var(--fup-status-option-selected-border);box-shadow:0 2px 8px #05966926;color:#065f46;color:var(--fup-status-option-selected-text)}[data-theme=dark] .status-option.selected{box-shadow:0 2px 8px #0f83}.status-option .material-symbols-rounded{color:#6b7280;color:var(--fup-status-icon-text);font-size:1.25rem;transition:color .3s ease}.status-option.selected .material-symbols-rounded{color:#059669;color:var(--fup-status-icon-selected)}.status-label{color:#374151;color:var(--fup-status-label-text);font-size:.75rem;font-weight:600;transition:color .3s ease}.status-option.selected .status-label{color:#065f46;color:var(--fup-status-option-selected-text)}.notes-section{background:#f8fafc;background:var(--fup-notes-bg);border:1px solid #e2e8f0;border:1px solid var(--fup-notes-border);border-radius:10px;padding:1rem;transition:all .3s ease}.notes-header{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:space-between;margin-bottom:.5rem}.notes-header .material-symbols-rounded{color:#64748b;color:var(--fup-notes-icon);font-size:1.1rem;transition:color .3s ease}.note-suggestions-btn{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--fup-suggestion-btn-bg);border:1px solid #bae6fd;border:1px solid var(--fup-suggestion-btn-border);border-radius:8px;color:#0369a1;color:var(--fup-suggestion-btn-text);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.3rem;padding:.4rem .8rem;transition:all .2s ease;white-space:nowrap}.note-suggestions-btn:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--fup-suggestion-btn-hover-bg);box-shadow:0 2px 8px #0369a126;transform:translateY(-1px)}[data-theme=dark] .note-suggestions-btn:hover{box-shadow:0 2px 8px #00f2fe33}.note-suggestions-btn .material-symbols-rounded{color:#0369a1;color:var(--fup-suggestion-btn-text);font-size:16px;transition:color .3s ease}.note-suggestions-dropdown{animation:slideDown .2s ease-out;background:#fff;background:var(--fup-suggestion-dropdown-bg);border:2px solid #bae6fd;border:2px solid var(--fup-suggestion-dropdown-border);border-radius:12px;box-shadow:0 8px 25px #00000026;box-shadow:var(--fup-suggestion-dropdown-shadow);margin-bottom:.75rem;max-height:300px;overflow:hidden;overflow-y:auto;transition:all .3s ease}.note-suggestions-header{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--fup-suggestion-header-bg);border-bottom:1px solid #bae6fd;border-bottom:1px solid var(--fup-suggestion-dropdown-border);color:#0369a1;color:var(--fup-suggestion-header-text);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.note-suggestions-header .material-symbols-rounded{color:#0369a1;color:var(--fup-suggestion-header-text);font-size:18px;transition:color .3s ease}.close-suggestions-btn{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--fup-text-muted);cursor:pointer;margin-left:auto;padding:.2rem;transition:all .2s ease}.close-suggestions-btn:hover{background:#64748b1a;color:#0369a1;color:var(--fup-suggestion-header-text)}[data-theme=dark] .close-suggestions-btn:hover{background:#00ff881a}.close-suggestions-btn .material-symbols-rounded{font-size:16px}.note-suggestions-list{max-height:200px;overflow-y:auto}.note-suggestion-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--fup-notes-border);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.note-suggestion-item:last-child{border-bottom:none}.note-suggestion-item:hover{background:linear-gradient(135deg,#f0f9ff,#f8fafc);background:var(--fup-suggestion-item-hover-bg);transform:translateX(4px)}.note-suggestion-item .material-symbols-rounded{color:#22c55e;color:var(--fup-suggestion-icon);flex-shrink:0;font-size:18px;margin-top:.1rem;transition:color .3s ease}.suggestion-text{color:#334155;color:var(--fup-suggestion-item-text);flex:1 1;font-size:.9rem;line-height:1.4;transition:color .3s ease}.note-suggestion-item:hover .suggestion-text{color:#0369a1;color:var(--fup-suggestion-item-hover-text);font-weight:500}.note-suggestions-list::-webkit-scrollbar{width:4px}.note-suggestions-list::-webkit-scrollbar-track{background:#f1f5f9;background:var(--fup-scrollbar-track)}.note-suggestions-list::-webkit-scrollbar-thumb{background:#bae6fd;background:var(--fup-suggestion-dropdown-border);border-radius:4px}.note-suggestions-list::-webkit-scrollbar-thumb:hover{background:#0369a1;background:var(--fup-suggestion-header-text)}.notes-textarea{background:#fff;background:var(--fup-notes-textarea-bg);border:1px solid #e2e8f0;border:1px solid var(--fup-notes-textarea-border);border-radius:6px;color:#1e293b;color:var(--fup-text-primary);font-family:inherit;font-size:.85rem;min-height:60px;padding:.6rem;resize:vertical;transition:all .2s ease}.notes-textarea:focus{border-color:#3b82f6;border-color:var(--fup-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--fup-input-focus-shadow);outline:none}.assigned-section{background:#f8fafc;background:var(--fup-assigned-bg);border:1px solid #e2e8f0;border:1px solid var(--fup-assigned-border);border-radius:10px;padding:1rem;transition:all .3s ease}.assigned-header{align-items:center;display:flex;gap:.4rem;margin-bottom:.5rem}.assigned-header .material-symbols-rounded{color:#64748b;color:var(--fup-assigned-icon);font-size:1.1rem;transition:color .3s ease}.assigned-to-static{align-items:center;background:#fff;background:var(--fup-assigned-static-bg);border:1px solid #e2e8f0;border:1px solid var(--fup-assigned-static-border);border-radius:6px;color:#334155;color:var(--fup-assigned-static-text);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem .8rem;transition:all .3s ease}.assigned-to-static .material-symbols-rounded{color:#64748b;color:var(--fup-assigned-icon);font-size:1.1rem;transition:color .3s ease}.section-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);background:var(--fup-divider-bg);grid-column:span 2;height:1px;margin:.5rem 0}.error-msg{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);background:var(--fup-error-bg);border:1px solid #fca5a5;border:1px solid var(--fup-error-border);border-radius:12px;color:#dc2626;color:var(--fup-error-text);display:flex;font-weight:500;gap:.75rem;margin-bottom:1rem;padding:1rem 1.5rem;transition:all .3s ease}.error-msg .material-symbols-rounded{font-size:1.2rem}.followup-popup-footer{background:#f8fafc;background:var(--fup-footer-bg);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top:1px solid #e2e8f0;border-top:1px solid var(--fup-footer-border);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;transition:all .3s ease}.lead-md3-btn,.md3-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;min-width:110px;padding:.6rem 1.25rem;transition:all .2s ease}.lead-md3-btn.save-btn{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--fup-save-btn-bg);border:1px solid #0000;color:var(--fup-save-btn-text)}.lead-md3-btn.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#bbf7d0,#a7f3d0);background:var(--fup-save-btn-hover-bg);border-color:#059669;border-color:var(--fup-save-btn-hover-border);box-shadow:0 8px 25px #05966933;box-shadow:var(--fup-save-btn-shadow);color:#065f46;color:var(--fup-save-btn-text);transform:translateY(-2px)}.lead-md3-btn.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.md3-btn.cancel-btn{background:#fff;background:var(--fup-cancel-btn-bg);border:2px solid #e5e7eb;border:2px solid var(--fup-cancel-btn-border);color:#6b7280;color:var(--fup-cancel-btn-text)}.md3-btn.cancel-btn:hover:not(:disabled){background:#f9fafb;background:var(--fup-cancel-btn-hover-bg);border-color:#9ca3af;border-color:var(--fup-cancel-btn-hover-border);box-shadow:0 4px 12px #0000000d;box-shadow:var(--fup-cancel-btn-shadow);transform:translateY(-1px)}.loading-spinner{border:2px solid #bbf7d0;border-top:2px solid #065f46;border:2px solid var(--fup-spinner-bg);border-top-color:var(--fup-spinner-color);height:16px;width:16px}.followup-popup-body-grid input,.followup-popup-body-grid select,.followup-popup-body-grid textarea{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#fffc;background:var(--fup-input-bg);border:1px solid #e2e8f0;border:1px solid var(--fup-input-border);border-radius:.75rem;box-shadow:inset 0 1px 4px #0000000f;box-shadow:var(--fup-input-shadow);color:#0369a1;color:var(--fup-input-text);font-size:.92rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .2s ease}.followup-popup-body-grid input:focus,.followup-popup-body-grid select:focus,.followup-popup-body-grid textarea:focus{background:#fffc;background:var(--fup-input-bg);border-color:#3b82f6;border-color:var(--fup-input-focus-border);box-shadow:inset 0 1px 4px #0000000f,0 0 0 3px #3b82f61a;box-shadow:var(--fup-input-shadow),var(--fup-input-focus-shadow);transform:scale(1.01)}.followup-popup-body-grid select{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%2364748b" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 12l-4-4h8l-4 4z"/></svg>');background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}[data-theme=dark] .followup-popup-body-grid select{background-image:url('data:image/svg+xml;utf8,<svg fill="%23ffffff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 12l-4-4h8l-4 4z"/></svg>')}@media (max-width:768px){.followup-popup-overlay{align-items:flex-start;padding:2rem .5rem .5rem}.followup-popup{border-radius:12px;margin:0;max-height:calc(100vh - 4rem);max-width:100%;width:100%}.followup-popup-body-grid{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.full-width-field,.grid-item-half{grid-column:span 1}.followup-popup-header{border-radius:12px 16px 0 0;padding:1.5rem}.followup-popup-footer{border-radius:0 0 16px 16px;flex-direction:column-reverse;padding:1rem}.lead-md3-btn,.md3-btn{width:100%}.status-options{grid-template-columns:repeat(2,1fr)}.field-with-icon{flex-direction:column;gap:.5rem}.field-icon{align-self:flex-start;margin-top:0}}@media (max-width:480px){.followup-popup-overlay{padding:1rem .25rem .25rem}.followup-popup{border-radius:12px;max-height:calc(100vh - 2rem)}.followup-popup-header{border-radius:12px 12px 0 0;padding:1rem}.followup-popup-body-grid{padding:1rem}.followup-popup-footer{border-radius:0 0 12px 12px}.status-options{grid-template-columns:1fr}}.followup-popup-body-grid::-webkit-scrollbar{width:6px}.followup-popup-body-grid::-webkit-scrollbar-track{background:#f1f5f9;background:var(--fup-scrollbar-track);border-radius:10px}.followup-popup-body-grid::-webkit-scrollbar-thumb{background:#bbf7d0;background:var(--fup-scrollbar-thumb);border-radius:10px}.followup-popup-body-grid::-webkit-scrollbar-thumb:hover{background:#a7f3d0;background:var(--fup-scrollbar-thumb-hover)}.close-btn:focus,.lead-md3-btn:focus,.md3-btn:focus,.status-option:focus{outline:2px solid #3b82f6;outline:2px solid var(--fup-focus-outline);outline-offset:2px}.field-with-icon:hover .field-icon{background:#f8fafc;background:var(--fup-assigned-bg);color:#475569;color:var(--fup-text-secondary);transform:scale(1.05)}.assigned-section:hover,.notes-section:hover{border-color:#3b82f6;border-color:var(--fup-input-focus-border);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .assigned-section:hover,[data-theme=dark] .notes-section:hover{box-shadow:0 2px 8px #00ff881a}@media (prefers-contrast:high){.followup-popup{border:2px solid #000}[data-theme=dark] .followup-popup{border:2px solid #fff}.status-option{border:2px solid #000}[data-theme=dark] .status-option{border:2px solid #fff}.status-option.selected{background:#000;color:#fff}[data-theme=dark] .status-option.selected{background:#fff;color:#000}}@media (prefers-reduced-motion:reduce){.followup-popup,.lead-md3-btn,.md3-btn,.note-suggestions-btn,.status-option{animation:none;transition:none}.followup-popup-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.lead-md3-btn:hover,.md3-btn:hover,.note-suggestions-btn:hover,.status-option:hover{transform:none}.loading-spinner,.note-suggestions-dropdown{animation:none}}.lfp-card-header{align-items:center;background:#f1f5f9;background:var(--fup-card-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--fup-notes-border);border-radius:8px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1rem;transition:all .3s ease}.lfp-card-header .material-symbols-rounded{background:#f8fafc;background:var(--fup-card-header-icon-bg);border-radius:6px;color:#374151;color:var(--fup-card-header-icon);flex-shrink:0;font-size:1.25rem;padding:.4rem;transition:all .3s ease}.lfp-card-header h4{color:#374151;color:var(--fup-card-header-text);flex:1 1;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.lfp-card-header:hover{background:#f1f5f9;background:var(--fup-card-header-bg);border-color:#3b82f6;border-color:var(--fup-input-focus-border);box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}[data-theme=dark] .lfp-card-header:hover{box-shadow:0 2px 8px #00ff881a}@media (max-width:480px){.lfp-card-header{gap:.4rem;padding:.6rem .8rem}.lfp-card-header h4{font-size:.9rem}.lfp-card-header .material-symbols-rounded{font-size:1.1rem;padding:.3rem}}.followup-datetime-native{background:#0000;border:1px solid #fff6;border-radius:.6rem;box-shadow:inset 0 1px 4px #00000014;box-sizing:border-box;color:#0f172a;cursor:pointer;display:block;font-family:inherit;font-size:.92rem;margin-top:.5rem;min-height:44px;outline:none;padding:.55rem .75rem;transition:all .2s ease;width:100%}.followup-datetime-native:focus{border-color:#3b82f6;box-shadow:inset 0 1px 4px #0000001f,0 0 0 2px #3b82f633}.followup-datetime-native::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}[data-theme=dark] .followup-datetime-native{background:#ffffff0d;border-color:#ffffff26;color:#f1f5f9}[data-theme=dark] .followup-datetime-native::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5}.trial-step-indicator{padding:.9rem 1.5rem .4rem}.trial-step-dot,.trial-step-indicator{align-items:center;display:flex;justify-content:center}.trial-step-dot{background:#e2e8f0;border-radius:50%;color:#94a3b8;flex-shrink:0;font-size:.82rem;font-weight:700;height:30px;transition:all .25s ease;-webkit-user-select:none;user-select:none;width:30px}.trial-step-dot .material-symbols-rounded{font-size:1rem}.trial-step-dot.active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 10px #16a34a59;color:#fff}.trial-step-dot.done{background:#dcfce7;color:#16a34a}.trial-step-line{background:#e2e8f0;flex:1 1;height:3px;max-width:80px;transition:background .25s ease}.trial-step-line.done{background:#86efac}[data-theme=dark] .trial-step-dot{background:#ffffff14;color:#475569}[data-theme=dark] .trial-step-dot.active{background:linear-gradient(135deg,#00ff8880,#00c86480);color:#fff}[data-theme=dark] .trial-step-dot.done{background:#00ff8826;color:#22c55e}[data-theme=dark] .trial-step-line{background:#ffffff1a}[data-theme=dark] .trial-step-line.done{background:#00ff8859}.trial-summary-card{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;display:flex;font-size:.88rem;gap:.75rem;padding:.75rem 1rem}.trial-summary-card>.material-symbols-rounded{color:#0369a1;flex-shrink:0;font-size:1.3rem;margin-top:1px}.trial-status-badge{align-self:flex-start;border-radius:99px;display:inline-block;flex-shrink:0;font-size:.76rem;font-weight:600;margin-left:auto;padding:.2rem .65rem;white-space:nowrap}.trial-outcome-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr);margin-top:.4rem}.trial-outcome-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:.88rem;font-weight:500;gap:.5rem;padding:.65rem .9rem;text-align:left;transition:all .18s ease}.trial-outcome-btn:hover{background:#f1f5f9;border-color:#94a3b8;box-shadow:0 2px 6px #0000000f;transform:translateY(-1px)}.trial-outcome-btn.selected{box-shadow:0 2px 8px #0000001a;font-weight:600}.trial-outcome-btn .material-symbols-rounded{flex-shrink:0;font-size:1.15rem}[data-theme=dark] .trial-outcome-btn{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .trial-outcome-btn:hover{background:#ffffff1a;border-color:#fff3}.trial-toggle-row{display:flex;gap:.5rem;margin-top:.4rem}.trial-toggle-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.35rem;padding:.45rem 1.1rem;transition:all .18s ease}.trial-toggle-btn .material-symbols-rounded{font-size:1rem}.trial-toggle-btn.yes{background:#dcfce7;border-color:#86efac;color:#065f46;font-weight:600}.trial-toggle-btn.no{background:#fee2e2;border-color:#fca5a5;color:#dc2626;font-weight:600}[data-theme=dark] .trial-toggle-btn{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .trial-toggle-btn.yes{background:#00ff8826;border-color:#00ff884d;color:#22c55e}[data-theme=dark] .trial-toggle-btn.no{background:#f4433626;border-color:#f443364d;color:#f87171}.status-option-desc{color:#64748b;font-size:.76rem;line-height:1.3;margin-top:1px}.status-option.selected .status-option-desc{opacity:.8}@media (max-width:480px){.trial-outcome-grid{grid-template-columns:1fr 1fr}.trial-toggle-row{flex-wrap:wrap}}:root{--aup-overlay-bg:#0006;--aup-overlay-backdrop:blur(8px);--aup-popup-bg:#fffffff2;--aup-popup-border:#fff3;--aup-popup-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;--aup-text-primary:#1e293b;--aup-text-secondary:#374151;--aup-text-muted:#6b7280;--aup-text-light:#9ca3af;--aup-header-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--aup-header-border:#0ea5e91a;--aup-header-title:#0369a1;--aup-header-subtitle:#0284c7;--aup-header-icon-bg:linear-gradient(135deg,#0369a1,#0284c7);--aup-header-icon-text:#fff;--aup-header-icon-shadow:0 8px 20px #0369a14d;--aup-close-btn-bg:#fffc;--aup-close-btn-text:#6b7280;--aup-close-btn-hover-bg:#ef44441a;--aup-close-btn-hover-text:#ef4444;--aup-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--aup-error-text:#991b1b;--aup-error-border:#fca5a5;--aup-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--aup-success-text:#065f46;--aup-success-border:#6ee7b7;--aup-search-bg:#fffc;--aup-search-border:#e2e8f0cc;--aup-search-shadow:inset 0 2px 4px #0000000a;--aup-search-text:#1e293b;--aup-search-placeholder:#9ca3af;--aup-search-focus-border:#0369a1;--aup-search-focus-shadow:0 0 0 3px #0369a11a;--aup-search-icon:#94a3b8;--aup-table-bg:#ffffffe6;--aup-table-border:#e2e8f099;--aup-table-shadow:0 4px 12px #0000000d;--aup-row-bg:#ffffffb3;--aup-row-border:#e2e8f066;--aup-row-shadow:0 2px 8px #0000000a;--aup-row-hover-bg:#f8fafce6;--aup-row-hover-shadow:0 4px 16px #00000014;--aup-row-selected-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--aup-row-selected-border:#3b82f6;--aup-badge-admin-bg:linear-gradient(135deg,#ede9fe,#f5f3ff);--aup-badge-admin-text:#6b21a8;--aup-badge-teacher-bg:linear-gradient(135deg,#fef9c3,#fefce8);--aup-badge-teacher-text:#92400e;--aup-badge-student-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--aup-badge-student-text:#065f46;--aup-badge-guest-bg:linear-gradient(135deg,#f3f4f6,#e5e7eb);--aup-badge-guest-text:#374151;--aup-branch-color-0:linear-gradient(135deg,#dcfce7,#bbf7d0);--aup-branch-color-1:linear-gradient(135deg,#f0fdf4,#d1fae5);--aup-branch-color-2:linear-gradient(135deg,#fef9c3,#fde68a);--aup-branch-color-3:linear-gradient(135deg,#e0f2fe,#bae6fd);--aup-branch-color-4:linear-gradient(135deg,#ede9fe,#ddd6fe);--aup-branch-color-5:linear-gradient(135deg,#fee2e2,#fecaca);--aup-branch-color-6:linear-gradient(135deg,#fef3c7,#fde68a);--aup-branch-color-7:linear-gradient(135deg,#e0f7fa,#b2ebf2);--aup-action-btn-bg:#fffc;--aup-action-btn-text:#0369a1;--aup-action-btn-border:#0369a133;--aup-action-btn-hover-bg:#0369a11a;--aup-action-btn-selected-bg:linear-gradient(135deg,#10b981,#059669);--aup-action-btn-selected-text:#fff;--aup-footer-bg:linear-gradient(135deg,#f8fafc,#fff);--aup-footer-border:#e2e8f0;--aup-submit-btn-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--aup-submit-btn-text:#fff;--aup-submit-btn-shadow:0 4px 12px #3b82f64d;--aup-submit-btn-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--aup-submit-btn-hover-shadow:0 8px 20px #3b82f666;--aup-submit-btn-disabled-bg:#d1d5db;--aup-submit-btn-disabled-text:#9ca3af;--aup-no-users-text:#6b7280;--aup-no-users-icon:#cbd5e1}[data-theme=dark]{--aup-overlay-bg:#000000b3;--aup-popup-bg:#1a1a1af2;--aup-popup-border:#00f2fe33;--aup-popup-shadow:0 20px 60px #000c,0 8px 32px #00f2fe1a,inset 0 1px 0 #00f2fe1a;--aup-text-primary:#fff;--aup-text-secondary:#fff;--aup-text-muted:#d1d5db;--aup-text-light:#9aa4b2;--aup-header-bg:linear-gradient(135deg,#00f2fe26,#1a1a1af2);--aup-header-border:#00f2fe26;--aup-header-title:#00f2fe;--aup-header-subtitle:#38bdf8;--aup-header-icon-bg:linear-gradient(135deg,#00f2fe,#0ea5e9);--aup-header-icon-text:#000;--aup-header-icon-shadow:0 8px 20px #00f2fe66;--aup-close-btn-bg:#333c;--aup-close-btn-text:#fff;--aup-close-btn-hover-bg:#ef444433;--aup-close-btn-hover-text:#ffcdd2;--aup-error-bg:#f4433633;--aup-error-text:#ffcdd2;--aup-error-border:#f4433666;--aup-success-bg:#0f83;--aup-success-text:linear-gradient(135deg,#065f46,#047857);--aup-success-border:#0f86;--aup-search-bg:#1a1a1acc;--aup-search-border:#ffffff1a;--aup-search-shadow:inset 0 2px 4px #00f2fe0d;--aup-search-text:#fff;--aup-search-placeholder:#9aa4b2;--aup-search-focus-border:#00f2fe;--aup-search-focus-shadow:0 0 0 3px #00f2fe33;--aup-search-icon:#9aa4b2;--aup-table-bg:#1a1a1ae6;--aup-table-border:#ffffff1a;--aup-table-shadow:0 4px 12px #00f2fe1a;--aup-row-bg:#333333b3;--aup-row-border:#ffffff1a;--aup-row-shadow:0 2px 8px #00f2fe0d;--aup-row-hover-bg:#00f2fe1a;--aup-row-hover-shadow:0 4px 16px #00f2fe26;--aup-row-selected-bg:#00f2fe33;--aup-row-selected-border:#00f2fe;--aup-badge-admin-bg:#a855f733;--aup-badge-admin-text:#c4b5fd;--aup-badge-teacher-bg:#fbbf2433;--aup-badge-teacher-text:#fde68a;--aup-badge-student-bg:#22c55e33;--aup-badge-student-text:#86efac;--aup-badge-guest-bg:#6b728033;--aup-badge-guest-text:#d1d5db;--aup-branch-color-0:#22c55e33;--aup-branch-color-1:#10b98133;--aup-branch-color-2:#fbbf2433;--aup-branch-color-3:#0ea5e933;--aup-branch-color-4:#a855f733;--aup-branch-color-5:#ef444433;--aup-branch-color-6:#f59e0b33;--aup-branch-color-7:#06b6d433;--aup-action-btn-bg:#333c;--aup-action-btn-text:#00f2fe;--aup-action-btn-border:#00f2fe4d;--aup-action-btn-hover-bg:#00f2fe1a;--aup-action-btn-selected-bg:linear-gradient(135deg,#065f46,#047857);--aup-action-btn-selected-text:#000;--aup-footer-bg:#1a1a1ae6;--aup-footer-border:#ffffff1a;--aup-submit-btn-bg:linear-gradient(135deg,#00f2fe,#0ea5e9);--aup-submit-btn-text:#000;--aup-submit-btn-shadow:0 4px 12px #00f2fe4d;--aup-submit-btn-hover-bg:linear-gradient(135deg,#0ea5e9,#0284c7);--aup-submit-btn-hover-shadow:0 8px 20px #00f2fe66;--aup-submit-btn-disabled-bg:#333c;--aup-submit-btn-disabled-text:#6b7280;--aup-no-users-text:#9aa4b2;--aup-no-users-icon:#4b5563}.ld-assign-users-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9000}.assign-users-popup{animation:slideUpCenter .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--aup-popup-bg);border:1px solid #fff3;border:1px solid var(--aup-popup-border);border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;box-shadow:var(--aup-popup-shadow);display:flex;flex-direction:column;max-height:85vh;max-width:720px;overflow:hidden;transition:all .3s ease;width:100%}.assign-popup-header{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--aup-header-bg);border-bottom:1px solid #0ea5e91a;border-bottom:1px solid var(--aup-header-border);display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:all .3s ease}.assign-header-content{align-items:center;display:flex;gap:1rem}.assign-header-icon{align-items:center;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--aup-header-icon-bg);border-radius:12px;box-shadow:0 8px 20px #0369a14d;box-shadow:var(--aup-header-icon-shadow);display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.assign-header-icon .material-symbols-rounded{color:#fff;color:var(--aup-header-icon-text);font-size:24px;font-variation-settings:"FILL" 1,"wght" 600;transition:color .3s ease}.assign-header-text h2{color:#0369a1;color:var(--aup-header-title);font-family:Google Sans,Poppins,sans-serif;font-size:1.25rem;font-weight:700;margin:0;transition:color .3s ease}.assign-header-text p{color:#0284c7;color:var(--aup-header-subtitle);font-size:.85rem;margin:.25rem 0 0;opacity:.8;transition:color .3s ease}.assign-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--aup-close-btn-bg);border:none;border-radius:10px;color:#6b7280;color:var(--aup-close-btn-text);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.assign-close-btn:hover{background:#ef44441a;background:var(--aup-close-btn-hover-bg);color:#ef4444;color:var(--aup-close-btn-hover-text);transform:scale(1.05)}.assign-close-btn .material-symbols-rounded{font-size:18px}.assign-message-banner{align-items:center;animation:slideDown .3s ease-out;border-radius:10px;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin:0 2rem 1rem;padding:.75rem 1rem;transition:all .3s ease}.assign-message-banner.error{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--aup-error-bg);border:1px solid #fca5a5;border:1px solid var(--aup-error-border);color:#991b1b;color:var(--aup-error-text)}.assign-message-banner.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--aup-success-bg);border:1px solid #6ee7b7;border:1px solid var(--aup-success-border);color:#065f46;color:var(--aup-success-text)}.assign-message-banner .material-symbols-rounded{font-size:18px}.assign-search-container{padding:0 2rem 1rem}.assign-search-bar{align-items:center;display:flex;position:relative}.assign-search-bar .material-symbols-rounded{color:#94a3b8;color:var(--aup-search-icon);font-size:20px;left:1rem;position:absolute;transition:color .3s ease;z-index:2}.assign-search-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--aup-search-bg);border:2px solid #e2e8f0cc;border:2px solid var(--aup-search-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--aup-search-shadow);color:#1e293b;color:var(--aup-search-text);font-family:inherit;font-size:.9rem;font-weight:500;outline:none;padding:.75rem 1rem .75rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.assign-search-input::placeholder{color:#9ca3af;color:var(--aup-search-placeholder);font-weight:400}.assign-search-input:focus{border-color:#0369a1;border-color:var(--aup-search-focus-border);box-shadow:0 0 0 3px #0369a11a;box-shadow:var(--aup-search-focus-shadow);transform:translateY(-1px)}.assign-user-table-container{flex:1 1;padding:0 2rem}.assign-user-table,.assign-user-table-container{display:flex;flex-direction:column;overflow:hidden}.assign-user-table{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;background:var(--aup-table-bg);border:1px solid #e2e8f099;border:1px solid var(--aup-table-border);border-radius:12px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--aup-table-shadow);max-height:400px;transition:all .3s ease}.assign-table-header{grid-gap:1rem;background:#f8fafccc;border-bottom:1px solid #e2e8f099;border-bottom:1px solid var(--aup-table-border);color:#6b7280;color:var(--aup-text-muted);display:grid;font-size:.8rem;font-weight:700;gap:1rem;grid-template-columns:2fr 1.5fr 1.5fr 2fr 1fr;letter-spacing:.5px;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease}[data-theme=dark] .assign-table-header{background:#333c}.assign-table-body{flex:1 1;overflow-y:auto;padding:.5rem}.assign-table-body::-webkit-scrollbar{width:4px}.assign-table-body::-webkit-scrollbar-track{background:#0000}.assign-table-body::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--aup-search-icon);border-radius:2px}.assign-user-row{grid-gap:1rem;align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffffb3;background:var(--aup-row-bg);border:1px solid #e2e8f066;border:1px solid var(--aup-row-border);border-radius:12px;box-shadow:0 2px 8px #0000000a;box-shadow:var(--aup-row-shadow);color:#374151;color:var(--aup-text-secondary);cursor:pointer;display:grid;font-size:.9rem;font-weight:500;gap:1rem;grid-template-columns:2fr 1.5fr 1.5fr 2fr 1fr;margin-bottom:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.assign-user-row:hover{background:#f8fafce6;background:var(--aup-row-hover-bg);box-shadow:0 4px 16px #00000014;box-shadow:var(--aup-row-hover-shadow);transform:translateY(-1px)}.assign-user-row.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--aup-row-selected-bg);border-color:#3b82f6;border-color:var(--aup-row-selected-border);box-shadow:0 4px 16px #3b82f626}.assign-user-name{color:#1e293b;color:var(--aup-text-primary);font-weight:600;transition:color .3s ease}.assign-user-id{color:#6b7280;color:var(--aup-text-muted);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.85rem;transition:color .3s ease}.assign-branch-badge{border-radius:8px;color:#065f46;display:inline-block;font-size:.75rem;font-weight:600;overflow:hidden;padding:.25rem .5rem;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.assign-branch-badge.branch-color-0{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--aup-branch-color-0)}.assign-branch-badge.branch-color-1{background:linear-gradient(135deg,#f0fdf4,#d1fae5);background:var(--aup-branch-color-1)}.assign-branch-badge.branch-color-2{background:linear-gradient(135deg,#fef9c3,#fde68a);background:var(--aup-branch-color-2)}.assign-branch-badge.branch-color-3{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--aup-branch-color-3)}.assign-branch-badge.branch-color-4{background:linear-gradient(135deg,#ede9fe,#ddd6fe);background:var(--aup-branch-color-4)}.assign-branch-badge.branch-color-5{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--aup-branch-color-5)}.assign-branch-badge.branch-color-6{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--aup-branch-color-6)}.assign-branch-badge.branch-color-7{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);background:var(--aup-branch-color-7)}.assign-user-email{color:#6b7280;color:var(--aup-text-muted);font-size:.85rem;transition:color .3s ease}.assign-action-btn{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#fffc;background:var(--aup-action-btn-bg);border:2px solid #0369a133;border:2px solid var(--aup-action-btn-border);border-radius:8px;color:#0369a1;color:var(--aup-action-btn-text);cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.25rem;justify-content:center;padding:.4rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.assign-action-btn:hover{background:#0369a11a;background:var(--aup-action-btn-hover-bg);box-shadow:0 4px 12px #0369a133;transform:translateY(-1px)}.assign-action-btn.selected{background:linear-gradient(135deg,#10b981,#059669);background:var(--aup-action-btn-selected-bg);border-color:#0000;box-shadow:0 4px 12px #10b9814d;color:#fff;color:var(--aup-action-btn-selected-text)}.assign-action-btn .material-symbols-rounded{font-size:16px;font-variation-settings:"FILL" 1}.assign-no-users{align-items:center;color:#6b7280;color:var(--aup-no-users-text);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.assign-no-users .material-symbols-rounded{color:#cbd5e1;color:var(--aup-no-users-icon);font-size:48px;margin-bottom:1rem;opacity:.6}.assign-no-users h3{color:#374151;color:var(--aup-text-secondary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.assign-no-users p{font-size:.85rem;margin:0;opacity:.7}.assign-popup-footer{background:linear-gradient(135deg,#f8fafc,#fff);background:var(--aup-footer-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--aup-footer-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;transition:all .3s ease}.assign-submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--aup-submit-btn-bg);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--aup-submit-btn-shadow);color:#fff;color:var(--aup-submit-btn-text);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.assign-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--aup-submit-btn-hover-bg);box-shadow:0 8px 20px #3b82f666;box-shadow:var(--aup-submit-btn-hover-shadow);transform:translateY(-2px)}.assign-submit-btn:disabled{background:#d1d5db;background:var(--aup-submit-btn-disabled-bg);box-shadow:none;color:#9ca3af;color:var(--aup-submit-btn-disabled-text);cursor:not-allowed;opacity:.6;transform:none}.assign-submit-btn .material-symbols-rounded{font-size:18px;font-variation-settings:"FILL" 1}.assign-submit-btn .spinning{animation:spin 1s linear infinite}@keyframes slideUpCenter{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.ld-assign-users-overlay{align-items:center;padding:1rem}.assign-users-popup{animation:slideUpFromBottom .3s cubic-bezier(.34,1.56,.64,1);border-radius:12px;max-height:92vh;max-width:100%}@keyframes slideUpFromBottom{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.assign-popup-footer,.assign-popup-header,.assign-search-container,.assign-user-table-container{padding-left:1rem;padding-right:1rem}.assign-table-header,.assign-user-row{gap:.5rem;grid-template-columns:1fr;text-align:center}.assign-table-header{display:none}.assign-user-row{align-items:center;display:flex;flex-direction:row;gap:.75rem;padding:1rem}.assign-user-name{font-size:1rem;order:1}.assign-user-id{font-size:.8rem;order:2}.assign-branch-badge{order:3}.assign-user-email{font-size:.8rem;order:4}.assign-action-btn{min-width:100px;order:5}.assign-header-text h2{font-size:1.1rem}.assign-header-text p{font-size:.8rem}.assign-header-icon{height:40px;width:40px}.assign-header-icon .material-symbols-rounded{font-size:20px}}@media (max-width:480px){.assign-header-content{gap:.75rem}.assign-popup-footer{padding:1rem}.assign-submit-btn{padding:1rem;width:100%}}.assign-action-btn:focus,.assign-close-btn:focus,.assign-search-input:focus,.assign-submit-btn:focus{outline:2px solid #0369a1;outline:2px solid var(--aup-search-focus-border);outline-offset:2px}@media (prefers-contrast:high){.assign-users-popup{border:2px solid #000}[data-theme=dark] .assign-users-popup{border:2px solid #fff}.assign-action-btn,.assign-submit-btn{border:2px solid}}@media (prefers-reduced-motion:reduce){.assign-action-btn,.assign-search-input,.assign-submit-btn,.assign-user-row,.assign-users-popup{animation:none;transition:none}.ld-assign-users-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.assign-action-btn:hover,.assign-close-btn:hover,.assign-submit-btn:hover,.assign-user-row:hover{transform:none}.assign-message-banner,.assign-submit-btn .spinning{animation:none}}.create-lead-overlay{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.interactive-lead-page{animation:fadeIn .5s ease;flex-direction:column;height:100vh;max-width:800px;width:100%}.interactive-header,.interactive-lead-page{background:#fff;display:flex;position:relative}.interactive-header{align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem}.progress-bar{background:#e5e7eb;border-radius:100px;position:relative}.progress-fill{background:linear-gradient(90deg,#10b981,#059669,#047857);border-radius:100px;box-shadow:0 0 10px #10b98180;transition:width .6s cubic-bezier(.4,0,.2,1)}.close-icon-interactive{align-items:center;background:#ef44441a;border:2px solid #ef44444d;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.close-icon-interactive:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.15) rotate(90deg)}.close-icon-interactive:active{transform:scale(.95) rotate(90deg)}.close-icon-interactive .material-symbols-rounded{font-size:28px;font-weight:600}.question-wrapper{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1.5rem}@media (min-height:700px){.question-wrapper{align-items:center}.question-wrapper:has(.clp-programs-wrapper),.question-wrapper:has(.options-grid){align-items:flex-start;padding-top:1.5rem}}.question-container{max-width:600px;text-align:center;width:100%}.slide-in-right{animation:slideInFromRight .5s cubic-bezier(.4,0,.2,1)}.slide-in-left{animation:slideInFromLeft .5s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.question-icon-wrapper{animation:iconBounce .8s cubic-bezier(.34,1.56,.64,1);margin-bottom:2rem}.question-icon{color:#10b981;display:block;font-size:10rem;font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 48;line-height:1}@keyframes iconBounce{0%{opacity:0;transform:scale(0) translateY(-50px)}50%{opacity:.8;transform:scale(1.15) translateY(5px)}75%{transform:scale(.95) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.question-title{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both;color:#1f2937;font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:1rem;padding:0 1rem}.question-subtitle{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .35s both;color:#6b7280;font-size:1.1rem;margin-bottom:2rem;padding:0 1rem}.welcome-screen{animation:slideIn .6s ease;text-align:center}.welcome-icon-wrapper{animation:scaleUp .8s cubic-bezier(.34,1.56,.64,1);margin-bottom:2rem}.welcome-icon{color:#10b981;display:block;font-size:12rem;font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 48;line-height:1}@keyframes scaleUp{0%{opacity:0;transform:scale(.3) rotate(-10deg)}60%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.welcome-title{-webkit-text-fill-color:#0000;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .3s both;background:linear-gradient(135deg,#10b981,#059669,#047857);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;margin-bottom:1rem;padding:0 1rem}.welcome-subtitle{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .45s both;color:#6b7280;font-size:1.2rem;margin-bottom:2.5rem;padding:0 1rem}.start-button{align-items:center;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .6s both;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 10px 30px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;gap:1rem;padding:1.25rem 2.5rem;transition:all .3s ease}.start-button:hover{box-shadow:0 15px 40px #10b98166;transform:translateY(-3px)}.start-button .material-symbols-rounded{animation:pulse 2s ease-in-out infinite;font-size:1.6rem}.interactive-input{animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .5s both;background:#fff;border:3px solid #e5e7eb;border-radius:16px;box-sizing:border-box;font-size:1.3rem;outline:none;padding:1.25rem 1.5rem;text-align:center;transition:all .3s ease;width:100%}.interactive-input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;transform:scale(1.02)}.date-picker-container{animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .5s both;width:100%}.options-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:2rem}.option-card{align-items:center;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards;border:3px solid #e5e7eb;border-radius:16px;color:#374151;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-height:160px;opacity:0;overflow:hidden;padding:2rem 1rem;transition:all .3s ease}.option-card:first-child{animation-delay:.5s}.option-card:nth-child(2){animation-delay:.6s}.option-card:nth-child(3){animation-delay:.7s}.option-card:nth-child(4){animation-delay:.8s}.option-card:nth-child(5){animation-delay:.9s}.option-card:nth-child(6){animation-delay:1s}.option-card:nth-child(7){animation-delay:1.1s}.option-card:nth-child(8){animation-delay:1.2s}.option-card:nth-child(9){animation-delay:1.3s}.option-card:nth-child(10){animation-delay:1.4s}.option-card:nth-child(11){animation-delay:1.5s}.option-card:nth-child(12){animation-delay:1.6s}.option-card:nth-child(13){animation-delay:1.7s}.option-card:nth-child(14){animation-delay:1.8s}.option-card:nth-child(15){animation-delay:1.9s}.option-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.option-card.selected:before,.option-card:hover:before{transform:scaleX(1)}.option-card:hover{border-color:#10b981;box-shadow:0 10px 30px #10b98133;transform:translateY(-5px)}.option-card.selected{border-color:#10b981;box-shadow:0 8px 25px #10b98140}.option-icon{color:#10b981;font-size:4.5rem;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 48;line-height:1}.option-label{color:#1f2937;font-size:1.1rem;font-weight:700}.option-description{color:#6b7280;font-size:.9rem;font-weight:500;text-align:center}.course-selector-interactive{animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .5s both;margin-top:2rem;width:100%}.course-selector-button{align-items:center;background:#fff;border:3px solid #e5e7eb;border-radius:16px;color:#374151;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s ease;width:100%}.course-selector-button:hover{border-color:#10b981;box-shadow:0 4px 15px #10b98126}.course-selector-button .material-symbols-rounded:first-child{color:#10b981;font-size:1.8rem}.course-selector-text{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.courses-dropdown-interactive{animation:slideDown .3s ease;background:#fff;border:3px solid #e5e7eb;border-radius:16px;margin-top:1rem;max-height:400px;overflow-y:auto;padding:1rem}.course-department-group{margin-bottom:1.5rem}.course-department-group:last-child{margin-bottom:0}.department-header{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;color:#065f46;display:flex;font-size:1rem;font-weight:700;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem}.department-header .material-symbols-rounded{color:#10b981;font-size:1.5rem}.courses-list{display:flex;flex-direction:column;gap:.5rem}.course-item{align-items:center;background:#fff;border-radius:10px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.course-item:hover{background:#f9fafb}.course-item.selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.course-checkbox{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:.75rem}.course-checkbox .material-symbols-rounded{color:#10b981;font-size:1.5rem}.course-label{color:#374151;font-size:.95rem;font-weight:500}.main-course-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.main-course-btn:hover{background:#fffbeb;border-color:#fbbf24}.main-course-btn.active{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.main-course-btn .material-symbols-rounded{color:#fbbf24;font-size:1.25rem}.toggle-options-interactive{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.toggle-card-interactive{align-items:center;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards;background:#fff;border:3px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;gap:1rem;opacity:0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.toggle-card-interactive:first-child{animation-delay:.5s}.toggle-card-interactive:nth-child(2){animation-delay:.6s}.toggle-card-interactive:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.toggle-card-interactive.active:before,.toggle-card-interactive:hover:before{transform:scaleX(1)}.toggle-card-interactive:hover{border-color:#10b981;box-shadow:0 8px 25px #10b98126}.toggle-card-interactive.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.toggle-icon-large{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.toggle-icon-large .material-symbols-rounded{color:#10b981;font-size:2rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.toggle-content{flex:1 1;text-align:left}.toggle-content h3{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.toggle-content p{color:#6b7280;font-size:.9rem;margin:0}.toggle-check{flex-shrink:0}.toggle-check .material-symbols-rounded{color:#10b981;font-size:2rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.boolean-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.boolean-card{align-items:center;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards;background:#fff;border:3px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;gap:1.5rem;opacity:0;overflow:hidden;padding:3rem 2rem;position:relative;transition:all .3s ease}.boolean-card:first-child{animation-delay:.5s}.boolean-card:nth-child(2){animation-delay:.6s}.boolean-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.boolean-card:hover:before{transform:scaleX(1)}.yes-card{border-color:#10b981}.yes-card:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#059669;box-shadow:0 10px 30px #10b98133;transform:translateY(-5px)}.yes-card .material-symbols-rounded{color:#10b981;font-size:6rem;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 48;line-height:1}.no-card{border-color:#ef4444}.no-card:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#dc2626;box-shadow:0 10px 30px #ef444433;transform:translateY(-5px)}.no-card .material-symbols-rounded{color:#ef4444;font-size:6rem;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 48;line-height:1}.interactive-textarea{animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .7s both;border:3px solid #e5e7eb;border-radius:16px;box-sizing:border-box;font-family:inherit;font-size:1.1rem;outline:none;padding:1.25rem;resize:vertical;transition:all .3s ease;width:100%}.interactive-textarea:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.quick-notes-interactive{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.quick-notes-interactive button{align-items:center;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:12px;color:#065f46;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;opacity:0;padding:.75rem 1rem;transition:all .3s ease}.quick-notes-interactive button:first-child{animation-delay:.5s}.quick-notes-interactive button:nth-child(2){animation-delay:.6s}.quick-notes-interactive button:nth-child(3){animation-delay:.7s}.quick-notes-interactive button:nth-child(4){animation-delay:.8s}.quick-notes-interactive button:nth-child(5){animation-delay:.9s}.quick-notes-interactive button .material-symbols-rounded{font-size:1.15rem}.quick-notes-interactive button:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 5px 15px #10b98133;transform:translateY(-2px)}.navigation-buttons{background:#fff;border-top:1px solid #f3f4f6;box-shadow:0 -2px 12px #0000000d;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.nav-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;transition:all .3s ease;white-space:nowrap}.nav-button-text{display:inline}.back-button{background:#fff;border:2px solid #e5e7eb;color:#374151}.back-button:hover{background:#f9fafb;border-color:#d1d5db;transform:translateX(-3px)}.next-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;margin-left:auto}.next-button:hover:not(:disabled){box-shadow:0 5px 20px #10b9814d;transform:translateX(3px)}.next-button:disabled{cursor:not-allowed;opacity:.5}.submit-button-interactive{background:linear-gradient(135deg,#059669,#047857);color:#fff;margin-left:auto}.submit-button-interactive:hover{box-shadow:0 10px 30px #10b98166;transform:scale(1.05)}.nav-button .material-symbols-rounded{font-size:1.4rem}.step-indicator{background:#fff;color:#6b7280;flex-shrink:0;font-size:.95rem;font-weight:600;padding:.75rem 1rem;text-align:center}.success-banner-box{animation:successBounce .8s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#065f46,#059669);border-radius:24px;box-shadow:0 25px 50px #065f4666;color:#fff;margin:auto;max-width:600px;padding:3rem 2rem;text-align:center}@keyframes successBounce{0%{opacity:0;transform:scale(.3) translateY(50px)}50%{opacity:1;transform:scale(1.05) translateY(-10px)}70%{transform:scale(.95) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.success-banner-box .material-symbols-rounded{animation:successPulse 2s infinite;font-size:4.5rem;margin-bottom:1.5rem}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-banner-box h2{-webkit-text-fill-color:#fff;background:none;color:#fff;font-size:2rem;font-weight:800;margin-bottom:1rem}.success-banner-box p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}.success-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.close-btn-success,.dismiss-btn{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#065f46;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.close-btn-success:hover,.dismiss-btn:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.close-btn-success{background:#fff3;border:2px solid #fff;color:#fff}.error-banner-floating{align-items:center;animation:slideDown .5s ease;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;border-radius:12px;box-shadow:0 10px 30px #991b1b33;color:#991b1b;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;left:50%;max-width:calc(100% - 2rem);padding:1rem 1.5rem;position:fixed;top:2rem;transform:translateX(-50%);z-index:10000}.error-banner-floating .material-symbols-rounded{flex-shrink:0;font-size:1.4rem}.clp-programs-container{text-align:left}.clp-selection-summary{align-items:center;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:100px;color:#065f46;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem;padding:.5rem 1rem}.clp-selection-summary .material-symbols-rounded{color:#10b981;font-size:1.1rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.clp-primary-label{align-items:center;background:#fef3c7;border:1.5px solid #fbbf24;border-radius:100px;color:#92400e;display:inline-flex;font-size:.82rem;font-weight:700;gap:.3rem;margin-left:.25rem;padding:.2rem .65rem}.clp-primary-label .material-symbols-rounded{color:#f59e0b;font-size:.95rem}.clp-programs-wrapper{animation:fadeInScale .5s cubic-bezier(.4,0,.2,1) .4s both;max-height:55vh;overflow-y:auto;padding-right:4px;width:100%}.clp-programs-wrapper::-webkit-scrollbar{width:6px}.clp-programs-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.clp-programs-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px}.clp-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:1rem;font-weight:500;gap:.75rem;padding:3rem 1rem}.clp-empty .material-symbols-rounded{color:#d1d5db;font-size:3rem}.clp-dept-group{margin-bottom:1.25rem}.clp-dept-group:last-child{margin-bottom:0}.clp-dept-label{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;color:#065f46;display:flex;font-size:.88rem;font-weight:700;gap:.6rem;letter-spacing:.01em;margin-bottom:.625rem;padding:.6rem .875rem}.clp-dept-label .material-symbols-rounded{color:#10b981;font-size:1.1rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.clp-dept-count{background:#fff;border:1.5px solid #10b981;border-radius:100px;color:#10b981;font-size:.78rem;font-weight:700;line-height:1.4;margin-left:auto;padding:.1rem .55rem}.clp-programs-grid{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(2,1fr)}.clp-program-card{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards;background:#fff;border:2.5px solid #e5e7eb;border-radius:14px;cursor:pointer;opacity:0;overflow:hidden;padding:.875rem .875rem .75rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.clp-program-card:first-child{animation-delay:.45s}.clp-program-card:nth-child(2){animation-delay:.5s}.clp-program-card:nth-child(3){animation-delay:.55s}.clp-program-card:nth-child(4){animation-delay:.6s}.clp-program-card:nth-child(5){animation-delay:.65s}.clp-program-card:nth-child(6){animation-delay:.7s}.clp-program-card:nth-child(7){animation-delay:.75s}.clp-program-card:nth-child(8){animation-delay:.8s}.clp-program-card:nth-child(9){animation-delay:.85s}.clp-program-card:nth-child(10){animation-delay:.9s}.clp-program-card:nth-child(11){animation-delay:.95s}.clp-program-card:nth-child(12){animation-delay:1s}.clp-program-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .25s ease}.clp-program-card.selected:before,.clp-program-card:hover:before{transform:scaleX(1)}.clp-program-card:hover{border-color:#10b981;box-shadow:0 6px 20px #10b98126;transform:translateY(-2px)}.clp-program-card.selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;box-shadow:0 4px 16px #10b98133}.clp-program-card.primary{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b33}.clp-program-card.primary:before{background:linear-gradient(90deg,#f59e0b,#d97706);transform:scaleX(1)}.clp-color-0 .clp-avatar{background:#dbeafe;color:#1d4ed8}.clp-color-1 .clp-avatar{background:#fce7f3;color:#be185d}.clp-color-2 .clp-avatar{background:#d1fae5;color:#065f46}.clp-color-3 .clp-avatar{background:#fef3c7;color:#92400e}.clp-color-4 .clp-avatar{background:#ede9fe;color:#5b21b6}.clp-color-5 .clp-avatar{background:#fee2e2;color:#991b1b}.clp-card-top{gap:.625rem}.clp-avatar,.clp-card-top{align-items:center;display:flex}.clp-avatar{border-radius:10px;flex-shrink:0;font-size:.95rem;font-weight:800;height:34px;justify-content:center;transition:transform .2s ease;width:34px}.clp-program-card.selected .clp-avatar{transform:scale(1.08)}.clp-card-body{flex:1 1;min-width:0}.clp-card-name{color:#1f2937;display:block;font-size:.88rem;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clp-card-actions{align-items:center;display:flex;flex-shrink:0;gap:.375rem}.clp-star-btn{align-items:center;background:none;border:1.5px solid #e5e7eb;border-radius:8px;color:#d1d5db;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .2s ease}.clp-star-btn:hover{background:#fffbeb;border-color:#f59e0b;color:#f59e0b}.clp-star-btn.active{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#f59e0b}.clp-star-btn .material-symbols-rounded{font-size:1rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.clp-check-ring{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:50%;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .2s ease;width:22px}.clp-check-ring.checked{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669}.clp-check-ring .material-symbols-rounded{color:#fff;font-size:.85rem;font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 24}.clp-card-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.clp-meta-pill{align-items:center;background:#f1f5f9;border-radius:100px;color:#64748b;display:inline-flex;font-size:.75rem;font-weight:600;gap:.2rem;padding:.15rem .5rem}.clp-meta-pill .material-symbols-rounded{color:#94a3b8;font-size:.8rem;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}@media (max-width:480px){.clp-programs-grid{grid-template-columns:1fr}.clp-programs-wrapper{max-height:50vh}.clp-program-card{padding:.75rem}.clp-avatar,.clp-card-name{font-size:.85rem}.clp-avatar{height:30px;width:30px}.clp-selection-summary{font-size:.82rem;padding:.4rem .875rem}}@media (min-width:481px) and (max-width:768px){.clp-programs-grid{grid-template-columns:repeat(2,1fr)}.clp-programs-wrapper{max-height:52vh}}.courses-dropdown-interactive::-webkit-scrollbar,.courses-list::-webkit-scrollbar{width:6px}.courses-dropdown-interactive::-webkit-scrollbar-track,.courses-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.courses-dropdown-interactive::-webkit-scrollbar-thumb,.courses-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px}.courses-dropdown-interactive::-webkit-scrollbar-thumb:hover,.courses-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#059669,#047857)}@media (max-width:480px){.interactive-header{padding:1rem 1rem .75rem}.close-icon-interactive{height:40px;width:40px}.close-icon-interactive .material-symbols-rounded{font-size:24px}.question-wrapper{align-items:flex-start!important;padding:1.25rem .85rem}.question-icon{font-size:5rem}.question-title{font-size:1.5rem;margin-bottom:.75rem}.question-subtitle{font-size:.95rem;margin-bottom:1.5rem}.welcome-icon{font-size:6rem}.welcome-title{font-size:1.75rem}.welcome-subtitle{font-size:1rem;margin-bottom:2rem}.start-button{font-size:1rem;padding:1rem 2rem}.interactive-input{font-size:1rem;padding:1rem 1.25rem}.options-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)}.option-card{min-height:110px;padding:1.1rem .75rem}.option-icon{font-size:3.5rem}.option-label{font-size:1rem}.option-description{font-size:.85rem}.boolean-options{gap:1rem;grid-template-columns:1fr}.boolean-card{font-size:1.25rem;padding:2rem 1.5rem}.boolean-card .material-symbols-rounded{font-size:4.5rem}.toggle-options-interactive{gap:1rem;grid-template-columns:1fr}.toggle-card-interactive{padding:1.25rem}.toggle-icon-large{height:50px;width:50px}.toggle-icon-large .material-symbols-rounded{font-size:1.75rem}.toggle-content h3{font-size:1rem}.toggle-content p{font-size:.85rem}.nav-button{font-size:.95rem;gap:.5rem;padding:.875rem 1.25rem}.nav-button-text{display:none}.nav-button .material-symbols-rounded{font-size:1.25rem}.navigation-buttons{padding:1rem 1rem 1.25rem}.step-indicator{font-size:.85rem;padding:.5rem}.success-banner-box{margin:1rem;padding:2rem 1.5rem}.success-banner-box h2{font-size:1.5rem}.success-banner-box p{font-size:.95rem;margin-bottom:1.5rem}.success-banner-box .material-symbols-rounded{font-size:3.5rem}.close-btn-success,.dismiss-btn{font-size:.9rem;padding:.875rem 1.5rem}.course-selector-button{font-size:.95rem;padding:1rem 1.25rem}.courses-dropdown-interactive{max-height:300px;padding:.75rem}.department-header{font-size:.9rem;padding:.625rem .875rem}.course-label{font-size:.875rem}.interactive-textarea{font-size:1rem;padding:1rem}.quick-notes-interactive button{font-size:.85rem;padding:.625rem .875rem}}@media (min-width:481px) and (max-width:768px){.interactive-header{padding:1.25rem 1.25rem .875rem}.close-icon-interactive{height:44px;width:44px}.close-icon-interactive .material-symbols-rounded{font-size:26px}.question-wrapper{align-items:flex-start!important;padding:1.5rem 1.25rem}.question-icon{font-size:7rem}.question-title{font-size:1.75rem}.question-subtitle{font-size:1rem}.welcome-icon{font-size:8rem}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1.1rem}.interactive-input{font-size:1.15rem;padding:1.125rem 1.375rem}.options-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.option-card{min-height:150px}.option-icon{font-size:4rem}.boolean-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.boolean-card{padding:2.5rem 1.75rem}.boolean-card .material-symbols-rounded{font-size:5.5rem}.toggle-options-interactive{grid-template-columns:1fr}.nav-button{font-size:1rem;padding:.95rem 1.5rem}.success-banner-box{padding:2.5rem 2rem}.success-banner-box h2{font-size:1.75rem}}@media (min-width:769px) and (max-width:1024px){.question-title{font-size:2.25rem}.question-subtitle{font-size:1.15rem}.question-icon{font-size:9rem}.welcome-icon{font-size:10rem}.welcome-title{font-size:2.25rem}.interactive-input{font-size:1.25rem}.options-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.nav-button{padding:1.125rem 2rem}}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.clp-row-fields{grid-gap:1rem;display:grid;grid-template-columns:1fr 1fr}.clp-row-fields,.clp-stacked-fields{gap:1rem;margin-top:.5rem;text-align:left;width:100%}.clp-field-group,.clp-stacked-fields{display:flex;flex-direction:column}.clp-field-group{gap:.45rem}.clp-field-label{align-items:center;color:#6b7280;display:flex;font-size:.8rem;font-weight:700;gap:.3rem;letter-spacing:.04em;text-transform:uppercase}.clp-label-icon{color:#10b981;font-size:1rem!important}.clp-required{color:#ef4444;font-weight:800}.clp-optional-tag{background:#f3f4f6;border-radius:4px;color:#9ca3af;font-size:.72rem;font-weight:600;letter-spacing:0;margin-left:4px;padding:.1rem .4rem;text-transform:none}.clp-row-fields .interactive-input,.clp-stacked-fields .interactive-input{border-width:2px;font-size:1.1rem;padding:.9rem 1.1rem;text-align:left}.clp-notes-group{margin-bottom:1.25rem}.clp-level-source-container{text-align:left}.clp-section-label{align-items:center;color:#6b7280;display:flex;font-size:.78rem;font-weight:700;gap:.45rem;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.clp-section-label .material-symbols-rounded{color:#10b981;font-size:1rem}.clp-section-label-mt{margin-top:1.5rem}.clp-section-sub{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:0;margin-left:2px;text-transform:none}.clp-level-pills{display:flex;flex-wrap:wrap;gap:.6rem}.clp-level-pill{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:100px;color:#374151;cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:.45rem;padding:.6rem 1.1rem;transition:all .22s ease;white-space:nowrap}.clp-level-pill .material-symbols-rounded{color:#9ca3af;font-size:1.05rem;transition:color .2s}.clp-level-pill-label{color:#1f2937;font-size:.88rem;font-weight:700}.clp-level-pill-desc{color:#9ca3af;font-size:.78rem}.clp-level-pill:hover{background:#f0fdf4;border-color:#10b981;box-shadow:0 2px 8px #10b9811f}.clp-level-pill.selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;box-shadow:0 3px 12px #10b98133;color:#065f46}.clp-level-pill.selected .material-symbols-rounded{color:#10b981;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.clp-level-pill.selected .clp-level-pill-label{color:#065f46}.clp-source-chips{display:flex;flex-wrap:wrap;gap:.45rem}.clp-source-chip{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.35rem;line-height:1.2;padding:.4rem .75rem;transition:all .18s ease}.clp-source-chip .material-symbols-rounded{color:#9ca3af;flex-shrink:0;font-size:.95rem;transition:color .18s}.clp-source-chip:hover{background:#f0fdf4;border-color:#10b981;color:#065f46}.clp-source-chip:hover .material-symbols-rounded{color:#10b981}.clp-source-chip.selected{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;box-shadow:0 1px 6px #10b9812e;color:#065f46;font-weight:700}.clp-source-chip.selected .material-symbols-rounded{color:#059669;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.question-wrapper:has(.clp-level-source-container){align-items:flex-start;padding-top:1.25rem}.clp-primary-inline-badge{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:4px;color:#92400e;display:inline-flex;font-size:.7rem;font-weight:700;gap:.2rem;margin-left:4px;padding:.1rem .4rem;vertical-align:middle}.clp-primary-inline-badge .material-symbols-rounded{color:#f59e0b!important;font-size:.75rem!important;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20!important}@media (max-width:480px){.clp-row-fields{grid-template-columns:1fr}.clp-level-pills{flex-direction:column}}:root{--stu-page-bg:#fff;--stu-page-border:#e2e8f0;--stu-page-shadow:0 1px 6px #0000000d;--stu-table-bg:#fff;--stu-table-shadow:0 2px 6px #0000000d;--stu-table-border:#e2e8f0;--stu-table-header-bg:#f9fafb;--stu-table-header-text:#334155;--stu-table-cell-text:#1e293b;--stu-table-row-hover-bg:#f0f9ff;--stu-table-row-hover-border:#059669;--stu-table-row-hover-shadow:0 6px 18px #0000000f;--stu-scrollbar-thumb:#cbd5e1;--stu-scrollbar-track:#0000;--stu-avatar-bg:linear-gradient(135deg,#10b981,#34d399);--stu-avatar-text:#fff;--stu-avatar-shadow:0 2px 8px #10b98140;--stu-id-enrolled-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--stu-id-enrolled-text:#065f46;--stu-id-not-enrolled-bg:linear-gradient(135deg,#fef3c7,#fefce8);--stu-id-not-enrolled-text:#92400e;--stu-id-hover-shadow:0 8px 24px #10b98126;--stu-inspect-icon-bg:#fff9;--stu-inspect-icon-text:#059669;--stu-inspect-icon-border:#0596691a;--stu-inspect-icon-shadow:0 4px 12px #0596691a,0 2px 4px #05966914;--stu-inspect-icon-hover-shadow:0 6px 14px #05966926,0 4px 8px #0596691f;--stu-inspect-icon-focus-shadow:0 0 0 3px #10b98166;--stu-action-menu-bg:#fff;--stu-action-menu-shadow:0 8px 20px #00000014,0 4px 8px #0000000a;--stu-action-item-text:#1e293b;--stu-action-item-hover-bg:linear-gradient(90deg,#f0fdf4,#dcfce7);--stu-action-item-hover-text:#0f172a;--stu-action-icon-color:#059669;--stu-popup-overlay-bg:#0006;--stu-popup-bg:#fff;--stu-popup-shadow:0 6px 20px #0000001a;--stu-popup-text:#333;--stu-popup-input-border:#ccc;--stu-popup-button-cancel-bg:#f3f4f6;--stu-popup-button-cancel-text:#374151;--stu-popup-button-submit-bg:linear-gradient(135deg,#059669,#10b981);--stu-popup-button-submit-text:#fff;--stu-popup-button-submit-shadow:0 2px 6px #0596694d;--stu-icon-color:#059669;--stu-container-bg:#fff;--stu-container-border:#e2e8f0;--stu-container-shadow:0 1px 6px #0000000d;--stu-filter-text:#333;--stu-insights-popup-bg:#fff;--stu-insights-popup-shadow:0 12px 40px #0000001a;--stu-insights-popup-border:#0000000d;--stu-insights-header-text:#111827;--stu-insights-title-text:#1f2937;--stu-glass-green-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--stu-glass-green-text:#065f46;--stu-glass-violet-bg:linear-gradient(135deg,#ede9fe,#f5f3ff);--stu-glass-violet-text:#6b21a8;--stu-glass-amber-bg:linear-gradient(135deg,#fef9c3,#fefce8);--stu-glass-amber-text:#92400e;--stu-glass-red-bg:linear-gradient(135deg,#ffe4e6,#fef2f2);--stu-glass-red-text:#b91c1c;--stu-glass-blue-bg:linear-gradient(135deg,#dbeafe,#eff6ff);--stu-glass-blue-text:#1d4ed8;--stu-top-students-bg:linear-gradient(135deg,#f0f9ff,#fef3c7);--stu-top-students-title-text:#111827;--stu-top-student-card-bg:#fff;--stu-top-student-card-border:#e5e7eb;--stu-top-student-card-shadow:0 4px 14px #0000000f;--stu-top-student-card-hover-shadow:0 6px 20px #00000014;--stu-student-name-text:#111827;--stu-student-id-text:#6b7280;--stu-student-gpa-bg:linear-gradient(135deg,#fef3c7,#fefce8);--stu-student-gpa-text:#92400e;--stu-student-footer-text:#6b7280;--stu-student-list-popup-bg:linear-gradient(135deg,#ffe4e6,#fef2f2);--stu-student-list-popup-text:#b91c1c;--stu-student-list-popup-border:#d1d5db;--stu-student-list-close-text:#6b7280;--stu-student-list-close-hover-text:#374151;--stu-student-list-row-border:#e5e7eb;--stu-student-list-row-shadow:0 4px 14px #0000000f;--stu-student-list-row-hover-shadow:0 6px 20px #00000014;--stu-student-list-name-text:#1f2937;--stu-student-list-id-text:#4b5563;--stu-status-text:#111827;--stu-status-sub-text:#6b7280;--stu-status-active:#10b981;--stu-status-pending:#f59e0b;--stu-status-enrolled:#3b82f6;--stu-status-graduated:#8b5cf6;--stu-status-withdrawn:#9ca3af;--stu-status-suspended:#ef4444;--stu-status-transferred:#06b6d4;--stu-pagination-bg:#f9fafb;--stu-pagination-border:#e5e7eb;--stu-pagination-info-text:#555;--stu-pagination-btn-bg:#fff;--stu-pagination-btn-border:#cbd5e1;--stu-pagination-btn-active-bg:linear-gradient(135deg,#059669,#10b981);--stu-pagination-btn-active-text:#fff;--stu-pagination-btn-active-border:#059669;--stu-sort-arrow-default:#9ca3af;--stu-sort-arrow-active:#059669;--stu-error-banner-bg:linear-gradient(135deg,#fef2f2,#fee2e2);--stu-error-banner-text:#991b1b;--stu-error-banner-border:#dc2626;--stu-success-banner-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--stu-success-banner-text:#166534;--stu-success-banner-border:#16a34a;--stu-row-highlight-bg:#f0f9ff;--stu-row-highlight-border:#059669;--stu-close-icon-text:#6b7280;--stu-close-icon-hover-text:#374151;--stu-academic-group-text:#6b7280}[data-theme=dark]{--stu-page-bg:#1a1a1af2;--stu-page-border:#0f83;--stu-page-shadow:0 1px 6px #00ff881a;--stu-table-bg:#333333e6;--stu-table-shadow:0 2px 6px #00ff881a;--stu-table-border:#0f83;--stu-table-header-bg:#1a1a1acc;--stu-table-header-text:#fff;--stu-table-cell-text:#fff;--stu-table-row-hover-bg:#00ff881a;--stu-table-row-hover-border:linear-gradient(135deg,#065f46,#047857);--stu-table-row-hover-shadow:0 6px 18px #0f83;--stu-scrollbar-thumb:#00ff884d;--stu-scrollbar-track:#0000;--stu-avatar-bg:linear-gradient(135deg,#065f46,#047857);--stu-avatar-text:#000;--stu-avatar-shadow:0 2px 8px #00ff884d;--stu-id-enrolled-bg:#0f83;--stu-id-enrolled-text:linear-gradient(135deg,#065f46,#047857);--stu-id-not-enrolled-bg:#ffc10733;--stu-id-not-enrolled-text:#ffc107;--stu-id-hover-shadow:0 8px 24px #00ff884d;--stu-inspect-icon-bg:#1a1a1acc;--stu-inspect-icon-text:linear-gradient(135deg,#065f46,#047857);--stu-inspect-icon-border:#0f83;--stu-inspect-icon-shadow:0 4px 12px #0f83;--stu-inspect-icon-hover-shadow:0 6px 14px #00ff8840;--stu-inspect-icon-focus-shadow:0 0 0 3px #0f86;--stu-action-menu-bg:#1a1a1af2;--stu-action-menu-shadow:0 8px 20px #0009,0 4px 8px #0006;--stu-action-item-text:#fff;--stu-action-item-hover-bg:#00ff881a;--stu-action-item-hover-text:linear-gradient(135deg,#065f46,#047857);--stu-action-icon-color:#065f46;--stu-popup-overlay-bg:#000c;--stu-popup-bg:#1a1a1af2;--stu-popup-shadow:0 6px 20px #0009;--stu-popup-text:#fff;--stu-popup-input-border:#00ff884d;--stu-popup-button-cancel-bg:#333c;--stu-popup-button-cancel-text:#ccc;--stu-popup-button-submit-bg:linear-gradient(135deg,#065f46,#047857);--stu-popup-button-submit-text:#000;--stu-popup-button-submit-shadow:0 2px 6px #00ff884d;--stu-icon-color:#065f46;--stu-container-bg:#1a1a1af2;--stu-container-border:#0f83;--stu-container-shadow:0 1px 6px #00ff881a;--stu-filter-text:#fff;--stu-insights-popup-bg:#1a1a1af2;--stu-insights-popup-shadow:0 12px 40px #000c;--stu-insights-popup-border:#0f83;--stu-insights-header-text:#fff;--stu-insights-title-text:linear-gradient(135deg,#065f46,#047857);--stu-glass-green-bg:#00ff8826;--stu-glass-green-text:linear-gradient(135deg,#065f46,#047857);--stu-glass-violet-bg:#9c27b033;--stu-glass-violet-text:#e1bee7;--stu-glass-amber-bg:#ffc10733;--stu-glass-amber-text:#fff59d;--stu-glass-red-bg:#f4433633;--stu-glass-red-text:#ffcdd2;--stu-glass-blue-bg:#2196f333;--stu-glass-blue-text:#bbdefb;--stu-top-students-bg:#00ff881a;--stu-top-students-title-text:#fff;--stu-top-student-card-bg:#333c;--stu-top-student-card-border:#0f83;--stu-top-student-card-shadow:0 4px 14px #0000004d;--stu-top-student-card-hover-shadow:0 6px 20px #0006;--stu-student-name-text:#fff;--stu-student-id-text:#ccc;--stu-student-gpa-bg:#ffc10733;--stu-student-gpa-text:#fff59d;--stu-student-footer-text:#ccc;--stu-student-list-popup-bg:#f4433626;--stu-student-list-popup-text:#ffcdd2;--stu-student-list-popup-border:#f443364d;--stu-student-list-close-text:#ccc;--stu-student-list-close-hover-text:#fff;--stu-student-list-row-border:#0f83;--stu-student-list-row-shadow:0 4px 14px #0000004d;--stu-student-list-row-hover-shadow:0 6px 20px #0006;--stu-student-list-name-text:#fff;--stu-student-list-id-text:#ccc;--stu-status-text:#fff;--stu-status-sub-text:#ccc;--stu-status-active:linear-gradient(135deg,#065f46,#047857);--stu-status-pending:#ffc107;--stu-status-enrolled:#2196f3;--stu-status-graduated:#9c27b0;--stu-status-withdrawn:#607d8b;--stu-status-suspended:#f44336;--stu-status-transferred:#00bcd4;--stu-pagination-bg:#1a1a1acc;--stu-pagination-border:#0f83;--stu-pagination-info-text:#ccc;--stu-pagination-btn-bg:#333c;--stu-pagination-btn-border:#00ff884d;--stu-pagination-btn-active-bg:linear-gradient(135deg,#065f46,#047857);--stu-pagination-btn-active-text:#000;--stu-pagination-btn-active-border:linear-gradient(135deg,#065f46,#047857);--stu-sort-arrow-default:#ccc;--stu-sort-arrow-active:linear-gradient(135deg,#065f46,#047857);--stu-error-banner-bg:#f4433626;--stu-error-banner-text:#ffcdd2;--stu-error-banner-border:#f44336;--stu-success-banner-bg:#00ff8826;--stu-success-banner-text:linear-gradient(135deg,#065f46,#047857);--stu-success-banner-border:linear-gradient(135deg,#065f46,#047857);--stu-row-highlight-bg:#00ff881a;--stu-row-highlight-border:linear-gradient(135deg,#065f46,#047857);--stu-close-icon-text:#ccc;--stu-close-icon-hover-text:#fff;--stu-academic-group-text:#ccc}.stu-page{background:#fff;background:var(--stu-page-bg);border:1px solid #e2e8f0;border:1px solid var(--stu-page-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--stu-page-shadow);display:flex;flex-direction:column;overflow-x:hidden;padding-bottom:1rem;transition:all .3s ease}.stu-table-wrapper::-webkit-scrollbar{height:8px}.stu-table-wrapper::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-color:var(--stu-scrollbar-thumb);border-radius:4px}.stu-table table{background:#fff;background:var(--stu-table-bg);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--stu-table-shadow);transition:all .3s ease;width:100%}.stu-table th{background:#f9fafb;background:var(--stu-table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--stu-table-border);color:#334155;color:var(--stu-table-header-text);cursor:default;font-size:.9rem;font-weight:600;letter-spacing:.02em;padding:.85rem 1.2rem;text-align:left;transition:all .3s ease;-webkit-user-select:none;user-select:none}.stu-table th.stu-th-sortable{cursor:pointer}.stu-table th.stu-th-sortable:hover{background:#0000000a;background:var(--stu-table-header-hover,#0000000a)}.stu-table td{border:none;color:#1e293b;color:var(--stu-table-cell-text);font-size:.9rem;padding:.85rem 1.2rem;transition:all .3s ease}.stu-table tbody tr{border-left:4px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000008;display:table-row;overflow:hidden;position:relative;transition:all .3s ease;z-index:1}.stu-table tbody tr:hover{background:#f0f9ff;background:var(--stu-table-row-hover-bg);border-left-color:#059669;border-left-color:var(--stu-table-row-hover-border);box-shadow:0 6px 18px #0000000f;box-shadow:var(--stu-table-row-hover-shadow);transform:translateY(-1px)}.stu-user-name-with-avatar{align-items:center;color:#1e293b;color:var(--stu-table-cell-text);display:flex;font-weight:500;gap:.75rem;transition:color .3s ease}.stu-avatar-circle{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);background:var(--stu-avatar-bg);border-radius:50%;box-shadow:0 2px 8px #10b98140;box-shadow:var(--stu-avatar-shadow);color:#fff;color:var(--stu-avatar-text);display:flex;font-size:.8rem;font-weight:600;justify-content:center;min-height:32px;min-width:32px;transition:all .3s ease}.stu-table tr:hover .stu-action-buttons{opacity:1}.stu-studentid-enrolled{background:linear-gradient(135deg,#dcfce7,#f0fdf4)!important;background:var(--stu-id-enrolled-bg)!important;color:#065f46;color:var(--stu-id-enrolled-text)}.stu-studentid-not-enrolled{background:linear-gradient(135deg,#fef3c7,#fefce8)!important;background:var(--stu-id-not-enrolled-bg)!important;color:#92400e;color:var(--stu-id-not-enrolled-text)}.stu-table-container::-webkit-scrollbar{height:8px;width:8px}.stu-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--stu-scrollbar-thumb);border-radius:6px}.stu-table-container::-webkit-scrollbar-track{background:#0000;background:var(--stu-scrollbar-track)}.stu-studentid-cell{border-radius:10px;color:#1e293b;color:var(--stu-table-cell-text);font-size:.95rem;font-weight:600;overflow:hidden;padding:.5rem 2.5rem .5rem .75rem;position:relative;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:140px}.stu-studentid-cell:hover{box-shadow:0 8px 24px #10b98126;box-shadow:var(--stu-id-hover-shadow);transform:translateY(-2px)}.stu-studentid-cell .stu-inspect-icon{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;background:var(--stu-inspect-icon-bg);border:1px solid #0596691a;border:1px solid var(--stu-inspect-icon-border);border-radius:8px;box-shadow:0 4px 12px #0596691a,0 2px 4px #05966914;box-shadow:var(--stu-inspect-icon-shadow);color:#059669;color:var(--stu-inspect-icon-text);cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;opacity:.85;position:absolute;right:2px;top:8px;transition:all .2s ease;width:24px}.stu-studentid-cell:hover .stu-inspect-icon{box-shadow:0 6px 14px #05966926,0 4px 8px #0596691f;box-shadow:var(--stu-inspect-icon-hover-shadow);opacity:1;right:12px;transform:scale(1.05)}.stu-studentid-cell .stu-inspect-icon:focus{box-shadow:0 0 0 3px #10b98166;box-shadow:var(--stu-inspect-icon-focus-shadow);outline:none}.stu-filter-left{align-items:center;color:#333;color:var(--stu-filter-text);display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:600;gap:12px;margin:.5rem;transition:color .3s ease}.stu-actions-wrapper{display:inline-block;position:relative}.stu-actions-button{background:none;border:none;color:#1e293b;color:var(--stu-table-cell-text);cursor:pointer;font-size:20px;transition:color .3s ease}.stu-action-menu{animation:fadeScale .2s ease-out forwards;background:#fff;background:var(--stu-action-menu-bg);border-radius:12px;box-shadow:0 8px 20px #00000014,0 4px 8px #0000000a;box-shadow:var(--stu-action-menu-shadow);font-size:.9rem;max-width:200px;min-width:180px;overflow:hidden;padding:4px 0;position:fixed;transform-origin:top right;transition:all .3s ease;z-index:5000}.stu-action-menu div{align-items:center;border-radius:8px;color:#1e293b;color:var(--stu-action-item-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin:2px 6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.stu-action-menu .material-symbols-rounded{color:#059669;color:var(--stu-action-icon-color);font-size:18px;transition:color .3s ease}.stu-action-menu div:hover{background:linear-gradient(90deg,#f0fdf4,#dcfce7);background:var(--stu-action-item-hover-bg);color:#0f172a;color:var(--stu-action-item-hover-text);padding-left:20px;transform:scale(.98)}.stu-popup-overlay{align-items:center;animation:stuOverlayFadeIn .3s ease-out;background:#0006;background:var(--stu-popup-overlay-bg);display:flex;inset:0;justify-content:center;position:fixed;transition:all .3s ease;z-index:9999}.stu-popup-box{background:#fff;background:var(--stu-popup-bg);border-radius:12px;box-shadow:0 6px 20px #0000001a;box-shadow:var(--stu-popup-shadow);padding:1.5rem;transition:all .3s ease;width:400px}.stu-popup-box h3{color:#333;color:var(--stu-popup-text);margin-bottom:1rem;transition:color .3s ease}.stu-popup-box textarea{background:#fff;background:var(--stu-popup-bg);border:1px solid #ccc;border:1px solid var(--stu-popup-input-border);border-radius:6px;color:#333;color:var(--stu-popup-text);margin-top:1rem;min-height:80px;padding:.5rem;resize:none;transition:all .3s ease;width:100%}.stu-popup-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.stu-popup-actions button{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease}.stu-popup-actions button:first-child{background:#f3f4f6;background:var(--stu-popup-button-cancel-bg);color:#374151;color:var(--stu-popup-button-cancel-text)}.stu-popup-actions button:last-child{background:linear-gradient(135deg,#059669,#10b981);background:var(--stu-popup-button-submit-bg);box-shadow:0 2px 6px #0596694d;box-shadow:var(--stu-popup-button-submit-shadow);color:#fff;color:var(--stu-popup-button-submit-text)}.stu-popup-actions button:hover{box-shadow:0 3px 10px #0000001a;opacity:.95}.stu-icon{color:#059669;color:var(--stu-icon-color);font-size:1.3rem;transition:color .3s ease}.stu-table-container{background:#fff;background:var(--stu-container-bg);border:1px solid #e2e8f0;border:1px solid var(--stu-container-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--stu-container-shadow);margin:1rem;max-height:calc(100vh - 310px);overflow-y:auto;transition:all .3s ease}.stu-table-container.stu-card-view-mode{max-height:none;overflow-y:visible}.stu-cards-grid{grid-gap:1.5rem;animation:stuFadeInCards .3s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:1rem}@keyframes stuFadeInCards{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stu-cards-empty{align-items:center;color:#334155;color:var(--stu-table-header-text);display:flex;flex-direction:column;gap:.5rem;grid-column:1/-1;opacity:.6;padding:3rem}.stu-cards-empty .material-symbols-rounded{font-size:3rem}.stu-cards-empty p{font-size:.95rem;margin:0}.stu-card{background:#fff;background:var(--stu-table-bg);border:1px solid #e2e8f0;border:1px solid var(--stu-table-border);border-radius:16px;box-shadow:0 4px 12px #0000000a;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.stu-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.stu-card:hover:before{transform:scaleX(1)}.stu-card.stu-card-status-active:before{background:linear-gradient(90deg,#10b981,#059669)}.stu-card.stu-card-status-enrolled:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stu-card.stu-card-status-graduated:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stu-card.stu-card-status-withdrawn:before{background:linear-gradient(90deg,#94a3b8,#64748b)}.stu-card.stu-card-status-suspended:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.stu-card.stu-card-status-transferred:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.stu-card.stu-card-status-pending:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stu-card:hover{border-color:#10b981;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.stu-card.stu-card-highlight{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.stu-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--stu-table-border);display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.stu-card-avatar{align-items:center;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.15rem;font-weight:700;height:52px;justify-content:center;transition:transform .3s ease;width:52px}.stu-card:hover .stu-card-avatar{transform:scale(1.1)}.stu-card-title-block{flex:1 1;min-width:0}.stu-card-title-block h3{color:#1e293b;color:var(--stu-table-cell-text);font-size:1rem;font-weight:700;margin:0 0 .3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stu-card-id{border-radius:6px;display:inline-block;font-size:.72rem;font-weight:600;padding:.2rem .6rem}.stu-card-id-enrolled{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--stu-id-enrolled-bg);border:1px solid #10b98133;color:#065f46;color:var(--stu-id-enrolled-text)}.stu-card-id-not-enrolled{background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--stu-id-not-enrolled-bg);border:1px solid #f59e0b33;color:#92400e;color:var(--stu-id-not-enrolled-text)}.stu-card-action-btn{align-items:center;background:#fff9;background:var(--stu-inspect-icon-bg);border:1px solid #0596691a;border:1px solid var(--stu-inspect-icon-border);border-radius:8px;color:#059669;color:var(--stu-inspect-icon-text);cursor:pointer;display:flex;flex-shrink:0;font-size:1.15rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.stu-card-action-btn:hover{box-shadow:0 6px 14px #05966926,0 4px 8px #0596691f;box-shadow:var(--stu-inspect-icon-hover-shadow);transform:scale(1.1)}.stu-card-body{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.stu-card-status-row{align-items:center;display:flex;gap:.5rem;grid-column:1/-1;margin-bottom:.25rem}.stu-card-status-text{color:#111827;color:var(--stu-status-text);font-size:.85rem;font-weight:600}.stu-card-status-sub{color:#6b7280;color:var(--stu-status-sub-text);font-size:.72rem}.stu-card-field{align-items:flex-start;display:flex;gap:.6rem}.stu-card-field-full{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;grid-column:1/-1}.stu-card-field-icon{color:#059669;flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.stu-card-field-content{flex:1 1;min-width:0}.stu-card-field-content label{color:#334155;color:var(--stu-table-header-text);display:block;font-size:.68rem;font-weight:600;letter-spacing:.5px;margin-bottom:.2rem;opacity:.7}.stu-card-field-content span{color:#1e293b;color:var(--stu-table-cell-text);display:block;font-size:.88rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stu-card-field-full .stu-card-field-content span{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.stu-card-enroll-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.25rem .6rem}.stu-card-enroll-badge .material-symbols-rounded{font-size:1rem}.stu-card-enroll-badge.enrolled{background:#10b9811a;border:1px solid #10b98133;color:#065f46}.stu-card-enroll-badge.not-enrolled{background:#f59e0b1a;border:1px solid #f59e0b33;color:#92400e}[data-theme=dark] .stu-card-enroll-badge.enrolled{background:#10b98126;border-color:#10b9814d;color:#6ee7b7}[data-theme=dark] .stu-card-enroll-badge.not-enrolled{background:#f59e0b26;border-color:#f59e0b4d;color:#fcd34d}.stu-view-mode-toggle{background:var(--stu-table-bg);border:1px solid #e2e8f0;border:1px solid var(--stu-table-border)}.stu-view-mode-btn{color:#334155;color:var(--stu-table-header-text)}.stu-view-mode-btn:hover{background:#f0f9ff;background:var(--stu-table-row-hover-bg)}[data-theme=dark] .stu-view-mode-btn.active{background:#10b98126;color:#34d399}[data-theme=dark] .stu-card{background:#fff;background:var(--stu-table-bg);border-color:#e2e8f0;border-color:var(--stu-table-border)}[data-theme=dark] .stu-card-header{border-bottom-color:#e2e8f0;border-bottom-color:var(--stu-table-border)}[data-theme=dark] .stu-card-action-btn{background:#fff9;background:var(--stu-inspect-icon-bg);border-color:#0596691a;border-color:var(--stu-inspect-icon-border);color:#059669;color:var(--stu-inspect-icon-text)}[data-theme=dark] .stu-card:hover{border-color:#0f86;box-shadow:0 8px 24px #00ff881a}@media (max-width:1024px){.stu-cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:.75rem}.stu-card{padding:1.25rem}.stu-card-header{gap:.75rem}.stu-card-avatar{font-size:1rem;height:48px;width:48px}}@media (max-width:768px){.stu-page{padding:.25rem!important}.stu-table-container.stu-card-view-mode{margin:.25rem!important}.stu-cards-grid{gap:.5rem!important;grid-template-columns:1fr!important;padding:.25rem!important}.stu-card{border-radius:10px!important;padding:.5rem!important}.stu-card,.stu-card:hover{transform:none!important}.stu-card-header{gap:.5rem!important;margin-bottom:.5rem!important;padding-bottom:.5rem!important}.stu-card-avatar{font-size:.9rem!important;height:40px!important;width:40px!important}.stu-card:hover .stu-card-avatar{transform:none!important}.stu-card-title-block h3{font-size:.9rem!important;margin-bottom:.15rem!important}.stu-card-id{font-size:.62rem!important;padding:.15rem .4rem!important}.stu-card-action-btn{font-size:1.05rem!important;height:32px!important;width:32px!important}.stu-card-action-btn:hover{transform:none!important}.stu-card-body{grid-gap:.4rem!important;display:grid!important;gap:.4rem!important;grid-template-columns:1fr 1fr!important}.stu-card-status-row{grid-column:1/-1!important;margin-bottom:.2rem!important}.stu-card-field{background:#00000005!important;border-radius:6px!important;gap:.35rem!important;padding:.35rem!important}[data-theme=dark] .stu-card-field{background:#ffffff08!important}.stu-card-field-icon{font-size:.9rem!important;margin-top:0!important}.stu-card-field-content label{font-size:.58rem!important;margin-bottom:.1rem!important}.stu-card-field-content span{font-size:.73rem!important;line-height:1.2!important}.stu-pagination-wrapper{align-items:center!important;background:#fff!important;background:var(--stu-table-bg)!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--stu-table-border)!important;bottom:0!important;box-shadow:0 -2px 8px #00000014!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;justify-content:space-between!important;padding:.4rem .5rem!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.stu-pagination-info{font-size:.7rem!important;white-space:nowrap!important}.stu-pagination{display:flex!important;flex-direction:row!important;gap:.2rem!important}.stu-page-btn{border-radius:6px!important;font-size:.75rem!important;min-height:30px!important;min-width:30px!important;padding:.3rem .45rem!important}}@media (max-width:480px){.stu-card{padding:.4rem!important}.stu-card-avatar{font-size:.82rem!important;height:36px!important;width:36px!important}.stu-card-title-block h3{font-size:.85rem!important}.stu-card-field{padding:.3rem!important}.stu-card-field-content label{font-size:.54rem!important}.stu-card-field-content span{font-size:.7rem!important}.stu-pagination-wrapper{padding:.35rem .4rem!important}.stu-pagination-info{font-size:.65rem!important}.stu-page-btn{font-size:.7rem!important;min-height:28px!important;min-width:28px!important;padding:.25rem .375rem!important}}@media (prefers-reduced-motion:reduce){.stu-card,.stu-card-action-btn,.stu-card-avatar{animation:none;transition:none}.stu-card:hover,.stu-card:hover .stu-card-avatar{transform:none}.stu-cards-grid{animation:none}}.stu-header-section{background:#f9fafb;background:var(--stu-table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--stu-table-border);padding:1rem}.stu-table-scroll-wrapper{overflow-x:auto;overflow-y:visible;position:relative;width:100%}.stu-table{background:#fff;background:var(--stu-table-bg);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--stu-table-shadow);min-width:100%;transition:all .3s ease;width:-webkit-max-content;width:max-content}.stu-table td,.stu-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--stu-table-border);padding:.75rem 1rem;text-align:left;white-space:nowrap}.stu-insights-popup-card{animation:stuFadeInScale .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--stu-insights-popup-bg);border:1px solid #0000000d;border:1px solid var(--stu-insights-popup-border);border-radius:12px;box-shadow:0 12px 40px #0000001a;box-shadow:var(--stu-insights-popup-shadow);box-sizing:border-box;max-height:80vh;max-width:480px;overflow-y:auto;padding:1.5rem;transition:all .3s ease;width:90%}.stu-insights-popup-header{align-items:center;color:#111827;color:var(--stu-insights-header-text);display:flex;font-size:1.05rem;font-weight:600;justify-content:space-between;margin-bottom:1rem;transition:color .3s ease}.stu-popup-title{color:#1f2937;color:var(--stu-insights-title-text);flex-grow:1;font-size:1.3rem;font-weight:700;text-align:center;transition:color .3s ease}.stu-insights-dashboard-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.stu-insight-dash-card{align-items:center;border-radius:12px;box-shadow:0 4px 10px #0000000f;color:#fff;display:flex;gap:.75rem;padding:.5rem;transition:all .25s ease}.stu-insight-dash-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.stu-glass-icon{align-items:center;border-radius:12px;display:flex;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:48px}.stu-card-title{font-size:.8rem;opacity:.9}.stu-card-value{font-size:1.3rem;font-weight:700}.stu-card-details{display:flex;flex-direction:column}.stu-glass-green{background:var(--stu-glass-green-bg);color:var(--stu-glass-green-text)}.stu-glass-violet{background:var(--stu-glass-violet-bg);color:var(--stu-glass-violet-text)}.stu-glass-amber{background:var(--stu-glass-amber-bg);color:var(--stu-glass-amber-text)}.stu-glass-red{background:linear-gradient(135deg,#ffe4e6,#fef2f2);background:var(--stu-glass-red-bg);color:#b91c1c;color:var(--stu-glass-red-text);grid-column:span 1}.stu-glass-blue{background:var(--stu-glass-blue-bg);color:var(--stu-glass-blue-text)}.stu-top-students-section{animation:fadeInPop .3s ease-in-out;background:linear-gradient(135deg,#f0f9ff,#fef3c7);background:var(--stu-top-students-bg);border-radius:24px;box-shadow:0 6px 18px #0000000d;grid-column:span 2;padding:1rem 1.25rem;transition:all .3s ease}.stu-top-students-title{align-items:center;color:#111827;color:var(--stu-top-students-title-text);display:flex;font-size:1.05rem;font-weight:700;gap:6px;margin-bottom:.75rem;transition:color .3s ease}.stu-top-students-title:before{animation:popPulse 1.2s ease-in-out infinite;content:"⭐";font-size:1rem}.stu-top-students-grid{display:flex;flex-direction:column;gap:.75rem}.stu-top-student-card{align-items:center;background:#fff;background:var(--stu-top-student-card-bg);border:1px solid #e5e7eb;border:1px solid var(--stu-top-student-card-border);border-radius:12px;box-shadow:0 4px 14px #0000000f;box-shadow:var(--stu-top-student-card-shadow);cursor:pointer;display:flex;padding:.75rem 1rem;transition:all .2s ease}.stu-top-student-card:hover{box-shadow:0 6px 20px #00000014;box-shadow:var(--stu-top-student-card-hover-shadow);transform:translateY(-2px) scale(1.02)}.stu-student-card-header{align-items:center;display:flex;flex:1 1;gap:.75rem;padding-right:1rem}.stu-insights-avatar-circle{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);background:var(--stu-avatar-bg);border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #0596691f;color:#fff;color:var(--stu-avatar-text);display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:40px;min-width:40px;transition:all .2s ease}.stu-student-card-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.stu-student-name{color:#111827;color:var(--stu-student-name-text);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.stu-student-id{color:#6b7280;color:var(--stu-student-id-text);font-size:.72rem;transition:color .3s ease}.stu-student-gpa-pill{background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--stu-student-gpa-bg);border-radius:999px;color:#92400e;color:var(--stu-student-gpa-text);font-size:.75rem;font-weight:600;margin-left:auto;padding:3px 10px;transition:all .3s ease}.stu-student-card-footer{align-items:center;color:#6b7280;color:var(--stu-student-footer-text);display:flex;font-size:.75rem;gap:6px;margin-top:.35rem;transition:color .3s ease}.stu-small-icon{font-size:1rem;margin-right:.25rem}.stu-toolbar-wrapper{max-width:100%;overflow:visible;position:relative}.stu-student-list-popup-contextual{z-index:9999}.stu-student-list-popup-card{background:linear-gradient(135deg,#ffe4e6,#fef2f2);background:var(--stu-student-list-popup-bg);border:1px solid #d1d5db;border:1px solid var(--stu-student-list-popup-border);border-radius:12px;box-shadow:0 4px 10px #0000000a;color:#b91c1c;color:var(--stu-student-list-popup-text);font-family:Poppins,sans-serif;padding:12px 16px;transition:all .3s ease}.stu-student-list-popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.stu-student-list-popup-title{font-size:15px;font-weight:600}.stu-student-list-popup-close{color:#6b7280;color:var(--stu-student-list-close-text);cursor:pointer;font-size:20px;transition:color .3s ease}.stu-student-list-popup-close:hover{color:#374151;color:var(--stu-student-list-close-hover-text)}.stu-student-list-popup-body.stu-grid-mode{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);max-height:300px;overflow-y:auto;padding-right:8px}.stu-student-list-popup-row{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--stu-student-list-row-border);border-radius:12px;box-shadow:0 4px 14px #0000000f;box-shadow:var(--stu-student-list-row-shadow);cursor:pointer;display:flex;padding:.75rem 1rem;transition:all .2s ease-in-out}.stu-student-list-popup-row:hover{box-shadow:0 6px 20px #00000014;box-shadow:var(--stu-student-list-row-hover-shadow);transform:translateY(-2px)}.stu-student-list-info{display:flex;flex-direction:column;margin-left:10px}.stu-student-list-name{color:#1f2937;color:var(--stu-student-list-name-text);font-size:.95rem;font-weight:500;transition:color .3s ease}.stu-student-list-id{color:#4b5563;color:var(--stu-student-list-id-text);font-size:.75rem;font-weight:600;transition:color .3s ease}.stu-student-list-date{border-radius:8px;font-size:.75rem;font-weight:600;padding:.3rem}.stu-student-count-button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000;border:1px solid #fff3;border-radius:12px;box-shadow:0 1px 4px #0000001a;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin-top:6px;padding:6px 12px;transition:all .2s ease-in-out}.stu-student-count-button:hover{background:#fff3;transform:scale(1.03)}.stu-display-id-sticky,.stu-table td.stu-display-id-sticky,.stu-table th.stu-display-id-sticky{box-shadow:2px 0 6px -1px #0000000d;left:0;position:-webkit-sticky;position:sticky;z-index:3}.stu-table td.stu-actions-sticky,.stu-table th.stu-actions-sticky{box-shadow:-2px 0 6px -1px #0000000d;right:0;z-index:2}.stu-table td.stu-actions-sticky,.stu-table th.stu-actions-sticky,.stu-table thead{background:#fff;background:var(--stu-table-bg);position:-webkit-sticky;position:sticky}.stu-table thead{box-shadow:0 2px 4px #0000000d;top:0;z-index:10}.stu-status-cell{font-family:Poppins,sans-serif;padding:8px 12px;vertical-align:top}.stu-status-wrapper{display:flex;flex-direction:column;font-size:12px;font-weight:500;line-height:1.4}.stu-status-line{align-items:center;display:flex;gap:6px}.stu-status-pill{border-radius:999px;color:#fff;display:inline-block;font-size:12px;font-weight:500;line-height:1;padding:4px 12px;text-transform:capitalize}.stu-status-text{color:#111827;color:var(--stu-status-text);font-size:13px;font-weight:600;line-height:1.4;text-transform:capitalize;transition:color .3s ease}.stu-status-sub{color:#6b7280;color:var(--stu-status-sub-text);font-size:11px;margin-left:16px;transition:color .3s ease}.stu-status-active{background-color:#10b981;background-color:var(--stu-status-active)}.stu-status-pending{background-color:#f59e0b;background-color:var(--stu-status-pending)}.stu-status-enrolled{background-color:#3b82f6;background-color:var(--stu-status-enrolled)}.stu-status-graduated{background-color:#8b5cf6;background-color:var(--stu-status-graduated)}.stu-status-withdrawn{background-color:#9ca3af;background-color:var(--stu-status-withdrawn)}.stu-status-suspended{background-color:#ef4444;background-color:var(--stu-status-suspended)}.stu-status-transferred{background-color:#06b6d4;background-color:var(--stu-status-transferred)}.stu-pagination-wrapper{align-items:center;background:#f9fafb;background:var(--stu-pagination-bg);border-top:1px solid #e5e7eb;border-top:1px solid var(--stu-pagination-border);display:flex;justify-content:space-between;padding:1rem 2rem;transition:all .3s ease}.stu-pagination-info{color:#555;color:var(--stu-pagination-info-text);font-size:15px;transition:color .3s ease}.stu-pagination{display:flex;gap:.5rem}.stu-page-btn{background:#fff;background:var(--stu-pagination-btn-bg);border:1px solid #cbd5e1;border:1px solid var(--stu-pagination-btn-border);border-radius:12px;color:#555;color:var(--stu-pagination-info-text);cursor:pointer;font-weight:500;padding:.45rem .85rem;transition:all .3s ease}.stu-page-btn.active{background:linear-gradient(135deg,#059669,#10b981);background:var(--stu-pagination-btn-active-bg);border-color:#059669;border-color:var(--stu-pagination-btn-active-border);color:#fff;color:var(--stu-pagination-btn-active-text)}.stu-page-btn:disabled{cursor:not-allowed;opacity:.6}.stu-sort-arrow{color:#9ca3af;color:var(--stu-sort-arrow-default);margin-left:8px;transition:color .2s ease}.stu-sort-arrow.active{color:#059669;color:var(--stu-sort-arrow-active)}.stu-error-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);background:var(--stu-error-banner-bg);border-left:4px solid #dc2626;border-left:4px solid var(--stu-error-banner-border);color:#991b1b;color:var(--stu-error-banner-text)}.stu-error-banner,.stu-success-banner{align-items:center;border-radius:8px;display:flex;gap:.5rem;margin:1rem;padding:.75rem 1rem;transition:all .3s ease}.stu-success-banner{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--stu-success-banner-bg);border-left:4px solid #16a34a;border-left:4px solid var(--stu-success-banner-border);color:#166534;color:var(--stu-success-banner-text)}.stu-popup-container-anchor{position:relative}.stu-row-highlight{background:#f0f9ff!important;background:var(--stu-row-highlight-bg)!important;border-left-color:#059669!important;border-left-color:var(--stu-row-highlight-border)!important}.stu-close-icon{color:#6b7280;color:var(--stu-close-icon-text);cursor:pointer;transition:color .3s ease}.stu-close-icon:hover{color:#374151;color:var(--stu-close-icon-hover-text)}.stu-student-id-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.stu-academic-group{color:#6b7280;color:var(--stu-academic-group-text);font-size:.75rem;transition:color .3s ease}@media (max-width:768px){.stu-table table,.stu-table tbody,.stu-table td,.stu-table th,.stu-table thead,.stu-table tr{display:block}.stu-table tr{border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:1.5rem;overflow:hidden}.stu-table td{padding:.75rem 1rem;position:relative}.stu-table td:before{color:#9ca3af;color:var(--stu-sort-arrow-default);content:attr(data-label);font-weight:600;left:1rem;position:absolute;top:.75rem}.stu-table-container{max-width:100%;width:100%}.stu-table{table-layout:fixed;width:100%}.stu-student-list-popup-body.stu-grid-mode{grid-template-columns:repeat(2,1fr)}.stu-insights-popup-card{max-width:calc(100vw - 32px);right:16px}.stu-insights-dashboard-grid{grid-template-columns:1fr}.stu-top-students-section{grid-column:span 1}}@keyframes stuOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes stuFadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stu-actions-button:focus,.stu-inspect-icon:focus,.stu-page-btn:focus{outline:2px solid #059669;outline:2px solid var(--stu-sort-arrow-active);outline-offset:2px}@media (prefers-contrast:high){.stu-table tbody tr:hover{background:#f0f9ff;background:var(--stu-table-row-hover-bg);border:2px solid #059669;border:2px solid var(--stu-table-row-hover-border);color:#1e293b;color:var(--stu-table-cell-text)}.stu-status-pill{border:2px solid}}@media (prefers-reduced-motion:reduce){.stu-insight-dash-card,.stu-student-list-popup-row,.stu-studentid-cell,.stu-table tbody tr,.stu-top-student-card{animation:none;transition:none}.stu-insight-dash-card:hover,.stu-student-list-popup-row:hover,.stu-studentid-cell:hover,.stu-table tbody tr:hover,.stu-top-student-card:hover{transform:none}.stu-top-students-title:before{animation:none}}:root{--stu-toolbar-bg:linear-gradient(135deg,#f0fdf4,#f8fafc);--stu-toolbar-shadow:0 4px 20px #0000000d;--stu-filter-toggle-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--stu-filter-toggle-bg-hover:linear-gradient(135deg,#bbf7d0,#dcfce7);--stu-filter-toggle-border:#86efac;--stu-filter-toggle-border-hover:#4ade80;--stu-filter-toggle-color:#166534;--stu-filter-toggle-shadow:0 2px 5px #1665341a;--stu-filter-toggle-shadow-hover:0 4px 10px #1665341f;--stu-filter-badge-bg:#facc15;--stu-filter-badge-color:#111827;--stu-filter-badge-border:#fff;--stu-search-bar-bg:linear-gradient(135deg,#f0fdf4,#f8fafc);--stu-search-bar-bg-focus:linear-gradient(135deg,#dcfce7,#f0fdf4);--stu-search-bar-border:#bbf7d0;--stu-search-bar-border-focus:#10b981;--stu-search-bar-shadow:0 1px 4px #0596691a;--stu-search-bar-shadow-focus:0 0 0 2px #10b981;--stu-search-bar-text:#166534;--stu-search-icon-color:#10b981;--stu-icon-btn-bg:#fff;--stu-icon-btn-border:#ffffff40;--stu-icon-btn-shadow:0 4px 12px #0000001a;--stu-icon-btn-shadow-hover:0 4px 12px #0000001f;--stu-icon-green-bg:linear-gradient(135deg,#6ee7b7,#a7f3d0);--stu-icon-green-color:#022c22;--stu-icon-purple-bg:linear-gradient(135deg,#a5b4fc,#c7d2fe);--stu-icon-purple-color:#3b0a73;--stu-icon-clear-bg:linear-gradient(135deg,#fda4af,#fecdd3);--stu-icon-clear-color:#83112b;--stu-icon-pink-bg:linear-gradient(135deg,#f9a8d4,#fbcfe8);--stu-icon-pink-color:#701a3f;--stu-icon-add-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--stu-icon-add-color:#065f46;--stu-tooltip-bg:#111827e6;--stu-tooltip-color:#fff;--stu-tooltip-arrow-color:#111827e6;--stu-dropdown-bg:#fff;--stu-dropdown-border:#e5e7eb;--stu-dropdown-shadow:0 4px 12px #00000014;--stu-dropdown-item-hover:linear-gradient(135deg,#f0fdf4,#f8fafc);--stu-dropdown-text:#065f46;--stu-dropdown-icon-color:#10b981;--stu-filter-popover-bg:#f9fafb}[data-theme=dark]{--stu-toolbar-bg:linear-gradient(135deg,#1a1a1ae6,#333c);--stu-toolbar-shadow:0 4px 20px #0006;--stu-filter-toggle-bg:linear-gradient(135deg,#00ff8826,#00cc691a);--stu-filter-toggle-bg-hover:linear-gradient(135deg,#0f83,#00cc6926);--stu-filter-toggle-border:#00ff884d;--stu-filter-toggle-border-hover:#0f86;--stu-filter-toggle-color:#065f46;--stu-filter-toggle-shadow:0 2px 5px #00ff8826;--stu-filter-toggle-shadow-hover:0 4px 10px #0f83;--stu-filter-badge-bg:#ff9f0a;--stu-filter-badge-color:#000;--stu-filter-badge-border:#1a1a1acc;--stu-search-bar-bg:linear-gradient(135deg,#00ff881a,#1a1a1acc);--stu-search-bar-bg-focus:linear-gradient(135deg,#00ff8826,#333c);--stu-search-bar-border:#0f83;--stu-search-bar-border-focus:#0f86;--stu-search-bar-shadow:0 1px 4px #00ff881a;--stu-search-bar-shadow-focus:0 0 0 2px #00ff884d;--stu-search-bar-text:#fff;--stu-search-icon-color:#065f46;--stu-icon-btn-bg:#1a1a1acc;--stu-icon-btn-border:#ffffff1a;--stu-icon-btn-shadow:0 4px 12px #0000004d;--stu-icon-btn-shadow-hover:0 4px 12px #0006;--stu-icon-green-bg:linear-gradient(135deg,#0f83,#00ff8826);--stu-icon-green-color:#065f46;--stu-icon-purple-bg:linear-gradient(135deg,#a284ff33,#a284ff26);--stu-icon-purple-color:#a284ff;--stu-icon-clear-bg:linear-gradient(135deg,#ff3b3033,#ff3b3026);--stu-icon-clear-color:#ff3b30;--stu-icon-pink-bg:linear-gradient(135deg,#ff149333,#ff149326);--stu-icon-pink-color:#ff1493;--stu-icon-add-bg:linear-gradient(135deg,#0f83,#00ff8826);--stu-icon-add-color:#065f46;--stu-tooltip-bg:#1a1a1af2;--stu-tooltip-color:#fff;--stu-tooltip-arrow-color:#1a1a1af2;--stu-dropdown-bg:#1a1a1af2;--stu-dropdown-border:#ffffff1a;--stu-dropdown-shadow:0 4px 12px #0009;--stu-dropdown-item-hover:linear-gradient(135deg,#00ff881a,#00cc691a);--stu-dropdown-text:#fff;--stu-dropdown-icon-color:#065f46;--stu-filter-popover-bg:#1a1a1af2}.stu-instyte-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000f;font-family:Poppins,sans-serif;gap:8px;justify-content:space-between;min-width:0;overflow:visible;padding:8px 14px;position:relative;z-index:5}.stu-instyte-toolbar,.stu-toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.stu-toolbar-left{gap:6px}.stu-toolbar-actions{gap:5px;overflow:visible;padding-left:6px}.stu-filter-toggle-btn,.stu-toolbar-actions{align-items:center;display:flex;position:relative}.stu-filter-toggle-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000a;color:#374151;cursor:pointer;font-size:.82rem;font-weight:500;gap:4px;height:34px;padding:4px 12px}.stu-filter-toggle-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.stu-filter-badge{background:#facc15;background:var(--stu-filter-badge-bg);border:1px solid #fff;border:1px solid var(--stu-filter-badge-border);border-radius:999px;box-shadow:0 0 0 2px #fffc;color:#111827;color:var(--stu-filter-badge-color);font-size:.65rem;font-weight:700;height:4px;padding:2px 5px;position:absolute;right:6px;top:4px;transition:all .3s ease;width:14px}[data-theme=dark] .stu-filter-badge{box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--stu-filter-badge-border)}.stu-filter-panel{overflow:visible}.stu-filter-panel,.stu-primary-filters{align-items:center;display:flex;gap:5px}.stu-primary-filters{flex-wrap:wrap}.stu-search-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000a;display:flex;height:34px;padding:0 8px;transition:width .2s ease,border-color .2s ease;width:180px}.stu-search-bar:focus-within{border-color:#10b981;box-shadow:0 0 0 2px #10b98126;width:250px}.stu-search-bar input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:.82rem;outline:none;padding:0 4px}.stu-search-bar input::placeholder{color:#94a3b8}.stu-search-icon{color:#94a3b8;font-size:1rem;margin-right:4px}.stu-icon-btn{align-items:center;background:#fff;background:var(--stu-icon-btn-bg);border:1px solid #ffffff40;border:1px solid var(--stu-icon-btn-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--stu-icon-btn-shadow);cursor:pointer;display:flex;height:34px;justify-content:center;min-width:34px;outline:none;padding:0;position:relative;transition:transform .15s ease,box-shadow .15s ease;width:34px}.stu-icon-btn .material-symbols-rounded{font-size:18px}.stu-icon-btn:hover{box-shadow:0 4px 12px #0000001f;box-shadow:var(--stu-icon-btn-shadow-hover);transform:translateY(-2px)}.stu-icon-green{background:linear-gradient(135deg,#6ee7b7,#a7f3d0);background:var(--stu-icon-green-bg);color:#022c22;color:var(--stu-icon-green-color)}.stu-icon-purple{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);background:var(--stu-icon-purple-bg);color:#3b0a73;color:var(--stu-icon-purple-color)}.stu-icon-clear{background:linear-gradient(135deg,#fda4af,#fecdd3);background:var(--stu-icon-clear-bg);color:#83112b;color:var(--stu-icon-clear-color)}.stu-icon-pink{background:linear-gradient(135deg,#f9a8d4,#fbcfe8);background:var(--stu-icon-pink-bg);color:#701a3f;color:var(--stu-icon-pink-color)}.stu-icon-upload{background:linear-gradient(135deg,#bfdbfe,#dbeafe);color:#1e3a8a}.stu-icon-info{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.stu-add-student-btn{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--stu-icon-add-bg);color:#065f46;color:var(--stu-icon-add-color)}.stu-icon-teal{align-items:center;background:#14b8a61a;border:1px solid #14b8a633;border-radius:4px;color:#14b8a6;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.stu-icon-teal:hover{background:#14b8a633;transform:translateY(-2px)}.stu-icon-teal-active{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:1px solid #14b8a6;border-radius:4px;box-shadow:0 2px 8px #14b8a64d;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.stu-icon-teal-active:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 12px #14b8a666;transform:translateY(-2px)}[data-theme=dark] .stu-icon-teal{background:#14b8a626;border-color:#14b8a64d;color:#065f46}[data-theme=dark] .stu-icon-teal:hover{background:#14b8a640}[data-theme=dark] .stu-icon-teal-active{background:linear-gradient(135deg,#065f46,#047857);border-color:#065f46;box-shadow:0 2px 8px #1de6a54d;color:#000}[data-theme=dark] .stu-icon-teal-active:hover{background:linear-gradient(135deg,#00e076,#00b359);box-shadow:0 4px 12px #1de6a566}.stu-icon-btn[data-tooltip]:after{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#111827e6;background:var(--stu-tooltip-bg);border-radius:4px;color:#fff;color:var(--stu-tooltip-color);content:attr(data-tooltip);font-size:.65rem;padding:4px 8px;pointer-events:none;top:calc(100% + 8px);white-space:nowrap;z-index:100}.stu-icon-btn[data-tooltip]:after,.stu-icon-btn[data-tooltip]:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease}.stu-icon-btn[data-tooltip]:before{border:5px solid #0000;border-top:5px solid var(--stu-tooltip-arrow-color);content:"";top:100%;z-index:999}.stu-icon-btn[data-tooltip]:hover:after,.stu-icon-btn[data-tooltip]:hover:before{opacity:1}.stu-toolbar-actions .stu-icon-btn:last-child[data-tooltip]:after,.stu-toolbar-actions .stu-icon-btn:nth-last-child(2)[data-tooltip]:after{left:auto;right:0;transform:none}.stu-toolbar-actions .stu-icon-btn:last-child[data-tooltip]:before,.stu-toolbar-actions .stu-icon-btn:nth-last-child(2)[data-tooltip]:before{left:auto;right:20px;transform:none}.stu-advanced-filters-popup{animation:fadeInUp .2s ease;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:600px;z-index:9999}[data-theme=dark] .stu-advanced-filters-popup{background:#1a1a1af2;border:1px solid #ffffff1a;box-shadow:0 20px 40px #0009}.stu-advanced-filters-popup-header{align-items:center;background:#14b8a60d;border-bottom:1px solid #0000001a;border-radius:12px 12px 0 0;color:#14b8a6;display:flex;font-weight:600;gap:.5rem;justify-content:space-between;padding:1rem 1.25rem}[data-theme=dark] .stu-advanced-filters-popup-header{background:#14b8a61a;border-bottom:1px solid #ffffff1a;color:#5eead4}.stu-popup-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:4px;transition:all .2s ease}.stu-popup-close-btn:hover{background:#0000001a;color:#374151}[data-theme=dark] .stu-popup-close-btn{color:#9ca3af}[data-theme=dark] .stu-popup-close-btn:hover{background:#ffffff1a;color:#d1d5db}.stu-advanced-filters-popup-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1.5rem 1.25rem}.stu-advanced-filters-popup-footer{background:#00000005;border-radius:0 0 12px 12px;border-top:1px solid #0000001a;display:flex;justify-content:center;padding:1rem 1.25rem}[data-theme=dark] .stu-advanced-filters-popup-footer{background:#ffffff05;border-top:1px solid #ffffff1a}.stu-popup-clear-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.stu-popup-clear-btn:hover{background:#ef444433;transform:translateY(-1px)}[data-theme=dark] .stu-popup-clear-btn{background:#f871711a;border-color:#f8717133;color:#f87171}[data-theme=dark] .stu-popup-clear-btn:hover{background:#f8717133}.stu-view-mode-toggle{background:#fff;background:var(--stu-icon-btn-bg,#fff);border:1px solid #0000001a;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.stu-view-mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.stu-view-mode-btn .material-symbols-rounded{font-size:1.25rem}.stu-view-mode-btn:hover{background:#10b98114}.stu-view-mode-btn.active{background:linear-gradient(135deg,#dcfce7,#f0fdf4);color:#065f46}[data-theme=dark] .stu-view-mode-toggle{background:#1a1a1acc;border-color:#ffffff1a}[data-theme=dark] .stu-view-mode-btn{color:#9ca3af}[data-theme=dark] .stu-view-mode-btn.active{background:#00ff8826;color:#10b981}@media (max-width:1024px){.stu-instyte-toolbar{padding:.6rem .8rem}.stu-search-bar{width:160px}.stu-icon-btn{padding:.5rem}}@media (max-width:768px){.stu-instyte-toolbar{align-items:stretch;flex-direction:column;gap:.5rem;padding:.5rem}.stu-toolbar-left{flex-wrap:wrap;gap:.5rem;justify-content:space-between;width:100%}.stu-filter-toggle-btn{font-size:.8rem;padding:.4rem .75rem}.stu-instyte-toolbar .stu-filter-panel{display:flex!important;flex-direction:column!important;gap:.5rem!important;width:100%}.stu-instyte-toolbar .stu-primary-filters{grid-gap:.5rem!important;display:grid!important;flex-wrap:nowrap!important;gap:.5rem!important;grid-template-columns:1fr 1fr!important;width:100%}.stu-instyte-toolbar .stu-primary-filters .stu-icon-teal,.stu-instyte-toolbar .stu-primary-filters .stu-icon-teal-active{grid-column:1/-1!important;justify-content:center;width:100%!important}.stu-instyte-toolbar .stu-filter-panel .stu-icon-clear{justify-content:center!important;width:100%!important}.stu-instyte-toolbar .custom-dropdown{min-width:auto!important}.stu-instyte-toolbar .dropdown-trigger{font-size:.75rem!important;gap:.3rem!important;padding:.4rem .6rem!important}.stu-search-bar{order:10;width:140px}.stu-search-bar input{font-size:.8rem;padding:.5rem}.stu-search-bar:focus-within{width:200px}.stu-toolbar-actions{flex-wrap:wrap;gap:.4rem;justify-content:flex-end;padding-left:0}.stu-icon-btn{min-height:36px;min-width:36px;padding:.4rem}.stu-icon-btn span{font-size:1.1rem}.stu-advanced-filters-popup{left:1rem!important;max-width:calc(100vw - 2rem)!important;right:1rem!important;width:calc(100vw - 2rem)!important}.stu-advanced-filters-popup-content{grid-template-columns:1fr!important}}@media (max-width:480px){.stu-instyte-toolbar{gap:.4rem;padding:.4rem}.stu-filter-toggle-btn{font-size:.75rem;padding:.35rem .6rem}.stu-instyte-toolbar .stu-filter-panel,.stu-instyte-toolbar .stu-primary-filters{gap:.4rem!important}.stu-instyte-toolbar .dropdown-trigger{font-size:.7rem!important;padding:.35rem .5rem!important}.stu-search-bar{width:110px}.stu-search-bar:focus-within{width:160px}.stu-icon-btn{min-height:32px;min-width:32px;padding:.35rem}.stu-icon-btn span{font-size:1rem}}@media (prefers-reduced-motion:reduce){.stu-filter-toggle-btn,.stu-icon-btn,.stu-search-bar{transition:none}.stu-icon-btn:hover{transform:none}.advanced-filter-badge{animation:none}}.stu-dropdown-popup{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--stu-dropdown-bg);border:1px solid #e5e7eb;border:1px solid var(--stu-dropdown-border);border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:var(--stu-dropdown-shadow);left:0;position:absolute;top:100%;transition:all .3s ease;width:100%;z-index:9999}.stu-dropdown-item{color:#065f46;color:var(--stu-dropdown-text);cursor:pointer;padding:.75rem 1rem;transition:background .2s,color .3s ease}.stu-dropdown-item:hover{background:linear-gradient(135deg,#f0fdf4,#f8fafc);background:var(--stu-dropdown-item-hover)}.accent-purple .custom-dropdown-options{max-width:500px;min-width:350px}.accent-purple .dropdown-option{line-height:1.3;max-width:480px;padding:.75rem 1rem;white-space:normal}.stu-glass-green{background:linear-gradient(135deg,#dcfce7,#f0fdf4);color:#065f46}.stu-glass-violet{background:linear-gradient(135deg,#ede9fe,#f5f3ff);color:#6b21a8}.stu-glass-amber{background:linear-gradient(135deg,#fef9c3,#fefce8);color:#92400e}.stu-glass-blue{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1d4ed8}.stu-glass-teal{background:linear-gradient(135deg,#ccfbf1,#f0fdfa);color:#115e59}[data-theme=dark] .stu-glass-green{background:linear-gradient(135deg,#6ee7b7,#a7f3d0);background:var(--stu-icon-green-bg);color:#022c22;color:var(--stu-icon-green-color)}[data-theme=dark] .stu-glass-violet{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);background:var(--stu-icon-purple-bg);color:#3b0a73;color:var(--stu-icon-purple-color)}[data-theme=dark] .stu-glass-amber{background:#ff9f0a26;color:#ff9f0a}[data-theme=dark] .stu-glass-blue{background:#00ccff26;color:#0cf}[data-theme=dark] .stu-glass-teal{background:#00ff8826;color:#065f46}@keyframes stuFilterFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes stuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stu-filter-toggle-btn:focus-visible,.stu-icon-btn:focus-visible,.stu-search-bar:focus-within{outline:2px solid #86efac;outline:2px solid var(--stu-filter-toggle-border);outline-offset:2px}@media (prefers-contrast:high){.stu-filter-toggle-btn,.stu-icon-btn,.stu-search-bar{border:2px solid}}.stu-instyte-toolbar .custom-dropdown-wrapper{max-width:175px;min-width:110px!important;overflow:hidden}.stu-instyte-toolbar .custom-dropdown-trigger{box-shadow:0 1px 2px #0000000a!important;font-size:.82rem!important;height:34px!important;max-width:175px;min-width:0;padding:0 10px 0 12px!important}.stu-instyte-toolbar .custom-dropdown-trigger .dropdown-label-wrapper{flex:1 1;min-width:0;overflow:hidden}.stu-instyte-toolbar .custom-dropdown-trigger .dropdown-label-wrapper span:last-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stu-instyte-toolbar .dropdown-arrow{font-size:1rem!important;margin-left:4px!important}.stu-header-section{align-items:center;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 1rem}.stu-add-student-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.stu-add-student-btn:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 6px 20px #05966959;transform:translateY(-2px)}.stu-add-student-btn:hover:before{left:100%}.stu-add-student-btn:active{box-shadow:0 2px 8px #05966966;transform:translateY(0)}.stu-btn-icon{font-size:1.1rem;transition:transform .3s ease}.stu-add-student-btn:hover .stu-btn-icon{transform:scale(1.1)}.stu-create-popup-overlay{align-items:center;animation:stuCreateOverlayFadeIn .3s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.stu-create-student-popup{animation:stuCreatePopupSlideIn .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 24px #00000014,0 0 0 1px #0000000d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%;z-index:1001}.stu-create-popup-header{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #e2e8f0;border-radius:24px 24px 0 0;display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem;position:relative}.stu-create-popup-header:before{background:linear-gradient(90deg,#059669,#10b981,#34d399);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.stu-create-header-content{align-items:center;display:flex;gap:1rem}.stu-create-header-icon{align-items:center;animation:stuCreateIconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#059669,#10b981);border-radius:12px;box-shadow:0 8px 24px #0596694d;color:#fff;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.stu-create-header-text h2{color:#111827;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}.stu-create-header-text p{color:#6b7280;font-size:.95rem;font-weight:500;margin:.25rem 0 0}.stu-create-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000d;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.stu-create-close-btn:hover{background:#fffffff2;box-shadow:0 4px 12px #0000001a;color:#374151;transform:scale(1.05)}.stu-create-error-banner{align-items:center;animation:stuCreateErrorSlideIn .3s ease-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #dc2626;border-radius:12px;color:#991b1b;display:flex;font-weight:500;gap:.75rem;margin:0 2rem;padding:1rem 2rem}.stu-create-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 2rem 2rem}.stu-create-success-banner{align-items:center;animation:stuCreateSuccessSlideIn .3s ease-out;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #16a34a;border-radius:12px;color:#166534;display:flex;font-weight:500;gap:.75rem;margin:0;padding:1rem 2rem}.stu-create-section-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.stu-create-section-header:before{background:linear-gradient(90deg,#059669,#10b981);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stu-create-section-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.stu-create-section-header:hover:before{opacity:1}.stu-create-section-toggle{color:#6b7280;font-size:1.5rem;transition:all .3s ease}.stu-create-section-icon{background:#0596691a;border-radius:10px;color:#059669;font-size:1.25rem;padding:6px;transition:all .3s ease}.stu-create-section-header:hover .stu-create-section-icon{background:#05966926;transform:scale(1.05)}.stu-create-section-header span:last-child{color:#374151;flex:1 1;font-size:1.1rem;font-weight:600}.stu-create-section-wrapper{animation:stuCreateSectionSlideDown .3s ease-out;background:linear-gradient(135deg,#fafbfc,#f8fafc);border:1px solid #e5e7eb;border-radius:0 0 16px 16px;border-top:none;margin-top:-1px;overflow:hidden;padding:1.5rem;position:relative}.stu-create-section-wrapper:before{background:linear-gradient(90deg,#059669,#10b981);content:"";height:2px;left:0;position:absolute;right:0;top:0}.stu-create-required{color:#ef4444;font-weight:700;margin-left:.25rem}.stu-create-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #00000005;color:#1f2937;font-size:.95rem;outline:none;padding:.875rem 1rem;position:relative;transition:all .3s ease;width:100%}.stu-create-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a,0 4px 12px #0000001a;transform:translateY(-1px)}.stu-create-input:hover:not(:focus){border-color:#d1d5db;box-shadow:0 4px 8px #0000000d}.stu-create-input:disabled{background:#f9fafb;border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.stu-create-input:invalid:not(:focus):not(:placeholder-shown){border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.stu-create-form-group .custom-dropdown{position:relative;width:100%;z-index:1005}.stu-create-form-group .custom-dropdown .dropdown-trigger{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #00000005;color:#1f2937;font-size:.95rem;outline:none;padding:.875rem 1rem;position:relative;transition:all .3s ease;width:100%;z-index:1006}.stu-create-form-group .custom-dropdown .dropdown-trigger:focus,.stu-create-form-group .custom-dropdown.open .dropdown-trigger{border-color:#059669;box-shadow:0 0 0 3px #0596691a,0 4px 12px #0000001a;transform:translateY(-1px);z-index:1007}.stu-create-form-group .custom-dropdown .dropdown-trigger:hover:not(:focus){border-color:#d1d5db;box-shadow:0 4px 8px #0000000d}.stu-create-form-group .custom-dropdown .dropdown-menu{background:#fff;border:2px solid #059669;border-radius:12px;box-shadow:0 8px 25px #00000026;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:1010!important}.stu-create-form-group .custom-dropdown .dropdown-item{position:relative;z-index:1011}.stu-create-form-group .custom-dropdown .dropdown-item:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#065f46}.stu-create-popup-overlay .custom-dropdown{z-index:1005!important}.stu-create-popup-overlay .custom-dropdown .dropdown-menu{position:absolute!important;z-index:1010!important}.stu-create-popup-overlay .custom-dropdown.open{z-index:1006!important}.stu-create-popup-overlay .custom-dropdown .dropdown-trigger{z-index:1007!important}.stu-create-datepicker{position:relative;z-index:1005}.stu-create-datepicker .MuiOutlinedInput-root{border-radius:12px!important;font-size:.95rem!important;position:relative;z-index:1006}.stu-create-datepicker .MuiOutlinedInput-notchedOutline{border-color:#e5e7eb!important;border-width:2px!important;transition:all .3s ease!important}.stu-create-datepicker .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#d1d5db!important}.stu-create-datepicker .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#059669!important;box-shadow:0 0 0 3px #0596691a!important}.stu-create-datepicker .MuiInputBase-input{color:#1f2937!important;padding:.875rem 1rem!important}.stu-create-datepicker .MuiFormLabel-root{color:#374151!important;font-size:.95rem!important;font-weight:600!important}.stu-create-datepicker .MuiFormLabel-root.Mui-focused{color:#059669!important}.MuiDialog-root,.MuiModal-root,.MuiPickersPopper-root{z-index:1500!important}.MuiBackdrop-root{z-index:1400!important}.MuiPickersModal-dialog{z-index:1501!important}.MuiPopover-root{z-index:1500!important}.MuiPaper-root.MuiPickersPopper-paper{z-index:1502!important}.MuiPickersPopper-root .MuiPaper-root{border:2px solid #059669!important;border-radius:12px!important;box-shadow:0 8px 25px #00000026!important;z-index:1505!important}.stu-create-popup-overlay~.MuiDialog-root,.stu-create-popup-overlay~.MuiModal-root,.stu-create-popup-overlay~.MuiPickersPopper-root{z-index:1500!important}.MuiPickersLayout-root{z-index:1503!important}.MuiDateCalendar-root{z-index:1504!important}.stu-create-form-error{align-items:center;animation:stuCreateErrorSlideIn .3s ease-out;color:#ef4444;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;margin-top:.5rem}.stu-create-form-error:before{content:"⚠";font-size:.75rem}.stu-create-btn-save-open{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f640;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;outline:none;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s ease}.stu-create-btn-save-open:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.stu-create-btn-save-open:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f659;transform:translateY(-2px)}.stu-create-btn-save-open:hover:before{left:100%}.stu-create-btn-save-open:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 4px #0000001a;cursor:not-allowed;transform:none}@keyframes stuCreateSectionSlideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}@keyframes stuCreateSuccessSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.stu-create-content{padding:1.5rem 1rem}.stu-create-section-header{border-radius:12px;padding:.875rem 1rem}.stu-create-section-wrapper{border-radius:0 0 12px 12px;padding:1rem}.stu-create-form-grid{gap:1rem;grid-template-columns:1fr}.stu-create-popup-footer{flex-direction:column-reverse;gap:.75rem}.stu-create-btn-cancel,.stu-create-btn-save-open,.stu-create-btn-submit{justify-content:center;width:100%}}@media (max-width:480px){.stu-create-section-header{gap:.5rem;padding:.75rem}.stu-create-section-header span:last-child{font-size:1rem}.stu-create-section-icon{font-size:1.125rem;padding:4px}.stu-create-section-toggle{font-size:1.25rem}}.stu-create-form-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stu-create-form-group{display:flex;flex-direction:column;position:relative}.stu-create-full-width{grid-column:1/-1}.stu-create-form-group label{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:600;gap:.25rem;margin-bottom:.5rem}.stu-create-form-group label:after{color:#ef4444;content:"*";display:none;font-weight:700;margin-left:.25rem}.stu-create-form-group:has([required]) label:after{display:inline}.stu-create-input,.stu-create-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #00000005;color:#1f2937;font-size:.95rem;outline:none;padding:.875rem 1rem;position:relative;transition:all .3s ease;width:100%}.stu-create-input:focus,.stu-create-select:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a,0 4px 12px #0000001a;transform:translateY(-1px)}.stu-create-input:hover,.stu-create-select:hover{border-color:#d1d5db;box-shadow:0 4px 8px #0000000d}.stu-create-input::placeholder{color:#9ca3af;font-weight:400}.stu-create-input:invalid:not(:focus):not(:placeholder-shown),.stu-create-select:invalid:not(:focus){border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.stu-create-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;cursor:pointer;padding-right:3rem}.stu-create-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23059669' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.stu-create-popup-footer{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:0 0 24px 24px;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding:1.5rem 2rem 2rem}.stu-create-btn-cancel,.stu-create-btn-submit{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;outline:none;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s ease}.stu-create-btn-cancel{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#374151}.stu-create-btn-cancel:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stu-create-btn-submit{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #05966940;color:#fff;position:relative}.stu-create-btn-submit:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.stu-create-btn-submit:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 6px 20px #05966959;transform:translateY(-2px)}.stu-create-btn-submit:hover:before{left:100%}.stu-create-btn-submit:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed}.stu-create-btn-submit:disabled,.stu-create-btn-submit:disabled:hover{box-shadow:0 2px 4px #0000001a;transform:none}.stu-create-spinner{animation:stuCreateSpin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes stuCreateOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes stuCreatePopupSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes stuCreateIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes stuCreateErrorSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes stuCreateSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.stu-create-student-popup{border-radius:12px;margin:.5rem;max-width:calc(100vw - 1rem)}.stu-create-popup-header{border-radius:12px 20px 0 0;padding:1.5rem 1rem 1rem}.stu-create-header-text h2{font-size:1.5rem}.stu-create-header-icon{font-size:1.25rem;height:48px;width:48px}.stu-create-form{padding:1.5rem 1rem}.stu-create-form-section{border-radius:12px;padding:1rem}.stu-create-form-grid{gap:1rem;grid-template-columns:1fr}.stu-create-popup-footer{border-radius:0 0 20px 20px;flex-direction:column-reverse;gap:.75rem;padding:1.5rem 1rem}.stu-create-btn-cancel,.stu-create-btn-submit{justify-content:center;width:100%}.stu-header-section{align-items:stretch;flex-direction:column;gap:1rem}.stu-add-student-btn{justify-content:center;width:100%}}@media (max-width:480px){.stu-create-popup-overlay{padding:.5rem}.stu-create-student-popup{border-radius:12px;margin:0;max-height:95vh;max-width:100vw}.stu-create-popup-header{border-radius:12px 16px 0 0}.stu-create-popup-footer{border-radius:0 0 16px 16px}.stu-create-header-content{align-items:flex-start;flex-direction:column;gap:.75rem}.stu-create-header-icon{font-size:1.125rem;height:40px;width:40px}}@media (prefers-contrast:high){.stu-create-input,.stu-create-select{border-width:3px}.stu-create-btn-submit{background:#000;color:#fff}.stu-create-btn-cancel{background:#fff;border:3px solid #000;color:#000}}@media (prefers-color-scheme:dark){.stu-create-student-popup{background:#1f2937;border-color:#374151}.stu-create-popup-header{background:linear-gradient(135deg,#065f46,#047857);border-bottom-color:#374151}.stu-create-header-text h2{color:#fff}.stu-create-header-text p{color:#d1d5db}.stu-create-form-section{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280}.stu-create-section-header h3{color:#f9fafb}.stu-create-form-group label{color:#e5e7eb}.stu-create-input,.stu-create-select{background:#374151;border-color:#6b7280;color:#f9fafb}.stu-create-input::placeholder{color:#9ca3af}.stu-create-popup-footer{background:linear-gradient(135deg,#374151,#4b5563);border-top-color:#6b7280}}.stu-create-btn-cancel:focus-visible,.stu-create-btn-submit:focus-visible,.stu-create-close-btn:focus-visible{outline:2px solid #059669;outline-offset:2px}.stu-add-student-btn:focus-visible{outline:2px solid #059669;outline-offset:2px}@media print{.stu-create-popup-overlay,.stu-create-student-popup{display:none}}:root{--ags-overlay-bg:#0006;--ags-overlay-backdrop:blur(8px);--ags-popup-bg:#fffffff2;--ags-popup-border:#fff3;--ags-popup-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;--ags-text-primary:#1e293b;--ags-text-secondary:#374151;--ags-text-muted:#6b7280;--ags-header-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--ags-header-border:#0ea5e91a;--ags-header-title:#0c4a6e;--ags-header-subtitle:#0369a1;--ags-header-icon-bg:linear-gradient(135deg,#0ea5e9,#0284c7);--ags-header-icon-text:#fff;--ags-header-icon-shadow:0 8px 20px #0ea5e94d;--ags-close-btn-bg:#fffc;--ags-close-btn-text:#6b7280;--ags-close-btn-hover-bg:#ef44441a;--ags-close-btn-hover-text:#ef4444;--ags-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--ags-error-text:#991b1b;--ags-error-border:#fca5a5;--ags-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--ags-success-text:#065f46;--ags-success-border:#6ee7b7;--ags-search-bg:linear-gradient(135deg,#f8fafc,#fff);--ags-search-border:#e2e8f0;--ags-search-input-bg:#fffc;--ags-search-input-border:#e2e8f0cc;--ags-search-input-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;--ags-search-input-text:#1e293b;--ags-search-input-placeholder:#9ca3af;--ags-search-input-focus-border:#0ea5e9;--ags-search-input-focus-bg:#fffffff2;--ags-search-input-focus-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0ea5e91a,0 4px 12px #0ea5e926;--ags-search-icon-color:#9ca3af;--ags-search-loading-color:#0ea5e9;--ags-groups-section-bg:linear-gradient(135deg,#f9fafb,#fff);--ags-scrollbar-thumb:#0ea5e94d;--ags-scrollbar-track:#e2e8f066;--ags-group-item-bg:#fffc;--ags-group-item-border:#e2e8f099;--ags-group-item-shadow:0 2px 8px #0000000a;--ags-group-item-hover-bg:#f0f9ffcc;--ags-group-item-hover-border:#0ea5e933;--ags-group-item-hover-shadow:0 4px 12px #00000014;--ags-group-item-selected-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--ags-group-item-selected-border:#0ea5e9;--ags-group-item-selected-shadow:0 4px 16px #0ea5e933;--ags-group-item-current-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--ags-group-item-current-border:#059669;--ags-radio-bg:#ffffffe6;--ags-radio-border:#cbd5e1;--ags-radio-checked-bg:linear-gradient(135deg,#0ea5e9,#0284c7);--ags-radio-checked-text:#fff;--ags-radio-shadow:0 2px 4px #0000001a;--ags-icon-department-bg:linear-gradient(135deg,#fef3c7,#fde68a);--ags-icon-department-text:#92400e;--ags-icon-course-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--ags-icon-course-text:#0369a1;--ags-icon-grade-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--ags-icon-grade-text:#6b21a8;--ags-icon-batch-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--ags-icon-batch-text:#065f46;--ags-icon-section-bg:linear-gradient(135deg,#fed7d7,#fbb6ce);--ags-icon-section-text:#be185d;--ags-icon-default-bg:#f3f4f6;--ags-icon-default-text:#6b7280;--ags-group-name-text:#1e293b;--ags-group-path-text:#059669;--ags-group-path-bg:#0596691a;--ags-group-details-text:#6b7280;--ags-group-code-text:#475569;--ags-separator-color:#d1d5db;--ags-current-badge-bg:linear-gradient(135deg,#059669,#065f46);--ags-current-badge-text:#fff;--ags-type-department-bg:linear-gradient(135deg,#fef3c7,#fde68a);--ags-type-department-text:#92400e;--ags-type-course-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--ags-type-course-text:#0369a1;--ags-type-grade-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--ags-type-grade-text:#6b21a8;--ags-type-batch-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--ags-type-batch-text:#065f46;--ags-type-section-bg:linear-gradient(135deg,#fed7d7,#fbb6ce);--ags-type-section-text:#be185d;--ags-type-default-bg:#f3f4f6;--ags-type-default-text:#6b7280;--ags-active-count-bg:#22c55e1a;--ags-active-count-text:#15803d;--ags-active-count-icon:#22c55e;--ags-seats-indicator-bg:#6366f114;--ags-seats-indicator-border:#6366f126;--ags-seats-text:#4338ca;--ags-seats-icon:#6366f1;--ags-seats-bar-bg:#6366f126;--ags-seats-fill-bg:linear-gradient(90deg,#22c55e,#16a34a);--ags-seats-fill-warning:linear-gradient(90deg,#f59e0b,#d97706);--ags-seats-fill-danger:linear-gradient(90deg,#ef4444,#dc2626);--ags-empty-state-text:#6b7280;--ags-empty-state-icon:#9ca3af;--ags-loading-icon:#0ea5e9;--ags-footer-bg:linear-gradient(135deg,#f8fafc,#fff);--ags-footer-border:#e2e8f0;--ags-selection-info-bg:#0ea5e91a;--ags-selection-info-text:#0c4a6e;--ags-selection-info-border:#0ea5e933;--ags-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ags-btn-primary-text:#fff;--ags-btn-primary-shadow:0 4px 12px #3b82f64d;--ags-btn-primary-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--ags-btn-primary-hover-shadow:0 8px 20px #3b82f666;--ags-btn-secondary-bg:#ffffffe6;--ags-btn-secondary-text:#374151;--ags-btn-secondary-border:#fff3;--ags-btn-secondary-hover-bg:#f0f9ffe6;--ags-btn-secondary-hover-border:#0ea5e94d;--ags-btn-secondary-hover-shadow:0 4px 12px #0ea5e933}[data-theme=dark]{--ags-overlay-bg:#000000b3;--ags-popup-bg:#0f172af2;--ags-popup-border:#3341554d;--ags-popup-shadow:0 20px 60px #0006,0 8px 32px #00000040,inset 0 1px 0 #94a3b81a;--ags-text-primary:#f1f5f9;--ags-text-secondary:#e2e8f0;--ags-text-muted:#94a3b8;--ags-header-bg:linear-gradient(135deg,#1e293b,#334155);--ags-header-border:#3341554d;--ags-header-title:#f1f5f9;--ags-header-subtitle:#cbd5e1;--ags-close-btn-bg:#33415580;--ags-close-btn-text:#94a3b8;--ags-close-btn-hover-bg:#ef444433;--ags-close-btn-hover-text:#f87171;--ags-error-bg:linear-gradient(135deg,#991b1b33,#b91c1c26);--ags-error-text:#fca5a5;--ags-error-border:#b91c1c4d;--ags-success-bg:linear-gradient(135deg,#065f4633,#05966926);--ags-success-text:#6ee7b7;--ags-success-border:#0596694d;--ags-search-bg:linear-gradient(135deg,#1e293b,#334155);--ags-search-border:#3341554d;--ags-search-input-bg:#33415580;--ags-search-input-border:#47556980;--ags-search-input-shadow:inset 0 2px 4px #0003,0 1px 3px #0000001a;--ags-search-input-text:#f1f5f9;--ags-search-input-placeholder:#64748b;--ags-search-input-focus-bg:#334155cc;--ags-search-input-focus-shadow:inset 0 2px 4px #0000004d,0 0 0 3px #0ea5e933,0 4px 12px #0ea5e940;--ags-search-icon-color:#64748b;--ags-groups-section-bg:linear-gradient(135deg,#0f172a,#1e293b);--ags-scrollbar-thumb:#0ea5e966;--ags-scrollbar-track:#3341554d;--ags-group-item-bg:#3341554d;--ags-group-item-border:#47556966;--ags-group-item-shadow:0 2px 8px #0003;--ags-group-item-hover-bg:#33415580;--ags-group-item-hover-border:#0ea5e94d;--ags-group-item-hover-shadow:0 4px 12px #0000004d;--ags-group-item-selected-bg:#0ea5e926;--ags-group-item-selected-border:#0ea5e9;--ags-group-item-selected-shadow:0 4px 16px #0ea5e94d;--ags-group-item-current-bg:#05966926;--ags-group-item-current-border:#10b981;--ags-radio-bg:#33415599;--ags-radio-border:#475569;--ags-radio-shadow:0 2px 4px #0003;--ags-group-name-text:#f1f5f9;--ags-group-path-text:#34d399;--ags-group-path-bg:#05966926;--ags-group-details-text:#94a3b8;--ags-group-code-text:#cbd5e1;--ags-separator-color:#475569;--ags-active-count-bg:#22c55e26;--ags-active-count-text:#4ade80;--ags-active-count-icon:#22c55e;--ags-seats-indicator-bg:#6366f11f;--ags-seats-indicator-border:#6366f140;--ags-seats-text:#a5b4fc;--ags-seats-icon:#818cf8;--ags-seats-bar-bg:#6366f133;--ags-empty-state-text:#94a3b8;--ags-empty-state-icon:#64748b;--ags-footer-bg:linear-gradient(135deg,#1e293b,#334155);--ags-footer-border:#3341554d;--ags-selection-info-bg:#0ea5e926;--ags-selection-info-text:#bae6fd;--ags-selection-info-border:#0ea5e94d;--ags-btn-primary-text:#fff;--ags-btn-primary-shadow:0 4px 12px #3b82f64d;--ags-btn-primary-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--ags-btn-primary-hover-shadow:0 8px 20px #3b82f666;--ags-btn-secondary-bg:#ffffffe6;--ags-btn-secondary-text:#374151;--ags-btn-secondary-border:#fff3;--ags-btn-secondary-hover-bg:#f0f9ffe6;--ags-btn-secondary-hover-border:#0ea5e94d;--ags-btn-secondary-hover-shadow:0 4px 12px #0ea5e933}.ags-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);backdrop-filter:var(--ags-overlay-backdrop);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--ags-overlay-backdrop);background:#0006;background:var(--ags-overlay-bg);inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.ags-overlay,.ags-popup{display:flex;transition:all .3s ease}.ags-popup{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--ags-popup-bg);border:1px solid #fff3;border:1px solid var(--ags-popup-border);border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;box-shadow:var(--ags-popup-shadow);flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.ags-header{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--ags-header-bg);border-bottom:1px solid #0ea5e91a;border-bottom:1px solid var(--ags-header-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem;transition:all .3s ease}.ags-header-content{align-items:center;display:flex;gap:.75rem}.ags-header-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--ags-header-icon-bg);border-radius:12px;box-shadow:0 8px 20px #0ea5e94d;box-shadow:var(--ags-header-icon-shadow);display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.ags-header-icon .material-symbols-rounded{color:#fff;color:var(--ags-header-icon-text);font-size:24px;font-variation-settings:"FILL" 1,"wght" 600;transition:color .3s ease}.ags-header-text h2{color:#0c4a6e;color:var(--ags-header-title);font-family:Google Sans,Poppins,sans-serif;font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.ags-header-text p{color:#0369a1;color:var(--ags-header-subtitle);font-size:.85rem;margin:.1rem 0 0;opacity:.8;transition:color .3s ease}.ags-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--ags-close-btn-bg);border:none;border-radius:10px;color:#6b7280;color:var(--ags-close-btn-text);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ags-close-btn:hover{background:#ef44441a;background:var(--ags-close-btn-hover-bg);color:#ef4444;color:var(--ags-close-btn-hover-text);transform:scale(1.05)}.ags-close-btn .material-symbols-rounded{font-size:18px}.ags-banner{align-items:center;animation:slideDown .3s ease-out;border-radius:10px;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin:0 2rem 1rem;padding:.75rem 1rem;transition:all .3s ease}.ags-banner.error{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--ags-error-bg);border:1px solid #fca5a5;border:1px solid var(--ags-error-border);color:#991b1b;color:var(--ags-error-text)}.ags-banner.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--ags-success-bg);border:1px solid #6ee7b7;border:1px solid var(--ags-success-border);color:#065f46;color:var(--ags-success-text)}.ags-banner .material-symbols-rounded{font-size:18px}.ags-search-section{background:linear-gradient(135deg,#f8fafc,#fff);background:var(--ags-search-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ags-search-border);flex-shrink:0;padding:1rem 2rem;transition:all .3s ease}.ags-search-row{align-items:center;display:flex;gap:.75rem}.ags-search-bar{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.ags-search-icon{color:#9ca3af;color:var(--ags-search-icon-color);font-size:18px;left:.75rem;pointer-events:none;position:absolute;transition:color .3s ease;z-index:2}.ags-search-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--ags-search-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--ags-search-input-border);border-radius:10px;box-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;box-shadow:var(--ags-search-input-shadow);color:#1e293b;color:var(--ags-search-input-text);font-family:inherit;font-size:.9rem;font-weight:400;outline:none;padding:.6rem .75rem .6rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ags-search-input:focus{background:#fffffff2;background:var(--ags-search-input-focus-bg);border-color:#0ea5e9;border-color:var(--ags-search-input-focus-border);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0ea5e91a,0 4px 12px #0ea5e926;box-shadow:var(--ags-search-input-focus-shadow)}.ags-search-input::placeholder{color:#9ca3af;color:var(--ags-search-input-placeholder);font-weight:400}.ags-search-loading{animation:spin 1s linear infinite;color:#0ea5e9;color:var(--ags-search-loading-color);font-size:18px;position:absolute;right:.75rem;transition:color .3s ease}.ags-groups-section{background:linear-gradient(135deg,#f9fafb,#fff);background:var(--ags-groups-section-bg);overflow:hidden;transition:all .3s ease}.ags-groups-list,.ags-groups-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.ags-groups-list{gap:.6rem;height:100%;overflow-x:hidden;overflow-y:scroll;padding:1rem 2rem}.ags-groups-list::-webkit-scrollbar{background:#0000;width:12px}.ags-groups-list::-webkit-scrollbar-track{background:#e2e8f066;background:var(--ags-scrollbar-track);border-radius:6px;box-shadow:inset 0 0 4px #0000001a;margin:8px 0}.ags-groups-list::-webkit-scrollbar-thumb{background:#0ea5e94d;background:var(--ags-scrollbar-thumb);border:2px solid #e2e8f066;border:2px solid var(--ags-scrollbar-track);border-radius:6px;box-shadow:0 2px 6px #0003;-webkit-transition:background .3s ease;transition:background .3s ease}.ags-groups-list::-webkit-scrollbar-thumb:hover{background:#0ea5e999}.ags-groups-list::-webkit-scrollbar-thumb:active{background:#0ea5e9cc}.ags-groups-list{scrollbar-color:#0ea5e94d #e2e8f066;scrollbar-color:var(--ags-scrollbar-thumb) var(--ags-scrollbar-track);scrollbar-width:thick}.ags-group-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--ags-group-item-bg);border:1px solid #e2e8f099;border:1px solid var(--ags-group-item-border);border-radius:12px;box-shadow:0 2px 8px #0000000a;box-shadow:var(--ags-group-item-shadow);cursor:pointer;display:flex;flex-shrink:0;gap:.75rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ags-group-item:hover{background:#f0f9ffcc;background:var(--ags-group-item-hover-bg);border-color:#0ea5e933;border-color:var(--ags-group-item-hover-border);box-shadow:0 4px 12px #00000014;box-shadow:var(--ags-group-item-hover-shadow);transform:translateY(-1px)}.ags-group-item.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--ags-group-item-selected-bg);border-color:#0ea5e9;border-color:var(--ags-group-item-selected-border);box-shadow:0 4px 16px #0ea5e933;box-shadow:var(--ags-group-item-selected-shadow);transform:translateY(-1px)}.ags-group-item.current{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--ags-group-item-current-bg);border-color:#059669;border-color:var(--ags-group-item-current-border)}.ags-radio{flex-shrink:0;margin:0;position:relative}.ags-radio input{cursor:pointer;inset:0;margin:0;opacity:0;position:absolute}.ags-radiomark{align-items:center;background:#ffffffe6;background:var(--ags-radio-bg);border:2px solid #cbd5e1;border:2px solid var(--ags-radio-border);border-radius:50%;box-shadow:0 2px 4px #0000001a;box-shadow:var(--ags-radio-shadow);display:flex;height:20px;justify-content:center;transition:all .3s ease;width:20px}.ags-radiomark .material-symbols-rounded{color:#0000;font-size:14px;transition:color .3s ease}.ags-radio input:checked+.ags-radiomark{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--ags-radio-checked-bg);border-color:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:var(--ags-radio-checked-bg)}.ags-radio input:checked+.ags-radiomark .material-symbols-rounded{color:#fff;color:var(--ags-radio-checked-text)}.ags-group-icon{align-items:center;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:44px;justify-content:center;transition:all .3s ease;width:44px}.ags-group-icon.department{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--ags-icon-department-bg);color:#92400e;color:var(--ags-icon-department-text)}.ags-group-icon.course{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ags-icon-course-bg);color:#0369a1;color:var(--ags-icon-course-text)}.ags-group-icon.grade{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--ags-icon-grade-bg);color:#6b21a8;color:var(--ags-icon-grade-text)}.ags-group-icon.batch{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--ags-icon-batch-bg);color:#065f46;color:var(--ags-icon-batch-text)}.ags-group-icon.section{background:linear-gradient(135deg,#fed7d7,#fbb6ce);background:var(--ags-icon-section-bg);color:#be185d;color:var(--ags-icon-section-text)}.ags-group-icon.default{background:#f3f4f6;background:var(--ags-icon-default-bg);color:#6b7280;color:var(--ags-icon-default-text)}.ags-group-icon .material-symbols-rounded{font-size:20px;transition:color .3s ease}.ags-group-info{display:flex;flex:1 1;flex-direction:column;gap:.4rem;min-width:0}.ags-group-name{align-items:center;color:#1e293b;color:var(--ags-group-name-text);display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:600;gap:.5rem;line-height:1.3;margin:0;transition:color .3s ease}.ags-seats-indicator{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#6366f114;background:var(--ags-seats-indicator-bg);border:1px solid #6366f126;border:1px solid var(--ags-seats-indicator-border);border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;margin-left:auto;padding:.3rem .7rem;transition:all .3s ease}.ags-seats-indicator .material-symbols-rounded{color:#6366f1;color:var(--ags-seats-icon);flex-shrink:0;font-size:14px}.ags-seats-info{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem;line-height:1.2}.ags-seats-occupancy{color:#4338ca;color:var(--ags-seats-text);font-size:.8rem;font-weight:700;letter-spacing:.01em}.ags-seats-available{color:#4338ca;color:var(--ags-seats-text);font-size:.65rem;font-weight:500;opacity:.85;text-transform:lowercase}.ags-seats-bar{background:#6366f126;background:var(--ags-seats-bar-bg);flex-shrink:0;height:4px;overflow:hidden;width:36px}.ags-seats-bar,.ags-seats-fill{border-radius:2px;position:relative}.ags-seats-fill{background:linear-gradient(90deg,#22c55e,#16a34a);background:var(--ags-seats-fill-bg);height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.ags-seats-fill[data-occupancy=high]{background:linear-gradient(90deg,#f59e0b,#d97706);background:var(--ags-seats-fill-warning)}.ags-seats-fill[data-occupancy=full]{background:linear-gradient(90deg,#ef4444,#dc2626);background:var(--ags-seats-fill-danger)}.ags-current-badge{align-items:center;background:linear-gradient(135deg,#059669,#065f46);background:var(--ags-current-badge-bg);border-radius:6px;color:#fff;color:var(--ags-current-badge-text);display:inline-flex;font-size:.7rem;font-weight:600;gap:.2rem;letter-spacing:.025em;line-height:1;padding:.2rem .5rem;text-transform:uppercase;transition:all .3s ease}.ags-current-badge .material-symbols-rounded{font-size:12px}.ags-group-path{background:#0596691a;background:var(--ags-group-path-bg);border:1px solid #05966933;border-radius:6px;color:#059669;color:var(--ags-group-path-text);display:inline-block;font-size:.9rem;font-weight:600;line-height:1.2;max-width:-webkit-fit-content;max-width:fit-content;padding:.3rem .6rem;transition:all .3s ease}.ags-group-details{align-items:center;color:#6b7280;color:var(--ags-group-details-text);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.4rem;margin:0;transition:color .3s ease}.ags-group-code{color:#475569;color:var(--ags-group-code-text);font-weight:600;transition:color .3s ease}.ags-active-count{align-items:center;background:#22c55e1a;background:var(--ags-active-count-bg);border-radius:5px;color:#15803d;color:var(--ags-active-count-text);display:inline-flex;font-size:.7rem;font-weight:600;gap:.2rem;padding:.15rem .4rem;transition:all .3s ease}.ags-active-count .material-symbols-rounded{color:#22c55e;color:var(--ags-active-count-icon);font-size:11px}.ags-separator{color:#d1d5db;color:var(--ags-separator-color);font-size:.7rem;font-weight:700;opacity:.7;transition:color .3s ease}.ags-sort-order{font-weight:500;opacity:.8}.ags-type-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.7rem;font-weight:600;letter-spacing:.025em;line-height:1;padding:.2rem .5rem;text-transform:uppercase;transition:all .3s ease}.ags-type-badge.department{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--ags-type-department-bg);color:#92400e;color:var(--ags-type-department-text)}.ags-type-badge.course{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ags-type-course-bg);color:#0369a1;color:var(--ags-type-course-text)}.ags-type-badge.grade{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--ags-type-grade-bg);color:#6b21a8;color:var(--ags-type-grade-text)}.ags-type-badge.batch{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--ags-type-batch-bg);color:#065f46;color:var(--ags-type-batch-text)}.ags-type-badge.section{background:linear-gradient(135deg,#fed7d7,#fbb6ce);background:var(--ags-type-section-bg);color:#be185d;color:var(--ags-type-section-text)}.ags-type-badge.default{background:#f3f4f6;background:var(--ags-type-default-bg);color:#6b7280;color:var(--ags-type-default-text)}.ags-empty-state,.ags-loading-state{align-items:center;color:#6b7280;color:var(--ags-empty-state-text);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center;transition:color .3s ease}.ags-empty-state .material-symbols-rounded,.ags-loading-state .material-symbols-rounded{color:#9ca3af;color:var(--ags-empty-state-icon);font-size:3rem;margin-bottom:.75rem;opacity:.6;transition:color .3s ease}.ags-loading-state .material-symbols-rounded{color:#0ea5e9;color:var(--ags-loading-icon)}.ags-empty-state h3{color:#6b7280;color:var(--ags-empty-state-text);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.ags-empty-state p,.ags-loading-state p{font-size:.9rem;margin:0;opacity:.8}.ags-footer{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);background:var(--ags-footer-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--ags-footer-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 2rem;transition:all .3s ease}.ags-footer-info{color:#6b7280;color:var(--ags-text-muted);flex:1 1;font-size:.85rem}.ags-selection-info{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0ea5e91a;background:var(--ags-selection-info-bg);border:1px solid #0ea5e933;border:1px solid var(--ags-selection-info-border);border-radius:8px;color:#0c4a6e;color:var(--ags-selection-info-text);display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem .75rem;transition:all .3s ease}.ags-selection-info .material-symbols-rounded{font-size:14px}.ags-footer-actions{align-items:center;display:flex;gap:.75rem}.ags-btn-primary,.ags-btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.4rem;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.ags-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--ags-btn-primary-bg);border:1px solid #0000;box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--ags-btn-primary-shadow);color:#fff;color:var(--ags-btn-primary-text)}.ags-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--ags-btn-primary-hover-bg);box-shadow:0 8px 20px #3b82f666;box-shadow:var(--ags-btn-primary-hover-shadow);transform:translateY(-1px)}.ags-btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;background:var(--ags-btn-secondary-bg);border:1px solid #fff3;border:1px solid var(--ags-btn-secondary-border);color:#374151;color:var(--ags-btn-secondary-text)}.ags-btn-secondary:hover:not(:disabled){background:#f0f9ffe6;background:var(--ags-btn-secondary-hover-bg);border-color:#0ea5e94d;border-color:var(--ags-btn-secondary-hover-border);box-shadow:0 4px 12px #0ea5e933;box-shadow:var(--ags-btn-secondary-hover-shadow);transform:translateY(-1px)}.ags-btn-primary:disabled,.ags-btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.ags-btn-primary .material-symbols-rounded,.ags-btn-secondary .material-symbols-rounded{font-size:16px}.ags-spinning{animation:spin 1s linear infinite}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.ags-sheet-handle{display:none}@media (max-width:768px){.ags-overlay{align-items:flex-end;background:#0000008c;padding:0}.ags-popup{animation:ags-sheetUp .35s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0;max-height:92vh;max-width:100%!important;width:100%}@keyframes ags-sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ags-sheet-handle{background:#0000002e;border-radius:2px;display:block;height:4px;margin:0 auto .75rem;width:36px}[data-theme=dark] .ags-sheet-handle{background:#ffffff38}.ags-header{align-items:stretch;cursor:grab;flex-direction:column;padding:.875rem 1.25rem}.ags-header-content{align-items:center;display:flex;gap:.75rem}.ags-close-btn{position:absolute;right:1rem;top:1rem}.ags-header-icon{flex-shrink:0;height:40px;width:40px}.ags-header-icon .material-symbols-rounded{font-size:20px}.ags-header-text h2{font-size:1.05rem}.ags-header-text p{font-size:.8rem}.ags-search-section{padding-left:1.25rem;padding-right:1.25rem}.ags-groups-list{padding-left:1rem;padding-right:1rem}.ags-group-item{gap:.6rem;padding:.8rem}.ags-group-icon{height:36px;width:36px}.ags-group-icon .material-symbols-rounded{font-size:18px}.ags-group-details{flex-wrap:wrap;gap:.3rem}.ags-footer{align-items:stretch;flex-direction:column;gap:.875rem;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom))}.ags-footer-info{font-size:.8rem}.ags-selection-info{display:block;font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ags-footer-actions{justify-content:space-between;width:100%}.ags-btn-primary,.ags-btn-secondary{flex:1 1;justify-content:center}}@media (max-width:480px){.ags-sheet-handle{margin-bottom:.5rem}.ags-group-icon{height:32px;width:32px}.ags-group-icon .material-symbols-rounded{font-size:16px}.ags-group-item{padding:.7rem}.ags-group-name{font-size:.9rem}.ags-group-path{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ags-empty-state .material-symbols-rounded,.ags-loading-state .material-symbols-rounded{font-size:2.5rem}.ags-footer-actions{flex-direction:column;gap:.6rem}.ags-btn-primary,.ags-btn-secondary{width:100%}}.ags-btn-primary:focus,.ags-btn-secondary:focus,.ags-close-btn:focus,.ags-group-item:focus,.ags-search-input:focus{outline:2px solid #0ea5e9;outline:2px solid var(--ags-search-input-focus-border);outline-offset:2px}@media (prefers-contrast:high){.ags-popup{border:2px solid #000}[data-theme=dark] .ags-popup{border:2px solid #fff}.ags-btn-primary,.ags-btn-secondary,.ags-group-item{border:2px solid}}@media (prefers-reduced-motion:reduce){.ags-btn-primary,.ags-btn-secondary,.ags-group-item,.ags-popup,.ags-radiomark,.ags-search-input{animation:none;transition:none}.ags-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.ags-btn-primary:hover,.ags-btn-secondary:hover,.ags-close-btn:hover,.ags-group-item:hover{transform:none}.ags-banner,.ags-spinning{animation:none}}.ags-year-filter{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.ags-year-icon{color:#6b7280;color:var(--ags-text-muted);flex-shrink:0;font-size:17px}.ags-year-select{background:#fffc;background:var(--ags-search-input-bg);border:1.5px solid #e2e8f0cc;border:1.5px solid var(--ags-search-input-border);border-radius:10px;color:#1e293b;color:var(--ags-text-primary);cursor:pointer;font-size:.85rem;height:42px;min-width:150px;outline:none;padding:0 .75rem;transition:border-color .2s,box-shadow .2s}.ags-year-select:focus{border-color:#0ea5e9;border-color:var(--ags-search-input-focus-border);box-shadow:0 0 0 3px #0ea5e91a}.ags-year-group{margin-bottom:.5rem}.ags-year-group-header{align-items:center;background:linear-gradient(90deg,#0ea5e90a,#0000);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ags-search-border);color:#6b7280;color:var(--ags-text-muted);display:flex;font-size:.75rem;font-weight:700;gap:.4rem;letter-spacing:.06em;margin-bottom:.2rem;padding:.5rem 1rem .4rem;text-transform:uppercase}.ags-year-group-header .material-symbols-rounded{color:#0ea5e9;font-size:15px}.ags-year-count{background:#0ea5e91f;border-radius:10px;color:#0ea5e9;font-size:.7rem;font-weight:700;margin-left:auto;padding:1px 8px}.vm-page{background:#fff;box-sizing:border-box;font-family:Google Sans,Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem}[data-theme=dark] .vm-page{background:#0f172a}.vm-page *{-webkit-overflow-scrolling:touch}.vm-page-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.vm-page-header,.vm-page-header-left{align-items:center;display:flex;gap:1rem}.vm-page-icon-wrap{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:14px;box-shadow:0 4px 14px #06b6d459;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.vm-page-icon-wrap .material-symbols-rounded{color:#fff;font-size:1.5rem}[data-theme=dark] .vm-page-icon-wrap{background:linear-gradient(135deg,#00ff8840,#00ff8826);box-shadow:0 4px 14px #0f83}[data-theme=dark] .vm-page-icon-wrap .material-symbols-rounded{color:#0f8}.vm-page-header-left h2{color:#0c4a6e;font-size:1.6rem;font-weight:700;margin:0 0 .2rem}[data-theme=dark] .vm-page-header-left h2{color:#f0f9ff}.vm-page-header-left p{color:#64748b;font-size:.875rem;margin:0}[data-theme=dark] .vm-page-header-left p{color:#94a3b8}.vm-primary-btn{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:12px;box-shadow:0 4px 14px #06b6d459;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.7rem 1.4rem;transition:all .2s ease;white-space:nowrap}.vm-primary-btn:hover{box-shadow:0 6px 20px #06b6d473;transform:translateY(-2px)}.vm-primary-btn .material-symbols-rounded{font-size:1.1rem}[data-theme=dark] .vm-primary-btn{background:linear-gradient(135deg,#0f83,#00c86440);box-shadow:0 4px 14px #0f83;color:#0f8}[data-theme=dark] .vm-primary-btn:hover{box-shadow:0 6px 20px #00ff884d}.vm-body{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:320px 1fr}.vm-left-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 6px 20px #0000000d;display:flex;flex-direction:column;max-height:calc(100vh - 180px);overflow:hidden;position:-webkit-sticky;position:sticky;top:1rem;transition:box-shadow .2s ease}.vm-left-panel:hover{box-shadow:0 8px 24px #00000014}[data-theme=dark] .vm-left-panel{background:#1e293be6;border-color:#ffffff1a;box-shadow:0 6px 20px #0006}[data-theme=dark] .vm-left-panel:hover{box-shadow:0 8px 24px #00000080}.vm-panel-head{align-items:center;border-bottom:1px solid #0ea5e91a;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.25rem 1rem}[data-theme=dark] .vm-panel-head{border-bottom-color:#ffffff0f}.vm-panel-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}[data-theme=dark] .vm-panel-label{color:#64748b}.vm-count-badge{align-items:center;background:#0ea5e91f;border-radius:99px;color:#0ea5e9;display:inline-flex;font-size:.72rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}[data-theme=dark] .vm-count-badge{background:#00ff881f;color:#00cc70}.vm-config-list{display:flex;flex:1 1;flex-direction:column;gap:.4rem;list-style:none;margin:0;overflow-y:auto;padding:.75rem}.vm-config-list::-webkit-scrollbar{width:4px}.vm-config-list::-webkit-scrollbar-track{background:#0000}.vm-config-list::-webkit-scrollbar-thumb{background:#0ea5e940;border-radius:2px}[data-theme=dark] .vm-config-list::-webkit-scrollbar-thumb{background:#0f83}.vm-config-item{align-items:center;border:1px solid #0000;border-radius:14px;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;padding:.85rem 1rem;transition:all .18s ease}.vm-config-item:hover{background:#0ea5e90f;border-color:#0ea5e926}[data-theme=dark] .vm-config-item:hover{background:#00ff880d;border-color:#00ff881f}.vm-config-item--active{background:linear-gradient(135deg,#0ea5e91f,#06b6d414)!important;border-color:#0ea5e94d!important;box-shadow:0 2px 8px #0ea5e91f}[data-theme=dark] .vm-config-item--active{background:linear-gradient(135deg,#00ff881a,#00c8640f)!important;border-color:#00ff8840!important;box-shadow:0 2px 8px #00ff881a}.vm-config-item-body{flex:1 1;min-width:0}.vm-config-item-name{color:#1e293b;display:block;font-size:.875rem;font-weight:600;margin-bottom:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .vm-config-item-name{color:#e2e8f0}.vm-config-item--active .vm-config-item-name{color:#0369a1}[data-theme=dark] .vm-config-item--active .vm-config-item-name{color:#00cc70}.vm-config-item-chips{display:flex;flex-wrap:wrap;gap:.35rem}.vm-config-item-aside{align-items:center;display:flex;flex-shrink:0;gap:.4rem}.vm-status-dot{border-radius:50%;flex-shrink:0;height:8px;transition:background .2s;width:8px}.vm-status-dot--on{background:#10b981;box-shadow:0 0 6px #10b98180}.vm-status-dot--off{background:#94a3b8}.vm-del-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;transition:all .15s ease;width:28px}.vm-config-item:hover .vm-del-btn{opacity:1}.vm-del-btn:hover{background:#ef44441a;color:#ef4444}.vm-del-btn .material-symbols-rounded{font-size:1rem}.vm-chip{align-items:center;border-radius:99px;display:inline-flex;font-size:.7rem;font-weight:600;padding:.2rem .6rem;white-space:nowrap}.vm-chip--group{background:#8b5cf61f;color:#7c3aed}.vm-chip--type{background:#0ea5e91f;color:#0284c7}[data-theme=dark] .vm-chip--group{background:#a284ff26;color:#a78bfa}[data-theme=dark] .vm-chip--type{background:#00f2fe1f;color:#22d3ee}.vm-list-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1.5rem}.vm-list-empty .material-symbols-rounded{color:#cbd5e1;font-size:2.5rem}[data-theme=dark] .vm-list-empty .material-symbols-rounded{color:#334155}.vm-list-empty p{color:#94a3b8;font-size:.875rem;margin:0}.vm-skeletons{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.vm-skeleton{animation:vm-shimmer 1.4s infinite;background:linear-gradient(90deg,#0ea5e90d 25%,#0ea5e91a 50%,#0ea5e90d 75%);background-size:200% 100%;border-radius:14px;height:64px}[data-theme=dark] .vm-skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%);background-size:200% 100%}@keyframes vm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vm-right-panel{display:flex;flex-direction:column;gap:1.5rem}.vm-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 6px 20px #0000000d;overflow:hidden;transition:box-shadow .2s ease}.vm-card:hover{box-shadow:0 8px 24px #00000014}[data-theme=dark] .vm-card{background:#1e293be6;border-color:#ffffff1a;box-shadow:0 6px 20px #0006}[data-theme=dark] .vm-card:hover{box-shadow:0 8px 24px #00000080}.vm-card-header{align-items:center;border-bottom:1px solid #0ea5e914;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}[data-theme=dark] .vm-card-header{border-bottom-color:#ffffff0d}.vm-card-title{align-items:center;display:flex;gap:.6rem}.vm-card-title .material-symbols-rounded{background:#0ea5e91a;border-radius:8px;color:#0ea5e9;display:flex;font-size:1.2rem;padding:.3rem}[data-theme=dark] .vm-card-title .material-symbols-rounded{background:#00ff881a;color:#00cc70}.vm-card-title h3{color:#0f172a;font-size:1rem;font-weight:700;margin:0}[data-theme=dark] .vm-card-title h3{color:#f1f5f9}.vm-save-btn{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:10px;box-shadow:0 3px 10px #06b6d44d;color:#fff;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.5rem 1.1rem;transition:all .2s ease}.vm-save-btn:hover{box-shadow:0 5px 14px #06b6d466;transform:translateY(-1px)}.vm-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.vm-save-btn .material-symbols-rounded{font-size:1rem}[data-theme=dark] .vm-save-btn{background:linear-gradient(135deg,#0f83,#00c86440);box-shadow:0 3px 10px #0f83;color:#0f8}.vm-add-btn{align-items:center;background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:10px;color:#0284c7;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.5rem 1.1rem;transition:all .2s ease}.vm-add-btn:hover{background:#0ea5e92e;border-color:#0ea5e959;transform:translateY(-1px)}.vm-add-btn .material-symbols-rounded{font-size:1rem}[data-theme=dark] .vm-add-btn{background:#00ff8814;border-color:#00ff8826;color:#00cc70}[data-theme=dark] .vm-add-btn:hover{background:#00ff8824;border-color:#00ff8847}.vm-detail-grid{grid-gap:1.25rem 1.5rem;display:grid;gap:1.25rem 1.5rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.vm-field{display:flex;flex-direction:column;gap:.4rem}.vm-field>label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}[data-theme=dark] .vm-field>label{color:#64748b}.vm-readonly-field{align-items:center;background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:10px;color:#334155;display:flex;font-size:.875rem;min-height:38px;padding:.6rem .875rem}[data-theme=dark] .vm-readonly-field{background:#1e293b99;border-color:#ffffff12;color:#94a3b8}.vm-readonly-field--dim{color:#94a3b8;font-style:italic}.vm-textarea{background:#f1f5f980;border:1px solid #e2e8f0cc;border-radius:10px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.875rem;padding:.7rem .875rem;resize:vertical;transition:all .2s ease;width:100%}.vm-textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f;outline:none}[data-theme=dark] .vm-textarea{background:#0f172a99;border-color:#ffffff14;color:#e2e8f0}[data-theme=dark] .vm-textarea:focus{border-color:#00cc70;box-shadow:0 0 0 3px #00ff881a}.vm-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;gap:.65rem;padding:0;-webkit-user-select:none;user-select:none}.vm-toggle__track{background:#cbd5e1;border-radius:99px;box-shadow:inset 0 1px 3px #00000026;flex-shrink:0;height:24px;position:relative;transition:background .25s ease;width:44px}[data-theme=dark] .vm-toggle__track{background:#334155}.vm-toggle__thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;height:18px;left:3px;position:absolute;top:3px;transition:transform .25s cubic-bezier(.4,0,.2,1);width:18px}.vm-toggle--on .vm-toggle__track{background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 2px 8px #06b6d459}[data-theme=dark] .vm-toggle--on .vm-toggle__track{background:linear-gradient(135deg,#00cc70,#00a857);box-shadow:0 2px 8px #00ff884d}.vm-toggle--on .vm-toggle__thumb{transform:translateX(20px)}.vm-toggle__label{color:#64748b;font-size:.875rem;font-weight:600;transition:color .2s}[data-theme=dark] .vm-toggle__label{color:#64748b}.vm-toggle--on .vm-toggle__label{color:#0284c7}[data-theme=dark] .vm-toggle--on .vm-toggle__label{color:#00cc70}.vm-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.vm-table{border-collapse:collapse;min-width:560px;width:100%}.vm-table thead tr{border-bottom:2px solid #0ea5e91a}[data-theme=dark] .vm-table thead tr{border-bottom-color:#ffffff0f}.vm-table th{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.75rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.vm-table td{border-bottom:1px solid #e2e8f099;color:#334155;font-size:.875rem;padding:.85rem 1.25rem;vertical-align:middle}[data-theme=dark] .vm-table td{border-bottom-color:#ffffff0a;color:#cbd5e1}.vm-table tbody tr{transition:background .15s ease}.vm-table tbody tr:hover{background:#0ea5e90a}[data-theme=dark] .vm-table tbody tr:hover{background:#00ff8808}.vm-table tbody tr:last-child td{border-bottom:none}.vm-ext-value{color:#1e293b;font-weight:500}[data-theme=dark] .vm-ext-value{color:#e2e8f0}.vm-code{background:#0ea5e91a;border-radius:6px;color:#0369a1;display:inline-block;font-family:Fira Code,Courier New,monospace;font-size:.8rem;padding:.2rem .55rem}[data-theme=dark] .vm-code{background:#00f2fe1a;color:#22d3ee}.vm-muted{color:#94a3b8}.vm-dash{color:#cbd5e1}.vm-default-badge{align-items:center;background:#f59e0b1f;border-radius:99px;color:#b45309;display:inline-flex;font-size:.72rem;font-weight:700;gap:.25rem;padding:.2rem .65rem}.vm-default-badge .material-symbols-rounded{font-size:.85rem}[data-theme=dark] .vm-default-badge{background:#fbbf241f;color:#fbbf24}.vm-row-actions{gap:.35rem}.vm-action-btn,.vm-row-actions{align-items:center;display:flex}.vm-action-btn{border:none;border-radius:9px;cursor:pointer;height:32px;justify-content:center;transition:all .15s ease;width:32px}.vm-action-btn .material-symbols-rounded{font-size:1.05rem}.vm-action-btn--edit{background:#0ea5e91a;color:#0284c7}.vm-action-btn--edit:hover{background:#0ea5e933;transform:translateY(-1px)}.vm-action-btn--del{background:#ef444414;color:#dc2626}.vm-action-btn--del:hover{background:#ef44442e;transform:translateY(-1px)}[data-theme=dark] .vm-action-btn--edit{background:#00f2fe14;color:#22d3ee}[data-theme=dark] .vm-action-btn--del{background:#ef44441a;color:#f87171}.vm-table-empty{align-items:center;display:flex;flex-direction:column;gap:.6rem;padding:3rem 2rem}.vm-table-empty .material-symbols-rounded{color:#cbd5e1;font-size:2.5rem}[data-theme=dark] .vm-table-empty .material-symbols-rounded{color:#334155}.vm-table-empty p{color:#94a3b8;font-size:.9rem;font-weight:600;margin:0}.vm-table-empty small{color:#94a3b8;font-size:.8rem}.vm-splash{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:2px dashed #0ea5e933;border-radius:20px;box-shadow:0 6px 20px #0000000d;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:360px;padding:4rem 2rem;text-align:center;transition:box-shadow .2s ease}.vm-splash:hover{box-shadow:0 8px 24px #00000014}[data-theme=dark] .vm-splash{background:#1e293be6;border-color:#00ff881f;box-shadow:0 6px 20px #0006}[data-theme=dark] .vm-splash:hover{box-shadow:0 8px 24px #00000080}.vm-splash-icon{align-items:center;background:linear-gradient(135deg,#0ea5e926,#06b6d41a);border-radius:20px;display:flex;height:72px;justify-content:center;margin-bottom:.5rem;width:72px}.vm-splash-icon .material-symbols-rounded{color:#0ea5e9;font-size:2rem}[data-theme=dark] .vm-splash-icon{background:linear-gradient(135deg,#00ff881a,#00c8640f)}[data-theme=dark] .vm-splash-icon .material-symbols-rounded{color:#00cc70}.vm-splash h3{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0}[data-theme=dark] .vm-splash h3{color:#e2e8f0}.vm-splash p{color:#64748b;font-size:.875rem;margin:0;max-width:280px}.vm-backdrop{align-items:center;animation:vm-fade-in .15s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes vm-fade-in{0%{opacity:0}to{opacity:1}}.vm-modal{animation:vm-slide-up .2s ease;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);background:#fffffff2;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 24px 64px #0000002e,0 8px 24px #0000001a;display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-width:620px;overflow:hidden;width:100%}.vm-modal--narrow{max-width:480px}[data-theme=dark] .vm-modal{background:#1e293bf2;border-color:#ffffff1a;box-shadow:0 24px 64px #0009}@keyframes vm-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.vm-modal-header{align-items:flex-start;border-bottom:1px solid #0ea5e914;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 1.5rem 1.25rem}[data-theme=dark] .vm-modal-header{border-bottom-color:#ffffff0f}.vm-modal-title{align-items:flex-start;display:flex;gap:.85rem}.vm-modal-icon{align-items:center;background:linear-gradient(135deg,#0ea5e926,#06b6d41a);border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.vm-modal-icon .material-symbols-rounded{color:#0ea5e9;font-size:1.2rem}[data-theme=dark] .vm-modal-icon{background:#00ff881a}[data-theme=dark] .vm-modal-icon .material-symbols-rounded{color:#00cc70}.vm-modal-title h3{color:#0f172a;font-size:1.05rem;font-weight:700;margin:0 0 .2rem}[data-theme=dark] .vm-modal-title h3{color:#f1f5f9}.vm-modal-title p{color:#64748b;font-size:.8rem;margin:0}[data-theme=dark] .vm-modal-title p{color:#475569}.vm-modal-close{align-items:center;background:#64748b1a;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;width:32px}.vm-modal-close:hover{background:#ef44441a;color:#ef4444}.vm-modal-close .material-symbols-rounded{font-size:1.1rem}.vm-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.vm-modal-grid{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:1fr 1fr}.vm-modal-single{display:flex;flex-direction:column;gap:1.1rem}.vm-field--span2{grid-column:1/-1}.vm-input{background:#f8fafccc;border:1px solid #e2e8f0e6;border-radius:10px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.875rem;padding:.65rem .875rem;transition:all .2s ease;width:100%}.vm-input:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f;outline:none}.vm-input::placeholder{color:#94a3b8}[data-theme=dark] .vm-input{background:#1e293b99;border-color:#ffffff14;color:#e2e8f0}[data-theme=dark] .vm-input:focus{background:#1e293be6;border-color:#00cc70;box-shadow:0 0 0 3px #00ff881a}.vm-req{color:#ef4444;margin-left:2px}.vm-modal-footer{align-items:center;border-top:1px solid #0ea5e914;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}[data-theme=dark] .vm-modal-footer{border-top-color:#ffffff0f}.vm-btn-ghost{background:#64748b1a;border:1px solid #64748b33;border-radius:10px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:600;padding:.6rem 1.25rem;transition:all .15s ease}.vm-btn-ghost:hover{background:#64748b2e;color:#475569}[data-theme=dark] .vm-btn-ghost{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}.vm-btn-primary{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:10px;box-shadow:0 3px 10px #06b6d44d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.6rem 1.4rem;transition:all .2s ease}.vm-btn-primary:hover{box-shadow:0 5px 16px #06b6d466;transform:translateY(-1px)}.vm-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.vm-btn-primary .material-symbols-rounded{font-size:1rem}[data-theme=dark] .vm-btn-primary{background:linear-gradient(135deg,#00ff8838,#00c86447);box-shadow:0 3px 10px #0f83;color:#0f8}.vm-spinner{animation:vm-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes vm-spin{to{transform:rotate(1turn)}}@media (max-width:1100px){.vm-body{grid-template-columns:280px 1fr}}@media (max-width:900px){.vm-body{grid-template-columns:1fr}.vm-left-panel{max-height:280px;position:static}.vm-detail-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.vm-page{padding:1rem}.vm-page-header{align-items:stretch;flex-direction:column}.vm-primary-btn{justify-content:center;width:100%}.vm-detail-grid,.vm-modal-grid{grid-template-columns:1fr}.vm-field--span2{grid-column:1}.vm-modal{border-radius:20px}.vm-modal-footer{flex-direction:column-reverse;gap:.6rem}.vm-btn-ghost,.vm-btn-primary{justify-content:center;width:100%}}@media (hover:none) and (pointer:coarse){.vm-del-btn{opacity:1}.vm-toggle{min-height:44px}.vm-action-btn{height:40px;width:40px}}.die-page{background:#fff;display:flex;flex-direction:column;height:100%;overflow-x:hidden;width:100%}[data-theme=dark] .die-page{background:#0f172a}*{-webkit-overflow-scrolling:touch}.die-tabs-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-bottom:2px solid #e2e8f0;padding:1rem 2rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .die-tabs-container{background:#1a1a1acc;border-bottom-color:#ffffff1a}.die-tab,.die-tabs{display:flex;gap:.5rem}.die-tab{align-items:center;background:#0000;border:none;border-radius:12px 12px 0 0;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.die-tab:hover{background:#06b6d40d;color:#0891b2}[data-theme=dark] .die-tab:hover{background:#00ff880d;color:#065f46}.die-tab.active{background:#fff;box-shadow:0 -4px 12px #06b6d426;color:#06b6d4}[data-theme=dark] .die-tab.active{background:#1e293bcc;box-shadow:0 -4px 12px #00ff881a;color:#065f46}.die-tab.active:after{background:#06b6d4;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}[data-theme=dark] .die-tab.active:after{background:#065f46}.die-tab .material-symbols-rounded{font-size:1.2rem}.die-content{flex:1 1;overflow:auto;position:relative}.die-placeholder{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-radius:20px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;justify-content:center;margin:2rem;padding:4rem 2rem;text-align:center}[data-theme=dark] .die-placeholder{background:#1a1a1acc}.die-placeholder .material-symbols-rounded{color:#cbd5e1;font-size:5rem;margin-bottom:1rem}[data-theme=dark] .die-placeholder .material-symbols-rounded{color:#475569}.die-placeholder h3{color:#334155;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}[data-theme=dark] .die-placeholder h3{color:#e2e8f0}.die-placeholder p{color:#64748b;font-size:1rem}@media (max-width:1200px){.die-tabs-container{padding:.75rem 1.5rem 0}.die-tab{font-size:.9rem;padding:.7rem 1.25rem}}@media (max-width:992px){.die-tabs-container{padding:.5rem 1rem 0}.die-tab{font-size:.875rem;padding:.65rem 1rem}.die-placeholder{margin:1.5rem;padding:3rem 2rem}.die-placeholder .material-symbols-rounded{font-size:4rem}.die-placeholder h3{font-size:1.3rem}}@media (max-width:768px){.die-page{background:linear-gradient(135deg,#f8fafc,#e0f2fe)}[data-theme=dark] .die-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.die-tabs-container{padding:.5rem .75rem 0;position:relative}.die-tabs{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scroll-behavior:smooth;scrollbar-width:none}.die-tabs::-webkit-scrollbar{display:none}.die-tabs:after,.die-tabs:before{bottom:2px;content:"";pointer-events:none;position:absolute;top:0;width:20px;z-index:1}.die-tabs:before{background:linear-gradient(90deg,#fffc,#0000);left:0}[data-theme=dark] .die-tabs:before{background:linear-gradient(90deg,#1a1a1acc,#0000)}.die-tabs:after{background:linear-gradient(270deg,#fffc,#0000);right:0}[data-theme=dark] .die-tabs:after{background:linear-gradient(270deg,#1a1a1acc,#0000)}.die-tab{border-radius:10px 10px 0 0;flex-shrink:0;font-size:.85rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.65rem 1rem;white-space:nowrap}.die-tab .material-symbols-rounded{font-size:1.1rem}.die-tab.active{box-shadow:0 -3px 10px #06b6d426}[data-theme=dark] .die-tab.active{box-shadow:0 -3px 10px #00ff881a}.die-content{min-height:calc(100vh - 120px)}.die-placeholder{border-radius:16px;margin:1rem;padding:2.5rem 1.5rem}.die-placeholder .material-symbols-rounded{font-size:3.5rem;margin-bottom:.75rem}.die-placeholder h3{font-size:1.2rem;margin-bottom:.4rem}.die-placeholder p{font-size:.9rem}}@media (max-width:480px){.die-tabs-container{padding:.4rem .5rem 0}.die-tab{font-size:.8rem;gap:.4rem;padding:.6rem .875rem}.die-tab .material-symbols-rounded{font-size:1rem}.die-placeholder{margin:.75rem;padding:2rem 1rem}.die-placeholder .material-symbols-rounded{font-size:3rem}.die-placeholder h3{font-size:1.1rem}.die-placeholder p{font-size:.85rem}}@media (max-width:768px) and (orientation:landscape){.die-content{min-height:calc(100vh - 100px)}.die-placeholder{padding:2rem 1.5rem}.die-placeholder .material-symbols-rounded{font-size:3rem;margin-bottom:.5rem}}@media (hover:none) and (pointer:coarse){.die-tab{-webkit-tap-highlight-color:transparent;min-height:44px;-webkit-user-select:none;user-select:none}.die-tab:active{transform:scale(.98);transition:transform .1s ease}.die-tabs{scroll-snap-type:x proximity}.die-tab{scroll-snap-align:start}}@media (max-width:360px){.die-tab{font-size:.75rem;padding:.55rem .75rem}.die-tab .material-symbols-rounded{font-size:.95rem}.die-placeholder{margin:.5rem;padding:1.5rem .75rem}.die-placeholder .material-symbols-rounded{font-size:2.5rem}.die-placeholder h3{font-size:1rem}.die-placeholder p{font-size:.8rem}}.imp-page{box-sizing:border-box;display:flex;flex-direction:column;gap:1.75rem;min-height:100%;padding:2rem}.imp-header{flex-wrap:wrap;justify-content:space-between}.imp-header,.imp-header-left{align-items:center;display:flex;gap:1rem}.imp-header-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:14px;box-shadow:0 4px 14px #06b6d459;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.imp-header-icon .material-symbols-rounded{color:#fff;font-size:1.5rem}[data-theme=dark] .imp-header-icon{background:linear-gradient(135deg,#00ff8840,#00ff8826);box-shadow:0 4px 14px #0f83}[data-theme=dark] .imp-header-icon .material-symbols-rounded{color:#0f8}.imp-header h2{color:#0c4a6e;font-size:1.5rem;font-weight:700;margin:0 0 .2rem}[data-theme=dark] .imp-header h2{color:#f0f9ff}.imp-header p{color:#64748b;font-size:.875rem;margin:0}.imp-back-btn{align-items:center;background:#64748b1a;border:1px solid #64748b33;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .15s}.imp-back-btn:hover{background:#64748b2e}.imp-back-btn .material-symbols-rounded{font-size:1rem}[data-theme=dark] .imp-back-btn{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}.imp-steps{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 6px 20px #0000000d;display:flex;gap:0;padding:1.25rem 1.5rem;transition:box-shadow .2s ease}.imp-steps:hover{box-shadow:0 8px 24px #00000014}[data-theme=dark] .imp-steps{background:#1e293be6;border-color:#ffffff1a;box-shadow:0 6px 20px #0006}[data-theme=dark] .imp-steps:hover{box-shadow:0 8px 24px #00000080}.imp-step{flex-direction:column;flex-shrink:0;gap:.4rem}.imp-step,.imp-step-circle{align-items:center;display:flex}.imp-step-circle{background:#64748b1f;border-radius:50%;color:#94a3b8;font-size:0;height:36px;justify-content:center;transition:all .25s ease;width:36px}.imp-step-circle .material-symbols-rounded{font-size:1.1rem}.imp-step--active .imp-step-circle{background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 4px 12px #06b6d459;color:#fff}.imp-step--done .imp-step-circle{background:#10b981;color:#fff}[data-theme=dark] .imp-step--active .imp-step-circle{background:linear-gradient(135deg,#00cc70,#00a857);box-shadow:0 4px 12px #00ff884d}.imp-step-label{color:#94a3b8;font-size:.7rem;font-weight:600;text-align:center;white-space:nowrap}.imp-step--active .imp-step-label{color:#0ea5e9}.imp-step--done .imp-step-label{color:#10b981}[data-theme=dark] .imp-step--active .imp-step-label{color:#00cc70}.imp-step-line{background:#64748b26;border-radius:1px;flex:1 1;height:2px;margin:0 .5rem 1rem;transition:background .25s}.imp-step-line--lit{background:linear-gradient(90deg,#10b981,#0ea5e9)}[data-theme=dark] .imp-step-line--lit{background:linear-gradient(90deg,#00cc70,#22d3ee)}.imp-section{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 6px 20px #0000000d;display:flex;flex-direction:column;gap:1.5rem;padding:1.75rem;transition:box-shadow .2s ease}.imp-section:hover{box-shadow:0 8px 24px #00000014}[data-theme=dark] .imp-section{background:#1e293be6;border-color:#ffffff1a;box-shadow:0 6px 20px #0006}[data-theme=dark] .imp-section:hover{box-shadow:0 8px 24px #00000080}.imp-section--center{align-items:center;text-align:center}.imp-section-title{align-items:center;display:flex;gap:.6rem}.imp-section-title .material-symbols-rounded{background:#0ea5e91a;border-radius:8px;color:#0ea5e9;font-size:1.2rem;padding:.3rem}[data-theme=dark] .imp-section-title .material-symbols-rounded{background:#00ff881a;color:#00cc70}.imp-section-title h3{color:#0f172a;font-size:1.05rem;font-weight:700;margin:0}[data-theme=dark] .imp-section-title h3{color:#f1f5f9}.imp-section-desc{color:#64748b;font-size:.875rem;margin:0}.imp-module-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.imp-module-card{align-items:center;background:#f8fafccc;border:2px solid #e2e8f0b3;border-radius:16px;cursor:pointer;display:flex;gap:1rem;padding:1.1rem 1.25rem;position:relative;text-align:left;transition:all .2s ease}.imp-module-card:hover:not(.imp-module-card--disabled){background:#0ea5e90a;border-color:#0ea5e959;box-shadow:0 6px 20px #0ea5e91a;transform:translateY(-2px)}[data-theme=dark] .imp-module-card{background:#1e293b80;border-color:#ffffff14}[data-theme=dark] .imp-module-card:hover:not(.imp-module-card--disabled){background:#00ff880a;border-color:#0f83}.imp-module-card--selected{background:#0ea5e912!important;border-color:#0ea5e9!important;box-shadow:0 0 0 4px #0ea5e91f!important}[data-theme=dark] .imp-module-card--selected{background:#00cc700f!important;border-color:#00cc70!important;box-shadow:0 0 0 4px #00ff881a!important}.imp-module-card--disabled{cursor:not-allowed;opacity:.55}.imp-module-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.imp-module-icon .material-symbols-rounded{font-size:1.4rem}.imp-module-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.imp-module-name{color:#1e293b;font-size:.9rem;font-weight:700}[data-theme=dark] .imp-module-name{color:#e2e8f0}.imp-module-desc{color:#64748b;font-size:.75rem}.imp-soon-badge{background:#f59e0b26;border-radius:99px;color:#b45309;font-size:.65rem;font-weight:700;padding:.15rem .5rem;position:absolute;right:8px;top:8px}[data-theme=dark] .imp-soon-badge{background:#fbbf241f;color:#fbbf24}.imp-selected-check{color:#0ea5e9;font-size:1.2rem;position:absolute;right:8px;top:8px}[data-theme=dark] .imp-selected-check{color:#00cc70}.imp-module-detail{background:#f0f9ff99;border:1px solid #0ea5e933;border-radius:14px;overflow:hidden}[data-theme=dark] .imp-module-detail{background:#0ea5e90d;border-color:#0ea5e926}.imp-module-detail-header{align-items:center;background:#0ea5e914;color:#0284c7;display:flex;font-size:.8rem;font-weight:700;gap:.5rem;padding:.75rem 1rem}.imp-module-detail-header .material-symbols-rounded{font-size:1rem}[data-theme=dark] .imp-module-detail-header{background:#00ff880f;color:#00cc70}.imp-columns-list{display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem 1rem}.imp-column-tag{background:#0ea5e91a;border-radius:6px;color:#0369a1;display:inline-block;font-family:Fira Code,monospace;font-size:.75rem;padding:.2rem .55rem}[data-theme=dark] .imp-column-tag{background:#00f2fe14;color:#22d3ee}.imp-column-tag--required{background:#ef444414;border:1px solid #ef444433;color:#dc2626}[data-theme=dark] .imp-column-tag--required{background:#f871711a;border-color:#f8717138;color:#f87171}.imp-required-star{color:#ef4444;font-size:.7em;font-weight:700;margin-left:1px;vertical-align:super}.imp-mandatory-note{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:4px;margin-top:10px}[data-theme=dark] .imp-mandatory-note{color:#94a3b8}.imp-module-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.72rem;font-weight:700;padding:.2rem .65rem}.imp-dropzone{align-items:center;background:#f0f9ff66;border:2px dashed #0ea5e94d;border-radius:18px;cursor:pointer;display:flex;justify-content:center;min-height:180px;transition:all .2s ease}.imp-dropzone--over,.imp-dropzone:hover:not(.imp-dropzone--filled){background:#0ea5e912;border-color:#0ea5e9}.imp-dropzone--filled{background:#10b9810a;border-color:#10b98166;border-style:solid;cursor:default}[data-theme=dark] .imp-dropzone{background:#00ff8808;border-color:#00ff8826}[data-theme=dark] .imp-dropzone--over,[data-theme=dark] .imp-dropzone:hover:not(.imp-dropzone--filled){background:#00ff880f;border-color:#00cc70}.imp-dropzone-inner{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:2rem;pointer-events:none}.imp-dropzone-icon{align-items:center;background:#0ea5e91a;border-radius:16px;display:flex;height:60px;justify-content:center;margin-bottom:.5rem;width:60px}.imp-dropzone-icon .material-symbols-rounded{color:#0ea5e9;font-size:1.8rem}[data-theme=dark] .imp-dropzone-icon{background:#00ff881a}[data-theme=dark] .imp-dropzone-icon .material-symbols-rounded{color:#00cc70}.imp-dropzone-text{color:#1e293b;font-size:1rem;font-weight:600;margin:0}[data-theme=dark] .imp-dropzone-text{color:#e2e8f0}.imp-dropzone-sub{color:#64748b;font-size:.875rem;margin:0}.imp-dropzone-hint{background:#0ea5e91a;border-radius:99px;color:#0284c7;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.25rem;padding:.25rem .75rem}[data-theme=dark] .imp-dropzone-hint{background:#00ff8814;color:#00cc70}.imp-file-selected{align-items:center;box-sizing:border-box;display:flex;gap:1rem;padding:1.25rem 1.5rem;width:100%}.imp-file-icon{align-items:center;background:#10b9811a;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.imp-file-icon .material-symbols-rounded{color:#10b981;font-size:1.5rem}.imp-file-info{flex:1 1;min-width:0}.imp-file-name{color:#1e293b;display:block;font-size:.9rem;font-weight:600;word-break:break-all}[data-theme=dark] .imp-file-name{color:#e2e8f0}.imp-file-size{color:#64748b;font-size:.8rem}.imp-file-remove{align-items:center;background:#ef444414;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;width:32px}.imp-file-remove:hover{background:#ef44442e}.imp-file-remove .material-symbols-rounded{font-size:1.1rem}.imp-info-box{align-items:flex-start;background:#f59e0b0f;border:1px solid #f59e0b33;border-radius:14px;display:flex;gap:.85rem;padding:1rem 1.25rem}.imp-info-box .material-symbols-rounded{color:#d97706;flex-shrink:0;font-size:1.2rem;margin-top:2px}.imp-info-box strong{color:#92400e;display:block;font-size:.875rem;font-weight:700;margin-bottom:.2rem}.imp-info-box p{color:#78350f;font-size:.8rem;margin:0}[data-theme=dark] .imp-info-box{background:#fbbf240f;border-color:#fbbf2426}[data-theme=dark] .imp-info-box strong{color:#fbbf24}[data-theme=dark] .imp-info-box p{color:#fde68a}.imp-action-row{align-items:center;border-top:1px solid #e2e8f099;display:flex;justify-content:space-between;padding-top:.5rem}[data-theme=dark] .imp-action-row{border-top-color:#ffffff0f}.imp-btn-primary{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:12px;box-shadow:0 4px 14px #06b6d459;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.45rem;padding:.65rem 1.5rem;transition:all .2s ease}.imp-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #06b6d473;transform:translateY(-2px)}.imp-btn-primary:disabled{cursor:not-allowed;opacity:.45;transform:none}.imp-btn-primary .material-symbols-rounded{font-size:1.1rem}[data-theme=dark] .imp-btn-primary{background:linear-gradient(135deg,#0f83,#00c86440);box-shadow:0 4px 14px #0f83;color:#0f8}.imp-btn-ghost{align-items:center;background:#64748b1a;border:1px solid #64748b33;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.65rem 1.25rem;transition:all .15s ease}.imp-btn-ghost:hover:not(:disabled){background:#64748b2e;color:#475569}.imp-btn-ghost:disabled{cursor:not-allowed;opacity:.55}.imp-btn-ghost .material-symbols-rounded{font-size:1rem}[data-theme=dark] .imp-btn-ghost{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}.imp-history{background:#f8fafc99;border:1px solid #e2e8f0b3;border-radius:16px;overflow:hidden}[data-theme=dark] .imp-history{background:#0f172a80;border-color:#ffffff12}.imp-history-header{align-items:center;border-bottom:1px solid #e2e8f0b3;color:#334155;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;padding:.875rem 1.25rem}[data-theme=dark] .imp-history-header{border-bottom-color:#ffffff0f;color:#94a3b8}.imp-history-header .material-symbols-rounded{color:#64748b;font-size:1.1rem}.imp-history-table-wrap{overflow-x:auto}.imp-history-table{border-collapse:collapse;min-width:420px;width:100%}.imp-history-table th{border-bottom:1px solid #e2e8f0b3;color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.65rem 1.25rem;text-align:left;text-transform:uppercase}[data-theme=dark] .imp-history-table th{border-bottom-color:#ffffff0f}.imp-history-table td{border-bottom:1px solid #e2e8f066;color:#334155;font-size:.85rem;padding:.7rem 1.25rem}[data-theme=dark] .imp-history-table td{border-bottom-color:#ffffff0a;color:#94a3b8}.imp-history-table tbody tr:last-child td{border-bottom:none}.imp-history-table tbody tr:hover{background:#0ea5e908}.imp-job-id{color:#64748b;font-family:monospace;font-size:.8rem}.imp-status-chip{border-radius:99px;display:inline-block;font-size:.72rem;font-weight:700;padding:.18rem .6rem}.imp-status-chip--completed{background:#10b9811f;color:#059669}.imp-status-chip--processing{background:#0ea5e91f;color:#0284c7}.imp-status-chip--uploaded{background:#f59e0b1f;color:#b45309}.imp-status-chip--failed{background:#ef44441f;color:#dc2626}[data-theme=dark] .imp-status-chip--completed{background:#10b98126;color:#34d399}[data-theme=dark] .imp-status-chip--processing{background:#0ea5e926;color:#38bdf8}[data-theme=dark] .imp-status-chip--failed{background:#ef444426;color:#f87171}.imp-col-success{color:#10b981;font-weight:700}.imp-col-failed{color:#ef4444;font-weight:700}.imp-processing{align-items:center;display:flex;flex-direction:column;gap:1.25rem;padding:2rem 1rem}.imp-processing h3{color:#0f172a;font-size:1.2rem;font-weight:700;margin:0}[data-theme=dark] .imp-processing h3{color:#f1f5f9}.imp-processing>p{color:#64748b;font-size:.875rem;margin:0;max-width:400px}.imp-processing-ring{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.imp-processing-ring svg{height:100%;inset:0;position:absolute;transform:rotate(-90deg);width:100%}.imp-ring-track{fill:none;stroke:#0ea5e91f;stroke-width:3}.imp-ring-fill{fill:none;stroke:#0ea5e9;stroke-width:3;stroke-dasharray:150;stroke-dashoffset:0;stroke-linecap:round;animation:imp-ring-spin 1.4s linear infinite}[data-theme=dark] .imp-ring-fill{stroke:#00cc70}@keyframes imp-ring-spin{0%{stroke-dashoffset:150}50%{stroke-dashoffset:37}to{stroke-dashoffset:150;transform:rotate(1turn)}}.imp-processing-ring .material-symbols-rounded{animation:imp-pulse 1.4s ease-in-out infinite;color:#0ea5e9;font-size:1.6rem;z-index:1}[data-theme=dark] .imp-processing-ring .material-symbols-rounded{color:#00cc70}@keyframes imp-pulse{0%,to{opacity:1}50%{opacity:.5}}.imp-job-id-box{align-items:center;background:#0ea5e912;border-radius:10px;color:#64748b;display:flex;font-size:.8rem;gap:.6rem;padding:.5rem 1rem}.imp-job-id-box code{color:#0284c7;font-family:monospace;font-size:.85rem}[data-theme=dark] .imp-job-id-box code{color:#22d3ee}.imp-processing-steps{display:flex;flex-direction:column;gap:.6rem;max-width:280px;width:100%}.imp-proc-step{align-items:center;border-radius:10px;color:#94a3b8;display:flex;font-size:.85rem;gap:.6rem;padding:.5rem .75rem}.imp-proc-step .material-symbols-rounded{font-size:1.1rem}.imp-proc-step--done{background:#10b98114;color:#10b981}.imp-proc-step--active{background:#0ea5e914;color:#0ea5e9;font-weight:600}[data-theme=dark] .imp-proc-step--active{background:#00ff880f;color:#00cc70}.imp-poll-note{color:#94a3b8;font-size:.75rem;margin:0}.imp-result{align-items:center;display:flex;flex-direction:column;gap:1.25rem;padding:2rem 1rem;width:100%}.imp-result h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}[data-theme=dark] .imp-result h3{color:#f1f5f9}.imp-result-msg{background:#ef444414;border-radius:10px;color:#ef4444;font-size:.875rem;margin:0;padding:.5rem 1rem}.imp-result-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.imp-result-icon--ok{background:#10b9811f}.imp-result-icon--err{background:#ef44441a}.imp-result-icon--ok .material-symbols-rounded{color:#10b981;font-size:2.5rem}.imp-result-icon--err .material-symbols-rounded{color:#ef4444;font-size:2.5rem}.imp-result-stats{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:16px;display:flex;gap:1.25rem;padding:1.25rem 2rem}[data-theme=dark] .imp-result-stats{background:#1e293b80;border-color:#ffffff14}.imp-stat{align-items:center;display:flex;flex-direction:column;gap:.3rem;padding:0 1rem}.imp-stat+.imp-stat{border-left:1px solid #e2e8f0cc}[data-theme=dark] .imp-stat+.imp-stat{border-left-color:#ffffff14}.imp-stat-num{font-size:2rem;font-weight:800}.imp-stat-label{color:#64748b;font-size:.75rem;font-weight:600}.imp-stat--total .imp-stat-num{color:#0284c7}.imp-stat--success .imp-stat-num{color:#10b981}.imp-stat--failed .imp-stat-num{color:#ef4444}.imp-result-download{align-items:center;background:#f59e0b0f;border:1px solid #f59e0b33;border-radius:14px;color:#78350f;display:flex;flex-direction:column;font-size:.8rem;gap:.4rem;max-width:480px;padding:.875rem 1.25rem;text-align:center}.imp-result-download .material-symbols-rounded{color:#d97706;font-size:1.1rem}.imp-result-key{color:#64748b;font-family:monospace;font-size:.75rem;word-break:break-all}[data-theme=dark] .imp-result-download{background:#fbbf240d;border-color:#fbbf2426;color:#fde68a}.imp-die-note{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;color:#0369a1;display:flex;font-size:.82rem;gap:8px;margin:0 auto;max-width:480px;padding:10px 14px;text-align:left}.imp-die-note .material-symbols-rounded{flex-shrink:0;font-size:1rem;margin-top:1px}[data-theme=dark] .imp-die-note{background:#0ea5e914;border-color:#0ea5e933;color:#7dd3fc}.imp-result-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media (max-width:768px){.imp-page{padding:1rem}.imp-module-grid{grid-template-columns:1fr}.imp-steps{gap:0;overflow-x:auto;padding:1rem}.imp-step-label{display:none}.imp-result-stats{gap:.75rem;padding:1rem}.imp-stat{padding:0 .75rem}.imp-stat-num{font-size:1.5rem}.imp-action-row{align-items:stretch;flex-direction:column;gap:.75rem}.imp-btn-ghost,.imp-btn-primary{justify-content:center;width:100%}}@media (max-width:480px){.imp-module-grid{grid-template-columns:1fr}.imp-result-stats{align-items:center;flex-direction:column}.imp-stat+.imp-stat{border-left:none;border-top:1px solid #e2e8f0cc;padding-top:.75rem}}.imp-module-detail-header{justify-content:flex-start}.imp-sample-btn{align-items:center;background:#0ea5e926;border:1px solid #0ea5e940;border-radius:8px;color:#0284c7;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:700;gap:.35rem;margin-left:auto;padding:.28rem .75rem;transition:all .15s ease;white-space:nowrap}.imp-sample-btn:hover{background:#0ea5e940;border-color:#0ea5e966;transform:translateY(-1px)}.imp-sample-btn .material-symbols-rounded{font-size:.9rem}[data-theme=dark] .imp-sample-btn{background:#00ff881a;border-color:#0f83;color:#00cc70}[data-theme=dark] .imp-sample-btn:hover{background:#00ff882e;border-color:#00ff8859}.imp-sample-banner{align-items:center;background:#0ea5e90d;border:1px solid #0ea5e933;border-radius:16px;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;padding:1rem 1.25rem}[data-theme=dark] .imp-sample-banner{background:#0ea5e90d;border-color:#0ea5e926}.imp-sample-banner-left{align-items:center;display:flex;flex:1 1;gap:.875rem;min-width:0}.imp-sample-banner-icon{align-items:center;background:#0ea5e91f;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.imp-sample-banner-icon .material-symbols-rounded{color:#0ea5e9;font-size:1.3rem}[data-theme=dark] .imp-sample-banner-icon{background:#00ff881a}[data-theme=dark] .imp-sample-banner-icon .material-symbols-rounded{color:#00cc70}.imp-sample-banner strong{color:#0c4a6e;display:block;font-size:.875rem;font-weight:700;margin-bottom:.18rem}[data-theme=dark] .imp-sample-banner strong{color:#bae6fd}.imp-sample-banner p{color:#64748b;font-size:.78rem;line-height:1.4;margin:0}[data-theme=dark] .imp-sample-banner p{color:#475569}.imp-sample-download-btn{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:10px;box-shadow:0 3px 10px #06b6d44d;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Fira Code,Courier New,monospace;font-size:.78rem;font-weight:700;gap:.45rem;padding:.6rem 1.1rem;transition:all .2s ease;white-space:nowrap}.imp-sample-download-btn:hover{box-shadow:0 5px 16px #06b6d466;transform:translateY(-2px)}.imp-sample-download-btn .material-symbols-rounded{font-size:1rem}.imp-sample-picker{display:inline-flex;position:relative}.imp-sample-dropdown{background:#fff;border:1px solid #0000001a;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}[data-theme=dark] .imp-sample-dropdown{background:#1e2235;border-color:#ffffff1a;box-shadow:0 8px 24px #0006}.imp-sample-dropdown-item{align-items:center;background:#0000;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:background .12s;width:100%}.imp-sample-dropdown-item:hover{background:#0000000a}[data-theme=dark] .imp-sample-dropdown-item{color:#e2e8f0}[data-theme=dark] .imp-sample-dropdown-item:hover{background:#ffffff0f}.imp-sample-dropdown-item .material-symbols-rounded{color:#64748b;font-size:1rem}[data-theme=dark] .imp-sample-download-btn{background:linear-gradient(135deg,#00ff8838,#00c86447);box-shadow:0 3px 10px #0f83;color:#0f8}[data-theme=dark] .imp-sample-download-btn:hover{box-shadow:0 5px 16px #00ff884d}@media (max-width:600px){.imp-sample-banner{align-items:stretch;flex-direction:column}.imp-sample-download-btn{justify-content:center;width:100%}}@media (hover:none) and (pointer:coarse){.imp-add-btn,.imp-back-btn,.imp-btn-ghost,.imp-btn-primary{min-height:44px;padding:.75rem 1.25rem}.imp-file-remove{height:44px;width:44px}.imp-module-card{min-height:68px}}.log-page{box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;min-height:100%;padding:2rem}.log-main-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 6px 20px #0000000d;overflow:hidden;transition:box-shadow .2s ease}.log-main-card:hover{box-shadow:0 8px 24px #00000014}[data-theme=dark] .log-main-card{background:#1e293be6;border-color:#ffffff1a;box-shadow:0 6px 20px #0006}[data-theme=dark] .log-main-card:hover{box-shadow:0 8px 24px #00000080}.log-card-inner{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.log-header{align-items:center;border-bottom:1px solid #e2e8f099;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-bottom:1.5rem}[data-theme=dark] .log-header{border-bottom-color:#ffffff1a}.log-header-left{align-items:center;display:flex;gap:1rem}.log-header-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;box-shadow:0 4px 14px #6366f159;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.log-header-icon .material-symbols-rounded{color:#fff;font-size:1.5rem}[data-theme=dark] .log-header-icon{background:linear-gradient(135deg,#8b5cf64d,#6366f133);box-shadow:0 4px 14px #8b5cf633}.log-header h2{color:#0c4a6e;font-size:1.5rem;font-weight:700;margin:0 0 .2rem}[data-theme=dark] .log-header h2{color:#f0f9ff}.log-header p{color:#64748b;font-size:.875rem;margin:0}.log-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.log-module-tabs{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;gap:.35rem;padding:.3rem;transition:box-shadow .2s ease}.log-module-tabs:hover{box-shadow:0 6px 16px #00000014}[data-theme=dark] .log-module-tabs{background:#1e293be6;border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .log-module-tabs:hover{box-shadow:0 6px 16px #0006}.log-module-tab{align-items:center;background:#0000;border:none;border-radius:9px;color:#64748b;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;transition:all .18s ease}.log-module-tab .material-symbols-rounded{font-size:1rem}.log-module-tab:hover{background:#64748b1a;color:#334155}.log-module-tab.active{background:#0ea5e91f;background:var(--tab-bg,#0ea5e91f);box-shadow:0 2px 6px #0000000f;color:#0284c7;color:var(--tab-color,#0284c7)}[data-theme=dark] .log-module-tab.active{color:#22d3ee;color:var(--tab-color,#22d3ee)}.log-refresh-btn{align-items:center;background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .15s ease;width:38px}.log-refresh-btn:hover:not(:disabled){background:#0ea5e914;border-color:#0ea5e94d;color:#0284c7}.log-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.log-refresh-btn .material-symbols-rounded{font-size:1.2rem}[data-theme=dark] .log-refresh-btn{background:#0f172a99;border-color:#ffffff14}.log-summary-strip{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 8px #00000005,inset 0 1px 2px #ffffff80;display:flex;gap:0;overflow:hidden;transition:all .2s ease}.log-summary-strip:hover{background:#ffffffe6;box-shadow:0 4px 12px #0000000a,inset 0 1px 2px #fff9}[data-theme=dark] .log-summary-strip{background:#0f172a99;border-color:#ffffff14;box-shadow:0 2px 8px #0003,inset 0 1px 2px #ffffff05}[data-theme=dark] .log-summary-strip:hover{background:#1e293bb3;box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #ffffff08}.log-summary-item{align-items:center;border-right:1px solid #e2e8f099;display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0;padding:1rem .75rem}.log-summary-item:last-child{border-right:none}[data-theme=dark] .log-summary-item{border-right-color:#ffffff0f}.log-summary-num{color:#0f172a;font-size:1.5rem;font-weight:800}[data-theme=dark] .log-summary-num{color:#f1f5f9}.log-summary-num.success{color:#10b981}.log-summary-num.failed{color:#ef4444}.log-summary-lbl{color:#94a3b8;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-align:center;text-transform:uppercase}.log-skeletons{display:flex;flex-direction:column;gap:.6rem}.log-skeleton{animation:vm-shimmer 1.4s infinite;background:linear-gradient(90deg,#0ea5e90d 25%,#0ea5e91a 50%,rgba(14,165,233,.05)75%);background-size:200% 100%;border-radius:16px;height:68px}[data-theme=dark] .log-skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,rgba(255,255,255,.03)75%);background-size:200% 100%}.log-empty-state,.log-error-state{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff9;border:2px dashed #0ea5e926;border-radius:20px;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:4rem 2rem;text-align:center}[data-theme=dark] .log-empty-state,[data-theme=dark] .log-error-state{background:#0f172a80;border-color:#ffffff12}.log-empty-state .material-symbols-rounded{color:#cbd5e1;font-size:3rem}.log-empty-state h3{color:#64748b;font-size:1.1rem;font-weight:700;margin:0}.log-empty-state p{color:#94a3b8;font-size:.875rem;margin:0}.log-error-state .material-symbols-rounded{color:#ef4444;font-size:2.5rem}.log-error-state p{color:#ef4444;font-weight:600;margin:0}.log-list{display:flex;flex-direction:column;gap:.6rem}.log-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 20px #0000000d;overflow:hidden;transition:all .2s ease}.log-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.log-card--open{border-color:#0ea5e94d;box-shadow:0 12px 32px #0ea5e91f}[data-theme=dark] .log-card{background:#1e293be6;border-color:#ffffff1a;box-shadow:0 6px 20px #0006}[data-theme=dark] .log-card:hover{box-shadow:0 8px 24px #00000080}[data-theme=dark] .log-card--open{border-color:#0f83;box-shadow:0 12px 32px #0009}.log-card-row{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:background .15s ease;width:100%}.log-card-row:hover{background:#0ea5e908}[data-theme=dark] .log-card-row:hover{background:#00ff8805}.log-card-idx{color:#94a3b8;flex-shrink:0;font-size:.72rem;font-weight:700;min-width:28px}.log-status-badge{align-items:center;border-radius:99px;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;gap:.3rem;padding:.3rem .75rem;white-space:nowrap}.log-status-badge .material-symbols-rounded{font-size:.95rem}.log-status-badge--completed{background:#10b9811f;color:#059669}.log-status-badge--processing{background:#0ea5e91f;color:#0284c7}.log-status-badge--uploaded{background:#f59e0b1f;color:#b45309}.log-status-badge--failed{background:#ef44441f;color:#dc2626}[data-theme=dark] .log-status-badge--completed{background:#10b98126;color:#34d399}[data-theme=dark] .log-status-badge--processing{background:#0ea5e926;color:#38bdf8}[data-theme=dark] .log-status-badge--uploaded{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .log-status-badge--failed{background:#ef444426;color:#f87171}.log-card-id{display:flex;flex-direction:column;flex-shrink:0;gap:.1rem;min-width:300px}.log-card-id-label{color:#94a3b8;font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.log-card-id code{color:#475569;font-family:Fira Code,monospace;font-size:.82rem;line-height:1.3;word-break:break-all}[data-theme=dark] .log-card-id code{color:#94a3b8}.log-card-date{align-items:center;color:#64748b;display:flex;flex-shrink:0;font-size:.78rem;font-weight:500;gap:.35rem;min-width:110px;white-space:nowrap}.log-card-date .material-symbols-rounded{color:#94a3b8;font-size:.95rem}[data-theme=dark] .log-card-date{color:#64748b}.log-card-stats{align-items:center;display:flex;flex-shrink:0;gap:.85rem}.log-stat-failed,.log-stat-success,.log-stat-total{align-items:center;display:flex;font-size:.82rem;font-weight:600;gap:.25rem;min-width:60px}.log-stat-total .material-symbols-rounded{color:#64748b;font-size:.95rem}.log-stat-success .material-symbols-rounded{color:#10b981;font-size:.95rem}.log-stat-failed .material-symbols-rounded{color:#ef4444;font-size:.95rem}.log-stat-total{color:#64748b}.log-stat-success{color:#10b981}.log-stat-failed{color:#ef4444}.log-card-bar-wrap{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:120px}.log-card-bar{background:#e2e8f0cc;border-radius:3px;flex:1 1;height:6px;overflow:hidden}[data-theme=dark] .log-card-bar{background:#ffffff14}.log-card-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;height:100%;transition:width .4s ease}.log-card-bar-fill.partial{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.log-card-bar-pct{color:#64748b;flex-shrink:0;font-size:.72rem;font-weight:700;min-width:35px;white-space:nowrap}.log-card-chevron{color:#94a3b8;flex-shrink:0;font-size:1.3rem;transition:transform .2s ease}.log-card-chevron.open{transform:rotate(180deg)}.log-detail{animation:log-expand .18s ease;background:#f8fafc99;border-top:1px solid #e2e8f099;padding:1.25rem 1.5rem}[data-theme=dark] .log-detail{background:#0a0f1e80;border-top-color:#ffffff0f}@keyframes log-expand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.log-detail-loading{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;gap:.6rem;justify-content:center;padding:.5rem}.log-detail-loading .material-symbols-rounded{font-size:1.2rem}.log-detail-body{display:flex;flex-direction:column;gap:1rem}.log-detail-row{align-items:flex-start;display:flex;gap:1.25rem}.log-detail-label{align-items:center;color:#64748b;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;gap:.35rem;letter-spacing:.04em;min-width:110px;padding-top:.3rem;text-transform:uppercase}.log-detail-label .material-symbols-rounded{font-size:.95rem}.log-detail-code{background:#0ea5e912;border-radius:8px;color:#334155;font-family:Fira Code,monospace;font-size:.8rem;padding:.3rem .6rem;word-break:break-all}[data-theme=dark] .log-detail-code{background:#ffffff0d;color:#94a3b8}.log-detail-stats{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.log-ds{align-items:center;border-radius:99px;display:inline-flex;font-size:.78rem;font-weight:600;gap:.3rem;padding:.25rem .65rem}.log-ds .material-symbols-rounded{font-size:.9rem}.log-ds--total{background:#64748b1a;color:#475569}.log-ds--ok{background:#10b9811f;color:#059669}.log-ds--err{background:#ef44441f;color:#dc2626}[data-theme=dark] .log-ds--total{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .log-ds--ok{background:#10b98126;color:#34d399}[data-theme=dark] .log-ds--err{background:#ef444426;color:#f87171}.log-file-row{flex:1 1;flex-wrap:wrap;gap:.875rem}.log-file-info,.log-file-row{align-items:center;display:flex}.log-file-info{flex:1 1;gap:.6rem;min-width:0}.log-file-icon{color:#0ea5e9;flex-shrink:0;font-size:1.5rem}.log-file-icon.result{color:#10b981}[data-theme=dark] .log-file-icon{color:#22d3ee}[data-theme=dark] .log-file-icon.result{color:#34d399}.log-file-name{color:#1e293b;display:block;font-size:.875rem;font-weight:600;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .log-file-name{color:#e2e8f0}.log-file-key{color:#94a3b8;display:block;font-family:Fira Code,monospace;font-size:.72rem;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-file-pending{align-items:center;color:#94a3b8;display:flex;font-size:.82rem;font-style:italic;gap:.4rem}.log-file-pending .material-symbols-rounded{font-size:1rem}.log-dl-btn{align-items:center;background:#0ea5e91a;border:1px solid #0ea5e940;border-radius:9px;color:#0284c7;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:700;gap:.4rem;padding:.45rem .9rem;transition:all .15s ease;white-space:nowrap}.log-dl-btn:hover:not(:disabled){background:#0ea5e933;border-color:#0ea5e966;transform:translateY(-1px)}.log-dl-btn:disabled{cursor:not-allowed;opacity:.55}.log-dl-btn .material-symbols-rounded{font-size:.95rem}.log-dl-btn.result{background:#10b9811a;border-color:#10b98140;color:#059669}.log-dl-btn.result:hover:not(:disabled){background:#10b98133;border-color:#10b98166}[data-theme=dark] .log-dl-btn{background:#00f2fe14;border-color:#00f2fe26;color:#22d3ee}[data-theme=dark] .log-dl-btn.result{background:#10b9811a;border-color:#10b98133;color:#34d399}.log-spin{animation:log-rotate .8s linear infinite;display:inline-block}@keyframes log-rotate{to{transform:rotate(1turn)}}@media (max-width:768px){.log-page{padding:1rem}.log-card-inner{padding:1.25rem}.log-header{align-items:stretch;flex-direction:column;padding-bottom:1rem}.log-header-right{justify-content:space-between}.log-summary-strip{flex-wrap:wrap}.log-summary-item{min-width:calc(33% - 1px)}.log-card-row{flex-wrap:wrap;gap:.6rem}.log-card-bar-wrap{display:none}.log-detail-row{flex-direction:column;gap:.4rem}.log-detail-label{min-width:auto}.log-file-row{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.log-module-tabs{width:100%}.log-module-tab{flex:1 1;justify-content:center}.log-summary-item{min-width:calc(50% - 1px)}.log-card-stats{display:none}}@media (hover:none) and (pointer:coarse){.log-del-btn{opacity:1}.log-action-btn,.log-dl-btn,.log-filter-select,.log-refresh-btn{min-height:44px}.log-card-row{min-height:68px;padding:1rem 1.25rem}.log-search-clear{height:32px;width:32px}}.log-filter-bar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 8px #00000005,inset 0 1px 2px #ffffff80;display:flex;flex-wrap:wrap;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s ease}.log-filter-bar:hover{background:#ffffffe6;box-shadow:0 4px 12px #0000000a,inset 0 1px 2px #fff9}[data-theme=dark] .log-filter-bar{background:#0f172a99;border-color:#ffffff14;box-shadow:0 2px 8px #0003,inset 0 1px 2px #ffffff05}[data-theme=dark] .log-filter-bar:hover{background:#1e293bb3;box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #ffffff08}.log-search-box{align-items:center;background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:10px;display:flex;flex:1 1;gap:.5rem;max-width:320px;min-width:200px;padding:0 .75rem;transition:all .2s ease}.log-search-box:focus-within{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f}[data-theme=dark] .log-search-box{background:#1e293b99;border-color:#ffffff14}[data-theme=dark] .log-search-box:focus-within{background:#1e293be6;border-color:#00cc70;box-shadow:0 0 0 3px #00ff881a}.log-search-box .material-symbols-rounded{color:#94a3b8;flex-shrink:0;font-size:1.1rem}.log-search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-family:inherit;font-size:.875rem;outline:none;padding:.6rem 0}.log-search-input::placeholder{color:#94a3b8}[data-theme=dark] .log-search-input{color:#e2e8f0}.log-search-clear{align-items:center;background:#64748b26;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .15s ease;width:22px}.log-search-clear:hover{background:#ef444426;color:#ef4444}.log-search-clear .material-symbols-rounded{font-size:.9rem}.log-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.log-filter-label{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.log-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffffe6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #e2e8f0cc;border-radius:10px;color:#334155;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;min-width:140px;padding:.5rem 2.5rem .5rem .9rem;transition:all .2s ease}.log-filter-select:hover{background-color:#fff;border-color:#0ea5e959}.log-filter-select:focus{background-color:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f;outline:none}[data-theme=dark] .log-filter-select{background-color:#1e293b99;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#ffffff14;color:#e2e8f0}[data-theme=dark] .log-filter-select:hover{background-color:#1e293bcc;border-color:#0f83}[data-theme=dark] .log-filter-select:focus{border-color:#00cc70;box-shadow:0 0 0 3px #00ff881a}.log-result-count{align-items:center;color:#64748b;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;margin-left:auto;white-space:nowrap}.log-result-count .material-symbols-rounded{font-size:1rem}@media (max-width:768px){.log-filter-bar{padding:1rem}.log-search-box{flex:1 1;max-width:none;min-width:100%}.log-filter-group,.log-filter-select{width:100%}.log-result-count{justify-content:center;margin-left:0;width:100%}}.log-load-more-container{display:flex;justify-content:center;padding:1.5rem 0}.log-load-more-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 2px 8px #00000005;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .2s ease}.log-load-more-btn:hover:not(:disabled){background:#0ea5e914;border-color:#0ea5e94d;box-shadow:0 4px 12px #0ea5e91a;color:#0284c7;transform:translateY(-2px)}.log-load-more-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.log-load-more-btn .material-symbols-rounded{font-size:1.2rem}[data-theme=dark] .log-load-more-btn{background:#0f172a99;border-color:#ffffff14;color:#94a3b8}[data-theme=dark] .log-load-more-btn:hover:not(:disabled){background:#00ff880f;border-color:#0f83;color:#00cc70}:root{--cl-page-bg:#fff;--cl-page-border:#e2e8f0;--cl-page-shadow:0 1px 6px #0000000d;--cl-container-bg:#fff;--cl-container-border:#e2e8f0;--cl-container-shadow:0 6px 20px #0000000d;--cl-text-primary:#1e293b;--cl-text-secondary:#475569;--cl-text-muted:#64748b;--cl-text-light:#94a3b8;--cl-header-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--cl-header-border:#e2e8f0;--cl-header-shadow:0 6px 20px #0000000d;--cl-card-bg:#fff;--cl-card-border:#e2e8f0;--cl-card-shadow:0 6px 20px #0000000d;--cl-card-hover-shadow:0 8px 20px #0000000f;--cl-input-bg:#fff3;--cl-input-border:#cbd5e1;--cl-input-focus-border:#3b82f6;--cl-input-focus-shadow:0 0 0 2px #3b82f633;--cl-input-text:#1e293b;--cl-input-placeholder:#9ca3af;--cl-btn-bg:#f1f5f9;--cl-btn-text:#64748b;--cl-btn-border:#e2e8f0;--cl-btn-shadow:0 1px 3px #0000000a;--cl-btn-hover-bg:#e2e8f0;--cl-btn-hover-shadow:0 6px 12px #0000001a;--cl-btn-save-bg:linear-gradient(135deg,#ede9fe,#e0e7ff);--cl-btn-save-text:#4338ca;--cl-btn-save-hover-bg:linear-gradient(135deg,#ddd6fe,#c7d2fe);--cl-btn-refresh-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--cl-btn-refresh-text:#0369a1;--cl-btn-refresh-hover-bg:linear-gradient(135deg,#bae6fd,#e0f2fe);--cl-btn-danger-bg:linear-gradient(135deg,#fef2f2,#fee2e2);--cl-btn-danger-text:#dc2626;--cl-btn-danger-hover-bg:linear-gradient(135deg,#fee2e2,#fecaca);--cl-sidebar-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--cl-sidebar-border:#e2e8f0;--cl-sidebar-shadow:0 2px 20px #00000014;--cl-sidebar-text:#065f46;--cl-sidebar-hover-bg:linear-gradient(135deg,#e0f2fe,#f0f9ff);--cl-sidebar-hover-text:#0369a1;--cl-sidebar-active-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--cl-sidebar-active-text:#0f172a;--cl-sidebar-active-border:#bae6fd;--cl-sidebar-lead-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--cl-sidebar-lead-text:#1e40af;--cl-tab-bg:#ffffffe6;--cl-tab-border:#e2e8f0;--cl-tab-text:#475569;--cl-tab-hover-bg:#065f460d;--cl-tab-hover-text:#065f46;--cl-tab-hover-border:#064e3b;--cl-tab-active-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--cl-tab-active-text:#065f46;--cl-table-bg:#fff;--cl-table-border:#e2e8f0;--cl-table-header-bg:#f8fafc;--cl-table-header-text:#475569;--cl-table-row-hover-bg:#f8fafc;--cl-table-cell-border:#e2e8f0;--cl-badge-account-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--cl-badge-account-text:#065f46;--cl-badge-branch-bg:linear-gradient(135deg,#ede9fe,#ddd6fe);--cl-badge-branch-text:#5b21b6;--cl-badge-active-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--cl-badge-active-text:#065f46;--cl-badge-inactive-bg:linear-gradient(135deg,#fef9c3,#fefce8);--cl-badge-inactive-text:#78350f;--cl-badge-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--cl-badge-error-text:#b91c1c;--cl-badge-valid-bg:#dcfce7;--cl-badge-valid-text:#166534;--cl-badge-invalid-bg:#fee2e2;--cl-badge-invalid-text:#991b1b;--cl-icon-color:#6366f1;--cl-icon-accent:#065f46;--cl-icon-success:#059669;--cl-icon-error:#dc2626;--cl-form-section-bg:#f8fafc;--cl-form-section-border:#e2e8f0;--cl-form-input-bg:#f8fafc;--cl-form-input-border:#e2e8f0;--cl-banner-error-bg:#fee2e2;--cl-banner-error-text:#dc2626;--cl-banner-success-bg:#d1fae5;--cl-banner-success-text:#065f46;--cl-banner-info-bg:#e0f2fe;--cl-banner-info-text:#0369a1;--cl-loading-color:#3b82f6;--cl-loading-bg:#f8fafc;--cl-strategy-card-bg:linear-gradient(135deg,#fff,#f8fafc);--cl-strategy-icon-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--cl-strategy-icon-text:#1e40af;--cl-strategy-current-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--cl-strategy-current-border:#bbf7d0;--cl-strategy-current-text:#059669;--cl-strategy-badge-bg:linear-gradient(135deg,#16a34a,#15803d);--cl-strategy-option-bg:#fff;--cl-strategy-option-border:#e2e8f0;--cl-strategy-option-hover-border:#3b82f6;--cl-strategy-option-selected-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--cl-strategy-option-selected-border:#16a34a;--cl-strategy-option-disabled-bg:#f9fafb;--cl-premium-border:#f59e0b;--cl-premium-bg:linear-gradient(135deg,#fffbeb,#fef3c7);--cl-premium-badge-bg:linear-gradient(135deg,#f59e0b,#d97706);--cl-modal-overlay-bg:#00000080;--cl-modal-bg:#fff;--cl-modal-border:#e2e8f0;--cl-modal-shadow:0 20px 60px #0000004d;--cl-scrollbar-thumb:#94a3b899;--cl-scrollbar-track:#0000;--cl-validation-valid-bg:#dcfce7;--cl-validation-valid-text:#166534;--cl-validation-invalid-bg:#fee2e2;--cl-validation-invalid-text:#991b1b;--cl-validation-border-valid:#22c55e;--cl-validation-border-invalid:#ef4444;--cl-coverage-info-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--cl-coverage-info-border:#bae6fd;--cl-coverage-info-text:#0284c7;--cl-coverage-form-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--cl-coverage-suggestions-bg:#f8fafc;--cl-coverage-suggestions-border:#e2e8f0;--cl-coverage-pincode-bg:#fff;--cl-coverage-pincode-border:#e2e8f0;--cl-coverage-pincode-hover-border:#3b82f6;--cl-coverage-pincode-number-bg:#f1f5f9;--cl-coverage-distance-bg:#eff6ff;--cl-coverage-distance-text:#3b82f6;--cl-nr-popup-bg:#fff;--cl-nr-popup-border:#e2e8f0;--cl-nr-popup-shadow:0 20px 60px #0000004d;--cl-nr-branch-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--cl-nr-branch-text:#1e40af;--cl-nr-form-input-bg:#fff;--cl-nr-form-input-border:#e5e7eb;--cl-nr-form-input-focus-border:#3b82f6;--cl-nr-form-input-focus-shadow:0 0 0 3px #3b82f61a;--cl-nr-branch-select-bg:#fff;--cl-nr-branch-select-border:#cbd5e1;--cl-nr-branch-select-hover-border:#3b82f6;--cl-nr-branch-selected-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--cl-nr-branch-selected-border:#3b82f6;--cl-ag-header-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--cl-ag-node-bg:#fff;--cl-ag-node-border:#e2e8f0;--cl-ag-node-hover-bg:#f8fafc;--cl-ag-level-0-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--cl-ag-level-1-bg:#f8fafc80;--cl-ag-level-2-bg:#f1f5f94d;--cl-ag-expand-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--cl-ag-icon-grade-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--cl-ag-icon-grade-text:#1e40af;--cl-ag-icon-section-bg:linear-gradient(135deg,#ede9fe,#ddd6fe);--cl-ag-icon-section-text:#7c3aed;--cl-ag-icon-batch-bg:linear-gradient(135deg,#fce4ec,#f8bbd0);--cl-ag-icon-batch-text:#ad1457;--cl-ag-icon-year-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--cl-ag-icon-year-text:#0284c7;--cl-ag-node-hover-border:linear-gradient(180deg,#3b82f6,#2563eb);--cl-ag-level-1-hover-border:linear-gradient(180deg,#059669,#047857);--cl-ag-level-2-hover-border:linear-gradient(180deg,#4f46e5,#4338ca)}[data-theme=dark]{--cl-page-bg:#1a1a1af2;--cl-page-border:#0f83;--cl-page-shadow:0 1px 6px #00ff881a;--cl-container-bg:#1a1a1af2;--cl-container-border:#ffffff1a;--cl-container-shadow:0 6px 20px #0009;--cl-text-primary:#fff;--cl-text-secondary:#ff9f0a;--cl-text-muted:#d1d5db;--cl-text-light:#9aa4b2;--cl-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--cl-header-border:#ffffff1a;--cl-header-shadow:0 6px 20px #0009;--cl-card-bg:#1a1a1af2;--cl-card-border:#ffffff1a;--cl-card-shadow:0 6px 20px #0009;--cl-card-hover-shadow:0 8px 25px #000000b3;--cl-input-bg:#1a1a1a33;--cl-input-border:#00ff8840;--cl-input-focus-border:linear-gradient(135deg,#065f46,#047857);--cl-input-focus-shadow:0 0 0 2px #00ff8840;--cl-input-text:#fff;--cl-input-placeholder:#9aa4b2;--cl-btn-bg:#333333b3;--cl-btn-text:#d1d5db;--cl-btn-border:#0f83;--cl-btn-shadow:0 2px 6px #00ff881a;--cl-btn-hover-bg:#00ff8814;--cl-btn-hover-shadow:0 6px 14px #0f83;--cl-btn-save-bg:#0f83;--cl-btn-save-text:linear-gradient(135deg,#065f46,#047857);--cl-btn-save-hover-bg:#00ff8840;--cl-btn-refresh-bg:#00f2fe26;--cl-btn-refresh-text:#00f2fe;--cl-btn-refresh-hover-bg:#00f2fe33;--cl-btn-danger-bg:#f4433633;--cl-btn-danger-text:#ffcdd2;--cl-btn-danger-hover-bg:#f4433640;--cl-sidebar-bg:#1a1a1af2;--cl-sidebar-border:#ffffff1a;--cl-sidebar-shadow:0 2px 20px #0009;--cl-sidebar-text:linear-gradient(135deg,#065f46,#047857);--cl-sidebar-hover-bg:#00ff880f;--cl-sidebar-hover-text:linear-gradient(135deg,#065f46,#047857);--cl-sidebar-active-bg:#00ff882e;--cl-sidebar-active-text:linear-gradient(135deg,#065f46,#047857);--cl-sidebar-active-border:#00ff8840;--cl-sidebar-lead-bg:#1a1a1af2;--cl-sidebar-lead-text:#00f2fe;--cl-tab-bg:#1a1a1ae6;--cl-tab-border:#ffffff1a;--cl-tab-text:#d1d5db;--cl-tab-hover-bg:#00ff880f;--cl-tab-hover-text:linear-gradient(135deg,#065f46,#047857);--cl-tab-hover-border:#00ff8840;--cl-tab-active-bg:#00ff882e;--cl-tab-active-text:linear-gradient(135deg,#065f46,#047857);--cl-table-bg:#1a1a1af2;--cl-table-border:#ffffff1a;--cl-table-header-bg:#1a1a1ae6;--cl-table-header-text:#fff;--cl-table-row-hover-bg:#00ff880f;--cl-table-cell-border:#ffffff1a;--cl-badge-account-bg:#00ff882e;--cl-badge-account-text:linear-gradient(135deg,#065f46,#047857);--cl-badge-branch-bg:#8b5cf62e;--cl-badge-branch-text:#a855f7;--cl-badge-active-bg:#00ff882e;--cl-badge-active-text:linear-gradient(135deg,#065f46,#047857);--cl-badge-inactive-bg:#ffc1072e;--cl-badge-inactive-text:#ffd666;--cl-badge-error-bg:#f4433633;--cl-badge-error-text:#ffcdd2;--cl-badge-valid-bg:#00ff882e;--cl-badge-valid-text:linear-gradient(135deg,#065f46,#047857);--cl-badge-invalid-bg:#f4433633;--cl-badge-invalid-text:#ffcdd2;--cl-icon-color:#33e6c4;--cl-icon-accent:linear-gradient(135deg,#065f46,#047857);--cl-icon-success:linear-gradient(135deg,#065f46,#047857);--cl-icon-error:#ff6b6b;--cl-form-section-bg:#1a1a1ae6;--cl-form-section-border:#ffffff1a;--cl-form-input-bg:#1a1a1ae6;--cl-form-input-border:#0f83;--cl-banner-error-bg:#f443362e;--cl-banner-error-text:#ffcdd2;--cl-banner-success-bg:#00ff882e;--cl-banner-success-text:linear-gradient(135deg,#065f46,#047857);--cl-banner-info-bg:#2196f326;--cl-banner-info-text:#bbdefb;--cl-loading-color:#065f46;--cl-loading-bg:#1a1a1ae6;--cl-strategy-card-bg:#1a1a1af2;--cl-strategy-icon-bg:#00f2fe26;--cl-strategy-icon-text:#00f2fe;--cl-strategy-current-bg:#00ff882e;--cl-strategy-current-border:#00ff8840;--cl-strategy-current-text:linear-gradient(135deg,#065f46,#047857);--cl-strategy-badge-bg:#0f83;--cl-strategy-option-bg:#1a1a1ae6;--cl-strategy-option-border:#ffffff1a;--cl-strategy-option-hover-border:linear-gradient(135deg,#065f46,#047857);--cl-strategy-option-selected-bg:#00ff882e;--cl-strategy-option-selected-border:linear-gradient(135deg,#065f46,#047857);--cl-strategy-option-disabled-bg:#33333380;--cl-premium-border:#ffd666;--cl-premium-bg:#ffc10726;--cl-premium-badge-bg:#ffc10733;--cl-modal-overlay-bg:#000c;--cl-modal-bg:#1a1a1af2;--cl-modal-border:#00ff8840;--cl-modal-shadow:0 20px 60px #000c;--cl-scrollbar-thumb:#00ff884d;--cl-scrollbar-track:#0000;--cl-validation-valid-bg:#00ff882e;--cl-validation-valid-text:linear-gradient(135deg,#065f46,#047857);--cl-validation-invalid-bg:#f4433633;--cl-validation-invalid-text:#ffcdd2;--cl-validation-border-valid:linear-gradient(135deg,#065f46,#047857);--cl-validation-border-invalid:#ff6b6b;--cl-coverage-info-bg:#2196f326;--cl-coverage-info-border:#2196f340;--cl-coverage-info-text:#bbdefb;--cl-coverage-form-bg:#1a1a1ae6;--cl-coverage-suggestions-bg:#1a1a1ae6;--cl-coverage-suggestions-border:#ffffff1a;--cl-coverage-pincode-bg:#1a1a1ae6;--cl-coverage-pincode-border:#ffffff1a;--cl-coverage-pincode-hover-border:linear-gradient(135deg,#065f46,#047857);--cl-coverage-pincode-number-bg:#333c;--cl-coverage-distance-bg:#00f2fe26;--cl-coverage-distance-text:#00f2fe;--cl-nr-popup-bg:#1a1a1af2;--cl-nr-popup-border:#00ff8840;--cl-nr-popup-shadow:0 20px 60px #000c;--cl-nr-branch-bg:#00f2fe26;--cl-nr-branch-text:#00f2fe;--cl-nr-form-input-bg:#1a1a1ae6;--cl-nr-form-input-border:#0f83;--cl-nr-form-input-focus-border:linear-gradient(135deg,#065f46,#047857);--cl-nr-form-input-focus-shadow:0 0 0 3px #00ff881a;--cl-nr-branch-select-bg:#1a1a1ae6;--cl-nr-branch-select-border:#0f83;--cl-nr-branch-select-hover-border:linear-gradient(135deg,#065f46,#047857);--cl-nr-branch-selected-bg:#00f2fe26;--cl-nr-branch-selected-border:#00f2fe;--cl-ag-header-bg:#1a1a1af2;--cl-ag-node-bg:#1a1a1ae6;--cl-ag-node-border:#ffffff1a;--cl-ag-node-hover-bg:#00ff880f;--cl-ag-level-0-bg:#1a1a1af2;--cl-ag-level-1-bg:#1a1a1acc;--cl-ag-level-2-bg:#1a1a1ab3;--cl-ag-expand-bg:#00ff8826;--cl-ag-icon-grade-bg:#00f2fe26;--cl-ag-icon-grade-text:#00f2fe;--cl-ag-icon-section-bg:#8b5cf62e;--cl-ag-icon-section-text:#a855f7;--cl-ag-icon-batch-bg:#f4433626;--cl-ag-icon-batch-text:#ffcdd2;--cl-ag-icon-year-bg:#2196f326;--cl-ag-icon-year-text:#bbdefb;--cl-ag-node-hover-border:linear-gradient(135deg,#065f46,#047857);--cl-ag-level-1-hover-border:linear-gradient(135deg,#065f46,#047857);--cl-ag-level-2-hover-border:linear-gradient(180deg,#a855f7,#9333ea)}.codelist-page-layout{background:#fff;background:var(--cl-page-bg);color:#1e293b;color:var(--cl-text-primary);display:flex;flex-direction:column;height:100%;transition:all .3s ease;width:100%}.codelist-body-layout{display:flex;flex-direction:row;flex-grow:1;width:100%}.codelist-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--cl-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-sidebar-border);border-radius:12px;box-shadow:0 2px 20px #00000014;box-shadow:var(--cl-sidebar-shadow);color:#065f46;color:var(--cl-sidebar-text);margin:1rem 0 1rem 1rem;padding:24px;transition:width .3s ease,background .3s ease,border-color .3s ease;width:260px}.codelist-sidebar.lead-module{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--cl-sidebar-lead-bg);color:#1e40af;color:var(--cl-sidebar-lead-text)}.codelist-sidebar.collapsed{align-items:center;padding:16px 8px;width:64px}.codelist-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.codelist-sidebar-title{color:#065f46;color:var(--cl-sidebar-text);font-size:1.1rem;font-weight:600;line-height:1;margin:0;transition:color .3s ease}.codelist-sidebar.collapsed .codelist-sidebar-title,.codelist-sidebar.collapsed .label-text{display:none}.sidebar-toggle-btn{background:#0000;border:none;border-radius:6px;padding:4px;transition:background .2s ease}.sidebar-toggle-btn:hover{background:#0000000d}.sidebar-toggle-btn span{color:#475569;color:var(--cl-text-secondary);font-size:22px;line-height:1;transition:color .3s ease;vertical-align:middle}.codelist-sidebar.collapsed .codelist-sidebar-header{justify-content:center}.codelist-nav-list{list-style:none;margin:0;padding:0}.codelist-nav-list li{align-items:center;border-radius:12px;color:#475569;color:var(--cl-text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:12px 14px;transition:background .2s ease,color .2s ease,border-color .3s ease}.codelist-nav-list li span.material-symbols-rounded{color:#475569;color:var(--cl-text-secondary);font-size:20px;transition:color .3s ease}.codelist-nav-list li:hover{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);background:var(--cl-sidebar-hover-bg);color:#0369a1;color:var(--cl-sidebar-hover-text)}.codelist-nav-list li.active{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--cl-sidebar-active-bg);border:1px solid #bae6fd;border:1px solid var(--cl-sidebar-active-border);font-weight:600}.codelist-nav-list li.active,.codelist-nav-list li.active .material-symbols-rounded{color:#0f172a;color:var(--cl-sidebar-active-text)}.codelist-sidebar.collapsed .codelist-nav-list li{justify-content:center}.codelist-nav-list li.disabled{cursor:not-allowed;opacity:.6}.codelist-nav-list li.disabled:hover{background:none;color:#475569;color:var(--cl-text-secondary)}.codelist-main-content{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--cl-container-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-container-border);border-radius:24px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cl-container-shadow);flex:1 1;margin:1rem;padding:32px}.codelist-main-content.empty-error{align-items:center;display:flex;justify-content:center}.error-placeholder{color:#64748b;color:var(--cl-text-muted);text-align:center;transition:color .3s ease}.error-placeholder span{color:#dc2626;color:var(--cl-icon-error);display:block;font-size:3rem;margin-bottom:1rem;transition:color .3s ease}.error-placeholder p{color:#64748b;color:var(--cl-text-muted);font-size:1.1rem;margin:0;transition:color .3s ease}.codelists-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-container-border);display:flex;margin-bottom:16px;padding-bottom:10px;transition:border-color .3s ease}.codelists-title{align-items:center;color:#1e293b;color:var(--cl-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:10px;transition:color .3s ease}.codelists-title span{color:#6366f1;color:var(--cl-icon-color);font-size:26px;transition:color .3s ease}.codelists-table-wrapper{border:1px solid #e2e8f0;border:1px solid var(--cl-table-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cl-container-shadow);overflow-x:auto;transition:all .3s ease}.codelists-table{background:#fff;background:var(--cl-table-bg);border-collapse:collapse;font-size:.93rem;transition:background .3s ease;width:100%}.codelists-table td,.codelists-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-table-cell-border);padding:14px 16px;text-align:left;transition:border-color .3s ease}.codelists-table th{background:#f8fafc;background:var(--cl-table-header-bg);color:#475569;color:var(--cl-table-header-text);font-size:.8rem;font-weight:600;text-transform:uppercase;transition:all .3s ease}.codelists-table tr:hover:not(.inactive-row){background:#f8fafc;background:var(--cl-table-row-hover-bg)}.codelists-table input[type=number],.codelists-table input[type=text]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;background:var(--cl-input-bg);border:1px solid #cbd5e1;border:1px solid var(--cl-input-border);border-radius:10px;box-sizing:border-box;color:#1e293b;color:var(--cl-input-text);font-size:.9rem;font-weight:500;max-width:100%;min-width:100px;padding:8px 12px;transition:all .2s ease;width:100%}.codelists-table input:focus{background:#fff3;background:var(--cl-input-bg);border-color:#3b82f6;border-color:var(--cl-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--cl-input-focus-shadow);outline:none}.codelists-table input[type=checkbox]{accent-color:#059669;accent-color:var(--cl-icon-success);cursor:pointer;transform:scale(1.2)}.add-new-row{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cl-badge-active-bg)}.codelists-icon-btn{background:#f1f5f9;background:var(--cl-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-btn-border);border-radius:10px;cursor:pointer;padding:6px;transition:background .2s ease,transform .2s ease,border-color .3s ease}.codelists-icon-btn:hover{background:#e2e8f0;background:var(--cl-btn-hover-bg);transform:translateY(-1px)}.codelists-icon-btn span{color:#64748b;color:var(--cl-btn-text);font-size:20px;transition:color .3s ease}.codelists-icon-btn.save-btn span{color:#059669;color:var(--cl-icon-success)}.codelists-icon-btn.danger span{color:#dc2626;color:var(--cl-icon-error)}.lead-module .codelist-nav-list li:hover{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);background:var(--cl-sidebar-hover-bg);color:#0369a1;color:var(--cl-sidebar-hover-text)}.lead-module .codelist-nav-list li.active{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--cl-sidebar-active-bg);border:1px solid #bae6fd;border:1px solid var(--cl-sidebar-active-border)}.lead-module .codelist-nav-list li.active,.lead-module .codelist-nav-list li.active .material-symbols-rounded{color:#0f172a;color:var(--cl-sidebar-active-text)}.ld-fp-header h3 .material-symbols-rounded,.lead-snapshot-info h1 .material-symbols-rounded{margin-right:8px;vertical-align:middle}.branch-coverage-info-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--cl-coverage-info-bg);border:1px solid #bae6fd;border:1px solid var(--cl-coverage-info-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cl-container-shadow);margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.info-banner-content{align-items:flex-start;display:flex;gap:1rem}.info-icon{color:#0284c7;color:var(--cl-coverage-info-text);font-size:1.5rem;margin-top:2px}.info-banner-content h4{color:#1e293b;color:var(--cl-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.info-banner-content p{color:#475569;color:var(--cl-text-secondary);font-size:.95rem;line-height:1.5;margin:0;transition:color .3s ease}.assignment-strategy-header,.branch-coverage-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-container-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;transition:border-color .3s ease}.coverage-header-left h2,.strategy-header-left h2{align-items:center;color:#1e293b;color:var(--cl-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem;transition:color .3s ease}.strategy-header-left p{color:#64748b;color:var(--cl-text-muted);font-size:.95rem;margin:0;transition:color .3s ease}.coverage-header-right,.strategy-header-right{display:flex;gap:.75rem}.coverage-add-form{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--cl-coverage-form-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-form-section-border);box-shadow:0 6px 20px #0000000d;box-shadow:var(--cl-container-shadow);padding:1.5rem}.form-section h3{color:var(--cl-text-primary);gap:.75rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{gap:.5rem}.form-group label{color:#475569;color:var(--cl-text-secondary)}.form-input,.form-select{background:#f8fafc;background:var(--cl-form-input-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-form-input-border);border-radius:10px;color:#1e293b;color:var(--cl-input-text);font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.form-input:focus,.form-select:focus{border-color:#3b82f6;border-color:var(--cl-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--cl-input-focus-shadow);outline:none}.checkbox-group{flex-direction:row;justify-content:flex-start}.checkbox-label{color:#475569;color:var(--cl-text-secondary);font-size:.9rem}.checkbox-label input[type=checkbox]{accent-color:var(--cl-input-focus-border);transform:scale(1.1)}.form-actions{gap:1rem}.suggested-pincodes-section{background:#f8fafc;background:var(--cl-coverage-suggestions-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-coverage-suggestions-border);border-radius:8px;margin-bottom:24px;overflow:hidden;transition:all .3s ease}.section-header{background:#f8fafc;background:var(--cl-form-section-bg);border-bottom:1px solid var(--cl-form-section-border);cursor:pointer;padding:16px 20px;transition:background-color .2s ease,border-color .3s ease}.section-header:hover{background:#e2e8f0;background:var(--cl-btn-hover-bg)}.section-header h4{align-items:center;color:#1e293b;color:var(--cl-text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0;transition:color .3s ease}.section-controls{align-items:center;display:flex;gap:16px}.radius-selector-inline{align-items:center;display:flex;gap:8px}.radius-selector-inline label{font-size:12px;transition:color .3s ease}.radius-btn-small,.radius-selector-inline label{color:#64748b;color:var(--cl-text-muted);font-weight:500}.radius-btn-small{background:#fff;background:var(--cl-container-bg);border:1px solid #cbd5e1;border:1px solid var(--cl-input-border);border-radius:4px;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s ease}.radius-btn-small:hover{color:#3b82f6;color:var(--cl-input-focus-border)}.radius-btn-small.active,.radius-btn-small:hover{border-color:#3b82f6;border-color:var(--cl-input-focus-border)}.radius-btn-small.active{background-color:#3b82f6;background-color:var(--cl-input-focus-border);color:#fff}.suggestions-grid{padding:20px}.loading-suggestions{color:#64748b;color:var(--cl-text-muted);gap:12px;transition:color .3s ease}.loading-suggestions,.no-suggestions{align-items:center;display:flex;justify-content:center;padding:40px}.no-suggestions{gap:16px;text-align:center}.no-suggestions .material-symbols-rounded{color:#94a3b8;color:var(--cl-text-light);font-size:48px;transition:color .3s ease}.no-suggestions h5{color:#475569;color:var(--cl-text-secondary);font-size:16px;margin:0 0 8px}.no-suggestions p{color:var(--cl-text-muted);font-size:14px}.pincode-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pincode-card{align-items:center;background:#fff;background:var(--cl-coverage-pincode-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-coverage-pincode-border);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.pincode-card:hover{border-color:#3b82f6;border-color:var(--cl-coverage-pincode-hover-border);box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.pincode-number{background:#f1f5f9;background:var(--cl-coverage-pincode-number-bg);border-radius:6px;color:#1e293b;color:var(--cl-text-primary);font-family:monospace;font-size:16px;font-weight:700;min-width:80px;padding:8px 12px;text-align:center;transition:all .3s ease}.pincode-location{flex:1 1}.area-name{color:#1e293b;color:var(--cl-text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.area-name,.city-state{transition:color .3s ease}.city-state{color:#64748b;color:var(--cl-text-muted);font-size:12px}.pincode-distance{background:#eff6ff;background:var(--cl-coverage-distance-bg);border-radius:4px;color:#3b82f6;color:var(--cl-coverage-distance-text);font-size:12px;font-weight:500;padding:4px 8px;transition:all .3s ease}.more-pincodes{color:#64748b;color:var(--cl-text-muted);font-size:14px;font-style:italic;grid-column:1/-1;padding:16px;text-align:center;transition:color .3s ease}.pincode-input-container{position:relative;width:100%}.pincode-input-wrapper{align-items:center;display:flex;position:relative}.pincode-input{padding-right:40px!important;transition:border-color .3s ease,box-shadow .3s ease}.pincode-input.valid-pincode{background-color:#dcfce7;background-color:var(--cl-validation-valid-bg);border-color:#22c55e;border-color:var(--cl-validation-border-valid)}.pincode-input.invalid-pincode{background-color:#fee2e2;background-color:var(--cl-validation-invalid-bg);border-color:#ef4444;border-color:var(--cl-validation-border-invalid)}.validation-indicator{align-items:center;display:flex;position:absolute;right:10px;z-index:2}.validation-indicator.valid{color:#166534;color:var(--cl-validation-valid-text)}.validation-indicator.invalid{color:#991b1b;color:var(--cl-validation-invalid-text)}.validation-indicator .material-symbols-rounded{font-size:20px}.validation-message{align-items:center;border-radius:4px;display:flex;font-size:12px;gap:4px;margin-top:4px;padding:4px 8px}.validation-message.success{background-color:#dcfce7;background-color:var(--cl-validation-valid-bg);border:1px solid #22c55e;border:1px solid var(--cl-validation-border-valid);color:#166534;color:var(--cl-validation-valid-text)}.validation-message.error{background-color:#fee2e2;background-color:var(--cl-validation-invalid-bg);border:1px solid #ef4444;border:1px solid var(--cl-validation-border-invalid);color:#991b1b;color:var(--cl-validation-invalid-text)}.radius-selector{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.radius-selector label{font-size:12px;margin-right:4px;transition:color .3s ease}.radius-btn,.radius-selector label{color:#64748b;color:var(--cl-text-muted);font-weight:500}.radius-btn{background:#fff;background:var(--cl-container-bg);border:1px solid #cbd5e1;border:1px solid var(--cl-input-border);border-radius:4px;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s ease}.radius-btn:hover:not(:disabled){color:#3b82f6;color:var(--cl-input-focus-border)}.radius-btn.active,.radius-btn:hover:not(:disabled){border-color:#3b82f6;border-color:var(--cl-input-focus-border)}.radius-btn.active{background-color:#3b82f6;background-color:var(--cl-input-focus-border);color:#fff}.radius-btn:disabled{cursor:not-allowed;opacity:.5}.suggestions-dropdown{background:#fff;background:var(--cl-container-bg);border:1px solid #cbd5e1;border:1px solid var(--cl-input-border);border-radius:8px;box-shadow:0 10px 25px -5px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;transition:all .3s ease;z-index:1000}.suggestions-header{align-items:center;background-color:#f8fafc;background-color:var(--cl-form-section-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-container-border);color:#64748b;color:var(--cl-text-muted);display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:8px 12px;transition:all .3s ease}.suggestions-list{list-style:none;margin:0;padding:0}.suggestion-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-container-border);cursor:pointer;padding:12px;transition:background-color .2s ease,border-color .3s ease}.suggestion-item:hover{background-color:#f8fafc;background-color:var(--cl-table-row-hover-bg)}.suggestion-item:last-child{border-bottom:none}.suggestion-main{color:#1e293b;color:var(--cl-text-primary);font-weight:500;margin-bottom:4px;transition:color .3s ease}.suggestion-details{align-items:center;color:#64748b;color:var(--cl-text-muted);display:flex;font-size:12px;justify-content:space-between;transition:color .3s ease}.distance{background-color:#eff6ff;background-color:var(--cl-coverage-distance-bg);border-radius:4px;color:#3b82f6;color:var(--cl-coverage-distance-text);font-size:11px;font-weight:500;padding:2px 6px;transition:all .3s ease}.coverage-table-wrapper{background:#fff;background:var(--cl-table-bg);border:1px solid var(--cl-table-border);border-radius:12px;box-shadow:var(--cl-container-shadow)}.coverage-table th{background:#f8fafc;background:var(--cl-table-header-bg);border-bottom:1px solid var(--cl-table-cell-border);color:#475569;color:var(--cl-table-header-text);font-size:.8rem;padding:1rem}.coverage-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-table-cell-border);padding:1rem;transition:border-color .3s ease}.coverage-table tr:hover:not(.inactive-row){background:#f8fafc;background:var(--cl-table-row-hover-bg)}.inactive-row{background:#f8fafc;background:var(--cl-form-section-bg);opacity:.6}.branch-id{color:#3b82f6;color:var(--cl-input-focus-border);font-size:.85rem;font-weight:600;transition:color .3s ease}.branch-name{color:#64748b;color:var(--cl-text-muted);font-size:.8rem}.pincode-badge{border-radius:6px;font-family:monospace;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.pincode-badge.validated-valid{background-color:#dcfce7;background-color:var(--cl-validation-valid-bg);color:#166534;color:var(--cl-validation-valid-text)}.pincode-badge.validated-invalid{background-color:#fee2e2;background-color:var(--cl-validation-invalid-bg);color:#991b1b;color:var(--cl-validation-invalid-text)}.priority-badge{border-radius:50%;font-size:.8rem;min-width:24px}.priority-1{background:var(--cl-badge-error-bg);color:#b91c1c;color:var(--cl-badge-error-text)}.priority-2,.priority-3{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--cl-badge-inactive-bg);color:#78350f;color:var(--cl-badge-inactive-text)}.status-badge.active{background:var(--cl-badge-active-bg);color:var(--cl-badge-active-text)}.status-badge.inactive{background:#f8fafc;background:var(--cl-form-section-bg);color:#64748b;color:var(--cl-text-muted)}.inline-input{background:#fff3;background:var(--cl-input-bg);border:1px solid #cbd5e1;border:1px solid var(--cl-input-border);border-radius:6px;color:#1e293b;color:var(--cl-input-text);font-size:.85rem;padding:.5rem;transition:all .3s ease;width:100%}.priority-input{max-width:80px}.inline-checkbox{margin:0}.ld-icon-btn{background:var(--cl-btn-bg);border:1px solid var(--cl-btn-border)}.ld-icon-btn:hover{box-shadow:0 4px 8px #0000001a}.ld-icon-btn.save-btn:hover{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cl-badge-active-bg);border-color:#065f46;border-color:var(--cl-badge-active-text)}.ld-icon-btn.cancel-btn:hover,.ld-icon-btn.danger:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--cl-badge-error-bg);border-color:#b91c1c;border-color:var(--cl-badge-error-text)}.bulk-validation-results{background:#fff;background:var(--cl-container-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-container-border);border-radius:8px;margin-bottom:24px;overflow:hidden;transition:all .3s ease}.validation-header{align-items:center;background-color:#f8fafc;background-color:var(--cl-form-section-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-form-section-border);display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.validation-header h3{align-items:center;color:#1e293b;color:var(--cl-text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0;transition:color .3s ease}.close-btn{background:none;border-radius:4px;color:var(--cl-text-muted);padding:4px}.close-btn:hover{background-color:#f8fafc;background-color:var(--cl-form-section-bg);color:#475569;color:var(--cl-text-secondary)}.validation-summary{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-container-border);padding:16px 20px;transition:border-color .3s ease}.summary-stats{display:flex;gap:24px}.stat{align-items:center;display:flex;font-weight:500;gap:8px}.stat.invalid{color:#991b1b;color:var(--cl-validation-invalid-text)}.stat.valid{color:#166534;color:var(--cl-validation-valid-text)}.stat:before{border-radius:50%;content:"";height:12px;width:12px}.stat.valid:before{background-color:#22c55e;background-color:var(--cl-validation-border-valid)}.stat.invalid:before{background-color:#ef4444;background-color:var(--cl-validation-border-invalid)}.validation-details{max-height:300px;overflow-y:auto}.validation-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-container-border);display:flex;font-size:14px;gap:12px;padding:12px 20px;transition:border-color .3s ease}.validation-item:last-child{border-bottom:none}.validation-item.valid{background-color:#dcfce7;background-color:var(--cl-validation-valid-bg)}.validation-item.invalid{background-color:#fee2e2;background-color:var(--cl-validation-invalid-bg)}.validation-item .pincode{font-family:monospace;font-weight:600;min-width:80px}.validation-item .status{font-weight:500;min-width:70px}.validation-item .status.valid{color:#166534;color:var(--cl-validation-valid-text)}.validation-item .status.invalid{color:#991b1b;color:var(--cl-validation-invalid-text)}.validation-item .reason{color:#64748b;color:var(--cl-text-muted);flex:1 1;transition:color .3s ease}.validation-item .distance{background-color:#eff6ff;background-color:var(--cl-coverage-distance-bg);border-radius:4px;color:#3b82f6;color:var(--cl-coverage-distance-text);font-size:12px;padding:2px 6px;transition:all .3s ease}.validation-status{align-items:center;display:flex;font-weight:500;gap:4px}.validation-status.valid{color:#166534;color:var(--cl-validation-valid-text)}.validation-status.invalid{color:#991b1b;color:var(--cl-validation-invalid-text)}.validation-distance{background-color:#eff6ff;background-color:var(--cl-coverage-distance-bg);border-radius:2px;color:#3b82f6;color:var(--cl-coverage-distance-text);font-size:10px;margin-left:4px;padding:1px 4px;transition:all .3s ease}.validate-btn{background-color:linear-gradient(135deg,#ede9fe,#e0e7ff)!important;background-color:var(--cl-btn-save-bg)!important;color:#4338ca!important;color:var(--cl-btn-save-text)!important}.validate-btn:hover{background-color:linear-gradient(135deg,#ddd6fe,#c7d2fe)!important;background-color:var(--cl-btn-save-hover-bg)!important}.validate-btn:disabled{background-color:#f1f5f9!important;background-color:var(--cl-btn-bg)!important;color:#94a3b8!important;color:var(--cl-text-light)!important}.form-group.pincode-group{grid-column:span 1}.empty-state,.loading-row{color:var(--cl-text-muted);padding:3rem}.empty-content,.loading-content{gap:1rem}.empty-content span,.loading-content span{color:#94a3b8;color:var(--cl-text-light);font-size:3rem;transition:color .3s ease}.empty-content h4{color:#475569;color:var(--cl-text-secondary)}.empty-content p{color:var(--cl-text-muted)}.loading-container span{color:#3b82f6;color:var(--cl-loading-color);font-size:3rem;transition:color .3s ease}.loading-container p{color:var(--cl-text-muted)}.strategy-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.strategy-card{background:linear-gradient(135deg,#fff,#f8fafc);background:var(--cl-strategy-card-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cl-card-shadow);overflow:hidden;padding:2rem;position:relative;transition:transform .2s ease,box-shadow .2s ease,background .3s ease,border-color .3s ease}.strategy-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--cl-card-hover-shadow);transform:translateY(-2px)}.premium-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);background:var(--cl-premium-bg);border:2px solid #f59e0b;border:2px solid var(--cl-premium-border)}.premium-badge{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--cl-premium-badge-bg);border-radius:12px;color:#fff;font-size:.8rem;position:absolute;right:1rem;top:1rem}.premium-badge span{font-size:1rem}.strategy-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.strategy-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--cl-strategy-icon-bg);border-radius:12px;color:#1e40af;color:var(--cl-strategy-icon-text);display:flex;justify-content:center;min-height:60px;min-width:60px;padding:1rem;transition:all .3s ease}.strategy-icon span{font-size:1.5rem}.strategy-info h3{color:#1e293b;color:var(--cl-text-primary);font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 .5rem;transition:color .3s ease}.strategy-code{background:#f8fafc;background:var(--cl-form-section-bg);border-radius:4px;color:#64748b;color:var(--cl-text-muted);font-family:Monaco,Menlo,monospace;font-size:.8rem;margin:0;padding:.25rem .5rem;transition:all .3s ease}.current-strategy{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--cl-strategy-current-bg);border:1px solid #bbf7d0;border:1px solid var(--cl-strategy-current-border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.current-label{color:#059669;color:var(--cl-strategy-current-text);font-size:.9rem;font-weight:500;margin-bottom:.75rem;transition:color .3s ease}.current-value{margin-bottom:1rem}.strategy-badge{background:linear-gradient(135deg,#16a34a,#15803d);background:var(--cl-strategy-badge-bg);border-radius:8px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.strategy-description{color:#475569;color:var(--cl-text-secondary);font-size:.9rem;line-height:1.5;margin:0;transition:color .3s ease}.strategy-options{margin-bottom:1.5rem}.options-label{color:#1e293b;color:var(--cl-text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.option-card{background:#fff;background:var(--cl-strategy-option-bg);border:2px solid #e2e8f0;border:2px solid var(--cl-strategy-option-border);border-radius:12px;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease}.option-card:hover:not(.disabled):not(.selected){border-color:#3b82f6;border-color:var(--cl-strategy-option-hover-border);box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.option-card.selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--cl-strategy-option-selected-bg);border-color:#16a34a;border-color:var(--cl-strategy-option-selected-border)}.option-card.disabled{background:#f9fafb;background:var(--cl-strategy-option-disabled-bg);cursor:not-allowed;opacity:.5}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.option-name{color:#1e293b;color:var(--cl-text-primary);font-size:1rem;font-weight:600;transition:color .3s ease}.option-indicators{align-items:center;display:flex;gap:.5rem}.current-indicator{color:#065f46;color:var(--cl-badge-active-text);font-size:1.2rem}.disabled-indicator{color:#b91c1c;color:var(--cl-badge-error-text);font-size:1.2rem}.saving-indicator{color:#3b82f6;color:var(--cl-loading-color);font-size:1.2rem}.option-description{color:#64748b;color:var(--cl-text-muted);font-size:.85rem;line-height:1.4;margin-bottom:.75rem;transition:color .3s ease}.option-action{align-items:center;color:#3b82f6;color:var(--cl-input-focus-border);display:flex;font-size:.8rem;font-weight:500;gap:.5rem;transition:color .3s ease}.option-action span{font-size:1rem}.strategy-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--cl-container-border);color:#64748b;color:var(--cl-text-muted);display:flex;font-size:.85rem;justify-content:space-between;padding-top:1rem;transition:all .3s ease}.effective-date,.source-info{align-items:center;display:flex;gap:.5rem}.effective-date span,.source-info span{font-size:1rem}.success-banner{background:#d1fae5;background:var(--cl-banner-success-bg);border:1px solid #065f46;border:1px solid var(--cl-badge-active-text);color:#065f46;color:var(--cl-banner-success-text)}.error-banner{background:var(--cl-banner-error-bg);border:1px solid #b91c1c;border:1px solid var(--cl-badge-error-text);color:var(--cl-banner-error-text)}.coverage-table tbody tr.has-validation.valid{border-left:4px solid #22c55e;border-left:4px solid var(--cl-validation-border-valid)}.coverage-table tbody tr.has-validation.invalid{border-left:4px solid #ef4444;border-left:4px solid var(--cl-validation-border-invalid)}.distance-tooltip{display:inline-block;position:relative}.distance-tooltip:hover:after{background-color:#1f2937;border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;margin-bottom:4px;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.locality-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.locality-card{background:#fff;background:var(--cl-container-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-container-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 16px;transition:all .2s ease}.locality-card:hover{border-color:#3b82f6;border-color:var(--cl-input-focus-border);box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.locality-name{color:#1e293b;color:var(--cl-text-primary);font-size:14px;font-weight:600;transition:color .3s ease}.locality-pincode{background:#f8fafc;background:var(--cl-form-section-bg);border-radius:4px;color:#64748b;color:var(--cl-text-muted);font-family:monospace;font-size:12px;padding:2px 6px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.locality-text{color:#475569;color:var(--cl-text-secondary);font-weight:500;transition:color .3s ease}.primary-badge{background:var(--cl-badge-error-text);font-size:10px;margin-left:8px;padding:2px 6px}.protected-actions{align-items:center;display:flex;justify-content:center}.protected-message{color:#64748b;color:var(--cl-text-muted);font-size:12px;font-style:italic;gap:4px;transition:color .3s ease}.protected-message .material-symbols-rounded{font-size:14px}.protected-text{color:#64748b;color:var(--cl-text-muted);font-size:10px;margin-left:4px;transition:color .3s ease}.system-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--cl-premium-badge-bg);border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;margin-left:.75rem;padding:.25rem .75rem}.system-badge span{font-size:.9rem}.system-indicator{margin-left:.5rem;opacity:.7}.system-indicator span{color:#f59e0b;color:var(--cl-premium-border);font-size:.8rem;transition:color .3s ease}.scope-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.scope-badge.account{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--cl-badge-account-bg);color:#065f46;color:var(--cl-badge-account-text)}.scope-badge.branch{background:linear-gradient(135deg,#ede9fe,#ddd6fe);background:var(--cl-badge-branch-bg);color:#5b21b6;color:var(--cl-badge-branch-text)}.scope-badge span{font-size:1rem}.branch-info{flex-direction:column;gap:.25rem}.branch-name{color:#1e293b;color:var(--cl-text-primary);font-size:.85rem;font-weight:600;transition:color .3s ease}.branch-id{border-radius:4px;color:#64748b;color:var(--cl-text-muted);font-size:.75rem;padding:.15rem .4rem;width:-webkit-fit-content;width:fit-content}.branch-id,.prefix-value{background:#f8fafc;background:var(--cl-form-section-bg);font-family:Monaco,Menlo,monospace;transition:all .3s ease}.prefix-value{border-radius:6px;color:#475569;color:var(--cl-text-secondary);display:inline-block;font-weight:600;min-width:50px;padding:.4rem .6rem;text-align:center}.range-value{color:#3b82f6;color:var(--cl-input-focus-border)}.current-value,.range-value{font-family:Monaco,Menlo,monospace;font-weight:700;transition:color .3s ease}.current-value{color:#065f46;color:var(--cl-badge-active-text)}.remaining-value{color:#f59e0b;color:var(--cl-premium-border);font-family:Monaco,Menlo,monospace;font-weight:700;transition:color .3s ease}.settings-pills{display:flex;flex-wrap:wrap;gap:.25rem}.pill{border-radius:10px;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.15rem .5rem;text-transform:uppercase;white-space:nowrap}.pill.external{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--cl-badge-inactive-bg);color:#78350f;color:var(--cl-badge-inactive-text)}.pill.fixed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--cl-strategy-icon-bg);color:#1e40af;color:var(--cl-strategy-icon-text)}.pill.gaps{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cl-badge-active-bg);color:#065f46;color:var(--cl-badge-active-text)}.pill.buffer{background:linear-gradient(135deg,#ede9fe,#ddd6fe);background:var(--cl-badge-branch-bg);color:#5b21b6;color:var(--cl-badge-branch-text)}.codelist-main-content{position:relative}.nr-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;background:var(--cl-modal-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:absolute;right:0;top:0;z-index:1000}.nr-popup-wrapper{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--cl-nr-popup-bg);border:2px solid #e2e8f0;border:2px solid var(--cl-nr-popup-border);border-radius:12px;box-shadow:0 20px 60px #0000004d;box-shadow:var(--cl-nr-popup-shadow);max-height:90vh;max-width:700px;overflow-y:auto;position:relative;transition:all .3s ease;width:100%}.nr-popup-wrapper.branch-modal{max-width:500px}.nr-popup-inner{padding:2rem;position:relative}.nr-popup-inner h3{align-items:center;color:#1e293b;color:var(--cl-text-primary);display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem;padding-right:3rem;transition:color .3s ease}.nr-popup-inner h3 span{color:#3b82f6;color:var(--cl-input-focus-border);transition:color .3s ease}.modal-close-btn{color:var(--cl-text-muted);position:absolute;right:1.5rem;top:1.5rem}.modal-close-btn:hover{background:var(--cl-form-section-bg);color:var(--cl-text-primary)}.nr-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.nr-form-grid label{color:#475569;color:var(--cl-text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.nr-form-grid input,.nr-form-grid select{background:#fff;background:var(--cl-nr-form-input-bg);border:2px solid #e5e7eb;border:2px solid var(--cl-nr-form-input-border);border-radius:8px;color:#1e293b;color:var(--cl-input-text);font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.nr-form-grid input:focus,.nr-form-grid select:focus{border-color:#3b82f6;border-color:var(--cl-nr-form-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--cl-nr-form-input-focus-shadow);outline:none}.nr-form-grid input:disabled,.nr-form-grid select:disabled{background:#f8fafc;background:var(--cl-form-section-bg);color:#64748b;color:var(--cl-text-muted);cursor:not-allowed}.nr-form-grid input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--cl-input-focus-border);margin:0;transform:scale(1.2);width:auto}.branch-select-btn{align-items:center;background:#fff;background:var(--cl-nr-branch-select-bg);border:2px dashed #cbd5e1;border:2px dashed var(--cl-nr-branch-select-border);border-radius:8px;color:#64748b;color:var(--cl-text-muted);cursor:pointer;display:flex;font-size:.9rem;gap:1rem;padding:1rem;transition:all .2s ease;width:100%}.branch-select-btn:hover{background:#f8fafc;background:var(--cl-table-row-hover-bg);border-color:#3b82f6;border-color:var(--cl-nr-branch-select-hover-border)}.branch-select-btn:disabled{cursor:not-allowed;opacity:.5}.selected-branch-display{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--cl-nr-branch-selected-bg);border:1px solid #3b82f6;border:1px solid var(--cl-nr-branch-selected-border);border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.selected-branch-display span.material-symbols-rounded{color:#1e40af;color:var(--cl-nr-branch-text);font-size:1.5rem}.branches-list{border:1px solid #e2e8f0;border:1px solid var(--cl-container-border);border-radius:8px;max-height:300px;overflow-y:auto;transition:border-color .3s ease}.empty-state,.loading-state{color:#64748b;color:var(--cl-text-muted);gap:1rem;padding:2rem}.loading-state span.spinning{animation:spin 1s linear infinite;color:#3b82f6;color:var(--cl-loading-color);font-size:2rem}.empty-state span{color:#94a3b8;color:var(--cl-text-light);font-size:2.5rem}.branch-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-container-border);cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.branch-item:hover{background:#f8fafc;background:var(--cl-table-row-hover-bg)}.branch-item:last-child{border-bottom:none}.branch-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--cl-nr-branch-bg);border-radius:8px;color:#1e40af;color:var(--cl-nr-branch-text);display:flex;justify-content:center;padding:.75rem;transition:all .3s ease}.branch-item .branch-info{flex:1 1}.branch-item .branch-name{color:#1e293b;color:var(--cl-text-primary);font-size:.95rem;font-weight:600;margin-bottom:.25rem;transition:color .3s ease}.branch-item .branch-details{color:#64748b;color:var(--cl-text-muted);display:flex;font-size:.8rem;gap:1rem;transition:color .3s ease}.branch-item .branch-id{background:#f8fafc;background:var(--cl-form-section-bg);transition:background .3s ease}.branch-item .branch-code,.branch-item .branch-id{border-radius:4px;font-family:Monaco,Menlo,monospace;padding:.2rem .5rem}.branch-item .branch-code{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--cl-badge-inactive-bg);color:#78350f;color:var(--cl-badge-inactive-text);transition:all .3s ease}.branch-description{color:#64748b;color:var(--cl-text-muted);font-size:.75rem;font-style:italic;margin-top:.5rem;transition:color .3s ease}.select-icon{color:#94a3b8;color:var(--cl-text-light);transition:color .2s ease}.branch-item:hover .select-icon{color:#3b82f6;color:var(--cl-input-focus-border)}.nr-popup-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--cl-container-border);display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;transition:border-color .3s ease}.instyte-save-btn{align-items:center;background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--cl-btn-save-bg);border:none;border-radius:8px;color:#4338ca;color:var(--cl-btn-save-text);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.instyte-save-btn:hover{background:linear-gradient(135deg,#ddd6fe,#c7d2fe);background:var(--cl-btn-save-hover-bg);transform:translateY(-1px)}.instyte-cancel-btn{background:#f1f5f9;background:var(--cl-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-btn-border);border-radius:8px;color:#64748b;color:var(--cl-btn-text);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.instyte-cancel-btn:hover{background:#e2e8f0;background:var(--cl-btn-hover-bg);transform:translateY(-1px)}.ld-fp-table .empty-state{color:#64748b;color:var(--cl-text-muted);padding:3rem;text-align:center;transition:color .3s ease}.ld-fp-table .empty-state span{color:#94a3b8;color:var(--cl-text-light);display:block;font-size:3rem;margin-bottom:1rem;transition:color .3s ease}.ld-fp-table .empty-state h4{color:#475569;color:var(--cl-text-secondary);font-size:1.2rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.ld-fp-table .empty-state p{color:#64748b;color:var(--cl-text-muted);font-size:.9rem;margin:0;transition:color .3s ease}.ld-icon-btn.edit-btn:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--cl-coverage-info-bg);border-color:#3b82f6;border-color:var(--cl-input-focus-border);color:#3b82f6;color:var(--cl-input-focus-border)}.compact-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--cl-ag-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-container-border);border-radius:12px 16px 0 0;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 2rem;transition:all .3s ease}.header-left h1{color:var(--cl-text-primary);font-size:1.4rem;transition:color .3s ease}.header-left h1 .material-symbols-rounded{color:#3b82f6;color:var(--cl-input-focus-border);font-size:1.5rem;transition:color .3s ease}.group-count{color:#64748b;color:var(--cl-text-muted);font-size:.85rem;margin-left:2.25rem;transition:color .3s ease}.view-toggle{background:#e2e8f0;background:var(--cl-btn-border);border-radius:8px;padding:2px;transition:background .3s ease}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--cl-text-muted);cursor:pointer;padding:.5rem;transition:all .2s ease}.toggle-btn.active,.toggle-btn:hover{color:#3b82f6;color:var(--cl-input-focus-border)}.toggle-btn.active{background:#fff;background:var(--cl-container-bg);box-shadow:0 2px 4px #0000001a}.action-btn{font-size:.9rem;padding:.75rem 1rem}.action-btn.secondary{background:#f1f5f9;background:var(--cl-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-btn-border);color:#64748b;color:var(--cl-btn-text)}.action-btn.secondary:hover{background:#e2e8f0;background:var(--cl-btn-hover-bg);transform:translateY(-1px)}.compact-main-content{background:#fff;background:var(--cl-container-bg);border-radius:0 0 16px 16px;min-height:60vh;overflow:hidden;transition:background .3s ease}.content-area{padding:1rem}.compact-tree-container{background:#fff;background:var(--cl-container-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-container-border);border-radius:12px;overflow:hidden;transition:all .3s ease}.compact-node-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cl-table-cell-border);display:flex;min-height:60px;padding:.75rem 1rem;transition:all .2s ease}.compact-node-row:hover{background:#f8fafc;background:var(--cl-ag-node-hover-bg)}.compact-node-row:last-child{border-bottom:none}.compact-node-row.level-0{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--cl-ag-level-0-bg);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--cl-container-border);font-weight:600}.compact-node-row.level-1{background:#f8fafc80;background:var(--cl-ag-level-1-bg)}.compact-node-row.level-2{background:#f1f5f94d;background:var(--cl-ag-level-2-bg)}.expand-btn{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--cl-ag-expand-bg);border-radius:4px;color:#64748b;color:var(--cl-text-muted);height:24px;justify-content:center;margin-right:.5rem;width:24px}.expand-btn:hover:not(:disabled){background:#e2e8f0;background:var(--cl-btn-hover-bg);color:#3b82f6;color:var(--cl-input-focus-border)}.expand-btn.no-children{cursor:default}.expand-btn .no-expand{font-size:8px;opacity:.5}.node-icon{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;margin-right:.75rem;width:32px}.node-icon.grade{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--cl-ag-icon-grade-bg);color:#1e40af;color:var(--cl-ag-icon-grade-text)}.node-icon.section{background:linear-gradient(135deg,#ede9fe,#ddd6fe);background:var(--cl-ag-icon-section-bg);color:#7c3aed;color:var(--cl-ag-icon-section-text)}.node-icon.batch{background:linear-gradient(135deg,#fce4ec,#f8bbd0);background:var(--cl-ag-icon-batch-bg);color:#ad1457;color:var(--cl-ag-icon-batch-text)}.node-icon.year{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--cl-ag-icon-year-bg);color:#0284c7;color:var(--cl-ag-icon-year-text)}.node-content-compact{align-items:center;display:flex;flex:1 1;justify-content:space-between}.node-primary{align-items:center;display:flex;gap:.75rem}.node-label-compact{color:#1e293b;color:var(--cl-text-primary);font-size:.95rem;font-weight:600;transition:color .3s ease}.node-code-compact{background:#f8fafc;background:var(--cl-form-section-bg);border-radius:4px;color:#475569;color:var(--cl-text-secondary);font-family:Monaco,Menlo,monospace;font-size:.8rem;padding:.2rem .5rem;transition:all .3s ease}.node-secondary{align-items:center;display:flex;gap:.5rem}.group-type-pill{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.group-type-pill.grade{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--cl-ag-icon-grade-bg);color:#1e40af;color:var(--cl-ag-icon-grade-text)}.group-type-pill.department{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cl-badge-active-bg);color:#065f46;color:var(--cl-badge-active-text)}.group-type-pill.course{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--cl-badge-inactive-bg);color:#78350f;color:var(--cl-badge-inactive-text)}.group-type-pill.section{background:linear-gradient(135deg,#ede9fe,#ddd6fe);background:var(--cl-ag-icon-section-bg);color:#7c3aed;color:var(--cl-ag-icon-section-text)}.group-type-pill.batch{background:linear-gradient(135deg,#fce4ec,#f8bbd0);background:var(--cl-ag-icon-batch-bg);color:#ad1457;color:var(--cl-ag-icon-batch-text)}.group-type-pill.year{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--cl-ag-icon-year-bg);color:#0284c7;color:var(--cl-ag-icon-year-text)}.leaf-pill{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cl-badge-active-bg);border-radius:10px;color:#065f46;color:var(--cl-badge-active-text);font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.node-actions-compact{display:flex;gap:.25rem;margin-left:.75rem}.action-btn-small{align-items:center;background:#f1f5f9;background:var(--cl-btn-bg);border:none;border-radius:6px;color:#64748b;color:var(--cl-btn-text);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.action-btn-small:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.action-btn-small.add-btn:hover{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cl-badge-active-bg);color:#065f46;color:var(--cl-badge-active-text)}.action-btn-small.delete-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--cl-badge-error-bg);color:#b91c1c;color:var(--cl-badge-error-text)}.action-btn-small .material-symbols-rounded{font-size:16px}.cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:.5rem}.group-card{background:#fff;background:var(--cl-card-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cl-card-shadow);padding:1.5rem;transition:all .2s ease}.group-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--cl-card-hover-shadow);transform:translateY(-2px)}.group-card.level-0{border:2px solid #3b82f6;border:2px solid var(--cl-input-focus-border)}.group-card.level-1{border-left:4px solid #065f46;border-left:4px solid var(--cl-badge-active-text)}.group-card.level-2{border-left:4px solid #7c3aed;border-left:4px solid var(--cl-ag-icon-section-text)}.card-header{align-items:flex-start;gap:1rem}.card-icon{border-radius:10px;height:40px;width:40px}.card-title h4{color:#1e293b;color:var(--cl-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem;transition:color .3s ease}.card-path{color:#64748b;color:var(--cl-text-muted);font-size:.8rem;transition:color .3s ease}.card-content{margin-bottom:1rem}.card-badges{display:flex;flex-wrap:wrap;gap:.5rem}.code-pill{background:#f8fafc;background:var(--cl-form-section-bg);border-radius:6px;color:#475569;color:var(--cl-text-secondary);font-family:Monaco,Menlo,monospace;font-size:.75rem;font-weight:600;padding:.25rem .5rem;transition:all .3s ease}.card-action-btn{background:#f1f5f9;background:var(--cl-btn-bg);border:1px solid var(--cl-btn-border);border-radius:8px;color:var(--cl-btn-text);flex:1 1;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem}.card-action-btn:hover{box-shadow:0 2px 8px #0000001a}.card-action-btn:not(.delete):hover{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cl-badge-active-bg);border-color:#065f46;border-color:var(--cl-badge-active-text);color:#065f46;color:var(--cl-badge-active-text)}.card-action-btn.delete:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--cl-badge-error-bg);border-color:#b91c1c;border-color:var(--cl-badge-error-text);color:#b91c1c;color:var(--cl-badge-error-text)}.empty-state-compact{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-compact .material-symbols-rounded{color:#94a3b8;color:var(--cl-text-light);font-size:4rem;transition:color .3s ease}.empty-state-compact h3{color:#1e293b;color:var(--cl-text-primary);font-size:1.5rem;font-weight:600;margin:0;transition:color .3s ease}.empty-state-compact p{color:#64748b;color:var(--cl-text-muted);font-size:1rem;margin:0;max-width:400px;transition:color .3s ease}.compact-modal{max-width:600px}.compact-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.form-field label{color:#475569;color:var(--cl-text-secondary)}.form-field input,.form-field select{background:#fff3;background:var(--cl-input-bg);border:2px solid #cbd5e1;border:2px solid var(--cl-input-border);border-radius:8px;color:#1e293b;color:var(--cl-input-text);font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.form-field input:focus,.form-field select:focus{border-color:#3b82f6;border-color:var(--cl-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--cl-input-focus-shadow);outline:none}.parent-info-compact{align-items:center;background:#f8fafc;background:var(--cl-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-form-section-border);border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease}.parent-label{color:#64748b;color:var(--cl-text-muted);font-weight:600;transition:color .3s ease}.parent-path{background:#fff;background:var(--cl-container-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-container-border);border-radius:4px;color:#475569;color:var(--cl-text-secondary);font-family:Monaco,Menlo,monospace;padding:.25rem .5rem;transition:all .3s ease}.modal-actions-compact{border-top:1px solid #e2e8f0;border-top:1px solid var(--cl-container-border);display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;transition:border-color .3s ease}.btn-primary{align-items:center;background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--cl-btn-save-bg);border:none;border-radius:8px;color:#4338ca;color:var(--cl-btn-save-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#ddd6fe,#c7d2fe);background:var(--cl-btn-save-hover-bg);transform:translateY(-1px)}.btn-secondary{background:var(--cl-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--cl-btn-border);border-radius:8px;color:#64748b;color:var(--cl-btn-text);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background:#e2e8f0;background:var(--cl-btn-hover-bg)}.children-container{overflow:hidden;transition:all .3s ease}.compact-node-row{position:relative}.compact-node-row:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .2s ease;width:3px}.compact-node-row.level-0:hover:before,.compact-node-row:hover:before{background:linear-gradient(180deg,#3b82f6,#2563eb);background:var(--cl-ag-node-hover-border)}.compact-node-row.level-1:hover:before{background:linear-gradient(180deg,#059669,#047857);background:var(--cl-ag-level-1-hover-border)}.compact-node-row.level-2:hover:before{background:linear-gradient(180deg,#4f46e5,#4338ca);background:var(--cl-ag-level-2-hover-border)}@keyframes expandNode{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.children-container{animation:expandNode .3s ease-out}.codelist-main-content::-webkit-scrollbar{width:8px}.codelist-main-content::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--cl-scrollbar-thumb);border-radius:8px}.codelist-main-content::-webkit-scrollbar-track{background:#0000;background:var(--cl-scrollbar-track)}@media (max-width:768px){.codelist-page-layout{flex-direction:column;padding:16px}.codelist-body-layout{flex-direction:column}.codelist-sidebar{margin:0 0 20px;width:100%}.codelist-sidebar.collapsed{padding:16px 24px;width:100%}.codelist-main-content{margin:0;padding:20px}.codelists-table td,.codelists-table th{padding:10px}.assignment-strategy-header,.branch-coverage-header{align-items:flex-start;flex-direction:column;gap:1rem}.coverage-header-right,.strategy-header-right{justify-content:flex-start;width:100%}.form-grid{grid-template-columns:1fr}.coverage-table-wrapper{overflow-x:auto}.coverage-table{min-width:800px}.options-grid{grid-template-columns:1fr}.strategy-footer{align-items:flex-start;flex-direction:column;gap:.5rem}.premium-badge{align-self:flex-start;margin-bottom:1rem;position:static}.radius-selector{justify-content:flex-start}.summary-stats{flex-direction:column;gap:12px}.validation-item{align-items:flex-start;flex-direction:column;gap:8px}.suggestions-dropdown{bottom:16px;left:16px;max-height:50vh;position:fixed;right:16px;top:auto}.nr-form-grid,.pincode-grid{grid-template-columns:1fr}.nr-popup-wrapper{margin:.5rem;max-height:95vh}.nr-popup-inner{padding:1.5rem}.nr-popup-actions{flex-direction:column}.instyte-cancel-btn,.instyte-save-btn{justify-content:center;width:100%}.settings-pills{align-items:flex-start;flex-direction:column}.branch-item .branch-details{flex-direction:column;gap:.5rem}.compact-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.header-actions{justify-content:space-between;width:100%}.view-toggle{order:-1}.compact-form-grid{grid-template-columns:1fr}.compact-node-row{min-height:50px;padding:.5rem}.node-content-compact{align-items:flex-start;flex-direction:column;gap:.5rem}.node-actions-compact{margin-left:0;margin-top:.5rem}.cards-grid{grid-template-columns:1fr}.card-actions,.modal-actions-compact{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.codelist-main-content,.codelist-sidebar{border-radius:12px;padding:16px}.codelists-title{font-size:1.3rem}.codelists-title span{font-size:22px}.form-section h3{font-size:1.1rem}.strategy-card{border-radius:12px;padding:1.5rem}.strategy-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.strategy-icon{min-height:48px;min-width:48px;padding:.75rem}.strategy-info h3{font-size:1.1rem}.options-grid{grid-template-columns:1fr}.compact-header,.option-card{padding:.75rem}.header-left h1{font-size:1.2rem}.compact-node-row{min-height:45px;padding:.5rem}.node-icon{height:28px;width:28px}.node-label-compact{font-size:.9rem}.node-code-compact{font-size:.75rem}}@media (prefers-contrast:high){.group-card:hover,.pincode-card:hover,.strategy-card:hover{border:2px solid #3b82f6;border:2px solid var(--cl-input-focus-border)}.priority-badge,.scope-badge,.status-badge{border:2px solid}.action-btn-small:hover,.codelists-icon-btn:hover,.ld-icon-btn:hover{border:2px solid #3b82f6;border:2px solid var(--cl-input-focus-border)}}@media (prefers-reduced-motion:reduce){.action-btn,.action-btn-small,.branch-item,.codelists-icon-btn,.compact-node-row,.group-card,.ld-icon-btn,.option-card,.pincode-card,.strategy-card,.toggle-btn{animation:none;transition:none}.action-btn-small:hover,.action-btn:hover,.codelists-icon-btn:hover,.group-card:hover,.ld-icon-btn:hover,.pincode-card:hover,.strategy-card:hover{transform:none}.children-container,.loading-spinner .material-symbols-rounded.spinning,.loading-state span.spinning{animation:none}@keyframes spin{0%{transform:none}to{transform:none}}@keyframes expandNode{0%{max-height:auto;opacity:1;transform:none}to{max-height:auto;opacity:1;transform:none}}@keyframes modalSlideIn{0%{opacity:1;transform:none}to{opacity:1;transform:none}}}@media print{.action-buttons,.card-actions,.codelist-sidebar,.coverage-header-right,.form-actions,.modal-actions-compact,.node-actions-compact,.nr-popup-actions,.sidebar-toggle-btn,.strategy-header-right{display:none!important}.codelist-page-layout{background:#fff!important;color:#000!important}.codelist-main-content{border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:20px!important}.compact-tree-container,.group-card,.strategy-card{border:1px solid #000!important;box-shadow:none!important;page-break-inside:avoid}.codelists-table,.coverage-table{border:1px solid #000!important}.codelists-table td,.codelists-table th,.coverage-table td,.coverage-table th{background:#fff!important;border:1px solid #000!important;color:#000!important}}:root{--bc-page-bg:#fff;--bc-page-text:#1e293b;--bc-page-border:#e2e8f0;--bc-page-shadow:0 6px 20px #0000000d;--bc-header-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--bc-header-border:#e2e8f0;--bc-header-shadow:0 6px 20px #0000000d;--bc-header-text:#1e293b;--bc-premium-bg:linear-gradient(135deg,#bbf7d0e6,#34d399cc);--bc-premium-text:#065f46;--bc-premium-accent:#ffffff1a;--bc-premium-badge-bg:#ffffffe6;--bc-premium-badge-border:#ffffff4d;--bc-btn-bg:#f1f5f9;--bc-btn-text:#1e293b;--bc-btn-shadow:0 1px 3px #0000000a;--bc-btn-hover-bg:#e0f2f1;--bc-btn-hover-shadow:0 6px 12px #0000001a;--bc-btn-hover-border:2px solid #000;--bc-btn-disabled-bg:#f1f5f9;--bc-btn-disabled-text:#94a3b8;--bc-premium-btn-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--bc-premium-btn-text:#fff;--bc-premium-btn-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--bc-premium-btn-hover-border:#1e40af;--bc-refresh-btn-bg:linear-gradient(135deg,#10b981,#059669);--bc-refresh-btn-text:#fff;--bc-refresh-btn-hover-bg:linear-gradient(135deg,#059669,#047857);--bc-refresh-btn-hover-border:#047857;--bc-warning-btn-bg:linear-gradient(135deg,#f59e0b,#d97706);--bc-warning-btn-text:#fff;--bc-warning-btn-hover-bg:linear-gradient(135deg,#d97706,#b45309);--bc-warning-btn-hover-border:#b45309;--bc-card-bg:#fff;--bc-card-border:#e2e8f0;--bc-card-shadow:0 6px 20px #0000000d;--bc-card-hover-shadow:0 8px 20px #0000000f;--bc-card-text:#1e293b;--bc-stat-card-bg:#fff;--bc-stat-card-border:#e2e8f0;--bc-stat-card-shadow:0 4px 20px #00000014;--bc-stat-card-hover-shadow:0 8px 30px #0000001f;--bc-stat-number-text:#1e293b;--bc-stat-label-text:#64748b;--bc-stat-default-gradient:linear-gradient(90deg,#3b82f6,#10b981);--bc-stat-default-icon-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--bc-stat-default-icon-color:#1e40af;--bc-stat-active-gradient:linear-gradient(90deg,#10b981,#16a34a);--bc-stat-active-icon-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--bc-stat-active-icon-color:#059669;--bc-stat-inactive-gradient:linear-gradient(90deg,#6b7280,#9ca3af);--bc-stat-inactive-icon-bg:linear-gradient(135deg,#f3f4f6,#e5e7eb);--bc-stat-inactive-icon-color:#6b7280;--bc-stat-protected-gradient:linear-gradient(90deg,#f59e0b,#d97706);--bc-stat-protected-icon-bg:linear-gradient(135deg,#fef3c7,#fde68a);--bc-stat-protected-icon-color:#d97706;--bc-stat-warning-gradient:linear-gradient(90deg,#ef4444,#dc2626);--bc-stat-warning-icon-bg:linear-gradient(135deg,#fee2e2,#fecaca);--bc-stat-warning-icon-color:#dc2626;--bc-suggestions-bg:linear-gradient(135deg,#fff,#f8fafc);--bc-suggestions-border:linear-gradient(135deg,#3b82f6,#10b981,#f59e0b);--bc-suggestions-header-bg:#fffc;--bc-suggestions-header-border:#e2e8f0;--bc-premium-badge-section-bg:linear-gradient(135deg,#3b82f6,#10b981);--bc-premium-badge-section-text:#fff;--bc-table-bg:#ffffffd9;--bc-table-border:#e2e8f0;--bc-table-shadow:0 6px 20px #0000000d;--bc-table-header-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--bc-table-header-text:#1e293b;--bc-table-header-border:#e2e8f0;--bc-table-cell-border:#f1f5f9;--bc-table-row-hover-bg:linear-gradient(135deg,#f0f9ff,#f0fdf4);--bc-table-inactive-row-bg:#f9fafb;--bc-table-default-row-bg:linear-gradient(135deg,#fffbeb,#fef3c7);--bc-table-default-row-border:#f59e0b;--bc-table-changes-row-bg:linear-gradient(135deg,#fef3c7,#fde68a);--bc-table-changes-row-border:#f59e0b;--bc-table-changes-row-hover-bg:linear-gradient(135deg,#fde68a,#facc15);--bc-field-label-text:#334155;--bc-field-value-text:#1e293b;--bc-field-value-hover-bg:#00000008;--bc-field-input-bg:#0000;--bc-field-input-border:#0000;--bc-field-input-focus-border:#3b82f6;--bc-field-input-focus-shadow:#3b82f633;--bc-field-edit-icon-color:#64748b;--bc-field-edit-icon-hover-color:#0f172a;--bc-field-changes-bg:#f59e0b1a;--bc-field-changes-border:#f59e0b4d;--bc-field-changes-text:#92400e;--bc-pincode-badge-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--bc-pincode-badge-text:#1e40af;--bc-pincode-badge-border:#bfdbfe;--bc-pincode-badge-default-bg:linear-gradient(135deg,#fef3c7,#fde68a);--bc-pincode-badge-default-text:#92400e;--bc-pincode-badge-default-border:#fde68a;--bc-priority-1-bg:linear-gradient(135deg,#fee2e2,#fecaca);--bc-priority-1-text:#dc2626;--bc-priority-1-border:#fecaca;--bc-priority-2-bg:linear-gradient(135deg,#fef3c7,#fde68a);--bc-priority-2-text:#d97706;--bc-priority-2-border:#fde68a;--bc-priority-3-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--bc-priority-3-text:#059669;--bc-priority-3-border:#bbf7d0;--bc-priority-default-bg:linear-gradient(135deg,#f59e0b,#d97706);--bc-priority-default-text:#fff;--bc-priority-default-border:#d97706;--bc-icon-btn-bg:#f1f5f9;--bc-icon-btn-border:#e2e8f0;--bc-icon-btn-text:#334155;--bc-icon-btn-hover-bg:#e2e8f0;--bc-icon-btn-hover-text:#1e3a8a;--bc-icon-btn-hover-shadow:0 2px 6px #0000000f;--bc-icon-btn-danger-hover-text:#dc2626;--bc-icon-btn-danger-hover-bg:#fee2e2;--bc-icon-btn-save-bg:linear-gradient(135deg,#10b981,#059669);--bc-icon-btn-save-text:#fff;--bc-icon-btn-save-border:#059669;--bc-icon-btn-save-hover-bg:linear-gradient(135deg,#059669,#047857);--bc-icon-btn-save-hover-border:#047857;--bc-icon-btn-reset-bg:linear-gradient(135deg,#f59e0b,#d97706);--bc-icon-btn-reset-text:#fff;--bc-icon-btn-reset-border:#d97706;--bc-icon-btn-reset-hover-bg:linear-gradient(135deg,#d97706,#b45309);--bc-icon-btn-reset-hover-border:#b45309;--bc-alert-init-bg:linear-gradient(135deg,#fef3c7,#fde68a);--bc-alert-init-border:#f59e0b;--bc-alert-init-text:#92400e;--bc-alert-init-shadow:#f59e0b33;--bc-alert-icon-bg:linear-gradient(135deg,#f59e0b,#d97706);--bc-alert-icon-text:#fff;--bc-alert-icon-shadow:#f59e0b4d;--bc-info-banner-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--bc-info-banner-border:#3b82f6;--bc-info-banner-text:#1e40af;--bc-modal-overlay-bg:#00000080;--bc-modal-bg:#fff;--bc-modal-border:#e2e8f0;--bc-modal-shadow:0 20px 60px #0000004d;--bc-modal-header-text:#1e293b;--bc-modal-header-icon:#3b82f6;--bc-modal-close-btn-bg:#0000;--bc-modal-close-btn-text:#64748b;--bc-modal-close-btn-hover-bg:#f1f5f9;--bc-modal-close-btn-hover-text:#1e293b;--bc-modal-info-card-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--bc-modal-info-card-border:#3b82f6;--bc-modal-info-card-text:#1e40af;--bc-modal-branch-info-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--bc-modal-branch-info-border:#10b981;--bc-modal-branch-info-text:#065f46;--bc-modal-branch-info-icon:#059669;--bc-form-bg:linear-gradient(135deg,#fff,#f8fafc);--bc-form-border:linear-gradient(135deg,#10b981,#f59e0b);--bc-form-shadow:0 8px 32px #00000014;--bc-form-input-bg:#fff;--bc-form-input-border:#e5e7eb;--bc-form-input-text:#374151;--bc-form-input-focus-border:#3b82f6;--bc-form-input-focus-shadow:#3b82f61a;--bc-form-input-placeholder:#9ca3af;--bc-form-help-text:#6b7280;--bc-form-label-text:#374151;--bc-btn-ghost-bg:#0000;--bc-btn-ghost-text:#64748b;--bc-btn-ghost-border:#e2e8f0;--bc-btn-ghost-hover-bg:#f8fafc;--bc-btn-ghost-hover-border:#cbd5e1;--bc-btn-ghost-hover-text:#475569;--bc-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--bc-btn-primary-text:#fff;--bc-btn-primary-border:#0000;--bc-btn-primary-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--bc-btn-primary-hover-border:#1e40af;--bc-btn-primary-disabled-bg:linear-gradient(135deg,#9ca3af,#6b7280);--bc-btn-primary-disabled-border:#0000;--bc-locality-card-bg:#fff;--bc-locality-card-border:#0000;--bc-locality-card-shadow:0 4px 16px #00000014;--bc-locality-card-hover-shadow:0 12px 40px #00000026;--bc-locality-card-hover-border:#3b82f64d;--bc-locality-card-gradient:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b);--bc-locality-icon-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--bc-locality-icon-text:#fff;--bc-locality-icon-shadow:#3b82f64d;--bc-distance-chip-bg:linear-gradient(135deg,#10b981,#059669);--bc-distance-chip-text:#fff;--bc-distance-chip-shadow:#10b9814d;--bc-locality-title-text:#1e293b;--bc-locality-meta-text:#64748b;--bc-locality-meta-icon:#94a3b8;--bc-locality-meta-code-bg:linear-gradient(135deg,#f1f5f9,#e2e8f0);--bc-locality-meta-code-border:#e2e8f0;--bc-locality-meta-code-text:#475569;--bc-card-action-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--bc-card-action-text:#475569;--bc-card-action-hover-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--bc-card-action-hover-text:#fff;--bc-success-banner-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--bc-success-banner-border:#10b981;--bc-success-banner-text:#047857;--bc-error-banner-bg:linear-gradient(135deg,#fee2e2,#fecaca);--bc-error-banner-border:#ef4444;--bc-error-banner-text:#b91c1c;--bc-loading-text:#64748b;--bc-loading-icon:#3b82f6;--bc-empty-icon:#cbd5e1;--bc-empty-title-text:#1e293b;--bc-empty-desc-text:#64748b;--bc-scrollbar-thumb:#3b82f699;--bc-scrollbar-track:#ffffff80;--bc-scrollbar-thumb-hover:#3b82f6cc;--bc-protected-msg-bg:linear-gradient(135deg,#fef3c7,#fde68a);--bc-protected-msg-text:#92400e;--bc-protected-msg-border:#fde68a;--bc-save-bar-bg:#fff9;--bc-save-bar-border:#e2e8f0}[data-theme=dark]{--bc-page-bg:#1a1a1ae6;--bc-page-text:#fff;--bc-page-border:#ffffff1a;--bc-page-shadow:0 6px 20px #0000004d;--bc-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--bc-header-border:#ffffff1a;--bc-header-shadow:0 6px 20px #0000004d;--bc-header-text:#fff;--bc-premium-bg:linear-gradient(135deg,#00ff8840,#00f2fe33);--bc-premium-text:linear-gradient(135deg,#065f46,#047857);--bc-premium-accent:#00ff881a;--bc-premium-badge-bg:#1a1a1ae6;--bc-premium-badge-border:#00ff884d;--bc-btn-bg:#333c;--bc-btn-text:#fff;--bc-btn-shadow:0 1px 3px #0006;--bc-btn-hover-bg:#00ff881a;--bc-btn-hover-shadow:0 6px 12px #0006;--bc-btn-hover-border:2px solid linear-gradient(135deg,#065f46,#047857);--bc-btn-disabled-bg:#33333380;--bc-btn-disabled-text:#ffffff4d;--bc-premium-btn-bg:#00f2fe33;--bc-premium-btn-text:#00f2fe;--bc-premium-btn-hover-bg:#00f2fe4d;--bc-premium-btn-hover-border:#00f2fe;--bc-refresh-btn-bg:#0f83;--bc-refresh-btn-text:linear-gradient(135deg,#065f46,#047857);--bc-refresh-btn-hover-bg:#00ff884d;--bc-refresh-btn-hover-border:linear-gradient(135deg,#065f46,#047857);--bc-warning-btn-bg:#ff9f0a33;--bc-warning-btn-text:#ff9f0a;--bc-warning-btn-hover-bg:#ff9f0a4d;--bc-warning-btn-hover-border:#ff9f0a;--bc-card-bg:#1a1a1ae6;--bc-card-border:#ffffff1a;--bc-card-shadow:0 6px 20px #0000004d;--bc-card-hover-shadow:0 8px 20px #0006;--bc-card-text:#fff;--bc-stat-card-bg:#1a1a1ae6;--bc-stat-card-border:#ffffff1a;--bc-stat-card-shadow:0 4px 20px #0000004d;--bc-stat-card-hover-shadow:0 8px 30px #0006;--bc-stat-number-text:#fff;--bc-stat-label-text:#ccc;--bc-stat-default-gradient:linear-gradient(90deg,#00f2fe,linear-gradient(135deg,#065f46,#047857););--bc-stat-default-icon-bg:#00f2fe33;--bc-stat-default-icon-color:#00f2fe;--bc-stat-active-gradient:linear-gradient(90deg,linear-gradient(135deg,#065f46,#047857);,#00cc6a);--bc-stat-active-icon-bg:#0f83;--bc-stat-active-icon-color:#065f46;--bc-stat-inactive-gradient:linear-gradient(90deg,#ffffff4d,#fff3);--bc-stat-inactive-icon-bg:#ffffff1a;--bc-stat-inactive-icon-color:#fff9;--bc-stat-protected-gradient:linear-gradient(90deg,#ff9f0a,#ffb347);--bc-stat-protected-icon-bg:#ff9f0a33;--bc-stat-protected-icon-color:#ff9f0a;--bc-stat-warning-gradient:linear-gradient(90deg,#ff3b30,#ff6b59);--bc-stat-warning-icon-bg:#ff3b3033;--bc-stat-warning-icon-color:#ff3b30;--bc-suggestions-bg:linear-gradient(135deg,#1a1a1ae6,#33333380);--bc-suggestions-border:linear-gradient(135deg,#00f2fe,linear-gradient(135deg,#065f46,#047857);,#ff9f0a);--bc-suggestions-header-bg:#1a1a1acc;--bc-suggestions-header-border:#ffffff1a;--bc-premium-badge-section-bg:linear-gradient(135deg,#00f2fe,linear-gradient(135deg,#065f46,#047857););--bc-premium-badge-section-text:#000;--bc-table-bg:#1a1a1ad9;--bc-table-border:#ffffff1a;--bc-table-shadow:0 6px 20px #0000004d;--bc-table-header-bg:linear-gradient(135deg,#333c,#3339);--bc-table-header-text:#fff;--bc-table-header-border:#ffffff1a;--bc-table-cell-border:#ffffff0d;--bc-table-row-hover-bg:#00ff880d;--bc-table-inactive-row-bg:#33333380;--bc-table-default-row-bg:#ff9f0a1a;--bc-table-default-row-border:#ff9f0a;--bc-table-changes-row-bg:#ff9f0a26;--bc-table-changes-row-border:#ff9f0a;--bc-table-changes-row-hover-bg:#ff9f0a40;--bc-field-label-text:#ccc;--bc-field-value-text:#fff;--bc-field-value-hover-bg:#ffffff0d;--bc-field-input-bg:#0000;--bc-field-input-border:#0000;--bc-field-input-focus-border:linear-gradient(135deg,#065f46,#047857);--bc-field-input-focus-shadow:#0f83;--bc-field-edit-icon-color:#ccc;--bc-field-edit-icon-hover-color:#fff;--bc-field-changes-bg:#ff9f0a1a;--bc-field-changes-border:#ff9f0a4d;--bc-field-changes-text:#ff9f0a;--bc-pincode-badge-bg:#00f2fe33;--bc-pincode-badge-text:#00f2fe;--bc-pincode-badge-border:#00f2fe4d;--bc-pincode-badge-default-bg:#ff9f0a33;--bc-pincode-badge-default-text:#ff9f0a;--bc-pincode-badge-default-border:#ff9f0a4d;--bc-priority-1-bg:#ff3b3033;--bc-priority-1-text:#ff3b30;--bc-priority-1-border:#ff3b304d;--bc-priority-2-bg:#ff9f0a33;--bc-priority-2-text:#ff9f0a;--bc-priority-2-border:#ff9f0a4d;--bc-priority-3-bg:#0f83;--bc-priority-3-text:linear-gradient(135deg,#065f46,#047857);--bc-priority-3-border:#00ff884d;--bc-priority-default-bg:#ff9f0a4d;--bc-priority-default-text:#ff9f0a;--bc-priority-default-border:#ff9f0a66;--bc-icon-btn-bg:#333c;--bc-icon-btn-border:#ffffff1a;--bc-icon-btn-text:#fff;--bc-icon-btn-hover-bg:#00ff881a;--bc-icon-btn-hover-text:linear-gradient(135deg,#065f46,#047857);--bc-icon-btn-hover-shadow:0 2px 6px #0006;--bc-icon-btn-danger-hover-text:#ff3b30;--bc-icon-btn-danger-hover-bg:#ff3b3033;--bc-icon-btn-save-bg:#0f83;--bc-icon-btn-save-text:linear-gradient(135deg,#065f46,#047857);--bc-icon-btn-save-border:#00ff884d;--bc-icon-btn-save-hover-bg:#00ff884d;--bc-icon-btn-save-hover-border:linear-gradient(135deg,#065f46,#047857);--bc-icon-btn-reset-bg:#ff9f0a33;--bc-icon-btn-reset-text:#ff9f0a;--bc-icon-btn-reset-border:#ff9f0a4d;--bc-icon-btn-reset-hover-bg:#ff9f0a4d;--bc-icon-btn-reset-hover-border:#ff9f0a;--bc-alert-init-bg:#ff9f0a26;--bc-alert-init-border:#ff9f0a;--bc-alert-init-text:#ff9f0a;--bc-alert-init-shadow:#ff9f0a33;--bc-alert-icon-bg:linear-gradient(135deg,#ff9f0a,#ffb347);--bc-alert-icon-text:#000;--bc-alert-icon-shadow:#ff9f0a4d;--bc-info-banner-bg:#00f2fe26;--bc-info-banner-border:#00f2fe;--bc-info-banner-text:#00f2fe;--bc-modal-overlay-bg:#000000b3;--bc-modal-bg:#1a1a1af2;--bc-modal-border:#ffffff1a;--bc-modal-shadow:0 20px 60px #0009;--bc-modal-header-text:#fff;--bc-modal-header-icon:linear-gradient(135deg,#065f46,#047857);--bc-modal-close-btn-bg:#0000;--bc-modal-close-btn-text:#ccc;--bc-modal-close-btn-hover-bg:#ffffff1a;--bc-modal-close-btn-hover-text:#fff;--bc-modal-info-card-bg:#00f2fe26;--bc-modal-info-card-border:#00f2fe;--bc-modal-info-card-text:#00f2fe;--bc-modal-branch-info-bg:#00ff8826;--bc-modal-branch-info-border:linear-gradient(135deg,#065f46,#047857);--bc-modal-branch-info-text:linear-gradient(135deg,#065f46,#047857);--bc-modal-branch-info-icon:#00cc6a;--bc-form-bg:linear-gradient(135deg,#1a1a1ae6,#33333380);--bc-form-border:linear-gradient(135deg,linear-gradient(135deg,#065f46,#047857);,#ff9f0a);--bc-form-shadow:0 8px 32px #0006;--bc-form-input-bg:#33333380;--bc-form-input-border:#ffffff1a;--bc-form-input-text:#fff;--bc-form-input-focus-border:linear-gradient(135deg,#065f46,#047857);--bc-form-input-focus-shadow:#0f83;--bc-form-input-placeholder:#ffffff80;--bc-form-help-text:#ccc;--bc-form-label-text:#fff;--bc-btn-ghost-bg:#0000;--bc-btn-ghost-text:#ccc;--bc-btn-ghost-border:#ffffff1a;--bc-btn-ghost-hover-bg:#ffffff0d;--bc-btn-ghost-hover-border:#fff3;--bc-btn-ghost-hover-text:#fff;--bc-btn-primary-bg:linear-gradient(135deg,#065f46,#047857);--bc-btn-primary-text:#000;--bc-btn-primary-border:#0000;--bc-btn-primary-hover-bg:linear-gradient(135deg,#00cc6a,#009951);--bc-btn-primary-hover-border:#00cc6a;--bc-btn-primary-disabled-bg:linear-gradient(135deg,#fff3,#ffffff1a);--bc-btn-primary-disabled-border:#0000;--bc-locality-card-bg:#1a1a1ae6;--bc-locality-card-border:#0000;--bc-locality-card-shadow:0 4px 16px #0000004d;--bc-locality-card-hover-shadow:0 12px 40px #00000080;--bc-locality-card-hover-border:#00ff884d;--bc-locality-card-gradient:linear-gradient(90deg,#00f2fe,linear-gradient(135deg,#065f46,#047857);,#ff9f0a);--bc-locality-icon-bg:linear-gradient(135deg,#00f2fe,#00b8cc);--bc-locality-icon-text:#000;--bc-locality-icon-shadow:#00f2fe4d;--bc-distance-chip-bg:linear-gradient(135deg,#065f46,#047857);--bc-distance-chip-text:#000;--bc-distance-chip-shadow:#00ff884d;--bc-locality-title-text:#fff;--bc-locality-meta-text:#ccc;--bc-locality-meta-icon:#fff9;--bc-locality-meta-code-bg:linear-gradient(135deg,#333c,#4d4d4d99);--bc-locality-meta-code-border:#ffffff1a;--bc-locality-meta-code-text:#fff;--bc-card-action-bg:linear-gradient(135deg,#3339,#4d4d4d66);--bc-card-action-text:#ccc;--bc-card-action-hover-bg:linear-gradient(135deg,#00f2fe,#00b8cc);--bc-card-action-hover-text:#000;--bc-success-banner-bg:#00ff8826;--bc-success-banner-border:linear-gradient(135deg,#065f46,#047857);--bc-success-banner-text:linear-gradient(135deg,#065f46,#047857);--bc-error-banner-bg:#ff3b3026;--bc-error-banner-border:#ff3b30;--bc-error-banner-text:#ff3b30;--bc-loading-text:#ccc;--bc-loading-icon:linear-gradient(135deg,#065f46,#047857);--bc-empty-icon:#ffffff4d;--bc-empty-title-text:#fff;--bc-empty-desc-text:#ccc;--bc-scrollbar-thumb:#0f86;--bc-scrollbar-track:#ffffff0d;--bc-scrollbar-thumb-hover:#0f89;--bc-protected-msg-bg:#ff9f0a26;--bc-protected-msg-text:#ff9f0a;--bc-protected-msg-border:#ff9f0a4d;--bc-save-bar-bg:#1a1a1a99;--bc-save-bar-border:#ffffff1a}.codelist-main-content{background:var(--bc-page-bg);box-sizing:border-box;color:var(--bc-page-text);display:flex;flex-direction:column;font-family:Google Sans,Poppins,sans-serif;height:auto;min-height:100vh;overflow:visible;padding:2rem;width:100%}.premium-feature-banner{background:linear-gradient(135deg,#bbf7d0e6,#34d399cc);background:var(--bc-premium-bg);border-radius:12px;box-shadow:0 8px 32px #0000001a;color:#065f46;color:var(--bc-premium-text);margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.premium-feature-banner:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);background:radial-gradient(circle,var(--bc-premium-accent) 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:200px}.premium-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--bc-premium-badge-bg);border:1px solid #ffffff4d;border:1px solid var(--bc-premium-badge-border);border-radius:25px;color:#065f46;color:var(--bc-premium-text);display:inline-flex;font-size:.85rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .3s ease}.premium-content h3{font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.premium-content h3,.premium-content p{color:#065f46;color:var(--bc-premium-text);transition:color .3s ease}.premium-content p{font-size:1rem;margin:0;opacity:.9}.coverage-stats-section{margin-bottom:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--bc-stat-card-bg);border:1px solid var(--bc-stat-card-border);box-shadow:0 4px 20px #00000014;box-shadow:var(--bc-stat-card-shadow)}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);background:var(--bc-stat-default-gradient)}.stat-card.active:before{background:linear-gradient(90deg,#10b981,#16a34a);background:var(--bc-stat-active-gradient)}.stat-card.inactive:before{background:linear-gradient(90deg,#6b7280,#9ca3af);background:var(--bc-stat-inactive-gradient)}.stat-card.protected:before{background:linear-gradient(90deg,#f59e0b,#d97706);background:var(--bc-stat-protected-gradient)}.stat-card.warning:before{background:linear-gradient(90deg,#ef4444,#dc2626);background:var(--bc-stat-warning-gradient)}.stat-card:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--bc-stat-card-hover-shadow)}.stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--bc-stat-default-icon-bg);border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.stat-card.active .stat-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--bc-stat-active-icon-bg)}.stat-card.inactive .stat-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:var(--bc-stat-inactive-icon-bg)}.stat-card.protected .stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--bc-stat-protected-icon-bg)}.stat-card.warning .stat-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--bc-stat-warning-icon-bg)}.stat-icon span{color:#1e40af;color:var(--bc-stat-default-icon-color);font-size:1.5rem}.stat-card.active .stat-icon span{color:#059669;color:var(--bc-stat-active-icon-color)}.stat-card.inactive .stat-icon span{color:#6b7280;color:var(--bc-stat-inactive-icon-color)}.stat-card.protected .stat-icon span{color:#d97706;color:var(--bc-stat-protected-icon-color)}.stat-card.warning .stat-icon span{color:#dc2626;color:var(--bc-stat-warning-icon-color)}.stat-content{text-align:left}.stat-number{color:var(--bc-stat-number-text);font-size:2rem}.stat-label{color:#64748b;color:var(--bc-stat-label-text)}.branch-coverage-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--bc-page-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;transition:border-color .3s ease}.coverage-header-left h2{align-items:center;color:#1e293b;color:var(--bc-header-text);display:flex;font-size:1.8rem;font-weight:700;gap:.75rem;margin:0;transition:color .3s ease}.coverage-header-left h2 span{color:#3b82f6;color:var(--bc-modal-header-icon);transition:color .3s ease}.coverage-header-right{display:flex;gap:1rem}.lead-md3-btn{background-color:#f1f5f9;background-color:var(--bc-btn-bg);box-shadow:var(--bc-btn-shadow);color:var(--bc-btn-text);transition:background-color .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1),border-radius .3s ease,color .3s ease}.lead-md3-btn:hover{background-color:#e0f2f1;background-color:var(--bc-btn-hover-bg);border:2px solid #000;border:var(--bc-btn-hover-border);box-shadow:var(--bc-btn-hover-shadow)}.lead-md3-btn.premium-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--bc-premium-btn-bg);color:#fff;color:var(--bc-premium-btn-text)}.lead-md3-btn.premium-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--bc-premium-btn-hover-bg);border:2px solid #1e40af;border:2px solid var(--bc-premium-btn-hover-border)}.lead-md3-btn.refresh-btn{background:linear-gradient(135deg,#10b981,#059669);background:var(--bc-refresh-btn-bg);color:#fff;color:var(--bc-refresh-btn-text)}.lead-md3-btn.refresh-btn:hover{background:linear-gradient(135deg,#059669,#047857);background:var(--bc-refresh-btn-hover-bg);border:2px solid #047857;border:2px solid var(--bc-refresh-btn-hover-border)}.lead-md3-btn.warning-btn{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--bc-warning-btn-bg);color:#fff;color:var(--bc-warning-btn-text)}.lead-md3-btn.warning-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);background:var(--bc-warning-btn-hover-bg);border:2px solid #b45309;border:2px solid var(--bc-warning-btn-hover-border)}.lead-md3-btn:disabled{background-color:#f1f5f9;background-color:var(--bc-btn-disabled-bg);color:#94a3b8;color:var(--bc-btn-disabled-text);opacity:.5}.modern-suggestions-section{background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bc-suggestions-bg);background-clip:padding-box;border:2px solid #0000;border-radius:12px;box-shadow:0 8px 32px #00000014;margin-bottom:2rem;overflow:hidden;position:relative;transition:all .3s ease}.modern-suggestions-section:before{background:linear-gradient(135deg,#3b82f6,#10b981,#f59e0b);background:var(--bc-suggestions-border);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:2px;position:absolute}.premium-badge-section{align-items:center;background:linear-gradient(135deg,#3b82f6,#10b981);background:var(--bc-premium-badge-section-bg);color:#fff;color:var(--bc-premium-badge-section-text);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.section-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--bc-suggestions-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--bc-suggestions-header-border);margin:1rem;padding:1.5rem;transition:all .3s ease}.section-header-title{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:1rem}.initialization-alert{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--bc-alert-init-bg);border:2px solid #f59e0b;border:2px solid var(--bc-alert-init-border);border-radius:12px;box-shadow:0 4px 16px #f59e0b33;box-shadow:0 4px 16px var(--bc-alert-init-shadow);margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.alert-content{gap:1.5rem}.alert-content,.alert-icon{align-items:center;display:flex}.alert-icon{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--bc-alert-icon-bg);border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;box-shadow:0 4px 12px var(--bc-alert-icon-shadow);color:#fff;color:var(--bc-alert-icon-text);flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.alert-icon span{font-size:1.5rem}.alert-text{flex:1 1}.alert-text h4{font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.alert-text h4,.alert-text p{color:#92400e;color:var(--bc-alert-init-text);transition:color .3s ease}.alert-text p{margin:0;opacity:.9}.modal-overlay{background:var(--bc-modal-overlay-bg)}.modal-content{animation:modalSlideIn .3s ease-out forwards;background:var(--bc-modal-bg);border:1px solid var(--bc-modal-border);box-shadow:var(--bc-modal-shadow);max-height:80vh;max-width:500px;transform:scale(.95);width:100%}.modal-header{border-bottom:1px solid var(--bc-modal-border);padding:2rem 2rem 1rem}.modal-header h3{color:var(--bc-modal-header-text);font-size:1.4rem;font-weight:700}.modal-header h3 span{color:#3b82f6;color:var(--bc-modal-header-icon);transition:color .3s ease}.modal-close-btn{background:#0000;background:var(--bc-modal-close-btn-bg);color:var(--bc-modal-close-btn-text)}.modal-close-btn:hover{background:#f1f5f9;background:var(--bc-modal-close-btn-hover-bg);color:var(--bc-modal-close-btn-hover-text)}.modal-body{padding:1.5rem 2rem}.init-info{margin-bottom:1.5rem}.info-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--bc-modal-info-card-bg);border:1px solid #3b82f6;border:1px solid var(--bc-modal-info-card-border);border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.info-card span{flex-shrink:0;font-size:.9rem;margin-top:.125rem}.info-card h4,.info-card span{color:#1e40af;color:var(--bc-modal-info-card-text);transition:color .3s ease}.info-card h4{font-size:1rem;font-weight:600;margin:0 0 .5rem}.info-card p{color:#1e40af;color:var(--bc-modal-info-card-text);font-size:.9rem;line-height:1.5;margin:0;opacity:.9;transition:color .3s ease}.form-group label{color:var(--bc-form-label-text)}.form-input{background:#fff;background:var(--bc-form-input-bg);border:2px solid #e5e7eb;border:2px solid var(--bc-form-input-border);border-radius:8px;color:#374151;color:var(--bc-form-input-text);font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#3b82f6;border-color:var(--bc-form-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px var(--bc-form-input-focus-shadow);outline:none}.form-input::placeholder{color:#9ca3af;color:var(--bc-form-input-placeholder)}.form-help{color:#6b7280;color:var(--bc-form-help-text);display:block;font-size:.8rem;line-height:1.4;margin-top:.5rem;transition:color .3s ease}.branch-info{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--bc-modal-branch-info-bg);border:1px solid #10b981;border:1px solid var(--bc-modal-branch-info-border);border-radius:12px;color:#065f46;color:var(--bc-modal-branch-info-text);display:flex;gap:.75rem;padding:1.25rem;transition:all .3s ease}.branch-info span.material-symbols-rounded{color:#059669;color:var(--bc-modal-branch-info-icon);font-size:1.25rem;transition:color .3s ease}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--bc-modal-border);display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem}.lead-md3-btn.ghost-btn{background:#0000;background:var(--bc-btn-ghost-bg);border:2px solid #e2e8f0;border:2px solid var(--bc-btn-ghost-border);color:#64748b;color:var(--bc-btn-ghost-text)}.lead-md3-btn.ghost-btn:hover{background:#f8fafc;background:var(--bc-btn-ghost-hover-bg);border-color:#cbd5e1;border-color:var(--bc-btn-ghost-hover-border);color:#475569;color:var(--bc-btn-ghost-hover-text)}.lead-md3-btn.primary-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--bc-btn-primary-bg);border:2px solid #0000;border:2px solid var(--bc-btn-primary-border);color:var(--bc-btn-primary-text)}.lead-md3-btn.primary-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--bc-btn-primary-hover-bg);border-color:#1e40af;border-color:var(--bc-btn-primary-hover-border)}.lead-md3-btn.primary-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);background:var(--bc-btn-primary-disabled-bg);border-color:#0000;border-color:var(--bc-btn-primary-disabled-border);cursor:not-allowed;transform:none}.ld-icon-btn.save-btn{background:linear-gradient(135deg,#10b981,#059669);background:var(--bc-icon-btn-save-bg);border-color:#059669;border-color:var(--bc-icon-btn-save-border);color:#fff;color:var(--bc-icon-btn-save-text)}.ld-icon-btn.save-btn:hover{background:linear-gradient(135deg,#059669,#047857);background:var(--bc-icon-btn-save-hover-bg);border-color:#047857;border-color:var(--bc-icon-btn-save-hover-border)}.ld-icon-btn.reset-btn{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--bc-icon-btn-reset-bg);border-color:#d97706;border-color:var(--bc-icon-btn-reset-border);color:#fff;color:var(--bc-icon-btn-reset-text)}.ld-icon-btn.reset-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);background:var(--bc-icon-btn-reset-hover-bg);border-color:#b45309;border-color:var(--bc-icon-btn-reset-hover-border)}.coverage-table tbody tr.has-changes-row{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--bc-table-changes-row-bg);border-left:4px solid #f59e0b;border-left:4px solid var(--bc-table-changes-row-border)}.coverage-table tbody tr.has-changes-row:hover{background:linear-gradient(135deg,#fde68a,#facc15);background:var(--bc-table-changes-row-hover-bg)}.ld-value-container.has-changes{background:#f59e0b1a;background:var(--bc-field-changes-bg);border:1px solid #f59e0b4d;border:1px solid var(--bc-field-changes-border)}.ld-value-container.has-changes .ld-value-text{color:#92400e;color:var(--bc-field-changes-text);font-weight:700}.info-banner{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--bc-info-banner-bg);border:2px solid #3b82f6;border:2px solid var(--bc-info-banner-border);color:#1e40af;color:var(--bc-info-banner-text);transition:all .3s ease}.section-header-title h4{color:#1e293b;color:var(--bc-card-text);font-size:1.2rem;font-weight:600;margin:0;transition:color .3s ease}.section-header-title span{color:#3b82f6;color:var(--bc-modal-header-icon);font-size:1.5rem;transition:color .3s ease}.radius-control{align-items:center;display:flex;gap:.5rem}.radius-control label{color:#64748b;color:var(--bc-stat-label-text);font-size:.9rem;font-weight:500;transition:color .3s ease}.radius-select{background:#fff;background:var(--bc-form-input-bg);border:1px solid #e5e7eb;border:1px solid var(--bc-form-input-border);border-radius:8px;color:#374151;color:var(--bc-form-input-text);font-size:.9rem;transition:all .3s ease}.expand-btn,.radius-select{cursor:pointer;padding:.5rem 1rem}.expand-btn{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--bc-alert-init-bg);border:none;border-radius:8px;color:#92400e;color:var(--bc-alert-init-text);display:flex;font-weight:500;gap:.5rem;transition:all .2s ease}.expand-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--bc-error-banner-bg);color:#b91c1c;color:var(--bc-error-banner-text)}.coverage-add-form{background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bc-form-bg);background-clip:padding-box;border:2px solid #0000;border-radius:12px;box-shadow:0 8px 32px #00000014;box-shadow:var(--bc-form-shadow);margin-bottom:2rem;padding:2rem;position:relative;transition:all .3s ease}.coverage-add-form:before{background:linear-gradient(135deg,#10b981,#f59e0b);background:var(--bc-form-border);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:2px;position:absolute}.form-section h3{color:var(--bc-card-text);font-size:1.4rem;font-weight:700;gap:1rem;margin:0 0 1.5rem}.premium-indicator{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--bc-warning-btn-bg);border-radius:15px;color:#fff;color:var(--bc-warning-btn-text);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.25rem .75rem;transition:all .3s ease}.coverage-table-wrapper{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;background:var(--bc-table-bg);border:1px solid #e2e8f0;border:1px solid var(--bc-table-border);border-radius:24px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--bc-table-shadow);overflow:hidden;transition:all .3s ease}.coverage-table{border-collapse:collapse;font-size:.9rem;width:100%}.coverage-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--bc-table-header-bg);color:#1e293b;color:var(--bc-table-header-text)}.coverage-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--bc-table-header-border);color:#1e293b;color:var(--bc-table-header-text);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.coverage-table td,.coverage-table th{padding:1.25rem;transition:all .3s ease}.coverage-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--bc-table-cell-border);color:#1e293b;color:var(--bc-card-text);vertical-align:middle}.coverage-table tbody tr{transition:all .2s ease}.coverage-table tbody tr:hover:not(.inactive-row){background:linear-gradient(135deg,#f0f9ff,#f0fdf4);background:var(--bc-table-row-hover-bg)}.coverage-table tbody tr.inactive-row{background:#f9fafb;background:var(--bc-table-inactive-row-bg);opacity:.6}.coverage-table tbody tr.default-row{background:linear-gradient(135deg,#fffbeb,#fef3c7);background:var(--bc-table-default-row-bg);border-left:4px solid #f59e0b;border-left:4px solid var(--bc-table-default-row-border)}.ld-value-container{align-items:center;border-radius:.6rem;cursor:pointer;display:flex;justify-content:space-between;min-height:38px;transition:background-color .2s ease}.ld-value-container:hover:not(.read-only){background-color:#00000008;background-color:var(--bc-field-value-hover-bg)}.ld-value-text{color:#1e293b;color:var(--bc-field-value-text);flex-grow:1;font-size:.92rem;font-weight:600;transition:color .3s ease;white-space:pre-wrap;word-break:break-word}.ld-edit-icon-btn{background:#0000;border:none;color:#64748b;color:var(--bc-field-edit-icon-color);cursor:pointer;margin-left:.5rem;opacity:0;padding:0;transition:color .2s ease;transition:opacity .2s ease}.ld-value-container:hover .ld-edit-icon-btn{opacity:1;padding:.3rem}.ld-edit-icon-btn:hover{color:#0f172a;color:var(--bc-field-edit-icon-hover-color)}.ld-edit-input{border:1px solid #0000;border:1px solid var(--bc-field-input-border);border-radius:.6rem;color:#1e293b;color:var(--bc-field-value-text);font-size:.92rem;font-weight:500;outline:none;padding:.55rem .75rem;transition:all .2s ease;width:100%}.ld-edit-input,.ld-edit-input:focus{background:#0000;background:var(--bc-field-input-bg)}.ld-edit-input:focus{border-color:#3b82f6;border-color:var(--bc-field-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:0 0 0 2px var(--bc-field-input-focus-shadow);transform:scale(1.02)}.ld-value-container.read-only:hover{background-color:initial;cursor:default}.ld-value-container.read-only .ld-edit-icon-btn{display:none}.ld-checkbox-wrapper{align-items:center;color:#1e293b;color:var(--bc-field-value-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;transition:color .3s ease}.ld-checkbox-wrapper input[type=checkbox]{accent-color:#fff;accent-color:var(--bc-refresh-btn-text);border-radius:4px;cursor:pointer;height:18px;width:18px}.pincode-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--bc-pincode-badge-bg);border:1px solid #bfdbfe;border:1px solid var(--bc-pincode-badge-border);border-radius:8px;color:#1e40af;color:var(--bc-pincode-badge-text);font-family:Monaco,Menlo,monospace;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.pincode-badge.default{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--bc-pincode-badge-default-bg);border-color:#fde68a;border-color:var(--bc-pincode-badge-default-border);color:#92400e;color:var(--bc-pincode-badge-default-text)}.priority-badge{border-radius:12px;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;text-align:center}.priority-1{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--bc-priority-1-bg);border:1px solid #fecaca;border:1px solid var(--bc-priority-1-border);color:#dc2626;color:var(--bc-priority-1-text)}.priority-2{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--bc-priority-2-bg);border:1px solid #fde68a;border:1px solid var(--bc-priority-2-border);color:#d97706;color:var(--bc-priority-2-text)}.priority-3{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--bc-priority-3-bg);border:1px solid #bbf7d0;border:1px solid var(--bc-priority-3-border);color:#059669;color:var(--bc-priority-3-text)}.priority-badge.default{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--bc-priority-default-bg);border:1px solid #d97706;border:1px solid var(--bc-priority-default-border);color:#fff;color:var(--bc-priority-default-text)}.primary-badge{background:#b91c1c;background:var(--bc-error-banner-text);border-radius:4px;color:#fff;font-size:.6rem;font-weight:700;margin-left:.5rem;padding:.15rem .4rem}.action-buttons{align-items:center}.ld-icon-btn{background:#f1f5f9;background:var(--bc-icon-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--bc-icon-btn-border);border-radius:10px;color:#334155;color:var(--bc-icon-btn-text);font-size:1.2rem;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,color .3s ease}.ld-icon-btn:hover{background-color:#e2e8f0;background-color:var(--bc-icon-btn-hover-bg);box-shadow:0 2px 6px #0000000f;box-shadow:var(--bc-icon-btn-hover-shadow);color:#1e3a8a;color:var(--bc-icon-btn-hover-text)}.ld-icon-btn.danger:hover{background-color:#fee2e2;background-color:var(--bc-icon-btn-danger-hover-bg);color:#dc2626;color:var(--bc-icon-btn-danger-hover-text)}.protected-message{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--bc-protected-msg-bg);border:1px solid #fde68a;border:1px solid var(--bc-protected-msg-border);border-radius:12px;color:#92400e;color:var(--bc-protected-msg-text);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.modern-suggestions-container{background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bc-suggestions-bg);max-height:600px;overflow-y:auto;padding:1.5rem;transition:all .3s ease}.suggestions-modern-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.modern-locality-card{background:#fff;background:var(--bc-locality-card-bg);border:2px solid #0000;border:2px solid var(--bc-locality-card-border);border-radius:12px;box-shadow:0 4px 16px #00000014;box-shadow:var(--bc-locality-card-shadow);cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-locality-card:before{background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b);background:var(--bc-locality-card-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.modern-locality-card:hover:before{transform:scaleX(1)}.modern-locality-card:hover{border-color:#3b82f64d;border-color:var(--bc-locality-card-hover-border);box-shadow:0 12px 40px #00000026;box-shadow:var(--bc-locality-card-hover-shadow);transform:translateY(-6px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.locality-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--bc-locality-icon-bg);box-shadow:0 4px 16px #3b82f64d;box-shadow:0 4px 16px var(--bc-locality-icon-shadow);color:#fff;color:var(--bc-locality-icon-text);display:flex;height:48px;justify-content:center;width:48px}.distance-chip,.locality-icon{border-radius:12px;transition:all .3s ease}.distance-chip{background:linear-gradient(135deg,#10b981,#059669);background:var(--bc-distance-chip-bg);box-shadow:0 2px 8px #10b9814d;box-shadow:0 2px 8px var(--bc-distance-chip-shadow);color:#fff;color:var(--bc-distance-chip-text);font-size:.8rem;font-weight:600;padding:.5rem 1rem}.locality-title{color:#1e293b;color:var(--bc-locality-title-text);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .75rem;transition:color .3s ease}.locality-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.meta-item{color:#64748b;color:var(--bc-locality-meta-text);font-size:.85rem;gap:.5rem}.meta-item span.material-symbols-rounded{color:#94a3b8;color:var(--bc-locality-meta-icon);font-size:1rem;transition:color .3s ease}.meta-item:first-child span:not(.material-symbols-rounded){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:var(--bc-locality-meta-code-bg);border:1px solid #e2e8f0;border:1px solid var(--bc-locality-meta-code-border);border-radius:6px;color:#475569;color:var(--bc-locality-meta-code-text);font-family:Monaco,Menlo,monospace;font-weight:600;padding:.25rem .5rem;transition:all .3s ease}.card-action{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--bc-card-action-bg);border-radius:12px;color:#475569;color:var(--bc-card-action-text);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin:.75rem -.25rem -.25rem;padding:.75rem;transition:all .3s ease}.modern-locality-card:hover .card-action{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--bc-card-action-hover-bg);color:#fff;color:var(--bc-card-action-hover-text);transform:translateY(-2px)}.empty-state,.loading-row{color:#64748b;color:var(--bc-loading-text);padding:4rem;text-align:center;transition:color .3s ease}.empty-content,.loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.empty-content span,.loading-content span.spinning{color:#3b82f6;color:var(--bc-loading-icon);font-size:4rem;transition:color .3s ease}.empty-content span{color:#cbd5e1;color:var(--bc-empty-icon)}.empty-content h4{color:var(--bc-empty-title-text);font-size:1.3rem;font-weight:700}.empty-content p{color:var(--bc-empty-desc-text);font-size:1rem;line-height:1.5}.loading-suggestions,.no-suggestions{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem;text-align:center}.loading-suggestions span.spinning{color:#3b82f6;color:var(--bc-loading-icon);font-size:3rem;transition:color .3s ease}.no-suggestions span{color:#cbd5e1;color:var(--bc-empty-icon);font-size:4rem;transition:color .3s ease}.no-suggestions h5{color:#1e293b;color:var(--bc-empty-title-text);font-size:1.2rem;font-weight:600;margin:0;transition:color .3s ease}.no-suggestions p{color:#64748b;color:var(--bc-empty-desc-text);font-size:1rem;line-height:1.5;margin:0;transition:color .3s ease}.error-banner,.success-banner{box-shadow:0 4px 16px #0000001a;font-size:1rem;font-weight:600;margin-bottom:2rem;padding:1.25rem 1.5rem}.success-banner{background:var(--bc-success-banner-bg);border:2px solid #10b981;border:2px solid var(--bc-success-banner-border);color:#047857;color:var(--bc-success-banner-text)}.error-banner{background:var(--bc-error-banner-bg);border:2px solid #ef4444;border:2px solid var(--bc-error-banner-border);color:var(--bc-error-banner-text)}.error-banner span,.success-banner span{font-size:1.5rem}.modern-suggestions-container::-webkit-scrollbar{width:8px}.modern-suggestions-container::-webkit-scrollbar-track{background:#ffffff80;background:var(--bc-scrollbar-track);border-radius:4px}.modern-suggestions-container::-webkit-scrollbar-thumb{background:#3b82f699;background:var(--bc-scrollbar-thumb);border-radius:4px}.modern-suggestions-container::-webkit-scrollbar-thumb:hover{background:#3b82f6cc;background:var(--bc-scrollbar-thumb-hover)}*{scrollbar-color:#3b82f699 #ffffff80;scrollbar-color:var(--bc-scrollbar-thumb) var(--bc-scrollbar-track)}::-webkit-scrollbar-track{background:#ffffff80;background:var(--bc-scrollbar-track)}::-webkit-scrollbar-thumb{background:#3b82f699;background:var(--bc-scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:#3b82f6cc;background:var(--bc-scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:#ffffff80;background:var(--bc-scrollbar-track)}.coverage-save-bar{background:#fff9;background:var(--bc-save-bar-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--bc-save-bar-border);bottom:0;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding:1rem;position:-webkit-sticky;position:sticky;transition:all .3s ease;z-index:10}@media (max-width:768px){.codelist-main-content{padding:1rem}.premium-feature-banner{padding:1.5rem;text-align:center}.premium-content h3{font-size:1.5rem}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.branch-coverage-header{align-items:flex-start;flex-direction:column;gap:1rem}.coverage-header-right{justify-content:flex-start;width:100%}.suggestions-modern-grid{grid-template-columns:1fr}.coverage-table-wrapper{overflow-x:auto}.coverage-table{min-width:700px}.action-buttons{flex-direction:column;gap:.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-controls{justify-content:space-between;width:100%}.modern-locality-card{padding:1rem}.card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.distance-chip{align-self:flex-end}}@media (max-width:480px){.coverage-add-form{padding:1rem}.form-section h3{align-items:flex-start;flex-direction:column;font-size:1.2rem;gap:.5rem}.premium-indicator{font-size:.7rem;padding:.2rem .5rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.coverage-table td,.coverage-table th{font-size:.8rem;padding:.75rem}.modern-locality-card{padding:.75rem}.locality-title{font-size:1rem}.meta-item{font-size:.8rem}}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{max-height:90vh}.modal-body,.modal-footer,.modal-header{padding-left:1rem;padding-right:1rem}.modal-footer{flex-direction:column}.lead-md3-btn{justify-content:center;width:100%}.alert-content{flex-direction:column;gap:1rem;text-align:center}.alert-text{order:1}.lead-md3-btn{align-self:center;order:2}}@media (max-width:480px){.modal-header h3{align-items:flex-start;flex-direction:column;font-size:1.2rem;gap:.5rem}.branch-info,.info-card{flex-direction:column;text-align:center}}.form-input:focus-visible,.ld-icon-btn:focus-visible,.lead-md3-btn:focus-visible,.radius-select:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--bc-field-input-focus-border);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ld-icon-btn,.lead-md3-btn,.modal-content,.modern-locality-card,.stat-card{transition:none}.lead-md3-btn:hover,.modern-locality-card:hover,.stat-card:hover{transform:none}.spinning{animation:none}}@media (prefers-contrast:high){.coverage-table-wrapper,.modal-content,.modern-locality-card,.stat-card{border-width:2px}.ld-icon-btn,.lead-md3-btn{border:2px solid}}@media print{.codelist-main-content{background:#fff;color:#000}.coverage-table-wrapper,.modern-locality-card,.stat-card{border:1px solid #ccc;box-shadow:none}.ld-icon-btn,.lead-md3-btn{background:#fff;border:1px solid #000;color:#000}.coverage-add-form:before,.modern-suggestions-section:before,.premium-feature-banner:before{display:none}}[data-theme=dark] .modern-locality-card:before{background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b);background:var(--bc-locality-card-gradient)}[data-theme=dark] .premium-feature-banner:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);background:radial-gradient(circle,var(--bc-premium-accent) 0,#0000 70%)}:root{--lsr-page-bg:#fff;--lsr-page-border:#e2e8f0;--lsr-page-shadow:0 1px 6px #0000000d;--lsr-container-bg:#fff;--lsr-container-border:#e2e8f0;--lsr-container-shadow:0 6px 20px #0000000d;--lsr-text-primary:#1e293b;--lsr-text-secondary:#475569;--lsr-text-muted:#64748b;--lsr-text-light:#94a3b8;--lsr-header-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--lsr-header-border:#e2e8f0;--lsr-header-shadow:0 6px 20px #0000000d;--lsr-card-bg:#fff;--lsr-card-border:#e2e8f0;--lsr-card-shadow:0 6px 20px #0000000d;--lsr-card-hover-shadow:0 8px 20px #0000000f;--lsr-input-bg:#f9fafb;--lsr-input-border:#d1d5db;--lsr-input-focus-border:#3b82f6;--lsr-input-focus-shadow:0 0 0 3px #3b82f61a;--lsr-input-text:#111827;--lsr-btn-bg:#f1f5f9;--lsr-btn-text:#1e293b;--lsr-btn-border:#e2e8f0;--lsr-btn-shadow:0 1px 3px #0000000a;--lsr-btn-hover-bg:#e0f2f1;--lsr-btn-hover-shadow:0 6px 12px #0000001a;--lsr-btn-primary-bg:linear-gradient(135deg,#16a34a,#15803d);--lsr-btn-primary-text:#fff;--lsr-btn-primary-hover-bg:linear-gradient(135deg,#15803d,#166534);--lsr-btn-secondary-bg:#f1f5f9;--lsr-btn-secondary-text:#475569;--lsr-btn-secondary-hover-bg:#e2e8f0;--lsr-badge-active-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--lsr-badge-active-text:#065f46;--lsr-badge-inactive-bg:linear-gradient(135deg,#fef9c3,#fefce8);--lsr-badge-inactive-text:#78350f;--lsr-badge-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--lsr-badge-error-text:#b91c1c;--lsr-banner-success-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--lsr-banner-success-text:#15803d;--lsr-banner-success-border:#bbf7d0;--lsr-banner-error-bg:linear-gradient(135deg,#fef2f2,#fee2e2);--lsr-banner-error-text:#dc2626;--lsr-banner-error-border:#fecaca;--lsr-modal-bg:#fff;--lsr-modal-border:#e2e8f0;--lsr-modal-shadow:0 20px 60px #0000004d;--lsr-modal-overlay-bg:#00000080;--lsr-modal-header-bg:#f8fafc;--lsr-table-bg:#fff;--lsr-table-border:#e2e8f0;--lsr-table-header-bg:#f8fafc;--lsr-table-header-text:#475569;--lsr-table-row-hover-bg:#f8fafc;--lsr-table-active-row-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--lsr-table-active-row-border:#3b82f6;--lsr-form-section-bg:#f8fafc;--lsr-form-section-border:#e2e8f0;--lsr-icon-color:#6366f1;--lsr-icon-accent:#065f46;--lsr-priority-high-bg:#fee2e2;--lsr-priority-high-text:#dc2626;--lsr-priority-medium-bg:#fef3c7;--lsr-priority-medium-text:#d97706;--lsr-priority-low-bg:#e0f2fe;--lsr-priority-low-text:#0284c7;--lsr-loading-icon-color:#3b82f6;--lsr-scrollbar-thumb:#cbd5e1;--lsr-scrollbar-track:#f1f5f9;--lsr-scrollbar-thumb-hover:#94a3b8}[data-theme=dark]{--lsr-page-bg:#1a1a1af2;--lsr-page-border:#0f83;--lsr-page-shadow:0 1px 6px #00ff881a;--lsr-container-bg:#1a1a1af2;--lsr-container-border:#ffffff1a;--lsr-container-shadow:0 6px 20px #0009;--lsr-text-primary:#fff;--lsr-text-secondary:#ff9f0a;--lsr-text-muted:#d1d5db;--lsr-text-light:#9aa4b2;--lsr-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--lsr-header-border:#ffffff1a;--lsr-header-shadow:0 6px 20px #0009;--lsr-card-bg:#1a1a1af2;--lsr-card-border:#ffffff1a;--lsr-card-shadow:0 6px 20px #0009;--lsr-card-hover-shadow:0 8px 25px #000000b3;--lsr-input-bg:#333c;--lsr-input-border:#0f83;--lsr-input-focus-border:linear-gradient(135deg,#065f46,#047857);--lsr-input-focus-shadow:0 0 0 3px #0f83;--lsr-input-text:#fff;--lsr-btn-bg:#333c;--lsr-btn-text:#fff;--lsr-btn-border:#0f83;--lsr-btn-shadow:0 1px 3px #0006;--lsr-btn-hover-bg:#00ff881a;--lsr-btn-hover-shadow:0 6px 12px #0006;--lsr-btn-primary-bg:linear-gradient(135deg,#1de6a5,#00cc6a);--lsr-btn-primary-text:#0b0f0d;--lsr-btn-primary-hover-bg:linear-gradient(135deg,#00e076,#00b359);--lsr-btn-secondary-bg:#333c;--lsr-btn-secondary-text:#fff;--lsr-btn-secondary-hover-bg:#00ff881a;--lsr-badge-active-bg:linear-gradient(135deg,#065f46,#047857);--lsr-badge-active-text:#3efcd9;--lsr-badge-inactive-bg:linear-gradient(135deg,#ffc1072e,#1a1a1af2);--lsr-badge-inactive-text:#ffd666;--lsr-badge-error-bg:#f4433633;--lsr-badge-error-text:#ffcdd2;--lsr-banner-success-bg:#00ff882e;--lsr-banner-success-text:linear-gradient(135deg,#065f46,#047857);--lsr-banner-success-border:#00ff884d;--lsr-banner-error-bg:#f443362e;--lsr-banner-error-text:#ffcdd2;--lsr-banner-error-border:#f443364d;--lsr-modal-bg:#1a1a1af2;--lsr-modal-border:#00ff8840;--lsr-modal-shadow:0 20px 60px #000c;--lsr-modal-overlay-bg:#000c;--lsr-modal-header-bg:#1a1a1ae6;--lsr-table-bg:#1a1a1af2;--lsr-table-border:#ffffff1a;--lsr-table-header-bg:#1a1a1ae6;--lsr-table-header-text:#ff9f0a;--lsr-table-row-hover-bg:#00ff880f;--lsr-table-active-row-bg:linear-gradient(135deg,#00ff881a,#00ff880d);--lsr-table-active-row-border:linear-gradient(135deg,#065f46,#047857);--lsr-form-section-bg:#1a1a1ae6;--lsr-form-section-border:#ffffff1a;--lsr-icon-color:#065f46;--lsr-icon-accent:#ff9f0a;--lsr-priority-high-bg:#f4433633;--lsr-priority-high-text:#ffcdd2;--lsr-priority-medium-bg:#ffc10733;--lsr-priority-medium-text:#ffd666;--lsr-priority-low-bg:#2196f333;--lsr-priority-low-text:#bbdefb;--lsr-loading-icon-color:#065f46;--lsr-scrollbar-thumb:#00ff884d;--lsr-scrollbar-track:#0000;--lsr-scrollbar-thumb-hover:#00ff8880}.codelist-main-content{background:#fff;background:var(--lsr-page-bg);color:#1e293b;color:var(--lsr-text-primary);transition:all .3s ease}.error-banner,.success-banner{gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:all .3s ease}.success-banner{background:var(--lsr-banner-success-bg);border:1px solid #bbf7d0;border:1px solid var(--lsr-banner-success-border);color:var(--lsr-banner-success-text)}.error-banner{background:var(--lsr-banner-error-bg);border:1px solid var(--lsr-banner-error-border);color:var(--lsr-banner-error-text)}.error-banner span,.success-banner span{font-size:1.2rem}.mb-4{margin-bottom:1rem}.lead-scoring-header,.view-rulesets-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--lsr-container-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;transition:border-color .3s ease}.header-left h2,.scoring-header-left h2{align-items:center;color:#1e293b;color:var(--lsr-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem;transition:color .3s ease}.header-left h2 span,.scoring-header-left h2 span{color:#6366f1;color:var(--lsr-icon-color);font-size:26px;transition:color .3s ease}.header-left p,.scoring-header-left p{color:#64748b;color:var(--lsr-text-muted);font-size:.95rem;margin:0;transition:color .3s ease}.header-right,.scoring-header-right{display:flex;gap:.75rem}.active-ruleset-section{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--lsr-badge-active-bg);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--lsr-card-shadow);color:#065f46;color:var(--lsr-badge-active-text);margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.lhs-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.lhs-section-header h3{color:#1e293b;color:var(--lsr-text-primary);font-size:1.2rem;gap:.75rem;margin:0;transition:color .3s ease}.active-badge,.lhs-section-header h3{align-items:center;display:flex;font-weight:600}.active-badge{background:#fffc;border-radius:12px;font-size:.8rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.active-badge,[data-theme=dark] .active-badge{color:#065f46;color:var(--lsr-badge-active-text)}[data-theme=dark] .active-badge{background:#0000004d}.active-ruleset-card{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}[data-theme=dark] .active-ruleset-card{background:#0003}.ruleset-main-info{flex:1 1}.ruleset-header h4{color:#1e293b;color:var(--lsr-text-primary);font-size:1.3rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.ruleset-meta{display:flex;gap:1rem;margin-bottom:.5rem}.meta-item{align-items:center;color:#475569;color:var(--lsr-text-secondary);display:flex;font-size:.8rem;gap:.25rem;transition:color .3s ease}.meta-item .material-symbols-rounded{font-size:16px}.ruleset-description{color:#64748b;color:var(--lsr-text-muted);font-size:.95rem;line-height:1.4;margin:0;transition:color .3s ease}.ruleset-actions{display:flex;flex-shrink:0;gap:.5rem}.all-rulesets-section{background:#fff;background:var(--lsr-container-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--lsr-container-shadow);overflow:hidden;transition:all .3s ease}.all-rulesets-section .lhs-section-header{background:#f8fafc;background:var(--lsr-form-section-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--lsr-form-section-border);margin-bottom:0;padding:1.5rem 2rem;transition:all .3s ease}.rulesets-table-wrapper{border:none;border-radius:0;overflow-x:auto}.rulesets-table{background:#fff;background:var(--lsr-table-bg);border-collapse:collapse;font-size:.93rem;transition:background .3s ease;width:100%}.rulesets-table th{background:#f8fafc;background:var(--lsr-table-header-bg);color:#475569;color:var(--lsr-table-header-text);font-size:.8rem;font-weight:600;padding:14px 16px;text-align:left;text-transform:uppercase}.rulesets-table td,.rulesets-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--lsr-table-border);transition:all .3s ease}.rulesets-table td{color:#1e293b;color:var(--lsr-text-primary);padding:16px;vertical-align:top}.rulesets-table tr:hover:not(.empty-row){background:#f8fafc;background:var(--lsr-table-row-hover-bg)}.rulesets-table tr.active-row{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--lsr-table-active-row-bg);border-left:4px solid #3b82f6;border-left:4px solid var(--lsr-table-active-row-border)}.ruleset-details h5{color:#1e293b;color:var(--lsr-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem;transition:color .3s ease}.ruleset-details p{color:#64748b;color:var(--lsr-text-muted);font-size:.85rem;line-height:1.4;margin:0 0 .5rem;transition:color .3s ease}.ruleset-id{background:#f8fafc;background:var(--lsr-form-section-bg);border-radius:4px;color:#94a3b8;color:var(--lsr-text-light);display:inline-block;font-family:monospace;font-size:.75rem;padding:2px 6px;transition:all .3s ease}.rules-count{text-align:center}.count-number{color:#6366f1;color:var(--lsr-icon-color);display:block;font-size:1.5rem;margin-bottom:.25rem;transition:color .3s ease}.count-label{color:#64748b;color:var(--lsr-text-muted);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.status-badge{font-weight:500;gap:.5rem}.status-badge.active{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--lsr-badge-active-bg);color:var(--lsr-badge-active-text)}.status-badge.inactive{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--lsr-badge-inactive-bg);color:#78350f;color:var(--lsr-badge-inactive-text)}.status-badge .material-symbols-rounded{font-size:16px}.date-info{color:#64748b;color:var(--lsr-text-muted);font-size:.85rem;transition:color .3s ease;white-space:nowrap}.table-action-btn{background:#fff;background:var(--lsr-container-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-container-border);border-radius:8px;padding:.5rem;transition:all .2s ease}.table-action-btn:hover{box-shadow:0 6px 20px #0000000d;box-shadow:var(--lsr-card-shadow);transform:translateY(-1px)}.table-action-btn.view-btn:hover{background:#3b82f61a;border-color:#3b82f6}.table-action-btn.activate-btn:hover{background:#16a34a1a;border-color:#16a34a}.table-action-btn.deactivate-btn:hover{background:#ef44441a;border-color:#ef4444}.table-action-btn.clone-btn:hover{background:#f59e0b1a;border-color:#f59e0b}.table-action-btn.delete-btn:hover{background:#ef44441a;border-color:#ef4444}.table-action-btn .material-symbols-rounded{color:#64748b;color:var(--lsr-text-muted);transition:color .3s ease}.table-action-btn:hover .material-symbols-rounded{color:inherit}.action-btn{background:var(--lsr-container-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-container-border);color:var(--lsr-text-primary);transition:all .2s ease}.action-btn:hover{box-shadow:0 6px 20px #0000000d;box-shadow:var(--lsr-card-shadow);transform:translateY(-1px)}.action-btn.view-btn:hover{background:#3b82f61a;border-color:#3b82f6}.action-btn.deactivate-btn:hover{background:#ef44441a;border-color:#ef4444}.lead-md3-btn{background:#f1f5f9;background:var(--lsr-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-btn-border);border-radius:10px;box-shadow:var(--lsr-btn-shadow);color:#1e293b;color:var(--lsr-btn-text);gap:8px;padding:6px}.lead-md3-btn:hover{background:#e0f2f1;background:var(--lsr-btn-hover-bg);box-shadow:var(--lsr-btn-hover-shadow)}.lead-md3-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.lead-md3-btn.note-btn{border:1px solid #065f46;border:1px solid var(--lsr-badge-active-text);color:#065f46;color:var(--lsr-badge-active-text)}.lead-md3-btn.note-btn,.lead-md3-btn.note-btn:hover{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--lsr-badge-active-bg)}.lead-md3-btn.note-btn:hover{opacity:.8}.lead-md3-btn.primary-btn{background:linear-gradient(135deg,#16a34a,#15803d);background:var(--lsr-btn-primary-bg);border:none;color:#fff;color:var(--lsr-btn-primary-text)}.lead-md3-btn.primary-btn:hover{background:linear-gradient(135deg,#15803d,#166534);background:var(--lsr-btn-primary-hover-bg)}.lead-md3-btn.secondary-btn{background:#f1f5f9;background:var(--lsr-btn-secondary-bg);border-color:#e2e8f0;border-color:var(--lsr-container-border);color:#475569;color:var(--lsr-btn-secondary-text)}.lead-md3-btn.secondary-btn:hover{background:#e2e8f0;background:var(--lsr-btn-secondary-hover-bg)}.lead-md3-btn .material-symbols-rounded{font-size:20px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.loading-container .material-symbols-rounded{color:#3b82f6;color:var(--lsr-loading-icon-color);font-size:3rem;transition:color .3s ease}.loading-container p{color:#64748b;font-size:1.1rem;margin:0}.empty-state,.loading-container p{color:var(--lsr-text-muted);transition:color .3s ease}.empty-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.empty-content .material-symbols-rounded{color:#94a3b8;color:var(--lsr-text-light);font-size:3rem;transition:color .3s ease}.empty-content h4{color:#1e293b;color:var(--lsr-text-primary);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.empty-content p{color:#64748b;color:var(--lsr-text-muted);font-size:.9rem;margin:0;transition:color .3s ease}.modal-overlay{background:var(--lsr-modal-overlay-bg);bottom:0;left:0;padding:20px;right:0;top:0;transition:all .3s ease}.modal-content{background:var(--lsr-modal-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-modal-border);border-radius:12px;box-shadow:0 20px 60px #0000004d;box-shadow:var(--lsr-modal-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;transition:all .3s ease}.create-ruleset-modal{max-height:80vh;width:700px}.rule-details-modal{max-height:85vh;width:900px}.modal-header{background:#f8fafc;background:var(--lsr-modal-header-bg);border-bottom:1px solid var(--lsr-container-border);padding:1.5rem 2rem;transition:all .3s ease}.modal-header h3{align-items:center;color:var(--lsr-text-primary);display:flex;font-size:1.3rem;gap:.75rem;transition:color .3s ease}.modal-header h3 .material-symbols-rounded{color:#6366f1;color:var(--lsr-icon-color);font-size:24px;transition:color .3s ease}.modal-close-btn{background:none;border:none;border-radius:8px;color:#64748b;color:var(--lsr-text-muted);cursor:pointer;padding:.5rem;transition:all .2s ease}.modal-close-btn:hover{background:#f8fafc;background:var(--lsr-form-section-bg);color:#1e293b;color:var(--lsr-text-primary)}.modal-close-btn .material-symbols-rounded{font-size:20px}.modal-body{background:#fff;background:var(--lsr-container-bg);padding:2rem;transition:background .3s ease}.modal-actions{border-top:1px solid var(--lsr-container-border);padding:1rem 2rem}.modal-actions,.modal-tabs{background:#f8fafc;background:var(--lsr-modal-header-bg);transition:all .3s ease}.modal-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--lsr-container-border);display:flex}.tab-btn{background:none;color:#64748b;color:var(--lsr-text-muted);padding:1rem;transition:all .2s ease}.tab-btn.active{background:#fff;background:var(--lsr-container-bg);border-bottom:2px solid #6366f1;border-bottom:2px solid var(--lsr-icon-color);color:#6366f1;color:var(--lsr-icon-color)}.tab-btn:hover{background:#f8fafc;background:var(--lsr-form-section-bg)}.form-group label{color:#1e293b;color:var(--lsr-text-primary);transition:color .3s ease}.form-group input,.form-group textarea{background:#f9fafb;background:var(--lsr-input-bg);border:1px solid #d1d5db;border:1px solid var(--lsr-input-border);border-radius:8px;color:#111827;color:var(--lsr-input-text);font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--lsr-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--lsr-input-focus-shadow);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b;color:var(--lsr-text-muted)}.template-options{display:flex;flex-direction:column;gap:.75rem}.template-option{align-items:center;background:#fff;background:var(--lsr-container-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-container-border);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.template-option:hover{background:#f8fafc;background:var(--lsr-form-section-bg)}.template-option.selected,.template-option:hover{border-color:#6366f1;border-color:var(--lsr-icon-color)}.template-option.selected{background:#6366f11a}[data-theme=dark] .template-option.selected{background:#1de6a51a}.template-info h4{color:#1e293b;color:var(--lsr-text-primary);font-size:1rem;font-weight:600;margin:0;transition:color .3s ease}.template-info p{color:#64748b;color:var(--lsr-text-muted);font-size:.85rem;margin:.25rem 0 0;transition:color .3s ease}.template-info small{color:#94a3b8;color:var(--lsr-text-light);font-size:.75rem;transition:color .3s ease}.template-radio .material-symbols-rounded{color:#6366f1;color:var(--lsr-icon-color);font-size:24px;transition:color .3s ease}.rules-section{max-height:400px;overflow-y:auto}.rules-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.rules-header h4{color:#1e293b;color:var(--lsr-text-primary);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.no-rules{color:#64748b;color:var(--lsr-text-muted);padding:2rem;text-align:center;transition:color .3s ease}.no-rules .material-symbols-rounded{color:#94a3b8;color:var(--lsr-text-light);font-size:3rem;margin-bottom:1rem;transition:color .3s ease}.rules-list{display:flex;flex-direction:column;gap:1rem}.rule-card{background:#f8fafc;background:var(--lsr-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-container-border);border-radius:8px;padding:1rem;transition:all .3s ease}.rule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.rule-name-input{background:#f9fafb;background:var(--lsr-input-bg);border:1px solid #d1d5db;border:1px solid var(--lsr-input-border);border-radius:6px;color:#111827;color:var(--lsr-input-text);flex:1 1;font-size:.95rem;font-weight:600;margin-right:.75rem;padding:.5rem;transition:all .3s ease}.rule-name-input:focus{border-color:#3b82f6;border-color:var(--lsr-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--lsr-input-focus-shadow)}.remove-rule-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--lsr-badge-error-bg);border:1px solid #b91c1c;border:1px solid var(--lsr-badge-error-text);border-radius:6px;color:#b91c1c;color:var(--lsr-badge-error-text);cursor:pointer;padding:.5rem;transition:all .2s ease}.remove-rule-btn:hover{opacity:.8;transform:scale(1.05)}.rule-body{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.form-col{display:flex;flex-direction:column;gap:.25rem}.form-col label{color:#1e293b;color:var(--lsr-text-primary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.form-col input,.form-col select{background:#f9fafb;background:var(--lsr-input-bg);border:1px solid #d1d5db;border:1px solid var(--lsr-input-border);border-radius:6px;color:#111827;color:var(--lsr-input-text);font-size:.9rem;padding:.5rem;transition:all .3s ease}.form-col input:focus,.form-col select:focus{border-color:#3b82f6;border-color:var(--lsr-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--lsr-input-focus-shadow)}.checkbox-wrapper{align-items:center;display:flex;gap:.5rem;padding:.5rem 0}.checkbox-wrapper input[type=checkbox]{accent-color:#6366f1;accent-color:var(--lsr-icon-color);margin:0;width:auto}.checkbox-wrapper span{color:#1e293b;color:var(--lsr-text-primary);transition:color .3s ease}.error-message{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);background:var(--lsr-banner-error-bg);border:1px solid #fecaca;border:1px solid var(--lsr-banner-error-border);border-radius:8px;color:#dc2626;color:var(--lsr-banner-error-text);display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.error-message,.ruleset-overview{margin-bottom:1.5rem}.overview-card{background:#f8fafc;background:var(--lsr-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-form-section-border);border-radius:8px;padding:1.5rem}.lhs-overview-header{align-items:center;display:flex;margin-bottom:1rem}.lhs-overview-header h4{color:#1e293b;color:var(--lsr-text-primary);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.lhs-overview-header .status-indicator{align-items:center;border-radius:6px;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.25rem .75rem;transition:all .3s ease}.lhs-overview-header .status-indicator.active{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--lsr-badge-active-bg);color:#065f46;color:var(--lsr-badge-active-text)}.lhs-overview-header .status-indicator.inactive{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--lsr-badge-inactive-bg);color:#78350f;color:var(--lsr-badge-inactive-text)}.overview-content{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.info-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--lsr-text-muted);font-size:.85rem;transition:color .3s ease}.info-value{color:var(--lsr-text-primary);font-size:.9rem;transition:color .3s ease}.rules-details-section h4{align-items:center;color:#1e293b;color:var(--lsr-text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0 0 1rem;transition:color .3s ease}.rules-details-list{display:flex;flex-direction:column;gap:1rem}.rule-detail-card{background:#fff;background:var(--lsr-container-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-container-border);border-radius:8px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--lsr-card-shadow);padding:1.5rem;transition:all .3s ease}.rule-detail-header .rule-title h5{color:#1e293b;color:var(--lsr-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.rule-badges{display:flex;flex-wrap:wrap;gap:.5rem}.priority-badge{font-size:.75rem;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase;transition:all .3s ease}.priority-badge.priority-high{background:#fee2e2;background:var(--lsr-priority-high-bg);color:#dc2626;color:var(--lsr-priority-high-text)}.priority-badge.priority-medium{background:#fef3c7;background:var(--lsr-priority-medium-bg);color:#d97706;color:var(--lsr-priority-medium-text)}.priority-badge.priority-low{background:#e0f2fe;background:var(--lsr-priority-low-bg);color:#0284c7;color:var(--lsr-priority-low-text)}.category-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase;transition:all .3s ease}.rule-description{color:#64748b;color:var(--lsr-text-muted);font-size:.9rem;line-height:1.4;margin:.75rem 0;transition:color .3s ease}.rule-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.rule-section h6{align-items:center;color:#1e293b;color:var(--lsr-text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem;transition:color .3s ease}.rule-section h6 .material-symbols-rounded{color:#6366f1;color:var(--lsr-icon-color);font-size:18px;transition:color .3s ease}.conditions-container{background:#f8fafc;background:var(--lsr-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-form-section-border);border-radius:6px;padding:.75rem;transition:all .3s ease}.condition-group,.condition-item{margin-bottom:.5rem}.condition-item{background:#fff;background:var(--lsr-container-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-container-border);border-radius:4px;padding:.5rem .75rem;transition:all .3s ease}.condition-field,.condition-operator,.condition-value{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.condition-field:last-child,.condition-operator:last-child,.condition-value:last-child{margin-bottom:0}.field-label,.operator-label,.value-label{color:#64748b;color:var(--lsr-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.5px;transition:color .3s ease}.field-value,.operator-value,.value-content{background:#f8fafc;background:var(--lsr-form-section-bg);border-radius:3px;color:#1e293b;color:var(--lsr-text-primary);font-family:monospace;font-size:.8rem;font-weight:600;padding:2px 4px;transition:all .3s ease}.logical-operator{margin:.5rem 0;text-align:center}.operator-badge{background:#3b82f61a;border-radius:12px;color:#1e40af;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;transition:all .3s ease}[data-theme=dark] .operator-badge{background:#1de6a533;color:#1de6a5}.action-container{background:#f8fafc;background:var(--lsr-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-form-section-border);border-radius:6px}.action-container,.action-details{padding:.75rem;transition:all .3s ease}.action-details{background:#fff;background:var(--lsr-container-bg);border:1px solid #e2e8f0;border:1px solid var(--lsr-container-border);border-radius:4px}.action-category,.action-score,.action-type{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.action-category:last-child,.action-score:last-child,.action-type:last-child{margin-bottom:0}.action-label{color:#64748b;color:var(--lsr-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.action-value{color:#1e293b;color:var(--lsr-text-primary);font-size:.85rem;font-weight:600;transition:color .3s ease}.score-value{border-radius:4px;font-family:monospace;font-size:1rem;font-weight:700;padding:.25rem .5rem;transition:all .3s ease}.score-value.positive{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--lsr-badge-active-bg);color:#065f46;color:var(--lsr-badge-active-text)}.score-value.negative{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--lsr-badge-error-bg);color:#b91c1c;color:var(--lsr-badge-error-text)}.category-tag{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase;transition:all .3s ease}.no-rules-message{color:#64748b;color:var(--lsr-text-muted);padding:2rem;text-align:center;transition:color .3s ease}.no-rules-message .material-symbols-rounded{color:#94a3b8;color:var(--lsr-text-light);font-size:3rem;margin-bottom:.75rem;transition:color .3s ease}.no-rules-message p{font-size:.9rem;margin:0}.modal-body::-webkit-scrollbar,.rules-section::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track,.rules-section::-webkit-scrollbar-track{background:#f1f5f9;background:var(--lsr-scrollbar-track);border-radius:3px}.modal-body::-webkit-scrollbar-thumb,.rules-section::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--lsr-scrollbar-thumb);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover,.rules-section::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--lsr-scrollbar-thumb-hover)}@media (max-width:1024px){.overview-content,.rule-sections{grid-template-columns:1fr}.create-ruleset-modal,.rule-details-modal{width:95vw}}@media (max-width:768px){.view-rulesets-header{align-items:stretch;flex-direction:column;gap:1rem}.header-right{justify-content:flex-start}.active-ruleset-card{flex-direction:column;gap:1rem}.ruleset-actions{align-self:flex-start}.rulesets-table-wrapper{overflow-x:scroll}.rulesets-table{min-width:700px}.table-actions{flex-direction:column;gap:.25rem}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.modal-body{padding:1.5rem}.rule-badges{align-items:flex-start;flex-direction:column}.meta-item{font-size:.75rem}.form-row{gap:.5rem;grid-template-columns:1fr}.rule-header{align-items:stretch;flex-direction:column;gap:.75rem}.rule-name-input{margin-bottom:.5rem;margin-right:0}}@media (max-width:480px){.active-ruleset-section{padding:1rem}.ruleset-meta{flex-direction:column;gap:.5rem}.modal-header,.rule-detail-card{padding:1rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:1rem}.modal-actions{flex-direction:column;padding:.75rem 1rem}.lead-md3-btn{justify-content:center}}.action-btn:focus,.lead-md3-btn:focus,.modal-close-btn:focus,.tab-btn:focus,.table-action-btn:focus,.template-option:focus{outline:2px solid #6366f1;outline:2px solid var(--lsr-icon-color);outline-offset:2px}.form-col input:focus,.form-col select:focus,.form-group input:focus,.form-group textarea:focus,.rule-name-input:focus{border-color:#3b82f6;border-color:var(--lsr-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--lsr-input-focus-shadow);outline:none}@media (prefers-contrast:high){.active-ruleset-section,.all-rulesets-section,.rule-detail-card{border-width:2px}.count-number,.info-value,.status-badge{font-weight:700}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinning{animation:none}}.services-management{background:#f8fafc;color:#1e293b;font-family:Inter,Google Sans,sans-serif;height:100vh;padding:0}.services-header{background:linear-gradient(135deg,#f0f9ff,#ecfeff);border:1px solid #bae6fd;border-bottom-color:#e2e8f0;box-shadow:0 1px 3px #0000000d;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.services-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));margin:0;max-width:none;padding:1rem}@media (min-width:1200px) and (max-width:1600px){.services-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));padding:1.25rem}}@media (min-width:1600px){.services-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));padding:1.5rem}}@media (min-width:768px) and (max-width:1199px){.services-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));padding:1rem}}@media (max-width:767px){.services-grid{gap:1rem;grid-template-columns:1fr;padding:1rem}}.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;height:auto;min-width:420px;overflow:visible;position:relative;transition:all .2s ease;width:100%}.service-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000014;transform:translateY(-2px);z-index:10}.service-card.basic{background:#fff;border-top:3px solid #10b981}.service-card.premium{background:#fefbff;border-top:3px solid #f59e0b}.service-card.inactive-paid{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-top:3px solid #eab308}.service-card.inactive-basic{background:#f8fafc;border-top:3px solid #94a3b8}.service-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:1rem}.service-title-row{justify-content:space-between}.service-icon-title,.service-title-row{align-items:flex-start;display:flex;gap:.75rem}.service-icon-title{flex:1 1;min-width:0}.service-icon-circle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.service-title-content{flex:1 1;min-width:0}.service-title-content h3{color:#1e293b;font-size:.875rem;font-weight:600;line-height:1.3;margin:0}.service-tagline{color:#64748b;font-size:.7rem;line-height:1.3;margin:.25rem 0 0}.service-status-container{flex-shrink:0}.service-body{display:flex;flex:1 1;flex-direction:column;gap:.875rem;overflow:visible;padding:1rem}.premium-badge{background:#fef3c7}.service-description p{color:#475569;font-size:.85rem;line-height:1.4;margin:0}.service-benefits{background:#0000;border:1px solid #f1f5f9;border-radius:8px;padding:.875rem}.features-tags{display:flex;flex-wrap:wrap;gap:.4rem}.feature-tag{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#475569;font-size:.65rem;font-weight:500;padding:.2rem .4rem}.service-info-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.svr-info-card{padding:.65rem}.service-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.875rem}.action-btn.view-features-btn{background:linear-gradient(135deg,#e0f2fe,#f8fafc);color:#0369a1}.action-btn.view-features-btn:hover{background:linear-gradient(135deg,#bae6fd,#e0f2fe);border:2px solid #0369a1}@media (max-width:1400px){.services-header{padding:1rem 1.5rem}}@media (max-width:1024px){.services-header{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1rem}}@media (max-width:768px){.header-content{align-items:flex-start;gap:1rem}.header-content,.service-actions{flex-direction:column}.service-info-grid{grid-template-columns:1fr}.filter-tabs{justify-content:space-between;width:100%}.filter-tab{flex:1 1;font-size:.85rem;padding:.5rem;text-align:center}}@media (max-width:480px){.services-header{padding:.75rem}.header-left h1{font-size:1.1rem}.header-left p{font-size:.8rem}.service-body,.service-header{padding:.875rem}.service-body{gap:.75rem}.service-title-row{align-items:flex-start;flex-direction:column;gap:.5rem;text-align:left}.service-icon-title{align-items:center;flex-direction:row;width:100%}.service-status-container{align-self:flex-start}.pricing-section{align-items:flex-start;flex-direction:column;gap:.5rem}.features-tags{gap:.3rem}.feature-tag{font-size:.6rem;padding:.15rem .35rem}.action-btn{font-size:.7rem;padding:.45rem .5rem}}.tooltip-container{display:inline-block;position:relative}.tooltip{background-color:#333;border-radius:6px;bottom:125%;color:#fff;font-size:12px;font-weight:500;max-width:120px;opacity:0;padding:8px 12px;pointer-events:none;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;width:-webkit-max-content;width:max-content;z-index:1000}.tooltip,.tooltip:after{left:50%;position:absolute}.tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";margin-left:-5px;top:100%}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}.icon-btn{height:40px;min-width:40px;padding:8px;width:40px}.features-management{background:#f8fafc;color:#1e293b;font-family:Inter,Google Sans,sans-serif;height:100vh;padding:0}.features-header{background:linear-gradient(135deg,#f0f9ff,#ecfeff);border:1px solid #bae6fd;border-bottom-color:#e2e8f0;box-shadow:0 1px 3px #0000000d;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{margin-bottom:0}.header-actions{gap:.75rem}.header-left h1{color:#1e293b;font-size:1.125rem;font-weight:600;gap:.5rem}.header-left p{color:#64748b;font-size:.8rem}.filter-tabs{background:#0000;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.filter-tab{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transform:perspective(1px) translateZ(0);transition:all .2s ease;transition:background-color .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1),border-radius .3s ease;will-change:transform,box-shadow,background-color}.filter-tab:hover{background:#fffc;border:2px solid #1e293b;border-radius:24px;box-shadow:0 6px 12px #0000001a;color:#1e293b;transform:translateY(-3px) scale(1.02)}.filter-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b}.filter-tab.active:hover{background:#fff;border:2px solid #1e293b;border-radius:24px;box-shadow:0 6px 12px #00000026;transform:translateY(-3px) scale(1.02)}.fm-refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.fm-refresh-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #00000014;color:#1e293b}.fm-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.fm-refresh-btn.refreshing svg{animation:spin 1s linear infinite}.features-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));margin:0;max-width:none;padding:1rem}@media (min-width:1200px) and (max-width:1600px){.features-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));padding:1.25rem}}@media (min-width:1600px){.features-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));padding:1.5rem}}@media (min-width:768px) and (max-width:1199px){.features-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));padding:1rem}}@media (max-width:767px){.features-grid{gap:1rem;grid-template-columns:1fr;padding:1rem}}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;height:auto;min-width:420px;overflow:visible;position:relative;transition:all .2s ease;width:100%}.feature-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000014;transform:translateY(-2px);z-index:10}.feature-card.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.feature-card.trial{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.feature-card.inactive{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc}.feature-card.pending{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fdba74}.feature-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:1rem}.feature-title-row{justify-content:space-between}.feature-icon-title,.feature-title-row{align-items:flex-start;display:flex;gap:.75rem}.feature-icon-title{flex:1 1;min-width:0}.feature-icon-circle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.feature-title-content{flex:1 1;min-width:0}.feature-title-content h3{color:#1e293b;font-size:.875rem;font-weight:600;line-height:1.3;margin:0}.feature-tagline{color:#64748b;font-size:.7rem;line-height:1.3;margin:.25rem 0 0}.feature-status-container{flex-shrink:0}.status-trial{background:#fef3c7;color:#92400e}.status-pending{background:#fed7aa;color:#c2410c}.feature-body{display:flex;flex:1 1;flex-direction:column;gap:.875rem;overflow:visible;padding:1rem}.pricing-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;padding:.75rem}.price-display{align-items:baseline;display:flex;gap:.25rem}.price{color:#1e293b;font-size:1.1rem;font-weight:700}.price-period{font-size:.7rem}.price-contact{color:#64748b;font-size:.8rem;font-weight:500}.premium-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:4px;color:#92400e;display:flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.2rem .4rem;text-transform:capitalize}.subscription-details{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #a7f3d0;border-radius:12px;margin-bottom:.875rem;padding:1rem}.subscription-price-display{margin-bottom:1rem;text-align:center}.subscription-label{color:#059669;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.subscription-price{align-items:baseline;color:#047857;display:flex;font-size:1.75rem;font-weight:700;gap:.25rem;justify-content:center}.subscription-price .price-period{color:#059669;font-size:.85rem;font-weight:500}.subscription-info-row{grid-gap:.75rem;border-top:1px solid #a7f3d0;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-top:1rem;padding-top:1rem}.subscription-info-item{text-align:center}.subscription-info-item .info-label{color:#059669;display:block;font-size:.65rem;font-weight:600;letter-spacing:.025em;margin-bottom:.35rem;text-transform:uppercase}.subscription-info-item .info-value{color:#047857;font-size:.75rem;font-weight:600}.service-filter-section{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.service-filter-label{color:#64748b;font-size:.8rem;font-weight:500}.service-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.8rem;min-width:140px;padding:.4rem .8rem}.priority-section{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.priority-display{align-items:baseline;display:flex;gap:.25rem}.priority-level{color:#1e293b;font-size:.8rem;font-weight:500}.priority-badge{align-items:center;background:#f1f5f9;border-radius:4px;color:#374151;display:flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.2rem .4rem;text-transform:capitalize}.priority-badge.high{background:#fee2e2;color:#991b1b}.priority-badge.medium{background:#fef3c7;color:#92400e}.priority-badge.low{background:#dcfce7;color:#166534}.feature-description p{color:#475569;font-size:.85rem;line-height:1.4;margin:0}.feature-benefits{background:#0000;padding:.875rem}.benefits-title{font-size:.85rem;gap:.5rem;margin:0 0 .65rem}.benefits-list{gap:.4rem}.benefit-item{font-size:.85rem}.benefit-icon{font-size:.7rem;margin-top:.1rem}.feature-info-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.ftr-info-card{background:#0000;padding:.65rem}.info-label{font-weight:500;letter-spacing:.025em;margin-bottom:.2rem;text-transform:capitalize}.feature-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.875rem}.action-btn{background-color:#f1f5f9;box-shadow:0 1px 3px #0000000a;color:#1e293b;display:inline-flex;font-weight:500;min-width:120px;padding:.65rem 1.25rem;text-align:center;transform:perspective(1px) translateZ(0);transition:background-color .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1),border-radius .3s ease;white-space:nowrap;will-change:transform,box-shadow,background-color}.action-btn:hover{background-color:#e0f2f1;border:2px solid #000;border-radius:24px;box-shadow:0 6px 12px #0000001a;transform:translateY(-3px) scale(1.02)}.action-btn .material-symbols-rounded{font-size:1.1rem}.action-btn.primary-action{background:linear-gradient(135deg,#065f46,#10b981)}.action-btn.primary-action:hover{background:linear-gradient(135deg,#047857,#059669);border:2px solid #065f46}.action-btn.trial-btn{background:linear-gradient(135deg,#fef3c7,#fff7ed);color:#b45309}.action-btn.trial-btn:hover{background:linear-gradient(135deg,#fde68a,#fef3c7);border:2px solid #b45309}.action-btn.disable-btn{background:linear-gradient(135deg,#fee2e2,#fff1f2);color:#b91c1c}.action-btn.disable-btn:hover{background:linear-gradient(135deg,#fecaca,#fee2e2);border:2px solid #b91c1c}.empty-state,.loading-container{color:#64748b;grid-column:1/-1;height:300px}.loading-spinner{border:3px solid #f1f5f9;height:32px;width:32px}.empty-state h3{color:#374151;font-size:1rem;margin:1rem 0 .5rem}.empty-state p{font-size:.85rem}.error-banner{border:1px solid #fecaca;font-size:.8rem;margin:0 1.5rem 1rem;padding:.75rem 1.5rem}@media (max-width:1400px){.features-header{padding:1rem 1.5rem}}@media (max-width:1024px){.features-header{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1rem}.header-actions{width:100%}.filter-tabs{flex:1 1}}@media (max-width:768px){.header-content{align-items:flex-start;gap:1rem}.feature-actions,.header-content{flex-direction:column}.feature-info-grid{grid-template-columns:1fr}.filter-tabs{justify-content:space-between;width:100%}.filter-tab{flex:1 1;font-size:.85rem;padding:.5rem;text-align:center}}@media (max-width:480px){.features-header{padding:.75rem}.header-left h1{font-size:1.1rem}.header-left p{font-size:.8rem}.feature-body,.feature-header{padding:.875rem}.feature-body{gap:.75rem}.feature-title-row{align-items:flex-start;flex-direction:column;gap:.5rem;text-align:left}.feature-icon-title{align-items:center;flex-direction:row;width:100%}.feature-status-container{align-self:flex-start}.priority-section{align-items:flex-start;flex-direction:column;gap:.5rem}.action-btn{font-size:.7rem;padding:.45rem .5rem}.subscription-info-row{gap:.5rem;grid-template-columns:1fr}.subscription-price{font-size:1.5rem}}.trending-badge{align-items:center;display:inline-flex;font-weight:600;gap:.25rem;letter-spacing:.025em;padding:.25rem .5rem;white-space:nowrap}.trending-badge.professional{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.trending-badge.basic{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #38bdf8;color:#075985}.pricing-tiers-compact{background:#ffffff80;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.5rem;overflow-x:auto;padding:.75rem}.tier-compact{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;flex:1 1;min-width:100px;padding:.5rem;text-align:center;transition:all .2s ease}.tier-compact:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.tier-compact.selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;transform:scale(1.02)}.tier-compact.selected:hover{transform:translateY(-2px) scale(1.02)}.tier-name{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.tier-compact.selected .tier-name{color:#059669}.tier-price{color:#1e293b;font-size:.95rem;font-weight:700;gap:.15rem;justify-content:center;margin-bottom:.25rem}.tier-period{color:#64748b;font-size:.6rem;font-weight:400}.tier-users{color:#64748b;font-size:.65rem;font-weight:500}.status-badge{align-items:center;display:inline-flex;gap:.25rem;letter-spacing:.025em;padding:.2rem .5rem}@media (max-width:480px){.pricing-tiers-compact{flex-direction:column;gap:.5rem}.tier-compact{min-width:0;min-width:auto}.tier-compact.selected{transform:none}.tier-compact.selected:hover{transform:translateY(-2px)}.trending-badge{font-size:.6rem;padding:.2rem .4rem}}.feature-benefits{background:#f8fafc80;border:1px solid #f1f5f9;border-radius:8px;padding:.75rem}.benefits-title{align-items:center;color:#374151;display:flex;font-size:.8rem;font-weight:600;gap:.35rem;letter-spacing:.025em;margin:0 0 .5rem;text-transform:capitalize}.benefits-list{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.benefit-item{align-items:flex-start;color:#475569;display:flex;font-size:.75rem;gap:.5rem;line-height:1.4}.benefit-icon{color:#10b981;flex-shrink:0;font-size:.65rem;font-weight:700;margin-top:.15rem}@media (prefers-color-scheme:dark){.trending-badge.professional{background:linear-gradient(135deg,#78350f,#92400e);border-color:#d97706;color:#fef3c7}.trending-badge.basic{background:linear-gradient(135deg,#164e63,#0c4a6e);border-color:#0ea5e9;color:#e0f2fe}.pricing-tiers-compact{background:#1e293b80;border-color:#334155}.tier-compact{background:#1e293b;border-color:#334155}.tier-compact.selected{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981}.tier-name{color:#94a3b8}.tier-compact.selected .tier-name{color:#6ee7b7}.tier-price{color:#f1f5f9}.tier-users{color:#94a3b8}.feature-benefits{background:#0f172a80;border-color:#334155}.benefits-title{color:#cbd5e1}.benefit-item{color:#94a3b8}}.service-request{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;height:100%;overflow-y:auto;padding:0}.header-content h1{align-items:center;display:flex;font-size:1.8rem;font-weight:700;gap:.75rem;margin:0}.header-content p{font-size:1rem;margin:.5rem 0 0;opacity:.8}.request-form-container{margin:0 auto;max-width:1200px;padding:2rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.form-actions{justify-content:flex-end}.submit-btn{display:flex;min-width:160px;padding:.8rem 2rem}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.success-icon{background:linear-gradient(135deg,#ccfbf1,#a7f3d0)}.success-details{margin-top:1rem;max-width:400px}.success-details p{color:#374151;margin:.5rem 0}.success-details strong{color:#047857}@media (max-width:768px){.request-form-container{padding:1rem}.form-actions,.form-section{padding:1.5rem}.success-container{padding:2rem 1rem}.header-content h1{font-size:1.5rem}}.pricing-tier-section{padding:2rem}.pricing-tier-section h3{margin-bottom:1.5rem}.user-estimator{margin-bottom:2rem}.pricing-tiers-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.pricing-guidance{margin-bottom:2rem}.success-details{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.next-steps,.success-details{max-width:600px;padding:1.5rem}.summary-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.pricing-tiers-grid{grid-template-columns:1fr}.tier-header{flex-direction:column;text-align:center}.summary-content{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:1rem}.form-summary{margin-bottom:1rem;margin-right:0}.success-details{grid-template-columns:1fr}.pricing-tier-section,.user-estimator{padding:1rem}.pricing-tier-card{padding:1.5rem}}.pricing-tier-section{margin:0 -2rem}.guidance-content p{line-height:1.5}.selected-tier-summary{background:#f0fdf4;border:2px solid #bbf7d0;margin:0 2rem}.selected-tier-summary h4{color:#15803d}.summary-content{grid-gap:.75rem;gap:.75rem}.summary-item{align-items:center;justify-content:space-between;padding:.5rem 0}.summary-label{color:#374151;font-size:.9rem}.summary-value{color:#15803d}.selected-service-display{align-items:center;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:10px;display:flex;gap:1rem;padding:1rem}.service-icon{font-size:1.5rem}.service-name{color:#15803d;font-size:1.1rem;font-weight:600}.service-label{background:#dcfce7;border-radius:12px;color:#15803d;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.offer-card{border:3px solid #f59e0b!important;overflow:hidden;position:relative}.offer-card:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f59e0b,#dc2626,#f59e0b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.savings-badge{background:#059669;border-radius:10px;color:#fff;padding:.125rem .5rem}.disable-offer-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #f59e0b;border-top:1px solid #f59e0b}.disable-offer-section .offer-card{background:#fff;border:2px solid #f59e0b;border-radius:12px;box-shadow:0 8px 32px #f59e0b33;margin:0 2rem;padding:2rem;text-align:center}.offer-header{justify-content:center}.offer-content p{color:#374151;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.offer-benefits{margin:0 0 2rem}.offer-benefits li{border:1px solid #fde68a;border-radius:8px;color:#92400e;font-weight:500;padding:.75rem 1rem}.offer-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.accept-offer-btn{border-radius:12px;box-shadow:0 4px 16px #f59e0b4d;display:flex;font-size:1.1rem;transition:all .3s ease}.accept-offer-btn:hover{box-shadow:0 8px 24px #f59e0b66}.offer-note{color:#6b7280;font-size:.9rem;margin:0}.form-group-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.form-group-full{grid-column:1/-1}.form-summary{margin-right:2rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-grid .summary-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.5rem 0}.summary-grid .summary-item:last-child{border-bottom:none}.summary-grid .summary-label{color:#64748b;font-size:.9rem;font-weight:500}.summary-grid .summary-value{color:#1e293b;font-size:.9rem;font-weight:600}.form-actions{align-items:flex-end;padding:2rem 3rem}@media (max-width:768px){.request-form-container{max-width:100%;padding:1rem}.form-actions,.form-section{padding:1.5rem}.form-group-row{gap:1rem;grid-template-columns:1fr}.pricing-tiers-grid{grid-template-columns:1fr;margin:0 1rem 2rem}.pricing-tier-section h3{margin:0 1rem 1.5rem}.pricing-guidance,.selected-tier-summary,.user-estimator{margin:0 1rem 2rem}.tier-header{flex-direction:column;text-align:center}.summary-content{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:1rem}.form-summary{margin-bottom:1rem;margin-right:0}.success-details{grid-template-columns:1fr;padding:1.5rem}.success-container{padding:2rem 1rem}.pricing-tier-section{padding:1rem 0}.pricing-tier-card{padding:1.5rem}}@media (prefers-color-scheme:dark){.pricing-tier-section{background:#1e293b}.guidance-card,.pricing-tier-card,.user-estimator{background:#334155;border-color:#475569}.guidance-content h4,.pricing-tier-section h3,.tier-info h4{color:#f1f5f9}.guidance-content p,.tier-features li,.user-estimator label{color:#cbd5e1}.user-count-input{background:#475569;border-color:#64748b;color:#f1f5f9}}.feature-request{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;height:100%;overflow-y:auto;padding:0}.request-header{border-bottom:1px solid #e2e8f0;box-shadow:0 4px 16px #0000000a;padding:2rem}.header-left h1{align-items:center;display:flex;font-size:1.8rem;font-weight:700;gap:.75rem;margin:0}.header-left p{font-size:1rem;margin:.5rem 0 0;opacity:.8}.floating-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.fe-request-form-container{margin:0 auto;padding:.5rem}.request-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.form-section{border-bottom:1px solid #f1f5f9;padding:2rem}.form-section h3{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;font-size:1.2rem;gap:.5rem;padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-hint{color:#6b7280;font-size:.8rem;font-style:italic;margin-top:.25rem}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d91a}.form-input.disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.form-textarea{min-height:80px}.form-select{cursor:pointer}.selected-feature-display{align-items:center;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:10px;display:flex;gap:1rem;padding:1rem}.feature-icon{font-size:1.5rem}.feature-name{color:#15803d;font-size:1.1rem;font-weight:600}.feature-label{background:#dcfce7;border-radius:12px;color:#15803d;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.pricing-tier-section{background:#f8fafc;border-top:1px solid #e2e8f0;margin:0;padding:2rem 0}.pricing-tier-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0 2rem 1.5rem}.section-icon{color:#059669}.offer-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:12px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:.25rem;margin-left:1rem;padding:.25rem .75rem}.user-estimator{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin:0 2rem 2rem;padding:1.5rem}.user-estimator label{align-items:center;color:#374151;display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.user-input-container{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.user-count-input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;text-align:center;width:120px}.user-count-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;outline:none}.user-suffix{color:#6b7280;font-weight:500}.user-hint{color:#6b7280;font-size:.85rem;font-style:italic}.pricing-tiers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 2rem 2rem}.pricing-tier-card{background:#fff;border:3px solid #e2e8f0;border-radius:12px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.pricing-tier-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.pricing-tier-card.selected{border-width:3px;box-shadow:0 8px 24px #0000001f}.pricing-tier-card.recommended{border-width:3px;box-shadow:0 8px 24px #0000001a}.pricing-tier-card.offer-card{border:3px solid #f59e0b!important;overflow:hidden;position:relative}.pricing-tier-card.offer-card:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f59e0b,#dc2626,#f59e0b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.recommended-badge{align-items:center;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:.25rem;justify-content:center;left:-1px;padding:.5rem;position:absolute;right:-1px;text-align:center;top:-1px}.tier-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem;margin-top:1rem}.tier-icon{background:#fffc;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-size:1.5rem;padding:.75rem}.tier-info h4{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.tier-price{align-items:baseline;display:flex;gap:.25rem;margin-bottom:.5rem}.price-amount{color:#1e293b;font-size:1.75rem;font-weight:800}.price-period{color:#64748b;font-size:.9rem;font-weight:500}.original-price{color:#6b7280;font-size:.9rem;margin-left:.5rem;text-decoration:line-through}.user-range{font-size:.9rem;font-weight:600;opacity:.8}.tier-features{margin-bottom:1.5rem}.features-title{color:#374151;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.tier-features ul{list-style:none;margin:0;padding:0}.tier-features li{align-items:center;color:#4b5563;display:flex;font-size:.9rem;gap:.5rem;padding:.25rem 0}.feature-icon{color:#059669;font-size:.8rem;font-weight:700}.tier-footer{margin-top:auto}.select-tier-btn{border:2px solid;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.select-tier-btn:hover{transform:translateY(-1px)}.pricing-guidance{margin:0 2rem 2rem}.guidance-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.guidance-icon{color:#059669;flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.guidance-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .5rem}.guidance-content p{color:#64748b;font-size:.9rem;line-height:1.6;margin:0}.selected-tier-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin:0 2rem 2rem;padding:1.5rem}.selected-tier-summary h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.summary-label{color:#64748b;font-size:.8rem;font-weight:500}.summary-value{align-items:center;color:#1e293b;display:flex;font-size:.95rem;gap:.25rem}.savings-text{color:#059669;font-size:.8rem;font-weight:500}.price-reason{background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.price-reason-title{color:#1e40af;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.price-reason p{color:#475569;font-size:.85rem;line-height:1.5;margin:0}.disable-offer-section{background:#fefce8;border-bottom:1px solid #fde68a;border-top:1px solid #fde68a;margin:0 -2rem;padding:2rem 0}.offer-card{background:#fff;border:2px solid #fbbf24;border-radius:12px;box-shadow:0 4px 16px #fbbf2426;margin:0 2rem;padding:2rem}.offer-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.offer-icon{animation:bounce 2s infinite;color:#f59e0b;font-size:2rem}.offer-header h3{color:#92400e;font-size:1.5rem;font-weight:700;margin:0}.offer-content{margin-bottom:1.5rem}.offer-content p{color:#78350f;font-size:1rem;margin-bottom:1rem}.offer-benefits{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.offer-benefits li{align-items:center;background:#fef3c7;border-radius:6px;color:#451a03;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem}.offer-actions{text-align:center}.accept-offer-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .2s ease}.accept-offer-btn:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.offer-note{color:#78350f;font-size:.85rem;font-style:italic;margin-top:1rem}.feature-description-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;overflow:hidden}.feature-overview{border-bottom:1px solid #f1f5f9;padding:2rem}.feature-overview h3{align-items:center;color:#1e293b;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.feature-overview h3 .material-symbols-rounded{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:10px;color:#6d28d9;font-size:1.5rem;padding:.5rem}.description-content{color:#475569;font-size:.95rem;line-height:1.8}.description-content p{margin-bottom:1rem}.description-content p:last-child{margin-bottom:0}.description-content strong{color:#1e293b;font-weight:600}.feature-benefits{padding:2rem}.feature-benefits>h3{align-items:center;color:#1e293b;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin:0 0 2rem}.feature-benefits>h3 .material-symbols-rounded{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;color:#f59e0b;font-size:1.5rem;padding:.5rem}.benefit-category{margin-bottom:2.5rem}.benefit-category:last-child{margin-bottom:0}.benefit-category>h4{align-items:center;border-bottom:2px solid #e2e8f0;color:#334155;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem}.benefit-category>h4 .material-symbols-rounded{color:#6d28d9;font-size:1.3rem}.benefits-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.benefit-card{background:linear-gradient(135deg,#fafafa,#fff);border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s ease}.benefit-card:before{background:linear-gradient(180deg,#6d28d9,#a855f7);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:4px}.benefit-card:hover{border-color:#cbd5e1;box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.benefit-card:hover:before{opacity:1}.benefit-icon-material{align-items:center;background:linear-gradient(135deg,#6d28d91a,#a855f70d);border:1px solid #6d28d91a;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.benefit-icon-material .material-symbols-rounded{color:#6d28d9;font-size:1.5rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.benefit-content{flex:1 1}.benefit-content h5{color:#1e293b;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.benefit-content p{color:#64748b;font-size:.85rem;line-height:1.6;margin:0}.form-actions{align-items:flex-start;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:2rem;justify-content:space-between;padding:2rem}.form-summary{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1 1;padding:1.5rem}.form-summary h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.savings-badge{background:#dcfce7;border-radius:4px;color:#166534;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.15rem .4rem}.submit-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;padding:1rem 2.5rem;transition:all .2s ease}.submit-btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:.5rem;width:16px}.success-container{flex-direction:column;min-height:400px;padding:4rem 2rem;text-align:center}.success-container,.success-icon{align-items:center;display:flex;justify-content:center}.success-icon{border-radius:50%;box-shadow:0 8px 32px #04785733;color:#047857;font-size:2rem;height:80px;margin-bottom:2rem;width:80px}.success-container h2{color:#047857;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.success-container>p{color:#374151;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:600px}.success-details{grid-gap:1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0;max-width:800px;padding:2rem;text-align:left;width:100%}.detail-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#374151;font-size:.9rem;font-weight:500}.detail-value{color:#15803d;font-size:.9rem}.next-steps{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:2rem;max-width:800px;padding:2rem;text-align:left;width:100%}.next-steps h4{color:#1e293b;font-size:1.1rem;margin:0 0 1rem}.next-steps ul{list-style:none;margin:0;padding-left:0}.next-steps li{align-items:center;color:#4b5563;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 0}.error-banner{border:1px solid #f87171;color:#dc2626;font-weight:500;margin:0 2rem 2rem;padding:1rem 2rem}.error-banner .material-symbols-rounded{font-size:1.2rem}.status-warning-banner{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:12px;display:flex;gap:1rem;margin-top:1.5rem;padding:1.5rem}.status-warning-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.status-warning-content{flex:1 1}.status-warning-content h4{color:#1e40af;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.status-warning-content p{color:#1e40af;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.status-details{grid-gap:1rem;background:#fff9;border:1px solid #93c5fd;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1rem}.status-detail-item{display:flex;flex-direction:column;gap:.25rem}.status-detail-item .label{color:#1e40af;font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.status-detail-item .value{color:#1e3a8a;font-size:.9rem;font-weight:600}@media (max-width:768px){.fe-request-form-container{max-width:100%;padding:1rem}.form-actions,.form-section{padding:1.5rem}.form-actions{flex-direction:column;gap:1rem}.form-summary{margin-bottom:1rem;margin-right:0}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-left h1{font-size:1.5rem}.pricing-tiers-grid{grid-template-columns:1fr;margin:0 1rem 2rem}.pricing-tier-section h3{margin:0 1rem 1.5rem}.pricing-guidance,.selected-tier-summary,.user-estimator{margin:0 1rem 2rem}.tier-header{flex-direction:column;gap:.5rem;text-align:center}.success-details,.summary-content{grid-template-columns:1fr}.success-details{padding:1.5rem}.success-container{padding:2rem 1rem}.pricing-tier-section{padding:1rem 0}.status-warning-banner{flex-direction:column;margin-top:1rem;padding:1rem}.status-warning-icon{font-size:1.2rem;height:40px;width:40px}.status-details{gap:.75rem;grid-template-columns:1fr;padding:.75rem}.status-warning-content h4{font-size:1rem}.status-warning-content p{font-size:.85rem}.pricing-tier-card{padding:1.5rem}.price-reason{margin-bottom:1rem;padding:.75rem}.price-reason-title{font-size:.8rem}.price-reason p{font-size:.75rem}.disable-offer-section .offer-card{margin:0 1rem;padding:1.5rem}.offer-benefits{grid-template-columns:1fr}.submit-btn{min-width:180px}.feature-description-section{margin-bottom:1.5rem}.feature-benefits,.feature-overview{padding:1.5rem}.feature-benefits>h3,.feature-overview h3{font-size:1.1rem}.benefit-category>h4{font-size:1rem}.benefits-grid{gap:1rem;grid-template-columns:1fr}.benefit-card{padding:1rem}.benefit-icon-material{height:40px;width:40px}.benefit-icon-material .material-symbols-rounded{font-size:1.3rem}.benefit-content h5{font-size:.9rem}.benefit-content p{font-size:.8rem}}@media (max-width:480px){.header-left h1{font-size:1.3rem}.pricing-tier-card{padding:1rem}.price-reason{margin-bottom:.75rem;padding:.5rem}.price-reason-title{font-size:.75rem}.price-reason p{font-size:.7rem}.tier-price{align-items:flex-start;flex-direction:column;gap:.125rem}.price-amount{font-size:1.5rem}.user-count-input{width:100px}.summary-grid{grid-template-columns:1fr}.disable-offer-section .offer-card,.form-actions,.form-summary{padding:1rem}.offer-header{flex-direction:column;gap:.5rem}.offer-header h3{font-size:1.2rem}.feature-benefits,.feature-overview{padding:1rem}.benefit-card{align-items:center;flex-direction:column;text-align:center}.benefit-icon-material{margin-bottom:.5rem}}@media (prefers-color-scheme:dark){.feature-description-section{background:#1e293b;border-color:#334155}.feature-overview{border-bottom-color:#334155}.benefit-category>h4,.feature-benefits>h3,.feature-overview h3{color:#f1f5f9}.feature-overview h3 .material-symbols-rounded{background:linear-gradient(135deg,#1e1b4b,#312e81)}.feature-benefits>h3 .material-symbols-rounded{background:linear-gradient(135deg,#78350f,#92400e)}.description-content{color:#cbd5e1}.description-content strong{color:#f1f5f9}.benefit-category>h4{border-bottom-color:#334155}.benefit-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#334155}.benefit-card:hover{border-color:#475569}.benefit-content h5{color:#f1f5f9}.benefit-content p{color:#94a3b8}.benefit-icon-material{background:linear-gradient(135deg,#6d28d933,#a855f71a);border-color:#6d28d933}.benefit-icon-material .material-symbols-rounded{color:#a78bfa}}@media (prefers-contrast:high){.form-input,.form-select,.form-textarea{border-width:3px}.pricing-tier-card{border-width:4px}.accept-offer-btn,.select-tier-btn,.submit-btn{border:2px solid}}@media (prefers-reduced-motion:reduce){.accept-offer-btn,.pricing-tier-card,.select-tier-btn,.submit-btn{transition:none}.accept-offer-btn:hover,.pricing-tier-card:hover,.select-tier-btn:hover,.submit-btn:hover{transform:none}.btn-spinner,.offer-badge,.offer-icon{animation:none}.btn-spinner{border:2px solid #fff}.pricing-tier-card.offer-card:before{animation:none;background:#f59e0b}.benefit-card{transition:none}.benefit-card:hover{transform:none}}.extensions-admin{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a;padding:1rem 1.5rem}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px}.header-left{gap:1rem}.header-icon{color:#059669}.header-text p{color:#64748b}.header-right{align-items:center;display:flex;gap:1rem}.view-switcher{background:#f1f5f9;border-radius:.5rem;display:flex;padding:.25rem}.view-btn{border-radius:.375rem;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.view-btn:hover{color:#1e293b}.view-btn.active{background:#fff;box-shadow:0 1px 2px 0 #0000000d;color:#1e293b}.save-btn{align-items:center;background:#059669;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.save-btn:hover:not(:disabled){background:#047857}.save-btn:disabled{cursor:not-allowed;opacity:.5}.spin{animation:spin 1s linear infinite}.message-bar{align-items:center;border-bottom:1px solid;display:flex;justify-content:space-between;padding:.75rem 1.5rem}.message-bar.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.message-bar.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.message-bar.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.message-content{align-items:center;display:flex;gap:.5rem}.message-close{opacity:.7}.message-close:hover{opacity:1}.main-layout{display:flex;margin:0 auto;max-width:1400px}.sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:1px 0 3px 0 #0000001a;height:calc(100vh - 80px);overflow-y:auto;padding:1.5rem;width:320px}.config-section{margin-bottom:2rem}.config-section h3{color:#1e293b;font-weight:600;margin-bottom:.75rem}.config-form{gap:.75rem}.config-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:60px;resize:vertical}.templates-section h3{color:#1e293b;font-weight:600;margin-bottom:.75rem}.templates-description{color:#64748b;font-size:.875rem;margin-bottom:1rem}.templates-grid{display:flex;flex-direction:column;gap:.75rem}.template-card{align-items:center;border:2px dashed;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.template-card:hover:not(.disabled){box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.template-card.disabled{cursor:not-allowed;opacity:.5}.template-icon{flex-shrink:0}.template-info{flex:1 1}.template-name{color:#1e293b;font-size:.875rem;font-weight:500}.template-fields{color:#64748b;font-size:.75rem}.section-blue{background:#dbeafe;border-color:#93c5fd}.section-blue .section-icon,.section-blue .template-icon{color:#2563eb}.section-green{background:#dcfce7;border-color:#86efac}.section-green .section-icon,.section-green .template-icon{color:#16a34a}.section-purple{background:#f3e8ff;border-color:#c4b5fd}.section-purple .section-icon,.section-purple .template-icon{color:#7c3aed}.section-gray{background:#f9fafb;border-color:#d1d5db}.section-gray .section-icon,.section-gray .template-icon{color:#6b7280}.main-content{flex:1 1;padding:1.5rem}.builder-content{display:flex;flex-direction:column;gap:1.5rem}.empty-state{border:2px dashed #d1d5db;border-radius:.5rem;color:#9ca3af;padding:3rem}.empty-state svg{color:#d1d5db;margin:0 auto 1rem}.empty-state h3{color:#6b7280;font-size:1.125rem;font-weight:500}.empty-state p{color:#9ca3af}.sections-header{margin-bottom:1.5rem}.sections-header h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.sections-header p{color:#64748b}.sections-list{display:flex;flex-direction:column;gap:1.5rem}.section-card{border:1px solid;border-radius:.75rem;padding:1.5rem;transition:all .2s}.section-editable:hover{box-shadow:0 4px 6px -1px #0000001a}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.ext-section-title-area{align-items:center;display:flex;gap:.75rem}.ext-section-title{color:#1e293b;font-size:1.125rem}.field-count{background:#fff;border-radius:.375rem;color:#64748b;font-size:.75rem;padding:.25rem .5rem}.section-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.section-editable:hover .section-actions{opacity:1}.action-btn{background:#fffc;border-radius:.5rem;color:#6b7280;padding:.5rem}.action-btn:hover{background:#fff;box-shadow:0 1px 2px 0 #0000000d}.action-btn-add:hover,.action-btn-edit:hover{background:#dbeafe;color:#2563eb}.action-btn-delete:hover{background:#fef2f2;color:#dc2626}.fields-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.field-container{position:relative}.field-actions{position:absolute;right:-8px;top:-8px;transition:opacity .2s}.field-container:hover .field-actions{opacity:1}.field-action-btn{border:1px solid #d1d5db;border-radius:.25rem;box-shadow:0 1px 2px 0 #0000000d;color:#6b7280;transition:all .2s}.field-action-btn:hover{color:#2563eb}.field-action-delete:hover{color:#dc2626}.field-input-container{margin-bottom:.5rem}.field-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.ext-required{color:#dc2626;margin-left:.25rem}.field-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem;transition:border-color .2s,box-shadow .2s;width:100%}.field-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.field-meta{align-items:center;display:flex;justify-content:space-between;margin-top:.25rem}.field-name{color:#6b7280;font-size:.75rem}.field-permissions{display:flex;gap:.25rem}.permission-badge{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.125rem .25rem}.permission-create{background:#dcfce7;color:#166534}.permission-update{background:#dbeafe;color:#1d4ed8}.preview-content{margin:0 auto;max-width:1024px}.preview-container{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:2rem}.preview-header{margin-bottom:2rem}.preview-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.preview-header p{color:#64748b;margin-bottom:.5rem}.storage-info{color:#6b7280;font-size:.875rem}.storage-info code{background:#f1f5f9;border-radius:.25rem;font-family:SF Mono,Monaco,monospace;padding:.125rem .25rem}.preview-footer,.preview-sections{display:flex;flex-direction:column;gap:1.5rem}.preview-footer{border-top:1px solid #e2e8f0;padding-top:1.5rem}.data-structure{background:#dbeafe;border:1px solid #93c5fd;border-radius:.5rem;padding:1rem}.data-structure h4{color:#1e40af;font-weight:500;margin-bottom:.5rem}.code-preview{background:#bfdbfe;border-radius:.375rem;color:#1e40af;font-family:SF Mono,Monaco,monospace;font-size:.75rem;margin:0;overflow-x:auto;padding:.5rem;white-space:pre}.api-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1rem}.api-info h4{color:#166534;font-weight:500;margin-bottom:.5rem}.api-details{display:flex;flex-direction:column;gap:.5rem}.api-item{color:#166534;font-size:.875rem}.api-item strong{color:#14532d}.api-item code{background:#dcfce7;border-radius:.25rem;font-family:SF Mono,Monaco,monospace;margin-left:.5rem;padding:.125rem .25rem}.preview-save-btn{background:#2563eb;border:none;border-radius:.5rem;color:#fff;cursor:not-allowed;font-weight:500;opacity:.7;padding:.75rem 1.5rem;width:100%}.modal-overlay{z-index:50}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-height:600px;overflow-y:auto;padding:1.5rem;width:480px}.modal-header{margin-bottom:1rem}.modal-header h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;transition:color .2s}.modal-close:hover{color:#6b7280}.modal-body{gap:1rem}.permissions-section{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.modal-actions{gap:.75rem;margin-top:1.5rem}.cancel-btn{background:#f8fafc;border:1px solid #d1d5db;border-radius:.375rem;color:#64748b;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.cancel-btn:hover{background:#f1f5f9;color:#475569}.modal-actions .save-btn{background:#059669;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.modal-actions .save-btn:hover{background:#047857}.info-panel{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;bottom:1rem;box-shadow:0 10px 15px -3px #0000001a;padding:1rem;position:fixed;right:1rem;width:288px}.info-panel h4{color:#1e293b;font-weight:600;margin-bottom:.5rem}.info-content{color:#64748b;display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.info-item{justify-content:space-between}.node-type{background:#dcfce7;border-radius:.25rem;color:#166534;font-weight:500;margin-top:.5rem;padding:.25rem .5rem;text-align:center}@media (max-width:1024px){.main-layout{flex-direction:column}.sidebar{height:auto;width:100%}.fields-grid{grid-template-columns:1fr}.info-panel{bottom:auto;margin-top:1rem;position:relative;right:auto;width:100%}}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.header-right{justify-content:space-between;width:100%}.view-switcher{flex:1 1}.view-btn{flex:1 1;justify-content:center}.modal-content{max-width:480px;width:90vw}}.rp-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1100}.rp-modal{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 24px 64px #0000002e;display:flex;flex-direction:column;max-height:88vh;max-width:640px;overflow:hidden;width:100%}.rp-modal--wide{max-width:960px}[data-theme=dark] .rp-modal{background:#121218f7;border-color:#ffffff1a;box-shadow:0 24px 64px #0009}.rp-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem 1rem}[data-theme=dark] .rp-header{border-color:#ffffff14}.rp-header-left{align-items:flex-start;display:flex;gap:.75rem}.rp-header-left>.material-symbols-rounded{color:#065f46;flex-shrink:0;font-size:1.5rem;margin-top:2px}[data-theme=dark] .rp-header-left>.material-symbols-rounded{color:#0f8}.rp-header-left h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1rem;font-weight:700;margin:0 0 .2rem}[data-theme=dark] .rp-header-left h2{color:#fff}.rp-header-left p{color:#64748b;color:var(--text-muted,#64748b);font-size:.75rem;line-height:1.4;margin:0}[data-theme=dark] .rp-header-left p{color:#9ca3af}.rp-close-btn{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:none;border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:all .15s;width:2rem}.rp-close-btn:hover{background:#fee2e2;color:#dc2626}.rp-close-btn .material-symbols-rounded{font-size:1.1rem}[data-theme=dark] .rp-close-btn{background:#ffffff14;color:#9ca3af}[data-theme=dark] .rp-close-btn:hover{background:#ff6b6b33;color:#ff6b6b}.rp-scope-row{background:#f8fafc;background:var(--bg-primary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:.5rem;padding:.75rem 1.5rem}[data-theme=dark] .rp-scope-row{background:#ffffff08;border-color:#ffffff14}.rp-scope-btn{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:20px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:.4rem;padding:.4rem .875rem;transition:all .15s}.rp-scope-btn .material-symbols-rounded{font-size:1rem}.rp-scope-btn.active,.rp-scope-btn:hover{border-color:#065f46;color:#065f46}.rp-scope-btn.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);font-weight:700}[data-theme=dark] .rp-scope-btn{background:#ffffff0f;border-color:#ffffff1f;color:#9ca3af}[data-theme=dark] .rp-scope-btn:hover{border-color:#0f8;color:#0f8}[data-theme=dark] .rp-scope-btn.active{background:#00ff881f;border-color:#0f8;color:#0f8}.rp-body-cols{min-height:0}.rp-body-cols,.rp-left-col{display:flex;flex:1 1;overflow:hidden}.rp-left-col{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0);flex-direction:column;min-width:0}[data-theme=dark] .rp-left-col{border-color:#ffffff14}.rp-tabs{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:.25rem;padding:.75rem 1.5rem 0}[data-theme=dark] .rp-tabs{border-color:#ffffff14}.rp-tab{align-items:center;background:#0000;border:none;border-bottom:2.5px solid #0000;border-radius:8px 8px 0 0;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:500;gap:.3rem;margin-bottom:-1px;padding:.45rem .875rem;transition:all .15s}.rp-tab .material-symbols-rounded{font-size:1rem}.rp-tab:hover{color:#065f46}.rp-tab.active{background:#065f460d;border-bottom-color:#065f46;color:#065f46;font-weight:700}[data-theme=dark] .rp-tab:hover{color:#0f8}[data-theme=dark] .rp-tab.active{background:#00ff8812;border-bottom-color:#0f8;color:#0f8}.rp-tab-count{align-items:center;background:#e2e8f0;background:var(--bg-secondary,#e2e8f0);border-radius:20px;color:#64748b;color:var(--text-muted,#64748b);display:inline-flex;font-size:.65rem;font-weight:700;height:1.2rem;justify-content:center;min-width:1.2rem;padding:0 .25rem}.rp-tab.active .rp-tab-count{background:#065f4626;color:#065f46}[data-theme=dark] .rp-tab.active .rp-tab-count{background:#00ff8826;color:#0f8}.rp-selected-summary{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:20px;color:#065f46;display:flex;font-size:.78rem;font-weight:600;gap:.4rem;margin-left:auto;padding:.25rem .6rem}.rp-selected-summary .material-symbols-rounded{font-size:.9rem}[data-theme=dark] .rp-selected-summary{background:#00ff8826;color:#0f8}.rp-filters{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.875rem 1.5rem .5rem}[data-theme=dark] .rp-filters{border-color:#ffffff0f}.rp-filter-row{gap:.5rem}.rp-filter-row,.rp-search-box{align-items:center;display:flex}.rp-search-box{background:#f8fafc;background:var(--bg-primary,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:10px;flex:1 1;gap:.4rem;padding:.45rem .75rem;transition:border-color .15s}.rp-search-box:focus-within{border-color:#065f46}.rp-search-box .material-symbols-rounded{color:#94a3b8;flex-shrink:0;font-size:1rem}.rp-search-box input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:.82rem;outline:none}.rp-search-box input::placeholder{color:#94a3b8}.rp-search-box button{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:0}.rp-search-box button:hover{color:#dc2626}.rp-search-box button .material-symbols-rounded{font-size:.9rem}[data-theme=dark] .rp-search-box{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .rp-search-box:focus-within{border-color:#0f8}[data-theme=dark] .rp-search-box input{color:#f9fafb}.rp-search-btn{align-items:center;background:linear-gradient(135deg,#065f46,#10b981);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:600;gap:.3rem;padding:.45rem .875rem;transition:filter .15s;white-space:nowrap}.rp-search-btn:hover:not(:disabled){filter:brightness(1.1)}.rp-search-btn:disabled{cursor:not-allowed;opacity:.6}.rp-search-btn .material-symbols-rounded{font-size:.9rem}.rp-filter-chips-row{display:flex;flex-wrap:wrap;gap:.4rem}.rp-mini-input,.rp-mini-select{background:#f8fafc;background:var(--bg-primary,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);font-family:inherit;font-size:.78rem;height:1.9rem;outline:none;padding:0 .6rem;transition:border-color .15s}.rp-mini-input:focus,.rp-mini-select:focus{border-color:#065f46}.rp-mini-input{min-width:90px}[data-theme=dark] .rp-mini-input,[data-theme=dark] .rp-mini-select{background:#ffffff0f;border-color:#ffffff1f;color:#e2e8f0}[data-theme=dark] .rp-mini-input:focus,[data-theme=dark] .rp-mini-select:focus{border-color:#0f8}.rp-list-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:.4rem 1.5rem .25rem}.rp-select-all-btn{align-items:center;background:none;border:none;border-radius:6px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:500;gap:.3rem;padding:.2rem .4rem;transition:all .15s}.rp-select-all-btn:hover{background:#065f460f;color:#065f46}.rp-select-all-btn .material-symbols-rounded{font-size:1.05rem}[data-theme=dark] .rp-select-all-btn:hover{background:#00ff8812;color:#0f8}.rp-list-count{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.72rem}.rp-list{flex:1 1;min-height:0;overflow-y:auto}.rp-empty,.rp-loading{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;flex-direction:column;font-size:.82rem;gap:.5rem;justify-content:center;padding:3rem 1rem}.rp-loading{flex-direction:row;padding:2rem}.rp-empty .material-symbols-rounded,.rp-loading .material-symbols-rounded{font-size:1.5rem}.rp-empty p{margin:0}.rp-error{align-items:center;background:#fef2f2;color:#dc2626;display:flex;font-size:.8rem;gap:.5rem;padding:.875rem 1.5rem}.rp-error .material-symbols-rounded{font-size:1rem}.rp-error button{background:none;border:1px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:.75rem;margin-left:auto;padding:.2rem .6rem}[data-theme=dark] .rp-error{background:#dc26261f}.rp-person-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);cursor:pointer;display:flex;gap:.65rem;padding:.625rem 1.5rem;transition:background .12s}.rp-person-row:hover{background:#f8fafc;background:var(--bg-primary,#f8fafc)}.rp-person-row.selected{background:#065f460a}.rp-person-row--no-email{cursor:not-allowed;opacity:.45}[data-theme=dark] .rp-person-row{border-color:#ffffff0d}[data-theme=dark] .rp-person-row:hover{background:#ffffff0a}[data-theme=dark] .rp-person-row.selected{background:#00ff880d}.rp-person-check .material-symbols-rounded{font-size:1.15rem}.rp-checked{color:#065f46}.rp-unchecked{color:#cbd5e1}[data-theme=dark] .rp-checked{color:#0f8}[data-theme=dark] .rp-unchecked{color:#4b5563}.rp-person-avatar{align-items:center;background:linear-gradient(135deg,#d1fae5,#6ee7b7);border-radius:50%;color:#065f46;display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;height:2rem;justify-content:center;width:2rem}[data-theme=dark] .rp-person-avatar{background:#00ff8826;color:#0f8}.rp-person-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.rp-person-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .rp-person-name{color:#f9fafb}.rp-person-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.rp-person-id{background:#065f4614;border-radius:4px;color:#065f46;font-family:Courier New,monospace;font-size:.68rem;font-weight:700;padding:.1rem .35rem}[data-theme=dark] .rp-person-id{background:#00ff881f;color:#0f8}.rp-person-email{color:#64748b;color:var(--text-muted,#64748b);font-size:.72rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-person-no-email{color:#dc2626;font-size:.68rem;font-style:italic}.rp-status-badge{border-radius:20px;flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.05em;padding:.15rem .45rem;text-transform:uppercase;white-space:nowrap}.rp-status-active{background:#dcfce7;color:#065f46}.rp-status-inactive{background:#f1f5f9;color:#64748b}.rp-status-graduated{background:#e0e7ff;color:#3730a3}.rp-status-suspended{background:#fee2e2;color:#b91c1c}.rp-status-withdrawn{background:#fef3c7;color:#92400e}.rp-status-on_leave{background:#fef9c3;color:#854d0e}.rp-status-resigned{background:#f3e8ff;color:#6b21a8}.rp-status-terminated{background:#fee2e2;color:#b91c1c}[data-theme=dark] .rp-status-active{background:#00ff8826;color:#0f8}[data-theme=dark] .rp-status-inactive{background:#ffffff14;color:#9ca3af}[data-theme=dark] .rp-status-graduated{background:#a78bfa26;color:#a78bfa}[data-theme=dark] .rp-status-suspended{background:#ff6b6b26;color:#ff6b6b}[data-theme=dark] .rp-status-withdrawn{background:#fbbf2426;color:#fbbf24}.rp-selected-panel{background:#f8fafc;background:var(--bg-primary,#f8fafc);display:flex;flex-direction:column;flex-shrink:0;min-width:240px;overflow:hidden;width:280px}[data-theme=dark] .rp-selected-panel{background:#ffffff05}.rp-selected-panel-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:.5rem;padding:.875rem 1rem .75rem}[data-theme=dark] .rp-selected-panel-header{border-color:#ffffff14}.rp-selected-panel-header>.material-symbols-rounded{color:#065f46;font-size:1.1rem}[data-theme=dark] .rp-selected-panel-header>.material-symbols-rounded{color:#0f8}.rp-selected-panel-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:.82rem;font-weight:700;gap:.4rem}[data-theme=dark] .rp-selected-panel-title{color:#f9fafb}.rp-selected-panel-count{align-items:center;background:#065f46;border-radius:20px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:1.35rem;justify-content:center;min-width:1.35rem;padding:0 .3rem}[data-theme=dark] .rp-selected-panel-count{background:#0f8;color:#000}.rp-clear-all-btn{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;margin-left:auto;padding:.15rem .3rem;transition:background .12s}.rp-clear-all-btn:hover{background:#fee2e2}[data-theme=dark] .rp-clear-all-btn:hover{background:#dc262626}.rp-selected-empty{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;flex:1 1;flex-direction:column;gap:.4rem;justify-content:center;padding:2rem 1rem;text-align:center}.rp-selected-empty .material-symbols-rounded{font-size:2rem;opacity:.4}.rp-selected-empty p{font-size:.8rem;font-weight:500;margin:0}.rp-selected-empty small{font-size:.72rem;opacity:.7}.rp-selected-search{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;flex-shrink:0;gap:.35rem;margin:.6rem .75rem 0;padding:.35rem .6rem}.rp-selected-search:focus-within{border-color:#065f46}.rp-selected-search .material-symbols-rounded{color:#94a3b8;flex-shrink:0;font-size:.9rem}.rp-selected-search input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:.78rem;outline:none}.rp-selected-search input::placeholder{color:#94a3b8}.rp-selected-search button{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:0}.rp-selected-search button:hover{color:#dc2626}.rp-selected-search button .material-symbols-rounded{font-size:.85rem}[data-theme=dark] .rp-selected-search{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .rp-selected-search:focus-within{border-color:#0f8}[data-theme=dark] .rp-selected-search input{color:#f9fafb}.rp-selected-list{flex:1 1;overflow-y:auto;padding:.5rem .5rem 0}.rp-selected-item{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;gap:.5rem;margin-bottom:.2rem;padding:.45rem .5rem;transition:border-color .12s}.rp-selected-item:hover{border-color:#cbd5e1}[data-theme=dark] .rp-selected-item{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .rp-selected-item:hover{border-color:#ffffff26}.rp-selected-av{align-items:center;background:linear-gradient(135deg,#d1fae5,#6ee7b7);border-radius:50%;color:#065f46;display:flex;flex-shrink:0;font-size:.68rem;font-weight:700;height:1.65rem;justify-content:center;width:1.65rem}[data-theme=dark] .rp-selected-av{background:#00ff8826;color:#0f8}.rp-selected-info{display:flex;flex:1 1;flex-direction:column;gap:.05rem;min-width:0}.rp-selected-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .rp-selected-name{color:#f9fafb}.rp-selected-contact{color:#64748b;color:var(--text-muted,#64748b);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-sel-type-badge{border-radius:20px;flex-shrink:0;font-size:.58rem;font-weight:700;letter-spacing:.04em;padding:.1rem .35rem;text-transform:uppercase;white-space:nowrap}.rp-sel-type-student{background:#e0e7ff;color:#3730a3}.rp-sel-type-faculty{background:#fef3c7;color:#92400e}[data-theme=dark] .rp-sel-type-student{background:#a78bfa26;color:#a78bfa}[data-theme=dark] .rp-sel-type-faculty{background:#fbbf2426;color:#fbbf24}.rp-selected-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:1.35rem;justify-content:center;padding:0;transition:all .12s;width:1.35rem}.rp-selected-remove:hover{background:#fee2e2;color:#dc2626}.rp-selected-remove .material-symbols-rounded{font-size:.85rem}[data-theme=dark] .rp-selected-remove:hover{background:#dc26262e;color:#ff6b6b}.rp-show-more-btn{align-items:center;background:none;border:none;border-radius:6px;color:#065f46;cursor:pointer;display:flex;font-family:inherit;font-size:.75rem;font-weight:600;gap:.3rem;justify-content:center;margin-top:.1rem;padding:.4rem;transition:background .12s;width:100%}.rp-show-more-btn:hover{background:#065f4612}.rp-show-more-btn .material-symbols-rounded{font-size:1rem}[data-theme=dark] .rp-show-more-btn{color:#0f8}[data-theme=dark] .rp-show-more-btn:hover{background:#00ff8814}.rp-selected-no-match{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:.35rem;padding:.75rem .5rem}.rp-selected-no-match .material-symbols-rounded{font-size:1rem}.rp-selected-summary-bar{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding:.6rem .75rem}[data-theme=dark] .rp-selected-summary-bar{border-color:#ffffff14}.rp-sum-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.2rem .5rem}.rp-sum-chip .material-symbols-rounded{font-size:.85rem}.rp-sum-chip--ok{background:#dcfce7;color:#065f46}.rp-sum-chip--warn{background:#fef3c7;color:#92400e}.rp-sum-chip--student{background:#e0e7ff;color:#3730a3}.rp-sum-chip--faculty{background:#fef9c3;color:#854d0e}[data-theme=dark] .rp-sum-chip--ok{background:#00ff8826;color:#0f8}[data-theme=dark] .rp-sum-chip--warn{background:#fbbf2426;color:#fbbf24}[data-theme=dark] .rp-sum-chip--student{background:#a78bfa26;color:#a78bfa}[data-theme=dark] .rp-sum-chip--faculty{background:#fbbf2426;color:#fbbf24}.rp-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.875rem 1.5rem}[data-theme=dark] .rp-footer{border-color:#ffffff14}.rp-footer-info{align-items:center;color:#065f46;display:flex;font-size:.8rem;font-weight:500;gap:.4rem}.rp-footer-info .material-symbols-rounded{font-size:1rem}[data-theme=dark] .rp-footer-info{color:#0f8}.rp-footer-email-count{color:#64748b;color:var(--text-muted,#64748b);font-weight:400}.rp-footer-empty-hint{color:#94a3b8;color:var(--text-muted,#94a3b8);font-weight:400}.rp-footer-actions{display:flex;gap:.5rem}.rp-btn-cancel{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-family:inherit;font-size:.82rem;padding:.5rem 1rem;transition:all .15s}.rp-btn-cancel:hover{border-color:#dc2626;color:#dc2626}[data-theme=dark] .rp-btn-cancel{border-color:#ffffff1f;color:#9ca3af}[data-theme=dark] .rp-btn-cancel:hover{border-color:#ff6b6b;color:#ff6b6b}.rp-btn-confirm{align-items:center;background:linear-gradient(135deg,#065f46,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:.3rem;padding:.5rem 1.1rem;transition:filter .15s,transform .15s}.rp-btn-confirm:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.rp-btn-confirm:disabled{cursor:not-allowed;opacity:.4;transform:none}.rp-btn-confirm .material-symbols-rounded{font-size:.95rem}[data-theme=dark] .rp-btn-confirm{background:linear-gradient(135deg,#065f46,#047857);color:#000}.rotating{animation:rp-spin 1s linear infinite}@keyframes rp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:900px){.rp-modal--wide{max-width:680px}.rp-body-cols{flex-direction:column}.rp-left-col{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);border-right:none}[data-theme=dark] .rp-left-col{border-color:#ffffff14}.rp-selected-panel{max-height:220px;min-width:0;width:100%}.rp-selected-list{max-height:130px}}@media (max-width:640px){.rp-overlay{align-items:flex-end;padding:0}.rp-modal,.rp-modal--wide{border-radius:20px 20px 0 0;max-height:94vh;max-width:100%}.rp-header{padding:.875rem 1rem .75rem}.rp-scope-row{flex-wrap:wrap;gap:.35rem;padding:.6rem 1rem}.rp-scope-btn{font-size:.75rem;padding:.35rem .7rem}.rp-tabs{padding:.5rem 1rem 0}.rp-filters{padding:.625rem 1rem .5rem}.rp-filter-chips-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.rp-filter-chips-row::-webkit-scrollbar{display:none}.rp-mini-select{flex-shrink:0}.rp-mini-input{flex-shrink:0;width:80px}.rp-person-row{padding:.55rem 1rem}.rp-footer{align-items:stretch;flex-direction:column;padding:.75rem 1rem}.rp-footer-actions{justify-content:flex-end}.rp-btn-cancel{flex:1 1;text-align:center}.rp-btn-confirm{flex:2 1;justify-content:center}.rp-selected-panel{max-height:180px}.rp-selected-list{max-height:100px}}.rte-field-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.rte-label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.5px}.rte-value-container{align-items:center;background:#fffc;cursor:pointer;display:flex;justify-content:space-between;min-height:44px;transition:all .3s ease}.rte-value-container:hover{background:#fffffff2;border-color:#059669;transform:translateY(-1px)}.rte-value-container.rte-disabled{opacity:.7}.rte-value-container.rte-disabled:hover{border-color:#e2e8f0cc}.rte-display{min-height:60px}.rte-value-text{color:#1e293b;flex:1 1;font-size:.95rem;font-weight:500}.rte-formatted-content{color:#1e293b;line-height:1.6}.rte-formatted-content p{margin:0 0 .75rem}.rte-formatted-content p:last-child{margin-bottom:0}.rte-formatted-content ol,.rte-formatted-content ul{margin:0 0 .75rem;padding-left:1.5rem}.rte-formatted-content li{margin-bottom:.25rem}.rte-formatted-content strong{color:#1e293b;font-weight:600}.rte-formatted-content em{color:#374151;font-style:italic}.rte-formatted-content u{text-decoration:underline}.rte-edit-icon-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;opacity:0;padding:.25rem;transition:all .3s ease}.rte-value-container:hover .rte-edit-icon-btn{opacity:1}.rte-edit-icon-btn:hover{background:#065f461a;color:#059669}.rte-edit-icon-btn .material-symbols-rounded{font-size:18px}.rte-editing{background:#ffffffe6;border:2px solid #059669;border-radius:12px;box-shadow:0 0 0 3px #0596691a,0 4px 12px #05966926;overflow:hidden}.rte-editing .rte-label{margin-bottom:.5rem;padding:.75rem 1rem 0}.rte-inline{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:10px;overflow:hidden}[data-theme=dark] .rte-inline{background:#ffffff08;border-color:#ffffff1a}.rte-value-container.rte-disabled{cursor:default;opacity:1;pointer-events:none}.rte-value-container.rte-disabled:hover{background:#0000;border-color:#0000;transform:none}.rte-toolbar{align-items:center;background:#f8fafccc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.rte-toolbar-group{align-items:center;display:flex;gap:.25rem}.rte-toolbar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.rte-toolbar-btn:hover{background:#065f461a;border-color:#065f4633;color:#059669}.rte-toolbar-btn.rte-active{background:#065f4626;border-color:#059669;box-shadow:inset 0 1px 3px #065f4633;color:#059669}.rte-toolbar-btn .material-symbols-rounded{font-size:18px}.rte-toolbar-separator{background:#e2e8f0;height:28px;margin:0 .5rem;width:1px}.rte-toolbar-select{background:#f8fafccc;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;font-size:.85rem;outline:none;padding:.25rem .5rem;transition:all .2s ease}.rte-toolbar-select:focus{border-color:#059669;box-shadow:0 0 0 2px #0596691a}.rte-toolbar-color{background:#0000;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;height:36px;transition:all .2s ease;width:36px}.rte-toolbar-color:hover{border-color:#059669}.rte-editor{background:#ffffffe6;border:none;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.95rem;line-height:1.6;outline:none;padding:1rem;width:100%}.rte-editor:focus{background:#fffffffa}.rte-editor:empty:before{color:#9ca3af;content:attr(data-placeholder);font-style:italic;pointer-events:none}.rte-editor p{margin:0 0 .75rem}.rte-editor p:last-child{margin-bottom:0}.rte-editor ol,.rte-editor ul{margin:0 0 .75rem;padding-left:1.5rem}.rte-editor li{margin-bottom:.25rem}.rte-editor strong{font-weight:600}.rte-editor em{font-style:italic}.rte-editor u{text-decoration:underline}.rte-toolbar-hint{align-items:center;color:#94a3b8;display:inline-flex;font-size:.68rem;font-style:italic;gap:.25rem;margin-left:auto;pointer-events:none;white-space:nowrap}.rte-toolbar-hint .material-symbols-rounded{font-size:.85rem}[data-theme=dark] .rte-label{color:#d1d5db}[data-theme=dark] .rte-value-container{background:#0000;border-color:#0000}[data-theme=dark] .rte-value-container:hover{background:#3333334d;border-color:#0f83}[data-theme=dark] .rte-value-container.rte-disabled:hover{background:#3333;border-color:#0000}[data-theme=dark] .rte-formatted-content,[data-theme=dark] .rte-formatted-content strong,[data-theme=dark] .rte-value-text{color:#fff}[data-theme=dark] .rte-formatted-content em{color:#d1d5db}[data-theme=dark] .rte-editing{background:#1a1a1ae6;border-color:#065f46;box-shadow:0 0 0 3px #065f461a,0 4px 12px #065f4626}[data-theme=dark] .rte-toolbar{background:#1a1a1ae6;border-bottom-color:#ffffff1a}[data-theme=dark] .rte-toolbar-btn{color:#d1d5db}[data-theme=dark] .rte-toolbar-btn:hover{background:#00ff881a;border-color:#0f83;color:#065f46}[data-theme=dark] .rte-toolbar-btn.rte-active{background:#00ff8826;border-color:#065f46;color:#065f46}[data-theme=dark] .rte-toolbar-separator{background:#ffffff1a}[data-theme=dark] .rte-toolbar-select{background:#1a1a1acc;border-color:#ffffff1a;color:#fff}[data-theme=dark] .rte-toolbar-select:focus{border-color:#065f46}[data-theme=dark] .rte-toolbar-color{border-color:#ffffff1a}[data-theme=dark] .rte-toolbar-color:hover{border-color:#065f46}[data-theme=dark] .rte-editor{background:#1a1a1acc;color:#fff}[data-theme=dark] .rte-editor:focus{background:#1a1a1ae6}[data-theme=dark] .rte-actions{background:#1a1a1ae6;border-top-color:#ffffff1a}[data-theme=dark] .rte-save-btn{background:linear-gradient(135deg,#065f46,#047857);box-shadow:0 4px 12px #00ff884d;color:#000}[data-theme=dark] .rte-save-btn:hover{background:linear-gradient(135deg,#00cc6a,#00b359)}[data-theme=dark] .rte-toolbar-hint{color:#6b7280}@media (max-width:768px){.rte-toolbar{gap:.25rem;padding:.5rem .75rem}.rte-toolbar-group{gap:.125rem}.rte-toolbar-btn{height:32px;width:32px}.rte-toolbar-btn .material-symbols-rounded{font-size:16px}.rte-toolbar-separator{height:24px;margin:0 .25rem}.rte-toolbar-hint{display:none}}@media (max-width:480px){.rte-toolbar{align-items:stretch;flex-direction:column;gap:.5rem}.rte-toolbar-group{gap:.25rem;justify-content:center}.rte-toolbar-separator{display:none}.rte-field-item{margin-bottom:.75rem}.rte-value-container{padding:.5rem .75rem}.rte-editor{padding:.75rem}.rte-actions{padding:.5rem .75rem}.rte-help{font-size:.75rem;padding:.4rem .75rem}}.sn-modal{max-height:92vh}.mn-send-modal{max-width:560px}.mn-header-meta{margin-top:.35rem}.mn-meta-chip{background:#6366f114;border:1px solid #6366f12e;color:#6366f1;font-weight:600;padding:.25rem .65rem}.mn-meta-chip--unread{background:#ef444414;border-color:#ef444433;color:#dc2626}.mn-meta-chip--sent{background:#10b98114;border-color:#10b98133;color:#059669}.mn-page-tabs{background:#6366f10d;border:1px solid #6366f11f;border-radius:14px;margin-bottom:1rem;padding:.35rem;width:-webkit-fit-content;width:fit-content}.mn-page-tab{padding:.5rem 1.1rem;transition:all .18s ease}.mn-page-tab .material-symbols-rounded{font-size:1.05rem}.mn-page-tab:hover{background:#6366f112;color:#6366f1}.mn-page-tab.active{background:#ffffffd9;box-shadow:0 2px 8px #6366f126;color:#6366f1}.mn-page-tab-count{background:#6366f11a;border-radius:10px;color:#6366f1;font-size:.7rem;height:20px;min-width:20px;padding:0 5px}.mn-page-tab-unread{animation:mn-pulse 2s infinite;border-radius:9px;font-size:.65rem;font-weight:700;height:18px;min-width:18px;padding:0 4px}@keyframes mn-pulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.mn-info-banner--row{backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:#ffffffc7;border:1px solid #6366f124;border-radius:14px;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.82rem;gap:1rem;margin-bottom:.75rem;padding:.75rem 1rem}.mn-info-banner-text{color:#4338ca}.mn-info-banner-text .material-symbols-rounded{color:#6366f1}.mn-service-filter-tabs{flex-wrap:wrap;gap:.3rem}.mn-svc-tab{background:#fff9;border:1.5px solid #6366f12e;font-size:.78rem;gap:.3rem;padding:.35rem .75rem;transition:all .15s ease}.mn-svc-tab .material-symbols-rounded{font-size:.9rem}.mn-svc-tab:hover{background:#6366f10f;border-color:#6366f1;color:#6366f1}.mn-svc-tab.active{background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 2px 8px #6366f14d;font-weight:700}.mn-tab-count{background:#ffffff40;border-radius:9px;color:inherit;font-size:.65rem;height:18px;min-width:18px;padding:0 4px}.mn-svc-tab:not(.active) .mn-tab-count{background:#6366f11a;color:#6366f1}.mn-mobile-filter-row{gap:.5rem;width:100%}@media (max-width:640px){.mn-service-filter-tabs{display:none}.mn-mobile-filter-row{display:flex}}.mn-service-filter-select,.mn-type-filter-select{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border:1.5px solid #6366f12e;border-radius:10px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;flex:1 1;gap:.4rem;padding:.4rem .6rem;position:relative}.mn-service-filter-select .material-symbols-rounded:first-child,.mn-type-filter-select .material-symbols-rounded:first-child{color:#6366f1;flex-shrink:0;font-size:.95rem}.mn-service-filter-select select,.mn-type-filter-select select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;flex:1 1;font-family:inherit;font-size:.8rem;outline:none}.mn-select-arrow{color:#6366f1;font-size:1rem!important;pointer-events:none}.mn-type-filter-row{flex-wrap:wrap;margin-bottom:.75rem}.mn-type-chip{background:#ffffffa6;border:1.5px solid #6366f126;font-size:.76rem;padding:.3rem .7rem;transition:all .15s ease}.mn-type-chip .material-symbols-rounded{font-size:.85rem}.mn-type-chip:hover{background:#6366f10f;border-color:#6366f1;color:#6366f1}.mn-type-chip.active{background:linear-gradient(135deg,#6366f1,#818cf8);border-color:#0000;box-shadow:0 2px 6px #6366f14d;color:#fff;font-weight:700}.mn-type-chip-count{background:#ffffff40;border-radius:8px;font-size:.62rem;height:16px;min-width:16px;padding:0 3px}.mn-type-chip:not(.active) .mn-type-chip-count{background:#6366f11a;color:#6366f1}.mn-type-chip.ntype-reminder{--chip-clr:#f59e0b}.mn-type-chip.ntype-reminder:hover{background:#f59e0b0f;border-color:#f59e0b;color:#f59e0b}.mn-type-chip.ntype-reminder.active{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 2px 6px #f59e0b4d}.mn-type-chip.ntype-approval{--chip-clr:#059669}.mn-type-chip.ntype-approval:hover{background:#0596690f;border-color:#059669;color:#059669}.mn-type-chip.ntype-approval.active{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 2px 6px #0596694d}.mn-type-chip.ntype-lc{--chip-clr:#7c3aed}.mn-type-chip.ntype-lc:hover{background:#7c3aed0f;border-color:#7c3aed;color:#7c3aed}.mn-type-chip.ntype-lc.active{background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 2px 6px #7c3aed4d}.mn-type-chip.ntype-info{--chip-clr:#0369a1}.mn-type-chip.ntype-info:hover{background:#0369a10f;border-color:#0369a1;color:#0369a1}.mn-type-chip.ntype-info.active{background:linear-gradient(135deg,#0369a1,#38bdf8);box-shadow:0 2px 6px #0369a14d}.mn-list{gap:.65rem}.mn-card{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:16px;box-shadow:0 4px 16px #0f172a12;padding:1rem 1.1rem;transition:all .2s ease}.mn-card:hover{border-color:#6366f138;box-shadow:0 8px 24px #6366f11f}.mn-card--unread{background:#eff6ffe0;border-color:#6366f133;box-shadow:0 4px 20px #6366f11a}.mn-card--sent{background:#f0fdf4c7;border-color:#10b9812e}.mn-card-accent{background:linear-gradient(180deg,#6366f1,#818cf8);border-radius:4px 0 0 4px;width:4px}.mn-card-accent--sent{background:linear-gradient(180deg,#059669,#10b981)}.mn-card-icon{background:#6366f11a;background:rgba(var(--svc-color,99,102,241),.1);border:1.5px solid #fff9;box-shadow:0 2px 8px #0f172a1a;height:42px;width:42px}.mn-card-icon .material-symbols-rounded{font-size:1.2rem}.mn-card-title{color:var(--text-primary,#1e293b);font-weight:700;line-height:1.35}.mn-card-badges{gap:.3rem}.mn-ntype-badge{font-weight:700;letter-spacing:.03em;text-transform:uppercase}.mn-ntype-badge .material-symbols-rounded{font-size:.8rem}.mn-ntype-badge.ntype-reminder{background:#f59e0b1f;border:1px solid #f59e0b40;color:#b45309}.mn-ntype-badge.ntype-approval{background:#0596691a;border:1px solid #05966933;color:#059669}.mn-ntype-badge.ntype-lc{background:#7c3aed1a;border:1px solid #7c3aed33;color:#7c3aed}.mn-ntype-badge.ntype-info{background:#6366f114;border:1px solid #6366f12e;color:#6366f1}.mn-svc-badge{letter-spacing:.03em;padding:.18rem .5rem}.mn-svc-badge--lead{background:#0369a11a;border:1px solid #0369a133;color:#0369a1}.mn-svc-badge--classes{background:#7c3aed1a;border:1px solid #7c3aed33;color:#7c3aed}.mn-svc-badge--finance{background:#dc262614;border:1px solid #dc26262e;color:#dc2626}.mn-svc-badge--admin{background:#0596691a;border:1px solid #05966933;color:#059669}.mn-svc-badge--events{background:#ea580c1a;border:1px solid #ea580c33}.mn-svc-badge--library{background:#7c3aed14;border:1px solid #7c3aed2e;color:#7c3aed}.mn-svc-badge--academic{background:#065f461a;border:1px solid #065f4633}.mn-unread-dot{background:#6366f1;box-shadow:0 0 6px #6366f18c;display:inline-block;height:9px;margin-left:2px;width:9px}.mn-card-message{color:var(--text-secondary,#475569);font-size:.845rem}.mn-card-sender{display:flex;font-size:.78rem}.mn-card-sender--sent,.mn-card-sender--sent .material-symbols-rounded{color:#059669}.mn-card-footer{margin-top:.2rem}.mn-card-time{color:#94a3b8;color:var(--text-muted,#94a3b8);gap:.25rem}.mn-card-time .material-symbols-rounded{font-size:.9rem}.mn-action-btn{font-weight:600;padding:.3rem .7rem;transition:all .15s ease}.mn-action-btn .material-symbols-rounded{font-size:.9rem}.mn-action-btn--read{background:#6366f114;border:1px solid #6366f133;color:#6366f1}.mn-action-btn--read:hover{background:#6366f1;box-shadow:0 2px 8px #6366f159}.mn-action-btn--delete{background:#ef444412;border:1px solid #ef44442e;color:#ef4444}.mn-action-btn--delete:hover{background:#ef4444;box-shadow:0 2px 8px #ef44444d}.mn-empty{background:#ffffff73;border:2px dashed #6366f126;border-radius:18px;color:#94a3b8;color:var(--text-muted,#94a3b8);padding:3.5rem 2rem}.mn-empty .material-symbols-rounded{color:#6366f14d;font-size:3rem}.mn-empty p{font-size:.9rem}.mn-empty-reset{align-items:center;background:#6366f10f;border:1.5px solid #6366f14d;color:#6366f1;display:inline-flex;font-weight:600;gap:.35rem;transition:all .15s ease}.mn-empty-reset:hover{background:#6366f1;color:#fff}[data-theme=dark] .mn-meta-chip{background:#6366f126;border-color:#6366f14d}[data-theme=dark] .mn-meta-chip--unread{background:#ef444426;border-color:#ef44444d}[data-theme=dark] .mn-meta-chip--sent{background:#10b98126;border-color:#10b9814d}[data-theme=dark] .mn-page-tabs{background:#6366f11a;border-color:#6366f133}[data-theme=dark] .mn-page-tab.active{background:#1e1e32d9;box-shadow:0 2px 8px #6366f133}[data-theme=dark] .mn-info-banner--row{background:#0f172ab8;border-color:#6366f140}[data-theme=dark] .mn-info-banner-text{color:#a5b4fc}[data-theme=dark] .mn-svc-tab{background:#0f172a80;border-color:#6366f140;color:#94a3b8}[data-theme=dark] .mn-svc-tab:hover{background:#6366f11f;color:#a5b4fc}[data-theme=dark] .mn-type-chip{background:#0f172a80;border-color:#6366f133;color:#94a3b8}[data-theme=dark] .mn-type-chip:hover{color:#a5b4fc}[data-theme=dark] .mn-card{background:#0f172ab8;border-color:#ffffff14;box-shadow:0 4px 16px #0000004d}[data-theme=dark] .mn-card:hover{border-color:#6366f14d;box-shadow:0 8px 24px #6366f126}[data-theme=dark] .mn-card--unread{background:#1e1b4bb8;border-color:#6366f140}[data-theme=dark] .mn-card--sent{background:#061914a6;border-color:#10b98138}[data-theme=dark] .mn-card-title{color:#f1f5f9}[data-theme=dark] .mn-card-message{color:#94a3b8}[data-theme=dark] .mn-card-sender,[data-theme=dark] .mn-card-time{color:#64748b}[data-theme=dark] .mn-action-btn--read{background:#6366f126;border-color:#6366f14d}[data-theme=dark] .mn-action-btn--delete{background:#ef44441f;border-color:#ef44444d}[data-theme=dark] .mn-empty{background:#0f172a59;border-color:#6366f133}[data-theme=dark] .mn-service-filter-select,[data-theme=dark] .mn-type-filter-select{background:#0f172a99;border-color:#6366f140}[data-theme=dark] .mn-service-filter-select select,[data-theme=dark] .mn-type-filter-select select{color:#e2e8f0}@media (max-width:640px){.mn-page-tabs{width:100%}.mn-page-tab{flex:1 1;font-size:.82rem;justify-content:center}.mn-action-label{display:none}.mn-card{padding:.85rem .9rem}.mn-card-icon{height:36px;width:36px}.mn-card-title{font-size:.85rem}.mn-card-badges{flex-wrap:nowrap;overflow-x:auto}.mn-type-filter-row{gap:.3rem}.mn-type-chip{font-size:.72rem;padding:.25rem .55rem}}.snm-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a73;padding:1rem;z-index:1500}.snm-modal{animation:snm-in .22s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);background:#ffffffeb;border:1px solid #ffffffa6;box-shadow:0 24px 64px #0f172a2e,0 4px 16px #0f172a14;max-height:90vh;max-width:780px}.snm-header{background:#6366f10d;border-bottom:1px solid #6366f11f;padding:1.25rem 1.5rem 1rem}.snm-header-left{gap:.875rem}.snm-header-icon{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:12px;box-shadow:0 4px 12px #6366f159;color:#fff}.snm-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.05rem}.snm-subtitle{font-size:.8rem;margin:.1rem 0 0}.snm-close,.snm-subtitle{color:#64748b;color:var(--text-muted,#64748b)}.snm-close{background:#fff9;border:1px solid #6366f126}.snm-close:hover{border-color:#ef444433}.snm-body{padding:1.25rem 1.5rem}.snm-row{display:flex;flex-direction:column;gap:.5rem}.snm-cols{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.snm-col{display:flex;flex-direction:column;gap:.75rem}@media (max-width:640px){.snm-cols{grid-template-columns:1fr}.snm-modal{align-self:flex-end;border-radius:20px 20px 0 0;max-height:92vh;max-width:100%}.snm-overlay{align-items:flex-end;padding:0}}.snm-field-header{align-items:center;gap:.4rem;margin-bottom:.15rem}.snm-label-text{font-size:.78rem;letter-spacing:.05em}.snm-label-req{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.7rem;font-style:italic}.snm-panel{background:#ffffff8c;border:1px solid #6366f124;gap:.75rem;height:100%;padding:1rem}.snm-panel-header{color:#6366f1;font-size:.82rem;gap:.4rem}.snm-panel-header .material-symbols-rounded{font-size:1rem}.snm-panel-req{background:#dc262612;border:1px solid #dc26262e;border-radius:6px;font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:.1rem .45rem;text-transform:uppercase}.snm-recip-method-label{font-size:.76rem;font-weight:600;gap:.3rem}.snm-picked-chips{gap:.3rem}.snm-chip{background:#6366f11a;border:1px solid #6366f133;color:#4f46e5;font-size:.76rem;padding:.2rem .6rem .2rem .3rem}.snm-chip-av{background:linear-gradient(135deg,#6366f1,#818cf8);font-size:.65rem;height:20px;width:20px}.sn-delivery-grid{grid-gap:.65rem;gap:.65rem}.sn-delivery-card{background:#fff9;border:1.5px solid #6366f126;border-radius:12px;gap:.3rem;padding:.875rem .75rem;transition:all .15s ease}.sn-delivery-card:hover{background:#6366f10d;border-color:#6366f1}.sn-delivery-card.selected{background:#6366f114;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.sn-delivery-card--coming-soon{opacity:.55}.sn-delivery-card--coming-soon:hover{background:#fff9;border-color:#6366f126}.sn-delivery-icon{color:#6366f1;font-size:1.5rem!important}.sn-delivery-label{align-items:center;display:flex;font-size:.8rem;font-weight:700;gap:.25rem}.sn-delivery-desc{font-size:.7rem;line-height:1.3}.sn-delivery-check{color:#6366f1;font-size:1rem!important;right:.4rem;top:.4rem}.sn-delivery-lock{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.9rem!important}.sn-coming-soon-badge{background:#6366f11a;border-radius:4px;color:#6366f1;padding:.05rem .35rem;text-transform:uppercase}.snm-placeholder-bar{gap:.4rem;padding:.4rem 0}.snm-placeholder-bar-label{display:flex;font-size:.72rem}.snm-placeholder-bar-label .material-symbols-rounded{color:#6366f1}.snm-placeholder-pill{background:#6366f10f;border:1px solid #6366f140;border-radius:8px;color:#6366f1;font-family:monospace;gap:.2rem;padding:.2rem .55rem;transition:all .12s ease}.snm-placeholder-pill .material-symbols-rounded{font-family:Material Symbols Rounded}.snm-placeholder-pill:hover{background:#6366f1;border-color:#0000;color:#fff}.snm-chip-name{font-size:.76rem}.snm-chip--more{background:#6366f10f;border-color:#6366f11f;color:#94a3b8;font-style:italic}.snm-change-btn{background:#6366f10f;border:1px solid #6366f138;color:#6366f1;font-size:.76rem;font-weight:600;transition:all .15s}.snm-change-btn:hover{background:#6366f1;color:#fff}.snm-change-btn .material-symbols-rounded{font-size:.9rem}.snm-pick-btn{background:#6366f108;border:1.5px dashed #6366f14d;border-radius:12px;color:#6366f1;font-weight:600;gap:.5rem;padding:.65rem 1rem}.snm-pick-btn:hover{background:#6366f114;border-style:solid}.snm-pick-btn .material-symbols-rounded{font-size:1.1rem}.snm-or-divider{font-size:.72rem;gap:.5rem;letter-spacing:.05em}.snm-or-divider:after,.snm-or-divider:before{background:#6366f11f}.snm-input,.snm-select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1.5px solid #6366f126;font-size:.84rem;padding:.55rem .75rem;transition:border-color .15s}.snm-input:focus,.snm-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.snm-textarea{background:#ffffffb3;border:1.5px solid #6366f126;font-size:.84rem;line-height:1.55;padding:.6rem .75rem;transition:border-color .15s}.snm-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.snm-warn{align-items:flex-start;background:#f59e0b12;border:1px solid #f59e0b33;color:#b45309;font-size:.78rem;padding:.5rem .7rem}.snm-warn .material-symbols-rounded{font-size:.95rem}.snm-field{gap:.35rem}.snm-field--rte{gap:.25rem}.snm-label{font-size:.77rem;letter-spacing:.04em}.snm-field-label-row{gap:.5rem}.snm-char-count{font-size:.7rem}.snm-panel-header--inapp,.snm-panel-header--inapp .material-symbols-rounded{color:#6366f1}.snm-panel-header--email,.snm-panel-header--email .material-symbols-rounded{color:#0369a1}.snm-panel-header--whatsapp,.snm-panel-header--whatsapp .material-symbols-rounded{color:#059669}.snm-panel--inapp{border-color:#6366f138}.snm-panel--email{border-color:#0369a12e}.snm-panel--whatsapp{border-color:#0596692e}.snm-mode-tabs{background:#6366f10d;border-radius:10px;gap:.3rem;padding:.25rem}.snm-mode-tab{border:none;border-radius:8px;gap:.3rem;padding:.35rem .6rem}.snm-mode-tab .material-symbols-rounded{font-size:.9rem}.snm-mode-tab:hover{color:#6366f1}.snm-mode-tab.active{background:#ffffffd9;box-shadow:0 1px 4px #6366f126;color:#6366f1}.snm-loading{padding:.5rem}.snm-loading .material-symbols-rounded{color:#6366f1}.snm-empty-state{color:#94a3b8;color:var(--text-muted,#94a3b8);gap:.4rem;padding:1.25rem}.snm-empty-state .material-symbols-rounded{color:#6366f140}.snm-template-list{gap:.35rem}.snm-template-row{background:#ffffff8c;border:1.5px solid #6366f11f;gap:.6rem;padding:.6rem .75rem;transition:all .15s}.snm-template-row:hover{background:#6366f10d;border-color:#6366f1}.snm-template-row.active{background:#6366f114;border-color:#6366f1}.snm-tpl-icon{color:#6366f1}.snm-tpl-name{font-weight:700}.snm-tpl-check{color:#6366f1}.snm-coming-pill{background:#0596691a;border:1px solid #05966933;border-radius:6px;color:#059669;font-size:.62rem;font-weight:700;margin-left:.25rem;padding:.1rem .45rem}.snm-coming-body{gap:.6rem;padding:1.5rem}.snm-coming-icon{color:#0596694d}.snm-no-channel .material-symbols-rounded{color:#6366f133}.snm-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafcb3;border-top:1px solid #6366f11a;flex-wrap:wrap;gap:.75rem;padding:.875rem 1.5rem}.snm-footer-meta{flex:1 1}.snm-footer-recip-count{gap:.3rem}.snm-footer-recip-count .material-symbols-rounded{font-size:.9rem}.snm-footer-actions{gap:.5rem}.snm-btn{gap:.3rem;padding:.55rem 1.1rem;transition:all .15s ease}.snm-btn--sec{background:#fff9;border:1.5px solid #6366f133;color:#475569;color:var(--text-secondary,#475569)}.snm-btn--sec:hover{background:#6366f10d;color:#6366f1}.snm-btn--pri{background:linear-gradient(135deg,#6366f1,#818cf8);border:none;box-shadow:0 4px 12px #6366f159}.snm-btn--pri:hover{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 6px 16px #6366f173}.snm-btn--pri:disabled{opacity:.5}[data-theme=dark] .snm-modal{background:#0f172ae0}[data-theme=dark] .snm-header{background:#6366f114;border-color:#6366f133}[data-theme=dark] .snm-title{color:#f1f5f9}[data-theme=dark] .snm-panel{background:#0f172a80;border-color:#6366f133}[data-theme=dark] .sn-delivery-card{background:#0f172a8c;border-color:#6366f133}[data-theme=dark] .sn-delivery-card.selected{background:#6366f126}[data-theme=dark] .sn-delivery-label{color:#e2e8f0}[data-theme=dark] .snm-chip{background:#6366f12e;border-color:#6366f14d;color:#a5b4fc}[data-theme=dark] .snm-footer{background:#0f172ab3;border-color:#6366f133}[data-theme=dark] .snm-input,[data-theme=dark] .snm-select,[data-theme=dark] .snm-textarea{background:#0f172a99;border-color:#6366f133;color:#e2e8f0}[data-theme=dark] .snm-template-row{background:#0f172a80;border-color:#6366f12e}[data-theme=dark] .snm-template-row.active,[data-theme=dark] .snm-template-row:hover{background:#6366f126}[data-theme=dark] .snm-tpl-name{color:#e2e8f0}[data-theme=dark] .snm-mode-tab.active{background:#1e1e32cc}[data-theme=dark] .snm-pick-btn{background:#6366f10f;border-color:#6366f140}[data-theme=dark] .snm-btn--sec{background:#0f172a8c;border-color:#6366f140;color:#94a3b8}.ld-leads-page.mn-page{background:linear-gradient(135deg,#eef2ff,#f0f9ff 50%,#faf5ff)!important;min-height:100vh}.ld-leads-page.mn-page .lead-snapshot-header{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#ffffffd1!important;border:1px solid #6366f124!important;border-radius:16px;box-shadow:0 4px 24px #0f172a12!important}.ld-leads-page.mn-page .lead-snapshot-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;font-size:1.55rem;font-weight:800}.ld-leads-page.mn-page .btn-primary-action.refresh-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf!important;border:1.5px solid #6366f133!important;box-shadow:none!important;color:#6366f1!important}.ld-leads-page.mn-page .btn-primary-action.refresh-btn:hover{background:#6366f114!important;border-color:#6366f1!important}.ld-leads-page.mn-page .btn-primary-action.save-btn{background:linear-gradient(135deg,#6366f1,#818cf8)!important;border:none!important;box-shadow:0 4px 12px #6366f14d!important;color:#fff!important}.ld-leads-page.mn-page .btn-primary-action.save-btn:hover{background:linear-gradient(135deg,#4f46e5,#6366f1)!important;box-shadow:0 6px 16px #6366f166!important}.ld-leads-page.mn-page .btn-primary-action.save-btn:disabled{background:#94a3b84d!important;box-shadow:none!important;color:#94a3b8!important}.ld-leads-page.mn-page .lead-details-container{gap:0;padding:1.25rem}.ld-leads-page.mn-page .lead-main-content{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.ld-leads-page.mn-page .lead-tab-content{background:#0000!important;border:none!important;box-shadow:none!important;padding:.5rem 0 0}[data-theme=dark] .ld-leads-page.mn-page{background:linear-gradient(135deg,#0f0c29,#1a1035 50%,#0f172a)!important}[data-theme=dark] .ld-leads-page.mn-page .lead-snapshot-header{background:#0f172ae0!important;border-color:#6366f133!important;box-shadow:0 4px 24px #0000004d!important}[data-theme=dark] .ld-leads-page.mn-page .lead-snapshot-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .ld-leads-page.mn-page .btn-primary-action.refresh-btn{background:#0f172a99!important;border-color:#6366f14d!important;color:#a5b4fc!important}[data-theme=dark] .ld-leads-page.mn-page .btn-primary-action.refresh-btn:hover{background:#6366f126!important}[data-theme=dark] .ld-leads-page.mn-page .lead-main-content,[data-theme=dark] .ld-leads-page.mn-page .lead-tab-content{background:#0000!important;border:none!important;box-shadow:none!important}.confirmation-overlay{align-items:center;background:#1f293759;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.confirmation-dialog{animation:zoomPopIn .3s ease-out;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:24px;box-shadow:0 8px 20px #0000000f,0 4px 8px #00000008;max-width:95%;padding:2rem 2.5rem;position:relative;text-align:center;width:520px}.confirmation-icon{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.confirmation-icon .material-symbols-rounded{color:#dc2626;font-size:2rem}.confirmation-dialog h3{color:#1e293b;font-size:1.4rem;font-weight:600;margin-bottom:.75rem}.confirmation-dialog p{color:#475569;font-size:.95rem;line-height:1.5;margin-bottom:1.75rem}.confirmation-actions{display:flex;gap:1rem;justify-content:center}.confirmation-btn{border:none;border-radius:8px;box-shadow:0 2px 6px #0000000d;cursor:pointer;font-size:.95rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.confirmation-dialog .cancel-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.confirmation-dialog .cancel-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.confirmation-dialog .danger-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.confirmation-dialog .danger-btn:hover{background:linear-gradient(135deg,#fca5a5,#f87171);transform:translateY(-1px)}.confirmation-dialog .warning-btn{background:linear-gradient(135deg,#fef9c3,#fde68a);color:#92400e}.confirmation-dialog .warning-btn:hover{background:linear-gradient(135deg,#fcd34d,#fef08a);transform:translateY(-1px)}.confirmation-dialog .info-btn{background:linear-gradient(135deg,#dbeafe,#bae6fd);color:#0c4a6e}.confirmation-dialog .info-btn:hover{background:linear-gradient(135deg,#93c5fd,#7dd3fc);transform:translateY(-1px)}@keyframes zoomPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ag-row-in{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.ag-tree .ag-node__row{animation:ag-row-in .22s ease both}:root{--ag-font:"Plus Jakarta Sans","DM Sans",system-ui,sans-serif;--ag-bg:#f0f2f8;--ag-surface:#fff;--ag-border:#e4e8f0;--ag-border-2:#eef0f6;--ag-text-1:#0d1117;--ag-text-2:#4a5568;--ag-text-3:#94a3b8;--ag-shadow-sm:0 1px 3px #0d11260f,0 1px 2px #0d11260a;--ag-shadow-md:0 4px 16px #0d112614,0 2px 6px #0d11260d;--ag-shadow-lg:0 16px 48px #0d11261f,0 4px 16px #0d11260f;--c-dept:#6366f1;--c-dept-bg:#eef2ff;--c-dept-mid:#c7d2fe;--c-course:#7c3aed;--c-course-bg:#f5f3ff;--c-course-mid:#ddd6fe;--c-grade:#0284c7;--c-grade-bg:#f0f9ff;--c-grade-mid:#bae6fd;--c-sect:#059669;--c-sect-bg:#ecfdf5;--c-sect-mid:#a7f3d0}.ag-page{background:#f0f2f8;background:var(--ag-bg);background-image:radial-gradient(circle at 20% 0,#6366f10f 0,#0000 50%),radial-gradient(circle at 80% 100%,#7c3aed0a 0,#0000 50%);font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif;font-family:var(--ag-font);min-height:100%;padding:28px 32px}.ag-spin{animation:ag-spin-kf .7s linear infinite;display:inline-block}@keyframes ag-spin-kf{to{transform:rotate(1turn)}}.ag-loading{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:340px}.ag-loading .material-symbols-rounded{color:#6366f1;color:var(--c-dept);font-size:40px}.ag-loading p{color:#4a5568;color:var(--ag-text-2);font-size:14px;font-weight:500;margin:0}.ag-toast{align-items:center;animation:ag-toast-pop .3s cubic-bezier(.34,1.56,.64,1) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 8px 32px #0d112626,0 2px 8px #0d112614;display:flex;font-size:13.5px;font-weight:600;gap:10px;max-width:400px;padding:13px 16px;position:fixed;right:24px;top:24px;z-index:9999}@keyframes ag-toast-pop{0%{opacity:0;transform:translateY(-12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.ag-toast--success{background:#f0fdf4f5;border:1.5px solid #86efac;color:#15803d}.ag-toast--error{background:#fef2f2f5;border:1.5px solid #fca5a5;color:#dc2626}.ag-toast__icon{flex-shrink:0;font-size:18px}.ag-toast__msg{flex:1 1}.ag-toast__close{background:none;border:none;color:inherit;cursor:pointer;display:flex;opacity:.5;padding:0;transition:opacity .1s}.ag-toast__close:hover{opacity:1}.ag-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.ag-header,.ag-header__left{align-items:center;display:flex}.ag-header__left{gap:14px}.ag-header__icon{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:14px;box-shadow:0 4px 14px #6366f159;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ag-header__icon .material-symbols-rounded{font-size:24px}.ag-header__title{color:#0d1117;color:var(--ag-text-1);font-size:21px;font-weight:800;letter-spacing:-.3px;line-height:1;margin:0 0 4px}.ag-header__path{align-items:center;display:flex;font-size:11.5px;font-weight:600;gap:3px;letter-spacing:.01em}.ag-header__path .material-symbols-rounded{color:#94a3b8;color:var(--ag-text-3);font-size:13px}.ag-header__right{flex-wrap:wrap;gap:8px}.ag-header__right,.ag-stats{align-items:center;display:flex}.ag-stats{background:#fff;background:var(--ag-surface);border:1.5px solid #e4e8f0;border:1.5px solid var(--ag-border);border-radius:12px;box-shadow:0 1px 3px #0d11260f,0 1px 2px #0d11260a;box-shadow:var(--ag-shadow-sm);gap:0;overflow:hidden}.ag-stat{align-items:center;display:flex;flex-direction:column;gap:1px;padding:8px 16px}.ag-stat__num{color:#0d1117;color:var(--ag-text-1);font-size:19px;font-weight:800;line-height:1}.ag-stat__label{color:#94a3b8;color:var(--ag-text-3);font-size:10.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.ag-stat__divider{background:#e4e8f0;background:var(--ag-border);height:32px;width:1px}.ag-expand-controls{display:flex;gap:4px}.ag-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif;font-family:var(--ag-font);font-size:13px;font-weight:700;gap:6px;letter-spacing:.01em;padding:8px 14px;transition:all .15s}.ag-btn .material-symbols-rounded{font-size:16px}.ag-btn--primary{background:linear-gradient(135deg,#6366f1,#7c3aed);box-shadow:0 2px 8px #6366f14d,0 1px 2px #6366f133;color:#fff}.ag-btn--primary:hover{box-shadow:0 4px 14px #6366f166,0 2px 4px #6366f133;transform:translateY(-1px)}.ag-btn--primary:active{transform:translateY(0)}.ag-btn--ghost{background:#fff;background:var(--ag-surface);border:1.5px solid #e4e8f0;border:1.5px solid var(--ag-border);box-shadow:0 1px 3px #0d11260f,0 1px 2px #0d11260a;box-shadow:var(--ag-shadow-sm);color:#4a5568;color:var(--ag-text-2)}.ag-btn--ghost:hover{background:#f7f8fc;border-color:#d0d5e8}.ag-btn--ghost:disabled{cursor:not-allowed;opacity:.45}.ag-btn--sm{font-size:12px;padding:6px 10px}.ag-btn--lg,.ag-btn--sm .material-symbols-rounded{font-size:14px}.ag-btn--lg{padding:11px 22px}.ag-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ag-summary__pill{align-items:center;border:1.5px solid #0000;border-radius:20px;box-shadow:0 1px 3px #0d11260f,0 1px 2px #0d11260a;box-shadow:var(--ag-shadow-sm);display:flex;font-size:12.5px;gap:7px;padding:6px 14px 6px 10px;transition:transform .15s,box-shadow .15s}.ag-summary__pill:hover{box-shadow:0 4px 16px #0d112614,0 2px 6px #0d11260d;box-shadow:var(--ag-shadow-md);transform:translateY(-1px)}.ag-summary__pill .material-symbols-rounded{font-size:15px}.ag-summary__num{font-size:15px;font-weight:800}.ag-summary__lbl{color:#4a5568;color:var(--ag-text-2);font-weight:600}.ag-content{background:#fff;background:var(--ag-surface);border:1.5px solid #e4e8f0;border:1.5px solid var(--ag-border);border-radius:16px;box-shadow:0 4px 16px #0d112614,0 2px 6px #0d11260d;box-shadow:var(--ag-shadow-md);overflow:hidden}.ag-tree{padding:6px 0}.ag-node__row{align-items:center;border-bottom:1px solid #eef0f6;border-bottom:1px solid var(--ag-border-2);cursor:default;display:flex;height:52px;padding:0 14px 0 0;position:relative;transition:background .12s}.ag-node__row:hover{background:#f7f9fd}.ag-node__row:hover .ag-node__actions{opacity:1;pointer-events:all}.ag-node--l1>.ag-node__row{border-left:4px solid #6366f1;border-left:4px solid var(--c-dept)}.ag-node--l2>.ag-node__row{border-left:4px solid #7c3aed;border-left:4px solid var(--c-course)}.ag-node--l3>.ag-node__row{border-left:4px solid #0284c7;border-left:4px solid var(--c-grade)}.ag-node--l4>.ag-node__row{border-left:4px solid #059669;border-left:4px solid var(--c-sect)}.ag-node--l1>.ag-node__row:hover{background:#6366f108}.ag-node--l2>.ag-node__row:hover{background:#7c3aed08}.ag-node--l3>.ag-node__row:hover{background:#0284c708}.ag-node--l4>.ag-node__row:hover{background:#05966908}.ag-node__indent{align-items:stretch;display:flex;height:52px}.ag-node__pipe{border-left:2px solid #e4e8f0;border-left:2px solid var(--ag-border);display:block;flex-shrink:0;margin-left:12px;width:24px}.ag-node__pipe--ghost{border-left-style:dashed!important;opacity:.35}.ag-node__toggle{align-items:center;background:none;border:none;border-radius:7px;color:#94a3b8;color:var(--ag-text-3);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin:0 4px 0 3px;transition:background .12s,color .12s,transform .15s;width:28px}.ag-node__toggle:hover:not(:disabled){background:#e4e8f0;background:var(--ag-border);color:#4a5568;color:var(--ag-text-2)}.ag-node__toggle--leaf{cursor:default}.ag-node__toggle .material-symbols-rounded{font-size:19px}.ag-node__dot{background:#d1d9e6;border-radius:50%;height:5px;width:5px}.ag-node__icon{align-items:center;border-radius:9px;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:10px;transition:transform .15s;width:32px}.ag-node__row:hover .ag-node__icon{transform:scale(1.08)}.ag-node__icon .material-symbols-rounded{font-size:16px}.ag-node__body{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.ag-node__label{color:#0d1117;color:var(--ag-text-1);font-size:14px;font-weight:700;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-node__code{background:#f0f2f8;border:1px solid #e4e8f0;border:1px solid var(--ag-border);border-radius:5px;color:#4a5568;color:var(--ag-text-2);flex-shrink:0;font-family:SF Mono,Fira Code,monospace;font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:2px 7px}.ag-node__count{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.01em;padding:2px 9px}.ag-node__chip{border-radius:6px;flex-shrink:0;font-size:9.5px;font-weight:800;letter-spacing:.06em;margin-right:6px;padding:3px 9px;text-transform:uppercase}.ag-node__actions{align-items:center;display:flex;gap:3px;opacity:0;pointer-events:none;transition:opacity .15s}.ag-node__expand-group{border-right:1.5px solid #e4e8f0;border-right:1.5px solid var(--ag-border);display:flex;gap:1px;margin-right:4px;padding-right:6px}.ag-node__btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif;font-family:var(--ag-font);font-size:12px;font-weight:700;gap:5px;padding:5px 10px;transition:all .13s;white-space:nowrap}.ag-node__btn .material-symbols-rounded{font-size:14px}.ag-node__btn--icon{background:#0000;color:#94a3b8;color:var(--ag-text-3);padding:5px 6px}.ag-node__btn--icon:hover{background:#eef0f6;background:var(--ag-border-2);color:#4a5568;color:var(--ag-text-2)}.ag-node--l1 .ag-node__btn--add{background:#eef2ff;background:var(--c-dept-bg);color:#6366f1;color:var(--c-dept)}.ag-node--l1 .ag-node__btn--add:hover{background:#6366f1;background:var(--c-dept);box-shadow:0 2px 8px #6366f14d;color:#fff}.ag-node--l2 .ag-node__btn--add{background:#f5f3ff;background:var(--c-course-bg);color:#7c3aed;color:var(--c-course)}.ag-node--l2 .ag-node__btn--add:hover{background:#7c3aed;background:var(--c-course);box-shadow:0 2px 8px #7c3aed4d;color:#fff}.ag-node--l3 .ag-node__btn--add{background:#f0f9ff;background:var(--c-grade-bg);color:#0284c7;color:var(--c-grade)}.ag-node--l3 .ag-node__btn--add:hover{background:#0284c7;background:var(--c-grade);box-shadow:0 2px 8px #0284c74d;color:#fff}.ag-node__btn--del{background:#0000;color:#c0c8d8;padding:5px 6px}.ag-node__btn--del:hover{background:#fef2f2;color:#ef4444}.ag-node__ghost-row{align-items:center;background:none;background-image:repeating-linear-gradient(90deg,#0000,#0000 3px,rgba(0,0,0,.015) 0,rgba(0,0,0,.015) 6px);border:none;border-bottom:1px solid #eef0f6;border-bottom:1px solid var(--ag-border-2);color:#94a3b8;color:var(--ag-text-3);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif;font-family:var(--ag-font);font-size:12.5px;font-weight:600;gap:8px;height:40px;padding-right:16px;text-align:left;transition:background .12s,color .12s;width:100%}.ag-node--l1 .ag-node__ghost-row:hover{background:#6366f10d;color:#6366f1;color:var(--c-dept)}.ag-node--l2 .ag-node__ghost-row:hover{background:#7c3aed0d;color:#7c3aed;color:var(--c-course)}.ag-node--l3 .ag-node__ghost-row:hover{background:#0284c70d;color:#0284c7;color:var(--c-grade)}.ag-node__ghost-icon{flex-shrink:0;font-size:15px!important}.ag-node__ghost-label{flex:1 1}.ag-empty{flex-direction:column;gap:12px;padding:80px 40px;text-align:center}.ag-empty,.ag-empty__icon{align-items:center;display:flex;justify-content:center}.ag-empty__icon{background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:18px;box-shadow:0 8px 24px #6366f14d;color:#fff;height:68px;margin-bottom:8px;width:68px}.ag-empty__icon .material-symbols-rounded{font-size:34px}.ag-empty h3{color:#0d1117;color:var(--ag-text-1);font-size:18px;font-weight:800;letter-spacing:-.2px;margin:0}.ag-empty p{color:#4a5568;color:var(--ag-text-2);font-size:14px;line-height:1.6;margin:0;max-width:380px}.ag-panel{inset:0;pointer-events:none;position:fixed;z-index:1000}.ag-panel--open{pointer-events:all}.ag-panel__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d112666;inset:0;opacity:0;position:absolute;transition:opacity .25s}.ag-panel--open .ag-panel__backdrop{opacity:1}.ag-panel__drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff7;border-left:1.5px solid #fffc;bottom:0;box-shadow:-2px 0 0 #ffffff80,-24px 0 80px #0d112626,-8px 0 24px #0d112614;display:flex;flex-direction:column;max-width:100%;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);width:500px}.ag-panel--open .ag-panel__drawer{transform:translateX(0)}.ag-panel__drawer:before{background:linear-gradient(90deg,#6366f1,#7c3aed);background:var(--panel-accent,linear-gradient(90deg,#6366f1,#7c3aed));content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.ag-panel__header{border-bottom:1.5px solid #eef0f6;border-bottom:1.5px solid var(--ag-border-2);gap:12px;margin-top:3px;padding:20px 22px 16px}.ag-panel__header,.ag-panel__header-icon{align-items:center;display:flex;flex-shrink:0}.ag-panel__header-icon{border-radius:12px;box-shadow:0 2px 8px #0000001a;height:42px;justify-content:center;width:42px}.ag-panel__header-icon .material-symbols-rounded{font-size:21px}.ag-panel__header-text{flex:1 1;min-width:0}.ag-panel__header-text h2{color:#0d1117;color:var(--ag-text-1);font-size:16px;font-weight:800;letter-spacing:-.2px;margin:0 0 3px}.ag-panel__breadcrumb{align-items:center;color:#4a5568;color:var(--ag-text-2);display:flex;flex-wrap:wrap;font-size:11.5px;font-weight:600;gap:2px}.ag-panel__breadcrumb .material-symbols-rounded{color:#94a3b8;color:var(--ag-text-3);font-size:13px}.ag-panel__close{align-items:center;background:#eef0f6;background:var(--ag-border-2);border:none;border-radius:9px;color:#4a5568;color:var(--ag-text-2);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .12s,transform .12s;width:32px}.ag-panel__close:hover{background:#e4e8f0;background:var(--ag-border);transform:rotate(90deg)}.ag-panel__close .material-symbols-rounded{font-size:18px}.ag-panel__stepper{align-items:center;background:#fafbff;border-bottom:1.5px solid #eef0f6;border-bottom:1.5px solid var(--ag-border-2);display:flex;flex-shrink:0;padding:14px 22px}.ag-stepper__step{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.ag-stepper__dot{align-items:center;background:#e4e8f0;background:var(--ag-border);border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background .2s,box-shadow .2s,transform .2s;width:30px;z-index:1}.ag-stepper__dot .material-symbols-rounded{color:#fff;font-size:14px}.ag-stepper__step.done .ag-stepper__dot{background:#10b981;transform:scale(.92)}.ag-stepper__step.active .ag-stepper__dot{box-shadow:0 0 0 4px #6366f12e,0 2px 8px #6366f140;transform:scale(1.08)}.ag-stepper__label{color:#94a3b8;color:var(--ag-text-3);font-size:9.5px;font-weight:800;letter-spacing:.06em;margin-left:7px;text-transform:uppercase;white-space:nowrap}.ag-stepper__step.done .ag-stepper__label{color:#10b981}.ag-stepper__step.active .ag-stepper__label{color:#0d1117;color:var(--ag-text-1)}.ag-stepper__line{background:#e4e8f0;background:var(--ag-border);border-radius:1px;flex:1 1;height:2px;margin:0 4px}.ag-stepper__step.done .ag-stepper__line{background:#10b981}.ag-panel__search-wrap{flex-shrink:0;padding:14px 22px 0}.ag-panel__search{align-items:center;background:#f7f8fc;border:1.5px solid #e4e8f0;border:1.5px solid var(--ag-border);border-radius:10px;display:flex;gap:8px;padding:9px 13px;transition:border-color .15s,box-shadow .15s,background .15s}.ag-panel__search:focus-within{background:#fff;border-color:#6366f1;border-color:var(--c-dept);box-shadow:0 0 0 3px #6366f11f}.ag-panel__search .material-symbols-rounded{color:#94a3b8;color:var(--ag-text-3);font-size:17px}.ag-panel__search input{background:none;border:none;color:#0d1117;color:var(--ag-text-1);flex:1 1;font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif;font-family:var(--ag-font);font-size:13.5px;font-weight:500;outline:none}.ag-panel__search-clear{background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--ag-text-3);cursor:pointer;display:flex;padding:0;transition:color .1s}.ag-panel__search-clear:hover{color:#0d1117;color:var(--ag-text-1)}.ag-panel__sel-bar{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:9px 0 4px}.ag-panel__sel-count{color:#4a5568;color:var(--ag-text-2);font-weight:500}.ag-panel__sel-count strong{color:#0d1117;color:var(--ag-text-1);font-size:13px;font-weight:800}.ag-panel__sel-actions{display:flex;gap:10px}.ag-panel__text-btn{background:none;border:none;color:#6366f1;color:var(--c-dept);cursor:pointer;font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif;font-family:var(--ag-font);font-size:12px;font-weight:700;padding:0;transition:opacity .1s}.ag-panel__text-btn:hover{opacity:.7}.ag-panel__text-btn--muted{color:#94a3b8;color:var(--ag-text-3)}.ag-panel__codes{flex:1 1;overflow-y:auto;padding:8px 22px 12px}.ag-panel__codes-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.ag-panel__empty{align-items:center;color:#94a3b8;color:var(--ag-text-3);display:flex;flex-direction:column;gap:10px;padding:52px 20px;text-align:center}.ag-panel__empty .material-symbols-rounded{font-size:38px}.ag-panel__empty p{font-size:13px;font-weight:500;margin:0}.ag-code-card{background:#fff;border:1.5px solid #e4e8f0;border:1.5px solid var(--ag-border);border-radius:11px;box-shadow:0 1px 3px #0d11260f,0 1px 2px #0d11260a;box-shadow:var(--ag-shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:7px;padding:12px 12px 11px;position:relative;text-align:left;transition:border-color .13s,box-shadow .13s,transform .13s,background .13s}.ag-code-card:hover{background:#fcfcff;border-color:#c7d2fe;box-shadow:0 4px 12px #6366f11a,0 1px 3px #0d11260f,0 1px 2px #0d11260a;box-shadow:0 4px 12px #6366f11a,var(--ag-shadow-sm);transform:translateY(-1px)}.ag-code-card--selected{box-shadow:0 4px 16px #6366f12e,inset 0 0 0 2px #6366f1;box-shadow:0 4px 16px #6366f12e,0 0 0 2px var(--card-sel-color,#6366f1) inset;transform:translateY(-1px)}.ag-code-card--added{background:#fafbff;cursor:default;opacity:.5;pointer-events:none}.ag-code-card__check{align-items:center;border:1.5px solid #d4d9e8;border-radius:50%;display:flex;height:19px;justify-content:center;position:absolute;right:9px;top:9px;transition:all .15s;width:19px}.ag-code-card--selected .ag-code-card__check{border-color:#0000}.ag-code-card__check--added{background:#10b981!important;border-color:#0000!important}.ag-code-card__check .material-symbols-rounded{color:#fff;font-size:11px}.ag-code-card__badge{border-radius:5px;display:inline-block;font-family:SF Mono,Fira Code,monospace;font-size:10px;font-weight:800;letter-spacing:.06em;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.ag-code-card__badge--added{background:#f0f2f8!important;color:#94a3b8!important;color:var(--ag-text-3)!important}.ag-code-card__label{color:#0d1117;color:var(--ag-text-1);font-size:12.5px;font-weight:700;letter-spacing:-.1px;line-height:1.35;padding-right:22px}.ag-code-card__added-pill{background:#ecfdf5;background:var(--c-sect-bg);border-radius:10px;color:#059669;color:var(--c-sect);display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.ag-panel__progress{flex-shrink:0;padding:0 22px 10px}.ag-panel__progress-bar{background:#eef0f6;background:var(--ag-border-2);border-radius:3px;box-shadow:inset 0 1px 2px #0000000d;height:5px;margin-bottom:6px;overflow:hidden}.ag-panel__progress-fill{background:linear-gradient(90deg,#6366f1,#7c3aed);background:linear-gradient(90deg,var(--c-dept),var(--c-course));border-radius:3px;box-shadow:0 0 6px #6366f166;height:100%;transition:width .25s ease}.ag-panel__progress-label{color:#4a5568;color:var(--ag-text-2);font-size:12px;font-weight:600}.ag-panel__errors{align-items:flex-start;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#dc2626;display:flex;flex-shrink:0;font-size:13px;gap:8px;line-height:1.5;margin:0 22px 10px;padding:11px 13px}.ag-panel__errors .material-symbols-rounded{flex-shrink:0;font-size:16px;margin-top:2px}.ag-panel__success{align-items:center;background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;color:#15803d;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:8px;margin:0 22px 10px;padding:11px 13px}.ag-panel__success .material-symbols-rounded{font-size:16px}.ag-panel__footer{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafbffcc;border-top:1.5px solid #eef0f6;border-top:1.5px solid var(--ag-border-2);display:flex;flex-shrink:0;gap:10px;padding:16px 22px}.ag-panel__cancel-btn{background:#fff;border:1.5px solid #e4e8f0;border:1.5px solid var(--ag-border);border-radius:10px;color:#4a5568;color:var(--ag-text-2);cursor:pointer;flex:1 1;font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif;font-family:var(--ag-font);font-size:14px;font-weight:700;padding:11px;transition:background .12s,border-color .12s}.ag-panel__cancel-btn:hover{background:#f7f8fc;border-color:#d0d5e8}.ag-panel__submit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:10px;box-shadow:0 3px 10px #6366f159;color:#fff;cursor:pointer;display:flex;flex:2 1;font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif;font-family:var(--ag-font);font-size:14px;font-weight:800;gap:6px;justify-content:center;letter-spacing:.01em;padding:11px 16px;transition:all .15s}.ag-panel__submit-btn:hover:not(:disabled){box-shadow:0 5px 18px #6366f173;transform:translateY(-1px)}.ag-panel__submit-btn:active:not(:disabled){transform:translateY(0)}.ag-panel__submit-btn:disabled{background:#e8eaf2!important;box-shadow:none;color:#a0aec0;cursor:not-allowed}.ag-panel__submit-btn .material-symbols-rounded{font-size:16px}.ag-node__actions--mobile{opacity:1!important;pointer-events:all!important}@media (max-width:767px){.ag-page{padding:16px 14px 80px}.ag-header{gap:10px;margin-bottom:14px}.ag-header__left{gap:10px}.ag-header__icon{border-radius:11px;height:40px;width:40px}.ag-header__icon .material-symbols-rounded{font-size:20px}.ag-header__title{font-size:17px}.ag-header__path{display:none}.ag-header__right{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-bottom:2px}.ag-btn--ghost .ag-btn-label,.ag-expand-controls,.ag-stats{display:none}.ag-btn--primary{font-size:12.5px;padding:8px 12px;white-space:nowrap}.ag-btn--primary .material-symbols-rounded{font-size:15px}.ag-summary{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px}.ag-summary::-webkit-scrollbar{display:none}.ag-summary__pill{flex-shrink:0;font-size:12px;padding:5px 11px 5px 9px}.ag-summary__lbl{display:none}.ag-summary__num{font-size:13px}.ag-content{border-radius:12px}.ag-tree{padding:2px 0}.ag-node__row{height:54px;padding:0 10px 0 0}.ag-node__pipe{margin-left:9px;width:18px}.ag-node__toggle{height:32px;margin:0 2px;width:32px}.ag-node__icon{border-radius:8px;height:28px;margin-right:8px;width:28px}.ag-node__body{gap:5px}.ag-node__label{font-size:13.5px}.ag-node__code{font-size:10px;padding:1px 5px}.ag-node__count{display:none}.ag-node__actions{flex-shrink:0;gap:2px}.ag-node__expand-group{display:none}.ag-node__btn--add{border-radius:8px;padding:7px 8px}.ag-node__btn-label{display:none}.ag-node__btn--del{padding:7px}.ag-node__ghost-row{font-size:12px;height:38px}.ag-node__ghost-label{font-size:12px}.ag-panel__drawer{border-left:none;border-radius:20px 20px 0 0;border-top:1.5px solid #ffffffb3;bottom:0;box-shadow:0 -8px 40px #0d11262e;height:90vh;left:0;max-height:90vh;max-width:100%;right:0;top:auto;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);width:100%}.ag-panel--open .ag-panel__drawer{transform:translateY(0)}.ag-panel__drawer:after{background:#d0d5e8;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:36px;z-index:2}.ag-panel__drawer:before{border-radius:20px 20px 0 0;height:3px}.ag-panel__header{padding:24px 18px 14px}.ag-panel__header-text h2{font-size:15px}.ag-panel__stepper--responsive{padding:10px 18px}.ag-stepper__label{display:none}.ag-stepper__dot{height:24px;width:24px}.ag-stepper__dot .material-symbols-rounded{font-size:12px}.ag-panel__search-wrap{padding:10px 18px 0}.ag-panel__search{padding:8px 11px}.ag-panel__codes{padding:8px 18px 12px}.ag-panel__codes-grid{gap:7px;grid-template-columns:1fr}.ag-code-card{align-items:center;flex-direction:row;gap:10px;min-height:54px;padding:13px 12px}.ag-code-card__check{flex-shrink:0;height:22px;order:3;position:static;width:22px}.ag-code-card__badge{flex-shrink:0;font-size:10.5px;order:1;padding:3px 8px}.ag-code-card__label{flex:1 1;font-size:13px;order:2;padding-right:0}.ag-code-card__added-pill{flex-shrink:0;order:3}.ag-panel__footer{padding:12px 18px 20px}.ag-panel__cancel-btn,.ag-panel__submit-btn{font-size:14px;padding:13px}.ag-panel__progress{padding:0 18px 10px}.ag-panel__errors,.ag-panel__success{margin:0 18px 10px}}@media (max-width:390px){.ag-page{padding:12px 10px 80px}.ag-node__pipe{margin-left:7px;width:14px}.ag-node__label{font-size:12.5px}.ag-node__code{display:none}.ag-header__title{font-size:15px}}.ag-node__session-pill{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;color:#059669;cursor:default;display:inline-flex;font-size:11.5px;font-weight:600;gap:4px;padding:2px 8px 2px 5px;white-space:nowrap}.ag-node__session-pill .material-symbols-rounded{font-size:13px}.ag-code-card--with-session{align-items:stretch;cursor:pointer;flex-direction:column;gap:0;padding:10px;position:relative}.ag-code-card--with-session .ag-code-card__check{left:10px;position:absolute;top:10px}.ag-code-card--with-session .ag-code-card__badge{margin-left:32px}.ag-code-card--session-missing{background:#fff5f5!important;border-color:#ef4444!important}.ag-code-card__session{margin-top:8px;width:100%}.ag-code-card__session-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;border:1.5px solid #e4e8f0;border:1.5px solid var(--ag-border);border-radius:6px;color:#0d1117;color:var(--ag-text-1);cursor:pointer;font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif;font-family:var(--ag-font);font-size:12px;outline:none;padding:6px 28px 6px 8px;transition:border-color .15s,box-shadow .15s;width:100%}.ag-code-card__session-select:focus{border-color:#059669;border-color:var(--c-sect);box-shadow:0 0 0 2px #0596691f}.ag-code-card__session-select--error{background-color:#fff5f5;border-color:#ef4444}.ag-panel__session-err{align-items:center;background:#fff5f5;border:1px solid #fca5a5;border-radius:8px;color:#ef4444;display:flex;font-size:13px;font-weight:500;gap:7px;margin:0 20px 10px;padding:10px 14px}.ag-panel__session-err .material-symbols-rounded{font-size:16px}@media (max-width:600px){.ag-panel__session-err{margin:0 12px 10px}}:root{--std-page-bg:#fff;--std-page-border:#e2e8f0;--std-page-shadow:0 1px 6px #0000000d;--std-container-bg:#fff;--std-container-border:#e2e8f0;--std-container-shadow:0 6px 20px #0000000d;--std-text-primary:#1e293b;--std-text-secondary:#475569;--std-text-muted:#64748b;--std-text-light:#94a3b8;--std-header-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--std-header-border:#e2e8f0;--std-header-shadow:0 6px 20px #0000000d;--std-card-bg:#fff;--std-card-border:#e2e8f0;--std-card-shadow:0 6px 20px #0000000d;--std-card-hover-shadow:0 8px 20px #0000000f;--std-input-bg:#0000;--std-input-border:#0000;--std-input-focus-border:#3b82f6;--std-input-focus-shadow:0 0 0 2px #3b82f633;--std-input-text:#0f172a;--std-btn-bg:#f1f5f9;--std-btn-text:#1e293b;--std-btn-border:#e2e8f0;--std-btn-shadow:0 1px 3px #0000000a;--std-btn-hover-bg:#e0f2f1;--std-btn-hover-shadow:0 6px 12px #0000001a;--std-btn-save-bg:linear-gradient(135deg,#ede9fe,#e0e7ff);--std-btn-save-text:#4338ca;--std-btn-save-hover-bg:linear-gradient(135deg,#ddd6fe,#c7d2fe);--std-btn-convert-bg:linear-gradient(135deg,#bbf7d0,#4ade80);--std-btn-convert-text:#064e3b;--std-btn-convert-hover-bg:linear-gradient(135deg,#86efac,#22c55e);--std-btn-note-bg:linear-gradient(135deg,#d1fae5,#f0fdf4);--std-btn-note-text:#065f46;--std-btn-note-hover-bg:linear-gradient(135deg,#a7f3d0,#d1fae5);--std-walkin-btn-bg:linear-gradient(135deg,#ecfccb,#f7fee7);--std-walkin-btn-text:#3f6212;--std-sidebar-bg:#ffffffd9;--std-sidebar-border:#e2e8f0;--std-sidebar-shadow:0 2px 20px #00000014;--std-sidebar-hover-shadow:0 12px 28px #0000001a;--std-tab-bg:#ffffffe6;--std-tab-border:#e2e8f0;--std-tab-text:#475569;--std-tab-hover-bg:#065f460d;--std-tab-hover-text:#065f46;--std-tab-hover-border:#064e3b;--std-tab-active-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--std-tab-active-text:#065f46;--std-field-label-text:#334155;--std-field-value-text:#1e293b;--std-field-hover-bg:#00000008;--std-field-edit-icon:#64748b;--std-field-edit-icon-hover:#0f172a;--std-badge-active-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--std-badge-active-text:#065f46;--std-badge-inactive-bg:linear-gradient(135deg,#fef9c3,#fefce8);--std-badge-inactive-text:#78350f;--std-badge-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--std-badge-error-text:#b91c1c;--std-banner-bg:#e0f2fe;--std-banner-text:#0369a1;--std-banner-error-bg:#fee2e2;--std-banner-error-text:#b91c1c;--std-banner-success-bg:#d1fae5;--std-banner-success-text:#065f46;--std-timeline-border:#e2e8f0;--std-timeline-content-bg:#f8fafc;--std-timeline-content-border:#e2e8f0;--std-timeline-content-shadow:0 1px 4px #00000008;--std-timeline-content-hover-bg:#e0f2fe;--std-timeline-alt-bg:#f1f5f9;--std-form-section-bg:#f8fafc;--std-form-section-border:#e2e8f0;--std-form-input-bg:#f8fafc;--std-form-input-border:#e2e8f0;--std-scrollbar-thumb:#94a3b899;--std-scrollbar-track:#0000;--std-icon-color:#0369a1;--std-icon-accent:#065f46;--std-avatar-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--std-avatar-text:#065f46;--std-avatar-shadow:0 6px 20px #0000000d;--std-avatar-border:#e2e8f0;--std-popup-bg:#fff;--std-popup-border:#065f46;--std-popup-shadow:0 20px 40px #0000004d;--std-popup-field-bg:#f8fafc;--std-popup-field-border:#e2e8f0;--std-toggle-bg:linear-gradient(135deg,#e5e7eb,#d1d5db);--std-toggle-border:#0000;--std-toggle-active-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--std-toggle-thumb-bg:linear-gradient(135deg,#fff,#f8fafc);--std-toggle-thumb-shadow:0 2px 8px #00000026;--std-toggle-icon:#6b7280;--std-toggle-icon-active:#1d4ed8;--std-json-bg:#f8fafc;--std-json-border:#e2e8f0;--std-json-text:#374151;--std-extension-section-border:#0000001a;--std-extension-title-text:#1e293b;--std-extension-label-text:#64748b;--std-change-class-btn-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--std-change-class-btn-text:#0369a1;--std-search-bg:#f8fafc;--std-search-border:#e2e8f0;--std-search-text:#1e293b;--std-search-placeholder:#9ca3af;--std-search-focus-border:#3b82f6;--std-search-focus-shadow:0 0 0 1px #3b82f61a}[data-theme=dark]{--std-page-bg:#1a1a1af2;--std-page-border:#0f83;--std-page-shadow:0 1px 6px #00ff881a;--std-container-bg:#1a1a1af2;--std-container-border:#ffffff1a;--std-container-shadow:0 6px 20px #0009;--std-text-primary:#fff;--std-text-secondary:#ff9f0a;--std-text-muted:#d1d5db;--std-text-light:#9aa4b2;--std-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--std-header-border:#ffffff1a;--std-header-shadow:0 6px 20px #0009;--std-card-bg:#1a1a1af2;--std-card-border:#ffffff1a;--std-card-shadow:0 6px 20px #0009;--std-card-hover-shadow:0 8px 25px #000000b3;--std-input-bg:#0000;--std-input-border:#00ff8840;--std-input-focus-border:linear-gradient(135deg,#065f46,#047857);--std-input-focus-shadow:0 0 0 2px #00ff8840;--std-input-text:#fff;--std-btn-bg:#333333b3;--std-btn-border:#0f83;--std-btn-shadow:0 2px 6px #00ff881a;--std-btn-hover-bg:#00ff8814;--std-btn-hover-shadow:0 6px 14px #0f83;--std-btn-save-bg:linear-gradient(135deg,#065f46,#047857);--std-btn-save-text:#0b0f0d;--std-btn-save-hover-bg:linear-gradient(135deg,#00e076,#00b359);--std-btn-convert-bg:linear-gradient(135deg,#065f46,#047857);--std-btn-convert-text:#0b0f0d;--std-btn-convert-hover-bg:linear-gradient(135deg,#00e076,#00b359);--std-btn-note-text:linear-gradient(135deg,#065f46,#047857);--std-change-class-btn-bg:#00f2fe26;--std-change-class-btn-text:#00f2fe;--std-sidebar-bg:#1a1a1af2;--std-sidebar-border:#ffffff1a;--std-sidebar-shadow:0 2px 20px #0009;--std-sidebar-hover-shadow:0 12px 30px #000c;--std-tab-bg:#1a1a1ae6;--std-tab-border:#ffffff1a;--std-tab-text:#d1d5db;--std-tab-hover-bg:#00ff880f;--std-tab-hover-text:linear-gradient(135deg,#065f46,#047857);--std-tab-hover-border:#00ff8840;--std-tab-active-bg:linear-gradient(135deg,#065f46,#047857);--std-tab-active-text:linear-gradient(135deg,#065f46,#047857);--std-field-label-text:#fff;--std-field-value-text:#fff;--std-field-hover-bg:#00ff880f;--std-field-edit-icon:#9aa4b2;--std-field-edit-icon-hover:linear-gradient(135deg,#065f46,#047857);--std-badge-active-bg:linear-gradient(135deg,#065f46,#047857);--std-badge-active-text:#3efcd9;--std-badge-inactive-bg:linear-gradient(135deg,#ffc1072e,#1a1a1af2);--std-badge-inactive-text:#ffd666;--std-badge-error-bg:#f4433633;--std-badge-error-text:#ffcdd2;--std-banner-bg:#2196f326;--std-banner-text:#bbdefb;--std-banner-error-bg:#f443362e;--std-banner-error-text:#ffcdd2;--std-banner-success-bg:#00ff882e;--std-banner-success-text:linear-gradient(135deg,#065f46,#047857);--std-timeline-border:#0f83;--std-timeline-content-bg:#1a1a1ae6;--std-timeline-content-border:#0f83;--std-timeline-content-shadow:0 2px 6px #00ff881a;--std-timeline-content-hover-bg:#00ff8814;--std-timeline-alt-bg:#1a1a1acc;--std-form-section-bg:#1a1a1ae6;--std-form-section-border:#ffffff1a;--std-form-input-bg:#1a1a1ae6;--std-form-input-border:#0f83;--std-scrollbar-thumb:#00ff884d;--std-scrollbar-track:#0000;--std-icon-color:#33e6c4;--std-icon-accent:linear-gradient(135deg,#ff9f0a33,#ff9f0a26);--std-avatar-bg:linear-gradient(135deg,#065f46,#047857);--std-avatar-text:#000;--std-avatar-shadow:0 2px 8px #00ff884d;--std-avatar-border:#0f83;--std-popup-bg:#1a1a1af2;--std-popup-border:#00ff8840;--std-popup-shadow:0 20px 40px #000c;--std-popup-field-bg:#1a1a1ae6;--std-popup-field-border:#0f83;--std-toggle-bg:#333c;--std-toggle-border:#00ff884d;--std-toggle-active-bg:linear-gradient(135deg,#065f46,#047857);--std-toggle-thumb-bg:linear-gradient(135deg,#fff,#f0f9ff);--std-toggle-thumb-shadow:0 2px 8px #0000004d;--std-toggle-icon:#ccc;--std-toggle-icon-active:#000;--std-json-bg:#1a1a1ae6;--std-json-border:#0f83;--std-json-text:#e5e7eb;--std-extension-section-border:#0f83;--std-extension-title-text:#fff;--std-extension-label-text:#000;--std-search-bg:#333c;--std-search-border:#0f83;--std-search-text:#e5e7eb;--std-search-placeholder:#9aa4b2;--std-search-focus-border:linear-gradient(135deg,#065f46,#047857);--std-search-focus-shadow:0 0 0 1px #0f83;--std-btn-bg:#333c;--std-btn-text:#fff;--std-btn-shadow:0 1px 3px #0006;--std-btn-hover-bg:#00ff881a;--std-btn-hover-shadow:0 6px 12px #0006;--std-btn-hover-border:2px solid linear-gradient(135deg,#065f46,#047857);--std-btn-disabled-bg:#33333380;--std-btn-disabled-text:#ffffff4d;--std-convert-btn-bg:#0f83;--std-convert-btn-text:linear-gradient(135deg,#065f46,#047857);--std-convert-btn-hover-bg:#00ff8840;--std-refresh-btn-bg:#00f2fe26;--std-refresh-btn-text:#00f2fe;--std-change-class-hover-bg:#00f2fe33;--std-save-btn-bg:#0f83;--std-save-btn-text:linear-gradient(135deg,#065f46,#047857);--std-save-btn-hover-bg:#00ff8840;--std-note-btn-bg:#00ff8826;--std-note-btn-text:linear-gradient(135deg,#065f46,#047857);--std-note-btn-hover-bg:#0f83;--std-walkin-btn-bg:#ffc10726;--std-walkin-btn-text:#ffd666;--std-walkin-btn-hover-bg:#ffc10733;--std-btn-save-bg:#0f83;--std-btn-save-hover-bg:#00ff8840;--std-btn-convert-bg:#0f83;--std-btn-convert-hover-bg:#00ff8840;--std-btn-note-bg:#00ff8826;--std-btn-note-hover-bg:#0f83}@supports (color:rgb(0 0 0/0)){[data-theme=dark]{--std-btn-save-text:linear-gradient(135deg,#065f46,#047857);--std-btn-convert-text:linear-gradient(135deg,#065f46,#047857);--std-btn-note-text:linear-gradient(135deg,#065f46,#047857)}}.sd-st-students-page{background:#fff;background:var(--std-page-bg);box-sizing:border-box;flex-direction:column;font-family:Google Sans,Poppins,sans-serif;height:auto;min-height:100vh;overflow:visible;width:100%}.sd-st-students-page,.sd-student-card h4{color:#1e293b;color:var(--std-text-primary);display:flex;transition:all .3s ease}.sd-student-card h4{align-items:center;font-size:1.15rem;font-weight:600;gap:.75rem}.sd-student-card h4.section-heading{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--std-container-border);color:#1e293b;color:var(--std-text-primary);font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.sd-student-card h4.section-heading .material-symbols-rounded{color:#475569;color:var(--std-text-secondary);transition:color .3s ease}.st-edit-input{border:1px solid #0000;border:1px solid var(--std-input-border);color:#0f172a;color:var(--std-input-text)}.st-edit-input,.st-edit-input:focus{background:#0000;background:var(--std-input-bg)}.st-edit-input:focus{border-color:#3b82f6;border-color:var(--std-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--std-input-focus-shadow);transform:scale(1.02)}.st-value-container:hover{background-color:#00000008;background-color:var(--std-field-hover-bg)}.sd-st-value-text{color:#1e293b;color:var(--std-field-value-text);flex-grow:1;font-size:.92rem;font-weight:600;transition:color .3s ease;white-space:pre-wrap;word-break:break-word}.st-edit-icon-btn{color:#64748b;color:var(--std-field-edit-icon);margin-left:.5rem;padding:0}.st-edit-icon-btn:hover{color:#0f172a;color:var(--std-field-edit-icon-hover)}.st-value-container .st-edit-icon-btn{min-height:24px}.st-value-container:hover .st-edit-icon-btn{padding:.3rem}.sd-st-value-text:hover{padding:.2rem}.st-value-container.read-only:hover{background-color:initial;cursor:default}.st-value-container.read-only .st-edit-icon-btn{display:none}.st-value-container.read-only .sd-st-value-text:hover{padding:0}.st-value-container.read-only .sd-st-value-text{cursor:default}.sd-student-audit-pair{background:#f8fafc;background:var(--std-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--std-form-section-border);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.8rem 1rem;transition:all .3s ease}.sd-student-audit-pair .student-label{color:#64748b;color:var(--std-text-muted);font-size:.8rem;font-weight:500;transition:color .3s ease}.sd-student-audit-pair .student-value{color:#1e293b;color:var(--std-text-primary);flex:1 1 auto;font-size:.95rem;font-weight:500;transition:color .3s ease;word-break:break-word}.personal-action-buttons.bottom-sticky{border-bottom-left-radius:20px;border-bottom-right-radius:20px;bottom:-1.5rem;margin-left:-2rem;margin-right:-2rem;margin-top:1rem;padding:1.5rem 2rem .5rem;position:-webkit-sticky;position:sticky;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s ease;z-index:2}.activity-tab-content h2{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--std-container-border);color:var(--std-text-primary);padding-bottom:.75rem;transition:all .3s ease}.activity-timeline{border-left:2px solid #e2e8f0;border-left:2px solid var(--std-timeline-border);gap:1.5rem;padding-left:1.5rem;transition:border-color .3s ease}.timeline-icon{background:linear-gradient(135deg,#c7d2fe,#818cf8);box-shadow:0 4px 6px #0000000f;color:#1e293b;color:var(--std-text-primary);font-size:1.4rem;min-height:40px;min-width:40px;transition:transform .2s ease,background .3s ease}.timeline-icon:hover{transform:scale(1.1)}.timeline-icon.admission{background:linear-gradient(135deg,#bbf7d0,#4ade80)}.timeline-icon.status_change{background:linear-gradient(135deg,#fef9c3,#facc15)}.timeline-icon.academic_group_change{background:linear-gradient(135deg,#fbcfe8,#f472b6)}.timeline-icon.attendance{background:linear-gradient(135deg,#c7d2fe,#6366f1)}.timeline-icon.grade_update{background:linear-gradient(135deg,#bae6fd,#0ea5e9)}.timeline-icon.parent_contact{background:linear-gradient(135deg,#bbf7d0,#22c55e)}.timeline-icon.disciplinary{background:linear-gradient(135deg,#fecaca,#ef4444)}.timeline-icon.payment{background:linear-gradient(135deg,#fed7aa,#fdba74)}.timeline-icon.other{background:linear-gradient(135deg,#f3f4f6,#d1d5db)}.timeline-content{background:#f8fafc;background:var(--std-timeline-content-bg);border:1px solid #e2e8f0;border:1px solid var(--std-timeline-content-border);border-radius:12px;box-shadow:0 1px 4px #00000008;box-shadow:var(--std-timeline-content-shadow);display:flex;flex-direction:column;gap:6px;padding:1rem 1.25rem;transition:all .3s ease}.timeline-item:nth-child(2n) .timeline-content{background:#f1f5f9;background:var(--std-timeline-alt-bg)}.timeline-item:hover .timeline-content{background:#e0f2fe;background:var(--std-timeline-content-hover-bg)}.timeline-title{color:var(--std-text-primary);font-size:1rem}.timeline-subtext{color:var(--std-text-secondary);font-size:.95rem;line-height:1.4;white-space:pre-wrap}.timeline-time{color:var(--std-text-muted);margin-top:.25rem}.loading-message,.no-activity-msg{color:#64748b;color:var(--std-text-muted);font-style:italic;padding:2rem;text-align:center;transition:color .3s ease}.field-changes-table-wrapper{background:#f8fafc;background:var(--std-form-section-bg);border-radius:.6rem;box-shadow:0 0 0 1px #e2e8f0;box-shadow:0 0 0 1px var(--std-form-section-border);margin-top:.75rem;overflow-x:auto;transition:all .3s ease}.field-changes-table{border-collapse:collapse;font-size:.9rem;width:100%}.field-changes-table td,.field-changes-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--std-container-border);color:#1e293b;color:var(--std-text-primary);padding:.6rem .9rem;text-align:left;transition:all .3s ease;vertical-align:top}.field-changes-table th{background:#f1f5f9;background:var(--std-timeline-alt-bg);color:#475569;color:var(--std-text-secondary);font-weight:600}.field-changes-table tr:last-child td{border-bottom:none}.field-changes-table td.old{color:#b91c1c;color:var(--std-badge-error-text);font-weight:500}.field-changes-table td.new{color:#065f46;color:var(--std-badge-active-text);font-weight:500}.followup-header{align-items:center;color:#1e293b;color:var(--std-text-primary);display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin-bottom:.75rem;position:relative;transition:color .3s ease}.collapse-followup-btn{background:none;border:none;color:#64748b;color:var(--std-text-muted);cursor:pointer;margin-left:auto;padding:.2rem;transition:color .2s ease}.collapse-followup-btn:hover{color:#1e293b;color:var(--std-text-primary)}.menu-popup{background:var(--std-popup-bg);border:2px solid var(--std-popup-border);box-shadow:var(--std-popup-shadow)}.popup-item{color:var(--std-text-primary)}.popup-item:hover{background:var(--std-field-hover-bg)}.popup-icon{color:var(--std-icon-color)}.student-sidebar-hover-popup{background:#fff!important;background:var(--std-popup-bg)!important;border:2px solid #065f46!important;border:2px solid var(--std-popup-border)!important;border-radius:12px;box-shadow:0 20px 40px #0000004d!important;box-shadow:var(--std-popup-shadow)!important;max-width:400px;min-width:300px;opacity:0;padding:1rem;pointer-events:none;position:fixed!important;transition:all .2s ease;visibility:hidden;white-space:normal!important;z-index:999999!important}.student-collapsed-icon-item:hover .student-sidebar-hover-popup{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.student-popup-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--std-container-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;transition:border-color .3s ease;white-space:normal}.student-popup-header .material-symbols-rounded{color:#065f46;color:var(--std-icon-accent);flex-shrink:0;font-size:1.2rem;transition:color .3s ease}.student-popup-header h4{color:#1e293b;color:var(--std-text-primary);font-size:1rem;font-weight:600;margin:0;transition:color .3s ease;white-space:normal}.student-popup-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;white-space:normal}.student-popup-field{display:flex;flex-direction:column;gap:.25rem}.student-popup-field-label{color:#64748b;color:var(--std-text-muted);font-size:.8rem;font-weight:500;transition:color .3s ease;white-space:normal}.student-popup-field-value{background:#f8fafc;background:var(--std-popup-field-bg);border:1px solid #e2e8f0;border:1px solid var(--std-popup-field-border);border-radius:6px;color:#1e293b;color:var(--std-text-primary);font-size:.9rem;font-weight:500;padding:.3rem .5rem;transition:all .3s ease;white-space:normal;word-break:break-word}.student-popup-field-value.empty{color:#94a3b8;color:var(--std-text-light);font-style:italic}.empty-state{background:var(--std-container-bg);border:1px solid var(--std-container-border);box-shadow:var(--std-container-shadow)}.empty-state-icon .material-symbols-rounded{color:var(--std-text-light)}.empty-state h3{color:var(--std-text-primary)}.empty-state p{color:var(--std-text-muted)}.ai-insights-empty{background:var(--std-container-bg);border:1px solid var(--std-container-border);box-shadow:var(--std-container-shadow)}.ai-insights-empty .empty-state-icon .material-symbols-rounded{color:#94a3b8;color:var(--std-text-light);font-size:4rem;transition:color .3s ease}.ai-insights-empty h3{color:var(--std-text-primary)}.ai-insights-empty p{color:var(--std-text-muted)}.extensions-tab-content{padding:1rem 0}.extensions-tab-header{margin-bottom:2rem;text-align:center}.extensions-tab-header h2{align-items:center;color:#1e293b;color:var(--std-extension-title-text);display:flex;font-size:1.5rem;gap:.5rem;justify-content:center;margin-bottom:.5rem;transition:color .3s ease}.extensions-description{color:#64748b;color:var(--std-text-muted);font-size:1rem;margin:0;transition:color .3s ease}.extensions-content{background:#fff;background:var(--std-container-bg);border:1px solid #e2e8f0;border:1px solid var(--std-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--std-container-shadow);padding:1.5rem;transition:all .3s ease}.extensions-grid{display:flex;flex-direction:column;gap:2rem}.extension-section{background:#fff;background:var(--std-card-bg);border:1px solid #e2e8f0;border:1px solid var(--std-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--std-card-shadow);margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.extension-section:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--std-card-hover-shadow);transform:translateY(-2px)}.extension-section-title{align-items:center;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--std-extension-section-border);color:#1e293b;color:var(--std-extension-title-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;transition:all .3s ease}.extension-section-title .material-symbols-rounded{color:#0369a1;color:var(--std-icon-color);font-size:1.2rem;transition:color .3s ease}.extension-fields-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.extension-field-item{display:flex;flex-direction:column;gap:.5rem}.extension-field-label{align-items:center;color:#64748b;color:var(--std-extension-label-text);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-bottom:.5rem;transition:color .3s ease}.required-asterisk{color:#b91c1c;color:var(--std-badge-error-text);font-weight:700}.help-text-icon{cursor:help;opacity:.6;transition:opacity .2s ease}.help-text-icon:hover{opacity:1}.help-text-icon .material-symbols-rounded{color:#64748b;color:var(--std-text-muted);font-size:16px;transition:color .3s ease}.extension-field-input{background:#0000;background:var(--std-input-bg);border:1px solid #0000;border:1px solid var(--std-input-border);border-radius:.6rem;box-sizing:border-box;color:#0f172a;color:var(--std-input-text);font-size:.92rem;font-weight:500;outline:none;padding:.55rem .75rem;transition:all .2s ease;width:100%}.extension-field-input:focus{border-color:#3b82f6;border-color:var(--std-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--std-input-focus-shadow);transform:scale(1.02)}.modern-toggle{background:linear-gradient(135deg,#e5e7eb,#d1d5db);background:var(--std-toggle-bg);border:2px solid var(--std-toggle-border)}.modern-toggle:hover{box-shadow:inset 0 2px 4px #00000026,0 0 0 4px #3b82f61a;transform:scale(1.05)}.modern-toggle.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--std-toggle-active-bg);box-shadow:0 0 0 4px #3b82f633}.toggle-thumb{box-shadow:var(--std-toggle-thumb-shadow)}.modern-toggle.active .toggle-thumb,.toggle-thumb{background:linear-gradient(135deg,#fff,#f8fafc);background:var(--std-toggle-thumb-bg)}.toggle-thumb .material-symbols-rounded{color:#6b7280;color:var(--std-toggle-icon)}.modern-toggle.active .toggle-thumb .material-symbols-rounded{color:#1d4ed8;color:var(--std-toggle-icon-active)}.toggle-label{color:#475569;color:var(--std-text-secondary)}.modern-toggle.active+.toggle-label{color:#065f46;color:var(--std-icon-accent)}.boolean-display{padding:.5rem 0}.boolean-indicator{border-radius:8px;font-size:.85rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.boolean-indicator.true{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--std-badge-active-bg);color:#065f46;color:var(--std-badge-active-text)}.boolean-indicator.false{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--std-badge-error-bg);color:#b91c1c;color:var(--std-badge-error-text)}.boolean-indicator .material-symbols-rounded{font-size:16px}.json-editor-wrapper{position:relative}.json-textarea{background:#f8fafc;background:var(--std-json-bg);border:1px solid #e2e8f0;border:1px solid var(--std-json-border);color:#374151;color:var(--std-json-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.5;min-height:100px;resize:vertical;transition:all .3s ease}.json-textarea:focus{background:#fff;background:var(--std-container-bg);border-color:#3b82f6;border-color:var(--std-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--std-input-focus-shadow)}.json-helper{align-items:center;color:#64748b;color:var(--std-text-muted);display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem;transition:color .3s ease}.json-helper .material-symbols-rounded{font-size:14px}.json-display{background:#f8fafc;background:var(--std-json-bg);border:1px solid #e2e8f0;border:1px solid var(--std-json-border);border-radius:8px;max-height:200px;overflow-y:auto;padding:.75rem;transition:all .3s ease}.json-preview{color:#374151;color:var(--std-json-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;margin:0;transition:color .3s ease;white-space:pre-wrap;word-break:break-all}.extensions-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.loading-spinner .material-symbols-rounded.spinning{animation:spin 1s linear infinite;color:#0369a1;color:var(--std-icon-color);font-size:2rem;transition:color .3s ease}.extensions-error{background:#fff;background:var(--std-container-bg);border:1px solid linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid var(--std-badge-error-bg);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--std-container-shadow);padding:3rem 2rem;text-align:center;transition:all .3s ease}.error-icon .material-symbols-rounded{font-size:3rem}.error-icon .material-symbols-rounded,.extensions-error h3{color:#b91c1c;color:var(--std-badge-error-text);margin-bottom:1rem;transition:color .3s ease}.extensions-error h3{font-size:1.3rem}.extensions-error p{color:#64748b;color:var(--std-text-muted);margin-bottom:2rem;transition:color .3s ease}.extensions-empty{background:#fff;background:var(--std-container-bg);border:1px solid #e2e8f0;border:1px solid var(--std-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--std-container-shadow);padding:3rem 2rem;text-align:center;transition:all .3s ease}.extensions-empty .empty-state-icon .material-symbols-rounded{color:#94a3b8;color:var(--std-text-light);font-size:4rem;margin-bottom:1.5rem;transition:color .3s ease}.extensions-empty h3{color:#1e293b;color:var(--std-text-primary);font-size:1.3rem;margin-bottom:1rem;transition:color .3s ease}.extensions-empty p{color:#64748b;color:var(--std-text-muted);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;transition:color .3s ease}.student-snapshot-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--std-header-bg);border:1px solid #e2e8f0;border:1px solid var(--std-header-border);border-radius:8px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--std-header-shadow);display:flex;flex-direction:column;padding:1rem 2rem;padding:var(--header-padding-vertical) var(--header-padding-horizontal);position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:10}.student-message-banner{background-color:#e0f2fe;background-color:var(--std-banner-bg);border-radius:6px;box-shadow:inset 0 -1px 0 #0000000d;color:#0369a1;color:var(--std-banner-text);font-size:.95rem;font-weight:500;transition:all .3s ease;width:100%}.student-message-banner.error{background:#fee2e2;background:var(--std-banner-error-bg);color:#b91c1c;color:var(--std-banner-error-text)}.student-message-banner.success{background:#d1fae5;background:var(--std-banner-success-bg);color:#065f46;color:var(--std-banner-success-text)}.student-snapshot-info h1{color:#1e293b;color:var(--std-text-primary);font-size:2rem;font-weight:700;margin:0;transition:color .3s ease}.student-next-action{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.std-next-badge{align-items:center;background:#f8fafc;background:var(--std-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--std-container-border);border-radius:8px;color:#475569;color:var(--std-text-secondary);display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.3rem .5rem .3rem .3rem;transition:all .3s ease}.followup-lead{background:linear-gradient(135deg,#a5f3fc,#22d3ee);border:1px solid #4b5563;color:#0e7490}.low-attendance{background:linear-gradient(135deg,#fecaca,#f87171);color:#991b1b}.lost-reason{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--std-badge-error-bg);border:1px solid #fecaca;color:#b91c1c;color:var(--std-badge-error-text)}.converted-ref{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--std-badge-active-bg);border:1px solid #4b5563;color:#065f46;color:var(--std-badge-active-text)}.warning-followup{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--std-badge-inactive-bg);border:1px solid #f59e0b;color:#78350f;color:var(--std-badge-inactive-text)}.blocked-reason{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);color:#4b5563}.student-display-id{align-items:center;background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--std-badge-active-bg);border-radius:10px;color:#065f46;color:var(--std-badge-active-text);display:inline-flex;font-size:.95rem;font-weight:500;padding:3px 8px;transition:all .3s ease}.student-display-id .material-symbols-rounded{font-size:18px;margin-right:4px}.sd-student-sidebar-header .student-display-id{border-radius:6px;font-size:.72rem;padding:2px 6px;vertical-align:middle}.sd-student-sidebar-header .student-display-id .material-symbols-rounded{font-size:12px;margin-right:2px}.student-snapshot-actions{display:flex;gap:.75rem}.student-md3-btn{align-items:center;background-color:#f1f5f9;background-color:var(--std-btn-bg);border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--std-btn-shadow);color:#1e293b;color:var(--std-btn-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transform:perspective(1px) translateZ(0);transition:background-color .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1),border-radius .3s ease,color .3s ease;will-change:transform,box-shadow,background-color}.student-md3-btn:hover{background-color:#e0f2f1;background-color:var(--std-btn-hover-bg);border:2px solid #000;border-radius:24px;box-shadow:0 6px 12px #0000001a;box-shadow:var(--std-btn-hover-shadow);transform:translateY(-3px) scale(1.02)}.student-md3-btn .material-symbols-rounded{font-size:1.1rem}.student-md3-btn.save-btn{background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--std-btn-save-bg);color:#4338ca;color:var(--std-btn-save-text)}.student-md3-btn.save-btn:hover{background:linear-gradient(135deg,#ddd6fe,#c7d2fe);background:var(--std-btn-save-hover-bg)}.student-md3-btn.convert-btn{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--std-btn-convert-bg);color:#064e3b;color:var(--std-btn-convert-text)}.student-md3-btn.convert-btn:hover{background:linear-gradient(135deg,#86efac,#22c55e);background:var(--std-btn-convert-hover-bg)}.student-md3-btn.note-btn{background:linear-gradient(135deg,#d1fae5,#f0fdf4);background:var(--std-btn-note-bg);color:#065f46;color:var(--std-btn-note-text)}.student-md3-btn.note-btn:hover{background:linear-gradient(135deg,#a7f3d0,#d1fae5);background:var(--std-btn-note-hover-bg)}.student-md3-btn.refresh-btn{background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--std-change-class-btn-bg);color:#0369a1;color:var(--std-change-class-btn-text)}.student-md3-btn.refresh-btn:hover{background:var(--std-change-class-hover-bg)}.student-md3-btn.walkin-btn{background:linear-gradient(135deg,#ecfccb,#f7fee7);background:var(--std-walkin-btn-bg);color:#3f6212;color:var(--std-walkin-btn-text)}.student-md3-btn.walkin-btn:hover{background:var(--std-walkin-btn-hover-bg)}.student-md3-btn:disabled{background-color:#f1f5f9;background-color:var(--std-btn-bg);box-shadow:none;color:#94a3b8;color:var(--std-text-light);cursor:not-allowed;opacity:.6;pointer-events:none}.student-sidebar-icon-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000;border:1px solid #e2e8f0;border:1px solid var(--std-container-border);border-radius:8px;color:#475569;color:var(--std-text-secondary);cursor:pointer;display:flex;height:38px;justify-content:center;position:relative;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,border-color .3s ease;width:38px}.student-sidebar-icon-btn:hover{background:#00000008;background:var(--std-field-hover-bg);border-color:#065f46;border-color:var(--std-icon-accent);box-shadow:0 6px 20px #0000000d;box-shadow:var(--std-card-shadow);transform:translateY(-2px) scale(1.05)}.student-sidebar-icon-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.student-sidebar-icon-btn .material-symbols-rounded{font-size:22px;transition:color .3s ease}.student-sidebar-icon-btn.refresh-icon .material-symbols-rounded{color:#0369a1;color:var(--std-icon-color)}.student-sidebar-icon-btn.add-icon .material-symbols-rounded{color:#065f46;color:var(--std-icon-accent)}.student-sidebar-icon-btn:after{background:#1e293be6;border-radius:4px;bottom:-30px;color:#fff;content:attr(data-tooltip);font-size:10px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:100}.student-sidebar-icon-btn:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px)}.student-details-container{display:flex;flex:1 1;gap:.5rem;padding:1rem .5rem .5rem}.student-sidebar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;background:var(--std-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--std-sidebar-border);border-radius:24px;box-shadow:0 2px 20px #00000014;box-shadow:var(--std-sidebar-shadow);display:flex;flex-direction:column;flex-shrink:0;padding:0;transition:width .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;width:500px}.student-sidebar:hover{box-shadow:0 12px 28px #0000001a;box-shadow:var(--std-sidebar-hover-shadow);transform:translateY(-4px)}.sd-student-sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--std-container-border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.sd-student-sidebar-header h2{color:#475569;color:var(--std-text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0;overflow:hidden;text-transform:uppercase;transition:color .3s ease;white-space:nowrap}.sidebar-toggle-btn,.sidebar-toggle-btn:hover{color:var(--std-icon-accent)}.student-sidebar.collapsed{padding:0;transition:width .3s ease,padding .3s ease;width:60px}.student-sidebar.collapsed .sd-student-sidebar-header h2,.student-sidebar.collapsed .student-sidebar-profile-horizontal,.student-sidebar.collapsed .student-sidebar-scrollable,.student-sidebar.collapsed .student-status-badge{display:none}.student-collapsed-sidebar-icons{align-items:center;display:none;flex-direction:column;gap:1.5rem;margin-top:2rem;position:relative;z-index:100}.student-sidebar.collapsed .student-collapsed-sidebar-icons{display:flex!important}.student-collapsed-icon-item{align-items:center;background:#fff;background:var(--std-container-bg);border:1px solid #e2e8f0;border:1px solid var(--std-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--std-card-shadow);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:100}.student-collapsed-icon-item:hover{background:#00000008;background:var(--std-field-hover-bg);border-color:#065f46;border-color:var(--std-icon-accent);box-shadow:0 8px 20px #0000000f;box-shadow:var(--std-card-hover-shadow);transform:translateX(3px) scale(1.05);z-index:99999!important}.student-collapsed-icon-item .material-symbols-rounded{color:#475569;color:var(--std-text-secondary);font-size:20px;transition:color .3s ease}.student-collapsed-icon-item:hover .material-symbols-rounded{color:#065f46;color:var(--std-icon-accent)}.student-details-container,.student-sidebar{overflow:visible!important;position:relative!important}.sd-st-students-page{overflow:visible!important}.student-sidebar-profile-horizontal{align-items:center;background:#0000;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--std-container-border);border-radius:0;box-shadow:none;display:flex;flex-shrink:0;gap:14px;margin-bottom:0;padding:18px 18px 14px;transition:all .3s ease}.student-sidebar-profile-horizontal:hover{box-shadow:none;transform:none}.student-avatar-circle{align-items:center;background:linear-gradient(135deg,#818cf8,#6366f1);border:none;border-radius:50%;box-shadow:0 6px 16px #6366f159;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:52px;justify-content:center;position:relative;text-transform:uppercase;transition:all .3s ease;width:52px}.student-avatar-circle.online:after{background:#22c55e;border:2px solid #fff;border-radius:50%;bottom:2px;content:"";height:11px;position:absolute;right:2px;width:11px}.student-sidebar-profile-horizontal .profile-info-ud{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.student-sidebar-profile-horizontal .name{color:#1e293b;color:var(--std-text-primary);font-size:.95rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.student-sidebar-profile-horizontal .meta{color:#64748b;color:var(--std-text-muted);font-size:.75rem;margin:2px 0;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.student-status-badge{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--std-container-border);border-radius:0;box-shadow:none;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:10px 18px}.status-section{gap:0}.student-status-badge .grade-icon,.student-status-badge .label-text,.student-status-badge .status-icon{display:none}.student-grade-badge,.student-type-badge{align-items:center;border:none;border-radius:999px;box-shadow:none;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;padding:3px 10px;transition:all .3s ease}.student-type-badge.ACTIVE{background:#dcfce7;color:#15803d}.student-type-badge.INACTIVE{background:#f1f5f9;color:#475569}.student-type-badge.DROPPED{background:#fee2e2;color:#991b1b}.student-type-badge.GRADUATED{background:#dbeafe;color:#1d4ed8}.student-type-badge.TRANSFERRED{background:#f1f5f9;color:#475569}.student-grade-badge.A,.student-grade-badge.B{background:#dbeafe;color:#1d4ed8}.student-grade-badge.C{background:#fef3c7;color:#92400e}.student-grade-badge.D,.student-grade-badge.F{background:#fee2e2;color:#991b1b}.student-sidebar-scrollable{display:flex;flex-direction:column;gap:12px;padding:14px 14px 24px;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--std-container-border) #0000;scrollbar-width:thin}.student-sidebar-scrollable::-webkit-scrollbar-thumb{background-color:var(--std-scrollbar-thumb)}.student-sidebar-scrollable::-webkit-scrollbar-track{background:var(--std-scrollbar-track)}.student-sidebar-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:initial;border:1.5px solid #ffffff59;border-radius:14px;box-shadow:0 6px 20px #0000000f;color:#1e293b;color:var(--std-text-primary);flex-shrink:0;margin-bottom:0;overflow:hidden;padding:0;transition:transform .25s ease,box-shadow .25s ease}.student-sidebar-section:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-2px)}.student-sidebar-section.accent-purple{overflow:hidden;padding:0;position:static;z-index:auto}.student-sidebar-section.accent-purple:before{display:none}.student-sidebar-section h4{align-items:center;background:linear-gradient(135deg,#818cf8,#4f46e5);border-bottom:none;color:#fff;display:flex;font-size:.72rem;font-weight:700;gap:8px;letter-spacing:.07em;margin:0;padding:11px 16px;text-transform:uppercase;transition:none}.student-sidebar-section h4 .material-symbols-rounded{color:#fff;font-size:16px;transition:color .3s ease}.student-main-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;background:var(--std-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--std-container-border);border-radius:24px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--std-container-shadow);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem 1rem 0;position:relative;transition:all .3s ease;z-index:1}.student-main-content::-webkit-scrollbar{width:8px}.student-main-content::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--std-scrollbar-thumb);border-radius:8px}.student-main-content::-webkit-scrollbar-track{background:#0000;background:var(--std-scrollbar-track)}.sd-student-tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--std-tab-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--std-tab-border);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 2px 8px #00000005;display:flex;gap:.75rem;margin:.5rem;padding:0 1.5rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s ease;z-index:50}.student-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--std-tab-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--std-card-shadow);color:#475569;color:var(--std-tab-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.student-tab:hover{background-color:#065f460d;background-color:var(--std-tab-hover-bg);border:1px solid #064e3b;border:1px solid var(--std-tab-hover-border);border-radius:24px;color:#065f46;color:var(--std-tab-hover-text)}.student-tab.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--std-tab-active-bg);box-shadow:0 2px 8px #065f461a;color:#065f46;color:var(--std-tab-active-text);font-weight:600}.student-tab .material-symbols-rounded{font-size:1.1rem}.sd-student-tab-content{padding:.5rem;position:relative;z-index:1}.sd-student-card{background:#fff;background:var(--std-card-bg);border:1px solid #e2e8f0;border:1px solid var(--std-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--std-card-shadow);height:-webkit-fit-content;height:fit-content;padding:1rem;position:relative;transition:all .3s ease}.sd-student-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--std-card-hover-shadow)}.sd-student-card.card-personal{grid-column:span 4}.sd-student-card.card-info,.sd-student-card.card-org{grid-column:span 2}.card-controls-section{height:40px}.view-toggle{background:#f8fafc;background:var(--std-form-section-bg);border-radius:4px;gap:0;padding:.1rem}.view-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#64748b;color:var(--std-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:.3rem;transition:all .2s ease;width:28px}.view-btn:hover{background:#3b82f61a;color:#0369a1;color:var(--std-icon-color)}.view-btn.active{background:#0369a1;background:var(--std-icon-color);box-shadow:0 1px 2px #3b82f64d}.view-btn .material-symbols-rounded{font-size:14px}.filter-select{background:var(--std-search-bg);border:1px solid var(--std-search-border);color:var(--std-search-text)}.filter-select:focus{border-color:var(--std-search-focus-border);box-shadow:0 0 0 1px #3b82f61a;box-shadow:var(--std-search-focus-shadow)}.bookmarks-count{background:var(--std-badge-inactive-bg);border:1px solid var(--std-badge-inactive-text);color:var(--std-text-muted)}.bookmarks-count .material-symbols-rounded{color:var(--std-badge-inactive-text)}.search-box{align-items:center;background:#f8fafc;background:var(--std-search-bg);border:1px solid #e2e8f0;border:1px solid var(--std-search-border);border-radius:4px;cursor:pointer;display:flex;gap:.3rem;height:28px;min-width:120px;overflow:hidden;padding:0 .4rem;transition:all .3s ease}.search-box:hover{border-color:#3b82f6;border-color:var(--std-search-focus-border);box-shadow:0 0 0 1px #3b82f61a;box-shadow:var(--std-search-focus-shadow)}.search-box.expanded{cursor:text;min-width:160px}.search-icon{color:var(--std-text-muted);flex-shrink:0;font-size:14px;transition:color .3s ease}.search-placeholder{color:#9ca3af;color:var(--std-search-placeholder);flex:1 1;font-size:.8rem;transition:color .3s ease;-webkit-user-select:none;user-select:none}.search-input{background:none;border:none;color:var(--std-search-text);flex:1 1;font-size:.8rem;min-width:0;padding:0}.bulk-btn{background:var(--std-form-section-bg);border:1px solid var(--std-container-border);color:var(--std-text-muted)}.bulk-btn:hover{background:var(--std-field-hover-bg);border-color:var(--std-icon-color);color:var(--std-icon-color)}.sd-enhanced-card-header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--std-container-border);border-top-left-radius:20px;border-top-right-radius:20px;display:flex;justify-content:space-between;margin:-1rem -1rem 1rem;min-height:auto;padding:.75rem 1rem;transition:border-color .3s ease}.sd-student-card-icon{border-radius:6px;font-size:1.2rem;padding:.4rem}.sd-student-card-icon,.stu-card-title{flex-shrink:0;transition:color .3s ease}.stu-card-title{color:#1e293b;color:var(--std-text-primary);font-size:1rem;font-weight:600;margin:0}.completion-badge{background:var(--std-form-section-bg);border:1px solid var(--std-container-border);color:var(--std-text-muted)}.completion-badge.completion-1{background:var(--std-badge-error-bg);color:var(--std-badge-error-text)}.completion-badge.completion-2{background:var(--std-badge-inactive-bg);color:var(--std-badge-inactive-text)}.completion-badge.completion-4,.completion-badge.completion-5{background:var(--std-badge-active-bg);color:var(--std-badge-active-text)}.importance-badge.high{background:var(--std-badge-error-bg);color:var(--std-badge-error-text)}.importance-badge.medium{background:var(--std-badge-inactive-bg);color:var(--std-badge-inactive-text)}.card-action-btn{background:var(--std-form-section-bg);border:1px solid var(--std-container-border);color:var(--std-text-muted)}.card-action-btn:hover{background:var(--std-field-hover-bg);border-color:var(--std-icon-color);color:var(--std-icon-color)}.enhanced-field-item{margin:-.5rem -.5rem .75rem}.st-label{color:#334155;color:var(--std-field-label-text);font-size:.85rem;transition:color .3s ease}.empty-indicator{color:var(--std-badge-error-text)}.field-action-btn{background:var(--std-container-bg);border:1px solid var(--std-container-border);color:var(--std-text-muted)}.field-action-btn:hover{background:var(--std-icon-color);border-color:var(--std-icon-color)}.field-action-btn.has-note{background:#065f46;background:var(--std-badge-active-text);border-color:#065f46;border-color:var(--std-badge-active-text);color:#fff}.field-note-section{background:var(--std-form-section-bg);border:1px solid var(--std-form-section-border)}.field-note-input{background:var(--std-container-bg);border:1px solid var(--std-container-border);color:var(--std-text-primary)}.field-note-input:focus{border-color:var(--std-input-focus-border);box-shadow:var(--std-input-focus-shadow)}.field-note-input::placeholder{color:var(--std-text-muted)}.field-note-preview{border:1px solid var(--std-badge-active-text)}.field-note-preview,.field-note-preview:hover{background:var(--std-badge-active-bg)}.field-note-preview .material-symbols-rounded,.note-text{color:var(--std-badge-active-text)}.sd-student-details-tab.grid{grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(4,1fr)}.sd-student-details-tab.list .sd-student-card{grid-column:span 1!important}.sd-student-card.minimized{transition:all .3s cubic-bezier(.4,0,.2,1)}.sd-student-card.minimized .card-content{display:none}.sd-student-card.pinned{border:2px solid #ddd6fe;box-shadow:0 8px 25px #7c3aed26;order:-1}.sd-student-card.pinned:before{background:linear-gradient(45deg,#7c3aed,#a855f7,#7c3aed);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.6;position:absolute;right:-2px;top:-2px;z-index:-1}@media (max-width:1200px){.student-details-container{flex-direction:column;gap:1rem;max-width:100%;padding:12px}.student-sidebar{margin-right:0;width:100%}.student-main-content{margin-left:0}.student-snapshot-header{align-items:flex-start;border-radius:12px;flex-direction:column;gap:1rem;position:static;top:auto}.student-snapshot-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.sd-student-tabbar{border-radius:0;flex-wrap:wrap;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;position:static;top:auto}.personal-action-buttons.bottom-sticky{border-radius:0;margin-bottom:0;position:static}.sd-student-card.card-personal{grid-column:span 1}.sd-student-details-tab{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.student-sidebar-hover-popup{left:20px!important;max-width:calc(100vw - 40px)!important;min-width:auto!important;right:20px!important}.card-controls-section{gap:.8rem;padding:.4rem .8rem}.controls-left,.controls-right{gap:.4rem}}@media (max-width:768px){.sd-st-students-page{padding:.25rem}.student-details-container{flex-direction:column!important;gap:.5rem!important;max-width:100%!important;padding:6px!important;width:100%!important}.student-sidebar,.student-sidebar-wrapper{border-radius:10px!important;margin-right:0!important;order:-1!important;padding:.625rem!important;width:100%!important}.student-sidebar.collapsed{flex-direction:row}.student-main-content{border-radius:10px!important;margin-left:0!important;min-width:0!important;padding:.375rem!important;width:100%!important}.student-collapsed-sidebar-icons{flex-direction:row!important;flex-wrap:wrap!important;gap:.4rem!important;justify-content:center!important;margin-top:0!important;padding:.2rem!important}.student-collapsed-icon-item{transform:none!important}.student-snapshot-header{border-radius:10px!important;flex-direction:column!important;gap:.4rem!important;padding:.4rem .5rem!important;position:static!important;top:auto!important}.header-top-row{align-items:center!important;display:flex!important;flex-direction:row!important;gap:.4rem!important;width:100%!important}.student-snapshot-info{flex:1 1!important;flex-direction:column!important;min-width:0!important}.student-snapshot-info h1{font-size:.88rem!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.student-next-action{margin-top:.15rem!important}.std-next-badge{display:inline-flex!important;font-size:.6rem!important;max-width:100%!important;overflow:hidden!important;padding:.15rem .4rem!important;text-overflow:ellipsis!important;white-space:nowrap!important}.student-snapshot-actions{align-items:center!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:.3rem!important}.student-snapshot-actions .btn-primary-action,.student-snapshot-actions .student-md3-btn{border-radius:8px!important;font-size:0!important;gap:0!important;height:36px!important;justify-content:center!important;max-width:36px!important;min-height:36px!important;min-width:36px!important;padding:0!important;width:36px!important}.student-snapshot-actions .btn-primary-action .material-symbols-rounded,.student-snapshot-actions .student-md3-btn .material-symbols-rounded{font-size:1.1rem!important;margin:0!important}.student-snapshot-actions .icon-btn{border-radius:8px!important;height:36px!important;min-height:36px!important;min-width:36px!important;padding:0!important;width:36px!important}.sd-student-audit-pair .student-value{font-size:.75rem!important}.sd-student-tabbar{-webkit-overflow-scrolling:touch!important;border-radius:8px!important;flex-wrap:nowrap!important;gap:.2rem!important;justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;overflow-x:auto!important;padding:.3rem!important;position:static!important;scrollbar-width:none!important;top:auto!important}.sd-student-tabbar::-webkit-scrollbar{display:none}.student-tab{border-radius:7px!important;flex-shrink:0!important;font-size:.72rem!important;min-height:34px!important;padding:.4rem .6rem!important;white-space:nowrap!important}.sd-student-card{border-radius:8px!important;margin-bottom:.5rem!important;padding:.625rem!important}.sd-enhanced-card-header{border-radius:8px 8px 0 0!important;flex-wrap:nowrap!important;gap:.3rem!important;margin:-.625rem -.625rem .625rem!important;padding:.4rem .625rem!important}.card-header-content{flex:1 1!important;gap:.3rem!important;min-width:0!important;overflow:hidden!important}.stu-card-title{font-size:.78rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.sd-student-card-icon{font-size:.95rem!important;padding:.2rem!important}.completion-badge,.importance-badge{font-size:.58rem!important;padding:.1rem .25rem!important}.card-action-btn{display:none!important}.card-action-btn:last-child{display:flex!important;min-height:24px;min-width:24px}.enhanced-field-item{margin:0!important;padding:.2rem .3rem!important}.student-main-content .field-group{gap:.4rem .5rem!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}.field-group.sidebar-two-col,.student-sidebar .field-group{grid-gap:.4rem .5rem!important;display:grid!important;gap:.4rem .5rem!important;grid-template-columns:repeat(2,1fr)!important}.field-group.sidebar-two-col .field-item,.student-sidebar .field-group .field-item{flex:initial!important;margin-bottom:0!important;min-width:0!important}.field-item{margin-bottom:.35rem!important}.field-item .st-label,.st-label{font-size:.68rem!important;margin-bottom:.12rem!important}.field-item .st-edit-input,.field-item .st-value-container,.st-value-container{padidng-top:0;font-size:.78rem!important;min-height:30px!important;padding:.2rem .4rem .2rem 0}.student-sidebar-profile-horizontal{gap:.5rem!important;margin-bottom:0!important}.student-avatar-circle{flex-shrink:0!important;height:34px!important;width:34px!important}.profile-info-ud .name,.student-avatar-circle{font-size:.8rem!important}.profile-info-ud .meta{font-size:.66rem!important}.student-status-badge{flex-wrap:wrap!important;font-size:.68rem!important;gap:.35rem!important;margin-bottom:.4rem!important;padding:.25rem .4rem!important}.student-sidebar-section h4{font-size:.68rem!important;margin:0!important;padding:9px 12px!important}.st-edit-input,input[type=date],input[type=email],input[type=number],input[type=text],select{font-size:16px!important}.student-audit-trail-block{grid-template-columns:1fr 1fr!important}.extension-fields-grid{gap:.5rem!important;grid-template-columns:1fr!important}.extension-section,.extensions-content{border-radius:8px!important;padding:.625rem!important}.student-sidebar-hover-popup{left:.5rem!important;max-width:calc(100vw - 1rem)!important;right:.5rem!important}.sd-student-details-tab,.sd-student-details-tab.grid{grid-template-columns:1fr!important}.modern-view-toggle .toggle-option:first-child{display:none!important}.card-controls-section{gap:.3rem!important;height:auto!important;margin-bottom:.4rem!important;min-height:30px!important;padding:.25rem .4rem!important}.controls-left,.controls-right{gap:.25rem!important}.filter-select{font-size:.7rem;height:26px!important;min-width:80px;padding:.15rem .3rem!important}.bulk-btn{height:26px!important;padding:.1rem!important;width:26px!important}.bulk-btn .material-symbols-rounded{font-size:.88rem!important}.field-actions{opacity:1!important}.field-action-btn{height:20px!important;padding:.1rem!important;width:20px!important}.field-action-btn .material-symbols-rounded{font-size:.75rem!important;min-height:24px;min-width:24px}}@media (max-width:480px){.student-details-container{padding:3px!important}.student-main-content,.student-sidebar{border-radius:7px!important;padding:.5rem!important}.student-snapshot-header{padding:.3rem!important}.student-snapshot-info h1{font-size:.82rem!important}.sd-student-card{border-radius:7px!important;padding:.5rem!important}.sd-enhanced-card-header{margin:-.5rem -.5rem .5rem!important}.student-tab{font-size:0!important;justify-content:center!important;max-width:38px!important;min-height:38px!important;min-width:38px!important;padding:.4rem!important}.student-tab .material-symbols-rounded{font-size:1.1rem!important;margin:0!important}}@media (max-width:1024px){.sd-student-details-tab{grid-template-columns:repeat(2,1fr)}.field-group .field-item{flex-basis:calc(33.33% - 2rem);flex-grow:1;flex-shrink:1}}@media (max-width:600px){.sd-student-details-tab{grid-template-columns:1fr}.sd-student-details-tab.list .sd-student-card{margin-bottom:.4rem}.card-meta{align-items:flex-start;flex-direction:column;gap:.3rem}.modern-toggle{height:28px;width:50px}.toggle-thumb{height:20px;width:20px}.modern-toggle.active .toggle-thumb{transform:translateX(22px)}}@media (prefers-contrast:high){.sd-student-card:hover{background:#fff;background:var(--std-card-bg);border:2px solid #065f46;border:2px solid var(--std-icon-accent);color:#1e293b;color:var(--std-text-primary)}.student-grade-badge,.student-type-badge{border:2px solid}}@media (prefers-reduced-motion:reduce){.extension-section,.sd-student-card,.student-md3-btn,.student-sidebar,.student-tab,.timeline-icon{animation:none;transition:none}.card-action-btn:hover,.extension-section:hover,.sd-student-card:hover,.student-md3-btn:hover,.student-sidebar:hover,.timeline-icon:hover{transform:none}.loading-spinner .material-symbols-rounded.spinning{animation:none}}.modern-view-toggle{background:var(--std-form-section-bg);border:1px solid var(--std-container-border)}.toggle-option{color:var(--std-text-secondary)}.toggle-option:hover{background:var(--std-btn-hover-bg);color:var(--std-text-primary)}.toggle-option.active{background:var(--std-btn-save-bg);color:var(--std-btn-save-text)}.sd-student-details-tab.grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.sd-student-details-tab.list{display:flex;flex-direction:column;gap:.5rem}.sd-student-details-tab.list .sd-student-card{max-width:none;width:100%}.sd-student-details-tab.list .field-group{grid-gap:1rem 2rem;display:grid;gap:1rem 2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card-controls-section{background:var(--std-tab-bg);border:1px solid var(--std-container-border);box-shadow:var(--std-card-shadow);margin-bottom:1.5rem;padding:.75rem 1.25rem}.controls-left,.controls-right{gap:1rem}@media (max-width:768px){.modern-view-toggle{padding:.1rem}.toggle-option{font-size:.7rem;padding:.3rem .5rem}.toggle-option span:last-child{display:none}}.sd-st-value-text{font-size:.75rem}.student-snapshot-info{display:flex;flex-direction:row}.clickable-field{transition:all .2s ease}.clickable-field:hover{background-color:#3b82f60d;border-color:#3b82f633}.field-empty .clickable-field{border:1px dashed #cbd5e1}.field-empty .clickable-field:hover{background-color:#3b82f605;border-color:#3b82f666}.sd-student-card.color-emerald{background:linear-gradient(135deg,#22c55e14,#86efac0d);border:1px solid #22c55e33;box-shadow:0 4px 20px #22c55e1a,inset 0 1px 0 #ffffff1a}.sd-student-card.color-emerald:hover{box-shadow:0 8px 30px #22c55e33,inset 0 1px 0 #fff3}.sd-student-card.color-yellow{background:linear-gradient(135deg,#eab30814,#fde0470d);border:1px solid #eab30833;box-shadow:0 4px 20px #eab3081a,inset 0 1px 0 #ffffff1a}.sd-student-card.color-yellow:hover{box-shadow:0 8px 30px #eab30833,inset 0 1px 0 #fff3}[data-theme=dark] .sd-student-card.color-emerald{background:linear-gradient(135deg,#22c55e26,#16a34a14);border:1px solid #22c55e4d;box-shadow:0 4px 20px #22c55e26,inset 0 1px 0 #86efac1a}[data-theme=dark] .sd-student-card.color-emerald:hover{box-shadow:0 8px 30px #22c55e40,inset 0 1px 0 #86efac33}[data-theme=dark] .sd-student-card.color-yellow{background:linear-gradient(135deg,#eab30826,#ca8a0414);border:1px solid #eab3084d;box-shadow:0 4px 20px #eab30826,inset 0 1px 0 #fde0471a}[data-theme=dark] .sd-student-card.color-yellow:hover{box-shadow:0 8px 30px #eab30840,inset 0 1px 0 #fde04733}.sd-student-card.color-emerald .sd-student-card-icon{color:#22c55e;filter:drop-shadow(0 2px 4px rgba(34,197,94,.3))}.sd-student-card.color-yellow .sd-student-card-icon{color:#eab308;filter:drop-shadow(0 2px 4px rgba(234,179,8,.3))}[data-theme=dark] .sd-student-card.color-emerald .sd-student-card-icon{color:#86efac}[data-theme=dark] .sd-student-card.color-yellow .sd-student-card-icon{color:#fde047}.sd-student-card.color-emerald .sd-enhanced-card-header{align-items:center;background:linear-gradient(90deg,#22c55e1a,#0000);flex-direction:row}.sd-student-card.color-yellow .sd-enhanced-card-header{background:linear-gradient(90deg,#eab3081a,#0000)}.sd-institute-programs-section{background:linear-gradient(135deg,#6366f10d,#8b5cf605);border:1.5px solid #6366f133;border-left:5px solid #6366f1;border-radius:14px;margin-bottom:1rem;padding:1rem 1.25rem}.sd-institute-enrollment-tab{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.sd-isp-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.sd-isp-header .material-symbols-rounded{color:#6366f1;font-size:1.1rem}.sd-isp-header h4{color:#4338ca;flex:1 1;font-size:.82rem;font-weight:800;letter-spacing:.6px;margin:0;text-transform:uppercase}[data-theme=dark] .sd-isp-header h4{color:#a5b4fc}.sd-isp-refresh-btn{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;padding:.2rem;transition:all .15s}.sd-isp-refresh-btn:hover{background:#6366f114;color:#6366f1}.sd-isp-loading{color:#9ca3af;font-size:.82rem;gap:.5rem;padding:.5rem 0}.sd-isp-empty,.sd-isp-loading{align-items:center;display:flex}.sd-isp-empty{color:#6b7280;gap:.85rem;padding:.75rem 0}.sd-isp-empty .material-symbols-rounded:first-child{color:#a5b4fc;flex-shrink:0;font-size:1.8rem}.sd-isp-empty strong{color:#374151;display:block;font-size:.85rem;font-weight:700}[data-theme=dark] .sd-isp-empty strong{color:#e5e7eb}.sd-isp-empty p{color:#9ca3af;font-size:.75rem;margin:0}.sd-isp-enroll-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f133;color:#fff;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:.3rem;margin-left:auto;padding:.38rem .85rem;transition:all .15s;white-space:nowrap}.sd-isp-enroll-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.sd-isp-enroll-btn:disabled{cursor:not-allowed;opacity:.45}.sd-isp-enroll-btn .material-symbols-rounded{font-size:.88rem}.sd-isp-enroll-btn--small{font-size:.72rem;margin-left:0;margin-top:.5rem;padding:.28rem .65rem}.sd-isp-list{display:flex;flex-direction:column;gap:.5rem}.sd-isp-card{align-items:center;background:#ffffffd9;border:1px solid #6366f126;border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:box-shadow .15s}.sd-isp-card:hover{box-shadow:0 3px 12px #6366f11f}[data-theme=dark] .sd-isp-card{background:#6366f114;border-color:#6366f133}.sd-isp-card-left{flex:1 1;min-width:0}.sd-isp-prog-name{color:#111827;color:var(--text-primary,#111827);font-size:.92rem;font-weight:700}.sd-isp-display-id{color:#9ca3af;font-family:monospace;font-size:.68rem;margin-top:.06rem}.sd-isp-course{color:#6b7280;font-size:.73rem;margin-top:.12rem}.sd-isp-meta-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.sd-isp-pill{align-items:center;background:#6366f117;border-radius:7px;color:#4338ca;display:inline-flex;font-size:.7rem;font-weight:700;gap:.2rem;padding:2px 7px}.sd-isp-pill .material-symbols-rounded{font-size:.72rem}[data-theme=dark] .sd-isp-pill{background:#6366f133;color:#a5b4fc}.sd-isp-card-right{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.sd-isp-status{border-radius:8px;display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.4px;padding:2px 9px;text-transform:uppercase}.sd-isp-status-active{background:#d1fae5;color:#065f46}.sd-isp-status-completed{background:#dbeafe;color:#1e40af}.sd-isp-status-draft{background:#f3f4f6;color:#6b7280}.sd-isp-status-on_hold{background:#ffedd5;color:#9a3412}.sd-isp-status-left{background:#fee2e2;color:#991b1b}.sd-isp-status-promoted{background:#ede9fe;color:#5b21b6}.sd-isp-status-waiting{background:#fef3c7;color:#92400e}.sd-isp-status-closed{background:#f1f5f9;color:#475569}.sd-isp-status-archived{background:#f1f5f9;color:#6b7280}.sd-isp-status-cancelled{background:#fee2e2;color:#991b1b}.sd-isp-curriculum-btn{align-items:center;background:#ede9fe;border:1px solid #c4b5fd;border-radius:8px;color:#5b21b6;cursor:pointer;display:inline-flex;font-size:.68rem;font-weight:700;gap:4px;margin-top:6px;padding:4px 10px;transition:background .15s,color .15s;white-space:nowrap}.sd-isp-curriculum-btn .material-symbols-rounded{font-size:.85rem}.sd-isp-curriculum-btn:hover{background:#ddd6fe;color:#4c1d95}.sd-isp-kit-btn{align-items:center;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:8px;color:#0369a1;cursor:pointer;display:inline-flex;font-size:.68rem;font-weight:700;gap:4px;margin-top:6px;padding:4px 10px;transition:background .15s,color .15s;white-space:nowrap}.sd-isp-kit-btn .material-symbols-rounded{font-size:.85rem}.sd-isp-kit-btn:hover:not(:disabled){background:#bae6fd;color:#075985}.sd-isp-kit-btn:disabled{cursor:not-allowed;opacity:.6}.sd-isp-kit-collected-badge{align-items:center;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;color:#065f46;display:inline-flex;font-size:.68rem;font-weight:700;gap:4px;margin-top:6px;padding:4px 10px;white-space:nowrap}.sd-isp-kit-collected-badge .material-symbols-rounded{font-size:.85rem}@media (max-width:640px){.sd-isp-card{align-items:flex-start;flex-direction:column}.sd-isp-card-right{margin-top:.35rem}.sd-isp-enroll-btn{margin-left:0}}.sd-student-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-left:none!important;border-radius:16px;transition:box-shadow .25s ease,transform .25s ease}.sd-student-card:hover{transform:translateY(-2px)}.sd-student-card.color-emerald{background:#d1fae573!important;border:1.5px solid #05966938!important;border-left:none!important;box-shadow:0 6px 20px #0000000f!important}.sd-student-card.color-emerald:hover{box-shadow:0 12px 32px #0000001a!important}.sd-student-card.color-yellow{background:#fef3c773!important;border:1.5px solid #d9770638!important;border-left:none!important;box-shadow:0 6px 20px #0000000f!important}.sd-student-card.color-yellow:hover{box-shadow:0 12px 32px #0000001a!important}.sd-student-card.card-personal{background:#ffffffb8!important;border:1.5px solid #ffffff8c!important;border-left:none!important;box-shadow:0 6px 20px #0000000f!important}.sd-student-card.card-org{background:#dbeafe73!important;border:1.5px solid #2563eb38!important;border-left:none!important;box-shadow:0 6px 20px #0000000f!important}.sd-student-card.card-org:hover{box-shadow:0 12px 32px #0000001a!important}.sd-student-card .card-content{background:#ffffff4d;border-radius:0 0 14px 14px}.sd-student-card.color-emerald .sd-student-card-icon{color:#059669!important}.sd-student-card.color-yellow .sd-student-card-icon{color:#d97706!important}.sd-student-card.card-org .sd-student-card-icon{color:#2563eb!important}.sd-student-card.card-personal .sd-student-card-icon{color:#db2777!important}.completion-badge,.importance-badge,.pin-btn{display:none!important}.field-header .st-label,.sd-enhanced-card-header .card-title,.st-label{letter-spacing:0!important;text-transform:none!important}.student-sidebar-section:first-child{background:#fce7f38c!important;border-color:#db277733!important}.student-sidebar-section:nth-child(2){background:#ede9fe8c!important;border-color:#7c3aed33!important}.student-sidebar-section:nth-child(3){background:#d1fae58c!important;border-color:#05966933!important}.student-sidebar-section:nth-child(4){background:#dbeafe8c!important;border-color:#2563eb33!important}.student-sidebar-section:nth-child(5){background:#fef3c78c!important;border-color:#d9770633!important}.student-sidebar-section:first-child h4{background:linear-gradient(135deg,#f472b6,#db2777)!important}.student-sidebar-section:nth-child(2) h4{background:linear-gradient(135deg,#818cf8,#4f46e5)!important}.student-sidebar-section:nth-child(3) h4{background:linear-gradient(135deg,#34d399,#059669)!important}.student-sidebar-section:nth-child(4) h4{background:linear-gradient(135deg,#60a5fa,#2563eb)!important}.student-sidebar-section:nth-child(5) h4{background:linear-gradient(135deg,#fbbf24,#d97706)!important}.sov-section .field-group.sidebar-two-col,.student-sidebar-section .field-group.sidebar-two-col{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:1rem 1.5rem!important;padding:12px 12px 10px!important}.sov-section .st-label,.student-sidebar-section .st-label{color:#64748b!important;color:var(--sov-text-muted,#64748b)!important;font-size:.72rem!important;font-weight:500!important;margin-bottom:1px!important}.sov-section .sd-st-value-text,.student-sidebar-section .sd-st-value-text{font-size:.82rem!important;font-weight:600!important}[data-theme=dark] .sov-section .field-item,[data-theme=dark] .student-sidebar-section .field-item{border-bottom-color:#ffffff14!important}.student-sidebar .sov-sidebar-scroll{display:flex;flex-direction:column}.student-sidebar.collapsed .sd-student-sidebar-header,.student-sidebar.collapsed .sov-sidebar-header{display:flex!important}.student-sidebar.collapsed .sov-sidebar-title{display:none!important}@media (max-width:768px){.sov-section .field-group.sidebar-two-col,.student-sidebar-section .field-group.sidebar-two-col{grid-gap:.4rem .5rem!important;display:grid!important;flex-direction:row!important;gap:.4rem .5rem!important;grid-template-columns:repeat(2,1fr)!important}}.enhanced-field-item.field-empty,.field-item.field-empty{border-color:#0000!important}[data-theme=dark] .sd-student-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .sd-student-card.color-emerald{background:#0596691f!important;border-color:#05966940!important}[data-theme=dark] .sd-student-card.color-yellow{background:#d977061f!important;border-color:#d9770640!important}[data-theme=dark] .sd-student-card.card-personal{background:#282832d9!important;border-color:#ffffff1a!important}[data-theme=dark] .sd-student-card.card-org{background:#2563eb1f!important;border-color:#2563eb40!important}[data-theme=dark] .sd-student-card .card-content{background:#00000026}[data-theme=dark] .student-sidebar-section:first-child{background:#db27771f!important;border-color:#db277740!important}[data-theme=dark] .student-sidebar-section:nth-child(2){background:#7c3aed1f!important;border-color:#7c3aed40!important}[data-theme=dark] .student-sidebar-section:nth-child(3){background:#0596691f!important;border-color:#05966940!important}[data-theme=dark] .student-sidebar-section:nth-child(4){background:#2563eb1f!important;border-color:#2563eb40!important}[data-theme=dark] .student-sidebar-section:nth-child(5){background:#d977061f!important;border-color:#d9770640!important}[data-theme=dark] .student-type-badge.ACTIVE{background:#15803d33;color:#4ade80}[data-theme=dark] .student-type-badge.INACTIVE{background:#ffffff14;color:#94a3b8}[data-theme=dark] .student-type-badge.DROPPED{background:#991b1b40;color:#fca5a5}[data-theme=dark] .student-type-badge.GRADUATED{background:#1d4ed833;color:#93c5fd}[data-theme=dark] .student-type-badge.TRANSFERRED{background:#ffffff14;color:#94a3b8}[data-theme=dark] .student-grade-badge.A,[data-theme=dark] .student-grade-badge.B{background:#1d4ed833;color:#93c5fd}[data-theme=dark] .student-grade-badge.C{background:#92400e33;color:#fcd34d}[data-theme=dark] .student-grade-badge.D,[data-theme=dark] .student-grade-badge.F{background:#991b1b40;color:#fca5a5}[data-theme=dark] .sd-student-card.color-emerald .sd-student-card-icon{color:#34d399!important}[data-theme=dark] .sd-student-card.color-yellow .sd-student-card-icon{color:#fbbf24!important}[data-theme=dark] .sd-student-card.card-org .sd-student-card-icon{color:#60a5fa!important}[data-theme=dark] .sd-student-card.card-personal .sd-student-card-icon{color:#f472b6!important}.sdi-root{gap:1rem;padding:.25rem 0}.sdi-root,.sdi-timeline{display:flex;flex-direction:column}.sdi-timeline{gap:0}.sdi-tl-node{align-items:stretch;display:flex;gap:0}.sdi-tl-rail{flex-direction:column;padding-top:14px;width:44px}.sdi-tl-dot,.sdi-tl-rail{align-items:center;display:flex;flex-shrink:0}.sdi-tl-dot{border-radius:50%;box-shadow:0 0 0 4px #fff;box-shadow:0 0 0 4px var(--card-bg,#fff);height:34px;justify-content:center;width:34px;z-index:1}.sdi-tl-dot .material-symbols-rounded{font-size:16px}.sdi-tl-dot-violet{background:#6366f124;color:#6366f1}.sdi-tl-dot-green{background:#10b98124;color:#059669}.sdi-tl-dot-teal{background:#14b8a624;color:#0d9488}.sdi-tl-dot-amber{background:#f59e0b24;color:#d97706}.sdi-tl-dot-blue{background:#3b82f624;color:#2563eb}.sdi-tl-line{background:#e5e7eb;background:var(--border-color,#e5e7eb);flex:1 1;margin-top:4px;min-height:20px;width:2px}.sdi-tl-last .sdi-tl-line{display:none}.sdi-tl-collapsed .sdi-tl-line{min-height:12px}.sdi-tl-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:14px;box-shadow:0 1px 4px #0000000d;flex:1 1;margin:8px 0 12px;overflow:hidden;transition:box-shadow .18s}.sdi-tl-card:hover{box-shadow:0 3px 12px #00000014}.sdi-tl-collapsed .sdi-tl-card{margin-bottom:6px}.sdi-tl-header{align-items:center;background:none;border:none;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);cursor:pointer;display:flex;font-family:inherit;gap:.6rem;padding:.75rem 1rem;text-align:left;transition:background .13s;width:100%}.sdi-tl-header:hover{background:#6366f108}.sdi-tl-collapsed .sdi-tl-header{border-bottom:none}.sdi-tl-title{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.sdi-tl-label{color:#111827;color:var(--text-primary,#111827);font-size:.86rem;font-weight:700;line-height:1.3}.sdi-tl-meta{color:#9ca3af;font-weight:500;overflow:hidden;text-overflow:ellipsis}.sdi-tl-kpi,.sdi-tl-meta{font-size:.72rem;white-space:nowrap}.sdi-tl-kpi{border-radius:8px;flex-shrink:0;font-weight:700;padding:2px 9px}.sdi-tl-chevron{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;font-size:18px!important;transition:transform .2s}.sdi-tl-chevron.open{transform:rotate(180deg)}.sdi-tl-body{max-height:400px;overflow-y:auto}.sdi-tl-body::-webkit-scrollbar{width:4px}.sdi-tl-body::-webkit-scrollbar-track{background:#0000}.sdi-tl-body::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.sdi-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;gap:.65rem;padding:.6rem 1rem;transition:background .13s}.sdi-row:last-child{border-bottom:none}.sdi-row:hover{background:rgba(99,102,241,.035)}.sdi-row-dot{align-items:center;border-radius:9px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.sdi-row-dot .material-symbols-rounded{font-size:16px}.sdi-row-body{flex:1 1;min-width:0}.sdi-row-title{color:#111827;color:var(--text-primary,#111827);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdi-row-title.sdi-row-link{color:#2563eb;text-decoration:underline;-webkit-text-decoration-color:#2563eb4d;text-decoration-color:#2563eb4d;text-underline-offset:2px}.sdi-row-title.sdi-row-link:hover{color:#1d4ed8;-webkit-text-decoration-color:#1d4ed8;text-decoration-color:#1d4ed8}.sdi-row-sub{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.7rem;gap:.35rem;margin-top:.15rem}.sdi-row-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.sdi-chip{background:#6366f114;border:1px solid #6366f12e;border-radius:6px;color:#6366f1;font-size:.65rem;font-weight:600;padding:1px 6px}.sdi-row-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.2rem}.sdi-row-amount{color:#111827;color:var(--text-primary,#111827);font-size:.82rem;font-weight:700}.sdi-qv-btn{align-items:center;background:none;border:1px solid #0000;border-radius:7px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;height:26px;justify-content:center;opacity:0;padding:0;transition:all .13s;width:26px}.sdi-row:hover .sdi-qv-btn{opacity:1}.sdi-qv-btn:hover{background:#6366f11a;border-color:#6366f140;color:#6366f1}.sdi-qv-btn .material-symbols-rounded{font-size:15px}.sdi-totals-bar{align-items:stretch;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0}.sdi-total-item{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:.55rem .5rem}.sdi-total-divider{background:#e5e7eb;background:var(--border-color,#e5e7eb);flex-shrink:0;width:1px}.sdi-total-label{color:#9ca3af;font-size:.65rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.sdi-total-val{color:#111827;color:var(--text-primary,#111827);font-size:.9rem;font-weight:800;margin-top:.1rem}.sdi-profile-grid{display:grid;grid-template-columns:repeat(4,1fr)}.sdi-tl-profile{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-color,#f1f5f9)}.sdi-profile-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);border-right:1px solid #f1f5f9;border-right:1px solid var(--border-color,#f1f5f9);display:flex;gap:.55rem;padding:.7rem 1rem;transition:background .13s}.sdi-profile-item:hover{background:#6366f108}.sdi-profile-item.sdi-profile-empty{opacity:.55}.sdi-profile-icon{color:#6366f1;flex-shrink:0;font-size:15px!important;margin-top:2px}.sdi-profile-label{color:#9ca3af;font-size:.65rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.sdi-profile-value{color:#111827;color:var(--text-primary,#111827);font-size:.83rem;font-weight:600;margin-top:.15rem}.sdi-missing{color:#d1d5db;font-size:.78rem;font-style:italic;font-weight:400}.sdi-badge{border-radius:7px;display:inline-block;flex-shrink:0;font-size:.63rem;font-weight:700;letter-spacing:.3px;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.sdi-empty{color:#9ca3af;font-size:.82rem;padding:1.75rem 1rem;text-align:center}.sdi-loading-overlay{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 0 1rem}.sdi-loading-overlay .material-symbols-rounded{font-size:18px}.sdi-refresh-btn{align-items:center;align-self:flex-start;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:9px;color:#6b7280;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;transition:all .15s}.sdi-refresh-btn:hover{background:#f1f5f9;color:#111827}.sdi-refresh-btn .material-symbols-rounded{font-size:15px}[data-theme=dark] .sdi-tl-card{background:#1f2937cc;border-color:#4b55634d}[data-theme=dark] .sdi-tl-header:hover{background:#6366f10f}[data-theme=dark] .sdi-tl-dot{box-shadow:0 0 0 4px #1f2937}[data-theme=dark] .sdi-tl-line{background:#4b556380}[data-theme=dark] .sdi-row:hover{background:#6366f10f}[data-theme=dark] .sdi-total-divider,[data-theme=dark] .sdi-totals-bar{border-color:#4b55634d}[data-theme=dark] .sdi-refresh-btn{background:#1f2937cc;border-color:#4b55634d;color:#9ca3af}[data-theme=dark] .sdi-refresh-btn:hover{background:#374151cc;color:#f9fafb}@media (max-width:640px){.sdi-profile-grid{grid-template-columns:repeat(2,1fr)}.sdi-tl-rail{width:36px}.sdi-tl-dot{height:28px;width:28px}}.sdi-stats-row{background:#0000;border-bottom:none;flex-wrap:wrap;padding:0 0 14px}.sdi-stats-row,.sdi-stats-row .fin-stat{-webkit-backdrop-filter:none;backdrop-filter:none}.sdi-stats-row .fin-stat{align-items:flex-start;background:#6366f112;border:1.5px solid #6366f133;border-radius:10px;box-shadow:none;color:#4338ca;cursor:default;display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:110px;padding:10px 16px;transition:filter .15s,transform .15s,box-shadow .15s}.sdi-stats-row .fin-stat:hover{box-shadow:0 4px 12px #00000014;filter:brightness(.96);transform:translateY(-1px)}.sdi-stats-row .fin-stat-icon{flex-shrink:0;font-size:18px!important;margin-bottom:2px;opacity:.8}.sdi-stats-row .fin-stat-label{font-size:.72rem;font-weight:600;letter-spacing:0;opacity:.7;text-transform:none;white-space:nowrap}.sdi-stats-row .fin-stat-num{font-size:1.15rem;font-weight:700;line-height:1.2;white-space:nowrap}.sdi-stats-row .fin-stat-green{background:#22c55e14;border-color:#22c55e38;color:#15803d}.sdi-stats-row .fin-stat-red{background:#ef444414;border-color:#ef444438;color:#b91c1c}.sdi-stats-row .fin-stat-blue{background:#3b82f614;border-color:#3b82f638;color:#1d4ed8}.sdi-stats-row .fin-stat-violet{background:#8b5cf614;border-color:#8b5cf638;color:#7c3aed}.sdi-stats-row .fin-stat-teal{background:#14b8a614;border-color:#14b8a638;color:#0d9488}.sdi-stats-row .fin-stat-amber{background:#f59e0b14;border-color:#f59e0b38;color:#b45309}[data-theme=dark] .sdi-stats-row .fin-stat{background:#6366f11a;border-color:#6366f140;color:#a5b4fc}[data-theme=dark] .sdi-stats-row .fin-stat-green{background:#22c55e1a;border-color:#22c55e40;color:#6ee7b7}[data-theme=dark] .sdi-stats-row .fin-stat-red{background:#ef44441a;border-color:#ef444440;color:#fca5a5}[data-theme=dark] .sdi-stats-row .fin-stat-blue{background:#3b82f61a;border-color:#3b82f640;color:#93c5fd}[data-theme=dark] .sdi-stats-row .fin-stat-violet{background:#8b5cf61a;border-color:#8b5cf640;color:#c4b5fd}[data-theme=dark] .sdi-stats-row .fin-stat-teal{background:#14b8a61a;border-color:#14b8a640;color:#5eead4}[data-theme=dark] .sdi-stats-row .fin-stat-amber{background:#f59e0b1a;border-color:#f59e0b40;color:#fcd34d}:root{--sov-bg:#fff;--sov-surface:#ffffffe6;--sov-surface-solid:#fff;--sov-border:#e2e8f0;--sov-border-light:#e2e8f099;--sov-text-primary:#1e293b;--sov-text-secondary:#475569;--sov-text-muted:#64748b;--sov-accent:#6366f1;--sov-accent-soft:#6366f114;--sov-radius:16px;--sov-radius-sm:10px;--sov-shadow:0 6px 20px #0000000d;--sov-shadow-lg:0 12px 32px #0000001a;--sov-sidebar-w:420px;--sov-transition:0.25s ease;--sov-glass-bg:#ffffffa6;--sov-glass-bg-strong:#ffffffc7;--sov-glass-border:#ffffff8c;--sov-glass-shadow:0 2px 20px #00000014;--sov-glass-shadow-hover:0 12px 28px #0000001f;--sov-field-bg:#f8fafcb3}[data-theme=dark]{--sov-bg:#0f0f14fa;--sov-surface:#1a1a1af2;--sov-surface-solid:#1a1a1a;--sov-border:#ffffff1a;--sov-border-light:#ffffff12;--sov-text-primary:#fff;--sov-text-secondary:#ff9f0a;--sov-text-muted:#d1d5db;--sov-accent:#818cf8;--sov-accent-soft:#818cf81a;--sov-shadow:0 6px 20px #0009;--sov-shadow-lg:0 12px 32px #000000b3;--sov-glass-bg:#1a1a1af2;--sov-glass-bg-strong:#1e1e1efa;--sov-glass-border:#ffffff14;--sov-glass-shadow:0 2px 20px #0009;--sov-glass-shadow-hover:0 12px 30px #000c;--sov-field-bg:#1e1e1eb3}.sov-page{background:#fff;background:var(--sov-bg);color:#1e293b;color:var(--sov-text-primary);display:flex;flex-direction:column;font-family:Inter,Segoe UI,system-ui,sans-serif;height:100%}.sov-topbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffa6;background:var(--sov-glass-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sov-border);box-shadow:0 6px 20px #0000000d;box-shadow:var(--sov-shadow);flex-shrink:0;gap:16px;justify-content:space-between;padding:14px 28px;position:-webkit-sticky;position:sticky;top:0;transition:all .25s ease;transition:all var(--sov-transition);z-index:20}.sov-topbar,.sov-topbar-left{align-items:center;display:flex}.sov-topbar-left{gap:14px}.sov-title{color:#1e293b;color:var(--sov-text-primary);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin:0}.sov-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:600;gap:5px;letter-spacing:.03em;padding:4px 12px;text-transform:uppercase}.sov-badge.active{background:#dcfce7;color:#15803d}.sov-badge.inactive{background:#fee2e2;color:#b91c1c}.sov-topbar-actions{align-items:center;display:flex;gap:10px}.sov-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--sov-radius-sm);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 18px;transition:all .25s ease;transition:all var(--sov-transition)}.sov-btn-primary{background:#6366f1;background:var(--sov-accent);color:#fff}.sov-btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f159;transform:translateY(-1px)}.sov-btn-primary:disabled{cursor:not-allowed;opacity:.45}.sov-btn-ghost{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffa6;background:var(--sov-glass-bg);border:1px solid #e2e8f0;border:1px solid var(--sov-border);box-shadow:0 1px 4px #0000000f;color:#475569;color:var(--sov-text-secondary);padding:8px 12px}.sov-btn-ghost:hover{background:#ffffffe6;background:var(--sov-surface);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.sov-btn .material-symbols-rounded{font-size:18px}.sov-body{flex:1 1;gap:16px;padding:16px}.sov-body,.sov-sidebar{display:flex;overflow:hidden}.sov-sidebar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffa6;background:var(--sov-glass-bg);border:1px solid #e2e8f0;border:1px solid var(--sov-border);border-radius:24px;box-shadow:0 2px 20px #00000014;box-shadow:var(--sov-glass-shadow);flex-direction:column;flex-shrink:0;transition:width .25s ease,box-shadow .25s ease;transition:width var(--sov-transition),box-shadow var(--sov-transition);width:420px;width:var(--sov-sidebar-w)}.sov-sidebar:hover{box-shadow:0 12px 28px #0000001f;box-shadow:var(--sov-glass-shadow-hover)}.sov-sidebar.collapsed{border-radius:16px;width:60px}.sov-sidebar-header{align-items:center;border-bottom:1px solid #e2e8f099;border-bottom:1px solid var(--sov-border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.sov-sidebar-title{font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0;overflow:hidden;text-transform:uppercase;white-space:nowrap}.sov-sidebar-title,.sov-sidebar-toggle{color:#64748b;color:var(--sov-text-muted)}.sov-sidebar-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#dcfce740;border:1px solid #34d3994d;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .25s ease;transition:all var(--sov-transition);width:30px}.sov-sidebar-toggle:hover{background:#34d39940;color:#1e293b;color:var(--sov-text-primary)}.sov-avatar-card{border-bottom:1px solid #e2e8f099;border-bottom:1px solid var(--sov-border-light);gap:14px;padding:18px 18px 14px}.sov-avatar,.sov-avatar-card{align-items:center;display:flex;flex-shrink:0}.sov-avatar{background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:50%;box-shadow:0 6px 16px #6366f159;color:#fff;font-size:1.2rem;font-weight:700;height:52px;justify-content:center;position:relative;width:52px}.sov-avatar.online:after{background:#22c55e;border:2px solid #fff;border-radius:50%;bottom:2px;content:"";height:11px;position:absolute;right:2px;width:11px}.sov-avatar-info{overflow:hidden}.sov-avatar-name{color:#1e293b;color:var(--sov-text-primary);font-size:.95rem;font-weight:700}.sov-avatar-meta,.sov-avatar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sov-avatar-meta{color:#64748b;color:var(--sov-text-muted);font-size:.75rem;margin-top:2px}.sov-status-row{border-bottom:1px solid #e2e8f099;border-bottom:1px solid var(--sov-border-light);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:10px 18px}.sov-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;padding:3px 10px}.sov-status-pill.green{background:#dcfce7;color:#15803d}.sov-status-pill.blue{background:#dbeafe;color:#1d4ed8}.sov-status-pill.amber{background:#fef3c7;color:#92400e}.sov-status-pill.gray{background:#f1f5f9;color:#475569}.sov-sidebar-scroll{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:14px 14px 24px;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--sov-border) #0000;scrollbar-width:thin}.sov-sidebar-scroll::-webkit-scrollbar{width:4px}.sov-sidebar-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--sov-border);border-radius:4px}.sov-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid #ffffff8c;border:1.5px solid var(--sov-glass-border);border-radius:14px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--sov-shadow);flex-shrink:0;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.sov-section:hover{box-shadow:0 12px 32px #0000001a;box-shadow:var(--sov-shadow-lg);transform:translateY(-2px)}.sov-section:first-child{background:#fce7f38c;border-color:#db277733}.sov-section:nth-child(2){background:#ede9fe8c;border-color:#7c3aed33}.sov-section:nth-child(3){background:#d1fae58c;border-color:#05966933}.sov-section:nth-child(4){background:#dbeafe8c;border-color:#2563eb33}.sov-section:nth-child(5){background:#fef3c78c;border-color:#d9770633}.sov-section-header{align-items:center;color:#fff;display:flex;font-size:.72rem;font-weight:700;gap:8px;letter-spacing:.07em;padding:11px 16px;position:relative;text-transform:uppercase}.sov-section-header .material-symbols-rounded{font-size:16px}.sov-section:first-child .sov-section-header{background:linear-gradient(135deg,#f472b6,#db2777)}.sov-section:nth-child(2) .sov-section-header{background:linear-gradient(135deg,#818cf8,#4f46e5)}.sov-section:nth-child(3) .sov-section-header{background:linear-gradient(135deg,#34d399,#059669)}.sov-section:nth-child(4) .sov-section-header{background:linear-gradient(135deg,#60a5fa,#2563eb)}.sov-section:nth-child(5) .sov-section-header{background:linear-gradient(135deg,#fbbf24,#d97706)}.sov-pairs{display:flex;flex-direction:column;gap:0;padding:8px 14px 12px}.sov-pairs.sov-pairs-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;padding:8px 14px 12px}.sov-pair{border-bottom:1px solid #e2e8f099;border-bottom:1px solid var(--sov-border-light);display:flex;flex-direction:column;font-size:.8rem;gap:2px;padding:8px 6px}.sov-pair.sov-pair-full{grid-column:1/-1}.sov-pair:last-child{border-bottom:none}.sov-pair-label{color:#64748b;color:var(--sov-text-muted);font-size:.72rem;font-weight:500}.sov-pair-value{color:#1e293b;color:var(--sov-text-primary);font-size:.82rem;font-weight:600;word-break:break-word}.sov-section .field-group{display:flex;flex-direction:column;gap:4px;padding:8px 12px 12px}.sov-sec-buttons{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 14px}.sov-sec-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex:1 1;font-size:.75rem;font-weight:600;gap:5px;justify-content:center;min-width:100px;padding:7px 10px;transition:all .25s ease;transition:all var(--sov-transition)}.sov-sec-btn.change{background:#eef2ff;color:#4f46e5}.sov-sec-btn.change:hover{background:#e0e7ff;transform:translateY(-1px)}.sov-sec-btn.reset{background:#fef3c7;color:#92400e}.sov-sec-btn.reset:hover{background:#fde68a;transform:translateY(-1px)}.sov-sec-btn .material-symbols-rounded{font-size:15px}.sov-collapsed-icons{align-items:center;display:flex;flex-direction:column;gap:10px;padding:12px 0}.sov-collapsed-icon{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffa6;background:var(--sov-glass-bg);border:1px solid #e2e8f0;border:1px solid var(--sov-border);border-radius:10px;color:#475569;color:var(--sov-text-secondary);cursor:pointer;display:flex;height:38px;justify-content:center;position:relative;transition:all .25s ease;transition:all var(--sov-transition);width:38px}.sov-collapsed-icon:hover{background:#6366f1;background:var(--sov-accent);border-color:#6366f1;border-color:var(--sov-accent);color:#fff;transform:translateY(-2px)}.sov-collapsed-icon .material-symbols-rounded{font-size:20px}.sov-main{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffa6;background:var(--sov-glass-bg);border:1px solid #e2e8f0;border:1px solid var(--sov-border);border-radius:24px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--sov-shadow);flex:1 1;overflow-y:auto;padding:20px;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--sov-border) #0000;scrollbar-width:thin;transition:box-shadow .25s ease;transition:box-shadow var(--sov-transition)}.sov-main:hover{box-shadow:0 12px 32px #0000001a;box-shadow:var(--sov-shadow-lg)}.sov-main::-webkit-scrollbar{width:5px}.sov-main::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--sov-border);border-radius:4px}.sov-cards.list{display:flex;flex-direction:column;gap:14px}.sov-card-row{grid-gap:18px;display:grid;gap:18px;grid-column:1/-1;grid-template-columns:1fr 1fr}@media (max-width:700px){.sov-card-row{grid-template-columns:1fr}}.sov-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;background:var(--sov-glass-bg-strong);border:1.5px solid #ffffff8c;border:1.5px solid var(--sov-glass-border);border-left:none;border-radius:16px;border-radius:var(--sov-radius);box-shadow:0 6px 20px #0000000d;box-shadow:var(--sov-shadow);overflow:hidden;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;transition:box-shadow var(--sov-transition),transform var(--sov-transition),border-color var(--sov-transition)}.sov-card:hover{border-color:#e2e8f0;border-color:var(--sov-border);box-shadow:0 12px 32px #0000001a;box-shadow:var(--sov-shadow-lg);transform:translateY(-2px)}.sov-card.minimized .sov-card-body{display:none}.sov-card-header{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid #e2e8f099;border-bottom:1px solid var(--sov-border-light);justify-content:space-between;padding:12px 16px}.sov-card-header,.sov-card-header-left{align-items:center;display:flex;gap:10px}.sov-card-header-left{min-width:0}.sov-card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.sov-card-icon .material-symbols-rounded{font-size:20px}.sov-card.card-personal .sov-card-icon{background:#fce7f3e6;color:#db2777}.sov-card.card-academic .sov-card-icon{background:#d1fae5e6;color:#059669}.sov-card.card-family .sov-card-icon{background:#ede9fee6;color:#7c3aed}.sov-card.card-emergency .sov-card-icon{background:#fee2e2e6;color:#dc2626}.sov-card.card-id .sov-card-icon{background:#dbeafee6;color:#2563eb}.sov-card.card-admission .sov-card-icon{background:#fef3c7e6;color:#d97706}.sov-card.card-docflow .sov-card-icon{background:#f0fdf4e6;color:#16a34a}.sov-card.card-personal{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffb8;border:1.5px solid #ffffff8c}.sov-card.card-academic{background:#d1fae573;border:1.5px solid #05966938}.sov-card.card-academic,.sov-card.card-family{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sov-card.card-family{background:#ede9fe73;border:1.5px solid #7c3aed38}.sov-card.card-emergency{background:#fee2e273;border:1.5px solid #dc262638}.sov-card.card-emergency,.sov-card.card-id{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sov-card.card-id{background:#dbeafe73;border:1.5px solid #2563eb38}.sov-card.card-admission{background:#fef3c773;border:1.5px solid #d9770638}.sov-card.card-admission,.sov-card.card-docflow{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sov-card.card-docflow{background:#dcfce773;border:1.5px solid #16a34a38}.sov-card-title{color:#1e293b;color:var(--sov-text-primary);font-size:.92rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sov-completion-badge{border-radius:999px;flex-shrink:0;font-size:.68rem;font-weight:700;padding:2px 8px}.sov-completion-badge.c1{background:#fee2e2;color:#b91c1c}.sov-completion-badge.c2{background:#fef3c7;color:#92400e}.sov-completion-badge.c3{background:#dbeafe;color:#1d4ed8}.sov-completion-badge.c4{background:#dcfce7;color:#15803d}.sov-importance-badge{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:.68rem;font-weight:600;gap:3px;padding:2px 8px}.sov-importance-badge.high{background:#fee2e2;color:#dc2626}.sov-importance-badge.medium{background:#fef3c7;color:#b45309}.sov-importance-badge .material-symbols-rounded{font-size:12px}.sov-card-header-actions{display:flex;flex-shrink:0;gap:4px}.sov-card-action-btn{align-items:center;background:none;border:none;border-radius:7px;color:#64748b;color:var(--sov-text-muted);cursor:pointer;display:flex;padding:5px;transition:all .25s ease;transition:all var(--sov-transition)}.sov-card-action-btn:hover{background:#6366f114;background:var(--sov-accent-soft);color:#1e293b;color:var(--sov-text-primary)}.sov-card-action-btn.active{color:#f59e0b}.sov-card-action-btn .material-symbols-rounded{font-size:18px}.sov-card-body{background:#ffffff4d;padding:18px}.sov-field-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sov-section-label{border-bottom:1px solid #e2e8f099;border-bottom:1px solid var(--sov-border-light);color:#64748b;color:var(--sov-text-muted);font-size:.78rem;font-weight:700;margin-bottom:10px;padding-bottom:6px}.sov-section-label--mt{margin-top:18px}.sov-field{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#f8fafcb3;background:var(--sov-field-bg);border:1px solid #0000;border-radius:10px;border-radius:var(--sov-radius-sm);display:flex;flex-direction:column;gap:4px;padding:10px 12px;position:relative;transition:all .25s ease;transition:all var(--sov-transition)}.sov-field:hover{background:#ffffffe6;border-color:#e2e8f0;border-color:var(--sov-border);box-shadow:0 4px 12px #0000000f}[data-theme=dark] .sov-field:hover{background:#282828e6}.sov-field.has-changes{background:#eef2ffe6;border-color:#a5b4fc}.sov-field.field-empty{border-color:#0000}.sov-field.field-bookmarked{border-color:#fbbf24}.sov-field-top{justify-content:space-between}.sov-field-label,.sov-field-top{align-items:center;display:flex;gap:4px}.sov-field-label{color:#64748b;color:var(--sov-text-muted);font-size:.72rem;font-weight:600}.sov-field-label .material-symbols-rounded{font-size:11px}.sov-field-actions{display:flex;gap:2px;opacity:0;transition:opacity .25s ease;transition:opacity var(--sov-transition)}.sov-field:hover .sov-field-actions{opacity:1}.sov-field-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;color:var(--sov-text-muted);cursor:pointer;display:flex;padding:2px;transition:all .25s ease;transition:all var(--sov-transition)}.sov-field-btn:hover{background:#e2e8f0;background:var(--sov-border);color:#1e293b;color:var(--sov-text-primary)}.sov-field-btn.active{color:#f59e0b}.sov-field-btn .material-symbols-rounded{font-size:14px}.sov-field-value-wrap{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:6px;min-height:28px;transition:background-color .2s ease}.sov-field-value-wrap:hover{background-color:#00000008}.sov-field-value-wrap.read-only{cursor:default}.sov-field-value{color:#1e293b;color:var(--sov-text-primary);flex:1 1;font-size:.9rem;font-weight:600;word-break:break-word}.sov-field-value.empty{color:#64748b;color:var(--sov-text-muted);font-style:italic;font-weight:400}.sov-field-edit-btn{align-items:center;background:none;border:none;border-radius:5px;color:#64748b;color:var(--sov-text-muted);cursor:pointer;display:flex;opacity:0;padding:3px;transition:all .25s ease;transition:all var(--sov-transition)}.sov-field:hover .sov-field-edit-btn{opacity:1}.sov-field-edit-btn:hover{color:#6366f1;color:var(--sov-accent)}.sov-field-edit-btn .material-symbols-rounded{font-size:15px}.sov-field-input{background:#fffffff2;border:1.5px solid #6366f1;border:1.5px solid var(--sov-accent);border-radius:7px;box-shadow:0 0 0 3px #6366f11f;color:#1e293b;color:var(--sov-text-primary);font-size:.88rem;font-weight:500;outline:none;padding:6px 10px;transition:all .2s ease;width:100%}.sov-field-input:focus{box-shadow:0 0 0 3px #6366f133;transform:scale(1.02)}.sov-change-dot{background:#6366f1;background:var(--sov-accent);border-radius:50%;height:6px;position:absolute;right:8px;top:8px;width:6px}.sov-spin{animation:sov-rotate 1s linear infinite}@keyframes sov-rotate{to{transform:rotate(1turn)}}.sov-hover-popup{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#065f46f2;border:1px solid #ffffff26;border-radius:14px;box-shadow:0 12px 40px #00000040;color:#fff;max-width:280px;min-width:220px;padding:14px 18px;pointer-events:none;position:fixed;z-index:100}.sov-popup-header{align-items:center;border-bottom:1px solid #fff3;display:flex;gap:8px;margin-bottom:12px;padding-bottom:8px}.sov-popup-header h4{font-size:.9rem;font-weight:700;margin:0}.sov-popup-header .material-symbols-rounded{font-size:18px}.sov-popup-row{display:flex;font-size:.78rem;gap:8px;justify-content:space-between;padding:4px 0}.sov-popup-row-label{opacity:.75}.sov-popup-row-value{font-weight:600;text-align:right}.sov-popup-arrow{border-bottom:10px solid #0000;border-right:10px solid #065f46f2;border-top:10px solid #0000;height:0;left:-10px;position:absolute;top:50%;transform:translateY(-50%);width:0}.sov-card.card-docflow .sov-card-body{padding:12px}@media (max-width:1200px){:root{--sov-sidebar-w:340px}.sov-body{gap:12px;padding:12px}}@media (max-width:900px){:root{--sov-sidebar-w:260px}.sov-body{flex-direction:row;gap:10px;padding:10px}.sov-card-row,.sov-pairs.sov-pairs-grid{grid-template-columns:1fr}.sov-topbar{padding:12px 16px}.sov-topbar .sov-title{font-size:1rem}.sov-main{padding:14px}.sov-main,.sov-sidebar{border-radius:18px}}@media (max-width:640px){.sov-page{height:auto;min-height:100%}.sov-body{flex-direction:column;gap:8px;height:auto;overflow:visible;padding:8px}.sov-main{flex:none;padding:12px}.sov-main,.sov-sidebar{border-radius:16px;overflow:visible}.sov-sidebar{flex-shrink:0;height:auto;width:100%!important}.sov-sidebar-scroll{flex:none;height:auto;max-height:none;overflow:visible}.sov-sidebar.collapsed{border-radius:12px;height:auto;overflow:hidden;width:100%!important}.sov-sidebar.collapsed .sov-collapsed-icons{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start;padding:10px 14px}.sov-sidebar.collapsed .sov-avatar-card,.sov-sidebar.collapsed .sov-sidebar-header,.sov-sidebar.collapsed .sov-sidebar-scroll,.sov-sidebar.collapsed .sov-status-row{display:none}.sov-collapsed-toggle{background:#6366f11f!important;border-color:#6366f14d!important;color:#6366f1!important;color:var(--sov-accent)!important}.sov-collapsed-toggle:hover{background:#6366f1!important;background:var(--sov-accent)!important;color:#fff!important}.sov-topbar{gap:8px;padding:10px 14px}.sov-topbar .sov-title{font-size:.9rem}.sov-btn{font-size:.8rem;padding:6px 12px}.sov-section-header{padding:10px 14px}.sov-pairs.sov-pairs-grid{grid-template-columns:1fr 1fr;padding:6px 10px 10px}.sov-pair.sov-pair-full{grid-column:1/-1}.sov-card-header{padding:10px 12px}.sov-card-body{padding:12px}.sov-field-grid{gap:8px;grid-template-columns:1fr 1fr}.sov-card-row{gap:10px;grid-template-columns:1fr}}.sov-divider{background:#e2e8f099;background:var(--sov-border-light);height:1px;margin:8px 0}.sov-card-body .enhanced-field-item,.sov-field-grid .enhanced-field-item{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#f8fafcb3;background:var(--sov-field-bg);border:1px solid #0000;border-radius:10px;border-radius:var(--sov-radius-sm);display:flex;flex-direction:column;gap:4px;padding:10px 12px;position:relative;transition:all .25s ease;transition:all var(--sov-transition)}.sov-card-body .enhanced-field-item:hover{background:#ffffffe6;border-color:#e2e8f0;border-color:var(--sov-border);box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}[data-theme=dark] .sov-card-body .enhanced-field-item:hover{background:#282828e6}.sov-card-body .enhanced-field-item.has-changes{background:#eef2ffe6;border-color:#a5b4fc}.sov-card-body .enhanced-field-item.field-empty{border-color:#0000}.sov-card-body .enhanced-field-item.field-bookmarked{border-color:#fbbf24}.sov-card-body .field-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.sov-card-body .st-label{align-items:center;color:#64748b;color:var(--sov-text-muted);display:flex;font-size:.72rem;font-weight:600;gap:4px}.sov-card-body .field-actions{display:flex;gap:2px;opacity:0;transition:opacity .25s ease;transition:opacity var(--sov-transition)}.sov-card-body .enhanced-field-item:hover .field-actions{opacity:1}.sov-card-body .field-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;color:var(--sov-text-muted);cursor:pointer;display:flex;padding:2px;transition:all .25s ease;transition:all var(--sov-transition)}.sov-card-body .field-action-btn:hover{background:#e2e8f0;background:var(--sov-border);color:#1e293b;color:var(--sov-text-primary)}.sov-card-body .field-action-btn.active{color:#f59e0b}.sov-card-body .field-action-btn .material-symbols-rounded{font-size:14px}.sov-card-body .field-item{min-height:28px}.sov-card-body .st-value-container{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:6px;min-height:28px;padding:2px 4px;transition:background-color .2s ease}.sov-card-body .st-value-container:hover{background-color:#00000008}.sov-card-body .st-value-container.read-only{cursor:default}.sov-card-body .st-value-text{color:#1e293b;color:var(--sov-text-primary);flex:1 1;font-size:.9rem;font-weight:600;word-break:break-word}.sov-card-body .st-edit-icon-btn{align-items:center;background:none;border:none;border-radius:5px;color:#64748b;color:var(--sov-text-muted);cursor:pointer;display:flex;opacity:0;padding:3px;transition:all .25s ease;transition:all var(--sov-transition)}.sov-card-body .enhanced-field-item:hover .st-edit-icon-btn{opacity:1}.sov-card-body .st-edit-icon-btn:hover{color:#6366f1;color:var(--sov-accent)}.sov-card-body .st-edit-icon-btn .material-symbols-rounded{font-size:15px}.sov-card-body .st-edit-input{background:#fffffff2;border:1.5px solid #6366f1;border:1.5px solid var(--sov-accent);border-radius:7px;box-shadow:0 0 0 3px #6366f11f;color:#1e293b;color:var(--sov-text-primary);font-size:.88rem;font-weight:500;outline:none;padding:6px 10px;transition:all .2s ease;width:100%}.sov-card-body .st-edit-input:focus{box-shadow:0 0 0 3px #6366f133;transform:scale(1.02)}.sov-card-body .change-indicator{align-items:center;color:#6366f1;color:var(--sov-accent);display:flex;font-size:12px;position:absolute;right:8px;top:8px}.sov-card-body .change-indicator .material-symbols-rounded{font-size:13px}.sov-card-body .empty-indicator{color:#f59e0b;margin-left:2px}.sov-card-body .readonly-indicator{opacity:.5}.sov-card-body .spinning{animation:sov-rotate 1s linear infinite}[data-theme=dark] .sov-badge.active{background:#15803d40;color:#4ade80}[data-theme=dark] .sov-badge.inactive{background:#b91c1c40;color:#f87171}[data-theme=dark] .sov-status-pill.green{background:#15803d33;color:#4ade80}[data-theme=dark] .sov-status-pill.blue{background:#1d4ed833;color:#93c5fd}[data-theme=dark] .sov-status-pill.amber{background:#92400e33;color:#fcd34d}[data-theme=dark] .sov-status-pill.gray{background:#ffffff14;color:#94a3b8}[data-theme=dark] .sov-sidebar-toggle{background:#34d3991a;border-color:#34d39933}[data-theme=dark] .sov-sidebar-toggle:hover{background:#34d39933}[data-theme=dark] .sov-card.card-personal .sov-card-icon{background:#db277733;color:#f472b6}[data-theme=dark] .sov-card.card-academic .sov-card-icon{background:#05966933;color:#34d399}[data-theme=dark] .sov-card.card-family .sov-card-icon{background:#7c3aed33;color:#a78bfa}[data-theme=dark] .sov-card.card-emergency .sov-card-icon{background:#dc262633;color:#f87171}[data-theme=dark] .sov-card.card-id .sov-card-icon{background:#2563eb33;color:#60a5fa}[data-theme=dark] .sov-card.card-admission .sov-card-icon{background:#d9770633;color:#fbbf24}[data-theme=dark] .sov-card.card-docflow .sov-card-icon{background:#16a34a33;color:#4ade80}[data-theme=dark] .sov-card.card-personal{background:#282832d9;border:1.5px solid #ffffff1a}[data-theme=dark] .sov-card.card-academic{background:#0596691f;border:1.5px solid #05966940}[data-theme=dark] .sov-card.card-family{background:#7c3aed1f;border:1.5px solid #7c3aed40}[data-theme=dark] .sov-card.card-emergency{background:#dc26261f;border:1.5px solid #dc262640}[data-theme=dark] .sov-card.card-id{background:#2563eb1f;border:1.5px solid #2563eb40}[data-theme=dark] .sov-card.card-admission{background:#d977061f;border:1.5px solid #d9770640}[data-theme=dark] .sov-card.card-docflow{background:#16a34a1f;border:1.5px solid #16a34a40}[data-theme=dark] .sov-card-body{background:#00000026}[data-theme=dark] .sov-section:first-child{background:#db27771f;border-color:#db277740}[data-theme=dark] .sov-section:nth-child(2){background:#7c3aed1f;border-color:#7c3aed40}[data-theme=dark] .sov-section:nth-child(3){background:#0596691f;border-color:#05966940}[data-theme=dark] .sov-section:nth-child(4){background:#2563eb1f;border-color:#2563eb40}[data-theme=dark] .sov-section:nth-child(5){background:#d977061f;border-color:#d9770640}[data-theme=dark] .sov-card-body .enhanced-field-item:hover,[data-theme=dark] .sov-field:hover{background:#32323ce6;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .sov-card-body .st-edit-input,[data-theme=dark] .sov-field-input{background:#1e1e28f2;border-color:#6366f1;border-color:var(--sov-accent);color:#fff}[data-theme=dark] .sov-card-body .st-edit-input:focus,[data-theme=dark] .sov-field-input:focus{box-shadow:0 0 0 3px #818cf840}[data-theme=dark] .sov-card-body .enhanced-field-item.has-changes,[data-theme=dark] .sov-field.has-changes{background:#6366f12e;border-color:#818cf8}[data-theme=dark] .sov-sec-btn.change{background:#6366f12e;color:#a5b4fc}[data-theme=dark] .sov-sec-btn.change:hover{background:#6366f14d}[data-theme=dark] .sov-sec-btn.reset{background:#92400e2e;color:#fcd34d}[data-theme=dark] .sov-sec-btn.reset:hover{background:#92400e4d}[data-theme=dark] .sov-card-body .st-value-container:hover,[data-theme=dark] .sov-field-value-wrap:hover{background-color:#ffffff0f}[data-theme=dark] .sov-completion-badge.c1{background:#b91c1c40;color:#fca5a5}[data-theme=dark] .sov-completion-badge.c2{background:#92400e40;color:#fcd34d}[data-theme=dark] .sov-completion-badge.c3{background:#1d4ed840;color:#93c5fd}[data-theme=dark] .sov-completion-badge.c4{background:#15803d40;color:#4ade80}[data-theme=dark] .sov-importance-badge.high{background:#dc262633;color:#f87171}[data-theme=dark] .sov-importance-badge.medium{background:#b4530933;color:#fcd34d}[data-theme=dark] .sov-hover-popup{background:#141e19f7;border-color:#ffffff1f}[data-theme=dark] .sov-popup-arrow{border-right-color:#141e19f7}[data-theme=dark] .sov-collapsed-toggle{background:#818cf826!important;border-color:#818cf859!important}[data-theme=dark] .sov-collapsed-toggle:hover{background:#6366f1!important;background:var(--sov-accent)!important}[data-theme=dark] .sov-btn-primary:hover:not(:disabled){background:#6366f1;box-shadow:0 4px 12px #6366f166}.psm-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9900}.psm-panel{animation:psmSlide .22s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 28px 72px #00000040;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:min(92vw,900px)}@keyframes psmSlide{0%{opacity:0;transform:scale(.93) translateY(-18px)}to{opacity:1;transform:none}}.psm-header{background:linear-gradient(135deg,#10b98112,#05966908);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;padding:1.25rem 1.75rem}.psm-header,.psm-header-left{align-items:center;display:flex}.psm-header-left{gap:1rem}.psm-header-icon-wrap{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;box-shadow:0 4px 12px #10b9814d;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.psm-header-icon-wrap .material-symbols-rounded{color:#fff;font-size:1.5rem}.psm-header-left h2{color:#111827;color:var(--text-primary,#111827);font-size:1.1rem;font-weight:900;margin:0}.psm-header-left p{color:#9ca3af;font-size:.78rem;margin:.1rem 0 0}.psm-close{align-items:center;background:none;border:none;border-radius:9px;color:#9ca3af;cursor:pointer;display:flex;padding:.4rem;transition:all .15s}.psm-close:hover{background:#f3f4f6;color:#374151}[data-theme=dark] .psm-close:hover{background:#ffffff12;color:#e5e7eb}.psm-carry-banner{align-items:flex-start;background:#10b98112;border-bottom:1px solid #10b98126;color:#047857;display:flex;flex-shrink:0;font-size:.82rem;gap:.6rem;padding:.65rem 1.75rem}.psm-carry-banner .material-symbols-rounded{flex-shrink:0;font-size:1rem;margin-top:1px}[data-theme=dark] .psm-carry-banner{background:#10b9811a;border-color:#10b98133;color:#6ee7b7}.psm-toolbar{background:#fafafa;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;flex-direction:column;flex-shrink:0;gap:.6rem;padding:.9rem 1.75rem}[data-theme=dark] .psm-toolbar{background:#ffffff05}.psm-search{align-items:center;background:#fff;background:var(--input-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;display:flex;gap:.5rem;padding:0 .75rem}.psm-search:focus-within{border-color:#10b981}.psm-search .material-symbols-rounded{color:#9ca3af;flex-shrink:0;font-size:1.1rem}.psm-search input{background:#0000;border:none;color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:.85rem;outline:none;padding:.55rem 0}.psm-clear-btn{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;padding:.2rem}.psm-clear-btn:hover{color:#ef4444}.psm-filters{display:flex;flex-wrap:wrap;gap:.5rem}.psm-select{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);color:#374151;color:var(--text-primary,#374151);font-size:.8rem;padding:.4rem .6rem}.psm-clear-filters,.psm-select{border-radius:8px;cursor:pointer}.psm-clear-filters{align-items:center;background:#fef2f2;border:1.5px solid #fca5a5;color:#dc2626;display:flex;font-size:.78rem;gap:.3rem;padding:.4rem .7rem}.psm-clear-filters .material-symbols-rounded{font-size:.9rem}.psm-body{flex:1 1;overflow-y:auto;padding:1rem 1.75rem}.psm-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem;text-align:center}.psm-state .material-symbols-rounded{font-size:2.5rem}.psm-state p{font-size:.9rem;margin:0}.psm-source-hint{color:#6b7280;font-size:.84rem;margin:0 0 .75rem}.psm-source-list{display:flex;flex-direction:column;gap:.75rem}.psm-source-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;padding:.9rem 1.1rem;transition:all .15s}.psm-source-card:hover{background:#10b9810a;border-color:#10b981;box-shadow:0 2px 10px #10b9811f}.psm-source-card-info{display:flex;flex-direction:column;gap:.3rem}.psm-source-name{color:#111827;color:var(--text-primary,#111827);font-size:.95rem;font-weight:700}.psm-source-course{align-items:center;color:#6b7280;display:flex;font-size:.78rem;gap:.3rem}.psm-source-course .material-symbols-rounded{font-size:.9rem}.psm-source-progress{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.psm-source-arrow{color:#d1d5db;font-size:1.3rem}.psm-pill{align-items:center;background:#6366f114;border:1px solid #6366f126;border-radius:6px;color:#6366f1;display:inline-flex;font-size:.73rem;gap:.25rem;padding:.2rem .55rem}.psm-pill .material-symbols-rounded{font-size:.8rem}.psm-status{border-radius:5px;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.15rem .5rem;text-transform:uppercase}.psm-status-active{background:#d1fae5;color:#065f46}.psm-status-draft{background:#f3f4f6;color:#374151}.psm-status-waiting{background:#fef3c7;color:#92400e}.psm-status-promoted{background:#ede9fe;color:#5b21b6}.psm-status-closed{background:#f1f5f9;color:#475569}.psm-status-cancelled{background:#fee2e2;color:#991b1b}.psm-list{display:flex;flex-direction:column;gap:.75rem}.psm-card{align-items:flex-start;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:14px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.1rem;transition:all .15s}.psm-card:hover{background:#10b98108;border-color:#10b981}.psm-card.selected{background:#10b9810f;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.psm-card-sel{flex-shrink:0;padding-top:2px}.psm-card-sel .material-symbols-rounded{color:#d1d5db;font-size:1.25rem}.psm-card.selected .psm-card-sel .material-symbols-rounded{color:#10b981;font-variation-settings:"'FILL' 1"}.psm-card-body{flex:1 1;min-width:0}.psm-card-top{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.4rem}.psm-prog-name{color:#111827;color:var(--text-primary,#111827);font-size:.95rem;font-weight:700;margin:0}.psm-prog-id{color:#9ca3af;font-size:.72rem}.psm-card-badges{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.4rem}.psm-badge{border-radius:6px;font-size:.71rem;font-weight:600;padding:.2rem .55rem}.psm-desc{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#6b7280;display:-webkit-box;font-size:.8rem;margin:0 0 .6rem;overflow:hidden}.psm-stats{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.5rem}.psm-stat{align-items:center;display:flex;font-size:.78rem;gap:.35rem}.psm-stat .material-symbols-rounded{color:#9ca3af;font-size:1rem}.psm-stat-val{color:#111827;color:var(--text-primary,#111827);font-weight:700}.psm-stat-lbl{color:#9ca3af;font-size:.68rem}.psm-remaining{align-items:center;background:#10b98114;border:1px solid #10b98133;border-radius:8px;color:#047857;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.4rem;margin-top:.6rem;padding:.45rem .75rem}.psm-remaining .material-symbols-rounded{font-size:.95rem}[data-theme=dark] .psm-remaining{background:#10b9811a;color:#6ee7b7}.psm-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);flex-shrink:0;gap:1rem;justify-content:space-between;padding:1rem 1.75rem}.psm-footer,.psm-footer-left{align-items:center;display:flex;flex-wrap:wrap}.psm-footer-left{gap:.75rem}.psm-footer-actions{display:flex;gap:.6rem}.psm-selected-preview{align-items:center;color:#059669;display:flex;font-size:.83rem;gap:.4rem}.psm-selected-preview .material-symbols-rounded{font-size:1.1rem;font-variation-settings:"'FILL' 1"}.psm-selected-preview--empty{color:#9ca3af}.psm-btn-cancel{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-size:.85rem;padding:.5rem 1.1rem;transition:all .15s}.psm-btn-cancel:hover{background:#f3f4f6}[data-theme=dark] .psm-btn-cancel:hover{background:#ffffff0d}.psm-btn-back{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;display:flex;font-size:.82rem;gap:.3rem;padding:.45rem .9rem;transition:all .15s}.psm-btn-back .material-symbols-rounded{font-size:1rem}.psm-btn-back:hover{background:#f3f4f6}.psm-btn-promote{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 3px 12px #10b98159;color:#fff;cursor:pointer;display:flex;font-size:.88rem;font-weight:700;gap:.4rem;padding:.55rem 1.25rem;transition:all .15s}.psm-btn-promote:hover:not(:disabled){box-shadow:0 5px 18px #10b98173;transform:translateY(-1px)}.psm-btn-promote:disabled{cursor:not-allowed;opacity:.55;transform:none}.psm-btn-promote .material-symbols-rounded{font-size:1.1rem}.psm-btn-promote .spinning,.psm-state .spinning{animation:spin .8s linear infinite}[data-theme=dark] .psm-panel,[data-theme=dark] .psm-source-card{background:#1e1e2e;background:var(--card-bg,#1e1e2e)}[data-theme=dark] .psm-source-card{border-color:#ffffff14}[data-theme=dark] .psm-source-card:hover{background:#10b98114}[data-theme=dark] .psm-card{background:#1e1e2e;background:var(--card-bg,#1e1e2e);border-color:#ffffff14}[data-theme=dark] .psm-card:hover{background:#10b9810f}[data-theme=dark] .psm-card.selected{background:#10b9811a}.psm-steps{gap:.35rem;margin-right:.5rem}.psm-step,.psm-steps{align-items:center;display:flex}.psm-step{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;color:#94a3b8;font-size:.72rem;font-weight:800;height:26px;justify-content:center;transition:all .2s;width:26px}.psm-step.active{background:#10b981;border-color:#10b981;color:#fff}.psm-step.done{background:#d1fae5;border-color:#6ee7b7;color:#059669}.psm-panel:has(.psm-fee-cols){max-height:90vh;width:min(96vw,1120px)}.psm-fee-cols{align-items:flex-start;display:flex;flex:1 1;overflow-x:hidden;overflow-y:auto}.psm-fee-col{display:flex;flex-direction:column;padding:1.25rem 1.5rem}.psm-fee-col--left{background:#fafbff;border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color,#e5e7eb);flex:0 0 52%;min-height:100%;position:-webkit-sticky;position:sticky;top:0}[data-theme=dark] .psm-fee-col--left{background:#6366f108}.psm-fee-col--right{flex:1 1;padding-bottom:2.5rem}.psm-fee-col-title{align-items:center;border-bottom:1.5px solid #e5e7eb;border-bottom:1.5px solid var(--border-color,#e5e7eb);color:#374151;color:var(--text-primary,#374151);display:flex;font-size:.82rem;font-weight:800;gap:.45rem;margin-bottom:.9rem;padding-bottom:.6rem}.psm-fee-col-title .material-symbols-rounded{color:#6366f1;font-size:1rem}.psm-fee-col-title em{color:#6366f1;font-style:normal}.psm-d-section-label{align-items:center;color:#9ca3af;display:flex;font-size:.72rem;font-weight:700;gap:.35rem;letter-spacing:.05em;margin-bottom:.4rem;text-transform:uppercase}.psm-d-section-label .material-symbols-rounded{font-size:.9rem}.psm-d-info-box{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;overflow:hidden}[data-theme=dark] .psm-d-info-box{background:#ffffff08;border-color:#ffffff14}.psm-d-info-row{align-items:center;border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-color,#0000000d);color:#6b7280;display:flex;font-size:.82rem;justify-content:space-between;padding:.4rem .85rem}.psm-d-info-row:last-child{border-bottom:none}.psm-d-info-row span:first-child{color:#9ca3af}.psm-d-info-row--net{border-top:1.5px solid #e5e7eb!important;border-top:1.5px solid var(--border-color,#e5e7eb)!important;font-size:.9rem;font-weight:800;margin-top:2px;padding-top:.5rem}.psm-d-info-row--net,.psm-d-info-row--net span,.psm-d-info-row--net strong{color:#111827!important;color:var(--text-primary,#111827)!important}.psm-d-receipt-list{display:flex;flex-direction:column;gap:.35rem}.psm-d-receipt-item{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #f1f5f9;border:1px solid var(--border-color,#f1f5f9);border-radius:8px;display:flex;gap:.5rem;justify-content:space-between;padding:.45rem .75rem}[data-theme=dark] .psm-d-receipt-item{background:#ffffff08;border-color:#ffffff12}.psm-d-receipt-left{display:flex;flex-direction:column;gap:.15rem;min-width:0}.psm-d-receipt-id{color:#0d9488;font-family:monospace;font-size:.76rem;font-weight:700}.psm-d-receipt-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.72rem;gap:.4rem}.psm-d-receipt-notes{color:#9ca3af;font-size:.7rem;font-style:italic}.psm-d-receipt-amt{color:#059669;font-size:.9rem;font-weight:800;white-space:nowrap}.psm-d-badge{background:#f1f5f9;border-radius:4px;color:#475569;font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:.1rem .45rem;text-transform:uppercase}[data-theme=dark] .psm-d-badge{background:#ffffff12;color:#94a3b8}.psm-d-muted{color:#9ca3af;font-size:.8rem;padding:4px 0}.psm-d-muted-inline{color:#9ca3af;font-size:.72rem}.psm-d-items-wrap{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow-x:auto}.psm-d-items-table{border-collapse:collapse;font-size:.8rem;width:100%}.psm-d-items-table thead tr{background:#f8fafc}[data-theme=dark] .psm-d-items-table thead tr{background:#ffffff0a}.psm-d-items-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#9ca3af;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.4rem .7rem;text-align:left;text-transform:uppercase}.psm-d-items-table td:nth-child(3),.psm-d-items-table td:nth-child(5),.psm-d-items-table th:nth-child(3),.psm-d-items-table th:nth-child(5){text-align:right}.psm-d-items-table td{border-bottom:1px solid #0000000a;color:#374151;color:var(--text-primary,#374151);padding:.4rem .7rem}.psm-d-items-table tbody tr:last-child td{border-bottom:none}.psm-d-items-table tbody tr:hover{background:#6366f108}.psm-d-gst{color:#0d9488;font-size:.72rem;line-height:1.4}.psm-fee-section{border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:14px;overflow:hidden}.psm-fee-section-title{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#374151;color:var(--text-primary,#374151);display:flex;font-size:.82rem;font-weight:700;gap:.5rem;padding:.65rem 1rem}.psm-fee-section-title .material-symbols-rounded{color:#6366f1;font-size:1rem}[data-theme=dark] .psm-fee-section-title{background:#ffffff0a}.psm-fee-loading{color:#9ca3af}.psm-fee-loading,.psm-fee-none{align-items:center;display:flex;font-size:.8rem;gap:.5rem;padding:.75rem 1rem}.psm-fee-none{color:#6b7280}.psm-fee-none .material-symbols-rounded{color:#d1d5db;font-size:1.1rem}.psm-invoice-summary{display:flex;flex-direction:column;gap:.35rem;padding:.75rem 1rem}.psm-inv-row{align-items:center;color:#6b7280;display:flex;font-size:.83rem;justify-content:space-between}.psm-inv-row--paid{color:#374151;color:var(--text-primary,#374151);font-weight:600}.psm-inv-row--outstanding{font-weight:600}.psm-inv-mono{color:#6366f1;font-family:monospace;font-size:.78rem}.psm-inv-green{color:#059669;font-weight:700}.psm-inv-orange{color:#d97706;font-weight:700}.psm-inv-credit-note{align-items:flex-start;background:#10b98112;border:1px solid #10b9812e;border-radius:8px;color:#047857;display:flex;font-size:.78rem;gap:.4rem;margin-top:.5rem;padding:.5rem .75rem}.psm-inv-credit-note .material-symbols-rounded{flex-shrink:0;font-size:.9rem;margin-top:1px}[data-theme=dark] .psm-inv-credit-note{background:#10b9811a;color:#6ee7b7}.psm-plan-list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.psm-plan-card{align-items:flex-start;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .15s}.psm-plan-card:hover{background:#10b98108;border-color:#10b981}.psm-plan-card.selected{background:#10b9810f;border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.psm-plan-sel .material-symbols-rounded{color:#d1d5db;font-size:1.2rem}.psm-plan-card.selected .psm-plan-sel .material-symbols-rounded{color:#10b981;font-variation-settings:"'FILL' 1"}.psm-plan-info{flex:1 1;min-width:0}.psm-plan-name{color:#111827;color:var(--text-primary,#111827);font-size:.88rem;font-weight:700}.psm-plan-desc{color:#9ca3af;font-size:.75rem;margin-top:.15rem}.psm-plan-items{display:flex;flex-direction:column;gap:.15rem;margin-top:.5rem}.psm-plan-item{border-bottom:1px dashed #0000000f;color:#6b7280;display:flex;font-size:.78rem;justify-content:space-between;padding:.15rem 0}.psm-plan-item:last-child{border-bottom:none}.psm-plan-total{align-self:center;color:#111827;color:var(--text-primary,#111827);font-size:.95rem;font-weight:800;white-space:nowrap}.psm-fee-calc{background:#6366f108;border:1.5px solid #6366f133;border-radius:14px;overflow:hidden}.psm-calc-row{align-items:center;border-bottom:1px solid #0000000d;color:#6b7280;display:flex;font-size:.84rem;justify-content:space-between;padding:.55rem 1rem}.psm-calc-row:last-child{border-bottom:none}.psm-calc-row--credit{color:#059669}.psm-calc-row--total{background:#6366f10f;color:#111827;color:var(--text-primary,#111827);font-size:.92rem;font-weight:800}.psm-calc-due{color:#6366f1;font-size:1rem}.psm-skip-label{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.25rem 0}.psm-skip-label input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:15px;width:15px}.psm-inv-detail{display:flex;flex-direction:column}.psm-inv-header{align-items:center;background:#6366f10a;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.65rem 1rem}.psm-inv-header-left{align-items:center;display:flex;gap:.6rem}.psm-inv-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.psm-inv-id{background:#6366f11a;border-radius:6px;color:#6366f1;font-family:monospace;font-size:.82rem;font-weight:700;letter-spacing:.5px;padding:.15rem .55rem}.psm-inv-prog{color:#6b7280;font-size:.78rem}.psm-inv-due{color:#9ca3af;font-size:.75rem}.psm-inv-status{border-radius:5px;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.15rem .55rem;text-transform:uppercase}.psm-inv-status--draft{background:#f3f4f6;color:#374151}.psm-inv-status--issued{background:#dbeafe;color:#1d4ed8}.psm-inv-status--partially_paid{background:#fef3c7;color:#d97706}.psm-inv-status--paid{background:#d1fae5;color:#065f46}.psm-inv-status--overdue{background:#fee2e2;color:#991b1b}.psm-inv-status--cancelled{background:#f3f4f6;color:#6b7280}.psm-inv-status--superseded{background:#ede9fe;color:#5b21b6}.psm-inv-items-wrap{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);overflow-x:auto}.psm-inv-items-table{border-collapse:collapse;font-size:.8rem;width:100%}.psm-inv-items-table thead tr{background:#f8fafc}[data-theme=dark] .psm-inv-items-table thead tr{background:#ffffff0a}.psm-inv-items-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#9ca3af;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.45rem .75rem;text-align:left;text-transform:uppercase}.psm-inv-items-table td:last-child,.psm-inv-items-table td:nth-child(3),.psm-inv-items-table th:last-child,.psm-inv-items-table th:nth-child(3){text-align:right}.psm-inv-items-table td{border-bottom:1px solid #0000000a;color:#374151;color:var(--text-primary,#374151);padding:.45rem .75rem}.psm-inv-items-table tbody tr:last-child td{border-bottom:none}.psm-inv-items-table tbody tr:hover{background:#6366f108}.psm-inv-gst{color:#0d9488;font-size:.72rem}.psm-inv-muted{color:#d1d5db;font-size:.72rem}.psm-inv-totals{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:.1rem;padding:.5rem 1rem}.psm-inv-total-row{align-items:center;color:#6b7280;display:flex;font-size:.82rem;justify-content:space-between;padding:.3rem 0}.psm-inv-total-row--gst{color:#0d9488;font-size:.78rem}.psm-inv-total-row--discount{color:#059669}.psm-inv-total-row--net{border-top:1.5px solid #e5e7eb;border-top:1.5px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827);font-size:.92rem;font-weight:800;margin-top:.2rem;padding-top:.45rem}.psm-inv-receipts{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:.5rem 1rem .65rem}.psm-inv-receipts-title{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:700;gap:.35rem;letter-spacing:.04em;margin-bottom:.4rem;text-transform:uppercase}.psm-inv-receipts-title .material-symbols-rounded{font-size:.9rem}.psm-inv-receipt-row{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #f1f5f9;border:1px solid var(--border-color,#f1f5f9);border-radius:8px;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.35rem;padding:.4rem .5rem}.psm-inv-receipt-row:last-child{margin-bottom:0}.psm-inv-receipt-left{display:flex;flex-direction:column;gap:.15rem;min-width:0}.psm-inv-receipt-id{color:#0d9488;font-family:monospace;font-size:.76rem;font-weight:700}.psm-inv-receipt-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.72rem;gap:.4rem}.psm-inv-receipt-notes{color:#9ca3af;font-size:.7rem;font-style:italic}.psm-inv-receipt-amt{color:#059669;font-size:.9rem;font-weight:800;white-space:nowrap}.psm-inv-badge{background:#f1f5f9;border-radius:4px;color:#475569;font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:.1rem .45rem;text-transform:uppercase}[data-theme=dark] .psm-inv-receipt-row{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .psm-inv-badge{background:#ffffff12;color:#94a3b8}.psm-inv-detail .psm-inv-credit-note{border:none;border-radius:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #10b98126;margin:0;padding:.6rem 1rem}[data-theme=dark] .psm-inv-header{background:#6366f10f}.psm-form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem}.psm-field{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-width:0}.psm-field label{color:#9ca3af;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.psm-input{background:#fff;background:var(--input-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:9px;box-sizing:border-box;color:#111827;color:var(--text-primary,#111827);font-size:.84rem;padding:.45rem .65rem;transition:border-color .15s;width:100%}.psm-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f;outline:none}[data-theme=dark] .psm-input{background:#ffffff0d;border-color:#ffffff1a;color:#e5e7eb}[data-theme=dark] .psm-input:focus{border-color:#10b981}.psm-seg{background:#f9fafb;background:var(--input-bg,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:9px;display:flex;flex-shrink:0;overflow:hidden}[data-theme=dark] .psm-seg{background:#ffffff0a;border-color:#ffffff1a}.psm-seg-btn{background:#0000;border:none;border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color,#e5e7eb);color:#6b7280;cursor:pointer;font-size:.8rem;font-weight:600;padding:.42rem .75rem;transition:all .15s;white-space:nowrap}.psm-seg-btn:last-child{border-right:none}.psm-seg-btn:hover:not(.active){background:#10b9810f;color:#047857}.psm-seg-btn.active{background:#10b981;color:#fff}[data-theme=dark] .psm-seg-btn{border-color:#ffffff14;color:#9ca3af}[data-theme=dark] .psm-seg-btn.active{background:#059669;color:#fff}.psm-inst-section{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem}.psm-inst-row{align-items:center;display:flex;gap:.4rem}.psm-inst-label{flex:2 1 80px;min-width:60px}.psm-inst-date{flex:2 1 110px;min-width:100px}.psm-inst-amt{flex:1 1 70px;min-width:60px}.psm-inst-del{align-items:center;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:7px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .15s;width:28px}.psm-inst-del:hover:not(:disabled){background:#fee2e2}.psm-inst-del:disabled{cursor:not-allowed;opacity:.35}.psm-inst-del .material-symbols-rounded{font-size:1rem}.psm-inst-footer{flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:.2rem}.psm-inst-add,.psm-inst-footer{align-items:center;display:flex}.psm-inst-add{background:#0000;border:1.5px dashed #10b981;border-radius:8px;color:#059669;cursor:pointer;font-size:.78rem;font-weight:600;gap:.3rem;padding:.35rem .75rem;transition:all .15s}.psm-inst-add:hover{background:#10b9810f}.psm-inst-add .material-symbols-rounded{font-size:.9rem}.psm-inst-balance{border-radius:7px;font-size:.78rem;font-weight:700;padding:.25rem .65rem}.psm-inst-balance.ok{background:#d1fae5;color:#065f46}.psm-inst-balance.warn{background:#fef3c7;color:#92400e}[data-theme=dark] .psm-inst-balance.ok{background:#10b98126;color:#6ee7b7}[data-theme=dark] .psm-inst-balance.warn{background:#f59e0b26;color:#fcd34d}.psm-inst-toggle{align-items:center;border-top:1px dashed #e5e7eb;border-top:1px dashed var(--border-color,#e5e7eb);color:#6366f1;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;justify-content:space-between;margin-top:.4rem;padding:.45rem 0;-webkit-user-select:none;user-select:none}.psm-inst-toggle .material-symbols-rounded{font-size:1rem;transition:transform .2s}.psm-inst-toggle.open .material-symbols-rounded{transform:rotate(180deg)}@media (max-width:768px){.psm-panel{border-radius:16px}.psm-header{padding:1rem 1.1rem}.psm-body{padding:.75rem 1rem}.psm-toolbar{padding:.7rem 1rem}.psm-footer{align-items:stretch;flex-direction:column;padding:.75rem 1rem}.psm-footer-actions{justify-content:flex-end}.psm-btn-promote{flex:1 1;justify-content:center}.psm-fee-cols{flex-direction:column}.psm-fee-col--left{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);border-right:none;flex:none;min-height:0;min-height:auto;position:static}.psm-fee-col--right{flex:none;padding-bottom:1rem}.psm-panel:has(.psm-fee-cols){width:min(96vw,1120px)}}:root[data-theme=light]{--comp-bg-primary:#fff;--comp-bg-secondary:#f8fafc;--comp-bg-tertiary:#f1f5f9;--comp-bg-accent:linear-gradient(135deg,#bbf7d0,#dcfce7);--comp-text-primary:#1e293b;--comp-text-secondary:#64748b;--comp-text-muted:#94a3b8;--comp-text-accent:#065f46;--comp-border-light:#e2e8f0;--comp-border-medium:#cbd5e1;--comp-border-accent:#bbf7d0;--comp-shadow-sm:0 2px 4px #0000000d;--comp-shadow-md:0 4px 12px #00000014;--comp-shadow-lg:0 8px 25px #0000001f;--comp-shadow-accent:0 4px 16px #065f4626;--comp-card-bg:#fff;--comp-card-border:#e2e8f0;--comp-card-shadow:0 6px 20px #0000000d;--comp-card-hover-shadow:0 8px 20px #0000001a;--comp-input-bg:#f8fafc;--comp-input-border:#e2e8f0;--comp-input-focus-border:#065f46;--comp-input-focus-shadow:0 0 0 3px #065f461a;--comp-input-text:#1e293b;--comp-btn-bg:#f1f5f9;--comp-btn-text:#1e293b;--comp-btn-border:#e2e8f0;--comp-btn-shadow:0 1px 3px #0000000a;--comp-btn-hover-bg:#e0f2f1;--comp-btn-hover-shadow:0 6px 12px #0000001a;--comp-status-active-bg:linear-gradient(135deg,#bbf7d0,#dcfce7);--comp-status-active-text:#065f46;--comp-status-inactive-bg:linear-gradient(135deg,#fde68a,#fef9c3);--comp-status-inactive-text:#92400e;--comp-status-pending-bg:linear-gradient(135deg,#fde68a,#fbbf24);--comp-status-pending-text:#92400e;--comp-status-completed-bg:linear-gradient(135deg,#bbf7d0,#34d399);--comp-status-completed-text:#065f46;--comp-status-overdue-bg:linear-gradient(135deg,#fca5a5,#ef4444);--comp-status-overdue-text:#991b1b;--comp-status-suspended-bg:linear-gradient(135deg,#e5e7eb,#d1d5db);--comp-status-suspended-text:#6b7280;--comp-grade-excellent-bg:linear-gradient(135deg,#bbf7d0,#34d399);--comp-grade-excellent-text:#065f46;--comp-grade-good-bg:linear-gradient(135deg,#bfdbfe,#60a5fa);--comp-grade-good-text:#1e40af;--comp-grade-average-bg:linear-gradient(135deg,#fde68a,#fbbf24);--comp-grade-average-text:#92400e;--comp-grade-poor-bg:linear-gradient(135deg,#fca5a5,#ef4444);--comp-grade-poor-text:#991b1b;--comp-table-header-bg:#f0fdf4;--comp-table-header-text:#047857;--comp-table-header-border:#d1fae5;--comp-table-row-hover:#f9fafb;--comp-table-border:#e5e7eb;--comp-empty-bg:#f9fafb;--comp-empty-border:#e5e7eb;--comp-empty-text:#9ca3af;--comp-empty-title:#6b7280;--comp-loading-bg:#f9fafb;--comp-loading-border:#e5e7eb;--comp-loading-text:#6b7280;--comp-icon-primary:#0369a1;--comp-icon-accent:#065f46;--comp-icon-muted:#64748b;--comp-progress-bg:#e2e8f0;--comp-progress-fill:linear-gradient(90deg,#10b981,#059669);--comp-progress-text:#475569;--comp-tooltip-bg:#1e293b;--comp-tooltip-text:#fff}:root[data-theme=dark]{--comp-bg-primary:#1a1a1af2;--comp-bg-secondary:#1e293b;--comp-bg-tertiary:#334155;--comp-bg-accent:linear-gradient(135deg,#065f46,#047857);--comp-text-primary:#f1f5f9;--comp-text-secondary:#cbd5e1;--comp-text-muted:#94a3b8;--comp-text-accent:#bbf7d0;--comp-border-light:#334155;--comp-border-medium:#475569;--comp-border-accent:#065f46;--comp-shadow-sm:0 2px 4px #0000004d;--comp-shadow-md:0 4px 12px #0006;--comp-shadow-lg:0 8px 25px #00000080;--comp-shadow-accent:0 4px 16px #bbf7d026;--comp-card-bg:#1a1a1af2;--comp-card-border:#ffffff1a;--comp-card-shadow:0 6px 20px #0009;--comp-card-hover-shadow:0 8px 25px #000000b3;--comp-input-bg:#333333b3;--comp-input-border:#ffffff1a;--comp-input-focus-border:linear-gradient(135deg,#065f46,#047857);--comp-input-focus-shadow:0 0 0 3px #00ff8840;--comp-input-text:#fff;--comp-btn-bg:#333333b3;--comp-btn-text:#fff;--comp-btn-border:#0f83;--comp-btn-shadow:0 2px 6px #00ff881a;--comp-btn-hover-bg:#00ff8814;--comp-btn-hover-shadow:0 6px 14px #0f83;--comp-status-active-bg:linear-gradient(135deg,#10b981,#059669);--comp-status-active-text:#1a1a1af2;--comp-status-inactive-bg:#ffc1072e;--comp-status-inactive-text:#ffd666;--comp-status-pending-bg:#ffc1072e;--comp-status-pending-text:#ffd666;--comp-status-completed-bg:linear-gradient(135deg,#10b981,#059669);--comp-status-completed-text:#1a1a1af2;--comp-status-overdue-bg:#f4433633;--comp-status-overdue-text:#ffcdd2;--comp-status-suspended-bg:#9e9e9e33;--comp-status-suspended-text:#d1d5db;--comp-grade-excellent-bg:linear-gradient(135deg,#10b981,#059669);--comp-grade-excellent-text:#1a1a1af2;--comp-grade-good-bg:#2196f32e;--comp-grade-good-text:#64b5f6;--comp-grade-average-bg:#ffc1072e;--comp-grade-average-text:#ffd666;--comp-grade-poor-bg:#f4433633;--comp-grade-poor-text:#ffcdd2;--comp-table-header-bg:#00ff8814;--comp-table-header-text:linear-gradient(135deg,#065f46,#047857);--comp-table-header-border:#0f83;--comp-table-row-hover:#ffffff0d;--comp-table-border:#ffffff1a;--comp-empty-bg:#1a1a1af2;--comp-empty-border:#ffffff1a;--comp-empty-text:#9ca3af;--comp-empty-title:#d1d5db;--comp-loading-bg:#1a1a1af2;--comp-loading-border:#ffffff1a;--comp-loading-text:#d1d5db;--comp-icon-primary:#33e6c4;--comp-icon-accent:linear-gradient(135deg,#065f46,#047857);--comp-icon-muted:#d1d5db;--comp-progress-bg:#ffffff1a;--comp-progress-fill:linear-gradient(135deg,#065f46,#047857);--comp-progress-text:#d1d5db;--comp-tooltip-bg:#1a1a1af2;--comp-tooltip-text:#fff}.assignments-content,.attendance-content,.classes-content,.students-content,.subjects-content{color:var(--comp-text-primary);padding:1rem 0;transition:all .3s ease}.comp-section-header,.students-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.comp-section-header h2,.students-header h2{align-items:center;color:var(--comp-text-primary);display:flex;font-size:1.5rem;gap:.5rem;margin:0;transition:color .3s ease}.search-container{align-items:center;display:flex;position:relative}.search-container .material-symbols-rounded{color:var(--comp-icon-muted);font-size:1.2rem;left:.75rem;position:absolute;transition:color .3s ease}.search-input{background:var(--comp-input-bg);border:1px solid var(--comp-input-border);border-radius:8px;color:var(--comp-input-text);font-size:.9rem;min-width:200px;padding:.5rem .75rem .5rem 2.5rem;transition:all .2s ease}.search-input:focus{background:var(--comp-card-bg);border-color:var(--comp-input-focus-border);box-shadow:var(--comp-input-focus-shadow)}.search-input::placeholder{color:var(--comp-text-muted);font-style:italic}.loading-state{background:var(--comp-loading-bg);border:1px solid var(--comp-loading-border)}.loading-state .material-symbols-rounded{color:var(--comp-icon-primary)}.loading-state h3{color:var(--comp-loading-text)}.assignments-grid,.classes-grid,.students-grid,.subjects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.assignment-card,.class-card,.student-card,.subject-card{background:var(--comp-card-bg);border:1px solid var(--comp-card-border);border-radius:12px;box-shadow:var(--comp-card-shadow);padding:1.5rem 1.5rem .5rem;transition:all .3s ease}.assignment-card:hover,.class-card:hover,.student-card:hover,.subject-card:hover{box-shadow:var(--comp-card-hover-shadow);transform:translateY(-2px)}.assignment-header,.class-header,.student-header,.subject-header{align-items:flex-start;border-bottom:1px solid var(--comp-border-light);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;transition:border-color .3s ease}.assignment-header h3,.class-header h3,.subject-header h3{color:var(--comp-text-primary);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.student-header{align-items:center;border-bottom:1px solid var(--comp-border-light);display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.student-avatar{background:var(--comp-bg-accent);height:48px;transition:background .3s ease;width:48px}.student-avatar .material-symbols-rounded{color:var(--comp-text-accent);font-size:24px;transition:color .3s ease}.student-info h3{color:var(--comp-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem;transition:color .3s ease}.student-id{color:var(--comp-text-secondary);font-size:.9rem;margin:0 0 .5rem;transition:color .3s ease}.assignment-details,.class-details,.student-details,.subject-details{margin-bottom:1rem}.detail-row{align-items:center;margin-bottom:.5rem}.detail-row .label{color:var(--comp-text-secondary)}.detail-row .value{color:var(--comp-text-primary);font-size:.9rem}.attendance-value{color:var(--comp-text-accent)!important;font-weight:600!important}.subject-code{background:var(--comp-bg-tertiary);color:var(--comp-text-secondary);font-size:.8rem;padding:.25rem .5rem;transition:all .3s ease}.subject-title-section{display:flex;flex-direction:column;gap:.5rem}.subject-description{color:var(--comp-text-secondary);line-height:1.5;margin-bottom:1rem}.next-class-time{color:var(--comp-icon-primary)!important;font-weight:600!important}.subject-progress,.submission-progress{background:var(--comp-bg-secondary);border:1px solid var(--comp-border-light);border-radius:12px;margin:1rem 0;padding:1rem;transition:all .3s ease}.progress-label{color:var(--comp-text-secondary)}.progress-text{color:var(--comp-progress-text)}.progress-bar{background:var(--comp-progress-bg)}.progress-fill{background:var(--comp-progress-fill)}.progress-percentage{color:var(--comp-progress-text)}.student-subjects{margin-bottom:1rem}.student-subjects h4{color:var(--comp-text-secondary);font-size:.9rem;font-weight:500;margin:0 0 .5rem;transition:color .3s ease}.subjects-list{display:flex;flex-wrap:wrap;gap:.5rem}.subject-tag{background:var(--comp-bg-tertiary);border-radius:6px;color:var(--comp-text-secondary);font-size:.8rem;font-weight:500;padding:.25rem .5rem;transition:all .3s ease}.assignment-actions,.class-actions,.student-actions,.subject-actions{border-top:1px solid var(--comp-border-light);display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem;transition:border-color .3s ease}.ld-icon-btn{background:var(--comp-btn-bg);border:1px solid var(--comp-btn-border);color:var(--comp-btn-text);min-height:36px;min-width:36px}.ld-icon-btn:hover{background-color:var(--comp-btn-hover-bg);box-shadow:var(--comp-btn-hover-shadow);color:var(--comp-icon-primary);transform:translateY(-1px)}.status-badge{border-radius:.5rem;padding:.3rem .6rem}.status-badge.status-active{background:var(--comp-status-active-bg);color:var(--comp-status-active-text)}.status-badge.status-inactive{background:var(--comp-status-inactive-bg);color:var(--comp-status-inactive-text)}.status-badge.status-pending{background:var(--comp-status-pending-bg);color:var(--comp-status-pending-text)}.status-badge.status-completed{background:var(--comp-status-completed-bg);color:var(--comp-status-completed-text)}.status-badge.status-overdue{background:var(--comp-status-overdue-bg);color:var(--comp-status-overdue-text)}.status-badge.status-suspended{background:var(--comp-status-suspended-bg);color:var(--comp-status-suspended-text)}.grade-badge{border-radius:6px;font-size:.8rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase;transition:all .3s ease}.grade-excellent{background:var(--comp-grade-excellent-bg);color:var(--comp-grade-excellent-text)}.grade-good{background:var(--comp-grade-good-bg);color:var(--comp-grade-good-text)}.grade-average{background:var(--comp-grade-average-bg);color:var(--comp-grade-average-text)}.grade-poor{background:var(--comp-grade-poor-bg);color:var(--comp-grade-poor-text)}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.month-selector,.year-selector{background:var(--comp-input-bg);border:1px solid var(--comp-input-border);border-radius:8px;color:var(--comp-input-text);font-size:.9rem;padding:.5rem;transition:all .3s ease}.month-selector:focus,.year-selector:focus{border-color:var(--comp-input-focus-border);box-shadow:var(--comp-input-focus-shadow);outline:none}.attendance-table-wrapper{background:var(--comp-card-bg);border:1px solid var(--comp-card-border);border-radius:12px;margin-top:1rem;overflow-x:auto;transition:all .3s ease}.ld-fp-table{background:var(--comp-card-bg);border-radius:12px;box-shadow:var(--comp-card-shadow);font-size:.85rem;overflow:hidden}.ld-fp-table th{background:var(--comp-table-header-bg);border-bottom:2px solid var(--comp-table-header-border);color:var(--comp-table-header-text);padding:.75rem 1rem;transition:all .3s ease}.ld-fp-table td{border-bottom:1px solid var(--comp-table-border);color:var(--comp-text-primary);padding:.65rem 1rem;transition:all .3s ease}.ld-fp-table tr:hover{background:var(--comp-table-row-hover)}.percentage-cell{display:flex;flex-direction:column;gap:.25rem;min-width:100px}.percentage-value{font-size:.9rem;font-weight:600}.percentage-bar{background:var(--comp-progress-bg);border-radius:3px;height:6px;overflow:hidden;transition:background .3s ease;width:100%}.percentage-fill{border-radius:3px;height:100%;transition:width .3s ease}.attendance-status{border-radius:6px;font-size:.8rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase;transition:all .3s ease}.attendance-excellent{background:var(--comp-grade-excellent-bg);color:var(--comp-grade-excellent-text)}.attendance-good{background:var(--comp-grade-good-bg);color:var(--comp-grade-good-text)}.attendance-average{background:var(--comp-grade-average-bg);color:var(--comp-grade-average-text)}.attendance-poor{background:var(--comp-grade-poor-bg);color:var(--comp-grade-poor-text)}.present-count{color:var(--comp-text-accent)!important;font-weight:600!important}.absent-count{color:var(--comp-status-overdue-text)!important;font-weight:600!important}.student-name-cell{display:flex;flex-direction:column;gap:.25rem}.student-name-cell strong{color:var(--comp-text-primary);font-weight:600;transition:color .3s ease}.ld-fp-empty-state{background:var(--comp-empty-bg);border:2px dashed var(--comp-empty-border);color:var(--comp-empty-text)}.ld-fp-empty-state .material-symbols-rounded{color:var(--comp-icon-muted);transition:color .3s ease}.ld-fp-empty-state h3{color:var(--comp-empty-title)}.ld-fp-empty-state p{color:var(--comp-empty-text)}.lead-md3-btn{background-color:var(--comp-btn-bg);box-shadow:var(--comp-btn-shadow);color:var(--comp-btn-text);transition:background-color .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1),border-radius .3s ease;will-change:transform,box-shadow,background-color}.lead-md3-btn:hover{background-color:var(--comp-btn-hover-bg);border:2px solid var(--comp-input-focus-border);box-shadow:var(--comp-btn-hover-shadow);transform:translateY(-3px) scale(1.02)}.lead-md3-btn.refresh-btn{background:var(--comp-status-active-bg);color:var(--comp-status-active-text)}.lead-md3-btn.refresh-btn:hover{background:var(--comp-status-active-bg);border-color:var(--comp-icon-primary)}.ai-insights-tab-content{background:var(--comp-bg-primary);color:var(--comp-text-primary);padding:1rem 0;transition:all .3s ease}.ai-insights-content{background:var(--comp-card-bg);border:1px solid var(--comp-card-border);border-radius:12px;box-shadow:var(--comp-card-shadow);padding:1.5rem;transition:all .3s ease}.insight-header{margin-bottom:1rem}.insight-main-header{align-items:center;color:var(--comp-text-primary);display:flex;font-size:1.5rem;gap:.5rem;margin:0;transition:color .3s ease}.ai-insights-empty{background:var(--comp-card-bg);border:1px solid var(--comp-card-border);transition:all .3s ease}.empty-state-icon .material-symbols-rounded{color:var(--comp-icon-muted);margin-bottom:1rem}.ai-insights-empty h3{color:var(--comp-text-primary);font-size:1.5rem}.ai-insights-empty p{color:var(--comp-text-secondary)}.insights-content-formatted{color:var(--comp-text-primary);font-family:Google Sans,Segoe UI,system-ui,sans-serif;line-height:1.6;transition:color .3s ease}.ld-icon-btn[title]:hover:after{background:var(--comp-tooltip-bg);border-radius:6px;bottom:-2.5rem;box-shadow:var(--comp-shadow-lg);color:var(--comp-tooltip-text);content:attr(title);font-size:.8rem;padding:.4rem .8rem;white-space:nowrap}.ld-icon-btn[title]:hover:after,.ld-icon-btn[title]:hover:before{left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.ld-icon-btn[title]:hover:before{border-bottom:6px solid var(--comp-tooltip-bg);border-left:6px solid #0000;border-right:6px solid #0000;bottom:-1rem;content:"";height:0;width:0}.assignment-card:hover,.subject-card:hover{box-shadow:var(--comp-card-hover-shadow);transform:translateY(-3px)}.assignment-card:hover .submission-progress,.subject-card:hover .subject-progress{background:var(--comp-bg-tertiary);border-color:var(--comp-border-medium)}.status-filter{background:var(--comp-input-bg);border:1px solid var(--comp-input-border);border-radius:8px;color:var(--comp-input-text);font-size:.9rem;min-width:120px;padding:.5rem;transition:all .3s ease}.status-filter:focus{border-color:var(--comp-input-focus-border);box-shadow:var(--comp-input-focus-shadow);outline:none}.assignment-title-section{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.assignment-badges{display:flex;flex-wrap:wrap;gap:.5rem}.assignment-description{color:var(--comp-text-secondary);font-size:.9rem;font-style:italic;line-height:1.5;margin-bottom:1rem;transition:color .3s ease}.difficulty-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase;transition:all .3s ease}.difficulty-easy{background:var(--comp-grade-excellent-bg);color:var(--comp-grade-excellent-text)}.difficulty-medium{background:var(--comp-grade-average-bg);color:var(--comp-grade-average-text)}.difficulty-hard{background:var(--comp-grade-poor-bg);color:var(--comp-grade-poor-text)}.overdue-date{color:var(--comp-status-overdue-text)!important;font-weight:600!important}.urgent-date{color:var(--comp-status-pending-text)!important;font-weight:600!important}.days-remaining{color:var(--comp-icon-primary);font-size:.8rem;font-weight:500}.days-overdue{color:var(--comp-status-overdue-text);font-size:.8rem;font-weight:600}.submit-btn{border:1px solid var(--comp-input-focus-border)!important;color:var(--comp-status-completed-text)!important}.submit-btn,.submit-btn:hover{background:var(--comp-status-completed-bg)!important}.submit-btn:hover{box-shadow:var(--comp-shadow-accent)!important;filter:brightness(1.1);transform:translateY(-1px)}@media (max-width:1200px){.assignments-grid,.classes-grid,.students-grid,.subjects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.assignments-grid,.classes-grid,.students-grid,.subjects-grid{grid-template-columns:1fr}.header-actions{align-items:stretch;flex-direction:column;width:100%}.search-container{width:100%}.search-input{min-width:auto;width:100%}.header-controls{align-items:stretch;flex-direction:column;gap:.5rem}.student-header{text-align:left}.detail-row,.student-header{align-items:flex-start;flex-direction:column}.detail-row{gap:.25rem}.assignment-card,.class-card,.student-card,.subject-card{padding:1rem}.assignment-header,.class-header,.subject-header{align-items:flex-start;flex-direction:column;gap:.75rem}.assignment-actions,.class-actions,.student-actions,.subject-actions{flex-wrap:wrap;justify-content:center}.progress-header{align-items:flex-start;flex-direction:column;gap:.25rem}.progress-bar-container{flex-direction:column;gap:.5rem}.progress-percentage{text-align:left}.assignment-badges{align-items:flex-start;flex-direction:column}.assignment-title-section{gap:.75rem}}@media (max-width:480px){.comp-section-header,.students-header{align-items:stretch;flex-direction:column;gap:1rem}.assignment-card,.class-card,.student-card,.subject-card{border-radius:12px;padding:1rem}.ai-insights-empty{padding:2rem 1rem}.ai-insights-empty h3{font-size:1.2rem}.ai-insights-empty p{font-size:.9rem}}@media (prefers-contrast:high){.assignment-card:hover,.class-card:hover,.student-card:hover,.subject-card:hover{border:2px solid var(--comp-input-focus-border)}.difficulty-badge,.grade-badge,.status-badge{border:2px solid}}@media (prefers-reduced-motion:reduce){.assignment-card,.class-card,.ld-icon-btn,.lead-md3-btn,.month-selector,.search-input,.status-filter,.student-card,.subject-card,.year-selector{animation:none;transition:none}.assignment-card:hover,.class-card:hover,.ld-icon-btn:hover,.lead-md3-btn:hover,.student-card:hover,.subject-card:hover{transform:none}.loading-state .material-symbols-rounded{animation:none}}.ld-icon-btn:focus,.lead-md3-btn:focus,.month-selector:focus,.search-input:focus,.status-filter:focus,.year-selector:focus{outline:2px solid var(--comp-input-focus-border);outline-offset:2px}.status-badge.new{background:var(--comp-status-pending-bg);color:var(--comp-status-pending-text)}.status-badge.contacted{background:var(--comp-status-active-bg);color:var(--comp-status-active-text)}.status-badge.followup{background:var(--comp-status-pending-bg);color:var(--comp-status-pending-text)}.status-badge.converted{background:var(--comp-status-completed-bg);color:var(--comp-status-completed-text)}.status-badge.lost{background:var(--comp-status-overdue-bg);color:var(--comp-status-overdue-text)}.status-badge.walkin{background:var(--comp-status-active-bg);color:var(--comp-status-active-text)}.status-badge.interested{background:var(--comp-status-pending-bg);color:var(--comp-status-pending-text)}.status-badge.unknown{background:var(--comp-status-suspended-bg);color:var(--comp-status-suspended-text)}.ssv-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.ssv-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:24px;box-shadow:0 25px 50px #00000040,0 0 100px #3b82f61a;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:100%}.ssv-header{align-items:center;background:linear-gradient(180deg,#fff 0,#fafafa);background:linear-gradient(to bottom,var(--cs-card-bg,#fff) 0,var(--cs-card-bg,#fafafa) 100%);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cs-card-border,#e2e8f0);display:flex;gap:1rem;justify-content:space-between;padding:1.75rem 2rem}.ssv-header-content{align-items:center;display:flex;flex:1 1;gap:1.25rem}.ssv-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;box-shadow:0 8px 16px #3b82f633;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.ssv-header-icon .material-symbols-rounded{color:#fff;font-size:32px}.ssv-header-info h2{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:1.625rem;font-weight:700;line-height:1.2;margin:0 0 .625rem}.ssv-header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem}.ssv-badge{align-items:center;border:1px solid #0000;border-radius:10px;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.375rem .875rem;transition:all .2s}.ssv-badge:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.ssv-badge .material-symbols-rounded{font-size:16px}.ssv-badge.ssv-code{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;color:#475569;font-family:Courier New,monospace;font-weight:700}.ssv-badge.ssv-category{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}.ssv-badge.ssv-type{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#92400e}.ssv-badge.ssv-credits{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#166534;font-weight:700}.ssv-close-btn{align-items:center;background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:10px;color:#64748b;color:var(--cs-text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.ssv-close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.ssv-message{align-items:center;border-radius:10px;display:flex;font-size:.875rem;gap:.5rem;margin:1rem 2rem 0;padding:.75rem 1rem}.ssv-message.ssv-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.ssv-message.ssv-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.ssv-tabs{background:#fafafa;background:var(--cs-card-bg,#fafafa);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--cs-card-border,#e2e8f0);display:flex;gap:0;overflow-x:auto;padding:0 2rem}.ssv-tabs::-webkit-scrollbar{height:4px}.ssv-tabs::-webkit-scrollbar-track{background:#0000}.ssv-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.ssv-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--cs-text-secondary,#64748b);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:-2px;padding:1rem 1.75rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.ssv-tab:before{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.ssv-tab:hover:not(.ssv-active){background:#3b82f60d;background:var(--cs-hover-bg,#3b82f60d);color:#1e293b;color:var(--cs-text-primary,#1e293b)}.ssv-tab.ssv-active{background:#fff;background:var(--cs-card-bg,#fff);border-bottom-color:#0000;color:#3b82f6}.ssv-tab.ssv-active:before{transform:scaleX(1)}.ssv-tab .material-symbols-rounded{font-size:20px;transition:transform .25s}.ssv-tab.ssv-active .material-symbols-rounded{transform:scale(1.1)}.ssv-tab:active{transform:translateY(1px)}.ssv-tab-label{font-size:.9375rem}.ssv-tab-badge{background:#e2e8f0;background:var(--cs-card-border,#e2e8f0);border-radius:12px;color:#64748b;color:var(--cs-text-secondary,#64748b);font-size:.75rem;font-weight:600;min-width:20px;padding:.125rem .5rem;text-align:center;transition:all .25s}.ssv-tab.ssv-active .ssv-tab-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.ssv-tab-badge.ssv-progress-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:700}.ssv-tab.ssv-active .ssv-tab-badge.ssv-progress-badge{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 8px #0596694d}.ssv-content{contain:layout style paint;flex:1 1;overflow-y:auto;padding:1.5rem;will-change:scroll-position}.ssv-content::-webkit-scrollbar{width:8px}.ssv-content::-webkit-scrollbar-track{background:#f8fafc;background:var(--cs-card-bg,#f8fafc)}.ssv-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ssv-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ssv-empty,.ssv-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.ssv-empty .material-symbols-rounded,.ssv-loading .material-symbols-rounded{color:#94a3b8;font-size:64px;margin-bottom:1rem}.ssv-empty h3{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:1.25rem;margin:0 0 .5rem}.ssv-empty p{color:#64748b;color:var(--cs-text-secondary,#64748b);margin:0}.ssv-spinning{animation:spin 1s linear infinite}.ssv-overview{margin:0 auto;max-width:1200px}.ssv-section{margin-bottom:2rem}.ssv-section h3{align-items:center;color:#1e293b;color:var(--cs-text-primary,#1e293b);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.ssv-section h3 .material-symbols-rounded{color:#3b82f6;font-size:24px}.ssv-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ssv-field{display:flex;flex-direction:column;gap:.25rem}.ssv-field label{color:#64748b;color:var(--cs-text-secondary,#64748b);font-size:.875rem;font-weight:500}.ssv-field span{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:.9375rem}.ssv-value-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:500;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.ssv-value-badge.ssv-category{background:#dbeafe;color:#1e40af}.ssv-value-badge.ssv-type{background:#fef3c7;color:#92400e}.ssv-value-badge.ssv-credits{background:#dcfce7;color:#166534}.ssv-description{background:#f8fafc;background:var(--cs-card-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:12px;padding:1rem}.ssv-syllabus{margin:0 auto;max-width:1200px}.ssv-syllabus-header{align-items:flex-start;background:#f8fafc;background:var(--cs-card-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:14px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.ssv-syllabus-info h3{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.ssv-syllabus-meta{display:flex;flex-wrap:wrap;gap:1rem}.ssv-syllabus-meta span{align-items:center;color:#64748b;color:var(--cs-text-secondary,#64748b);display:flex;font-size:.875rem;gap:.375rem}.ssv-syllabus-meta .material-symbols-rounded{font-size:18px}.ssv-download-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f6;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.ssv-download-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.ssv-download-btn:disabled{cursor:not-allowed;opacity:.6}.ssv-chapters{display:flex;flex-direction:column;gap:1rem}.ssv-chapter{background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:14px;overflow:hidden;transition:all .2s}.ssv-chapter:hover{box-shadow:0 4px 12px #00000014}.ssv-chapter-header{cursor:pointer;display:flex;gap:1rem;padding:1.25rem}.ssv-chapter-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:36px;justify-content:center;width:36px}.ssv-chapter-content{flex:1 1}.ssv-chapter-title-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.ssv-chapter-content h4{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:1.0625rem;font-weight:600;margin:0}.ssv-expand-btn{align-items:center;background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.ssv-expand-btn:hover{background:#f1f5f9;background:var(--cs-hover-bg,#f1f5f9)}.ssv-chapter-meta{display:flex;flex-wrap:wrap;gap:1rem}.ssv-chapter-meta span{align-items:center;color:#64748b;color:var(--cs-text-secondary,#64748b);display:flex;font-size:.875rem;gap:.375rem}.ssv-chapter-meta .material-symbols-rounded{font-size:16px}.ssv-chapter-expanded{animation:expandIn .3s ease;padding:0 1.25rem 1.25rem 4.25rem}.ssv-sub-chapters{margin-bottom:1rem}.ssv-sub-chapters h5{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:.9375rem;font-weight:600;margin:0 0 .75rem}.ssv-sub-chapter{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cs-card-border,#e2e8f0);display:flex;gap:.75rem;padding:.5rem 0}.ssv-sub-chapter:last-child{border-bottom:none}.ssv-sub-number{color:#3b82f6;flex-shrink:0;font-size:.875rem;font-weight:600}.ssv-outcomes{margin-top:1rem}.ssv-outcomes h5{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:.9375rem;font-weight:600;margin:0 0 .75rem}.ssv-outcomes ul{margin:0;padding-left:1.25rem}.ssv-outcomes li{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:.9375rem;line-height:1.6;margin-bottom:.5rem}.ssv-bloom{background:#fef3c7;border-radius:6px;color:#92400e;display:inline-block;font-size:.75rem;font-weight:500;margin-left:.5rem;padding:.125rem .5rem}.ssv-assessments{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ssv-assessment{background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:12px;padding:1.25rem}.ssv-assessment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.ssv-assessment h4{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:1rem;font-weight:600;margin:0}.ssv-weightage{background:#dcfce7;border-radius:8px;color:#166534;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.ssv-assessment p{color:#64748b;color:var(--cs-text-secondary,#64748b);font-size:.875rem;line-height:1.5;margin:0}.ssv-resources{display:flex;flex-direction:column;gap:1rem}.ssv-resource{background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.ssv-resource-icon{align-items:center;background:#dbeafe;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.ssv-resource-icon .material-symbols-rounded{color:#1e40af;font-size:24px}.ssv-required{background:#dc2626;border-radius:6px;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;position:absolute;right:-6px;top:-6px}.ssv-resource-content h4{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:1rem;font-weight:600;margin:0 0 .25rem}.ssv-resource-content p{color:#64748b;color:var(--cs-text-secondary,#64748b);font-size:.875rem;margin:0 0 .25rem}.ssv-author{font-style:italic}.ssv-progress{margin:0 auto;max-width:1400px}.ssv-progress-overview{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.ssv-progress-stat-card{align-items:center;background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:14px;contain:layout style paint;display:flex;gap:1rem;padding:1rem;transition:all .2s}.ssv-progress-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.ssv-progress-stat-card.ssv-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb}.ssv-progress-stat-card.ssv-primary .ssv-progress-stat-content{color:#fff}.ssv-progress-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.ssv-progress-stat-card.ssv-primary .ssv-progress-stat-icon{background:#fff3}.ssv-progress-stat-card.ssv-primary .ssv-progress-stat-icon .material-symbols-rounded{color:#fff}.ssv-progress-stat-icon.ssv-completed{background:#d1fae5}.ssv-progress-stat-icon.ssv-completed .material-symbols-rounded{color:#059669;font-size:24px}.ssv-progress-stat-icon.ssv-in-progress{background:#fef3c7}.ssv-progress-stat-icon.ssv-in-progress .material-symbols-rounded{color:#f59e0b;font-size:24px}.ssv-progress-stat-icon.ssv-classes{background:#dbeafe}.ssv-progress-stat-icon.ssv-classes .material-symbols-rounded{color:#3b82f6;font-size:24px}.ssv-progress-stat-content{flex:1 1}.ssv-progress-stat-value{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.25rem}.ssv-progress-stat-label{color:#64748b;color:var(--cs-text-secondary,#64748b);font-size:.875rem;font-weight:500}.ssv-progress-stat-card.ssv-primary .ssv-progress-stat-label{color:#ffffffe6}.ssv-progress-chapters{display:flex;flex-direction:column;gap:.75rem}.ssv-progress-unit{background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:14px;contain:layout style paint;overflow:hidden;transition:all .2s}.ssv-progress-unit:hover{box-shadow:0 4px 12px #00000014}.ssv-progress-unit-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem;transition:background .2s}.ssv-progress-unit-header:hover{background:#f8fafc;background:var(--cs-hover-bg,#f8fafc)}.ssv-progress-unit-header.ssv-expanded{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cs-card-border,#e2e8f0)}.ssv-progress-unit-left{align-items:center;display:flex;flex:1 1;gap:1rem}.ssv-progress-unit-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:36px;justify-content:center;width:36px}.ssv-progress-unit-info{flex:1 1}.ssv-progress-unit-info h4{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:1.0625rem;font-weight:600;margin:0 0 .5rem}.ssv-progress-unit-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.ssv-status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.25rem .75rem}.ssv-status-badge .material-symbols-rounded{font-size:16px}.ssv-status-badge.ssv-small{font-size:.75rem;padding:.1875rem .625rem}.ssv-status-badge.ssv-small .material-symbols-rounded{font-size:14px}.ssv-progress-meta-item{align-items:center;color:#64748b;color:var(--cs-text-secondary,#64748b);display:flex;font-size:.875rem;gap:.375rem}.ssv-progress-meta-item .material-symbols-rounded{font-size:16px}.ssv-progress-unit-right{align-items:center;display:flex;gap:1rem}.ssv-progress-circle{flex-shrink:0;height:52px;position:relative;width:52px}.ssv-progress-circle svg{height:100%;transform:rotate(-90deg);width:100%}.ssv-progress-text{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:.875rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ssv-progress-expand-btn{align-items:center;background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.ssv-progress-expand-btn:hover{background:#f1f5f9;background:var(--cs-hover-bg,#f1f5f9)}.ssv-progress-subchapters{animation:expandIn .3s ease;background:#f8fafc;background:var(--cs-card-bg,#f8fafc);display:flex;flex-direction:column;gap:1rem;padding:1rem}.ssv-progress-subchapter{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:12px;contain:layout style paint;padding:1rem}.ssv-progress-subchapter-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.ssv-progress-subchapter-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.ssv-progress-subchapter-number{align-items:center;background:#dbeafe;border-radius:8px;color:#1e40af;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.ssv-progress-subchapter-info{flex:1 1}.ssv-progress-subchapter-info h5{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:.9375rem;font-weight:600;margin:0 0 .375rem}.ssv-progress-subchapter-meta{align-items:center;display:flex;gap:.5rem}.ssv-progress-subchapter-progress{align-items:center;display:flex;gap:.75rem;min-width:180px}.ssv-progress-bar-container{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.ssv-progress-bar{border-radius:4px;height:100%;transition:width .3s ease,background .3s ease}.ssv-progress-percentage{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:.875rem;font-weight:600;min-width:40px;text-align:right}.ssv-progress-class-pills{display:flex;flex-wrap:wrap;gap:.5rem}.ssv-progress-class-pill{align-items:center;border:2px solid;border-radius:8px;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s}.ssv-progress-class-pill:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.ssv-progress-class-pill .material-symbols-rounded{font-size:16px}.ssv-progress-class-pill-id{font-weight:600}.ssv-progress-tooltip{animation:tooltipFadeIn .2s ease;background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #00000026;max-width:300px;padding:.75rem;pointer-events:none;position:fixed;z-index:10001}.ssv-progress-tooltip-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cs-card-border,#e2e8f0);display:flex;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem}.ssv-progress-tooltip-header .material-symbols-rounded{color:#3b82f6;font-size:18px}.ssv-progress-tooltip-header strong{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:.875rem}.ssv-progress-tooltip-row{align-items:center;display:flex;font-size:.8125rem;gap:.5rem;margin-bottom:.375rem}.ssv-progress-tooltip-row:last-of-type{margin-bottom:0}.ssv-progress-tooltip-row .material-symbols-rounded{color:#64748b;color:var(--cs-text-secondary,#64748b);font-size:16px}.ssv-progress-tooltip-row span:last-child{color:#1e293b;color:var(--cs-text-primary,#1e293b)}.ssv-progress-tooltip-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--cs-card-border,#e2e8f0);color:#64748b;color:var(--cs-text-secondary,#64748b);font-size:.75rem;margin-top:.5rem;padding-top:.5rem;text-align:center}.ssv-progress-class-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10002}.ssv-progress-class-modal{animation:modalSlideUp .3s ease;background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.ssv-progress-class-modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cs-card-border,#e2e8f0);display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.ssv-progress-class-modal-header h3{color:#1e293b;color:var(--cs-text-primary,#1e293b);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.ssv-progress-class-id{background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.ssv-progress-modal-close-btn{align-items:center;background:#fff;background:var(--cs-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.ssv-progress-modal-close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.ssv-progress-class-modal-content{overflow-y:auto;padding:1.5rem}.ssv-progress-class-detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.ssv-progress-class-detail-item{align-items:flex-start;background:#f8fafc;background:var(--cs-card-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--cs-card-border,#e2e8f0);border-radius:10px;display:flex;gap:.75rem;padding:1rem}.ssv-progress-class-detail-item .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:20px}.ssv-progress-class-detail-item>div{flex:1 1}.ssv-progress-class-detail-item label{color:#64748b;color:var(--cs-text-secondary,#64748b);display:block;font-size:.75rem;font-weight:500;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.ssv-progress-class-detail-item span{color:#1e293b;color:var(--cs-text-primary,#1e293b);display:block;font-size:.9375rem;font-weight:600}.ssv-progress-attendance-section h4{align-items:center;color:#1e293b;color:var(--cs-text-primary,#1e293b);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.ssv-progress-attendance-section h4 .material-symbols-rounded{color:#3b82f6;font-size:20px}.ssv-progress-attendance-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.ssv-progress-attendance-stat{align-items:center;border:2px solid;border-radius:10px;display:flex;gap:.75rem;padding:1rem}.ssv-progress-attendance-stat.ssv-present{background:#d1fae5;border-color:#6ee7b7}.ssv-progress-attendance-stat.ssv-present .material-symbols-rounded{color:#059669;font-size:24px}.ssv-progress-attendance-stat.ssv-absent{background:#fee2e2;border-color:#fca5a5}.ssv-progress-attendance-stat.ssv-absent .material-symbols-rounded{color:#dc2626;font-size:24px}.ssv-progress-attendance-stat>div{display:flex;flex-direction:column}.ssv-progress-attendance-value{font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.ssv-progress-attendance-stat.ssv-present .ssv-progress-attendance-value{color:#059669}.ssv-progress-attendance-stat.ssv-absent .ssv-progress-attendance-value{color:#dc2626}.ssv-progress-attendance-label{color:#64748b;color:var(--cs-text-secondary,#64748b);font-size:.875rem;font-weight:500}.ssv-progress-info-banner{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;color:#92400e;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.ssv-progress-info-banner .material-symbols-rounded{font-size:18px}@media (prefers-color-scheme:dark){.ssv-assessment,.ssv-chapter,.ssv-modal,.ssv-progress-class-modal,.ssv-progress-stat-card,.ssv-progress-subchapter,.ssv-progress-tooltip,.ssv-progress-unit,.ssv-resource{background:#1e293b;border-color:#334155}.ssv-chapter-content h4,.ssv-header-info h2,.ssv-progress-subchapter-info h5,.ssv-progress-unit-info h4,.ssv-section h3{color:#f1f5f9}.ssv-content,.ssv-progress-subchapters{background:#0f172a}.ssv-progress-subchapter{background:#1e293b}}.ssv-class-modal-sheet-handle,.ssv-sheet-handle{display:none}@media (max-width:768px){.ssv-overlay{align-items:flex-end;padding:0}.ssv-modal{animation:ssv-sheetUp .35s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0;max-height:92vh;max-width:100%!important;width:100%}@keyframes ssv-sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ssv-sheet-handle{background:#0000002e;border-radius:2px;display:block;flex-shrink:0;height:4px;margin:0 auto .625rem;width:36px}.ssv-header~* .ssv-sheet-handle,[data-theme=dark] .ssv-sheet-handle{background:#ffffff38}.ssv-header{align-items:stretch;border-radius:24px 24px 0 0;cursor:grab;flex-direction:column;padding:.875rem 1.25rem}.ssv-header-content{align-items:center;display:flex;gap:.75rem}.ssv-header-icon{flex-shrink:0;height:40px;width:40px}.ssv-header-info h2{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ssv-header-meta{flex-wrap:wrap;gap:.375rem}.ssv-close-btn{position:absolute;right:1rem;top:.875rem}.ssv-tabs{padding:0 .75rem}.ssv-tab{flex-shrink:0;font-size:.8rem;gap:.25rem;padding:.625rem .75rem}.ssv-tab .material-symbols-rounded{font-size:16px}.ssv-content{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.ssv-grid,.ssv-progress-overview{gap:.75rem;grid-template-columns:repeat(2,1fr)}.ssv-progress-unit-right{align-items:flex-end;flex-direction:column;gap:.5rem}.ssv-progress-subchapter-progress{min-width:100%}.ssv-syllabus-header{align-items:stretch;flex-direction:column;gap:.75rem}.ssv-download-btn{justify-content:center}.ssv-progress-class-modal-overlay{align-items:flex-end;padding:0}.ssv-progress-class-modal{animation:ssv-innerSheetUp .3s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0;max-height:80vh;max-width:100%!important;width:100%}@keyframes ssv-innerSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ssv-class-modal-sheet-handle{background:#0000002e;border-radius:2px;display:block;height:4px;margin:0 auto .625rem;width:36px}.ssv-progress-class-modal-header{align-items:stretch;border-radius:24px 24px 0 0;flex-direction:column;padding:.875rem 1.25rem}.ssv-progress-class-detail-grid{gap:.75rem}.ssv-progress-attendance-stats,.ssv-progress-class-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ssv-grid,.ssv-progress-attendance-stats,.ssv-progress-class-detail-grid{grid-template-columns:1fr}.ssv-progress-overview{grid-template-columns:repeat(2,1fr)}.ssv-tab-label{display:none}.ssv-header-info h2{font-size:.95rem}}.ise-root{gap:1.5rem;padding:0}.ise-error,.ise-loading,.ise-root{display:flex;flex-direction:column}.ise-error,.ise-loading{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);gap:1rem;justify-content:center;padding:5rem 2rem}.ise-spinner{animation:ise-spin .9s linear infinite;border:3px solid #e2e8f0;border:3px solid var(--card-border,#e2e8f0);border-radius:50%;border-top:3px solid #3b82f6;height:40px;width:40px}@keyframes ise-spin{to{transform:rotate(1turn)}}.ise-error .material-symbols-rounded{color:#ef4444;font-size:48px}.ise-hero{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f617,#6366f117);border:1px solid #3b82f633;border-radius:24px;box-shadow:0 4px 24px #3b82f614;display:flex;gap:1.5rem;justify-content:space-between;overflow:hidden;padding:2rem 2.5rem;position:relative}.ise-hero-glow{background:radial-gradient(circle,#6366f11f 0,#0000 70%);border-radius:50%;height:300px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:300px}.ise-hero-left{flex:1 1;gap:1.25rem;min-width:0}.ise-hero-icon,.ise-hero-left{align-items:center;display:flex}.ise-hero-icon{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:20px;box-shadow:0 6px 20px #3b82f659;flex-shrink:0;height:72px;justify-content:center;width:72px}.ise-hero-icon .material-symbols-rounded{color:#fff;font-size:36px}.ise-hero-text{min-width:0}.ise-hero-eyebrow{color:#6366f1;font-size:11px;font-weight:700;letter-spacing:1.2px;margin:0 0 4px;text-transform:uppercase}.ise-hero-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:2rem;font-weight:800;line-height:1.15;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ise-hero-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ise-hero-chip{align-items:center;border-radius:99px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px}.ise-hero-chip .material-symbols-rounded{font-size:13px}.chip-id{background:#6366f11f;color:#6366f1}.chip-dur{background:#3b82f61f;color:#2563eb}.chip-hrs{background:#f59e0b1f;color:#b45309}.chip-status-active{background:#d1fae5;color:#065f46}.chip-status-draft{background:#f1f5f9;color:#475569}.chip-status-inactive{background:#fee2e2;color:#991b1b}.chip-status-completed{background:#dbeafe;color:#1e40af}.ise-hero-ring-wrap{flex-shrink:0;position:relative}.ise-hero-ring-wrap,.ise-ring{height:120px;width:120px}.ise-ring-bg{fill:none;stroke:#ffffff8c;stroke-width:10}.ise-ring-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}.ise-ring-fill.prog-green{stroke:#22c55e}.ise-ring-fill.prog-amber{stroke:#f59e0b}.ise-ring-fill.prog-red{stroke:#ef4444}.ise-ring-fill.prog-grey{stroke:#94a3b8}.ise-ring-label{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.ise-ring-pct{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.4rem;font-weight:800;line-height:1}.ise-ring-hrs{color:#64748b;color:var(--text-secondary,#64748b);font-size:9px;font-weight:600;margin-top:2px}.ise-ring-sub{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:8px;font-weight:700;letter-spacing:.5px;margin-top:1px;text-transform:uppercase}.ise-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.ise-stat-card{align-items:center;background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:1rem;padding:1.1rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease}.ise-stat-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.ise-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.ise-stat-card.ise-stat-green .ise-stat-icon{background:#22c55e1f;color:#16a34a}.ise-stat-card.ise-stat-blue .ise-stat-icon{background:#3b82f61f;color:#2563eb}.ise-stat-card.ise-stat-purple .ise-stat-icon{background:#8b5cf61f;color:#7c3aed}.ise-stat-card.ise-stat-indigo .ise-stat-icon{background:#6366f11f;color:#6366f1}.ise-stat-icon .material-symbols-rounded{font-size:22px}.ise-stat-body{display:flex;flex-direction:column;min-width:0}.ise-stat-value{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.4rem;font-weight:800;line-height:1}.ise-stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:3px;text-transform:uppercase}.ise-stat-sub{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;margin-top:1px}.ise-section-header{align-items:center;display:flex;gap:.6rem;margin-bottom:1rem}.ise-section-header .material-symbols-rounded{color:#6366f1;font-size:22px}.ise-section-header h2{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.1rem;font-weight:700;margin:0}.ise-badge{align-items:center;background:#6366f1;border-radius:99px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.ise-slots-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.ise-slot-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:18px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:box-shadow .2s ease}.ise-slot-card.expanded{border-color:#6366f140;box-shadow:0 6px 24px #6366f11a}.ise-slot-header{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:1.1rem 1.4rem;transition:background .15s ease;-webkit-user-select:none;user-select:none}.ise-slot-header:hover{background:#6366f108;background:var(--hover-background,#6366f108)}.ise-day-badge{align-items:center;border-radius:14px;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-height:52px;padding:6px 4px;width:52px}.ise-day-short{font-size:13px;font-weight:800;letter-spacing:.5px}.ise-day-session{font-size:9px;font-weight:700;margin-top:2px;opacity:.8}.ise-slot-main{flex:1 1;min-width:0}.ise-slot-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ise-slot-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.05rem;font-weight:700;margin:0}.ise-slot-status{border-radius:6px;display:inline-block;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}.ise-slot-subtitle-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:3px}.ise-slot-day-label{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:12px;font-weight:600;gap:3px}.ise-slot-day-label .material-symbols-rounded{font-size:14px}.ise-slot-name-pill{background:#f8fafc;background:var(--input-background,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:5px;font-weight:500;padding:1px 7px}.ise-slot-dur,.ise-slot-name-pill{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px}.ise-slot-dur{align-items:center;display:flex;gap:3px}.ise-slot-dur .material-symbols-rounded{font-size:13px}.ise-slot-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:0;margin-top:4px}.ise-bc-part{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;font-weight:500}.ise-bc-sep{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:13px;line-height:1}.ise-slot-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.ise-att-chip{align-items:center;background:#6366f11a;border-radius:99px;color:#6366f1;display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:4px 10px}.ise-att-chip .material-symbols-rounded{font-size:14px}.ise-slot-meta-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.ise-meta-chip{align-items:center;background:#f8fafc;background:var(--input-background,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);display:inline-flex;font-size:11px;font-weight:500;gap:3px;padding:2px 8px}.ise-meta-chip .material-symbols-rounded{font-size:12px}.ise-chevron{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:20px;transition:transform .25s ease}.ise-chevron.open{transform:rotate(180deg)}.ise-slot-body{animation:ise-fade-in .2s ease-out;border-top:1px solid #f1f5f9;border-top:1px solid var(--card-border,#f1f5f9);display:flex;flex-direction:column;gap:1rem;padding:1rem 1.4rem 1.4rem}@keyframes ise-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ise-slot-details-row{background:#f8fafc;background:var(--input-background,#f8fafc);border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.ise-detail-item{align-items:center;display:flex;font-size:12px;gap:5px}.ise-detail-item .material-symbols-rounded{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px}.ise-detail-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-weight:600}.ise-detail-value{color:#0f172a;color:var(--text-primary,#0f172a);font-weight:500}.ise-sections-wrap{display:flex;flex-direction:column;gap:.75rem}.ise-fa-heading{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.6px;margin:0 0 .5rem;text-transform:uppercase}.ise-fa-heading .material-symbols-rounded{font-size:15px}.ise-section-block{border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:12px;overflow:hidden}.ise-subject-header{align-items:center;background:linear-gradient(135deg,#6366f10f,#3b82f60f);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--card-border,#e2e8f0);display:flex;gap:.75rem;padding:.75rem 1rem}.ise-subject-icon{align-items:center;background:#6366f11f;border-radius:9px;color:#6366f1;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.ise-subject-icon .material-symbols-rounded{font-size:18px}.ise-subject-info{display:flex;flex-direction:column;gap:4px;min-width:0}.ise-subject-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-weight:700}.ise-subject-chips{display:flex;flex-wrap:wrap;gap:4px}.ise-sub-chip{background:#f1f5f9;background:var(--input-background,#f1f5f9);border-radius:5px;color:#64748b;color:var(--text-secondary,#64748b);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:1px 7px;text-transform:uppercase}.ise-sub-chip.chip-type{background:#6366f11a;color:#6366f1}.ise-sub-chip.chip-cat{background:#3b82f61a;color:#2563eb}.ise-sub-chip.chip-hrs{background:#f59e0b1a;color:#b45309}.ise-fa-list{display:flex;flex-direction:column;gap:.4rem;padding:.5rem}.ise-fa-row{align-items:center;background:#f8fafc;background:var(--input-background,#f8fafc);border:1px solid #f1f5f9;border:1px solid var(--card-border,#f1f5f9);border-radius:10px;display:flex;gap:.75rem;padding:.65rem .9rem;transition:background .15s ease}.ise-fa-row:hover{background:#6366f10a}.ise-fa-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.ise-fa-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.ise-fa-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ise-fa-id{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px}.ise-fa-meta{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.ise-fa-type{border-radius:6px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.ise-info-btn{align-items:center;background:#6366f11a;border:none;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .15s ease;width:28px}.ise-info-btn:hover{background:#6366f133}.ise-info-btn .material-symbols-rounded{font-size:16px}.ise-teacher-popup{animation:ise-fade-in .15s ease-out;background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:16px;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014;overflow:hidden;width:280px}.ise-tp-header{background:linear-gradient(135deg,#6366f114,#3b82f614);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--card-border,#f1f5f9);gap:.75rem;padding:1rem 1rem .75rem}.ise-tp-avatar,.ise-tp-header{align-items:center;display:flex}.ise-tp-avatar{background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:50%;box-shadow:0 3px 10px #6366f14d;color:#fff;flex-shrink:0;font-size:15px;font-weight:700;height:42px;justify-content:center;width:42px}.ise-tp-name-wrap{flex:1 1;min-width:0}.ise-tp-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:14px;font-weight:700;margin:0}.ise-tp-role{color:#6366f1;font-size:11px;font-weight:600;margin:2px 0 0}.ise-tp-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .15s ease;width:28px}.ise-tp-close:hover{background:#0000000f}.ise-tp-close .material-symbols-rounded{font-size:18px}.ise-tp-fields{padding:.5rem 0}.ise-tp-field{align-items:center;display:flex;gap:8px;padding:.5rem 1rem;transition:background .12s ease}.ise-tp-field:hover{background:#6366f10a;background:var(--hover-background,#6366f10a)}.ise-tp-field-icon{color:#6366f1;flex-shrink:0;font-size:15px}.ise-tp-field-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:11px;font-weight:600;width:80px}.ise-tp-field-value{color:#0f172a;color:var(--text-primary,#0f172a);font-size:12px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ise-empty{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;font-size:14px;gap:.75rem;padding:3rem}.ise-empty .material-symbols-rounded{font-size:40px;opacity:.5}[data-theme=dark] .ise-hero{background:linear-gradient(135deg,#3b82f61f,#6366f11f);border-color:#6366f140}[data-theme=dark] .ise-hero-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .ise-ring-bg{stroke:#ffffff4d}[data-theme=dark] .ise-stat-card{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .ise-stat-value{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .ise-stat-card.ise-stat-green .ise-stat-icon{background:#22c55e26}[data-theme=dark] .ise-stat-card.ise-stat-blue .ise-stat-icon{background:#3b82f626}[data-theme=dark] .ise-stat-card.ise-stat-purple .ise-stat-icon{background:#8b5cf626}[data-theme=dark] .ise-stat-card.ise-stat-indigo .ise-stat-icon{background:#6366f126}[data-theme=dark] .ise-slot-card{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .ise-slot-card.expanded{border-color:#6366f14d}[data-theme=dark] .ise-slot-header:hover{background:#ffffff0a}[data-theme=dark] .ise-slot-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .ise-slot-details-row{background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .ise-slot-body{border-top-color:#ffffff14}[data-theme=dark] .ise-day-badge{opacity:.85}[data-theme=dark] .ise-att-chip{background:#6366f12e}[data-theme=dark] .ise-meta-chip,[data-theme=dark] .ise-slot-name-pill{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8;color:var(--text-secondary,#94a3b8)}[data-theme=dark] .chip-id{background:#6366f133}[data-theme=dark] .chip-dur{background:#3b82f633}[data-theme=dark] .chip-hrs{background:#f59e0b33}[data-theme=dark] .chip-status-active{background:#22c55e2e}[data-theme=dark] .chip-status-draft{background:#94a3b826}[data-theme=dark] .chip-status-completed{background:#3b82f62e}[data-theme=dark] .ise-section-block{border-color:#ffffff14}[data-theme=dark] .ise-subject-header{background:linear-gradient(135deg,#6366f11f,#3b82f61f);border-bottom-color:#ffffff14}[data-theme=dark] .ise-subject-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .ise-sub-chip{background:#ffffff14;color:#94a3b8}[data-theme=dark] .ise-sub-chip.chip-type{background:#6366f133;color:#a5b4fc}[data-theme=dark] .ise-sub-chip.chip-cat{background:#3b82f633;color:#93c5fd}[data-theme=dark] .ise-sub-chip.chip-hrs{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .ise-fa-row{background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .ise-fa-row:hover{background:#6366f114}[data-theme=dark] .ise-fa-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .ise-fa-type{opacity:.9}[data-theme=dark] .ise-info-btn{background:#6366f12e}[data-theme=dark] .ise-info-btn:hover{background:#6366f14d}[data-theme=dark] .ise-teacher-popup{background:#1e293b;border-color:#ffffff1a;box-shadow:0 8px 32px #00000080}[data-theme=dark] .ise-tp-header{background:linear-gradient(135deg,#6366f126,#3b82f626);border-bottom-color:#ffffff14}[data-theme=dark] .ise-tp-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .ise-tp-field:hover{background:#ffffff0d}[data-theme=dark] .ise-tp-field-value{color:#e2e8f0;color:var(--text-primary,#e2e8f0)}[data-theme=dark] .ise-tp-close:hover{background:#ffffff14}[data-theme=dark] .ise-bc-part{color:#94a3b8cc}[data-theme=dark] .ise-bc-sep{color:#94a3b866}@media (max-width:1024px){.ise-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ise-hero{align-items:flex-start;flex-direction:column;gap:1rem;min-height:0;padding:1.25rem}.ise-hero-left{width:calc(100% - 70px)}.ise-hero-ring-wrap{position:absolute;right:1.25rem;top:1.25rem}.ise-hero-ring-wrap,.ise-ring{height:64px;width:64px}.ise-ring-pct{font-size:.85rem}.ise-ring-hrs{display:none}.ise-ring-sub{font-size:7px;margin-top:1px}.ise-hero-title{font-size:1.3rem;padding-right:0}.ise-stats-row{gap:.75rem;grid-template-columns:repeat(2,1fr)}.ise-slots-grid{grid-template-columns:1fr}.ise-slot-header{flex-wrap:wrap;gap:.75rem}.ise-slot-right{align-items:flex-start;flex-direction:row;flex-wrap:wrap;order:3;width:100%}.ise-chevron{order:4}.ise-teacher-popup{left:1rem!important;width:calc(100vw - 2rem)}}@media (max-width:400px){.ise-stats-row{gap:.5rem;grid-template-columns:1fr 1fr}.ise-stat-value{font-size:1.1rem}}.ise-badge-pink{background:#fce7f3;color:#9d174d}[data-theme=dark] .ise-badge-pink{background:#f472b626;color:#f472b6}.ise-curriculum-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;margin-bottom:0;overflow:hidden}.ise-curriculum-header{align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;transition:background .15s;-webkit-user-select:none;user-select:none}.ise-curriculum-header:hover{background:#6366f10a}.ise-curriculum-header-left{align-items:center;display:flex;gap:.75rem}.ise-curriculum-header-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.ise-curriculum-header-icon .material-symbols-rounded{color:#fff;font-size:20px}.ise-curriculum-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:.95rem;font-weight:700}.ise-curriculum-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;margin-top:1px}.ise-curriculum-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.ise-curric-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:700;gap:5px;padding:3px 9px;white-space:nowrap}.curric-done{background:#d1fae5;color:#065f46}.curric-inprog{background:#fef3c7;color:#92400e}.curric-ns{background:#f1f5f9;color:#475569}.ise-curric-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.ise-curric-bar-wrap{align-items:center;display:flex;gap:.6rem;padding:0 1.25rem .75rem}.ise-curric-bar{background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.ise-curric-bar-fill{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:3px;height:100%;transition:width .4s ease}.ise-curric-bar-pct{color:#6366f1;font-size:.72rem;font-weight:700;min-width:30px;text-align:right}.ise-curric-body{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);max-height:480px;overflow-y:auto;padding:.75rem 0}.ise-curric-loading{color:#64748b;color:var(--text-secondary,#64748b);gap:.75rem;padding:1.5rem 1.25rem}.ise-curric-error,.ise-curric-loading{align-items:center;display:flex;font-size:.85rem}.ise-curric-error{color:#ef4444;gap:.5rem;padding:1rem 1.25rem}.ise-curric-error .material-symbols-rounded{font-size:18px}.ise-curric-group{margin-bottom:2px}.ise-curric-group-header{align-items:center;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:flex;font-size:.8rem;font-weight:700;gap:.5rem;padding:.5rem 1.25rem;transition:background .12s}.ise-curric-group-header:hover{background:#6366f10d}.ise-curric-group-chevron{color:#6366f1;font-size:18px;transition:transform .2s}.ise-curric-group-chevron.open{transform:rotate(90deg)}.ise-curric-group-name{flex:1 1}.ise-curric-group-count{background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:10px;color:#64748b;color:var(--text-secondary,#64748b);font-size:.68rem;font-weight:700;padding:1px 7px}.ise-curric-children{padding:0 0 4px}.ise-curric-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between;padding:.45rem 1.25rem .45rem 2.25rem;transition:background .1s}.ise-curric-row:hover{background:#6366f108}.ise-curric-row-left{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.ise-curric-status-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.ise-curric-row-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ise-curric-row-right{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.ise-curric-mini-bar{background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:2px;height:4px;overflow:hidden;width:48px}.ise-curric-mini-fill{border-radius:2px;height:100%}.ise-curric-status-pill{border-radius:8px;font-size:.65rem;font-weight:700;padding:2px 7px;white-space:nowrap}.ise-curric-body>.ise-curric-children .ise-curric-row,.ise-curric-children>.ise-curric-row:first-child:last-child{padding-left:1.25rem}[data-theme=dark] .ise-curriculum-section{background:#1e293bcc;background:var(--card-bg,#1e293bcc);border-color:#6366f133}[data-theme=dark] .ise-curriculum-header:hover{background:#6366f114}[data-theme=dark] .ise-curric-bar{background:#ffffff14}[data-theme=dark] .curric-done{background:#10b98126;color:#34d399}[data-theme=dark] .curric-inprog{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .curric-ns{background:#94a3b81f;color:#94a3b8}[data-theme=dark] .ise-curric-group-count{background:#ffffff14}[data-theme=dark] .ise-curric-group-header:hover{background:#6366f114}[data-theme=dark] .ise-curric-row:hover{background:#6366f10f}@media (max-width:640px){.ise-curriculum-header{flex-wrap:wrap;gap:.5rem}.ise-curriculum-header-right{gap:.35rem}.ise-curric-pill{font-size:.65rem;padding:2px 7px}.ise-curric-group-header,.ise-curric-row{padding-left:1rem}.ise-curric-children .ise-curric-row{padding-left:1.5rem}}.ise-stat-pink{--stat-color:#ec4899}.ise-stat-pink .ise-stat-icon{background:#ec48991f;color:#ec4899}.ise-stat-pink .ise-stat-value{color:#ec4899}.ise-bookings-list{display:flex;flex-direction:column;gap:.75rem}.ise-booking-group{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #ec489933;border-radius:12px;overflow:hidden}[data-theme=dark] .ise-booking-group{background:#1e2433;background:var(--card-bg,#1e2433);border-color:#f472b633}.ise-booking-group-header{align-items:flex-start;background:#ec48990a;border-bottom:1px solid #ec48991f;display:flex;gap:.75rem;padding:.85rem 1rem}[data-theme=dark] .ise-booking-group-header{background:#f472b60f;border-bottom-color:#f472b61f}.ise-booking-group-info{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-width:0}.ise-booking-group-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.ise-booking-group-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.92rem;font-weight:700}[data-theme=dark] .ise-booking-group-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.ise-booking-time{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:inline-flex;font-size:.75rem;font-weight:500;gap:3px}.ise-booking-time .material-symbols-rounded{font-size:.85rem}.ise-booking-group-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.ise-booking-count-chip{background:#ec48991a;border:1px solid #ec489940;border-radius:20px;color:#9d174d;flex-shrink:0;font-size:.7rem;font-weight:700;padding:2px 10px;white-space:nowrap}[data-theme=dark] .ise-booking-count-chip{background:#f472b626;border-color:#f472b640;color:#f472b6}.ise-booking-dates-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.ise-booking-date-card{align-items:center;border:1.5px solid;border-radius:10px;display:flex;gap:.45rem;min-width:140px;padding:.45rem .75rem}.ise-booking-date-card.booked{background:#ec48990f;border-color:#ec489940}.ise-booking-date-card.attended{background:#10b9810f;border-color:#10b98140}[data-theme=dark] .ise-booking-date-card.booked{background:#f472b61a;border-color:#f472b640}[data-theme=dark] .ise-booking-date-card.attended{background:#10b9811a;border-color:#10b98140}.ise-booking-date-icon{flex-shrink:0;font-size:1.1rem}.ise-booking-date-card.booked .ise-booking-date-icon{color:#ec4899}.ise-booking-date-card.attended .ise-booking-date-icon{color:#10b981}.ise-booking-date-info{display:flex;flex-direction:column;gap:2px}.ise-booking-date-val{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.82rem;font-weight:600}[data-theme=dark] .ise-booking-date-val{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.ise-booking-status-chip{border-radius:4px;font-size:.62rem;font-weight:700;letter-spacing:.05em;padding:1px 5px;text-transform:uppercase}.ise-booking-status-chip.booked{background:#ec48991f;color:#9d174d}.ise-booking-status-chip.attended{background:#10b9811f;color:#065f46}[data-theme=dark] .ise-booking-status-chip.booked{color:#f472b6}[data-theme=dark] .ise-booking-status-chip.attended{color:#34d399}@media (max-width:600px){.ise-booking-dates-row{gap:.4rem}.ise-booking-date-card{min-width:120px}}[data-theme=dark] .ise-root{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .ise-error,[data-theme=dark] .ise-loading{color:#94a3b8;color:var(--text-secondary,#94a3b8)}[data-theme=dark] .ise-error .material-symbols-rounded{color:#f87171}[data-theme=dark] .ise-spinner{border-color:#6366f1 #ffffff1a #ffffff1a}[data-theme=dark] .ise-section-header .material-symbols-rounded{color:#a5b4fc}[data-theme=dark] .ise-section-header h2{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .ise-detail-value{color:#e2e8f0;color:var(--text-primary,#e2e8f0)}[data-theme=dark] .ise-empty{color:#64748b;color:var(--text-secondary,#64748b)}[data-theme=dark] .ise-hero-eyebrow{color:#94a3b8;color:var(--text-secondary,#94a3b8)}[data-theme=dark] .ise-hero-chip{background:#ffffff14;color:#94a3b8}[data-theme=dark] .ise-hero-icon{background:linear-gradient(135deg,#3b82f64d,#6366f14d)}[data-theme=dark] .ise-ring-pct{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .ise-ring-label,[data-theme=dark] .ise-ring-sub{color:#94a3b8;color:var(--text-secondary,#94a3b8)}[data-theme=dark] .ise-ring-hrs{color:#cbd5e1;color:var(--text-secondary,#cbd5e1)}[data-theme=dark] .ise-stat-label{color:#94a3b8;color:var(--text-secondary,#94a3b8)}[data-theme=dark] .ise-stat-sub{color:#64748b;color:var(--text-secondary,#64748b)}[data-theme=dark] .ise-stat-pink .ise-stat-icon{background:#ec48992e}[data-theme=dark] .ise-stat-pink .ise-stat-value{color:#f472b6}[data-theme=dark] .chip-status-active{background:#22c55e26;color:#4ade80}[data-theme=dark] .chip-status-draft{background:#94a3b81f;color:#94a3b8}[data-theme=dark] .chip-status-inactive{background:#ef444426;color:#f87171}[data-theme=dark] .chip-status-completed{background:#3b82f626;color:#60a5fa}[data-theme=dark] .ise-section-block{background:#ffffff05}[data-theme=dark] .ise-slot-status{opacity:.9}[data-theme=dark] .ise-slot-day-label,[data-theme=dark] .ise-slot-details-row .ise-detail-label{color:#94a3b8;color:var(--text-secondary,#94a3b8)}[data-theme=dark] .ise-tp-role{color:#a5b4fc}[data-theme=dark] .ise-tp-avatar{background:linear-gradient(135deg,#6366f159,#8b5cf659)}[data-theme=dark] .ise-tp-field-icon{color:#a5b4fc}[data-theme=dark] .ise-fa-heading,[data-theme=dark] .ise-tp-field-label{color:#94a3b8;color:var(--text-secondary,#94a3b8)}[data-theme=dark] .ise-fa-id{color:#64748b;color:var(--text-secondary,#64748b)}[data-theme=dark] .ise-fa-meta{color:#94a3b8;color:var(--text-secondary,#94a3b8)}[data-theme=dark] .ise-fa-avatar{background:linear-gradient(135deg,#6366f14d,#8b5cf64d)}[data-theme=dark] .ise-bookings-list{background:#0000}[data-theme=dark] .ise-booking-group-meta,[data-theme=dark] .ise-booking-time{color:#94a3b8;color:var(--text-secondary,#94a3b8)}[data-theme=dark] .ise-booking-date-card.noshow{background:#f59e0b1a;border-color:#f59e0b40}[data-theme=dark] .ise-booking-date-card.cancelled{background:#94a3b814;border-color:#94a3b833}[data-theme=dark] .ise-booking-date-card.noshow .ise-booking-date-icon{color:#fcd34d}[data-theme=dark] .ise-booking-date-card.cancelled .ise-booking-date-icon{color:#94a3b8}[data-theme=dark] .ise-booking-status-chip.noshow{background:#f59e0b26;color:#fcd34d}[data-theme=dark] .ise-booking-status-chip.cancelled{background:#94a3b81f}[data-theme=dark] .ise-chevron{color:#64748b;color:var(--text-secondary,#64748b)}.ise-kit-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;margin-bottom:0;overflow:hidden}.ise-kit-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.ise-kit-header-left{align-items:center;display:flex;gap:.75rem}.ise-kit-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.ise-kit-icon .material-symbols-rounded{font-size:20px}.ise-kit-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:700}.ise-kit-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;margin-top:1px}.ise-kit-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.3rem .65rem}.ise-kit-badge .material-symbols-rounded{font-size:15px}.ise-kit-badge--collected{background:#d1fae5;color:#065f46}.ise-kit-badge--pending{background:#fef3c7;color:#92400e}.ise-kit-items{display:flex;flex-direction:column;gap:.4rem;padding:0 1.25rem 1rem}.ise-kit-item{align-items:center;background:#f8fafc;background:var(--surface-alt,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;gap:.5rem;padding:.45rem .75rem}.ise-kit-item-icon{color:#0ea5e9;flex-shrink:0;font-size:14px}.ise-kit-item-name{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:.8rem;font-weight:500}.ise-kit-item-qty{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:600}.ise-kit-item-optional{background:#ede9fe;border-radius:999px;color:#6d28d9;font-size:.68rem;font-weight:600;padding:.1rem .45rem}.ise-kit-loading{color:#64748b;color:var(--text-secondary,#64748b)}.ise-kit-empty,.ise-kit-error,.ise-kit-loading{align-items:center;display:flex;font-size:.8rem;gap:.5rem;padding:.75rem 1.25rem}.ise-kit-empty,.ise-kit-error{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.ise-kit-error .material-symbols-rounded{color:#ef4444;font-size:16px}[data-theme=dark] .ise-kit-section{background:#1e293b;background:var(--card-bg,#1e293b);border-color:#334155;border-color:var(--border-color,#334155)}[data-theme=dark] .ise-kit-badge--collected{background:#10b98126;color:#34d399}[data-theme=dark] .ise-kit-badge--pending{background:#f59e0b26;color:#fcd34d}[data-theme=dark] .ise-kit-item{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .ise-kit-item-optional{background:#8b5cf633;color:#a78bfa}:root{--clsd-att-container-bg:#fffffff2;--clsd-att-container-border:#e2e8f0cc;--clsd-att-container-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;--clsd-att-text-primary:#1e293b;--clsd-att-text-secondary:#374151;--clsd-att-text-muted:#6b7280;--clsd-att-card-bg:#fff;--clsd-att-card-border:#e2e8f0cc;--clsd-att-card-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;--clsd-att-card-hover-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;--clsd-att-input-bg:#fffc;--clsd-att-input-border:#e2e8f0cc;--clsd-att-input-shadow:inset 0 2px 4px #0000000a;--clsd-att-input-focus-border:#3b82f6;--clsd-att-input-focus-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;--clsd-att-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--clsd-att-btn-primary-shadow:0 4px 12px #3b82f64d}[data-theme=dark]{--clsd-att-container-bg:#1a1a1af2;--clsd-att-container-border:#ffffff1a;--clsd-att-container-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff0d;--clsd-att-text-primary:#fff;--clsd-att-text-secondary:#e5e7eb;--clsd-att-text-muted:#9ca3af;--clsd-att-card-bg:#1f2937cc;--clsd-att-card-border:#4b55634d;--clsd-att-card-shadow:0 2px 8px #0003,0 1px 4px #0000001a;--clsd-att-card-hover-shadow:0 8px 25px #0000004d,0 4px 12px #3b82f61a;--clsd-att-input-bg:#1f2937cc;--clsd-att-input-border:#4b55634d;--clsd-att-input-shadow:inset 0 2px 4px #0000001a;--clsd-att-input-focus-border:#60a5fa;--clsd-att-input-focus-shadow:0 0 0 3px #60a5fa33,0 4px 12px #60a5fa33;--clsd-att-btn-primary-bg:linear-gradient(135deg,#60a5fa,#3b82f6);--clsd-att-btn-primary-shadow:0 4px 12px #60a5fa4d}.clsd-att-container{display:flex;flex-direction:column;gap:1.5rem;padding:0}.clsd-att-loading{align-items:center;color:#374151;color:var(--clsd-att-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.clsd-att-loading .spinning{animation:clsd-att-spin 1s linear infinite;color:#3b82f6;font-size:48px}@keyframes clsd-att-spin{to{transform:rotate(1turn)}}.clsd-att-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.clsd-att-stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--clsd-att-card-shadow);display:flex;gap:1rem;padding:.5rem;transition:all .3s ease}.clsd-att-stat-card:hover{box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--clsd-att-card-hover-shadow);transform:translateY(-2px)}.clsd-att-stat-card.total{background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);border-color:#3b82f633}.clsd-att-stat-card.present{background:linear-gradient(135deg,#10b9810d,#0596690d);border-color:#10b98133}.clsd-att-stat-card.absent{background:linear-gradient(135deg,#ef44440d,#dc26260d);border-color:#ef444433}.clsd-att-stat-card.late{background:linear-gradient(135deg,#f59e0b0d,#d977060d);border-color:#f59e0b33}.clsd-att-stat-card.excused{background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border-color:#8b5cf633}.clsd-att-stat-card.percentage{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b9814d}.clsd-att-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.clsd-att-stat-card.total .clsd-att-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.clsd-att-stat-card.present .clsd-att-stat-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.clsd-att-stat-card.absent .clsd-att-stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.clsd-att-stat-card.late .clsd-att-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.clsd-att-stat-card.excused .clsd-att-stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.clsd-att-stat-card.percentage .clsd-att-stat-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.clsd-att-stat-icon .material-symbols-rounded{color:#fff;font-size:24px}.clsd-att-stat-content{flex:1 1}.clsd-att-stat-value{color:#1e293b;color:var(--clsd-att-text-primary);font-size:1.25rem;font-weight:700;line-height:1;margin-bottom:.25rem}.clsd-att-stat-label{color:#6b7280;color:var(--clsd-att-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px}.clsd-att-filters-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--clsd-att-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--clsd-att-container-shadow);overflow:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.clsd-att-filters-section.minimized{background:#fff;background:var(--clsd-att-card-bg);border-radius:50px;box-shadow:0 2px 8px #00000014;padding:.625rem 1rem}.clsd-att-filters-section.expanded{padding:1.25rem}.clsd-att-filters-compact-row{align-items:center;display:flex;gap:.625rem;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.clsd-att-filters-section.minimized .clsd-att-filters-compact-row{gap:.5rem}.clsd-att-toggle-filters-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-width:32px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.clsd-att-toggle-filters-btn:before{background:linear-gradient(135deg,#3b82f633,#9333ea33);border-radius:50%;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.clsd-att-toggle-filters-btn:hover:before{opacity:1}.clsd-att-toggle-filters-btn:hover{background:#3b82f614;transform:scale(1.15)}.clsd-att-toggle-filters-btn:active{transform:scale(.95)}.clsd-att-toggle-filters-btn .material-symbols-rounded{color:#374151;color:var(--clsd-att-text-secondary);font-size:22px;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.clsd-att-filters-section.minimized .clsd-att-toggle-filters-btn .material-symbols-rounded{color:#3b82f6}.clsd-att-filters-actions-compact{align-items:center;display:flex;flex:1 1;gap:.625rem;justify-content:flex-end;overflow:visible;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.clsd-att-filters-section.minimized .clsd-att-filters-actions-compact{gap:.5rem;overflow:visible}.clsd-att-filters-section.minimized .clsd-att-btn-action,.clsd-att-filters-section.minimized .clsd-att-btn-export,.clsd-att-filters-section.minimized .clsd-att-btn-save{border-radius:24px;box-shadow:0 2px 6px #0000000f;font-size:.8125rem;padding:.5rem .75rem}.clsd-att-filters-section.minimized .clsd-att-btn-action .material-symbols-rounded,.clsd-att-filters-section.minimized .clsd-att-btn-export .material-symbols-rounded,.clsd-att-filters-section.minimized .clsd-att-btn-save .material-symbols-rounded{font-size:18px}.clsd-att-filters-expanded-content{animation:expandFilters .4s cubic-bezier(.34,1.56,.64,1);margin-top:1rem}@keyframes expandFilters{0%{filter:blur(4px);opacity:0;transform:translateY(-20px) scale(.95)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.clsd-att-info-banner{align-items:flex-start;background:linear-gradient(135deg,#3b82f614,#1d4ed814);border:1px solid #3b82f64d;border-radius:12px;color:#1d4ed8;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;line-height:1.5;padding:1rem 1.25rem}.clsd-att-info-banner .material-symbols-rounded{flex-shrink:0;font-size:20px;margin-top:1px}.clsd-att-offline-banner{align-items:center;animation:clsd-att-fade-in .3s ease;background:linear-gradient(135deg,#f59e0b26,#d977061a);border:2px solid #f59e0b66;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.clsd-att-offline-banner .material-symbols-rounded{color:#d97706;flex-shrink:0;font-size:2rem}.clsd-att-offline-text{display:flex;flex-direction:column;gap:.25rem}.clsd-att-offline-text strong{color:#92400e;font-size:1rem;font-weight:700}.clsd-att-offline-text span{color:#b45309;font-size:.875rem;line-height:1.4}[data-theme=dark] .clsd-att-offline-banner{background:linear-gradient(135deg,#f59e0b33,#d9770626);border-color:#f59e0b80}[data-theme=dark] .clsd-att-offline-banner .material-symbols-rounded{color:#fbbf24}[data-theme=dark] .clsd-att-offline-text strong{color:#fcd34d}[data-theme=dark] .clsd-att-offline-text span{color:#fde68a}.clsd-att-sync-banner{align-items:center;animation:clsd-att-pulse-sync 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f626,#1d4ed81a);border:2px solid #3b82f666;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}@keyframes clsd-att-pulse-sync{0%,to{border-color:#3b82f666}50%{border-color:#3b82f6b3}}@keyframes clsd-att-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clsd-att-sync-banner .material-symbols-rounded{animation:clsd-att-rotate 2s linear infinite;color:#2563eb;flex-shrink:0;font-size:2rem}@keyframes clsd-att-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.clsd-att-sync-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.clsd-att-sync-text strong{color:#1e40af;font-size:1rem;font-weight:700}.clsd-att-sync-text span{color:#3b82f6;font-size:.875rem;line-height:1.4}.clsd-att-sync-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.clsd-att-sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.clsd-att-sync-btn:disabled{cursor:not-allowed;opacity:.6}.clsd-att-sync-btn .material-symbols-rounded{animation:none;font-size:1.25rem}[data-theme=dark] .clsd-att-sync-banner{background:linear-gradient(135deg,#60a5fa33,#3b82f626);border-color:#60a5fa80}[data-theme=dark] .clsd-att-sync-banner .material-symbols-rounded{color:#60a5fa}[data-theme=dark] .clsd-att-sync-text strong{color:#93c5fd}[data-theme=dark] .clsd-att-sync-text span{color:#bfdbfe}.clsd-att-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.clsd-att-filters-header h4{color:#1e293b;color:var(--clsd-att-text-primary);font-size:1.125rem;font-weight:600;margin:0}.clsd-att-filters-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.clsd-att-btn,.clsd-att-btn-action,.clsd-att-btn-export,.clsd-att-btn-save{align-items:center;background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:12px;color:#374151;color:var(--clsd-att-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.clsd-att-btn-action.present{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b9814d;color:#059669}.clsd-att-btn-action.present:hover{background:linear-gradient(135deg,#10b98133,#05966933);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.clsd-att-btn-action.absent{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef44444d;color:#dc2626}.clsd-att-btn-action.absent:hover{background:linear-gradient(135deg,#ef444433,#dc262633);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.clsd-att-btn-save{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--clsd-att-btn-primary-bg);border-color:#0000;box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--clsd-att-btn-primary-shadow);color:#fff}.clsd-att-btn-save:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.clsd-att-btn-export{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border-color:#8b5cf64d;color:#7c3aed}.clsd-att-btn-export:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf633,#7c3aed33);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.clsd-att-btn:hover:not(:disabled){box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--clsd-att-card-shadow);transform:translateY(-2px)}.clsd-att-btn-action:disabled,.clsd-att-btn-export:disabled,.clsd-att-btn-save:disabled,.clsd-att-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.clsd-att-filters-grid{grid-gap:1rem;align-items:end;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.clsd-att-search-box{background:#fffc;background:var(--clsd-att-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--clsd-att-input-shadow);gap:.75rem;padding:.1rem;transition:all .3s ease}.clsd-att-search-box:focus-within{border-color:#3b82f6;border-color:var(--clsd-att-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--clsd-att-input-focus-shadow)}.clsd-att-search-box input{background:#0000;border:none;color:#1e293b;color:var(--clsd-att-text-primary);flex:1 1;font-size:.875rem;outline:none}.clsd-att-filter-field{gap:.1rem}.clsd-att-filter-field label{color:#374151;color:var(--clsd-att-text-secondary);font-size:.875rem;font-weight:600}.clsd-att-input{background:#fffc;background:var(--clsd-att-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--clsd-att-input-shadow);color:#1e293b;color:var(--clsd-att-text-primary);font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease}.clsd-att-input:focus{border-color:#3b82f6;border-color:var(--clsd-att-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--clsd-att-input-focus-shadow);outline:none}.clsd-att-input.small{font-size:.8125rem;padding:.5rem .75rem}.clsd-att-input.reason-code-input{background:linear-gradient(135deg,#ef444414,#dc262614);border-color:#ef44444d}.clsd-att-input.reason-code-input::placeholder{color:#dc2626;opacity:.6}.clsd-att-input.reason-code-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a,0 4px 12px #ef444426}.clsd-att-input.reason-code-select{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#ef444414,#dc262614);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23ef4444' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;border-color:#ef44444d;cursor:pointer;padding-right:2rem}.clsd-att-input.reason-code-select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a,0 4px 12px #ef444426}.clsd-att-input.reason-code-select option{background:#fff;background:var(--clsd-att-card-bg);color:#1e293b;color:var(--clsd-att-text-primary);padding:.5rem}.clsd-att-table-attendance{align-items:center;display:flex;flex-direction:column;gap:.25rem}.clsd-att-table-rate{color:#1e293b;color:var(--clsd-att-text-primary);font-size:1rem;font-weight:700}.clsd-att-table-count{color:#6b7280;color:var(--clsd-att-text-muted);font-size:.75rem;font-weight:500}.clsd-att-list-attendance{color:#374151;color:var(--clsd-att-text-secondary);font-weight:500}.clsd-att-list-reason-display{align-items:center;display:flex;gap:.5rem;margin-top:.375rem}.clsd-att-list-reason-code{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;border-radius:6px;color:#dc2626;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.25rem .625rem}.clsd-att-list-reason-code .material-symbols-rounded{font-size:14px}.clsd-att-reason-inline{display:flex;flex-direction:column;gap:.5rem}.clsd-att-reason-inline label{color:#dc2626;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.clsd-att-reason-inline-table{display:flex;flex-direction:column;gap:.375rem}.clsd-att-reason-inline-table label{color:#dc2626;font-size:.6875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.clsd-att-list-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--clsd-att-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--clsd-att-container-shadow);padding:1.25rem}.clsd-att-list-header h4{font-weight:600}.clsd-att-view-toggle{background:#0000000a;border-radius:12px;display:flex;gap:.5rem;padding:.25rem}.clsd-att-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--clsd-att-text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.clsd-att-toggle-btn:hover{background:#3b82f61a;color:#3b82f6}.clsd-att-toggle-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#3b82f6}.clsd-att-toggle-btn .material-symbols-rounded{font-size:20px}.clsd-att-empty-state{align-items:center;color:#6b7280;color:var(--clsd-att-text-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.clsd-att-empty-state .material-symbols-rounded{font-size:64px;opacity:.5}.clsd-att-empty-state h3{color:#374151;color:var(--clsd-att-text-secondary);font-size:1.25rem;margin:0}.clsd-att-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.clsd-att-card{background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--clsd-att-card-shadow);cursor:pointer;overflow:hidden;transition:all .3s ease}.clsd-att-card:hover{box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--clsd-att-card-hover-shadow);transform:translateY(-4px)}.clsd-att-card-header{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--clsd-att-card-border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.clsd-att-student-id{color:#6b7280;color:var(--clsd-att-text-muted)}.clsd-att-status-badge,.clsd-att-student-id{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.clsd-att-status-badge{align-items:center;border-radius:20px;display:inline-flex;gap:.5rem;padding:.375rem .75rem}.clsd-att-dot{border-radius:50%;height:6px;width:6px}.clsd-att-card-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.clsd-att-student-header{align-items:center;display:flex;flex-direction:column;gap:.75rem;text-align:center}.clsd-att-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:64px;justify-content:center;position:relative;width:64px}.clsd-att-avatar.small{border-radius:50%;flex-shrink:0;font-size:.85rem;height:36px;min-height:36px;min-width:36px;width:36px}.clsd-att-avatar.medium{font-size:1.125rem;height:48px;width:48px}.clsd-att-gender{align-items:center;background:#fff;border-radius:50%;bottom:0;box-shadow:0 2px 8px #0000001a;display:flex;height:24px;justify-content:center;position:absolute;right:0;width:24px}.clsd-att-gender .material-symbols-rounded{font-size:14px}.clsd-att-student-header h3{color:#1e293b;color:var(--clsd-att-text-primary);font-size:1.125rem;font-weight:700;margin:0}.clsd-att-streak-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .3s ease}.clsd-att-streak-badge.streak{background:linear-gradient(135deg,#f59e0b26,#d9770626);border:2px solid #f59e0b4d;color:#d97706}.clsd-att-streak-badge.absence{background:linear-gradient(135deg,#ef444426,#dc262626);border:2px solid #ef44444d;color:#dc2626}.clsd-att-streak-badge.small{font-size:.75rem;gap:.375rem;padding:.375rem .75rem}.clsd-att-streak-badge .material-symbols-rounded{font-size:20px}.clsd-att-streak-badge.small .material-symbols-rounded{font-size:16px}.clsd-att-streak-badge.absence{position:relative}.clsd-att-streak-badge.absence.alert{animation:clsd-att-pulse-warning 2s ease-in-out infinite;background:linear-gradient(135deg,#ea580c33,#f9731626);border-color:#ea580c;color:#ea580c}.clsd-att-streak-badge.absence.severe{animation:clsd-att-pulse-alert 2s ease-in-out infinite;background:linear-gradient(135deg,#dc262640,#ef444433);border-color:#dc2626;color:#dc2626}.clsd-att-streak-badge.absence.critical{animation:clsd-att-pulse-critical 1.5s ease-in-out infinite;background:linear-gradient(135deg,#991b1b4d,#b91c1c40);border-color:#991b1b;color:#991b1b;font-weight:700}@keyframes clsd-att-pulse-warning{0%,to{box-shadow:0 0 0 0 #ea580c66}50%{box-shadow:0 0 0 8px #ea580c00}}@keyframes clsd-att-pulse-alert{0%,to{box-shadow:0 0 0 0 #dc262680}50%{box-shadow:0 0 0 10px #dc262600}}@keyframes clsd-att-pulse-critical{0%,to{box-shadow:0 0 0 0 #991b1b99}50%{box-shadow:0 0 0 12px #991b1b00}}[data-theme=dark] .clsd-att-streak-badge.absence.alert{border-color:#fb923c;color:#fb923c}[data-theme=dark] .clsd-att-streak-badge.absence.severe{border-color:#ef4444;color:#ef4444}[data-theme=dark] .clsd-att-streak-badge.absence.critical{border-color:#fca5a5;color:#fca5a5}.clsd-att-streak-badge strong{font-size:1.125rem}.clsd-att-streak-info-wrapper{display:inline-flex;margin-left:.25rem;position:relative}.clsd-att-streak-info-icon{color:#6b7280;color:var(--clsd-att-text-muted);cursor:help;font-size:16px;transition:color .2s ease}.clsd-att-streak-info-icon:hover{color:#1e293b;color:var(--clsd-att-text-primary)}.clsd-att-streak-info-icon-inline{color:#6b7280;color:var(--clsd-att-text-muted);cursor:help;font-size:14px;margin-left:.25rem;vertical-align:middle}.clsd-att-streak-tooltip{background:#000000e6;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0003;color:#fff;font-size:.75rem;font-weight:500;left:50%;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.clsd-att-streak-tooltip:after{border:4px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.clsd-att-contact{display:flex;flex-direction:column}.clsd-att-contact-line{align-items:center;color:#374151;color:var(--clsd-att-text-secondary);display:flex;gap:.5rem}.clsd-att-contact-line .material-symbols-rounded{color:#6b7280;color:var(--clsd-att-text-muted);font-size:16px}.clsd-att-contact-line span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-att-status-buttons{grid-gap:.5rem;display:grid;grid-template-columns:repeat(2,1fr)}.clsd-att-status-btn{align-items:center;background:#00000008;border:2px solid #0000;border-radius:10px;color:#374151;color:var(--clsd-att-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem;transition:all .2s ease}.clsd-att-status-btn .material-symbols-rounded{font-size:18px}.clsd-att-status-btn.present:hover{background:#10b9811a;border-color:#10b9814d;color:#059669}.clsd-att-status-btn.present.active{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b981;box-shadow:0 2px 8px #10b98133;color:#059669}.clsd-att-status-btn.absent:hover{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.clsd-att-status-btn.absent.active{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef4444;box-shadow:0 2px 8px #ef444433;color:#dc2626}.clsd-att-status-btn.late:hover{background:#f59e0b1a;border-color:#f59e0b4d;color:#d97706}.clsd-att-status-btn.late.active{background:linear-gradient(135deg,#f59e0b26,#d9770626);border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b33;color:#d97706}.clsd-att-status-btn.excused:hover{background:#8b5cf61a;border-color:#8b5cf64d;color:#7c3aed}.clsd-att-status-btn.excused.active{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf633;color:#7c3aed}.clsd-att-status-btn:disabled{cursor:not-allowed;opacity:.5}.clsd-att-card-footer{background:#00000005;border-top:1px solid #e2e8f0cc;border-top:1px solid var(--clsd-att-card-border);display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.clsd-att-reason-code{align-items:center;background:#fff;border-radius:8px;color:#1e293b;color:var(--clsd-att-text-primary);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.5rem .75rem;width:-webkit-fit-content;width:fit-content}.clsd-att-reason-code.small{font-size:.75rem;padding:.375rem .625rem}.clsd-att-reason-code .material-symbols-rounded{color:#3b82f6;font-size:16px}.clsd-att-reason-desc{color:#374151;color:var(--clsd-att-text-secondary);font-size:.8125rem;line-height:1.5}.clsd-att-remarks-section{background:rgba(0,0,0,.015);border-top:1px solid #e2e8f0cc;border-top:1px solid var(--clsd-att-card-border);padding:.75rem 1.25rem}.clsd-att-remarks-trigger{align-items:center;background:#0000;border:1px dashed #e2e8f0cc;border:1px dashed var(--clsd-att-card-border);border-radius:8px;color:#6b7280;color:var(--clsd-att-text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.625rem .875rem;text-align:left;transition:all .2s ease;width:100%}.clsd-att-remarks-trigger:hover{background:#00000005;border-color:#6b7280;border-color:var(--clsd-att-text-muted);color:#374151;color:var(--clsd-att-text-secondary)}.clsd-att-remarks-trigger .material-symbols-rounded{font-size:18px}.clsd-att-remarks-preview{color:#374151;color:var(--clsd-att-text-secondary);flex:1 1;font-size:.75rem;margin-left:auto;max-width:200px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.clsd-att-remarks-edit{align-items:flex-start;display:flex;gap:.5rem}.clsd-att-remarks-edit textarea{flex:1 1}.clsd-att-remarks-done-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.clsd-att-remarks-done-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.clsd-att-remarks-done-btn .material-symbols-rounded{font-size:20px}.clsd-att-table-container{border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:12px;overflow-x:auto}.clsd-att-table{background:#fff;background:var(--clsd-att-card-bg);border-collapse:collapse;width:100%}.clsd-att-table thead{background:#00000005}.clsd-att-table th{color:#6b7280;color:var(--clsd-att-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase}.clsd-att-table td,.clsd-att-table th{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--clsd-att-card-border);padding:1rem}.clsd-att-table td{vertical-align:middle}.clsd-att-table tbody tr{transition:background .2s ease}.clsd-att-table tbody tr:hover{background:#3b82f608}.clsd-att-table-student-cell{align-items:center;display:flex;gap:.75rem;max-width:230px;overflow:hidden}.clsd-att-name{color:#1e293b;color:var(--clsd-att-text-primary);font-size:.875rem;font-weight:600}.clsd-att-meta{color:#6b7280;color:var(--clsd-att-text-muted);font-size:.75rem}.clsd-att-table-actions{display:flex;gap:.5rem}.clsd-att-action-btn{align-items:center;background:#00000008;border:1px solid #0000;border-radius:8px;color:#6b7280;color:var(--clsd-att-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.clsd-att-action-btn .material-symbols-rounded{font-size:18px}.clsd-att-action-btn.present.active,.clsd-att-action-btn.present:hover{background:#10b9811a;border-color:#10b9814d;color:#059669}.clsd-att-action-btn.absent.active,.clsd-att-action-btn.absent:hover{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.clsd-att-action-btn.late.active,.clsd-att-action-btn.late:hover{background:#f59e0b1a;border-color:#f59e0b4d;color:#d97706}.clsd-att-action-btn.excused.active,.clsd-att-action-btn.excused:hover{background:#8b5cf61a;border-color:#8b5cf64d;color:#7c3aed}.clsd-att-action-btn.active{box-shadow:0 2px 8px #0000001a}.clsd-att-remarks-trigger-table{align-items:center;background:#0000;border:1px dashed #e2e8f0cc;border:1px dashed var(--clsd-att-card-border);border-radius:6px;color:#6b7280;color:var(--clsd-att-text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:.75rem;gap:.375rem;padding:.5rem;transition:all .2s ease}.clsd-att-remarks-trigger-table:hover{background:#00000005;border-color:#6b7280;border-color:var(--clsd-att-text-muted);color:#374151;color:var(--clsd-att-text-secondary)}.clsd-att-remarks-trigger-table .material-symbols-rounded{font-size:16px}.clsd-att-remarks-preview-table{color:#374151;color:var(--clsd-att-text-secondary);font-size:.6875rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-att-remarks-edit-table{align-items:flex-start;display:flex;gap:.5rem}.clsd-att-remarks-edit-table textarea{flex:1 1;min-width:200px}.clsd-att-remarks-done-btn-table{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.clsd-att-remarks-done-btn-table:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.clsd-att-remarks-done-btn-table .material-symbols-rounded{font-size:18px}.clsd-att-locked-badge{align-items:center;background:#ef44441a;border-radius:8px;color:#dc2626;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.375rem .75rem}.clsd-att-reason-inputs,.clsd-att-reason-preview{display:flex;flex-direction:column;gap:.5rem}.clsd-att-reason-text{color:#374151;color:var(--clsd-att-text-secondary);font-size:.75rem;line-height:1.4}.clsd-att-text-muted{color:#6b7280;color:var(--clsd-att-text-muted)}.clsd-att-list-view{display:flex;flex-direction:column;gap:.75rem}.clsd-att-list-item{align-items:center;background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--clsd-att-card-shadow);display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;transition:all .3s ease}.clsd-att-list-item:hover{box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--clsd-att-card-hover-shadow);transform:translateX(4px)}.clsd-att-list-number{align-items:center;background:#0000000a;border-radius:8px;color:#6b7280;color:var(--clsd-att-text-muted);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.clsd-att-list-info{flex:1 1;min-width:0}.clsd-att-list-name{color:#1e293b;color:var(--clsd-att-text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.clsd-att-list-meta{color:#6b7280;color:var(--clsd-att-text-muted);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-att-list-streak.streak{color:#f59e0b;font-weight:600}.clsd-att-list-streak.absence{color:#ef4444;font-weight:600}.clsd-att-list-actions{display:flex;gap:.5rem}.clsd-att-list-reason-inputs,.clsd-att-list-remarks{margin-top:.5rem;width:100%}.clsd-att-remarks-trigger-list{align-items:center;background:#0000;border:1px dashed #e2e8f0cc;border:1px dashed var(--clsd-att-card-border);border-radius:8px;color:#6b7280;color:var(--clsd-att-text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:.8125rem;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:all .2s ease;width:100%}.clsd-att-remarks-trigger-list:hover{background:#00000005;border-color:#6b7280;border-color:var(--clsd-att-text-muted);color:#374151;color:var(--clsd-att-text-secondary)}.clsd-att-remarks-trigger-list .material-symbols-rounded{font-size:18px}.clsd-att-remarks-preview-list{color:#374151;color:var(--clsd-att-text-secondary);flex:1 1;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-att-remarks-edit-list{align-items:flex-start;display:flex;gap:.5rem;width:100%}.clsd-att-remarks-edit-list textarea{flex:1 1}.clsd-att-remarks-done-btn-list{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.clsd-att-remarks-done-btn-list:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.clsd-att-remarks-done-btn-list .material-symbols-rounded{font-size:20px}.clsd-att-locked-banner{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;border-radius:12px;color:#dc2626;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.25rem}.clsd-att-locked-banner .material-symbols-rounded{font-size:20px}.clsd-att-modal-overlay{align-items:center;animation:clsd-att-fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes clsd-att-fadeIn{0%{opacity:0}to{opacity:1}}.clsd-att-modal{animation:clsd-att-slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow:hidden;width:90%}@keyframes clsd-att-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.clsd-att-modal-header{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--clsd-att-card-border);display:flex;justify-content:space-between;padding:1.5rem}.clsd-att-modal-header h3{align-items:center;color:#1e293b;color:var(--clsd-att-text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.clsd-att-modal-header .material-symbols-rounded{color:#3b82f6}.clsd-att-close-btn{align-items:center;background:#0000000d;border:none;border-radius:8px;color:#6b7280;color:var(--clsd-att-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.clsd-att-close-btn:hover{background:#0000001a;color:#1e293b;color:var(--clsd-att-text-primary)}.clsd-att-modal-body{padding:1.5rem}.clsd-att-modal-body p{color:#374151;color:var(--clsd-att-text-secondary);font-size:.9375rem;line-height:1.6;margin:0 0 1.5rem}.clsd-att-confirm-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.clsd-att-confirm-stat{align-items:center;background:#00000005;border-radius:12px;color:#1e293b;color:var(--clsd-att-text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;padding:1rem}.present-color{color:#10b981}.absent-color{color:#ef4444}.late-color{color:#f59e0b}.excused-color{color:#8b5cf6}.clsd-att-attendance-rate{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid #10b9814d;border-radius:12px;color:#374151;color:var(--clsd-att-text-secondary);font-size:.9375rem;padding:1rem;text-align:center}.clsd-att-attendance-rate strong{color:#059669;font-size:1.25rem}.clsd-att-modal-footer{border-top:1px solid #e2e8f0cc;border-top:1px solid var(--clsd-att-card-border);display:flex;gap:.75rem;padding:1.5rem}.clsd-att-btn-cancel,.clsd-att-btn-confirm{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:all .3s ease}.clsd-att-btn-cancel{background:#0000000d;color:#374151;color:var(--clsd-att-text-secondary)}.clsd-att-btn-cancel:hover{background:#0000001a;transform:translateY(-2px)}.clsd-att-btn-confirm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--clsd-att-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--clsd-att-btn-primary-shadow);color:#fff}.clsd-att-btn-confirm:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}@media (max-width:768px){.clsd-att-filters-grid,.clsd-att-stats-grid{grid-template-columns:1fr}.clsd-att-filters-actions{flex-direction:column;width:100%}.clsd-att-btn,.clsd-att-btn-action,.clsd-att-btn-export,.clsd-att-btn-save{justify-content:center;width:100%}.clsd-att-grid{grid-template-columns:1fr}.clsd-att-list-item{flex-wrap:wrap}.clsd-att-list-actions{justify-content:center;width:100%}.clsd-att-confirm-stats,.clsd-att-status-buttons{grid-template-columns:1fr}}.clsd-att-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.clsd-att-card-header{padding:.875rem 1rem}.clsd-att-card-body{gap:.875rem;padding:1rem}.clsd-att-avatar{font-size:1.25rem;height:52px;width:52px}.clsd-att-student-header{gap:.5rem}.clsd-att-student-header h3{font-size:1rem}.clsd-att-streak-badge{font-size:.8125rem;padding:.5rem .875rem}.clsd-att-contact{gap:.5rem}.clsd-att-contact-line{font-size:.8125rem;padding:.375rem 0}.clsd-att-status-buttons{gap:.5rem}.clsd-att-status-btn{font-size:.8125rem;padding:.5rem .875rem}.clsd-att-card-footer,.clsd-att-remarks-section{padding:.875rem 1rem}@media (max-width:768px){.clsd-att-grid{grid-template-columns:1fr}}@media (min-width:1400px){.clsd-att-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.clsd-att-rate-bar{background:linear-gradient(135deg,#3b82f60a,#10b9810a);border:1px solid #3b82f61f;border-radius:8px;display:flex;flex-direction:column;gap:.375rem;padding:.625rem .875rem}[data-theme=dark] .clsd-att-rate-bar{background:linear-gradient(135deg,#60a5fa0f,#10b9810f);border:1px solid #60a5fa26}.clsd-att-rate-label{align-items:center;display:flex;font-size:.75rem;font-weight:500;justify-content:space-between}.clsd-att-rate-label span:first-child{color:#6b7280;color:var(--clsd-att-text-muted);letter-spacing:.3px;text-transform:uppercase}.clsd-att-rate-label span:last-child{color:#1e293b;color:var(--clsd-att-text-primary);font-size:.875rem;font-weight:700}.clsd-att-progress-bar{background:#00000014;border-radius:3px;height:6px;overflow:hidden;width:100%}[data-theme=dark] .clsd-att-progress-bar{background:#ffffff1a}.clsd-att-progress-fill{border-radius:3px;height:100%;transition:width .5s ease}.clsd-att-rate-count{color:#6b7280;color:var(--clsd-att-text-muted);font-size:.6875rem;text-align:center}.clsd-att-card-icons{display:flex;gap:.5rem;position:absolute;right:1rem;top:.875rem;z-index:5}.clsd-att-card-body,.clsd-att-contact-icon-wrapper{position:relative}.clsd-att-contact-icon{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:50%;color:#3b82f6;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}[data-theme=dark] .clsd-att-contact-icon{background:#60a5fa26;border:1px solid #60a5fa4d;color:#60a5fa}.clsd-att-contact-icon:hover{background:#3b82f633;transform:scale(1.05)}[data-theme=dark] .clsd-att-contact-icon:hover{background:#60a5fa40}.clsd-att-contact-icon .material-symbols-rounded{font-size:16px}.clsd-att-contact-popup{animation:clsd-att-popupSlideIn .2s ease;background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:12px;box-shadow:0 12px 40px #00000026,0 8px 16px #0000001a;min-width:260px;overflow:hidden;padding:0;position:absolute;right:0;top:calc(100% + 8px);white-space:nowrap;z-index:10}@keyframes clsd-att-popupSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.clsd-att-contact-popup:before{border-bottom:7px solid #fff;border-bottom:7px solid var(--clsd-att-card-bg);border-left:7px solid #0000;border-right:7px solid #0000;content:"";filter:drop-shadow(0 -2px 3px rgba(0,0,0,.08));height:0;position:absolute;right:8px;top:-6px;width:0}.clsd-att-contact-popup .clsd-att-contact-line{align-items:center;color:#374151;color:var(--clsd-att-text-secondary);display:flex;font-size:.875rem;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.clsd-att-contact-popup .clsd-att-contact-line:hover{background:#3b82f60d}.clsd-att-contact-popup .clsd-att-contact-line:not(:last-child){border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--clsd-att-card-border)}.clsd-att-contact-popup .clsd-att-contact-line .material-symbols-rounded{align-items:center;background:#3b82f61a;border-radius:8px;color:#3b82f6;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}[data-theme=dark] .clsd-att-contact-popup .clsd-att-contact-line .material-symbols-rounded{background:#60a5fa26;color:#60a5fa}.clsd-att-contact-popup .clsd-att-contact-line span:last-child{font-weight:500;word-break:break-all}.clsd-att-remarks-icon-wrapper{position:relative}.clsd-att-remarks-icon{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:50%;color:#8b5cf6;height:28px;justify-content:center;transition:all .2s ease;width:28px}.clsd-att-remarks-icon.has-remarks{background:#8b5cf626;border-color:#8b5cf666;box-shadow:0 0 0 2px #8b5cf61a}[data-theme=dark] .clsd-att-remarks-icon{background:#a78bfa26;border:1px solid #a78bfa4d;color:#a78bfa}.clsd-att-remarks-icon:hover{background:#8b5cf633;transform:scale(1.05)}[data-theme=dark] .clsd-att-remarks-icon:hover{background:#a78bfa40}.clsd-att-remarks-icon .material-symbols-rounded{font-size:16px}.clsd-att-remarks-popup{animation:clsd-att-popupSlideIn .2s ease;background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:8px;box-shadow:0 12px 40px #00000026,0 8px 16px #0000001a;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:10}.clsd-att-remarks-popup:before{border-bottom:6px solid #fff;border-bottom:6px solid var(--clsd-att-card-bg);border-left:6px solid #0000;border-right:6px solid #0000;content:"";filter:drop-shadow(0 -2px 2px rgba(0,0,0,.05));height:0;position:absolute;right:8px;top:-6px;width:0}.clsd-att-remarks-popup-header{align-items:center;background:#8b5cf60d;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--clsd-att-card-border);color:#1e293b;color:var(--clsd-att-text-primary);display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;padding:.75rem}.clsd-att-remarks-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;color:var(--clsd-att-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.clsd-att-remarks-close:hover{background:#0000000d;color:#1e293b;color:var(--clsd-att-text-primary)}.clsd-att-remarks-close .material-symbols-rounded{font-size:18px}.clsd-att-remarks-popup textarea{border:none;border-radius:0;box-shadow:none;padding:.75rem}.clsd-att-remarks-popup textarea:focus{border:none;box-shadow:none}.clsd-att-remarks-display{align-items:flex-start;background:#8b5cf60d;border:1px solid #8b5cf626;border-radius:8px;color:#374151;color:var(--clsd-att-text-secondary);display:flex;font-size:.875rem;gap:.5rem;line-height:1.5;margin-top:.75rem;padding:.75rem}.clsd-att-remarks-display .material-symbols-rounded{color:#8b5cf6;flex-shrink:0;font-size:18px;margin-top:2px}.clsd-att-contact-icon-wrapper-list{align-items:center;display:flex;position:relative}.clsd-att-contact-icon-list{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:50%;color:#3b82f6;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}[data-theme=dark] .clsd-att-contact-icon-list{background:#60a5fa26;border:1px solid #60a5fa4d;color:#60a5fa}.clsd-att-contact-icon-list:hover{background:#3b82f633;transform:scale(1.05)}.clsd-att-contact-icon-list .material-symbols-rounded{font-size:18px}.clsd-att-contact-popup-list{animation:clsd-att-popupSlideIn .2s ease;background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:12px;box-shadow:0 12px 40px #00000026,0 8px 16px #0000001a;min-width:260px;overflow:hidden;padding:0;position:absolute;right:0;top:calc(100% + 8px);white-space:nowrap;z-index:10}.clsd-att-contact-popup-list:before{border-bottom:7px solid #fff;border-bottom:7px solid var(--clsd-att-card-bg);border-left:7px solid #0000;border-right:7px solid #0000;content:"";filter:drop-shadow(0 -2px 3px rgba(0,0,0,.08));height:0;position:absolute;right:8px;top:-6px;width:0}.clsd-att-contact-popup-list .clsd-att-contact-line{align-items:center;color:#374151;color:var(--clsd-att-text-secondary);display:flex;font-size:.875rem;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.clsd-att-contact-popup-list .clsd-att-contact-line:hover{background:#3b82f60d}.clsd-att-contact-popup-list .clsd-att-contact-line:not(:last-child){border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--clsd-att-card-border)}.clsd-att-contact-popup-list .clsd-att-contact-line .material-symbols-rounded{align-items:center;background:#3b82f61a;border-radius:8px;color:#3b82f6;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}[data-theme=dark] .clsd-att-contact-popup-list .clsd-att-contact-line .material-symbols-rounded{background:#60a5fa26;color:#60a5fa}.clsd-att-contact-popup-list .clsd-att-contact-line span:last-child{font-weight:500;word-break:break-all}.clsd-att-contact{display:none}.clsd-att-reason-header{align-items:center;display:flex;justify-content:space-between;padding:0}.clsd-att-reason-header label{color:#374151;color:var(--clsd-att-text-secondary);font-size:.8125rem;font-weight:500;margin:0}.clsd-att-reason-toggle{align-items:center;background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:4px;color:#6b7280;color:var(--clsd-att-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.clsd-att-reason-toggle:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.clsd-att-reason-toggle .material-symbols-rounded{font-size:18px}.clsd-att-card-footer.clsd-att-reason-inline{padding:.75rem 1rem}.clsd-att-card-footer.clsd-att-reason-inline input{animation:slideDown .2s ease;margin-top:.5rem}.clsd-att-card.status-absent{animation:moveToTop .5s cubic-bezier(.34,1.56,.64,1),highlightAbsent 1s ease .5s;border-left-width:4px}.clsd-att-list-reason-inputs{align-items:center;display:flex;gap:.5rem;padding:.5rem 0}.clsd-att-reason-toggle-list{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.clsd-att-reason-toggle-list:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.05)}.clsd-att-reason-toggle-list .material-symbols-rounded{font-size:18px}.clsd-att-list-reason-inputs input{animation:slideDown .2s ease;flex:1 1}.clsd-att-absent-section{border-top:1px solid #e2e8f0cc;border-top:1px solid var(--clsd-att-card-border);margin-top:1.25rem;padding-top:1.25rem}.clsd-att-absent-toggle{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}[data-theme=dark] .clsd-att-absent-toggle{background:#ef44441f;border:1px solid #ef44444d}.clsd-att-absent-toggle:hover{background:#ef44441f;border-color:#ef4444;transform:translateY(-1px)}.clsd-att-absent-toggle .material-symbols-rounded{font-size:20px}.clsd-att-absent-list{animation:slideDown .2s ease;background:#fffc;background:var(--clsd-att-input-bg);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;max-height:300px;overflow-y:auto;padding:.5rem}.clsd-att-absent-item{align-items:center;background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-left:3px solid #ef4444;border-radius:6px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.clsd-att-absent-item:hover{box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.clsd-att-absent-number{background:#ef44441a;border-radius:50%;color:#ef4444;font-size:.75rem;font-weight:600;height:24px;width:24px}.clsd-att-absent-avatar,.clsd-att-absent-number{align-items:center;display:flex;flex-shrink:0;justify-content:center}.clsd-att-absent-avatar{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;color:#fff;font-size:.875rem;font-weight:700;height:36px;width:36px}.clsd-att-absent-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.clsd-att-absent-name{color:#1e293b;color:var(--clsd-att-text-primary);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-att-absent-id{color:#6b7280;color:var(--clsd-att-text-muted);font-size:.75rem;letter-spacing:.3px;text-transform:uppercase}.clsd-att-absent-reason-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.375rem}.clsd-att-absent-reason-code{align-items:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;color:#dc2626;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.clsd-att-absent-reason-code .material-symbols-rounded{font-size:12px}.clsd-att-absent-reason-desc{color:#374151;color:var(--clsd-att-text-secondary);font-size:.75rem;font-style:italic}.clsd-att-absent-reason{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;color:#8b5cf6;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;max-width:150px;overflow:hidden;padding:.375rem .625rem;text-overflow:ellipsis;white-space:nowrap}.clsd-att-absent-reason .material-symbols-rounded{flex-shrink:0;font-size:14px}.clsd-att-absent-list::-webkit-scrollbar{width:6px}.clsd-att-absent-list::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.clsd-att-absent-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.clsd-att-absent-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.clsd-att-modal{max-width:500px}.clsd-att-filters-section{background:var(--clsd-att-bg);border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--clsd-att-card-border);box-shadow:0 2px 12px #00000014;padding:1rem;position:-webkit-sticky;position:sticky;top:0}[data-theme=dark] .clsd-att-filters-section{box-shadow:0 2px 12px #0006}.clsd-att-filters-grid{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:2fr 1fr 1fr auto;margin-bottom:1rem}.clsd-att-search-box{align-items:center;display:flex;position:relative}.clsd-att-search-box .material-symbols-rounded{color:#6b7280;color:var(--clsd-att-text-muted);font-size:20px;left:.75rem;pointer-events:none;position:absolute}.clsd-att-search-box input{padding-left:2.5rem}.clsd-att-filter-field{display:flex;flex-direction:column}.clsd-att-btn-clear-filters{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.clsd-att-btn-clear-filters:hover{background:#ef444426;border-color:#ef4444}.clsd-att-btn-clear-filters .material-symbols-rounded{font-size:18px}.clsd-att-list-section{background:var(--clsd-att-bg);border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--clsd-att-card-border);padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:89}.clsd-att-list-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.clsd-att-list-header h4{color:#1e293b;color:var(--clsd-att-text-primary);font-size:1.125rem;margin:0}@media (max-width:1024px){.clsd-att-filters-grid{gap:.75rem;grid-template-columns:1fr 1fr}.clsd-att-search-box{grid-column:1/-1}.clsd-att-btn-clear-filters{grid-column:1/-1;justify-content:center}}@media (max-width:768px){.clsd-att-filters-section.expanded{padding:.875rem}.clsd-att-filters-section.minimized{border-radius:40px;padding:.625rem .875rem}.clsd-att-filters-actions-compact,.clsd-att-filters-compact-row{gap:.5rem}.clsd-att-filters-section.minimized .clsd-att-filters-actions-compact{gap:.375rem}.clsd-att-btn-action span:not(.material-symbols-rounded),.clsd-att-btn-export span:not(.material-symbols-rounded),.clsd-att-btn-save span:not(.material-symbols-rounded),.clsd-att-filters-section.expanded .clsd-att-btn-action span:not(.material-symbols-rounded),.clsd-att-filters-section.expanded .clsd-att-btn-export span:not(.material-symbols-rounded),.clsd-att-filters-section.expanded .clsd-att-btn-save span:not(.material-symbols-rounded),.clsd-att-filters-section.minimized .clsd-att-btn-action span:not(.material-symbols-rounded),.clsd-att-filters-section.minimized .clsd-att-btn-export span:not(.material-symbols-rounded),.clsd-att-filters-section.minimized .clsd-att-btn-save span:not(.material-symbols-rounded){display:none}.clsd-att-btn-action,.clsd-att-btn-export,.clsd-att-btn-save,.clsd-att-filters-section.expanded .clsd-att-btn-action,.clsd-att-filters-section.expanded .clsd-att-btn-export,.clsd-att-filters-section.expanded .clsd-att-btn-save,.clsd-att-filters-section.minimized .clsd-att-btn-action,.clsd-att-filters-section.minimized .clsd-att-btn-export,.clsd-att-filters-section.minimized .clsd-att-btn-save{justify-content:center;min-width:44px;padding:.625rem;position:relative;z-index:89}.clsd-att-btn-action .material-symbols-rounded,.clsd-att-btn-export .material-symbols-rounded,.clsd-att-btn-save .material-symbols-rounded{font-size:20px;margin:0}.clsd-att-btn-action:after,.clsd-att-btn-export:after,.clsd-att-btn-save:after,.clsd-att-fullscreen-action-btn:after{background:#000000e6;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(title);font-size:.75rem;font-weight:500;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:10000}.clsd-att-btn-action:hover:after,.clsd-att-btn-export:hover:after,.clsd-att-btn-save:hover:after,.clsd-att-fullscreen-action-btn:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px)}.clsd-att-btn-action:before,.clsd-att-btn-export:before,.clsd-att-btn-save:before,.clsd-att-fullscreen-action-btn:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000000e6;bottom:100%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;width:0;z-index:1000}.clsd-att-btn-action:hover:before,.clsd-att-btn-export:hover:before,.clsd-att-btn-save:hover:before,.clsd-att-fullscreen-action-btn:hover:before{opacity:1}[data-theme=dark] .clsd-att-btn-action:after,[data-theme=dark] .clsd-att-btn-export:after,[data-theme=dark] .clsd-att-btn-save:after,[data-theme=dark] .clsd-att-fullscreen-action-btn:after{background:#fffffff2;color:#1e293b}[data-theme=dark] .clsd-att-btn-action:before,[data-theme=dark] .clsd-att-btn-export:before,[data-theme=dark] .clsd-att-btn-save:before,[data-theme=dark] .clsd-att-fullscreen-action-btn:before{border-top-color:#fffffff2}.clsd-att-toggle-filters-btn{height:28px;min-width:28px}.clsd-att-filters-grid{gap:.625rem;grid-template-columns:1fr}.clsd-att-btn-clear-filters,.clsd-att-search-box{grid-column:1}.clsd-att-list-section{padding:.625rem 1rem}.clsd-att-list-header{align-items:stretch;flex-direction:column;gap:.75rem}.clsd-att-list-header h4{font-size:1rem;text-align:center}}.clsd-att-fullscreen-overlay{align-items:center;animation:clsd-att-fullscreen-fade-in .3s ease-out;background:#fff;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}[data-theme=dark] .clsd-att-fullscreen-overlay{background:#111827}@keyframes clsd-att-fullscreen-fade-in{0%{opacity:0}to{opacity:1}}.clsd-att-fullscreen-container{background:#fffffff2;background:var(--clsd-att-container-bg);display:flex;flex-direction:column;height:100%;width:100%}.clsd-att-fullscreen-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--clsd-header-bg);border-bottom:1px solid var(--clsd-card-border);box-shadow:var(--clsd-card-shadow);display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}[data-theme=dark] .clsd-att-fullscreen-header{background:var(--clsd-header-bg);border-bottom:1px solid var(--clsd-header-border);box-shadow:var(--clsd-header-shadow)}.clsd-att-fullscreen-header-left{align-items:center;display:flex;flex:1 1;gap:1.5rem}.clsd-att-fullscreen-header-right{align-items:center;display:flex;gap:1rem}.clsd-att-fullscreen-search{align-items:center;background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-radius:8px;display:flex;gap:.5rem;min-width:250px;padding:.5rem 1rem}.clsd-att-fullscreen-search .material-symbols-rounded{color:var(--clsd-icon-color);font-size:1.25rem}.clsd-att-fullscreen-search-input{background:#0000;border:none;color:var(--clsd-text-primary);flex:1 1;font-family:inherit;font-size:.875rem;outline:none}.clsd-att-fullscreen-search-input::placeholder{color:var(--clsd-text-muted)}.clsd-att-fullscreen-search-clear{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--clsd-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.clsd-att-fullscreen-search-clear:hover{background:#0000000d;color:var(--clsd-text-primary)}[data-theme=dark] .clsd-att-fullscreen-search-clear:hover{background:#ffffff0d}.clsd-att-fullscreen-search-clear .material-symbols-rounded{font-size:1.125rem}.clsd-att-fullscreen-quick-actions{display:flex;gap:.5rem}.clsd-att-quick-action-btn{align-items:center;background:#fff;background:var(--clsd-att-card-bg);border:1.5px solid;border-radius:8px;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.clsd-att-quick-action-btn .material-symbols-rounded{font-size:1.125rem}.clsd-att-quick-action-btn.present{border-color:#10b9814d;color:#059669}.clsd-att-quick-action-btn.present:hover{background:#10b9811a;border-color:#10b981}.clsd-att-quick-action-btn.absent{border-color:#ef44444d;color:#dc2626}.clsd-att-quick-action-btn.absent:hover{background:#ef44441a;border-color:#ef4444}.clsd-att-fullscreen-class-info{align-items:center;display:flex;gap:.875rem}.clsd-att-fullscreen-class-info .material-symbols-rounded{color:#3b82f6;font-size:2rem}[data-theme=dark] .clsd-att-fullscreen-class-info .material-symbols-rounded{color:#60a5fa}.clsd-att-fullscreen-class-details h2{color:#1e293b;color:var(--clsd-att-text-primary);font-size:1.375rem;font-weight:700;line-height:1.2;margin:0}.clsd-att-fullscreen-class-details p{color:#6b7280;color:var(--clsd-att-text-muted);font-size:.9375rem;line-height:1.2;margin:.25rem 0 0}.clsd-att-fullscreen-datetime{display:flex;gap:1rem}.clsd-att-fullscreen-date,.clsd-att-fullscreen-time{align-items:center;background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:8px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--clsd-att-card-shadow);display:flex;gap:.5rem;padding:.625rem 1rem}.clsd-att-fullscreen-date .material-symbols-rounded,.clsd-att-fullscreen-time .material-symbols-rounded{color:#3b82f6;font-size:1.25rem}[data-theme=dark] .clsd-att-fullscreen-date .material-symbols-rounded,[data-theme=dark] .clsd-att-fullscreen-time .material-symbols-rounded{color:#60a5fa}.clsd-att-fullscreen-date span:last-child,.clsd-att-fullscreen-time span:last-child{color:#1e293b;color:var(--clsd-att-text-primary);font-size:.9375rem;font-weight:600}.clsd-att-fullscreen-close{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:.625rem;transition:all .3s ease}.clsd-att-fullscreen-close:hover{background:#ef444433;transform:scale(1.05)}.clsd-att-fullscreen-close .material-symbols-rounded{font-size:1.5rem}.clsd-att-fullscreen-message{align-items:center;animation:clsd-att-message-slide-down .3s ease-out;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;margin:1rem 1.5rem 0;padding:.875rem 1.25rem}@keyframes clsd-att-message-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clsd-att-fullscreen-message.success{background:linear-gradient(135deg,#10b98126,#0596691a);border:1px solid #10b9814d;color:#059669}.clsd-att-fullscreen-message.error{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef44444d;color:#dc2626}.clsd-att-fullscreen-message.info{background:linear-gradient(135deg,#3b82f626,#1d4ed81a);border:1px solid #3b82f64d;color:#1d4ed8}.clsd-att-fullscreen-message .material-symbols-rounded{flex-shrink:0;font-size:1.5rem}.clsd-att-fullscreen-message-close{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:.25rem;transition:background .2s ease}.clsd-att-fullscreen-message-close:hover{background:#0000001a}.clsd-att-fullscreen-message-close .material-symbols-rounded{font-size:1.125rem}[data-theme=dark] .clsd-att-fullscreen-message.success{background:linear-gradient(135deg,#10b98133,#05966926);border-color:#10b98166;color:#10b981}[data-theme=dark] .clsd-att-fullscreen-message.error{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444466;color:#ef4444}[data-theme=dark] .clsd-att-fullscreen-message.info{background:linear-gradient(135deg,#3b82f633,#1d4ed826);border-color:#3b82f666;color:#3b82f6}.clsd-att-fullscreen-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--clsd-att-card-shadow);margin:0;padding:.5rem}.clsd-att-fullscreen-content,.clsd-att-fullscreen-table-wrapper{background:#fff;background:var(--clsd-att-card-bg);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.clsd-att-fullscreen-table-wrapper{border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:12px}.clsd-att-fullscreen-table-container{flex:1 1;overflow-x:hidden;overflow-y:auto}.clsd-att-fullscreen-table-container::-webkit-scrollbar{height:8px;width:8px}.clsd-att-fullscreen-table-container::-webkit-scrollbar-track{background:#0000000d}[data-theme=dark] .clsd-att-fullscreen-table-container::-webkit-scrollbar-track{background:#ffffff0d}.clsd-att-fullscreen-table-container::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px}.clsd-att-fullscreen-table-container::-webkit-scrollbar-thumb:hover{background:#3b82f680}.clsd-att-fullscreen-table-container::-webkit-scrollbar-corner{background:#0000000d}[data-theme=dark] .clsd-att-fullscreen-table-container::-webkit-scrollbar-corner{background:#ffffff0d}.clsd-att-fullscreen-table{border-collapse:collapse;font-size:.9375rem;table-layout:fixed;width:100%}.clsd-att-fullscreen-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.clsd-att-fullscreen-table thead th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61f,#1d4ed814);border-bottom:2px solid #3b82f64d;color:#1e293b;color:var(--clsd-att-text-primary);font-size:.875rem;font-weight:700;letter-spacing:.025em;padding:1rem .875rem;position:relative;text-align:left;text-transform:uppercase;z-index:10}[data-theme=dark] .clsd-att-fullscreen-table thead th{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border-bottom:2px solid #60a5fa4d}.clsd-att-fullscreen-table-body-wrapper{flex:1 1;overflow-x:hidden;overflow-y:auto}.clsd-att-fullscreen-table thead{padding-right:8px}.clsd-att-fullscreen-table-body-wrapper::-webkit-scrollbar{width:8px}.clsd-att-fullscreen-table-body-wrapper::-webkit-scrollbar-track{background:#0000000d}[data-theme=dark] .clsd-att-fullscreen-table-body-wrapper::-webkit-scrollbar-track{background:#ffffff0d}.clsd-att-fullscreen-table-body-wrapper::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px}.clsd-att-fullscreen-table-body-wrapper::-webkit-scrollbar-thumb:hover{background:#3b82f680}.clsd-att-fullscreen-table-body-wrapper table{border-collapse:collapse;display:table;table-layout:fixed;width:100%}.clsd-att-fullscreen-table tbody{display:table-row-group}.clsd-att-fullscreen-table tbody tr{cursor:pointer;display:table-row;transition:all .2s ease}.clsd-att-fullscreen-table tbody tr:hover{background:#3b82f614}[data-theme=dark] .clsd-att-fullscreen-table tbody tr:hover{background:#60a5fa1f}.clsd-att-fullscreen-table tbody tr.clsd-att-row-selected{background:#3b82f626;border-left:3px solid #3b82f6}[data-theme=dark] .clsd-att-fullscreen-table tbody tr.clsd-att-row-selected{background:#60a5fa33;border-left:3px solid #60a5fa}.clsd-att-fullscreen-table tbody tr:nth-child(2n){background:#00000005}[data-theme=dark] .clsd-att-fullscreen-table tbody tr:nth-child(2n){background:#ffffff05}.clsd-att-fullscreen-table tbody tr:nth-child(2n):hover{background:#3b82f614}[data-theme=dark] .clsd-att-fullscreen-table tbody tr:nth-child(2n):hover{background:#60a5fa1f}.clsd-att-fullscreen-table tbody td{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--clsd-att-card-border);display:table-cell;padding:1rem .875rem;vertical-align:middle}.clsd-att-fullscreen-actions-cell{display:flex;flex-wrap:nowrap;gap:.5rem}.clsd-att-fullscreen-action-btn{align-items:center;background:#00000008;border:2px solid #0000;border-radius:10px;color:#374151;color:var(--clsd-att-text-secondary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem;transition:all .2s ease}.clsd-att-fullscreen-action-btn .material-symbols-rounded{font-size:18px}.clsd-att-fullscreen-action-btn.present:hover{background:#10b9811a;border-color:#10b9814d;color:#059669}.clsd-att-fullscreen-action-btn.present.active{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b981;box-shadow:0 2px 8px #10b98133;color:#059669}.clsd-att-fullscreen-action-btn.absent:hover{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.clsd-att-fullscreen-action-btn.absent.active{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef4444;box-shadow:0 2px 8px #ef444433;color:#dc2626}.clsd-att-fullscreen-action-btn:disabled{cursor:not-allowed;opacity:.5}.clsd-att-reason-with-copy{align-items:center;display:flex;gap:.375rem}.clsd-att-copy-reason-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s ease}.clsd-att-copy-reason-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f6;transform:scale(1.05)}.clsd-att-copy-reason-btn:disabled{cursor:not-allowed;opacity:.5}.clsd-att-copy-reason-btn .material-symbols-rounded{font-size:1.125rem}[data-theme=dark] .clsd-att-copy-reason-btn{background:#60a5fa26;border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .clsd-att-copy-reason-btn:hover:not(:disabled){background:#60a5fa40;border-color:#60a5fa}.clsd-att-fullscreen-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#1d4ed80d);border-top:1px solid #3b82f633;display:flex;flex-shrink:0;gap:1.5rem;justify-content:space-between;padding:1rem 1.5rem}[data-theme=dark] .clsd-att-fullscreen-footer{background:linear-gradient(135deg,#60a5fa26,#3b82f614);border-top:1px solid #60a5fa33}.clsd-att-fullscreen-stats-summary{align-items:center;display:flex;flex:1 1;gap:2.5rem;justify-content:center}.clsd-att-fullscreen-stat-item{align-items:center;background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:8px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--clsd-att-card-shadow);display:flex;font-size:1rem;font-weight:700;gap:.625rem;padding:.75rem 1.5rem}.clsd-att-fullscreen-stat-item.present{color:#10b981}.clsd-att-fullscreen-stat-item.absent{color:#ef4444}.clsd-att-fullscreen-stat-item.rate{color:#3b82f6}[data-theme=dark] .clsd-att-fullscreen-stat-item.rate{color:#60a5fa}.clsd-att-fullscreen-stat-item .material-symbols-rounded{font-size:1.75rem}.clsd-att-fullscreen-save-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease}.clsd-att-fullscreen-save-btn:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.clsd-att-fullscreen-save-btn:disabled{cursor:not-allowed;opacity:.6}.clsd-att-fullscreen-save-btn .material-symbols-rounded{font-size:1.25rem}.clsd-att-dialog-overlay{align-items:center;animation:clsd-att-dialog-fade-in .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes clsd-att-dialog-fade-in{0%{opacity:0}to{opacity:1}}.clsd-att-dialog{animation:clsd-att-dialog-slide-up .3s ease-out;background:#fff;background:var(--clsd-att-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}@keyframes clsd-att-dialog-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.clsd-att-dialog-header{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--clsd-att-card-border);display:flex;gap:.75rem;padding:1.25rem 1.5rem}.clsd-att-dialog-header h3{color:#1e293b;color:var(--clsd-att-text-primary);font-size:1.25rem;font-weight:600;margin:0}.clsd-att-dialog-icon{font-size:1.75rem}.clsd-att-dialog-icon.warning{color:#f59e0b}.clsd-att-dialog-body{padding:1.5rem}.clsd-att-dialog-body p{color:#374151;color:var(--clsd-att-text-secondary);line-height:1.5;margin:0 0 1rem}.clsd-att-dialog-body p:last-child{margin-bottom:0}.clsd-att-dialog-warning{color:#f59e0b;font-size:.9375rem;font-weight:600}.clsd-att-dialog-actions{border-top:1px solid #e2e8f0cc;border-top:1px solid var(--clsd-att-card-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.clsd-att-dialog-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.clsd-att-dialog-btn.cancel{background:#fffc;background:var(--clsd-att-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--clsd-att-card-border);color:#1e293b;color:var(--clsd-att-text-primary)}.clsd-att-dialog-btn.cancel:hover{background:#0000000d}[data-theme=dark] .clsd-att-dialog-btn.cancel:hover{background:#ffffff0d}.clsd-att-dialog-btn.confirm{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.clsd-att-dialog-btn.confirm:hover{box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.clsd-att-dialog-btn .material-symbols-rounded{font-size:1.125rem}@media (max-width:1200px){.clsd-att-fullscreen-header-left{gap:1.5rem}.clsd-att-fullscreen-datetime{gap:.75rem}.clsd-att-fullscreen-stats-summary{gap:2rem}}@media (max-width:1024px){.clsd-att-fullscreen-content{margin:0;padding:.5rem}.clsd-att-fullscreen-table-container{overflow-x:auto}.clsd-att-fullscreen-table{min-width:900px}.clsd-att-fullscreen-table tbody td:first-child,.clsd-att-fullscreen-table thead th:first-child{background:#fff;box-shadow:2px 0 4px #00000014;left:0;position:-webkit-sticky;position:sticky;z-index:5}.clsd-att-fullscreen-table thead th:first-child{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61f,#1d4ed814);z-index:15}[data-theme=dark] .clsd-att-fullscreen-table thead th:first-child{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#60a5fa26,#3b82f61a)}[data-theme=dark] .clsd-att-fullscreen-table tbody td:first-child{background:#1f2937}.clsd-att-fullscreen-table tbody tr:nth-child(2n) td:first-child{background:#f9fafb}[data-theme=dark] .clsd-att-fullscreen-table tbody tr:nth-child(2n) td:first-child{background:#1f2937}.clsd-att-fullscreen-table tbody tr:hover td:first-child{background:#dbeafe}[data-theme=dark] .clsd-att-fullscreen-table tbody tr:hover td:first-child{background:#1e3a8a4d}.clsd-att-fullscreen-footer,.clsd-att-fullscreen-header{padding:1rem 1.25rem}.clsd-att-fullscreen-action-btn{font-size:.8125rem;min-width:85px;padding:.5rem .875rem}}@media (max-width:768px){.clsd-att-fullscreen-header{align-items:stretch;padding:1rem}.clsd-att-fullscreen-header,.clsd-att-fullscreen-header-left{flex-direction:column;gap:.75rem}.clsd-att-fullscreen-datetime{flex-direction:column;gap:.5rem}.clsd-att-fullscreen-footer{flex-direction:column;gap:1rem;padding:.875rem 1rem}.clsd-att-fullscreen-stats-summary{flex-direction:column;gap:.75rem}.clsd-att-fullscreen-save-btn,.clsd-att-fullscreen-stat-item{justify-content:center;width:100%}.clsd-att-fullscreen-content{margin:0;padding:.1rem}.clsd-att-fullscreen-table-container{overflow-x:auto;overflow-y:auto;position:relative}.clsd-att-fullscreen-table-container:after{background:linear-gradient(270deg,#0000001a,#0000);bottom:0;content:"";opacity:1;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;top:0;transition:opacity .3s ease;width:30px}[data-theme=dark] .clsd-att-fullscreen-table-container:after{background:linear-gradient(270deg,#ffffff1a,#0000)}.clsd-att-fullscreen-table{min-width:900px}.clsd-att-fullscreen-table colgroup col:first-child,.clsd-att-fullscreen-table tbody td:first-child,.clsd-att-fullscreen-table thead th:first-child{width:170px!important}.clsd-att-fullscreen-table tbody td:first-child,.clsd-att-fullscreen-table thead th:first-child{background:#fff;box-shadow:2px 0 4px #00000014;left:0;position:-webkit-sticky;position:sticky;z-index:5}.clsd-att-fullscreen-table thead th:first-child{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61f,#1d4ed814);z-index:15}[data-theme=dark] .clsd-att-fullscreen-table thead th:first-child{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#60a5fa26,#3b82f61a)}[data-theme=dark] .clsd-att-fullscreen-table tbody td:first-child{background:#1f2937}.clsd-att-fullscreen-table tbody tr:nth-child(2n) td:first-child{background:#f9fafb}[data-theme=dark] .clsd-att-fullscreen-table tbody tr:nth-child(2n) td:first-child{background:#1f2937}.clsd-att-fullscreen-table tbody tr:hover td:first-child{background:#dbeafe}[data-theme=dark] .clsd-att-fullscreen-table tbody tr:hover td:first-child{background:#1e3a8a4d}.clsd-att-fullscreen-table thead th{font-size:.75rem;padding:.75rem .5rem}.clsd-att-fullscreen-table tbody td{font-size:.8125rem;padding:.75rem .5rem}.clsd-att-fullscreen-actions-cell{gap:.375rem}.clsd-att-fullscreen-action-btn{border-radius:8px;font-size:.75rem;min-width:40px;padding:.5rem;position:relative}.clsd-att-fullscreen-action-btn span:not(.material-symbols-rounded){display:none}.clsd-att-fullscreen-action-btn .material-symbols-rounded{font-size:1.25rem;margin:0}.clsd-att-fullscreen-search{min-width:200px;padding:.5rem .75rem}.clsd-att-fullscreen-search-input{font-size:.8125rem}.clsd-att-avatar.small{font-size:.75rem;height:32px;width:32px}.clsd-att-table-student-cell{gap:.5rem}.clsd-att-name{font-size:.8125rem}.clsd-att-meta{font-size:.6875rem}.clsd-att-btn-action span:not(.material-symbols-rounded),.clsd-att-btn-export span:not(.material-symbols-rounded),.clsd-att-btn-save span:not(.material-symbols-rounded){display:none}.clsd-att-btn-action,.clsd-att-btn-export,.clsd-att-btn-save{justify-content:center;min-width:40px;padding:.625rem}.clsd-att-btn-action .material-symbols-rounded,.clsd-att-btn-export .material-symbols-rounded,.clsd-att-btn-save .material-symbols-rounded{font-size:20px;margin:0}.clsd-att-filters-section.expanded .clsd-att-btn-action span:not(.material-symbols-rounded),.clsd-att-filters-section.expanded .clsd-att-btn-export span:not(.material-symbols-rounded),.clsd-att-filters-section.expanded .clsd-att-btn-save span:not(.material-symbols-rounded),.clsd-att-filters-section.minimized .clsd-att-btn-action span:not(.material-symbols-rounded),.clsd-att-filters-section.minimized .clsd-att-btn-export span:not(.material-symbols-rounded),.clsd-att-filters-section.minimized .clsd-att-btn-save span:not(.material-symbols-rounded){display:none}.clsd-att-filters-section.expanded .clsd-att-btn-action,.clsd-att-filters-section.expanded .clsd-att-btn-export,.clsd-att-filters-section.expanded .clsd-att-btn-save,.clsd-att-filters-section.minimized .clsd-att-btn-action,.clsd-att-filters-section.minimized .clsd-att-btn-export,.clsd-att-filters-section.minimized .clsd-att-btn-save{min-width:40px;padding:.625rem}}.clsd-att-at-risk-dialog{max-width:600px}.clsd-att-at-risk-dialog .clsd-att-dialog-icon.alert{color:#dc2626}.clsd-att-at-risk-intro{color:#1e293b;color:var(--clsd-att-text-primary);font-size:.9375rem;line-height:1.6;margin:0 0 1.5rem}.clsd-att-at-risk-intro strong{color:#dc2626}.clsd-att-at-risk-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.clsd-att-at-risk-list::-webkit-scrollbar{width:6px}.clsd-att-at-risk-list::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.clsd-att-at-risk-list::-webkit-scrollbar-thumb{background:#dc26264d;border-radius:3px}.clsd-att-at-risk-list::-webkit-scrollbar-thumb:hover{background:#dc262680}.clsd-att-at-risk-item{align-items:center;background:#fff;background:var(--clsd-att-card-bg);border:2px solid;border-radius:10px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.clsd-att-at-risk-item.alert{background:#ea580c0d;border-color:#ea580c4d}.clsd-att-at-risk-item.severe{background:#dc262614;border-color:#dc262666}.clsd-att-at-risk-item.critical{animation:clsd-att-pulse-item 2s ease-in-out infinite;background:#991b1b1f;border-color:#991b1b80}@keyframes clsd-att-pulse-item{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.clsd-att-at-risk-student{align-items:center;display:flex;gap:.75rem}.clsd-att-at-risk-info{display:flex;flex-direction:column;gap:.125rem}.clsd-att-at-risk-name{color:#1e293b;color:var(--clsd-att-text-primary);font-size:.9375rem;font-weight:600}.clsd-att-at-risk-id{color:#6b7280;color:var(--clsd-att-text-muted);font-size:.8125rem}.clsd-att-at-risk-badge{align-items:center;border-radius:8px;display:flex;font-weight:700;gap:.5rem;padding:.625rem 1rem}.clsd-att-at-risk-badge.alert{background:linear-gradient(135deg,#ea580c33,#f9731626);color:#ea580c}.clsd-att-at-risk-badge.severe{background:linear-gradient(135deg,#dc262640,#ef444433);color:#dc2626}.clsd-att-at-risk-badge.critical{background:linear-gradient(135deg,#991b1b4d,#b91c1c40);color:#991b1b}.clsd-att-at-risk-badge .material-symbols-rounded{font-size:1.5rem}.clsd-att-at-risk-count{font-size:1.25rem}.clsd-att-at-risk-label{font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.clsd-att-at-risk-actions-info{align-items:start;background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;color:#374151;color:var(--clsd-att-text-secondary);display:flex;font-size:.875rem;gap:.5rem;line-height:1.5;padding:1rem}.clsd-att-at-risk-actions-info .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:1.25rem}[data-theme=dark] .clsd-att-at-risk-badge.alert{color:#fb923c}[data-theme=dark] .clsd-att-at-risk-badge.severe{color:#ef4444}[data-theme=dark] .clsd-att-at-risk-badge.critical{color:#fca5a5}@media (max-width:768px){.clsd-att-stats-grid{grid-template-columns:repeat(2,1fr)!important}.clsd-att-stat-value{font-size:1rem!important}.clsd-att-stat-label{font-size:.7rem!important}.clsd-att-student-header h3{font-size:.9rem!important}.clsd-att-streak-badge{font-size:.75rem!important;padding:.4rem .7rem!important}.clsd-att-contact-line{font-size:.72rem!important}.clsd-att-contact-line .material-symbols-rounded{font-size:14px!important}.clsd-att-status-btn{font-size:.72rem!important;padding:.45rem .5rem!important}.clsd-att-status-btn .material-symbols-rounded{font-size:15px!important}.clsd-att-remarks-display,.clsd-att-remarks-input{font-size:.78rem!important}.clsd-att-fullscreen-overlay{align-items:stretch!important;justify-content:stretch!important;padding:0!important}.clsd-att-fullscreen-container{display:flex!important;flex-direction:column!important;height:100vh!important;height:100dvh!important;overflow:hidden!important;width:100vw!important}.clsd-att-fullscreen-header{align-items:center!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:.5rem!important;justify-content:space-between!important;min-height:0!important;padding:.5rem .75rem!important}.clsd-att-fullscreen-header-left{align-items:flex-start!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:.25rem!important;min-width:0!important}.clsd-att-fullscreen-class-info{align-items:center!important;display:flex!important;gap:.35rem!important;width:100%!important}.clsd-att-fullscreen-class-info>.material-symbols-rounded{flex-shrink:0!important;font-size:1rem!important}.clsd-att-fullscreen-class-details h2{font-size:.85rem!important;font-weight:700!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.clsd-att-fullscreen-class-details p{display:none!important}.clsd-att-fullscreen-datetime{align-items:center!important;display:flex!important;flex-direction:row!important;gap:.3rem!important}.clsd-att-fullscreen-date,.clsd-att-fullscreen-time{align-items:center!important;border-radius:4px!important;box-shadow:none!important;display:flex!important;font-size:.68rem!important;gap:.25rem!important;padding:.15rem .4rem!important}.clsd-att-fullscreen-date .material-symbols-rounded,.clsd-att-fullscreen-time .material-symbols-rounded{font-size:.75rem!important}.clsd-att-fullscreen-date span:last-child,.clsd-att-fullscreen-time span:last-child{font-size:.68rem!important;font-weight:600!important}.clsd-att-fullscreen-search{display:none!important}.clsd-att-fullscreen-header-right{align-items:center!important;flex-direction:row!important;flex-shrink:0!important}.clsd-att-fullscreen-header-right,.clsd-att-fullscreen-quick-actions{display:flex!important;gap:.3rem!important}.clsd-att-quick-action-btn{border-radius:8px!important;gap:0!important;height:34px!important;justify-content:center!important;padding:0!important;width:34px!important}.clsd-att-quick-action-btn span:not(.material-symbols-rounded){display:none!important}.clsd-att-quick-action-btn .material-symbols-rounded{font-size:1.1rem!important;margin:0!important}.clsd-att-fullscreen-close{align-items:center!important;border-radius:8px!important;display:flex!important;height:34px!important;justify-content:center!important;padding:0!important;width:34px!important}.clsd-att-fullscreen-close .material-symbols-rounded{font-size:1.1rem!important}.clsd-att-fullscreen-content{margin:0!important;padding:0!important}.clsd-att-fullscreen-content,.clsd-att-fullscreen-table-wrapper{display:flex!important;flex:1 1!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.clsd-att-fullscreen-table-container{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-x:auto!important;overflow-y:auto!important}.clsd-att-fullscreen-table{min-width:480px!important}.clsd-att-fullscreen-table colgroup col:first-child{width:130px!important}.clsd-att-fullscreen-table thead th{font-size:.65rem!important;padding:.4rem .35rem!important;white-space:nowrap!important}.clsd-att-fullscreen-table tbody td{font-size:.72rem!important;padding:.4rem .35rem!important}.clsd-att-fullscreen-table tbody td:first-child,.clsd-att-fullscreen-table thead th:first-child{left:0!important;position:-webkit-sticky!important;position:sticky!important;width:130px!important;z-index:5!important}.clsd-att-fullscreen-actions-cell{gap:.25rem!important}.clsd-att-fullscreen-action-btn{border-radius:6px!important;height:32px!important;justify-content:center!important;min-width:32px!important;padding:0!important;width:32px!important}.clsd-att-fullscreen-action-btn span:not(.material-symbols-rounded){display:none!important}.clsd-att-fullscreen-action-btn .material-symbols-rounded{font-size:1rem!important;margin:0!important}.clsd-att-avatar.small{flex-shrink:0!important;font-size:.6rem!important;height:26px!important;width:26px!important}.clsd-att-table-student-cell{gap:.35rem!important}.clsd-att-name{font-size:.72rem!important;max-width:90px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.clsd-att-meta{display:none!important}.clsd-att-fullscreen-footer{align-items:center!important;flex-shrink:0!important;flex-wrap:nowrap!important;justify-content:space-between!important;padding:.4rem .75rem!important}.clsd-att-fullscreen-footer,.clsd-att-fullscreen-stats-summary{display:flex!important;flex-direction:row!important;gap:.4rem!important}.clsd-att-fullscreen-stats-summary{flex:1 1!important;flex-wrap:nowrap!important;justify-content:flex-start!important}.clsd-att-fullscreen-stat-item{align-items:center!important;border-radius:6px!important;box-shadow:none!important;display:flex!important;flex-shrink:1!important;font-size:.72rem!important;gap:.25rem!important;padding:.25rem .5rem!important;width:auto!important}.clsd-att-fullscreen-stat-item .material-symbols-rounded{font-size:.9rem!important}.clsd-att-fullscreen-save-btn{border-radius:6px!important;flex-shrink:0!important;font-size:.72rem!important;gap:.25rem!important;padding:.35rem .65rem!important;width:auto!important}.clsd-att-fullscreen-save-btn .material-symbols-rounded{font-size:.9rem!important}.clsd-att-fullscreen-message{font-size:.75rem!important;padding:.4rem .75rem!important}}.clsd-att-card-header-right{align-items:center;display:flex;gap:.4rem}.clsd-att-new-pill{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 2px 5px #10b9814d;color:#fff;display:inline-flex;font-size:.62rem;font-weight:800;gap:.2rem;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.clsd-att-new-pill .material-symbols-rounded{font-size:.85rem}.clsd-att-prog-block{background:linear-gradient(135deg,#6366f10f,#8b5cf608);border:1px solid #6366f126;border-radius:10px;cursor:pointer;margin-top:.5rem;padding:.6rem .75rem;transition:background .15s}.clsd-att-prog-block:hover{background:linear-gradient(135deg,#6366f11a,#8b5cf60f)}.clsd-att-prog-header{align-items:center;display:flex;gap:.35rem;margin-bottom:.35rem}.clsd-att-prog-header>.material-symbols-rounded:first-child{color:#6366f1;flex-shrink:0;font-size:.95rem}.clsd-att-prog-name{color:#4338ca;flex:1 1;font-size:.8rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-att-prog-id{color:#9ca3af;flex-shrink:0;font-family:monospace;font-size:.6rem}.clsd-att-prog-chevron{color:#9ca3af;flex-shrink:0;font-size:1rem!important;margin-left:auto}.clsd-att-prog-stats{color:#6b7280;display:flex;font-size:.7rem;font-weight:600;justify-content:space-between;margin-bottom:.3rem}.clsd-att-prog-pct{color:#4338ca;font-weight:900}.clsd-att-prog-track{background:#6366f11a;border-radius:5px;height:5px;overflow:hidden;width:100%}.clsd-att-prog-fill{border-radius:5px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.clsd-att-prog-details{border-top:1px solid #6366f11a;display:flex;flex-direction:column;gap:.3rem;margin-top:.6rem;padding-top:.5rem}.clsd-att-prog-detail-row{align-items:center;display:flex;font-size:.73rem;justify-content:space-between}.clsd-att-prog-detail-row span:first-child{color:#9ca3af;font-weight:600}.clsd-att-prog-detail-row span:last-child{color:#374151;color:var(--text-primary,#374151);font-weight:700}.clsd-att-prog-pill{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid #6366f12e;border-radius:20px;box-sizing:border-box;display:flex;gap:.28rem;margin-top:.3rem;max-width:100%;overflow:hidden;padding:3px 8px 3px 5px;width:-webkit-fit-content;width:fit-content}.clsd-att-prog-pill>.material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:.82rem}.clsd-att-prog-pill-name{color:#4338ca;font-size:.7rem;font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .clsd-att-prog-pill-name{color:#a5b4fc}.clsd-att-prog-pill-sep{color:#c4b5fd;flex-shrink:0;font-size:.7rem}.clsd-att-prog-pill-hrs{color:#6366f1;flex-shrink:0;font-family:monospace;font-size:.68rem;font-weight:800;white-space:nowrap}.clsd-att-prog-pill-track{background:#6366f11f;border-radius:4px;flex-shrink:0;height:4px;overflow:hidden;width:40px}.clsd-att-prog-pill-fill{border-radius:4px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.clsd-att-prog-pill-pct{color:#4338ca;flex-shrink:0;font-size:.65rem;font-weight:900}[data-theme=dark] .clsd-att-prog-pill-pct{color:#a5b4fc}.clsd-att-live-bar{background:#fff;background:var(--clsd-att-card-bg);border:1px solid #0000000f;border-radius:10px;box-shadow:0 1px 4px #0000000d;margin-bottom:.75rem;overflow:hidden}.clsd-att-live-bar-track{background:#fee2e2;height:6px;width:100%}.clsd-att-live-bar-present{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.clsd-att-live-stats{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem}.clsd-att-live-stat{align-items:center;display:inline-flex;font-size:.8rem;font-weight:700;gap:.3rem}.clsd-att-live-stat .material-symbols-rounded{font-size:1rem}.clsd-att-live-stat.present{color:#059669}.clsd-att-live-stat.absent{color:#dc2626}.clsd-att-live-stat.pct{color:#1e293b;color:var(--clsd-att-text-primary);font-size:1.1rem;font-weight:900}@media (min-width:1200px){.clsd-att-grid{gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:1600px){.clsd-att-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (hover:hover){.clsd-att-card{position:relative}.clsd-att-card-footer .clsd-att-actions{opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}.clsd-att-card:hover .clsd-att-card-footer .clsd-att-actions{opacity:1;transform:none}}@media (max-width:480px){.clsd-att-status-buttons{gap:.4rem;grid-template-columns:repeat(3,1fr)}.clsd-att-status-btn{flex-direction:column;font-size:.62rem;gap:.15rem;padding:.5rem .25rem}.clsd-att-status-btn .material-symbols-rounded{font-size:1.2rem}}@media (max-width:640px){.clsd-att-grid{gap:.75rem;grid-template-columns:1fr}.clsd-att-card{border-radius:14px}.clsd-att-card-header{padding:.7rem 1rem}.clsd-att-card-body{padding:.85rem 1rem}.clsd-att-status-btn{min-height:44px}.clsd-att-live-stat.pct{font-size:.9rem}}@media (max-width:600px){.clsd-att-table-container{display:none}.clsd-att-grid{display:grid!important}}@media (min-width:769px){.clsd-att-fullscreen-table tbody td:first-child,.clsd-att-fullscreen-table thead th:first-child{background:#fff;background:var(--clsd-att-card-bg);box-shadow:2px 0 6px #0000000f;left:0;position:-webkit-sticky;position:sticky;z-index:5}.clsd-att-fullscreen-table thead th:first-child{background:linear-gradient(135deg,#3b82f614,#1d4ed80d);z-index:15}}.clsd-att-fullscreen-table tbody tr:nth-child(2n){background:#f8fafc99}[data-theme=dark] .clsd-att-fullscreen-table tbody tr:nth-child(2n){background:#ffffff08}.clsd-att-fullscreen-table tbody tr.clsd-att-row-selected{background:#3b82f614!important;outline:2px solid #3b82f64d;outline-offset:-2px}@media (max-width:1024px){.clsd-att-prog-pill-name{max-width:80px}.clsd-att-prog-pill-track{width:28px}}.clsd-att-table-container{position:relative}.clsd-att-table thead th{background:#fff;background:var(--clsd-att-card-bg);box-shadow:0 1px 0 #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:2}.clsd-att-top-live-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--clsd-att-card-bg,#fff);border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--clsd-att-card-border,#e5e7eb);margin-bottom:1rem;padding:.6rem 0 .4rem;position:-webkit-sticky;position:sticky;top:0;z-index:20}[data-theme=dark] .clsd-att-top-live-bar{background:#fff;background:var(--clsd-att-card-bg,#1f2937)}.clsd-att-top-live-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:.45rem}.clsd-att-top-live-val{font-size:.82rem;font-weight:700}.clsd-att-top-live-val.present{color:#059669}.clsd-att-top-live-val.absent{color:#dc2626}.clsd-att-top-live-pct{color:#1e293b;color:var(--clsd-att-text-primary);font-size:.82rem;font-weight:800}.clsd-att-top-live-total{color:#6b7280;color:var(--clsd-att-text-muted);font-size:.75rem;font-weight:500}.clsd-att-top-live-track{background:#fee2e2;border-radius:6px;height:6px;overflow:hidden;width:100%}.clsd-att-top-live-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;height:100%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.clsd-att-top-live-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff59,#0000);content:"";inset:0;position:absolute}.clsd-att-fs-live-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--clsd-att-card-bg);border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--clsd-att-card-border);flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.clsd-att-fs-live-track{background:#fee2e2;height:6px;width:100%}.clsd-att-fs-live-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.clsd-att-fs-live-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";inset:0;position:absolute}.clsd-att-fs-live-stats{align-items:center;display:flex;justify-content:space-between;padding:.55rem 1.5rem}.clsd-att-fs-live-stat{align-items:center;display:inline-flex;font-size:.85rem;font-weight:700;gap:.3rem}.clsd-att-fs-live-stat .material-symbols-rounded{font-size:1rem}.clsd-att-fs-live-stat.present{color:#059669}.clsd-att-fs-live-stat.absent{color:#dc2626}.clsd-att-fs-live-pct{color:#1e293b;color:var(--clsd-att-text-primary);font-size:1.1rem;font-weight:900}.clsd-att-fs-live-total{color:#6b7280;color:var(--clsd-att-text-muted);font-size:.75rem;font-weight:600}@media (max-width:640px){.clsd-att-fs-live-stats{padding:.5rem 1rem}.clsd-att-fs-live-pct{font-size:.95rem}}.clsd-att-fs-footer{background:#fff;background:var(--clsd-att-card-bg);border-top:1px solid #e2e8f0cc;border-top:1px solid var(--clsd-att-card-border);display:flex;flex-shrink:0;justify-content:flex-end;padding:.85rem 1.5rem}@media (max-width:640px){.clsd-att-fs-footer{justify-content:stretch;padding:.75rem 1rem}}.clsd-att-fs-save-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.4rem;padding:.6rem 1.5rem;transition:all .15s}.clsd-att-fs-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.clsd-att-fs-save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.clsd-att-fs-save-btn .material-symbols-rounded{font-size:1rem}@media (max-width:640px){.clsd-att-fs-save-btn{border-radius:12px;font-size:1rem;justify-content:center;padding:.75rem;width:100%}}.clsd-att-prog-pill-name{max-width:100px}@media (max-width:1280px){.clsd-att-prog-pill-name{max-width:70px}.clsd-att-prog-pill-track{width:24px}.clsd-att-prog-pill-pct,.clsd-att-prog-pill-sep{display:none}}@media (max-width:1024px){.clsd-att-prog-pill-hrs{display:none}}@media (min-width:641px){.clsd-att-fs-footer--mobile-only{display:none}.clsd-att-fs-save-btn--desktop-only{display:inline-flex}}@media (max-width:640px){.clsd-att-fs-save-btn--desktop-only{display:none!important}.clsd-att-fs-footer--mobile-only{display:flex}}.clsd-att-remarks-icon{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;padding:.3rem;position:relative;transition:all .15s}.clsd-att-remarks-icon:hover{background:#f3f4f6;color:#374151}.clsd-att-remarks-icon.has-remarks{color:#6366f1}.clsd-att-remarks-dot{background:#6366f1;border-radius:50%;height:6px;position:absolute;right:2px;top:2px;width:6px}.clsd-att-remarks-inline{display:flex;flex-direction:column;gap:.4rem;margin-top:.25rem}.clsd-att-remarks-textarea{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--clsd-att-text-primary);font-family:inherit;font-size:.82rem;outline:none;padding:.5rem .65rem;resize:none;transition:border-color .15s;width:100%}.clsd-att-remarks-textarea:focus{background:#fff;border-color:#6366f1}[data-theme=dark] .clsd-att-remarks-textarea{background:#ffffff0d;border-color:#ffffff1a}.clsd-att-remarks-done{align-self:flex-end;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:700;padding:.25rem .75rem;transition:background .15s}.clsd-att-remarks-done:hover{background:#4f46e5}.clsd-att-next-topic{background:linear-gradient(135deg,#f59e0b12,#fbbf240a);border:1px solid #f59e0b33;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;display:flex;flex-direction:column;gap:.15rem;margin-top:.4rem;padding:.5rem .7rem}.clsd-att-next-topic-label{align-items:center;color:#d97706;display:flex;font-size:.62rem;font-weight:800;gap:.25rem;letter-spacing:.5px;text-transform:uppercase}.clsd-att-next-topic-label .material-symbols-rounded{font-size:.85rem}.clsd-att-next-topic-text{color:#1e293b;color:var(--clsd-att-text-primary);font-size:.78rem;font-weight:600;line-height:1.4}[data-theme=dark] .clsd-att-next-topic{background:#f59e0b0f;border-color:#f59e0b33}.clsd-att-type-badge{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:700;gap:3px;letter-spacing:.04em;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.clsd-att-type-badge .material-symbols-rounded{font-size:.8rem}.clsd-att-type-badge.booked{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:1px solid #f9a8d4;color:#9d174d}[data-theme=dark] .clsd-att-type-badge.booked{background:#f472b626;border-color:#f472b64d;color:#f472b6}.clsd-att-curr-prog-btn{align-items:center;background:#6366f112;border:1.5px solid #6366f138;border-radius:9px;color:#6366f1;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:7px;margin-top:8px;padding:8px 12px;transition:background .15s,border-color .15s;width:100%}.clsd-att-curr-prog-btn:hover{background:#6366f11f;border-color:#6366f161}.clsd-att-curr-prog-btn .material-symbols-rounded{font-size:16px}.clsd-att-curr-prog-chevron{margin-left:auto!important}[data-theme=dark] .clsd-att-curr-prog-btn{background:#6366f11f;border-color:#6366f14d;color:#a5b4fc}[data-theme=dark] .clsd-att-curr-prog-btn:hover{background:#6366f12e}.scpp-overlay{align-items:center;animation:scppFadeIn .18s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.scpp-overlay.scpp-closing{animation:scppFadeOut .29s ease forwards}@keyframes scppFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scppFadeOut{0%{opacity:1}to{opacity:0}}.scpp-modal{animation:scppSlideUp .22s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000038;display:flex;flex-direction:column;max-height:85vh;max-width:95vw;overflow:hidden;width:520px}.scpp-modal.scpp-closing{animation:scppSlideDown .29s ease forwards}@keyframes scppSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes scppSlideDown{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(24px)}}.scpp-drag-handle{background:#e2e8f0;border-radius:2px;display:none;height:4px;margin:10px auto 0;width:38px}.scpp-header{justify-content:space-between;padding:16px 16px 0}.scpp-header,.scpp-header-content{align-items:flex-start;display:flex}.scpp-header-content{gap:10px}.scpp-header-icon{color:#6366f1;flex-shrink:0;font-size:20px;margin-top:2px}.scpp-header h2{color:#0f172a;font-size:15px;font-weight:800;margin:0}.scpp-student-name{color:#64748b;font-size:12px;margin:2px 0 0}.scpp-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;padding:2px;transition:color .15s,background .15s}.scpp-close-btn:hover{background:#f1f5f9;color:#64748b}.scpp-close-btn .material-symbols-rounded{font-size:18px}.scpp-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:4px;padding:12px 16px 0}.scpp-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;margin-bottom:-1px;padding:7px 14px;transition:color .15s,border-color .15s}.scpp-tab .material-symbols-rounded{font-size:15px}.scpp-tab:hover{color:#6366f1}.scpp-tab-active{border-bottom-color:#6366f1!important;color:#6366f1!important}.scpp-body{flex:1 1;overflow-y:auto;padding:0}.scpp-empty,.scpp-error,.scpp-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:13px;gap:10px;justify-content:center;padding:40px 20px;text-align:center}.scpp-empty .material-symbols-rounded,.scpp-error .material-symbols-rounded,.scpp-loading .material-symbols-rounded{font-size:36px}.scpp-error .material-symbols-rounded{color:#ef4444}.scpp-spinner{animation:scppSpin .7s linear infinite;border:3px solid #e0e7ff;border-radius:50%;border-top-color:#6366f1;height:28px;width:28px}@keyframes scppSpin{to{transform:rotate(1turn)}}.scpp-retry-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:7px 14px}.scpp-retry-btn:hover{background:#e2e8f0}.scpp-overview{padding:14px 16px 80px}.scpp-summary-bar{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:12px;margin-bottom:16px;padding:14px}.scpp-summary-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.scpp-summary-label{color:#4338ca;font-size:12px;font-weight:700}.scpp-summary-pct{color:#4338ca;font-size:16px;font-weight:800}.scpp-summary-track{background:#c7d2fe;border-radius:4px;height:7px;margin-bottom:10px;overflow:hidden}.scpp-summary-fill{background:#6366f1;border-radius:4px;height:100%;transition:width .4s ease}.scpp-summary-stats{display:flex;gap:14px}.scpp-summary-stat{align-items:center;display:flex;font-size:11px;font-weight:600;gap:4px}.scpp-summary-stat .material-symbols-rounded{font-size:14px}.scpp-summary-stat.completed{color:#10b981}.scpp-summary-stat.in-progress{color:#f97316}.scpp-summary-stat.not-started{color:#94a3b8}.scpp-chapter-list{display:flex;flex-direction:column;gap:6px}.scpp-section{margin-bottom:6px}.scpp-section-header{align-items:center;background:#f8fafc;border-radius:8px;color:#334155;display:flex;font-size:12px;font-weight:700;gap:6px;margin-bottom:4px;padding:8px 10px}.scpp-section-header .material-symbols-rounded{color:#94a3b8;font-size:15px}.scpp-ch-row{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:9px;display:flex;gap:8px;margin-bottom:4px;padding:9px 10px}.scpp-ch-row-child{background:#f8fafc;margin-left:14px}.scpp-ch-icon{flex-shrink:0;font-size:16px;margin-top:1px}.scpp-ch-info{flex:1 1;min-width:0}.scpp-ch-name{color:#1e293b;display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scpp-ch-bar-wrap{align-items:center;display:flex;gap:7px;margin-top:5px}.scpp-ch-bar-track{background:#e2e8f0;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.scpp-ch-bar-fill{border-radius:2px;height:100%;transition:width .3s}.scpp-ch-pct{font-size:10px;font-weight:700;white-space:nowrap}.scpp-log{display:flex;flex-direction:column;padding:14px 16px 0}.scpp-practice-toggle{align-items:center;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:14px;padding:12px 14px;transition:background .15s,border-color .15s}.scpp-practice-toggle:hover{background:#f8fafc}.scpp-practice-active{background:#fff7ed!important;border-color:#fdba74!important}.scpp-practice-left{align-items:center;display:flex;gap:10px}.scpp-practice-left .material-symbols-rounded{color:#f97316;font-size:20px}.scpp-practice-title{color:#0f172a;font-size:13px;font-weight:700}.scpp-practice-active .scpp-practice-title{color:#ea580c}.scpp-practice-sub{color:#94a3b8;font-size:11px;margin-top:1px}.scpp-practice-check{align-items:center;border:1.5px solid #e2e8f0;border-radius:6px;display:flex;height:22px;justify-content:center;transition:background .15s,border-color .15s;width:22px}.scpp-practice-check.checked{background:#f97316;border-color:#f97316}.scpp-practice-check.checked .material-symbols-rounded{color:#fff;font-size:14px}.scpp-practice-notice{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:30px 20px;text-align:center}.scpp-practice-notice .material-symbols-rounded{color:#fdba74;font-size:40px}.scpp-practice-notice p{color:#64748b;font-size:13px;line-height:1.6}.scpp-log-hint{color:#94a3b8;font-size:11px;line-height:1.5;margin:0 0 10px}.scpp-log-list{flex:1 1;overflow-y:auto;padding-bottom:16px}.scpp-log-section{margin-bottom:8px}.scpp-log-section-header{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;font-size:11px;font-weight:700;gap:6px;margin-bottom:4px;padding:7px 10px}.scpp-log-section-header .material-symbols-rounded{color:#94a3b8;font-size:14px}.scpp-log-ch{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;margin-bottom:6px;padding:10px 12px;transition:border-color .15s,background .15s}.scpp-log-ch:hover{background:#f1f5f9}.scpp-log-ch-selected{background:#eef2ff!important;border-color:#a5b4fc!important}.scpp-log-ch-top{align-items:center;display:flex;gap:9px}.scpp-log-checkbox{align-items:center;border:1.5px solid #e2e8f0;border-radius:5px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:background .15s,border-color .15s;width:20px}.scpp-log-checkbox.checked{background:#6366f1;border-color:#6366f1}.scpp-log-checkbox.checked .material-symbols-rounded{color:#fff;font-size:12px}.scpp-log-ch-name{color:#1e293b;flex:1 1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scpp-log-ch-selected .scpp-log-ch-name{color:#4338ca}.scpp-log-ch-pct{color:#6366f1;font-size:11px;font-weight:800;white-space:nowrap}.scpp-log-ch-slider{align-items:center;border-top:1px dashed #c7d2fe;display:flex;gap:8px;margin-top:8px;padding-top:8px}.scpp-slider-label{color:#94a3b8;font-size:9px;white-space:nowrap}.scpp-slider{accent-color:#6366f1;cursor:pointer;flex:1 1;height:4px}.scpp-save-bar{background:#fff;border-top:1px solid #e2e8f0;bottom:0;margin-top:10px;padding:10px 0 14px;position:-webkit-sticky;position:sticky}.scpp-save-error{color:#ef4444;font-size:11px;margin:0 0 8px;text-align:center}.scpp-save-success{align-items:center;color:#10b981;display:flex;font-size:12px;font-weight:600;gap:5px;justify-content:center;margin:0 0 8px}.scpp-save-success .material-symbols-rounded{font-size:16px}.scpp-save-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 12px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:7px;justify-content:center;padding:12px;transition:opacity .15s,transform .15s;width:100%}.scpp-save-btn:hover{opacity:.92}.scpp-save-btn.scpp-saving{cursor:not-allowed;opacity:.7}.scpp-save-btn .material-symbols-rounded{font-size:16px}@media (max-width:768px){.scpp-overlay{align-items:flex-end}.scpp-modal{animation:scppSlideUpMob .22s ease;border-radius:20px 20px 0 0;max-height:92vh;max-width:100%;width:100%}.scpp-modal.scpp-closing{animation:scppSlideDownMob .29s ease forwards}@keyframes scppSlideUpMob{0%{transform:translateY(100%)}to{transform:none}}@keyframes scppSlideDownMob{0%{transform:none}to{transform:translateY(100%)}}.scpp-drag-handle{display:block}}.scpp-absent-notice{align-items:flex-start;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;color:#b91c1c;display:flex;gap:10px;margin-bottom:14px;padding:11px 14px}.scpp-absent-notice .material-symbols-rounded{flex-shrink:0;font-size:18px;margin-top:1px}.scpp-absent-notice strong{display:block;font-size:12px;font-weight:700;margin-bottom:2px}.scpp-absent-notice p{color:#dc2626;font-size:11px;line-height:1.5;margin:0}[data-theme=dark] .scpp-absent-notice{background:#ef44441f;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .scpp-absent-notice p{color:#f87171}.attendance-tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.attendance-tab-title{align-items:center;display:flex;gap:12px}.attendance-tab-title .material-symbols-rounded{color:var(--text-primary);font-size:28px}.attendance-tab-title h2{color:var(--text-primary);font-size:22px;font-weight:600;letter-spacing:-.3px;margin:0}.attendance-tab-stats{display:flex;flex-wrap:wrap;gap:10px}.stat-chip-tab{align-items:center;border:1px solid;border-radius:14px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.stat-chip-tab:hover{transform:translateY(-1px)}.stat-chip-tab.stat-present{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.stat-chip-tab.stat-absent{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.stat-chip-tab.stat-total{background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.stat-chip-tab .material-symbols-rounded{font-size:16px}.attendance-calendar-card{max-width:900px}.calendar-content-wrapper{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:900px 1fr}@media (max-width:1200px){.calendar-content-wrapper{grid-template-columns:1fr}}.filter-section{margin-bottom:20px}.filter-toggle-btn{background:var(--card-background);border:1px solid var(--card-border);border-radius:8px;font-weight:500;padding:10px 16px;transition:all .2s ease}.filter-toggle-btn:hover{background:var(--button-hover-background);box-shadow:0 2px 6px #00000014}.filter-toggle-btn .material-symbols-rounded:last-child{margin-left:auto}.filter-card{animation:slideDown .3s ease-out;background:var(--card-background);border:1px solid var(--card-border);border-radius:8px;margin-top:12px;padding:16px}.filter-group label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-select{background:var(--input-background);border:1px solid var(--card-border);border-radius:6px;padding:8px 12px}.filter-select:focus{box-shadow:0 0 0 3px #3b82f61a}.reset-filter-btn{align-items:center;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.reset-filter-btn:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f64d;transform:translateY(-1px)}.reset-filter-btn .material-symbols-rounded{font-size:18px}.info-stat-label{color:var(--text-primary)}.info-stat-value{font-size:18px;font-weight:800}.subject-summary-list{display:flex;flex-direction:column;margin-top:16px}:root[data-theme=dark] .stat-chip-tab.stat-present{background:#22c55e26;border-color:#22c55e66;color:#4ade80}:root[data-theme=dark] .stat-chip-tab.stat-absent{background:#ef444426;border-color:#ef444466;color:#f87171}:root[data-theme=dark] .stat-chip-tab.stat-total{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}@media (max-width:768px){.attendance-tab-header{align-items:flex-start;flex-direction:column}.attendance-calendar-card{padding:16px}.calendar-controls-tab{flex-direction:column}.month-year-display-tab h3{font-size:15px}.filter-row{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}.reset-filter-btn{justify-content:center;width:100%}.day-records-section{padding:16px}.day-summary{flex-direction:column}.summary-stat{min-width:100%}.record-card,.record-info-horizontal{gap:12px;grid-template-columns:1fr}.view-class-btn{justify-content:center;width:100%}}


/*!* ===== CSS VARIABLES FOR LIGHT AND DARK THEMES ===== *!*/
/*    !* Background Colors *!*/

/*    !* Text Colors *!*/

/*    !* Border Colors *!*/

/*    !* Shadow Colors *!*/

/*    !* Status Colors *!*/

/*    !* StudentDetails integration *!*/
/*    !* Background Colors *!*/

/*    !* Text Colors *!*/

/*    !* Border Colors *!*/

/*    !* Shadow Colors *!*/

/*    !* Status Colors *!*/

/*    !* StudentDetails integration *!*/

/*!* ===== BASE STYLES ===== *!*/

/*!* ===== LOADING & ERROR STATES ===== *!*/

/*!* ===== FIELD ITEMS ===== *!*/

/*!* ===== FIELD NOTES ===== *!*/

/*!* ===== CARD LAYOUTS ===== *!*/

/*!* ===== DROPDOWN MENU ===== *!*/

/*!* ===== POPUP STYLES ===== *!*/

/*!* ===== PERSONAL ACTION BUTTONS ===== *!*/

/*!* ===== PREFERENCES TAB SPECIFIC STYLES ===== *!*/

/*!* ===== RESPONSIVE DESIGN ===== *!*/

/*!* ===== HIGH CONTRAST MODE SUPPORT ===== *!*/

/*!* ===== REDUCED MOTION SUPPORT ===== *!*/

/*!* ===== STUDENT SNAPSHOT HEADER ===== *!*/
/*    !*margin-bottom: 1rem;*!*/

/*!* ===== MESSAGE BANNER ===== *!*/

/*!* ===== MAIN DETAILS CONTAINER ===== *!*/

/*!* ===== STUDENT SIDEBAR ===== *!*/

/*!* ===== COLLAPSED SIDEBAR ===== *!*/

/*!* ===== SIDEBAR PROFILE ===== *!*/

/*!* ===== STATUS BADGES ===== *!*/

/*!* ===== SIDEBAR SCROLLABLE ===== *!*/

/*!* ===== SIDEBAR SECTIONS ===== *!*/

/*!* ===== AUDIT TRAIL ===== *!*/

/*!* ===== MAIN CONTENT AREA ===== *!*/

/*!* ===== TAB BAR ===== *!*/

/*!* ===== TAB CONTENT ===== *!*/

/*!* ===== CARD CONTROLS SECTION ===== *!*/

/*!* ===== STUDENT CARDS ===== *!*/

/*!*.student-card.color-emerald h4 .material-symbols-rounded {*!*/
/*!*    color: var(--std-badge-active-text);*!*/
/*!*}*!*/

/*!*.student-card.color-yellow {*!*/
/*!*    background: var(--std-badge-inactive-bg);*!*/
/*!*    color: var(--std-badge-inactive-text);*!*/
/*!*    transition: all 0.3s ease;*!*/
/*!*}*!*/

/*!*.student-card.color-yellow h4 .material-symbols-rounded {*!*/
/*!*    color: var(--std-badge-inactive-text);*!*/
/*!*    transition: color 0.3s ease;*!*/
/*!*}*!*/

/*!* ===== CARD STATES ===== *!*/

/*!* ===== ENHANCED CARD HEADERS ===== *!*/

/*!* ===== FIELD GROUPS ===== *!*/

/*!* ===== ENHANCED FIELD ITEMS ===== *!*/
/*    !*color: var(--std-text-secondary);*!*/

/*!* Dark Theme *!*/

/*!* Optional: Update text colors for better contrast *!*/

/*!* Update header backgrounds for cards *!*/:root[data-theme=light]{--doc-bg-primary:#fff;--doc-bg-secondary:#f8fafc;--doc-bg-tertiary:#f1f5f9;--doc-text-primary:#1e293b;--doc-text-secondary:#64748b;--doc-text-muted:#94a3b8;--doc-border-light:#e2e8f0;--doc-border-medium:#cbd5e1;--doc-card-bg:#fff;--doc-card-border:#e2e8f0;--doc-card-shadow:0 6px 20px #0000000d;--doc-card-hover-shadow:0 8px 25px #0000001a;--doc-status-verified-bg:linear-gradient(135deg,#bbf7d0,#dcfce7);--doc-status-verified-text:#065f46;--doc-status-pending-bg:linear-gradient(135deg,#fde68a,#fbbf24);--doc-status-pending-text:#92400e;--doc-status-rejected-bg:linear-gradient(135deg,#fca5a5,#ef4444);--doc-status-rejected-text:#991b1b;--doc-status-uploaded-bg:linear-gradient(135deg,#bfdbfe,#60a5fa);--doc-status-uploaded-text:#1e40af;--doc-status-missing-bg:linear-gradient(135deg,#e5e7eb,#f3f4f6);--doc-status-missing-text:#6b7280;--doc-btn-upload-bg:linear-gradient(135deg,#bbf7d0,#34d399);--doc-btn-upload-text:#065f46;--doc-btn-view-bg:#3b82f6;--doc-btn-view-text:#fff;--doc-btn-replace-bg:#f59e0b;--doc-btn-replace-text:#fff;--doc-btn-delete-bg:#ef4444;--doc-btn-delete-text:#fff;--doc-stat-uploaded-bg:linear-gradient(135deg,#a5f3fc,#22d3ee);--doc-stat-required-bg:linear-gradient(135deg,#fbbf24,#f59e0b);--doc-stat-verified-bg:linear-gradient(135deg,#bbf7d0,#34d399);--doc-stat-completion-bg:linear-gradient(135deg,#c084fc,#a855f7);--doc-progress-bg:#e2e8f0;--doc-progress-fill:linear-gradient(90deg,#10b981,#059669);--doc-message-success-bg:#dcfce7;--doc-message-success-text:#065f46;--doc-message-success-border:#bbf7d0;--doc-message-error-bg:#fee2e2;--doc-message-error-text:#991b1b;--doc-message-error-border:#fca5a5}:root[data-theme=dark]{--doc-bg-primary:#0f172a;--doc-bg-secondary:#1e293b;--doc-bg-tertiary:#334155;--doc-text-primary:#f1f5f9;--doc-text-secondary:#cbd5e1;--doc-text-muted:#94a3b8;--doc-border-light:#334155;--doc-border-medium:#475569;--doc-card-bg:#1a1a1af2;--doc-card-border:#ffffff1a;--doc-card-shadow:0 6px 20px #0009;--doc-card-hover-shadow:0 8px 25px #000000b3;--doc-status-verified-bg:#00ff882e;--doc-status-verified-text:#0f8;--doc-status-pending-bg:#ffc1072e;--doc-status-pending-text:#ffd666;--doc-status-rejected-bg:#f4433633;--doc-status-rejected-text:#ffcdd2;--doc-status-uploaded-bg:#2196f32e;--doc-status-uploaded-text:#64b5f6;--doc-status-missing-bg:#9e9e9e33;--doc-status-missing-text:#d1d5db;--doc-btn-upload-bg:#00ff882e;--doc-btn-upload-text:#0f8;--doc-btn-view-bg:#33e6c4;--doc-btn-view-text:#000;--doc-btn-replace-bg:#ffd666;--doc-btn-replace-text:#000;--doc-btn-delete-bg:#ff6b6b;--doc-btn-delete-text:#000;--doc-stat-uploaded-bg:#22d3ee2e;--doc-stat-required-bg:#f59e0b2e;--doc-stat-verified-bg:#00ff882e;--doc-stat-completion-bg:#a855f72e;--doc-progress-bg:#ffffff1a;--doc-progress-fill:linear-gradient(90deg,#0f8,#33e6c4);--doc-message-success-bg:#00ff881a;--doc-message-success-text:#0f8;--doc-message-success-border:#00ff884d;--doc-message-error-bg:#f443361a;--doc-message-error-text:#ffcdd2;--doc-message-error-border:#f443364d}.documents-content{background:var(--doc-bg-primary);color:var(--doc-text-primary);height:100%;max-height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto;padding:1rem 0;transition:all .3s ease}.documents-content::-webkit-scrollbar{width:6px}.documents-content::-webkit-scrollbar-thumb{background-color:var(--doc-text-muted);border-radius:6px;opacity:.6}.documents-content::-webkit-scrollbar-track{background:#0000}.doc-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.doc-section-header h2{align-items:center;color:var(--doc-text-primary);display:flex;font-size:1.5rem;gap:.5rem;margin:0;transition:color .3s ease}.documents-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:var(--doc-card-bg);border:1px solid var(--doc-card-border);box-shadow:var(--doc-card-shadow)}.stat-card:hover{box-shadow:var(--doc-card-hover-shadow)}.stat-icon .material-symbols-rounded{color:#fff}.stat-icon.uploaded{background:var(--doc-stat-uploaded-bg)}.stat-icon.required{background:var(--doc-stat-required-bg)}.stat-icon.verified{background:var(--doc-stat-verified-bg)}.stat-icon.completion{background:var(--doc-stat-completion-bg)}.stat-info h3{color:var(--doc-text-primary);font-size:1.8rem;font-weight:700}.stat-info h3,.stat-info p{margin:0;transition:color .3s ease}.stat-info p{color:var(--doc-text-secondary);font-size:.9rem}.documents-progress{background:var(--doc-card-bg);border:1px solid var(--doc-card-border);border-radius:12px;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease}.progress-header{margin-bottom:.5rem}.progress-label{color:var(--doc-text-secondary);font-size:.85rem;font-weight:500;transition:color .3s ease}.progress-text{color:var(--doc-text-primary);font-size:.8rem;font-weight:600;transition:color .3s ease}.progress-bar-container{align-items:center;display:flex;gap:.75rem}.progress-bar{background:var(--doc-progress-bg);border-radius:4px;flex:1 1;height:8px;overflow:hidden;transition:background .3s ease}.progress-fill{background:var(--doc-progress-fill);border-radius:4px;height:100%;transition:width .3s ease}.progress-percentage{color:var(--doc-text-primary);font-size:.8rem;font-weight:600;min-width:35px;text-align:right;transition:color .3s ease}.message-banner{border:1px solid;border-radius:8px;padding:1rem}.message-banner.success{background:var(--doc-message-success-bg);border-color:var(--doc-message-success-border);color:var(--doc-message-success-text)}.message-banner.error{background:var(--doc-message-error-bg);border-color:var(--doc-message-error-border);color:var(--doc-message-error-text)}.message-text{flex:1 1;font-weight:500}.error-banner{background:var(--doc-message-error-bg);border:1px solid var(--doc-message-error-border);color:var(--doc-message-error-text);gap:.75rem;margin-bottom:1.5rem;padding:1rem}.error-text{font-weight:500}.documents-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.document-card{background:var(--doc-card-bg);border:1px solid var(--doc-card-border);border-radius:12px;box-shadow:var(--doc-card-shadow);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.document-card:hover{box-shadow:var(--doc-card-hover-shadow);transform:translateY(-2px)}.document-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.document-title-section{flex:1 1}.document-icon-title{align-items:flex-start;display:flex;gap:.75rem}.document-type-icon{color:var(--doc-text-secondary);flex-shrink:0;font-size:1.5rem;margin-top:.25rem;transition:color .3s ease}.document-header h3{color:var(--doc-text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;transition:color .3s ease}.required-badge{background:var(--doc-status-rejected-bg);border-radius:4px;color:var(--doc-status-rejected-text);font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.15rem .4rem;text-transform:uppercase;transition:all .3s ease}.document-status{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;min-width:80px;padding:.5rem;text-align:center;transition:all .3s ease}.document-status .material-symbols-rounded{font-size:1.5rem}.status-text{font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.document-status.status-verified{background:var(--doc-status-verified-bg);color:var(--doc-status-verified-text)}.document-status.status-pending{background:var(--doc-status-pending-bg);color:var(--doc-status-pending-text)}.document-status.status-rejected{background:var(--doc-status-rejected-bg);color:var(--doc-status-rejected-text)}.document-status.status-uploaded{background:var(--doc-status-uploaded-bg);color:var(--doc-status-uploaded-text)}.document-status.status-missing{background:var(--doc-status-missing-bg);color:var(--doc-status-missing-text)}.document-description{border-bottom:1px solid var(--doc-border-light);padding-bottom:1rem}.document-description p{color:var(--doc-text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 .75rem;transition:color .3s ease}.document-info{display:flex;flex-wrap:wrap;gap:1rem}.file-size,.file-types{background:var(--doc-bg-tertiary);border-radius:4px;color:var(--doc-text-muted);font-size:.8rem;padding:.25rem .5rem;transition:all .3s ease}.document-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.detail-row .label{color:var(--doc-text-secondary);flex-shrink:0;min-width:100px}.detail-row .label,.detail-row .value{font-size:.85rem;font-weight:500;transition:color .3s ease}.detail-row .value{color:var(--doc-text-primary);text-align:right;word-break:break-word}.document-actions{border-top:1px solid var(--doc-border-light);margin-top:auto;padding-top:1rem}.upload-section{display:flex;justify-content:center}.upload-btn{align-items:center;background:var(--doc-btn-upload-bg);border:2px solid #0000;border-radius:8px;color:var(--doc-btn-upload-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.upload-btn:hover:not(.uploading){box-shadow:0 4px 12px #10b9814d;filter:brightness(1.1);transform:translateY(-2px)}.upload-btn.uploading{cursor:not-allowed;opacity:.7}.upload-btn .material-symbols-rounded{font-size:1.1rem}.action-buttons{justify-content:center}.ld-icon-btn{background:var(--doc-bg-tertiary);border:1px solid var(--doc-border-light);color:var(--doc-text-primary);font-size:1.1rem;min-height:40px;min-width:40px;padding:.6rem}.ld-icon-btn.view-btn{background:var(--doc-btn-view-bg);border-color:var(--doc-btn-view-bg);color:var(--doc-btn-view-text)}.ld-icon-btn.view-btn:hover{box-shadow:0 4px 8px #3b82f64d;filter:brightness(1.1);transform:translateY(-1px)}.replace-section{display:inline-block}.ld-icon-btn.replace-btn{background:var(--doc-btn-replace-bg);border-color:var(--doc-btn-replace-bg);color:var(--doc-btn-replace-text)}.ld-icon-btn.replace-btn:hover{box-shadow:0 4px 8px #f59e0b4d;filter:brightness(1.1);transform:translateY(-1px)}.ld-icon-btn.delete-btn{background:var(--doc-btn-delete-bg);border-color:var(--doc-btn-delete-bg);color:var(--doc-btn-delete-text)}.ld-icon-btn.delete-btn:hover{box-shadow:0 4px 8px #ef44444d;filter:brightness(1.1);transform:translateY(-1px)}.loading-state{background:var(--doc-card-bg);border:1px solid var(--doc-card-border);transition:all .3s ease}.loading-state .material-symbols-rounded{color:var(--doc-text-muted)}.loading-state h3{color:var(--doc-text-primary);transition:color .3s ease}.ld-fp-empty-state{background:var(--doc-card-bg);border:2px dashed var(--doc-border-light);border-radius:12px;color:var(--doc-text-muted);font-size:.95rem;font-style:italic;margin:2rem 0;padding:3rem 1rem;transition:all .3s ease}.ld-fp-empty-state .material-symbols-rounded{color:var(--doc-text-muted);font-size:3rem;margin-bottom:1rem;opacity:.6}.ld-fp-empty-state h3{color:var(--doc-text-primary);font-size:1.2rem;transition:color .3s ease}.ld-fp-empty-state p{color:var(--doc-text-muted);transition:color .3s ease}.lead-md3-btn{background-color:var(--doc-bg-tertiary);border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;color:var(--doc-text-primary);display:inline-flex;font-size:.9rem;padding:.65rem 1.25rem;transform:perspective(1px) translateZ(0);transition:all .25s ease}.lead-md3-btn:hover{background-color:var(--doc-btn-upload-bg);border-radius:24px;box-shadow:0 6px 12px #0000001a;color:var(--doc-btn-upload-text);transform:translateY(-2px) scale(1.02)}.lead-md3-btn .material-symbols-rounded{font-size:1.1rem}.lead-md3-btn.refresh-btn{background:var(--doc-status-uploaded-bg);color:var(--doc-status-uploaded-text)}.lead-md3-btn.refresh-btn:hover{background:var(--doc-status-uploaded-bg);filter:brightness(1.1)}@media (max-width:1200px){.documents-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.documents-content{max-height:calc(100vh - 150px)}}@media (max-width:768px){.documents-grid{grid-template-columns:1fr}.documents-stats{grid-template-columns:repeat(2,1fr)}.doc-section-header,.document-header{align-items:stretch;flex-direction:column;gap:1rem}.document-icon-title{align-items:center}.detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}.detail-row .value{text-align:left}.action-buttons{justify-content:space-around}.progress-header{align-items:flex-start;flex-direction:column;gap:.25rem}.document-info{flex-direction:column;gap:.5rem}.documents-content{max-height:calc(100vh - 120px);padding:.5rem 0}}@media (max-width:480px){.documents-stats{grid-template-columns:1fr}.document-card,.stat-card{padding:1rem}.upload-btn{justify-content:center;width:100%}.action-buttons{flex-wrap:wrap}.documents-content{max-height:calc(100vh - 100px);padding:.25rem 0}}@media (prefers-contrast:high){.document-card:hover{border:2px solid var(--doc-btn-upload-text)}.document-status,.required-badge{border:2px solid}}@media (prefers-reduced-motion:reduce){.document-card,.ld-icon-btn,.lead-md3-btn,.stat-card,.upload-btn{animation:none;transition:none}.document-card:hover,.ld-icon-btn:hover,.lead-md3-btn:hover,.stat-card:hover,.upload-btn:hover{transform:none}.loading-state .material-symbols-rounded{animation:none}}.ld-icon-btn:focus,.lead-md3-btn:focus,.message-close:focus,.upload-btn:focus{outline:2px solid var(--doc-btn-upload-text);outline-offset:2px}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.cc-course-subheader{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.cc-course-title-section h2{color:#1e293b;color:var(--cc-text-primary);font-size:1.8rem;font-weight:700;margin:0;transition:color .3s ease}.cc-course-display-id{align-self:flex-start;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;border-radius:12px;color:#1d4ed8;display:inline-block;font-size:.9rem;font-weight:600;padding:.4rem 1rem;transition:all .3s ease}.cc-course-badges{display:flex;flex-wrap:wrap;gap:.75rem}.cc-course-badge{align-items:center;border-radius:12px;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.cc-course-badge.calendar{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b33;color:#d97706}.cc-course-badge.delivery{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;color:#7c3aed}.cc-course-badge .material-symbols-rounded{font-size:18px}.cc-course-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.cc-course-stat{align-items:center;background:#fffc;background:var(--cc-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-form-input-border);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.cc-course-stat:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--cc-card-shadow);transform:translateY(-2px)}.cc-course-stat .cc-stat-icon{color:#3b82f6;font-size:2rem;transition:color .3s ease}.cc-course-stat .cc-stat-content{display:flex;flex-direction:column;gap:.25rem}.cc-course-stat .cc-stat-label{color:#6b7280;color:var(--cc-text-muted);font-size:.8rem;font-weight:500;transition:color .3s ease}.cc-course-stat .cc-stat-value{color:#1e293b;color:var(--cc-text-primary);font-size:1.3rem;font-weight:700;transition:color .3s ease}.cc-course-accreditation{align-items:center;background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;border-radius:12px;color:#059669;display:flex;font-weight:600;gap:.75rem;padding:1rem;transition:all .3s ease}.cc-course-accreditation .material-symbols-rounded{font-size:24px}.cc-course-certificate{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border:1px solid #8b5cf633;border-radius:12px;color:#7c3aed;display:flex;font-weight:600;gap:.75rem;padding:.5rem;transition:all .3s ease}.cc-course-certificate .material-symbols-rounded{font-size:24px}.cc-certificate-link{align-items:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:10px;color:#7c3aed;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;margin-left:auto;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.cc-certificate-link:hover{background:#8b5cf640;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.cc-certificate-link .material-symbols-rounded{font-size:18px}.cc-filters-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--cc-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--cc-container-shadow);margin-bottom:1rem;padding:1rem;transition:all .3s ease}.cc-filters-section.collapsed{padding:1rem}.cc-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cc-filters-section.collapsed .cc-filters-header{margin-bottom:0}.cc-filters-header h4{color:#1e293b;color:var(--cc-text-primary);font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.cc-filters-header-actions{align-items:center;display:flex;gap:1rem}.cc-clear-filters-btn,.cc-toggle-filters-btn{align-items:center;background:#fff;background:var(--cc-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-card-border);border-radius:12px;color:#374151;color:var(--cc-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.cc-clear-filters-btn:hover,.cc-toggle-filters-btn:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--cc-card-shadow);transform:translateY(-1px)}.cc-clear-filters-btn .material-symbols-rounded,.cc-toggle-filters-btn .material-symbols-rounded{font-size:18px}.cc-filters-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cc-filter-field{display:flex;flex-direction:column;gap:.5rem}.cc-filter-field label{color:#374151;color:var(--cc-text-secondary);font-size:.9rem;font-weight:600;transition:color .3s ease}.cc-form-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--cc-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--cc-form-input-border);border-radius:12px;color:#1e293b;color:var(--cc-text-primary);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-form-input:focus{border-color:#3b82f6;border-color:var(--cc-form-input-focus-border);transform:translateY(-1px)}.cc-form-input::placeholder{color:#6b7280;color:var(--cc-text-muted);font-weight:400}.cc-checkbox-field{align-items:center;display:flex;margin-top:1.5rem}.cc-checkbox-label{align-items:center;color:#374151;color:var(--cc-text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;transition:color .3s ease}.cc-checkbox-label input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--cc-form-input-focus-border);height:18px;width:18px}.cc-subjects-list-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--cc-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--cc-container-shadow);padding:1.5rem;transition:all .3s ease}.cc-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cc-list-header h4{color:#1e293b;color:var(--cc-text-primary);font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.cc-header-actions{align-items:center;display:flex;gap:1rem}.cc-view-toggle{background:#fff;background:var(--cc-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-card-border);border-radius:12px;padding:.25rem}.cc-view-toggle,.cc-view-toggle-btn{display:flex;transition:all .3s ease}.cc-view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;color:var(--cc-text-muted);cursor:pointer;font-family:inherit;height:40px;justify-content:center;width:40px}.cc-view-toggle-btn:hover{background:#e2e8f0cc;background:var(--cc-card-border);color:#1e293b;color:var(--cc-text-primary)}.cc-view-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.cc-view-toggle-btn .material-symbols-rounded{font-size:20px}.cc-subjects-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding:.5rem 0}.cc-subject-card-modern{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--cc-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-card-border);border-radius:20px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--cc-card-shadow);cursor:pointer;display:flex;flex-direction:column;height:360px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.cc-subject-card-modern:hover{border-color:#3b82f64d;box-shadow:0 8px 25px #0000001a;box-shadow:var(--cc-card-hover-shadow);transform:translateY(-8px) scale(1.02)}.cc-subject-card-modern.inactive{filter:grayscale(30%);opacity:.7}.cc-subject-card-modern.inactive:hover{filter:grayscale(10%);opacity:.9}.cc-subject-card-modern.trending{background:linear-gradient(135deg,#ec489908,#3b82f608);border:1px solid #ec489933}.cc-subject-card-modern.trending:before{background:linear-gradient(90deg,#ec4899,#3b82f6);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.cc-card-header-modern{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.25rem 0}.cc-subject-id-modern{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f633;border-radius:12px;color:#1d4ed8;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.cc-header-badges{align-items:flex-end;display:flex;flex-direction:row;gap:.5rem}.cc-status-indicator{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.4rem .8rem;transition:all .3s ease}.cc-status-indicator.active{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;color:#059669}.cc-status-indicator.inactive{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:#dc2626}.cc-status-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:50%;height:6px;width:6px}.cc-status-indicator.active .cc-status-dot{background:#059669}.cc-status-indicator.inactive .cc-status-dot{background:#dc2626}.cc-trending-pill{align-items:center;background:linear-gradient(135deg,#ec4899,#be185d);border-radius:20px;box-shadow:0 4px 12px #ec48994d;color:#fff;display:flex;font-size:.7rem;font-weight:700;gap:.375rem;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.cc-trending-pill .material-symbols-rounded{font-size:14px}.cc-card-content-modern{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.cc-subject-title-modern{display:flex;flex-direction:column;gap:.5rem}.cc-subject-title-modern h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--cc-text-primary);display:-webkit-box;font-size:1.1rem;font-weight:700;line-height:1.4;margin:0;min-height:2.8rem;overflow:hidden;transition:color .3s ease}.cc-subject-acronym{align-self:flex-start;background:#fffc;background:var(--cc-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-form-input-border);border-radius:12px;color:#6b7280;color:var(--cc-text-muted);font-size:.7rem;font-weight:600;letter-spacing:1px;padding:.25rem .75rem;text-transform:uppercase;transition:all .3s ease}.cc-subject-description-modern{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--cc-text-muted);display:-webkit-box;font-size:.85rem;line-height:1.5;min-height:2.4rem;overflow:hidden;transition:color .3s ease}.cc-subject-tags-modern{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.cc-tag{align-items:center;border-radius:12px;display:flex;font-size:.7rem;font-weight:600;gap:.375rem;letter-spacing:.3px;padding:.4rem .75rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.cc-tag .material-symbols-rounded{font-size:14px;opacity:.8}.cc-tag.cc-category-tag{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.cc-tag.cc-type-tag{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;color:#7c3aed}.cc-card-footer-modern{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-top:1px solid #e2e8f0cc;border-top:1px solid var(--cc-card-border);display:flex;gap:1rem;justify-content:space-between;padding:1rem}[data-theme=dark] .cc-card-footer-modern{background:linear-gradient(135deg,#1f2937cc,#111827cc)}.cc-stats-section{align-items:center;display:flex;gap:1rem}.cc-stat-item{align-items:center;display:flex;gap:.5rem}.cc-stat-icon{color:#6b7280;color:var(--cc-text-muted);font-size:18px;opacity:.7}.cc-stat-content{display:flex;flex-direction:column;gap:.125rem}.cc-stat-value{color:#1e293b;color:var(--cc-text-primary);font-size:.9rem;font-weight:700;line-height:1}.cc-stat-value.cc-credits-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background-clip:text;-webkit-background-clip:text}.cc-stat-label{color:#6b7280;color:var(--cc-text-muted);font-size:.65rem;font-weight:500;letter-spacing:.5px;line-height:1;text-transform:uppercase}.cc-actions-section{display:flex;gap:.5rem;opacity:.7;transition:all .3s ease}.cc-subject-card-modern:hover .cc-actions-section{opacity:1;transform:translateY(-2px)}.cc-action-btn-modern{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;height:38px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:38px}.cc-action-btn-modern:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1) translateY(-2px)}.cc-action-btn-modern .material-symbols-rounded{font-size:16px;z-index:1}.cc-action-btn-modern.cc-info-btn{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.cc-action-btn-modern.cc-info-btn:hover{box-shadow:0 4px 15px #3b82f64d}.cc-action-btn-modern.cc-view-btn{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;color:#059669}.cc-action-btn-modern.cc-view-btn:hover{box-shadow:0 4px 15px #22c55e4d}.cc-subjects-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--cc-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--cc-card-shadow);overflow:hidden}.cc-subjects-table{max-height:600px;overflow-x:auto;overflow-y:auto}.cc-subjects-table table{border-collapse:collapse;border-spacing:0;min-width:900px;width:100%}.cc-subjects-table th{background:#fff;background:var(--cc-card-bg);border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--cc-card-border);color:#374151;color:var(--cc-text-secondary);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;transition:all .3s ease;z-index:10}.cc-subjects-table td{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--cc-card-border);color:#1e293b;color:var(--cc-text-primary);font-size:.9rem;padding:1rem;transition:all .3s ease;vertical-align:top}.cc-subjects-table tr:hover{background:#e2e8f0cc;background:var(--cc-card-border)}.cc-subjects-table tr.inactive-row{filter:grayscale(20%);opacity:.6}.cc-table-subject-id{background:#e2e8f0cc;background:var(--cc-card-border);border-radius:8px;color:#6b7280;color:var(--cc-text-muted);display:inline-block;font-size:.8rem;font-weight:700;padding:.35rem .75rem;transition:all .3s ease}.cc-table-subject-name{color:#1e293b;color:var(--cc-text-primary);font-weight:600;line-height:1.3;transition:color .3s ease}.cc-subject-name-text{display:inline}.cc-trending-badge{background:linear-gradient(135deg,#ec4899,#be185d);border-radius:6px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;margin-left:.5rem;padding:.2rem .5rem;vertical-align:middle}.cc-table-short-name{color:#6b7280;color:var(--cc-text-muted);font-style:italic;transition:color .3s ease}.cc-table-meta-tag{border-radius:10px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase;transition:all .3s ease}.cc-table-meta-tag.category{background:#3b82f61a;border:1px solid #3b82f633;color:#1d4ed8}.cc-table-meta-tag.type{background:#a855f71a;border:1px solid #a855f733;color:#7c3aed}.cc-table-credits{color:#374151;color:var(--cc-text-secondary);font-weight:600;transition:color .3s ease}.cc-table-status-badge{border-radius:15px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.3rem .7rem;text-transform:uppercase;transition:all .3s ease}.cc-table-status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--cc-badge-active-bg);color:#065f46;color:var(--cc-badge-active-text)}.cc-table-status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--cc-badge-inactive-bg);color:#991b1b;color:var(--cc-badge-inactive-text)}.cc-table-actions{display:flex;gap:.5rem;justify-content:center}.cc-table-action-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.cc-table-action-btn.view-btn{background:#3b82f61a;border:1px solid #3b82f633;color:#1d4ed8}.cc-table-action-btn.view-btn:hover{box-shadow:0 4px 15px #3b82f64d;transform:scale(1.1)}.cc-table-action-btn .material-symbols-rounded{font-size:18px;z-index:1}.cc-info-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.cc-info-popup{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid #e2e8f0cc;border:1px solid var(--cc-card-border);border-radius:20px;box-shadow:0 25px 50px #00000040,0 12px 30px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.cc-info-popup,.cc-info-popup-header{background:#fff;background:var(--cc-card-bg)}.cc-info-popup-header{align-items:flex-start;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--cc-card-border);border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:2rem 2rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.cc-popup-title{flex:1 1;margin-right:1rem}.cc-popup-title h3{color:#1e293b;color:var(--cc-text-primary);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .5rem;transition:color .3s ease}.cc-popup-subject-id{background:#e2e8f0cc;background:var(--cc-card-border);border-radius:8px;color:#6b7280;color:var(--cc-text-muted);display:inline-block;font-size:.85rem;font-weight:600;padding:.35rem .75rem;transition:all .3s ease}.cc-popup-close-btn{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.cc-popup-close-btn:hover{box-shadow:0 4px 15px #ef44444d;transform:scale(1.1)}.cc-popup-close-btn .material-symbols-rounded{font-size:20px}.cc-info-popup-content{padding:1rem 2rem 2rem}.cc-popup-section{margin-bottom:2rem}.cc-popup-section:last-child{margin-bottom:0}.cc-popup-section-title{color:#1e293b;color:var(--cc-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem;transition:color .3s ease}.cc-popup-status-row{align-items:center;display:flex;justify-content:space-between}.cc-popup-badges{display:flex;flex-wrap:wrap;gap:.5rem}.cc-popup-badge{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase;transition:all .3s ease}.cc-popup-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--cc-badge-active-bg);color:#065f46;color:var(--cc-badge-active-text)}.cc-popup-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--cc-badge-inactive-bg);color:#991b1b;color:var(--cc-badge-inactive-text)}.cc-popup-badge.trending{background:linear-gradient(135deg,#ec4899,#be185d);box-shadow:0 4px 12px #ec48994d;color:#fff}.cc-popup-description{background:#fffc;background:var(--cc-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-form-input-border);border-radius:12px;color:#374151;color:var(--cc-text-secondary);font-size:.95rem;line-height:1.6;padding:1rem;transition:all .3s ease}.cc-popup-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cc-popup-detail-item{background:#fffc;background:var(--cc-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-form-input-border);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.cc-popup-detail-item:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--cc-card-shadow);transform:translateY(-2px)}.cc-detail-label{color:#6b7280;color:var(--cc-text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.cc-detail-label,.cc-detail-value{font-weight:600;transition:color .3s ease}.cc-detail-value{color:#1e293b;color:var(--cc-text-primary);font-size:.95rem}.cc-detail-value.cc-category-tag{background:#3b82f61a;color:#1d4ed8}.cc-detail-value.cc-category-tag,.cc-detail-value.cc-type-tag{align-self:flex-start;border-radius:8px;font-size:.8rem;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.cc-detail-value.cc-type-tag{background:#a855f71a;color:#7c3aed}.cc-detail-value.cc-credits-highlight{align-self:flex-start;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;color:#fff;font-weight:700;padding:.25rem .6rem}.cc-popup-actions{display:flex;flex-wrap:wrap;gap:1rem}.cc-popup-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.cc-popup-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.cc-popup-action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.cc-popup-action-btn .material-symbols-rounded{font-size:18px}[data-theme=dark] .cc-course-display-id{background:linear-gradient(135deg,#60a5fa26,#818cf826);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .cc-course-badge.calendar{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-color:#fbbf244d;color:#fbbf24}[data-theme=dark] .cc-course-badge.delivery{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f74d;color:#a855f7}[data-theme=dark] .cc-course-accreditation{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .cc-course-certificate{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f74d;color:#a855f7}[data-theme=dark] .cc-certificate-link{background:#a855f733;border-color:#a855f766;color:#a855f7}[data-theme=dark] .cc-certificate-link:hover{background:#a855f74d;box-shadow:0 4px 12px #a855f766}[data-theme=dark] .cc-subject-id-modern{background:linear-gradient(135deg,#60a5fa26,#818cf826);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .cc-status-indicator.active{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .cc-status-indicator.inactive{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef44444d;color:#f87171}[data-theme=dark] .cc-tag.cc-category-tag{background:linear-gradient(135deg,#60a5fa26,#3b82f626);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .cc-tag.cc-type-tag{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f74d;color:#a855f7}[data-theme=dark] .cc-table-meta-tag.category{background:#60a5fa33;border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .cc-table-meta-tag.type{background:#a855f733;border-color:#a855f74d;color:#a855f7}[data-theme=dark] .cc-detail-value.cc-category-tag{background:#60a5fa33;color:#60a5fa}[data-theme=dark] .cc-detail-value.cc-type-tag{background:#a855f733;color:#a855f7}@media (max-width:1400px){.cc-subjects-grid-modern{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1200px){.cc-subjects-grid-modern{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cc-subject-card-modern{height:340px}.cc-course-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.cc-course-details-card{padding:1.5rem}.cc-course-header{align-items:flex-start;flex-direction:column;gap:1rem}.cc-course-title-section{min-width:0;min-width:auto;width:100%}.cc-course-badges{flex-direction:row;justify-content:flex-start;width:100%}.cc-course-stats-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cc-filters-section,.cc-subjects-list-section{border-radius:12px;padding:1rem}.cc-filters-header{align-items:stretch;flex-direction:column;gap:1rem}.cc-filters-header-actions{justify-content:space-between}.cc-filters-grid{gap:1rem;grid-template-columns:1fr}.cc-list-header{align-items:stretch;flex-direction:column;gap:1rem}.cc-header-actions{justify-content:center}.cc-subjects-grid-modern{gap:1rem;grid-template-columns:1fr}.cc-subject-card-modern{height:auto;min-height:300px}.cc-card-header-modern{padding:1rem 1rem 0}.cc-card-content-modern{padding:.75rem 1rem}.cc-card-footer-modern{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.cc-stats-section{justify-content:space-around}.cc-actions-section{gap:.75rem;justify-content:center}.cc-subjects-table table{min-width:700px}.cc-subjects-table td,.cc-subjects-table th{font-size:.85rem;padding:.75rem .5rem}.cc-info-popup{border-radius:16px;margin:.5rem;max-width:95vw}.cc-info-popup-header{border-radius:16px 16px 0 0;padding:1.5rem 1.5rem 1rem}.cc-popup-title h3{font-size:1.25rem}.cc-info-popup-content{padding:1rem 1.5rem 1.5rem}.cc-popup-details-grid{gap:.75rem;grid-template-columns:1fr}.cc-popup-actions{flex-direction:column;gap:.75rem}.cc-popup-action-btn{min-width:0;min-width:auto}}@media (max-width:480px){.cc-course-title-section h2{font-size:1.5rem}.cc-course-stats-grid{grid-template-columns:1fr}.cc-card-header-modern{align-items:stretch;flex-direction:column;gap:.75rem}.cc-header-badges{align-items:center;flex-direction:row;justify-content:space-between}.cc-subject-tags-modern{gap:.375rem;justify-content:center}.cc-action-btn-modern{height:40px;width:40px}.cc-action-btn-modern .material-symbols-rounded{font-size:18px}.cc-subjects-table table{min-width:600px}.cc-table-actions{flex-direction:column;gap:.25rem}.cc-info-popup-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.cc-popup-title{margin-right:0}.cc-popup-close-btn{align-self:flex-end}.cc-info-popup-content{padding:1rem}.cc-popup-detail-item{padding:.75rem}.cc-popup-action-btn{font-size:.85rem;padding:.75rem 1rem}}.cc-action-btn-modern:focus,.cc-table-action-btn:focus,.cc-view-toggle-btn:focus{outline:3px solid #3b82f6;outline:3px solid var(--cc-form-input-focus-border);outline-offset:2px}.cc-form-input:focus{outline:none}@media print{.cc-actions-section,.cc-filters-section,.cc-table-actions,.cc-view-toggle{display:none!important}.cc-subject-card-modern,.cc-subjects-table-container{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast:high){.cc-subject-card-modern{border:2px solid #1e293b;border:2px solid var(--cc-text-primary)}.cc-subject-card-modern:hover{border-color:#3b82f6;border-color:var(--cc-form-input-focus-border)}}.cc-info-popup::-webkit-scrollbar,.cc-subjects-table::-webkit-scrollbar{height:8px;width:8px}.cc-info-popup::-webkit-scrollbar-thumb,.cc-subjects-table::-webkit-scrollbar-thumb{background-color:#94a3b899;border-radius:8px}.cc-info-popup::-webkit-scrollbar-track,.cc-subjects-table::-webkit-scrollbar-track{background:#0000}:root{--cc-container-bg:var(--est-container-bg,#fffffff2);--cc-container-border:var(--est-container-border,#e2e8f0cc);--cc-container-shadow:var(--est-container-shadow,0 4px 12px #0000000d);--cc-text-primary:var(--est-text-primary,#1e293b);--cc-text-secondary:var(--est-text-secondary,#374151);--cc-text-muted:var(--est-text-muted,#6b7280);--cc-card-bg:var(--est-card-bg,#fff);--cc-card-border:var(--est-card-border,#e2e8f0cc);--cc-card-shadow:var(--est-card-shadow,0 2px 8px #0000000f);--cc-card-hover-shadow:var(--est-card-hover-shadow,0 8px 25px #0000001a);--cc-form-input-bg:var(--est-form-input-bg,#fffc);--cc-form-input-border:var(--est-form-input-border,#e2e8f0cc);--cc-form-input-focus-border:var(--est-form-input-focus-border,#3b82f6);--cc-badge-active-bg:var(--est-badge-active-bg,linear-gradient(135deg,#d1fae5,#a7f3d0));--cc-badge-active-text:var(--est-badge-active-text,#065f46);--cc-badge-inactive-bg:var(--est-badge-inactive-bg,linear-gradient(135deg,#fee2e2,#fecaca));--cc-badge-inactive-text:var(--est-badge-inactive-text,#991b1b)}.current-course-page{padding:0;transition:all .3s ease}.cc-empty-state,.cc-loading-state{align-items:center;background:#fff;background:var(--cc-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--cc-card-shadow);color:#6b7280;color:var(--cc-text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.cc-loading-state .material-symbols-rounded.spinning{animation:spin 1s linear infinite;font-size:3rem;margin-bottom:1rem;opacity:.6}.cc-empty-state-icon{margin-bottom:1rem;opacity:.6}.cc-empty-state-icon .material-symbols-rounded{color:#6b7280;color:var(--cc-text-muted);font-size:4rem}.cc-empty-state h3,.cc-loading-state h3{color:#1e293b;color:var(--cc-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.cc-empty-state p{font-size:1rem;line-height:1.5;margin:0}.cc-course-details-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--cc-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cc-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--cc-card-shadow);margin-bottom:1rem;padding:1rem;transition:all .3s ease}.cc-course-details-card:hover{box-shadow:0 8px 25px #0000001a;box-shadow:var(--cc-card-hover-shadow);transform:translateY(-2px)}.cc-course-details-header{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--cc-card-border);margin-bottom:1rem;padding-bottom:1rem}.cc-course-details-header h3{align-items:center;color:#1e293b;color:var(--cc-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.cc-course-details-header h3 .material-symbols-rounded{color:#374151;color:var(--cc-text-secondary);font-size:1.3rem}.cc-course-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.cc-course-title-section{display:flex;flex:1 1;flex-direction:row;gap:.5rem;min-width:300px}:root[data-theme=light]{--bg-accent:linear-gradient(135deg,#dbeafe,#bfdbfe);--text-accent:#1e40af;--border-accent:#bfdbfe;--shadow-accent:0 4px 16px #1e40af26;--status-info:linear-gradient(135deg,#e0e7ff,#c7d2fe);--status-info-text:#3730a3}:root[data-theme=dark]{--bg-accent:linear-gradient(135deg,#1e40af,#3730a3);--text-accent:#bfdbfe;--border-accent:#1e40af;--shadow-accent:0 4px 16px #bfdbfe26;--status-info:linear-gradient(135deg,#3730a3,#4338ca);--status-info-text:#c7d2fe}.teacher-profile-container{background:var(--bg-secondary);color:var(--text-primary);font-family:Google Sans,Inter,system-ui,sans-serif;min-height:100vh;padding:1.5rem;transition:all .3s ease}.profile-header{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem;transition:all .3s ease}.profile-header:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.header-left{gap:2rem}.tc-profile-avatar{border:4px solid var(--border-accent);border-radius:50%;box-shadow:var(--shadow-md);height:120px;overflow:hidden;position:relative;width:120px}.tc-profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-badge{align-items:center;background:var(--status-primary);border:3px solid var(--bg-primary);border-radius:50%;bottom:8px;box-shadow:var(--shadow-sm);display:flex;height:32px;justify-content:center;position:absolute;right:8px;width:32px}.avatar-badge .material-symbols-rounded{color:var(--status-primary-text);font-size:18px}.profile-info h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.teacher-id{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:0 0 .25rem}.department{color:var(--text-accent);font-size:1rem;font-weight:600;margin:0 0 1rem}.role-badge,.status-badge{font-size:.9rem;padding:.5rem 1rem}.role-badge{background:var(--status-primary);border:1px solid var(--border-accent);border-radius:12px;color:var(--status-primary-text);font-weight:500}.quick-action-btn,.theme-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.quick-action-btn:hover,.theme-toggle:hover{background:var(--bg-accent);color:var(--text-accent);transform:scale(1.05)}.stats-dashboard{margin-bottom:2rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem}.stat-card{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-md);gap:1.5rem;overflow:hidden;padding:2rem;position:relative}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.stat-card.primary:before,.stat-card:before{background:var(--status-primary)}.stat-card.success:before{background:var(--status-success)}.stat-card.info:before{background:var(--status-info)}.stat-card.warning:before{background:var(--status-warning)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card:hover:before{height:8px}.stat-icon{flex-shrink:0;height:64px;width:64px}.stat-card.primary .stat-icon{background:var(--status-primary)}.stat-card.success .stat-icon{background:var(--status-success)}.stat-card.info .stat-icon{background:var(--status-info)}.stat-card.warning .stat-icon{background:var(--status-warning)}.stat-icon .material-symbols-rounded{color:var(--bg-primary);font-size:32px}.stat-content h3{color:var(--text-primary);font-size:2.5rem;line-height:1;margin:0 0 .5rem}.stat-content p{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0}.profile-tabs{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:2rem;overflow-x:auto;padding:1rem}.profile-tabs,.tab-button{border:1px solid var(--border-light);display:flex;gap:.5rem}.tab-button{align-items:center;background:#0000;border-radius:12px;color:var(--text-secondary);cursor:pointer;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-button.active{background:var(--bg-accent);border-color:var(--border-accent);box-shadow:var(--shadow-sm);color:var(--text-accent);font-weight:600}.tab-button .material-symbols-rounded{font-size:20px}.tab-content{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-md);min-height:500px;padding:2rem}.overview-content{display:flex;flex-direction:column;gap:2rem}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.info-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;transition:all .3s ease}.info-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-section.full-width{grid-column:1/-1}.section-header h3{font-size:1.25rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-field{gap:.5rem}.info-field label{font-size:.9rem}.info-field .value{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:1rem;font-weight:500;padding:.5rem 0}.info-field .value:empty:before{color:var(--text-muted);content:"Not specified";font-style:italic}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quick-action-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.quick-action-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.quick-action-card.primary:before{background:var(--status-primary)}.quick-action-card.success:before{background:var(--status-success)}.quick-action-card.info:before{background:var(--status-info)}.quick-action-card.warning:before{background:var(--status-warning)}.quick-action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-card:hover:before{height:6px}.quick-action-card.primary .action-icon{background:var(--status-primary)}.quick-action-card.success .action-icon{background:var(--status-success)}.quick-action-card.info .action-icon{background:var(--status-info)}.quick-action-card.warning .action-icon{background:var(--status-warning)}.action-icon .material-symbols-rounded{color:var(--bg-primary)}.action-content h4{font-size:1.1rem}.action-content p{font-size:.9rem}.quick-action-card:hover .action-arrow{opacity:1;transform:translateX(4px)}.activity-timeline{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.activity-item:hover{box-shadow:var(--shadow-sm);transform:translateX(4px)}.activity-icon.primary{background:var(--status-primary)}.activity-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.activity-content p{color:var(--text-secondary);font-size:.9rem;margin:0}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.teacher-profile-container{padding:1rem}.profile-header{flex-direction:column;gap:2rem;text-align:center}.header-left{flex-direction:column;gap:1rem}.tc-profile-avatar{height:100px;width:100px}.profile-info h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}.profile-tabs{flex-wrap:wrap}.tab-content{padding:1.5rem}.info-grid,.quick-actions-grid{grid-template-columns:1fr}}@media (max-width:480px){.profile-header{padding:1.5rem}.tab-content{padding:1rem}.quick-action-card,.stat-card{flex-direction:column;gap:1rem;text-align:center}.activity-item{flex-direction:column;gap:.75rem;text-align:center}}.teacher-profile-container{animation:fadeIn .5s ease-out}.stat-card{animation:slideInUp .4s ease-out}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}:root[data-theme=dark] .stat-card{background:linear-gradient(145deg,#1e293b,#334155)}:root[data-theme=dark] .profile-header,:root[data-theme=dark] .tab-content{background:linear-gradient(145deg,#0f172a,#1e293b)}:root[data-theme=dark] .info-section{background:linear-gradient(145deg,#1e293b,#334155)}:root{--fp-page-bg:#fff;--fp-container-bg:#fffffff2;--fp-container-border:#e2e8f0cc;--fp-container-shadow:0 4px 12px #0000000d;--fp-text-primary:#1e293b;--fp-text-secondary:#475569;--fp-text-muted:#64748b;--fp-card-bg:#fff;--fp-card-border:#e2e8f0;--fp-card-shadow:0 2px 8px #0000000f;--fp-card-hover-shadow:0 8px 25px #0000001a;--fp-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--fp-btn-primary-text:#fff;--fp-btn-secondary-bg:#f1f5f9;--fp-btn-secondary-text:#475569;--fp-badge-active-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--fp-badge-active-text:#065f46;--fp-badge-inactive-bg:linear-gradient(135deg,#fee2e2,#fecaca);--fp-badge-inactive-text:#991b1b;--fp-form-input-bg:#ffffffe6;--fp-form-input-border:#e2e8f0;--fp-form-input-focus-border:#3b82f6;--fp-form-input-focus-shadow:0 0 0 3px #3b82f61a;--fp-field-hover-bg:#00000005}[data-theme=dark]{--fp-page-bg:#1a1a1af2;--fp-container-bg:#1a1a1af2;--fp-container-border:#ffffff1a;--fp-container-shadow:0 4px 12px #0000004d;--fp-text-primary:#fff;--fp-text-secondary:#e5e7eb;--fp-text-muted:#9ca3af;--fp-card-bg:#1f2937cc;--fp-card-border:#4b55634d;--fp-card-shadow:0 2px 8px #0003;--fp-card-hover-shadow:0 8px 25px #0000004d;--fp-btn-primary-bg:linear-gradient(135deg,#60a5fa,#3b82f6);--fp-btn-secondary-bg:#374151cc;--fp-btn-secondary-text:#e5e7eb;--fp-badge-active-bg:#22c55e33;--fp-badge-active-text:#4ade80;--fp-badge-inactive-bg:#ef444433;--fp-badge-inactive-text:#f87171;--fp-form-input-bg:#1f2937cc;--fp-form-input-border:#4b55634d;--fp-form-input-focus-border:#60a5fa;--fp-form-input-focus-shadow:0 0 0 3px #60a5fa33;--fp-field-hover-bg:#ffffff05}.faculty-profile-tab{background:#fff;background:var(--fp-page-bg);color:#1e293b;color:var(--fp-text-primary);font-family:Google Sans,Poppins,sans-serif;min-height:100vh;padding:1.5rem;transition:all .3s ease}.fp-header{align-items:center;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.fp-header,.fp-tabs{display:flex;flex-wrap:wrap}.fp-tab,.fp-tabs{gap:.5rem}.fp-tab{align-items:center;background:#f1f5f9;background:var(--fp-btn-secondary-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fp-container-border);border-radius:12px;color:#475569;color:var(--fp-btn-secondary-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease}.fp-tab:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--fp-card-shadow);transform:translateY(-2px)}.fp-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--fp-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;color:#fff;color:var(--fp-btn-primary-text)}.fp-count{background:#fff3;border-radius:12px;font-size:.75rem;font-weight:700;padding:.2rem .5rem}.fp-header-actions{align-items:center;display:flex;gap:1rem}.fp-view-toggle{background:#f1f5f9;background:var(--fp-btn-secondary-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fp-container-border);border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.fp-view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;color:var(--fp-btn-secondary-text);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.fp-view-btn:hover{background:#00000005;background:var(--fp-field-hover-bg)}.fp-view-btn.active{box-shadow:0 2px 8px #3b82f64d}.fp-add-btn,.fp-view-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--fp-btn-primary-bg);color:#fff;color:var(--fp-btn-primary-text)}.fp-add-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.fp-add-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.fp-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--fp-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fp-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--fp-container-shadow);padding:1.5rem;transition:all .3s ease}.fp-list-container{background:#fff;background:var(--fp-card-bg);border:1px solid #e2e8f0;border:1px solid var(--fp-card-border);border-radius:12px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--fp-card-shadow);overflow:hidden}.fp-list-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--fp-card-border);display:grid;grid-template-columns:repeat(7,1fr);transition:all .3s ease}[data-theme=dark] .fp-list-header{background:linear-gradient(135deg,#1f2937e6,#111827e6)}.fp-list-header-cell{border-right:1px solid #e2e8f0;border-right:1px solid var(--fp-card-border);color:#475569;color:var(--fp-text-secondary);font-size:.85rem;font-weight:700;padding:1rem;text-align:left}.fp-list-header-cell:last-child{border-right:none;text-align:center}.fp-list-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--fp-card-border);display:grid;grid-template-columns:repeat(7,1fr);transition:all .3s ease}.fp-list-row:hover{background:#3b82f608}.fp-list-cell{align-items:center;border-right:1px solid #e2e8f0;border-right:1px solid var(--fp-card-border);color:#1e293b;color:var(--fp-text-primary);display:flex;font-size:.9rem;padding:1rem}.fp-list-cell:last-child{border-right:none;justify-content:center}.fp-list-actions{display:flex;gap:.5rem}.fp-grid-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.fp-grid-card{background:#fff;background:var(--fp-card-bg);border:1px solid #e2e8f0;border:1px solid var(--fp-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--fp-card-shadow);padding:1.5rem;transition:all .3s ease}.fp-grid-card:hover{box-shadow:0 8px 25px #0000001a;box-shadow:var(--fp-card-hover-shadow);transform:translateY(-4px)}.fp-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.fp-badge-group{flex-wrap:wrap}.fp-badge-group,.fp-card-actions{display:flex;gap:.5rem}.fp-grid-card h3{color:#1e293b;color:var(--fp-text-primary);font-size:1.25rem;font-weight:600;margin:.5rem 0}.fp-card-subtitle{font-size:.9rem;margin-bottom:1rem}.fp-card-subtitle,.fp-subject-id{color:#64748b;color:var(--fp-text-muted)}.fp-subject-id{background:#ffffffe6;background:var(--fp-form-input-bg);border-radius:6px;display:inline-block;font-family:Courier New,monospace;font-size:.75rem;margin-bottom:.5rem;padding:.25rem .5rem}.fp-description{color:#475569;color:var(--fp-text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:1rem}.fp-card-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr}.fp-detail-item{display:flex;flex-direction:column;gap:.25rem}.fp-detail-item.full-width{grid-column:1/-1}.fp-detail-label{color:#64748b;color:var(--fp-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.fp-detail-value{color:#1e293b;color:var(--fp-text-primary);font-size:.9rem;font-weight:500}.fp-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.fp-action-btn.edit{background:#f59e0b1a;color:#d97706}.fp-action-btn.edit:hover{box-shadow:0 4px 12px #f59e0b4d;transform:scale(1.1)}.fp-action-btn.delete{background:#ef44441a;color:#dc2626}.fp-action-btn.delete:hover{box-shadow:0 4px 12px #ef44444d;transform:scale(1.1)}.fp-badge{border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.fp-badge.type{background:#3b82f61a;color:#1d4ed8}.fp-badge.category{background:#a855f71a;color:#7c3aed}.fp-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--fp-badge-active-bg);color:#065f46;color:var(--fp-badge-active-text)}.fp-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--fp-badge-inactive-bg);color:#991b1b;color:var(--fp-badge-inactive-text)}[data-theme=dark] .fp-badge.type{background:#60a5fa33;color:#60a5fa}[data-theme=dark] .fp-badge.category{background:#a855f733;color:#a855f7}.fp-empty-state{align-items:center;color:#64748b;color:var(--fp-text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem}.fp-empty-state svg{font-size:4rem;margin-bottom:1rem;opacity:.5}.fp-modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:absolute;z-index:10000}.fp-modal{animation:slideUp .3s ease;background:#fff;background:var(--fp-card-bg);border:1px solid #e2e8f0;border:1px solid var(--fp-card-border);border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.fp-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--fp-card-border);display:flex;justify-content:space-between;padding:1.5rem}.fp-modal-header h2{color:#1e293b;color:var(--fp-text-primary);font-size:1.5rem;font-weight:600;margin:0}.fp-close-btn{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.fp-close-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:scale(1.1)}.fp-modal-content{padding:1.5rem}.fp-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.fp-form-field{display:flex;flex-direction:column;gap:.5rem}.fp-form-field.full-width{grid-column:span 2}.fp-form-field.checkbox-field{align-items:center;flex-direction:row;gap:.75rem}.fp-form-field label{color:#475569;color:var(--fp-text-secondary);font-size:.9rem;font-weight:600}.fp-form-field input,.fp-form-field select,.fp-form-field textarea{background:#ffffffe6;background:var(--fp-form-input-bg);border:2px solid #e2e8f0;border:2px solid var(--fp-form-input-border);border-radius:12px;color:#1e293b;color:var(--fp-text-primary);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.fp-form-field input:focus,.fp-form-field select:focus,.fp-form-field textarea:focus{border-color:#3b82f6;border-color:var(--fp-form-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--fp-form-input-focus-shadow);outline:none}.fp-form-field input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--fp-form-input-focus-border);height:18px;width:18px}.fp-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--fp-card-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.fp-btn{border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.fp-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--fp-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;color:#fff;color:var(--fp-btn-primary-text)}.fp-btn.primary:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.fp-btn.secondary{background:#f1f5f9;background:var(--fp-btn-secondary-bg);color:#475569;color:var(--fp-btn-secondary-text)}.fp-btn.secondary:hover{transform:translateY(-1px)}.fp-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.faculty-profile-tab{padding:1rem}.fp-header{align-items:stretch}.fp-header,.fp-tabs{flex-direction:column}.fp-tab{justify-content:center}.fp-list-header,.fp-list-row{grid-template-columns:1fr;overflow-x:auto}.fp-form-grid,.fp-grid-container{grid-template-columns:1fr}.fp-form-field.full-width{grid-column:span 1}.fp-modal-actions{flex-direction:column-reverse}.fp-btn{width:100%}}.fp-subjects-modal{display:flex;flex-direction:column;gap:1.5rem}.fp-subjects-selection{display:flex;flex-direction:column;gap:1rem}.fp-subjects-selection h4{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--fp-card-border);color:#1e293b;color:var(--fp-text-primary);font-size:1.1rem;font-weight:600;margin:0;padding-bottom:.5rem}.fp-subjects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:400px;overflow-y:auto;padding:.5rem}.fp-subject-card{align-items:flex-start;background:#fff;background:var(--fp-card-bg);border:2px solid #e2e8f0;border:2px solid var(--fp-card-border);border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.fp-subject-card:hover{background:#00000005;background:var(--fp-field-hover-bg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--fp-card-shadow);transform:translateY(-2px)}.fp-subject-card.selected,.fp-subject-card:hover{border-color:#3b82f6;border-color:var(--fp-form-input-focus-border)}.fp-subject-card.selected{background:#3b82f60d;box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--fp-form-input-focus-shadow)}[data-theme=dark] .fp-subject-card.selected{background:#60a5fa1a}.fp-subject-checkbox{color:#64748b;color:var(--fp-text-muted);flex-shrink:0;transition:all .3s ease}.fp-subject-card.selected .fp-subject-checkbox{color:#3b82f6;color:var(--fp-form-input-focus-border)}.fp-subject-checkbox .material-symbols-rounded{font-size:24px}.fp-subject-info{flex:1 1;min-width:0}.fp-subject-info h4{border:none;color:#1e293b;color:var(--fp-text-primary);font-size:.95rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fp-subject-info p{font-family:Courier New,monospace;font-size:.8rem;margin:0}.fp-loading,.fp-subject-info p{color:#64748b;color:var(--fp-text-muted)}.fp-loading{align-items:center;display:flex;font-size:.95rem;justify-content:center;padding:3rem}.fp-loading span{animation:pulse 1.5s ease-in-out infinite}.fp-subjects-grid::-webkit-scrollbar{width:8px}.fp-subjects-grid::-webkit-scrollbar-track{background:#ffffffe6;background:var(--fp-form-input-bg);border-radius:4px}.fp-subjects-grid::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--fp-card-border);border-radius:4px}.fp-subjects-grid::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--fp-text-muted)}@media (max-width:768px){.fp-subjects-grid{grid-template-columns:1fr}}.fst-container{transition:all .3s ease}.fst-btn-label{display:inline}.fst-filters-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--cs-container-bg);border:1px solid var(--cs-container-border);border-radius:16px;box-shadow:var(--cs-container-shadow);margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.fst-filters-section.fst-collapsed{padding:1rem}.fst-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.fst-filters-header h4{color:var(--cs-text-primary);font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.fst-filters-header-actions{align-items:center;display:flex;gap:1rem}.fst-clear-filters-btn,.fst-toggle-filters-btn{align-items:center;background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:12px;color:var(--cs-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.fst-clear-filters-btn:hover,.fst-toggle-filters-btn:hover{box-shadow:var(--cs-card-shadow);transform:translateY(-1px)}.fst-clear-filters-btn .material-symbols-rounded,.fst-toggle-filters-btn .material-symbols-rounded{font-size:18px}.fst-filters-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fst-filter-field{display:flex;flex-direction:column;gap:.5rem}.fst-filter-field label{color:var(--cs-text-secondary);font-size:.9rem;font-weight:600;transition:color .3s ease}.fst-form-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--cs-form-input-bg);border:2px solid var(--cs-form-input-border);border-radius:12px;box-shadow:var(--cs-form-input-shadow);color:var(--cs-form-input-text);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.fst-form-input:focus{border-color:var(--cs-form-input-focus-border);box-shadow:var(--cs-form-input-focus-shadow);transform:translateY(-1px)}.fst-form-input::placeholder{color:var(--cs-form-input-placeholder);font-weight:400}.fst-checkbox-field{align-items:center;display:flex;margin-top:1.5rem}.fst-checkbox-label{align-items:center;color:var(--cs-text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;transition:color .3s ease}.fst-checkbox-label input[type=checkbox]{accent-color:var(--cs-form-input-focus-border);height:18px;width:18px}.fst-list-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--cs-container-bg);border:1px solid var(--cs-container-border);border-radius:12px;box-shadow:var(--cs-container-shadow);padding:1.5rem;transition:all .3s ease}.fst-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.fst-list-header h4{color:var(--cs-text-primary);font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.fst-refresh-btn{align-items:center;background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:12px;color:var(--cs-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.fst-refresh-btn:hover:not(:disabled){background:var(--cs-btn-primary-bg);box-shadow:var(--cs-card-shadow);color:var(--cs-btn-primary-text);transform:translateY(-1px)}.fst-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.fst-refresh-btn .material-symbols-rounded{font-size:18px}.fst-view-toggle{background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:12px;display:flex;gap:.25rem;padding:.25rem}.fst-view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--cs-text-secondary);cursor:pointer;display:flex;font-family:inherit;justify-content:center;padding:.5rem .75rem;transition:all .3s ease}.fst-view-toggle-btn .material-symbols-rounded{font-size:1.2rem}.fst-view-toggle-btn:hover{background:var(--cs-form-input-bg)}.fst-view-toggle-btn.active{background:var(--cs-btn-primary-bg);box-shadow:var(--cs-btn-primary-shadow);color:var(--cs-btn-primary-text)}.fst-empty-state,.fst-loading-container{align-items:center;color:var(--cs-text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center;transition:color .3s ease}.fst-loading-spinner{color:var(--cs-info-icon-text);font-size:3rem;margin-bottom:1rem;opacity:.6}.fst-loading-spinner .material-symbols-rounded{animation:fst-spin 1s linear infinite}.fst-empty-state-icon{margin-bottom:1rem;opacity:.6}.fst-empty-state-icon .material-symbols-rounded{color:var(--cs-text-muted);font-size:4rem}.fst-empty-state h3{color:var(--cs-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.fst-empty-state p{font-size:1rem;line-height:1.5;margin:0}.fst-subjects-container{display:flex;flex-direction:column;gap:2rem;overflow-y:auto;padding:.5rem}.fst-subjects-container::-webkit-scrollbar{width:8px}.fst-subjects-container::-webkit-scrollbar-track{background:#0000;border-radius:4px}.fst-subjects-container::-webkit-scrollbar-thumb{background:#3b82f64d;background:var(--cs-scrollbar-thumb,#3b82f64d);border-radius:4px}.fst-subjects-container::-webkit-scrollbar-thumb:hover{background:var(--cs-form-input-focus-border)}.fst-subject-group{background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:16px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.fst-subject-group:hover{box-shadow:0 4px 12px #0000001a}.fst-subject-group-header{align-items:center;background:linear-gradient(135deg,#3b82f60d,#6366f10d);border-bottom:1px solid var(--cs-card-border);display:flex;justify-content:space-between;padding:.5rem}.fst-subject-info{align-items:center;display:flex;gap:1rem}.fst-subject-info .material-symbols-rounded{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;border-radius:12px;color:var(--cs-form-input-focus-border);font-size:2rem;padding:.5rem}.fst-subject-details h3{color:var(--cs-text-primary);font-size:1.25rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.fst-subject-code{background:var(--cs-form-input-bg);border:1px solid var(--cs-form-input-border);border-radius:8px;color:var(--cs-text-secondary);font-size:.85rem;font-weight:600;padding:.25rem .75rem}.fst-subject-meta{align-items:center;display:flex;gap:1rem}.fst-assignment-count{background:var(--cs-form-input-bg);border:1px solid var(--cs-form-input-border);border-radius:12px;color:var(--cs-text-secondary);font-size:.9rem;font-weight:600;padding:.5rem 1rem}.fst-credits-badge{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;border-radius:12px;color:#7c3aed;font-size:.85rem;font-weight:700;padding:.5rem 1rem}.fst-subject-collapse-btn{align-items:center;background:var(--cs-form-input-bg);border:1px solid var(--cs-form-input-border);border-radius:10px;color:var(--cs-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.fst-subject-collapse-btn:hover{background:var(--cs-form-input-focus-bg);border-color:var(--cs-form-input-focus-border);color:var(--cs-form-input-focus-border);transform:scale(1.05)}.fst-subject-collapse-btn .material-symbols-rounded{font-size:20px}.fst-assignments-container{padding:1.5rem}.fst-assignments-container.fst-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.fst-assignment-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:240px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.fst-assignment-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.fst-assignment-card:hover{border-color:#3b82f64d;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #3b82f61a;transform:translateY(-8px) scale(1.02)}.fst-assignment-card:hover:before{opacity:1}.fst-assignment-card.fst-inactive{filter:grayscale(30%);opacity:.7}.fst-assignment-card.fst-primary:before{background:linear-gradient(90deg,#ec4899,#be185d);opacity:1}.fst-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.25rem 0}.fst-section-label{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f633;border-radius:12px;color:var(--cs-form-input-focus-border);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;white-space:nowrap}.fst-header-badges{align-items:flex-end;display:flex;flex-direction:row;gap:.5rem}.fst-status-indicator{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.4rem .8rem}.fst-status-indicator.fst-active{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;color:#059669}.fst-status-indicator.fst-inactive{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:#dc2626}.fst-status-dot{animation:fst-pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:50%;height:6px;width:6px}.fst-status-indicator.fst-active .fst-status-dot{background:#059669}.fst-status-indicator.fst-inactive .fst-status-dot{background:#dc2626}.fst-primary-pill{align-items:center;background:linear-gradient(135deg,#ec4899,#be185d);border-radius:20px;box-shadow:0 4px 12px #ec48994d;color:#fff;display:flex;font-size:.7rem;font-weight:700;gap:.375rem;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.fst-primary-pill .material-symbols-rounded{font-size:14px}.fst-card-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.fst-section-path{align-items:center;color:var(--cs-text-muted);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;line-height:1.5}.fst-section-path .material-symbols-rounded{font-size:16px}.fst-info-grid{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.fst-meta-tag{align-items:center;border-radius:10px;display:flex;font-size:.7rem;font-weight:600;gap:.375rem;letter-spacing:.3px;padding:.4rem .75rem;white-space:nowrap}.fst-meta-tag.fst-type{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;color:#7c3aed}.fst-meta-tag.fst-year{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.fst-meta-tag .material-symbols-rounded{flex-shrink:0;font-size:14px}.fst-card-footer{align-items:center;background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-top:1px solid var(--cs-card-border);display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1.25rem}[data-theme=dark] .fst-card-footer{background:linear-gradient(135deg,#1f2937cc,#111827cc)}.fst-period{align-items:center;color:var(--cs-text-secondary);display:flex;font-size:.7rem;font-weight:600;gap:.5rem}.fst-period .material-symbols-rounded{flex-shrink:0;font-size:14px;opacity:.7}.fst-period-dates{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fst-actions{display:flex;gap:.5rem}.fst-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.fst-action-btn .material-symbols-rounded{font-size:16px}.fst-action-btn:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1) translateY(-2px)}.fst-action-btn.fst-info-btn{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.fst-assignments-container.fst-list{overflow:auto;padding:0}.fst-table{border-collapse:collapse;overflow:hidden;width:100%}.fst-table thead{background:var(--cs-card-bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.fst-table th{border-bottom:2px solid var(--cs-card-border);color:var(--cs-text-secondary);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;white-space:nowrap}.fst-table td{border-bottom:1px solid var(--cs-card-border);color:var(--cs-text-primary);font-size:.9rem;padding:1rem;vertical-align:middle}.fst-table tbody tr{transition:all .3s ease}.fst-table tbody tr:hover{background:var(--cs-form-input-bg)}.fst-table tbody tr.fst-inactive-row{filter:grayscale(20%);opacity:.6}.fst-table-section-cell{min-width:180px}.fst-table-section-name{color:var(--cs-text-primary);font-weight:600;margin-bottom:.25rem}.fst-table-section-path{color:var(--cs-text-muted);font-size:.75rem;font-style:italic}.fst-table-type-badge{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;border-radius:15px;color:#7c3aed;display:inline-block}.fst-table-status-badge,.fst-table-type-badge{font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.3rem .7rem}.fst-table-status-badge{align-items:center;border-radius:15px;display:inline-flex;gap:.375rem}.fst-table-status-badge.fst-active{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;color:#059669}.fst-table-status-badge.fst-inactive{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:#dc2626}.fst-table-period-cell{color:var(--cs-text-secondary);font-size:.8rem;white-space:nowrap}.fst-table-actions-cell{text-align:center}.fst-table-actions{display:flex;gap:.5rem;justify-content:center}.fst-table-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.fst-table-action-btn .material-symbols-rounded{font-size:18px}.fst-table-action-btn:hover{transform:scale(1.1)}.fst-table-action-btn.fst-view-btn{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.fst-table-action-btn.fst-view-btn:hover{box-shadow:0 4px 15px #3b82f64d}.fst-table-filter-select{-webkit-appearance:none;appearance:none;background:var(--cs-card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;border:1px solid var(--cs-card-border);border-radius:8px;color:var(--cs-text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;min-width:140px;outline:none;padding:.6rem 2rem .6rem .9rem;transition:all .3s ease}.fst-table-filter-select:hover{background-color:var(--cs-form-input-bg);border-color:var(--cs-form-input-focus-border)}.fst-table-filter-select:focus{background-color:var(--cs-form-input-focus-bg);border-color:var(--cs-form-input-focus-border);box-shadow:0 0 0 2px #3b82f61a}.fst-table-filter-select option{background:var(--cs-card-bg);color:var(--cs-text-primary);padding:.5rem}[data-theme=dark] .fst-table-filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239ca3af' d='M6 8 2 4h8z'/%3E%3C/svg%3E")}.fst-popup-overlay{align-items:center;animation:fst-fadeIn .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.fst-popup{animation:fst-slideInUp .4s cubic-bezier(.4,0,.2,1);background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:24px;box-shadow:0 25px 50px #0000004d,0 12px 30px #0003;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.fst-popup-large{max-width:900px!important;width:100%}.fst-popup-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f614,#6366f114);border-bottom:1px solid var(--cs-card-border);display:flex;justify-content:space-between;padding:1.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.fst-popup-title{align-items:center;display:flex;gap:1rem}.fst-popup-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:var(--cs-text-primary);font-size:1.5rem;font-weight:700;margin:0}.fst-popup-subject-id{background:linear-gradient(135deg,#3b82f626,#6366f126);border:1px solid #3b82f640;border-radius:12px;color:var(--cs-form-input-focus-border);font-family:SF Mono,Monaco,monospace;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem}.fst-popup-close-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#dc2626;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.fst-popup-close-btn:hover{background:#ef444433;transform:scale(1.05) rotate(90deg)}.fst-popup-close-btn .material-symbols-rounded{font-size:20px}.fst-popup-content{flex:1 1;overflow-y:auto;padding:2rem}.fst-popup-content::-webkit-scrollbar{width:8px}.fst-popup-content::-webkit-scrollbar-track{background:#0000}.fst-popup-content::-webkit-scrollbar-thumb{background:#3b82f64d;background:var(--cs-scrollbar-thumb,#3b82f64d);border-radius:4px}.fst-popup-section{background:var(--cs-form-input-bg);border:1px solid var(--cs-form-input-border);border-radius:16px;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.fst-popup-section:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #0000000d}.fst-popup-section:last-child{margin-bottom:0}.fst-popup-section-title{align-items:center;border-bottom:2px solid var(--cs-card-border);color:var(--cs-text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem}.fst-popup-section-title:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:2px;content:"";height:20px;width:4px}.fst-popup-status-row{margin-bottom:1rem}.fst-popup-badges{display:flex;flex-wrap:wrap;gap:.75rem}.fst-popup-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:700;gap:.5rem;letter-spacing:.5px;padding:.6rem 1.2rem}.fst-popup-badge.fst-active{background:linear-gradient(135deg,#22c55e26,#10b98126);border:1px solid #22c55e4d;color:#059669}.fst-popup-badge.fst-inactive{background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid #ef44444d;color:#dc2626}.fst-popup-badge.fst-assignment-type{background:linear-gradient(135deg,#a855f726,#9333ea26);border:1px solid #a855f74d;color:#7c3aed}.fst-popup-description{background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:12px;max-height:200px;overflow-y:auto;padding:1.5rem;transition:all .3s ease}.fst-popup-description::-webkit-scrollbar{width:6px}.fst-popup-description::-webkit-scrollbar-thumb{background-color:var(--cs-scrollbar-thumb);border-radius:3px}.fst-popup-description::-webkit-scrollbar-track{background:#0000}.fst-popup-description .rich-text-editor{background:#0000;border:none}.fst-popup-description .ql-editor{color:var(--cs-text-secondary);font-size:.95rem;line-height:1.6;padding:0}.fst-popup-details-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fst-popup-detail-item{background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.fst-popup-detail-item:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.fst-detail-label{color:var(--cs-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.5px}.fst-detail-value{color:var(--cs-text-primary);font-size:.95rem;font-weight:600;word-break:break-word}.fst-detail-value.fst-credits-highlight{color:#7c3aed;font-size:1.1rem;font-weight:700}.fst-detail-value.fst-category-tag,.fst-detail-value.fst-type-tag{border-radius:10px;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;width:-webkit-fit-content;width:fit-content}.fst-detail-value.fst-category-tag{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.fst-detail-value.fst-type-tag{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;color:#7c3aed}[data-theme=dark] .fst-subject-info .material-symbols-rounded{background:linear-gradient(135deg,#60a5fa26,#3b82f626);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .fst-status-indicator.fst-active{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .fst-status-indicator.fst-inactive{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef44444d;color:#f87171}[data-theme=dark] .fst-table-status-badge.fst-active{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .fst-table-status-badge.fst-inactive{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef44444d;color:#f87171}[data-theme=dark] .fst-credits-badge,[data-theme=dark] .fst-meta-tag.fst-type,[data-theme=dark] .fst-table-type-badge{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f74d;color:#a855f7}[data-theme=dark] .fst-section-label{background:linear-gradient(135deg,#60a5fa26,#818cf826);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .fst-popup-badge.fst-active{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e59;color:#4ade80}[data-theme=dark] .fst-popup-badge.fst-inactive{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444459;color:#f87171}[data-theme=dark] .fst-detail-value.fst-type-tag,[data-theme=dark] .fst-popup-badge.fst-assignment-type{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f759;color:#a855f7}[data-theme=dark] .fst-detail-value.fst-category-tag{background:linear-gradient(135deg,#60a5fa33,#3b82f633);border-color:#60a5fa59;color:#60a5fa}@keyframes fst-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fst-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fst-slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fst-fadeIn{0%{opacity:0}to{opacity:1}}.fst-spinning{animation:fst-spin 1s linear infinite}@media (max-width:1400px){.fst-assignments-container.fst-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1200px){.fst-assignments-container.fst-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.fst-container{max-width:100%;overflow-x:hidden;padding:0}.fst-subjects-container{padding:0}.fst-subject-group{overflow:hidden}.fst-filters-section,.fst-list-section{border-bottom:none!important;border-radius:12px;overflow:hidden;padding:.875rem}.fst-filters-grid{grid-template-columns:1fr}.fst-filters-header{flex-wrap:wrap;gap:.5rem}.fst-filters-header h4{font-size:1rem}.fst-clear-filters-btn,.fst-toggle-filters-btn{font-size:.82rem;padding:.5rem .625rem}.fst-btn-label{display:none!important}.fst-clear-filters-btn,.fst-refresh-btn,.fst-toggle-filters-btn{height:36px;justify-content:center;overflow:hidden;padding:0;width:36px}.fst-list-header{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:space-between}.fst-list-header h4{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fst-list-header>div{flex-shrink:0;gap:.375rem}.fst-subject-group-header{border-bottom:none!important;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:.75rem}.fst-subject-info{gap:.625rem;min-width:0;overflow:hidden}.fst-subject-info .material-symbols-rounded{flex-shrink:0;font-size:1.375rem;padding:.3rem}.fst-subject-details{min-width:0;overflow:hidden}.fst-subject-details h3{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fst-subject-code{font-size:.7rem;padding:.15rem .5rem}.fst-subject-meta{align-items:center;display:flex;flex-wrap:nowrap;gap:.375rem;overflow:hidden;width:100%}.fst-assignment-count,.fst-credits-badge{flex-shrink:0;font-size:.7rem;padding:.25rem .5rem;white-space:nowrap}.fst-subject-details-btn{flex-shrink:0;font-size:0;height:32px;justify-content:center;padding:0;width:32px}.fst-subject-details-btn .fst-btn-label{display:none!important}.fst-subject-details-btn .material-symbols-rounded{font-size:16px}.fst-subject-collapse-btn{flex-shrink:0;height:32px;width:32px}.fst-assignments-container{overflow:hidden;padding:.75rem}.fst-assignments-container.fst-grid{gap:.75rem;grid-template-columns:1fr}.fst-assignment-card{height:auto;min-height:0;min-height:auto}.fst-assignment-card:hover{transform:none}.fst-period{min-width:0;overflow:hidden}.fst-period-dates{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fst-assignments-container.fst-list{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0}.fst-table{min-width:580px}.fst-table td,.fst-table th{font-size:.78rem;padding:.5rem .625rem}.fst-table-filter-select{font-size:.75rem;min-width:100px;padding:.4rem 1.4rem .4rem .5rem}.fst-popup-overlay{align-items:flex-end;background:#0000008c;padding:0}.fst-popup{animation:fst-sheetUp .35s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0;margin:0;max-height:90vh;max-width:100%!important;width:100%}.fst-sheet-handle{background:#0003;border-radius:2px;height:4px;margin:0 auto .625rem;width:36px}[data-theme=dark] .fst-sheet-handle{background:#ffffff40}.fst-popup-header{align-items:flex-start;border-bottom:none!important;flex-direction:column;gap:.5rem;padding:1rem 1.25rem .75rem;position:relative}.fst-popup-header>button.fst-popup-close-btn{position:absolute;right:1rem;top:.875rem}.fst-popup-title{align-items:flex-start;flex-direction:column;gap:.375rem}.fst-popup-title h3{font-size:1.1rem}.fst-popup-content{padding:.875rem 1rem 1.5rem}.fst-popup-section{margin-bottom:.875rem;padding:.75rem}.fst-popup-section:hover{transform:none}.fst-popup-section-title{font-size:.9rem;margin-bottom:.75rem;padding-bottom:.5rem}.fst-popup-details-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.fst-popup-detail-item{padding:.5rem}.fst-popup-detail-item:hover{transform:none}.fst-detail-label{font-size:.68rem}.fst-detail-value{font-size:.82rem}}@keyframes fst-sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:480px){.fst-card-header{align-items:stretch;flex-direction:column;gap:.5rem}.fst-header-badges{flex-direction:row;justify-content:space-between}.fst-card-footer{align-items:stretch;flex-direction:column;gap:.5rem}.fst-actions{justify-content:center}.fst-popup-details-grid{grid-template-columns:1fr}.fst-assignment-count{display:none}}@media (prefers-reduced-motion:reduce){.fst-action-btn,.fst-assignment-card,.fst-status-dot,.fst-subject-group,.fst-table-action-btn{animation:none;transition:none}.fst-action-btn:hover,.fst-assignment-card:hover,.fst-table-action-btn:hover{transform:none}}@media print{.fst-actions,.fst-refresh-btn,.fst-table-actions,.fst-view-toggle{display:none!important}.fst-assignment-card,.fst-table{box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.fst-subject-details-btn{align-items:center;background:linear-gradient(135deg,#059669,#065f46);border:none;border-radius:12px;box-shadow:0 2px 8px #05966933;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.fst-subject-details-btn:hover{background:linear-gradient(135deg,#047857,#064e3b);box-shadow:0 4px 12px #0596694d;transform:translateY(-2px)}.fst-subject-details-btn .material-symbols-rounded{font-size:18px}[data-theme=dark] .fst-subject-details-btn{background:linear-gradient(135deg,#065f46,#047857);box-shadow:0 2px 8px #0f83;color:#f5f5f5}[data-theme=dark] .fst-subject-details-btn:hover{background:linear-gradient(135deg,#00cc6a,#00b359);box-shadow:0 4px 12px #00ff884d}:root{--fss-container-bg:#fffffff2;--fss-container-border:#e2e8f0cc;--fss-container-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;--fss-text-primary:#1e293b;--fss-text-secondary:#374151;--fss-text-muted:#6b7280;--fss-card-bg:#fff;--fss-card-border:#e2e8f0cc;--fss-card-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;--fss-card-hover-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;--fss-input-bg:#fffc;--fss-input-border:#e2e8f0cc;--fss-input-shadow:inset 0 2px 4px #0000000a;--fss-input-focus-border:#3b82f6;--fss-input-focus-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;--fss-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--fss-btn-primary-shadow:0 4px 12px #3b82f64d}[data-theme=dark]{--fss-container-bg:#1a1a1af2;--fss-container-border:#ffffff1a;--fss-container-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff0d;--fss-text-primary:#fff;--fss-text-secondary:#e5e7eb;--fss-text-muted:#9ca3af;--fss-card-bg:#1f2937cc;--fss-card-border:#4b55634d;--fss-card-shadow:0 2px 8px #0003,0 1px 4px #0000001a;--fss-card-hover-shadow:0 8px 25px #0000004d,0 4px 12px #3b82f61a;--fss-input-bg:#1f2937cc;--fss-input-border:#4b55634d;--fss-input-shadow:inset 0 2px 4px #0000001a;--fss-input-focus-border:#60a5fa;--fss-input-focus-shadow:0 0 0 3px #60a5fa33,0 4px 12px #60a5fa33;--fss-btn-primary-bg:linear-gradient(135deg,#60a5fa,#3b82f6);--fss-btn-primary-shadow:0 4px 12px #60a5fa4d}.fss-btn-label{display:inline}.faculty-subject-students-tab{font-family:inherit;padding:0;transition:all .3s ease}.fss-btn:hover:not(:disabled){box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--fss-card-shadow);transform:translateY(-1px)}.fss-btn:disabled{cursor:not-allowed;opacity:.5}.fss-filters-content{margin-top:1rem}.fss-filters-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.fss-filter-field{display:flex;flex-direction:column;gap:.5rem}.fss-filter-field label{cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s ease}.fss-page-btn:hover:not(:disabled):not(.active){background:#e2e8f0cc;background:var(--fss-card-border);border-color:#3b82f64d;color:#1e293b;color:var(--fss-text-primary);transform:translateY(-2px)}.fss-page-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--fss-btn-primary-bg);border-color:#0000;box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--fss-btn-primary-shadow);color:#fff}.fss-page-btn:disabled{cursor:not-allowed;opacity:.4}.fss-page-ellipsis{color:#6b7280;color:var(--fss-text-muted);font-weight:600;height:40px;min-width:40px}.fss-modal-overlay,.fss-page-ellipsis{align-items:center;display:flex;justify-content:center}.fss-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.fss-info-popup{animation:modal-in .3s cubic-bezier(.25,.46,.45,.94);background:#fffffff2;background:var(--fss-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fss-container-border);border-radius:16px;box-shadow:0 10px 30px #0003,0 4px 10px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.fss-modal-header{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--fss-card-border);display:flex;justify-content:space-between;padding:1.5rem}.fss-popup-title{display:flex;flex-direction:column;gap:.25rem}.fss-popup-title h3{color:#1e293b;color:var(--fss-text-primary);font-size:1.5rem;font-weight:700;margin:0}.fss-popup-id{color:#6b7280;color:var(--fss-text-muted);font-size:.9rem;font-weight:500}.fss-close-btn{align-items:center;background:#fff;background:var(--fss-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fss-card-border);border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.fss-close-btn:hover{background:#ef44441a;border-color:#ef4444}.fss-close-btn .material-symbols-rounded{color:#6b7280;color:var(--fss-text-muted);font-size:20px}.fss-modal-body{flex-grow:1;overflow-y:auto;padding:1.5rem}.fss-detail-section{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--fss-card-border);margin-bottom:1.5rem;padding-bottom:1.5rem}.fss-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.fss-detail-section h4{color:#374151;color:var(--fss-text-secondary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.fss-detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.fss-detail-item{display:flex;flex-direction:column}.fss-detail-item label{color:#6b7280;color:var(--fss-text-muted);font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.fss-detail-item p{color:#1e293b;color:var(--fss-text-primary);font-size:1rem;font-weight:600;margin:0}@media (max-width:768px){.faculty-subject-students-tab{overflow-x:hidden;padding:0}.fss-filters-section,.fss-list-section{border-radius:12px;overflow:hidden;padding:.875rem}.fss-filters-header{flex-wrap:wrap;gap:.5rem}.fss-filters-header h4{font-size:1rem}.fss-filters-grid{grid-template-columns:1fr}.fss-btn-label{display:none!important}.fss-btn{height:36px;justify-content:center;overflow:hidden;padding:0;width:36px}.fss-context-section{gap:.625rem;grid-template-columns:1fr}.fss-enrollment-card:hover,.fss-subject-card:hover{transform:none}.fss-info-grid{gap:.625rem;grid-template-columns:repeat(2,1fr)}.fss-info-item p{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fss-info-item label{font-size:.72rem}.fss-card-content{padding:.875rem}.fss-list-header{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.fss-list-header h4{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fss-grid{gap:.75rem;grid-template-columns:1fr}.fss-card{min-height:auto}.fss-card:hover{transform:none}.fss-card-body{padding:1rem .875rem}.fss-student-header h3{font-size:1rem}.fss-avatar{font-size:1.25rem;height:60px;width:60px}.fss-contact-line span:last-child{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fss-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.fss-table{min-width:600px}.fss-table td,.fss-table th{font-size:.8rem;padding:.5rem .75rem}.fss-student-item:hover{transform:none}.fss-student-meta,.fss-student-name{max-width:200px}.fss-pagination-wrapper{border-top:none!important;margin-top:1rem;padding-top:1rem}.fss-pagination{flex-wrap:wrap;gap:.25rem}.fss-page-btn{font-size:.8rem;height:36px;min-width:36px}.fss-attendance-dates{flex-direction:column;gap:.375rem}.fss-attendance-stats{gap:.5rem}.fss-modal-overlay{align-items:flex-end;background:#0000008c}.fss-info-popup{animation:fss-sheetUp .35s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0;margin:0;max-height:88vh;max-width:100%;width:100%}.fss-sheet-handle{background:#0003;border-radius:2px;height:4px;margin:0 auto .625rem;width:36px}[data-theme=dark] .fss-sheet-handle{background:#ffffff40}.fss-modal-header{align-items:flex-start;border-bottom:none!important;flex-direction:column;gap:.375rem;padding:1rem 1.25rem .75rem;position:relative}.fss-close-btn{position:absolute;right:1rem;top:.875rem}.fss-popup-title h3{font-size:1.1rem}.fss-modal-body{padding:.875rem 1rem 1.5rem}.fss-detail-section{margin-bottom:.875rem;padding-bottom:.875rem}.fss-detail-section h4{font-size:.9rem;margin-bottom:.625rem}.fss-detail-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.fss-detail-item p{font-size:.9rem}.fss-detail-item label{font-size:.72rem}}@keyframes fss-sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:480px){.fss-detail-grid,.fss-info-grid{grid-template-columns:1fr}.fss-card-body{padding:.875rem .75rem}.fss-avatar{font-size:1.1rem;height:52px;width:52px}.fss-card .fss-card-header{padding:.75rem .75rem 0}.fss-card-footer{padding:.5rem .75rem}.fss-page-btn{font-size:.75rem;height:32px;min-width:32px}.fss-context-section{gap:.5rem}}.fss-filters-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--fss-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fss-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--fss-container-shadow);margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.fss-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.fss-filters-header h4{color:#1e293b;color:var(--fss-text-primary);font-size:1.25rem;font-weight:600;margin:0}.fss-filters-actions{align-items:center;display:flex;gap:1rem}.fss-btn{background:#fff;background:var(--fss-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fss-card-border);border-radius:12px;color:#374151;color:var(--fss-text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;transition:all .3s}.fss-btn,.fss-search-box{align-items:center;display:flex;padding:.75rem 1rem}.fss-search-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;background:var(--fss-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--fss-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--fss-input-shadow);gap:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.fss-search-box .material-symbols-rounded{color:#6b7280;color:var(--fss-text-muted);font-size:20px}.fss-search-box:focus-within{border-color:#3b82f6;border-color:var(--fss-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--fss-input-focus-shadow);transform:translateY(-1px)}.fss-clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--fss-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.fss-clear-search:hover{background:#ef44441a;color:#ef4444}.fss-clear-search .material-symbols-rounded{font-size:18px}.fss-input,.fss-input-search{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;background:var(--fss-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--fss-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--fss-input-shadow);color:#1e293b;color:var(--fss-text-primary);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.fss-input-search{background:#0000;border:none;box-shadow:none;flex:1 1;padding:0}.fss-input:focus{border-color:#3b82f6;border-color:var(--fss-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--fss-input-focus-shadow);transform:translateY(-1px)}.fss-input-search:disabled,.fss-input:disabled{cursor:not-allowed;opacity:.5}.fss-context-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.fss-view-toggle{display:flex;flex-direction:row}.fss-enrollment-card,.fss-subject-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f614,#93c5fd0d);border:1px solid #3b82f633;border-radius:12px;box-shadow:0 4px 20px #3b82f61a,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.fss-subject-card{background:linear-gradient(135deg,#a855f714,#d946ef0d);border:1px solid #a855f733;box-shadow:0 4px 20px #a855f71a,inset 0 1px 0 #ffffff1a}[data-theme=dark] .fss-enrollment-card{background:linear-gradient(135deg,#3b82f626,#2563eb14);border:1px solid #3b82f64d;box-shadow:0 4px 20px #3b82f626,inset 0 1px 0 #60a5fa1a}[data-theme=dark] .fss-subject-card{background:linear-gradient(135deg,#a855f726,#9333ea14);border:1px solid #a855f74d;box-shadow:0 4px 20px #a855f726,inset 0 1px 0 #c084fc1a}.fss-enrollment-card:hover,.fss-subject-card:hover{box-shadow:0 8px 30px #3b82f633,inset 0 1px 0 #fff3;transform:translateY(-2px)}.fss-subject-card:hover{box-shadow:0 8px 30px #a855f733,inset 0 1px 0 #fff3}.fss-enrollment-card.minimized,.fss-subject-card.minimized{max-height:50px;padding:0}.fss-card-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.5rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.fss-enrollment-card .fss-card-header{background:linear-gradient(90deg,#3b82f61a,#0000)}.fss-subject-card .fss-card-header{background:linear-gradient(90deg,#a855f71a,#0000)}.fss-card-header:hover{background:#ffffff14}.fss-card-header-content{align-items:center;display:flex;gap:.75rem}.fss-card-icon{color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));font-size:28px}.fss-subject-card .fss-card-icon{color:#a855f7;filter:drop-shadow(0 2px 4px rgba(168,85,247,.3))}[data-theme=dark] .fss-card-icon{color:#60a5fa}[data-theme=dark] .fss-subject-card .fss-card-icon{color:#c084fc}.fss-card-header h3{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;margin:0}.fss-card-header h3,.fss-minimize-btn{color:#1e293b;color:var(--fss-text-primary)}.fss-minimize-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.fss-minimize-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.fss-minimize-btn .material-symbols-rounded{font-size:20px}.fss-card-content{animation:slideDown .3s ease;overflow:hidden;padding:1.5rem;transition:all .3s ease}.minimized .fss-card-content{max-height:0;opacity:0;padding:0}.fss-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fss-info-item{display:flex;flex-direction:column;gap:.25rem}.fss-info-item.fss-full-width{grid-column:1/-1}.fss-info-item label{color:#6b7280;color:var(--fss-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.8px}.fss-info-item p{color:#1e293b;color:var(--fss-text-primary);font-size:.9rem;font-weight:600;line-height:1.4;margin:0}.fss-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text;font-size:1.1rem;font-weight:800}.fss-list-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--fss-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fss-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--fss-container-shadow);padding:1.5rem}.fss-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.fss-list-header h4{color:#1e293b;color:var(--fss-text-primary);font-size:1.25rem;font-weight:600;margin:0}.fss-page-info{font-size:.85rem}.fss-toggle-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;color:var(--fss-text-muted);cursor:pointer;display:flex;font-family:inherit;height:40px;justify-content:center;transition:all .3s ease;width:40px}.fss-toggle-btn:hover{background:#e2e8f0cc;background:var(--fss-card-border);color:#1e293b;color:var(--fss-text-primary)}.fss-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--fss-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--fss-btn-primary-shadow);color:#fff}.fss-empty-state,.fss-loading-state{align-items:center;color:#6b7280;color:var(--fss-text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.fss-empty-state .material-symbols-rounded,.fss-loading-state .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.6}.fss-empty-state h3{color:#1e293b;color:var(--fss-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.fss-empty-state p{font-size:1rem;line-height:1.5;margin:0}.fss-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:.5rem 0}.fss-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--fss-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fss-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--fss-card-shadow);cursor:pointer;display:flex;flex-direction:column;min-height:280px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.fss-card:hover{border-color:#3b82f64d;box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--fss-card-hover-shadow);transform:translateY(-8px) scale(1.02)}.fss-card .fss-card-header{border:none;margin:0;padding:1rem 1rem 0}.fss-student-id{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f633;border-radius:12px;color:#1d4ed8;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}[data-theme=dark] .fss-student-id{background:linear-gradient(135deg,#60a5fa26,#818cf826);border-color:#60a5fa4d;color:#60a5fa}.fss-card-body{flex:1 1;justify-content:center;padding:1.5rem 1rem;text-align:center}.fss-card-body,.fss-student-header{align-items:center;display:flex;flex-direction:column;gap:.75rem}.fss-student-header{margin-bottom:.5rem}.fss-student-header h3{color:#1e293b;color:var(--fss-text-primary);font-size:1.25rem;font-weight:700;line-height:1.4;margin:.5rem 0 0}.fss-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:3px solid #fff;border:3px solid var(--fss-card-bg);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:72px;justify-content:center;position:relative;text-transform:uppercase;width:72px}.fss-avatar.small{border:2px solid #fff;border:2px solid var(--fss-card-bg);font-size:.9rem;height:40px;width:40px}[data-theme=dark] .fss-avatar{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.fss-gender{align-items:center;background:#fff;background:var(--fss-card-bg);border:2px solid #fff;border:2px solid var(--fss-card-bg);border-radius:50%;bottom:0;box-shadow:0 2px 8px #00000026;display:flex;height:28px;justify-content:center;position:absolute;right:0;width:28px}.fss-gender .material-symbols-rounded{font-size:16px}.fss-contact{display:block;font-size:.9rem;line-height:1.4;text-align:center}.fss-contact,.fss-contact-line{color:#6b7280;color:var(--fss-text-muted)}.fss-contact-line{align-items:center;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;line-height:1.6}.fss-contact-line .material-symbols-rounded{font-size:16px;opacity:.7}.fss-card-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-top:1px solid #e2e8f0cc;border-top:1px solid var(--fss-card-border);display:flex;gap:.75rem;justify-content:center;padding:.75rem 1rem}[data-theme=dark] .fss-card-footer{background:linear-gradient(135deg,#1f2937cc,#111827cc)}.fss-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.fss-action-btn.info{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.fss-action-btn.info:hover{box-shadow:0 4px 15px #3b82f64d;transform:translateY(-2px)}.fss-action-btn.small{height:36px;padding:0;width:36px}.fss-action-btn.small .material-symbols-rounded{font-size:18px}.fss-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--fss-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fss-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--fss-card-shadow);overflow-x:auto}.fss-table{border-collapse:collapse;min-width:800px;width:100%}.fss-table thead tr{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--fss-card-border)}.fss-table th{background:#f8fafccc;color:#6b7280;color:var(--fss-text-muted);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}[data-theme=dark] .fss-table th{background:#1f2937cc}.fss-table tbody tr{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--fss-card-border);cursor:pointer;transition:background-color .3s ease}.fss-table tbody tr:hover{background:#3b82f60d}[data-theme=dark] .fss-table tbody tr:hover{background:#60a5fa0d}.fss-table td{color:#1e293b;color:var(--fss-text-primary);font-size:.95rem;font-weight:500;padding:1rem 1.5rem}.fss-table-student-cell{align-items:center;display:flex;gap:.75rem}.fss-name{color:#1e293b;color:var(--fss-text-primary);font-weight:600;line-height:1.2}.fss-meta{color:#6b7280;color:var(--fss-text-muted);font-size:.8rem}.fss-actions-table{display:flex;gap:.5rem}.fss-list-view{display:flex;flex-direction:column;gap:.75rem}.fss-student-item{align-items:center;background:#fff;background:var(--fss-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fss-card-border);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--fss-card-shadow);cursor:pointer;display:flex;padding:.75rem 1rem;transition:all .3s ease}.fss-student-item:hover{background:#3b82f60d;border-color:#3b82f680;transform:translateX(4px)}[data-theme=dark] .fss-student-item:hover{background:#60a5fa0d;border-color:#60a5fa80}.fss-student-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;justify-content:center;margin-right:1rem;text-transform:uppercase;width:40px}.fss-student-info{flex-grow:1;min-width:0}.fss-student-name{color:#1e293b;color:var(--fss-text-primary);font-weight:600}.fss-student-meta,.fss-student-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fss-student-meta{color:#6b7280;color:var(--fss-text-muted);font-size:.8rem}.fss-pagination-wrapper{align-items:center;border-top:1px solid #e2e8f0cc;border-top:1px solid var(--fss-card-border);display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem}.fss-page-info{color:#6b7280;color:var(--fss-text-muted);font-size:.9rem;font-weight:500;margin:0;text-align:center}.fss-pagination{gap:.5rem}.fss-page-btn,.fss-pagination{align-items:center;display:flex;justify-content:center}.fss-page-btn{background:#fff;background:var(--fss-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fss-card-border);border-radius:10px;color:#374151;color:var(--fss-text-secondary);font-size:.9rem;font-weight:600;height:40px;min-width:40px;padding:0 .75rem}.fss-attendance-section{margin-top:.75rem;width:100%}.fss-attendance-stats{background:linear-gradient(135deg,#3b82f60d,#93c5fd08);border-radius:8px;display:flex;gap:.75rem;justify-content:space-around;margin-bottom:.5rem;padding:.5rem}[data-theme=dark] .fss-attendance-stats{background:linear-gradient(135deg,#3b82f61a,#2563eb0d)}.fss-attendance-stat{align-items:center;display:flex;gap:.4rem}.fss-attendance-stat .material-symbols-rounded{color:#3b82f6;font-size:16px}[data-theme=dark] .fss-attendance-stat .material-symbols-rounded{color:#60a5fa}.fss-attendance-stat>div{display:flex;flex-direction:column;gap:.1rem}.fss-stat-value{color:#1e293b;color:var(--fss-text-primary);font-size:.85rem;font-weight:700;line-height:1}.fss-stat-value.fss-good{color:#059669;text-shadow:0 0 10px #0596694d}.fss-stat-value.fss-average{color:#f59e0b;text-shadow:0 0 10px #f59e0b4d}.fss-stat-value.fss-low{color:#dc2626;text-shadow:0 0 10px #dc26264d}[data-theme=dark] .fss-stat-value.fss-good{color:#10b981}[data-theme=dark] .fss-stat-value.fss-average{color:#fbbf24}[data-theme=dark] .fss-stat-value.fss-low{color:#ef4444}.fss-stat-label{color:#6b7280;color:var(--fss-text-muted);font-size:.6rem;font-weight:500;letter-spacing:.3px;line-height:1;text-transform:uppercase}.fss-attendance-dates{display:flex;gap:.5rem}.fss-attendance-date-item{align-items:center;background:linear-gradient(135deg,#a855f70d,#d946ef08);border:1px solid #a855f726;border-radius:6px;display:flex;flex:1 1;gap:.4rem;padding:.4rem .5rem}.fss-attendance-date-item:first-child{background:linear-gradient(135deg,#22c55e0d,#10b98108);border-color:#22c55e26}.fss-attendance-date-item:first-child .material-symbols-rounded{color:#22c55e}.fss-attendance-date-item:last-child .material-symbols-rounded{color:#a855f7}[data-theme=dark] .fss-attendance-date-item{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border-color:#a855f740}[data-theme=dark] .fss-attendance-date-item:first-child{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-color:#22c55e40}[data-theme=dark] .fss-attendance-date-item:first-child .material-symbols-rounded{color:#4ade80}[data-theme=dark] .fss-attendance-date-item:last-child .material-symbols-rounded{color:#c084fc}.fss-attendance-date-item .material-symbols-rounded{flex-shrink:0;font-size:14px}.fss-attendance-date-item>div{display:flex;flex-direction:column;gap:.1rem;min-width:0}.fss-date-label{color:#6b7280;color:var(--fss-text-muted);font-size:.55rem;font-weight:600;letter-spacing:.3px;line-height:1;text-transform:uppercase}.fss-date-value{color:#1e293b;color:var(--fss-text-primary);font-size:.7rem;font-weight:600;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--fad-container-bg:#fffffff2;--fad-container-border:#e2e8f0cc;--fad-container-shadow:0 4px 12px #0000000d;--fad-text-primary:#1e293b;--fad-text-secondary:#374151;--fad-text-muted:#6b7280;--fad-text-light:#9ca3af;--fad-card-bg:#fff;--fad-card-border:#e2e8f0cc;--fad-card-shadow:0 2px 8px #0000000f;--fad-input-bg:#fffc;--fad-break-bg:linear-gradient(135deg,#a855f714,#9333ea0d);--fad-break-border:#a855f733;--fad-break-text:#7c3aed;--fad-available-bg:#ecfdf5;--fad-available-text:#059669;--fad-available-border:#0596694d;--fad-booked-bg:#fef2f2;--fad-booked-text:#dc2626;--fad-booked-border:#dc26264d}[data-theme=dark]{--fad-container-bg:#1a1a1af2;--fad-container-border:#ffffff1a;--fad-container-shadow:0 4px 12px #0000004d;--fad-text-primary:#fff;--fad-text-secondary:#e5e7eb;--fad-text-muted:#9ca3af;--fad-text-light:#6b7280;--fad-card-bg:#1f2937cc;--fad-card-border:#4b55634d;--fad-card-shadow:0 2px 8px #0003;--fad-input-bg:#1f2937cc;--fad-break-bg:linear-gradient(135deg,#c084fc26,#a855f71a);--fad-break-border:#c084fc4d;--fad-break-text:#c084fc;--fad-available-bg:#064e3b80;--fad-available-text:#6ee7b7;--fad-available-border:#6ee7b74d;--fad-booked-bg:#7f1d1d80;--fad-booked-text:#fca5a5;--fad-booked-border:#fca5a54d}.faculty-availability-display{padding:0}.fad-header-section{background:#fffffff2;background:var(--fad-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fad-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--fad-container-shadow);margin-bottom:1rem;padding:1.5rem}.fad-header-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.fad-header-info h3{align-items:center;color:#1e293b;color:var(--fad-text-primary);display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.fad-header-info h3 .material-symbols-rounded{color:#3b82f6;font-size:1.5rem}.fad-header-info p{color:#6b7280;color:var(--fad-text-muted);font-size:.95rem;margin:0}.fad-download-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.fad-download-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.fad-branch-schedule-card{background:#fff;background:var(--fad-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fad-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--fad-card-shadow);margin-bottom:1rem;padding:1.5rem}.fad-card-header{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--fad-card-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.fad-card-header .material-symbols-rounded{color:#3b82f6;font-size:1.3rem}.fad-card-header h4{color:#1e293b;color:var(--fad-text-primary);font-size:1.1rem;font-weight:600;margin:0}.fad-schedule-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fad-schedule-stat{align-items:center;background:#fffc;background:var(--fad-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fad-card-border);border-radius:12px;display:flex;gap:.75rem;padding:1rem}.fad-schedule-stat .material-symbols-rounded{color:#3b82f6;font-size:1.8rem}.fad-stat-label{color:#6b7280;color:var(--fad-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.fad-stat-value{color:#1e293b;color:var(--fad-text-primary);font-size:1.1rem;font-weight:700}.fad-loading-state{align-items:center;color:#6b7280;color:var(--fad-text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.fad-loading-state .material-symbols-rounded{animation:spin 1s linear infinite;font-size:3rem;margin-bottom:1rem;opacity:.6}.fad-timetable-display{background:#fff;background:var(--fad-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--fad-card-border);border-radius:12px;box-shadow:0 10px 40px #00000014;margin-bottom:2rem;padding:1rem}.fad-timetable-display-header{align-items:flex-start;border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--fad-card-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.fad-timetable-display-title h3{align-items:center;color:#1e293b;color:var(--fad-text-primary);display:flex;font-size:1.5rem;font-weight:800;gap:.75rem;margin:0 0 .75rem}.fad-timetable-display-title h3 .material-symbols-rounded{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2rem}.fad-timetable-period{align-items:center;color:#6b7280;color:var(--fad-text-muted);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin:0}.fad-timetable-period .material-symbols-rounded{color:#3b82f6;font-size:1.2rem}.fad-view-toggle{background:#fffc;background:var(--fad-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fad-card-border);border-radius:12px;display:flex;gap:.5rem;padding:.375rem}.fad-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--fad-text-muted);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .3s ease;white-space:nowrap}.fad-toggle-btn .material-symbols-rounded{font-size:1.2rem}.fad-toggle-btn:hover{background:#3b82f61a;color:#1e293b;color:var(--fad-text-primary)}.fad-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.fad-day-navigator{background:linear-gradient(135deg,#fff,#fffc);background:linear-gradient(135deg,var(--fad-card-bg),var(--fad-input-bg));border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--fad-card-border);gap:1rem;margin:-1rem -1rem 0;padding:1.5rem}.fad-day-nav-btn,.fad-day-navigator{align-items:center;display:flex;justify-content:center}.fad-day-nav-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;flex-shrink:0;height:48px;transition:all .3s ease;width:48px}.fad-day-nav-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.fad-day-nav-btn .material-symbols-rounded{font-size:1.8rem}.fad-day-name{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb14);border:2px solid #3b82f64d;border-radius:12px;color:#1e293b;color:var(--fad-text-primary);display:flex;flex:1 1;font-size:1rem;font-weight:800;gap:.5rem;justify-content:center;letter-spacing:1px;max-width:400px;padding:.75rem 1.5rem}.fad-day-name .material-symbols-rounded{color:#3b82f6;font-size:1.5rem}.fad-today-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:6px;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.fad-schedule-container{margin-top:1rem}.fad-day-view-list{display:flex;flex-direction:column;gap:1rem}.fad-session-card{background:#fff;background:var(--fad-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--fad-card-border);border-radius:12px;padding:1rem;transition:all .3s ease}.fad-session-card.fad-session-available{background:#ecfdf5;background:var(--fad-available-bg);border-left:4px solid #0596694d;border-left:4px solid var(--fad-available-border)}.fad-session-card.fad-session-booked{background:#fef2f2;background:var(--fad-booked-bg);border-left:4px solid #dc26264d;border-left:4px solid var(--fad-booked-border)}.fad-session-card.fad-today-session{box-shadow:0 0 0 2px #22c55e4d}.fad-session-card-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.fad-session-info{display:flex;flex-direction:column;gap:.25rem}.fad-session-number{color:#1e293b;color:var(--fad-text-primary);font-size:1rem;font-weight:800}.fad-session-time{color:#6b7280;color:var(--fad-text-muted);font-size:.85rem;font-weight:600}.fad-session-status{align-items:center;border-radius:8px;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;padding:.5rem .875rem;white-space:nowrap}.fad-session-status.available{background:#05966926;color:#059669;color:var(--fad-available-text)}.fad-session-status.booked{background:#dc262626;color:#dc2626;color:var(--fad-booked-text)}.fad-session-status .material-symbols-rounded{font-size:1.2rem}.fad-booking-card-mobile{border-top:1px solid #e2e8f0cc;border-top:1px solid var(--fad-card-border);display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem}.fad-booking-card-row{align-items:center;background:#fff9;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.fad-booking-card-row:hover{background:#ffffffe6;transform:translateX(4px)}.fad-booking-card-row.fad-room-row{background:#06b6d41a;border:1px solid #06b6d44d}.fad-booking-icon{color:#3b82f6;flex-shrink:0;font-size:1.3rem}.fad-booking-card-row.fad-room-row .fad-booking-icon{color:#06b6d4}.fad-booking-text{word-wrap:break-word;color:#1e293b;color:var(--fad-text-primary);font-size:.9rem;font-weight:600;line-height:1.4;overflow-wrap:break-word}.fad-break-card{align-items:center;background:linear-gradient(135deg,#a855f714,#9333ea0d);background:var(--fad-break-bg);border:2px solid #a855f733;border:2px solid var(--fad-break-border);border-radius:12px;color:#7c3aed;color:var(--fad-break-text);display:flex;font-weight:700;gap:.75rem;justify-content:center;padding:1rem}.fad-break-card .material-symbols-rounded{font-size:1.5rem}.fad-break-label{font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.fad-break-time{font-size:.85rem;opacity:.8}.fad-non-working-day-notice{align-items:center;background:#fffc;background:var(--fad-input-bg);border:2px dashed #e2e8f0cc;border:2px dashed var(--fad-card-border);border-radius:12px;color:#6b7280;color:var(--fad-text-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.fad-non-working-day-notice .material-symbols-rounded{font-size:4rem;margin-bottom:1rem;opacity:.5}.fad-non-working-day-notice p{font-size:1rem;font-weight:600;margin:0}.fad-week-calendar{background:#fffc;background:var(--fad-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--fad-card-border);border-radius:12px;overflow-x:auto}.fad-calendar-table{border-collapse:collapse;min-width:900px;table-layout:fixed;width:100%}.fad-toggle-text{display:inline}.fad-calendar-header-cell.fad-session-header{width:220px}.fad-calendar-header-cell.fad-day-header{font-size:.85rem;padding:1rem .5rem}.fad-calendar-slot-cell{height:120px;padding:.75rem;width:calc(14.28571% - 31.42857px)}.fad-calendar-slot-cell.fad-available{border-left:3px solid #0596694d;border-left:3px solid var(--fad-available-border);cursor:pointer}.fad-calendar-slot-cell.fad-available:hover{box-shadow:0 8px 24px #05966933;transform:scale(1.02);z-index:2}.fad-available-content{align-items:center;background:linear-gradient(135deg,#0596690d,#04785708);border:1px solid #05966926;border-radius:12px;color:#059669;color:var(--fad-available-text);display:flex;flex-direction:column;gap:.4rem;height:100%;justify-content:center;min-height:90px;padding:.6rem;transition:all .3s ease}.fad-available-content:hover{background:linear-gradient(135deg,#0596691a,#04785714);border-color:#0596694d}.fad-available-content .material-symbols-rounded{font-size:2rem}.fad-available-text{font-size:.875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.fad-calendar-slot-cell.fad-booked{border-left:3px solid #dc26264d;border-left:3px solid var(--fad-booked-border);cursor:default}.fad-calendar-slot-cell.fad-booked:hover{box-shadow:0 8px 24px #dc262633;transform:scale(1.02);z-index:2}.fad-booking-card{background:linear-gradient(135deg,#dc26260d,#b91c1c08);border:1px solid #dc262626;border-radius:12px;display:flex;flex-direction:column;gap:.4rem;height:100%;min-height:90px;padding:.6rem;transition:all .3s ease}.fad-booking-card:hover{background:linear-gradient(135deg,#dc26261a,#b91c1c14);border-color:#dc26264d}.fad-booking-enrollment{align-items:center;background:#ffffff80;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;position:relative;transition:all .3s ease}.fad-booking-enrollment:hover{background:#fffc;transform:translateX(4px)}.fad-booking-enrollment .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:1rem}.fad-enrollment-name{color:#1e293b;color:var(--fad-text-primary);font-size:.85rem;font-weight:700;line-height:1.3;overflow-wrap:break-word;word-break:break-word}.fad-booking-subject{align-items:center;background:#ffffff80;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;position:relative;transition:all .3s ease}.fad-booking-subject:hover{background:#fffc;transform:translateX(4px)}.fad-booking-subject .material-symbols-rounded{color:#8b5cf6;flex-shrink:0;font-size:1rem}.fad-subject-name{color:#1e293b;color:var(--fad-text-primary);font-size:.8rem;font-weight:700;overflow-wrap:break-word;word-break:break-word}.fad-booking-room{align-items:center;background:#06b6d41a;border:1.5px solid #06b6d44d;border-radius:8px;color:#06b6d4;display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease}.fad-booking-room:hover{background:#06b6d426;transform:translateX(4px)}.fad-booking-room .material-symbols-rounded{flex-shrink:0;font-size:1rem}.fad-room-text{font-size:.8rem;font-weight:700;word-break:break-word}.fad-info-popup{background:#fff;background:var(--fad-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--fad-card-border);border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:350px;min-width:280px;padding:1rem;pointer-events:auto;position:fixed;z-index:999999}.fad-info-popup-header{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--fad-card-border);display:flex;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.fad-info-popup-header .material-symbols-rounded{color:#3b82f6;font-size:1.2rem}.fad-info-popup-header h4{color:#1e293b;color:var(--fad-text-primary);font-size:.95rem;font-weight:600;margin:0}.fad-info-popup-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.fad-info-popup-field{display:flex;flex-direction:column;gap:.25rem}.fad-info-popup-field-label{color:#6b7280;color:var(--fad-text-muted);font-size:.75rem;font-weight:500}.fad-info-popup-field-value{background:#fffc;background:var(--fad-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fad-card-border);border-radius:6px;color:#1e293b;color:var(--fad-text-primary);font-size:.85rem;font-weight:500;padding:.35rem .5rem;word-break:break-word}.fad-info-popup.subject-popup .fad-info-popup-header .material-symbols-rounded{color:#8b5cf6}.fad-holiday-indicator{color:#9ca3af;color:var(--fad-text-light);font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.fad-calendar-header-cell{background:linear-gradient(135deg,#fff,#fffc);background:linear-gradient(135deg,var(--fad-card-bg),var(--fad-input-bg));border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--fad-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--fad-card-border);color:#374151;color:var(--fad-text-secondary);font-size:.85rem;font-weight:800;letter-spacing:1px;padding:1rem;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:10}.fad-calendar-header-cell:last-child{border-right:none}.fad-calendar-header-cell.fad-session-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;left:0;position:-webkit-sticky;position:sticky;text-align:left;width:180px;z-index:11}.fad-day-header-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.fad-day-name-short{font-size:.8rem}.fad-today-indicator{background:#22c55e33;border-radius:4px;color:#059669;font-size:.65rem;font-weight:800;padding:.15rem .4rem;text-transform:uppercase}.fad-calendar-header-cell.fad-today-header{background:linear-gradient(135deg,#22c55e26,#10b9811a);border:2px solid #22c55e66;color:#059669}.fad-calendar-header-cell.fad-non-working-day{background:linear-gradient(135deg,#9ca3af1a,#6b72800d);color:#9ca3af;color:var(--fad-text-light);opacity:.6;width:150px}.fad-calendar-session-cell{background:linear-gradient(135deg,#fffc,#fff);background:linear-gradient(135deg,var(--fad-input-bg),var(--fad-card-bg));border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--fad-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--fad-card-border);font-weight:700;left:0;padding:.75rem;position:-webkit-sticky;position:sticky;vertical-align:middle;width:220px;z-index:5}.fad-session-label{color:#1e293b;color:var(--fad-text-primary);display:block;font-size:.9rem;font-weight:800;margin-bottom:.25rem}.fad-session-time-label{color:#6b7280;color:var(--fad-text-muted);display:block;font-size:.7rem;font-weight:600}.fad-calendar-slot-cell{background:#fff;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--fad-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--fad-card-border);padding:1rem;text-align:center;transition:all .3s ease;vertical-align:middle}.fad-calendar-slot-cell:last-child{border-right:none}.fad-calendar-slot-cell.fad-available{background:#ecfdf5;background:var(--fad-available-bg);color:#059669;color:var(--fad-available-text)}.fad-calendar-slot-cell.fad-available .material-symbols-rounded{font-size:2rem}.fad-calendar-slot-cell.fad-booked{background:#fef2f2;background:var(--fad-booked-bg);color:#dc2626;color:var(--fad-booked-text)}.fad-booking-indicator{align-items:center;display:flex;flex-direction:column;gap:.25rem}.fad-booking-indicator .material-symbols-rounded{font-size:1.8rem}.fad-booking-label{font-size:.75rem;font-weight:700;text-transform:uppercase}.fad-calendar-slot-cell.fad-non-working-slot{background:linear-gradient(135deg,#9ca3af0d,#6b728008);opacity:.4}.fad-calendar-slot-cell.fad-non-working-slot .material-symbols-rounded{color:#9ca3af;color:var(--fad-text-light);font-size:1.5rem}.fad-calendar-slot-cell.fad-today-slot{box-shadow:inset 0 0 0 2px #22c55e66}.fad-break-row{background:linear-gradient(135deg,#a855f714,#9333ea0d);background:var(--fad-break-bg)}.fad-break-cell{border-bottom:2px solid #a855f733;border-bottom:2px solid var(--fad-break-border);border-right:1px solid #a855f733;border-right:1px solid var(--fad-break-border);color:#7c3aed;color:var(--fad-break-text);font-weight:700;height:45px;padding:.5rem;text-align:center;vertical-align:middle}.fad-break-cell:last-child{border-right:none}.fad-break-cell.fad-break-cell-fixed{align-items:center;background:linear-gradient(135deg,#a855f714,#9333ea0d);background:var(--fad-break-bg);display:flex;gap:.5rem;justify-content:center;left:0;position:-webkit-sticky;position:sticky;width:220px;z-index:5}.fad-break-text-mobile{font-size:.8rem;text-transform:uppercase}.fad-break-cell .material-symbols-rounded{font-size:1.2rem}[data-theme=dark] .fad-calendar-header-cell.fad-session-header,[data-theme=dark] .fad-download-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6)}[data-theme=dark] .fad-calendar-slot-cell{background:#fff;background:var(--fad-card-bg)}[data-theme=dark] .fad-booking-card-row{background:#1f293799}[data-theme=dark] .fad-booking-card-row:hover{background:#1f2937e6}[data-theme=dark] .fad-day-nav-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6)}[data-theme=dark] .fad-day-name{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border-color:#60a5fa4d}[data-theme=dark] .fad-calendar-header-cell.fad-today-header{background:linear-gradient(135deg,#22c55e33,#10b98126);border-color:#22c55e80;color:#4ade80}@media (max-width:768px){.fad-branch-schedule-card,.fad-header-section,.fad-timetable-display{border-radius:12px;padding:1.25rem}.fad-header-content{flex-direction:column;gap:1rem}.fad-download-btn{justify-content:center;width:100%}.fad-schedule-info{grid-template-columns:1fr}.fad-timetable-display-header{flex-direction:column;gap:1rem}.fad-view-toggle{width:100%}.fad-toggle-btn{flex:1 1;justify-content:center}.fad-toggle-btn:disabled:after{content:" (Desktop only)";font-size:.7rem;font-weight:400;margin-left:.25rem;opacity:.7}.fad-day-navigator{gap:.75rem;padding:1rem}.fad-day-nav-btn{height:44px;width:44px}.fad-day-name{font-size:.9rem;padding:.625rem 1rem}.fad-calendar-table{min-width:600px}.fad-break-cell.fad-break-cell-fixed,.fad-calendar-header-cell.fad-session-header,.fad-calendar-session-cell{padding:.625rem .5rem;width:140px}.fad-calendar-slot-cell{width:calc(14.28571% - 20px)}.fad-session-label{font-size:.8rem}.fad-session-time-label{font-size:.65rem}.fad-break-cell{height:40px;padding:.4rem}}@media (max-width:480px){.fad-branch-schedule-card,.fad-header-section,.fad-timetable-display{border-radius:10px;padding:1rem}.fad-header-info h3{font-size:1.1rem}.fad-header-info p{font-size:.85rem}.fad-timetable-display-title h3{font-size:1.2rem}.fad-toggle-btn{font-size:.8rem;padding:.5rem .75rem}.fad-toggle-btn:disabled:after{content:""}.fad-day-navigator{gap:.5rem;padding:.875rem}.fad-day-nav-btn{height:40px;width:40px}.fad-day-name{font-size:.85rem;gap:.4rem;padding:.5rem .75rem}.fad-session-card{padding:.875rem}.fad-session-number{font-size:.9rem}.fad-session-time{font-size:.8rem}.fad-booking-card-mobile{gap:.625rem}.fad-booking-card-row{gap:.625rem;padding:.625rem}.fad-booking-icon{font-size:1.1rem}.fad-booking-text{font-size:.85rem}.fad-calendar-table{min-width:500px}.fad-break-cell.fad-break-cell-fixed,.fad-calendar-header-cell.fad-session-header,.fad-calendar-session-cell{padding:.5rem .4rem;width:110px}.fad-calendar-slot-cell{width:calc(14.28571% - 15.71429px)}.fad-calendar-header-cell{font-size:.7rem;padding:.75rem .4rem}.fad-session-label{font-size:.75rem}.fad-session-time-label{font-size:.6rem}.fad-break-cell{height:35px;padding:.3rem}.fad-break-cell .material-symbols-rounded{font-size:1rem}.fad-booking-indicator .material-symbols-rounded{font-size:1.5rem}.fad-booking-label{font-size:.65rem}.fad-info-popup{left:1rem!important;max-width:calc(100vw - 2rem);min-width:240px;padding:.875rem;right:1rem;width:auto}.fad-info-popup-fields{grid-template-columns:1fr}}.fad-week-calendar::-webkit-scrollbar{height:8px}.fad-week-calendar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#94a3b899,#3b82f666);border-radius:10px}.fad-week-calendar::-webkit-scrollbar-track{background:#0000}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.fad-day-nav-btn,.fad-download-btn,.fad-view-toggle{display:none!important}}.mst-root{color:var(--text-primary);display:flex;flex-direction:column;font-family:Google Sans,Inter,system-ui,sans-serif;gap:1.25rem;min-height:300px;padding:.5rem 0 2rem}.mst-toolbar{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:1rem;box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.mst-toolbar,.mst-toolbar-left{align-items:center;display:flex}.mst-toolbar-left{flex:1 1;flex-wrap:wrap;gap:.75rem;min-width:0}.mst-search-box,.mst-toolbar-right{align-items:center;display:flex;gap:.5rem}.mst-search-box{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.6rem;flex:1 1;max-width:360px;min-width:220px;padding:.4rem .75rem;transition:border-color .2s}.mst-search-box:focus-within{border-color:#3b82f6}.mst-search-box .material-symbols-rounded{color:var(--text-muted);flex-shrink:0;font-size:1.1rem}.mst-search-box input{background:#0000;border:none;color:var(--text-primary);font-family:inherit;font-size:.875rem;outline:none;width:100%}.mst-search-box input::placeholder,.mst-search-clear{color:var(--text-muted)}.mst-search-clear{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.mst-search-clear .material-symbols-rounded{font-size:1rem}.mst-search-clear:hover{color:var(--text-primary)}.mst-summary{color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.mst-refresh-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.mst-refresh-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.mst-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.mst-view-toggle{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.5rem;display:flex;overflow:hidden}.mst-toggle-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .15s;width:34px}.mst-toggle-btn.active{background:#3b82f6;color:#fff}.mst-toggle-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}.mst-toggle-btn .material-symbols-rounded{font-size:1.1rem}@keyframes mst-spin{to{transform:rotate(1turn)}}.mst-spin{animation:mst-spin .8s linear infinite;display:inline-block}.mst-empty,.mst-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:4rem 2rem;text-align:center}.mst-loading .material-symbols-rounded{color:#3b82f6;font-size:2.5rem}.mst-loading p{font-size:.9rem;margin:0}.mst-empty .material-symbols-rounded{color:var(--text-muted);font-size:3rem}.mst-empty h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.mst-empty p{font-size:.875rem;margin:0;max-width:300px}.mst-groups{display:flex;flex-direction:column;gap:1.25rem}.mst-program-group{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:1rem;box-shadow:var(--shadow-sm);overflow:hidden}.mst-group-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;transition:background .15s;-webkit-user-select:none;user-select:none}.mst-group-header:hover{background:var(--bg-tertiary)}.mst-group-header-left{align-items:center;display:flex;gap:.875rem;min-width:0}.mst-group-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:.6rem;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.mst-group-icon .material-symbols-rounded{color:#fff;font-size:1.2rem}.mst-group-title-block{min-width:0}.mst-group-title-block h3{color:var(--text-primary);font-size:.975rem;font-weight:600;margin:0 0 .15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mst-group-meta{color:var(--text-muted);font-size:.775rem}.mst-group-header-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.mst-group-count{background:#3b82f61a;border-radius:999px;color:#3b82f6;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.mst-collapse-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:0}.mst-collapse-btn .material-symbols-rounded{font-size:1.25rem}.mst-students-container{padding:1.25rem}.mst-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.mst-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.875rem;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .15s,box-shadow .15s}.mst-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mst-card-top{align-items:center;display:flex;justify-content:space-between;padding:.6rem .875rem 0}.mst-student-id{color:var(--text-muted);font-family:Roboto Mono,monospace,sans-serif;font-size:.72rem;font-weight:600}.mst-status-dot{border-radius:50%;height:8px;width:8px}.mst-status-dot.active{background:#22c55e}.mst-status-dot.inactive{background:#f87171}.mst-card-avatar-wrap{display:flex;justify-content:center;padding:.75rem 0 .25rem}.mst-card-avatar{background:linear-gradient(135deg,#64748b,color-mix(in srgb,#64748b 60%,#fff));background:linear-gradient(135deg,var(--g-color,#64748b),color-mix(in srgb,var(--g-color,#64748b) 60%,#fff));color:#fff;font-size:1.1rem;font-weight:700;height:54px;position:relative;width:54px}.mst-card-avatar,.mst-card-gender{align-items:center;border-radius:50%;display:flex;justify-content:center}.mst-card-gender{background:var(--bg-primary);bottom:-2px;box-shadow:0 0 0 1.5px var(--border-light);height:20px;position:absolute;right:-2px;width:20px}.mst-card-gender .material-symbols-rounded{color:#64748b;color:var(--g-color,#64748b);font-size:.8rem}.mst-card-body{display:flex;flex:1 1;flex-direction:column;gap:.4rem;padding:.25rem .875rem .625rem}.mst-card-name{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0;text-align:center}.mst-card-contact{display:flex;flex-direction:column;gap:.2rem}.mst-contact-line{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.3rem;min-width:0}.mst-contact-line .material-symbols-rounded{flex-shrink:0;font-size:.85rem}.mst-contact-line span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mst-card-progress-area{display:flex;flex-direction:column;gap:.3rem;margin-top:.25rem}.mst-start-date{align-items:center;color:var(--text-muted);display:flex;font-size:.73rem;gap:.3rem}.mst-start-date .material-symbols-rounded{font-size:.85rem}.mst-progress-bar-wrap{background:var(--bg-tertiary);border-radius:999px;height:6px;overflow:hidden}.mst-progress-bar-wrap.slim{height:4px}.mst-progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:999px;height:100%;transition:width .4s ease}.mst-progress-label{color:var(--text-muted);display:flex;font-size:.72rem;justify-content:space-between}.mst-card-footer{padding:0 .875rem .875rem}.mst-info-btn{align-items:center;background:#3b82f614;border:1px solid #3b82f633;border-radius:.5rem;color:#3b82f6;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;gap:.3rem;justify-content:center;padding:.4rem;transition:background .15s;width:100%}.mst-info-btn:hover{background:#3b82f626}.mst-info-btn .material-symbols-rounded{font-size:.9rem}.mst-table-wrap{border-radius:.5rem;overflow-x:auto}.mst-table{border-collapse:collapse;font-size:.85rem;min-width:640px;width:100%}.mst-table thead tr{background:var(--bg-secondary);border-bottom:2px solid var(--border-light)}.mst-table th{color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.04em;padding:.65rem .875rem;text-align:left;text-transform:uppercase;white-space:nowrap}.mst-table tbody tr{border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .12s}.mst-table tbody tr:hover{background:var(--bg-secondary)}.mst-table td{color:var(--text-primary);padding:.65rem .875rem;vertical-align:middle}.mst-tbl-student{align-items:center;display:flex;gap:.6rem}.mst-tbl-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:32px;justify-content:center;width:32px}.mst-tbl-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.mst-tbl-id{color:var(--text-muted);font-family:monospace;font-size:.72rem}.mst-tbl-progress{align-items:center;display:flex;gap:.5rem;min-width:100px}.mst-tbl-progress span{color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.mst-tbl-info-btn{align-items:center;background:#3b82f614;border:1px solid #3b82f633;border-radius:.4rem;color:#3b82f6;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.mst-tbl-info-btn:hover{background:#3b82f62e}.mst-tbl-info-btn .material-symbols-rounded{font-size:1rem}.mst-list-view{display:flex;flex-direction:column;gap:.5rem}.mst-list-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.6rem;cursor:pointer;display:flex;gap:.75rem;padding:.65rem .875rem;transition:background .12s}.mst-list-item:hover{background:var(--bg-tertiary)}.mst-list-avatar{align-items:center;background:linear-gradient(135deg,#64748b,color-mix(in srgb,#64748b 50%,#fff));background:linear-gradient(135deg,var(--g-color,#64748b),color-mix(in srgb,var(--g-color,#64748b) 50%,#fff));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:36px;justify-content:center;width:36px}.mst-list-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.mst-list-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.mst-list-meta{color:var(--text-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mst-list-hours{color:#3b82f6;font-size:.78rem;font-weight:600;white-space:nowrap}.mst-list-chevron{color:var(--text-muted);flex-shrink:0;font-size:1.1rem}.mst-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1300}.mst-popup{border-radius:1.25rem;box-shadow:var(--shadow-lg);flex-direction:column;max-height:85vh;overflow-y:auto;width:min(520px,95vw)}.mst-popup,.mst-popup-header{background:var(--bg-primary);display:flex}.mst-popup-header{align-items:center;border-bottom:1px solid var(--border-light);gap:1rem;padding:1.25rem 1.25rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.mst-sheet-handle{background:var(--border-medium);border-radius:999px;height:4px;left:50%;position:absolute;top:.5rem;transform:translateX(-50%);width:36px}.mst-popup-avatar{background:linear-gradient(135deg,#64748b,color-mix(in srgb,#64748b 60%,#fff));background:linear-gradient(135deg,var(--g-color,#64748b),color-mix(in srgb,var(--g-color,#64748b) 60%,#fff));color:#fff;flex-shrink:0;font-size:1.1rem;font-weight:700;height:52px;position:relative;width:52px}.mst-popup-avatar,.mst-popup-gender{align-items:center;border-radius:50%;display:flex;justify-content:center}.mst-popup-gender{background:var(--bg-primary);bottom:-2px;box-shadow:0 0 0 1.5px var(--border-light);height:20px;position:absolute;right:-2px;width:20px}.mst-popup-gender .material-symbols-rounded{color:#64748b;color:var(--g-color,#64748b);font-size:.78rem}.mst-popup-title-block{flex:1 1;min-width:0}.mst-popup-title-block h3{color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 .25rem}.mst-badge{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:999px;color:var(--text-muted);display:inline-block;font-family:monospace;font-size:.72rem;font-weight:600;padding:.15rem .5rem}.mst-close-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.mst-close-btn:hover{background:var(--bg-tertiary)}.mst-close-btn .material-symbols-rounded{font-size:1.1rem}.mst-popup-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.mst-detail-section{display:flex;flex-direction:column;gap:.75rem}.mst-detail-section h4{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:700;gap:.4rem;letter-spacing:.06em;margin:0;text-transform:uppercase}.mst-detail-section h4 .material-symbols-rounded{color:#3b82f6;font-size:1rem}.mst-detail-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.mst-detail-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.6rem;padding:.5rem .75rem}.mst-detail-item label{color:var(--text-muted);display:block;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.2rem;text-transform:uppercase}.mst-detail-item p{color:var(--text-primary);font-size:.875rem;font-weight:500;margin:0;word-break:break-word}@media (max-width:768px){.mst-toolbar,.mst-toolbar-left{align-items:stretch;flex-direction:column}.mst-search-box{max-width:100%}.mst-toolbar-right{justify-content:flex-end}.mst-overlay{align-items:flex-end}.mst-popup{border-radius:1.5rem 1.5rem 0 0;max-height:88vh;width:100vw}.mst-popup-header{padding-top:1.75rem}.mst-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.mst-group-header{flex-wrap:wrap}}:root[data-theme=light]{--bg-mat-icon:#fff;--text-accent:#065f46;--shadow-accent:0 4px 16px #065f4626;--status-primary:linear-gradient(135deg,#dbeafe,#bfdbfe);--status-primary-text:#1e40af;--status-info:linear-gradient(135deg,#fef3c7,#fde68a);--status-info-text:#92400e;--status-warning:linear-gradient(135deg,#e9d5ff,#ddd6fe);--status-warning-text:#7c3aed;--status-error:linear-gradient(135deg,#fecaca,#fed7d7);--status-error-text:#991b1b}:root[data-theme=dark]{--bg-primary:#0f172a;--bg-mat-icon:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--border-light:#334155;--border-medium:#475569;--shadow-accent:0 4px 16px #a7f3d026;--status-primary:linear-gradient(135deg,#1e40af,#3730a3);--status-primary-text:#bfdbfe;--status-info:linear-gradient(135deg,#92400e,#b45309);--status-info-text:#fde68a;--status-warning:linear-gradient(135deg,#7c3aed,#6d28d9);--status-warning-text:#e9d5ff;--status-error:linear-gradient(135deg,#dc2626,#991b1b);--status-error-text:#fecaca}.cun-profile-container{background:var(--bg-secondary);color:var(--text-primary);font-family:Google Sans,Inter,system-ui,sans-serif;min-height:100vh;padding:1rem;transition:all .3s ease}.cun-breakdown-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.cun-breakdown-item .count{color:var(--text-accent);font-size:1.8rem;font-weight:700}.cun-breakdown-item .label{color:var(--text-secondary);font-size:.8rem;font-weight:500;text-align:center}.cun-performance-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.cun-performance-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.cun-performance-section h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.cun-performance-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cun-perf-metric{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.cun-perf-metric:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cun-perf-value{color:var(--text-accent);font-size:2rem;font-weight:700;line-height:1}.cun-perf-label,.cun-perf-value{display:block;margin-bottom:.5rem}.cun-perf-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.cun-perf-trend{border-radius:6px;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.cun-perf-trend.positive{background:var(--status-success);color:var(--status-success-text)}.cun-perf-trend.negative{background:var(--status-error);color:var(--status-error-text)}.cun-team-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cun-team-metric{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.cun-team-metric:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cun-team-value{color:var(--text-accent);display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.cun-team-label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500}.cun-goals-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cun-goal-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;transition:all .3s ease}.cun-goal-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cun-goal-progress{color:var(--text-accent);display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.cun-goal-label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:1rem}.cun-progress-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.cun-progress-fill{background:var(--status-success);border-radius:4px;height:100%;transition:width .3s ease}.cun-settings-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:2rem}.my-leads-content{padding:0}.leads-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.leads-header,.leads-header h2{align-items:center;display:flex}.leads-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.lead-md3-btn{align-items:center;background:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.lead-md3-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.open-tab-btn{background:var(--status-success)!important;border-color:var(--border-accent)!important;color:var(--status-success-text)!important}.refresh-btn{background:var(--bg-accent);border-color:var(--border-accent);color:var(--text-accent)}.myl-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.myl-stat-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-md);display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.myl-stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.myl-stat-card.myl-new-card:before{background:var(--status-primary)}.myl-stat-card.myl-contacted-card:before{background:var(--status-info)}.myl-stat-card.myl-converted-card:before{background:var(--status-success)}.myl-stat-card.myl-lost-card:before{background:var(--status-error)}.myl-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.myl-stat-card:hover:before{height:6px}.myl-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.myl-stat-card.myl-new-card .myl-stat-icon{background:var(--status-primary)}.myl-stat-card.myl-contacted-card .myl-stat-icon{background:var(--status-info)}.myl-stat-card.myl-converted-card .myl-stat-icon{background:var(--status-success)}.myl-stat-card.myl-lost-card .myl-stat-icon{background:var(--status-error)}.myl-stat-icon .material-symbols-rounded{color:var(--bg-mat-icon);font-size:24px}.myl-stat-info{flex:1 1}.myl-stat-info h3{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1;margin:0 0 .25rem}.myl-stat-info p{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.pf-leads-table-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-md);padding:1.5rem}.ld-fp-table-wrapper{overflow-x:auto}.ld-fp-table{border-collapse:collapse;font-size:.9rem;width:100%}.ld-fp-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-light);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:1rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.ld-fp-table td{border-bottom:1px solid var(--border-light);padding:1rem .75rem;vertical-align:top}.ld-fp-table tr:hover{background:var(--bg-secondary)}.ld-fp-empty-state{color:var(--text-muted);padding:3rem 2rem;text-align:center}.ld-fp-empty-state h3{color:var(--text-secondary);margin:1rem 0 .5rem}.ld-fp-empty-state p{margin:0}.lead-display-id{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem}.lead-display-id .material-symbols-rounded{color:var(--text-muted);font-size:16px}.lead-name-cell strong{color:var(--text-primary);font-weight:600}.lead-email{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.contact-info div{margin-bottom:.25rem}.contact-info .alt-phone{color:var(--text-muted);font-size:.8rem}.status-badge{border-radius:8px;white-space:nowrap}.status-badge.new{background:var(--status-primary);color:var(--status-primary-text)}.status-badge.contacted{background:var(--status-info);color:var(--status-info-text)}.status-badge.followup{background:var(--status-warning);color:var(--status-warning-text)}.status-badge.converted{background:var(--status-success);color:var(--status-success-text)}.status-badge.lost{background:var(--status-error);color:var(--status-error-text)}.status-badge.walkin{background:#e9d5ff;color:#7c3aed}.status-badge.interested{background:#fef3c7;color:#92400e}.status-badge.unknown{background:var(--bg-tertiary);color:var(--text-muted)}.lead-heat-badge{border-radius:8px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.lead-heat-badge.hot{background:#fee2e2;color:#dc2626}.lead-heat-badge.warm{background:#fef3c7;color:#d97706}.lead-heat-badge.cold{background:#dbeafe;color:#2563eb}.lead-heat-badge.unknown{background:var(--bg-tertiary);color:var(--text-muted)}.action-buttons{display:flex;gap:.5rem}.ld-icon-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.ld-icon-btn:hover{background:var(--bg-accent);color:var(--text-accent);transform:scale(1.05)}.ld-icon-btn .material-symbols-rounded{font-size:18px}@media (max-width:768px){.cun-header{max-height:none;min-height:auto;padding:1rem;text-align:center}.cun-header,.cun-header-left{flex-direction:column;gap:1rem}.cun-avatar{height:80px;width:80px}.cun-avatar,.cun-info h1{font-size:1.5rem}.myl-stats-grid{grid-template-columns:1fr}.leads-header{align-items:flex-start;flex-direction:column}.ld-fp-table-wrapper{overflow-x:scroll}.ld-fp-table{min-width:800px}}.cun-error-state,.cun-loading-state{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.cun-loading-spinner{animation:cunSpin 1s linear infinite;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--text-accent);height:48px;margin-bottom:1.5rem;width:48px}@keyframes cunSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cun-retry-btn{background:var(--bg-accent);border:1px solid var(--border-accent);border-radius:12px;color:var(--text-accent);cursor:pointer;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.cun-header,.cun-retry-btn{align-items:center;display:flex}.cun-header{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-md);justify-content:space-between;margin-bottom:1.5rem;max-height:160px;min-height:140px;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.cun-header:before{background:var(--status-success);content:"";height:4px;left:0;position:absolute;right:0;top:0}.cun-header:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cun-header-left{gap:1.5rem}.cun-avatar,.cun-header-left{align-items:center;display:flex}.cun-avatar{background:var(--bg-accent);border:4px solid var(--border-accent);border-radius:50%;box-shadow:var(--shadow-md);color:var(--text-accent);flex-shrink:0;font-size:2rem;font-weight:700;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.cun-avatar img{height:100%;object-fit:cover;width:100%}.cun-badge{align-items:center;background:var(--status-success);border:3px solid var(--bg-primary);border-radius:50%;bottom:6px;box-shadow:var(--shadow-sm);display:flex;height:32px;justify-content:center;position:absolute;right:6px;width:32px}.cun-badge .material-symbols-rounded{color:var(--status-success-text);font-size:18px}.cun-info h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.cun-title{color:var(--text-accent);font-size:.9rem;font-weight:600;letter-spacing:1px;margin:0 0 .25rem;text-transform:uppercase}.cun-id{color:var(--text-secondary);font-size:.85rem;font-weight:500;margin:0 0 .75rem}.cun-status-badges{display:flex;flex-wrap:wrap;gap:.5rem}.cun-status-badge{border-radius:10px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase;transition:all .2s ease}.cun-status-badge,.cun-status-badge.active{background:var(--status-success);color:var(--status-success-text)}.cun-status-badge.inactive{background:var(--status-warning);color:var(--status-warning-text)}.cun-role-badge{background:var(--status-primary);border:1px solid var(--border-accent);border-radius:10px;box-shadow:var(--shadow-sm);color:var(--status-primary-text);font-size:.8rem;font-weight:600;padding:.4rem .8rem}.cun-header-actions{align-items:center;display:flex;gap:.75rem}.cun-quick-action-btn,.cun-theme-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.cun-quick-action-btn:hover,.cun-theme-toggle:hover{background:var(--bg-accent);color:var(--text-accent);transform:scale(1.05)}.cun-stat-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-md);display:flex;gap:1.5rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.cun-stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.cun-stat-card.primary:before{background:var(--status-primary)}.cun-stat-card.success:before{background:var(--status-success)}.cun-stat-card.info:before{background:var(--status-info)}.cun-stat-card.warning:before{background:var(--status-warning)}.cun-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.cun-stat-card:hover:before{height:8px}.cun-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.cun-stat-card.primary .cun-stat-icon{background:var(--status-primary)}.cun-stat-card.success .cun-stat-icon{background:var(--status-success)}.cun-stat-card.info .cun-stat-icon{background:var(--status-info)}.cun-stat-card.warning .cun-stat-icon{background:var(--status-warning)}.cun-stat-icon .material-symbols-rounded{color:var(--bg-mat-icon);font-size:32px}.cun-stat-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1;margin:0 0 .5rem}.cun-stat-content p{color:var(--text-secondary);font-size:.8rem;font-weight:500;margin:0}.cun-tabs{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow-x:auto;padding:1rem}.cun-tab-button,.cun-tabs{border:1px solid var(--border-light);display:flex;gap:.5rem}.cun-tab-button{align-items:center;background:#0000;border-radius:12px;color:var(--text-secondary);cursor:pointer;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.cun-tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cun-tab-button.active{background:var(--status-success);border-color:var(--border-accent);box-shadow:var(--shadow-sm);color:var(--status-success-text);font-weight:600}.cun-tab-button .material-symbols-rounded{font-size:20px}.cun-tab-content{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-md);min-height:500px;padding:1rem}.cun-overview-content{display:flex;flex-direction:column;gap:2rem}.cun-content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.cun-info-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;transition:all .3s ease}.cun-info-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cun-info-section.full-width{grid-column:1/-1}.cun-section-header{border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:1rem}.cun-section-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.cun-section-header .material-symbols-rounded{background:#0000;border-radius:10px;font-size:24px;padding:.5rem}.cun-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cun-info-field{display:flex;flex-direction:column;gap:.5rem}.cun-info-field label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cun-info-field .value{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:1rem;font-weight:500;padding:.5rem 0}.cun-info-field .value:empty:before{color:var(--text-muted);content:"Not specified";font-style:italic}.cun-quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cun-quick-action-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.cun-quick-action-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.cun-quick-action-card.primary:before{background:var(--status-primary)}.cun-quick-action-card.success:before{background:var(--status-success)}.cun-quick-action-card.info:before{background:var(--status-info)}.cun-quick-action-card.warning:before{background:var(--status-warning)}.cun-quick-action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cun-quick-action-card:hover:before{height:6px}.cun-action-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.cun-quick-action-card.primary .cun-action-icon{background:var(--status-primary)}.cun-quick-action-card.success .cun-action-icon{background:var(--status-success)}.cun-quick-action-card.info .cun-action-icon{background:var(--status-info)}.cun-quick-action-card.warning .cun-action-icon{background:var(--status-warning)}.cun-action-icon .material-symbols-rounded{color:var(--bg-mat-icon);font-size:24px}.cun-action-content{flex:1 1}.cun-action-content h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.cun-action-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.cun-action-arrow{color:var(--text-secondary);opacity:0;transition:all .2s ease}.cun-quick-action-card:hover .cun-action-arrow{opacity:1;transform:translateX(4px)}.cun-performance-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.cun-metric-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.cun-metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cun-metric-card h4{color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.cun-metric-value{color:var(--text-accent);font-size:2rem!important;font-weight:700;line-height:1;margin:.5rem 0!important}.cun-metric-label{color:var(--text-muted);font-size:.8rem!important;margin:0!important}.cun-alerts-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.cun-alert-item{align-items:flex-start;border-left:4px solid;border-radius:12px;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.cun-alert-item.critical{background:var(--status-error);border-left-color:var(--status-error-text);color:var(--status-error-text)}.cun-alert-item.warning{background:var(--status-warning);border-left-color:var(--status-warning-text);color:var(--status-warning-text)}.cun-alert-item .material-symbols-rounded{font-size:1.5rem;margin-top:.25rem}.cun-alert-content h4{font-size:1rem;font-weight:600;margin:0 0 .5rem}.cun-alert-content p{font-size:.9rem;margin:0 0 .5rem}.cun-alert-content small{font-size:.8rem;font-style:italic;opacity:.8}.cun-schedule-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.cun-schedule-overview{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.cun-schedule-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.cun-schedule-stat{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.cun-schedule-stat:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.cun-schedule-stat h4{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.cun-schedule-stat p{color:var(--text-secondary);font-weight:500;margin:0 0 .5rem}.cun-stat-urgent{background:var(--status-error);color:var(--status-error-text)}.cun-stat-info,.cun-stat-urgent{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.cun-stat-info{background:var(--status-primary);color:var(--status-primary-text)}.cun-stat-success{background:var(--status-success);border-radius:6px;color:var(--status-success-text);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.cun-follow-up-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cun-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.cun-action-btn.primary{background:var(--bg-accent);border:1px solid var(--border-accent);color:var(--text-accent)}.cun-action-btn.primary:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px)}.cun-action-btn.secondary{background:var(--bg-tertiary);border:1px solid var(--border-medium);color:var(--text-secondary)}.cun-action-btn.secondary:hover{background:var(--bg-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.cun-follow-up-breakdown{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:2rem}.cun-follow-up-breakdown h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.cun-breakdown-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cun-breakdown-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.myl-table-container{box-shadow:var(--shadow-md);margin-top:1rem;padding:1.5rem}.myl-table-container,.myl-table-wrapper{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px}.myl-table-wrapper{overflow-x:auto;transition:all .3s ease}.myl-table{background:var(--bg-primary);border-collapse:collapse;border-radius:12px;box-shadow:var(--shadow-sm);font-size:.85rem;overflow:hidden;width:100%}.myl-table-header-row{background:var(--status-success);height:auto;min-height:auto}.myl-table-header{border-bottom:2px solid var(--border-accent);color:var(--status-success-text);font-size:.8rem;font-weight:600;letter-spacing:.5px;line-height:1.2;padding:.75rem 1rem;text-align:left;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.myl-table-row{height:auto!important;min-height:auto!important;transition:background-color .2s ease}.myl-table-row:hover{background:var(--bg-secondary)}.myl-table-cell{border-bottom:1px solid var(--border-light);color:var(--text-primary);height:auto;line-height:1.3;padding:.4rem 1rem;transition:all .3s ease;vertical-align:top}.myl-empty-state{background:var(--bg-secondary);border-radius:12px;color:var(--text-muted);margin:1rem;padding:3rem 2rem;text-align:center}.myl-empty-state h3{color:var(--text-secondary);font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem}.myl-empty-state p{color:var(--text-muted);font-size:.95rem;margin:0}.myl-lead-display-id{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem}.myl-lead-display-id .material-symbols-rounded{color:var(--text-muted);font-size:16px}.myl-lead-name-cell{display:flex;flex-direction:column;gap:.25rem}.myl-lead-name-cell strong{color:var(--text-primary);font-size:.9rem;font-weight:600}.myl-lead-email{color:var(--text-muted);font-size:.75rem}.myl-contact-info{display:flex;flex-direction:column;gap:.15rem}.myl-contact-info div{color:var(--text-primary);font-size:.85rem}.myl-alt-phone{color:var(--text-muted)!important;font-size:.75rem!important}.myl-status-badge{border-radius:6px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.25rem .6rem;text-transform:uppercase;white-space:nowrap}.myl-status-badge.new{background:var(--status-primary);color:var(--status-primary-text)}.myl-status-badge.contacted{background:var(--status-info);color:var(--status-info-text)}.myl-status-badge.followup{background:var(--status-warning);color:var(--status-warning-text)}.myl-status-badge.converted{background:var(--status-success);color:var(--status-success-text)}.myl-status-badge.lost{background:var(--status-error);color:var(--status-error-text)}.myl-status-badge.walkin{background:#e9d5ff;color:#7c3aed}.myl-status-badge.interested{background:#fef3c7;color:#92400e}.myl-status-badge.unknown{background:var(--bg-tertiary);color:var(--text-muted)}.myl-heat-badge{border-radius:6px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.25rem .6rem;text-transform:uppercase;white-space:nowrap}.myl-heat-badge.hot{background:#fee2e2;color:#dc2626}.myl-heat-badge.warm{background:#fef3c7;color:#d97706}.myl-heat-badge.cold{background:#dbeafe;color:#2563eb}.myl-heat-badge.unknown{background:var(--bg-tertiary);color:var(--text-muted)}.myl-action-buttons{gap:.5rem}.myl-action-buttons,.myl-icon-btn{display:flex;justify-content:center}.myl-icon-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;min-height:32px;min-width:32px;padding:.4rem;transition:all .2s ease}.myl-icon-btn:hover{background:var(--bg-accent);border-color:var(--border-accent);color:var(--text-accent);transform:scale(1.05)}.myl-icon-btn .material-symbols-rounded{font-size:16px}@media (max-width:768px){.myl-table-wrapper{overflow-x:scroll}.myl-table{min-width:800px}.myl-table-container{padding:1rem}.myl-table-cell,.myl-table-header{padding:.5rem .75rem}.myl-empty-state{padding:2rem 1rem}}@media (max-width:480px){.myl-table{min-width:900px}.myl-action-buttons{flex-direction:column;gap:.25rem}.myl-icon-btn{min-height:28px;min-width:28px;padding:.3rem}}.myl-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.myl-popup-box{animation:myl-popup-slide-in .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-lg);max-height:80vh;max-width:500px;overflow:hidden;padding:0;width:90%}@keyframes myl-popup-slide-in{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.myl-popup-header{align-items:center;background:var(--status-success);border-bottom:1px solid var(--border-light);color:var(--status-success-text);display:flex;justify-content:space-between;padding:1.5rem}.myl-popup-header h3{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0}.myl-popup-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--status-success-text);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.myl-popup-close:hover{background:#ffffff1a;transform:scale(1.1)}.myl-popup-content{max-height:calc(80vh - 80px);overflow-y:auto;padding:2rem}.myl-lead-info{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.myl-lead-avatar{align-items:center;background:var(--bg-accent);border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.myl-lead-avatar .material-symbols-rounded{color:var(--text-accent);font-size:28px}.myl-lead-details h4{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.myl-lead-id{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.myl-communication-options{display:flex;flex-direction:column;gap:1.5rem}.myl-contact-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;transition:all .3s ease}.myl-contact-section:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.myl-contact-section h5{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.myl-action-buttons-popup{display:flex;flex-wrap:wrap;gap:.75rem}.myl-comm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.myl-comm-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.myl-comm-btn .material-symbols-rounded{font-size:18px}.call-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.call-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.sms-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.sms-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.whatsapp-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.whatsapp-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.email-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.email-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)}.myl-no-contact{background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:12px;color:var(--text-muted);padding:2rem;text-align:center}.myl-no-contact .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.6}.myl-no-contact p{color:var(--text-secondary);font-size:1rem;margin:0}@media (max-width:768px){.myl-popup-box{margin:1rem;width:95%}.myl-popup-content{padding:1.5rem}.myl-popup-header{padding:1rem}.myl-popup-header h3{font-size:1.1rem}.myl-lead-info{flex-direction:column;gap:.75rem;text-align:center}.myl-action-buttons-popup{flex-direction:column;gap:.5rem}.myl-comm-btn{min-width:auto;width:100%}.myl-contact-section{padding:1rem}}@media (max-width:480px){.myl-popup-box{border-radius:0;height:100vh;max-height:100vh;width:100%}.myl-popup-content{max-height:calc(100vh - 70px);padding:1rem}.myl-lead-avatar{height:50px;width:50px}.myl-lead-avatar .material-symbols-rounded{font-size:24px}}:root[data-theme=dark] .myl-popup-overlay{background:#000000b3}:root[data-theme=dark] .myl-popup-box{background:var(--bg-primary);border-color:var(--border-medium)}:root[data-theme=dark] .myl-contact-section,:root[data-theme=dark] .myl-lead-info,:root[data-theme=dark] .myl-no-contact{background:var(--bg-tertiary);border-color:var(--border-medium)}.myl-comm-btn:focus,.myl-popup-close:focus{outline:2px solid var(--text-accent);outline-offset:2px}.myl-contact-section{animation:myl-fade-in-up .3s ease-out}.myl-contact-section:first-child{animation-delay:.1s}.myl-contact-section:nth-child(2){animation-delay:.2s}.myl-contact-section:nth-child(3){animation-delay:.3s}@keyframes myl-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.myl-contact-section,.myl-popup-box{animation:none}.myl-comm-btn:hover,.myl-contact-section:hover{transform:none}}.cun-stats-dashboard{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.cun-stats-dashboard.minimized{margin-bottom:1rem}.cun-stats-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1rem 1.5rem}.cun-stats-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.cun-stats-header .material-symbols-rounded{color:var(--text-accent);font-size:20px}.cun-stats-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.cun-stats-toggle:hover{background:var(--bg-accent);color:var(--text-accent);transform:scale(1.05)}.cun-stats-toggle .material-symbols-rounded{font-size:20px}.cun-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1.5rem}.account-tab-content{padding:0}.account-header{align-items:center;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.account-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.75rem;gap:.5rem;margin:0}.account-actions{align-items:center;display:flex;gap:1rem}.cun-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.cun-btn.save-btn{background:var(--status-success);color:var(--status-success-text)}.cun-btn.save-btn:hover{box-shadow:var(--shadow-accent);filter:brightness(1.1);transform:translateY(-2px)}.cun-btn.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cun-btn.cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-medium);color:var(--text-secondary)}.cun-btn.cancel-btn:hover{background:var(--status-error);color:var(--status-error-text)}.cun-btn.primary-btn{background:var(--status-active);color:var(--status-active-text)}.cun-btn.primary-btn:hover{box-shadow:var(--shadow-accent);filter:brightness(1.1);transform:translateY(-2px)}.cun-btn.secondary-btn{background:var(--status-warning);color:var(--status-warning-text)}.cun-btn.secondary-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.account-sections{display:flex;flex-direction:column;gap:1rem}.account-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-md);padding:1rem;transition:all .3s ease}.account-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.account-section-header{border-bottom:1px solid var(--border-light);margin-bottom:1rem;padding-bottom:.75rem}.account-section-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.account-section-header .material-symbols-rounded{color:var(--text-accent);font-size:20px}.account-field-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.account-field-item{border-radius:6px;margin:-.25rem -.25rem .5rem;padding:.25rem;position:relative;transition:all .2s ease}.account-field-item.has-changes{background:#bbf7d01a;border:1px solid var(--border-accent)}.field-header{margin-bottom:.25rem}.cun-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:.25rem;letter-spacing:.5px;text-transform:uppercase}.change-indicator{animation:pulse 2s infinite;background:var(--status-active);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--status-active-text);height:24px;justify-content:center;padding:.25rem;right:-8px;top:-8px;width:24px}.change-indicator .material-symbols-rounded{font-size:12px}.cun-edit-input{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.cun-edit-input:focus{background:var(--bg-primary);border-color:var(--text-accent);box-shadow:0 0 0 2px #065f4626;transform:scale(1.02)}.cun-value-container{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;transition:background-color .2s ease}.cun-value-container:hover{background-color:var(--bg-secondary)}.cun-value-text{color:var(--text-primary);flex-grow:1;font-size:.9rem;font-weight:500}.cun-edit-icon-btn{background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:0;padding:.25rem;transition:all .2s ease}.cun-edit-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-accent)}.cun-value-container:hover .cun-edit-icon-btn{opacity:1}.account-info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-field{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.info-field label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-field span{color:var(--text-primary);font-size:.85rem;font-weight:500}.status-badge{border-radius:6px;font-size:.75rem;width:-webkit-fit-content;width:fit-content}.status-badge.active{background:var(--status-active);color:var(--status-active-text)}.status-badge.inactive{background:var(--status-inactive);color:var(--status-inactive-text)}.lock-status{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.lock-status.locked{background:var(--status-error);color:var(--status-error-text)}.lock-status.unlocked{background:var(--status-success);color:var(--status-success-text)}.security-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.security-action-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.security-action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-info h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 .25rem}.action-info p{color:var(--text-secondary);font-size:.8rem;line-height:1.3;margin:0}.roles-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.role-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:1rem;transition:all .3s ease}.role-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.role-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.role-header h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0}.role-status{border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.2rem .4rem;text-transform:uppercase}.role-status.active{background:var(--status-active);color:var(--status-active-text)}.role-status.inactive{background:var(--status-inactive);color:var(--status-inactive-text)}.role-description{color:var(--text-secondary);font-size:.8rem;line-height:1.3;margin:0 0 .75rem}.role-meta{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:.75rem}.role-id{color:var(--text-muted);font-size:.7rem;font-weight:500}.admin-badge{background:var(--status-warning);border-radius:3px;color:var(--status-warning-text);font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.1rem .4rem;text-transform:uppercase}.changelog-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.changelog-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.changelog-item label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.changelog-item span{color:var(--text-primary);font-size:.8rem;font-weight:500;line-height:1.3;word-break:break-word}.cun-message-banner{align-items:center;border:1px solid;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:all .3s ease}.cun-message-banner.success{background:var(--status-success);border-color:var(--border-accent);color:var(--status-success-text)}.cun-message-banner.error{background:var(--status-error);border-color:#fca5a5;color:var(--status-error-text)}.message-close{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;padding:.25rem;transition:background .2s ease}.message-close:hover{background:#0000001a}.message-close .material-symbols-rounded{font-size:16px}@media (max-width:1024px){.account-field-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.account-info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.security-actions{grid-template-columns:1fr}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.changelog-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.account-header{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem}.account-header h2{font-size:1.5rem}.account-actions{justify-content:flex-start;width:100%}.account-field-grid,.account-info-grid,.changelog-grid{grid-template-columns:1fr}.security-action-card{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.role-header,.role-meta{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:480px){.account-section{padding:.75rem}.account-field-item{margin:0;padding:0}.cun-btn{font-size:.8rem;padding:.5rem .75rem}.role-card,.security-action-card{padding:.75rem}.account-header h2{font-size:1.3rem}}@media (prefers-contrast:high){.account-section:hover{border:2px solid var(--text-accent)}.admin-badge,.lock-status,.role-status,.status-badge{border:2px solid}}@media (prefers-reduced-motion:reduce){.account-field-item,.account-section,.cun-btn,.role-card,.security-action-card{animation:none;transition:none}.account-section:hover,.cun-btn:hover,.role-card:hover,.security-action-card:hover{transform:none}.change-indicator{animation:none}}.cun-btn:focus,.cun-edit-input:focus,.cun-value-container:focus,.message-close:focus{outline:2px solid var(--text-accent);outline-offset:2px}.cun-btn:disabled .material-symbols-rounded{animation:spin 1s linear infinite}.cun-leads-tab-layout{grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:1fr 340px}.cun-leads-main{min-width:0}.cun-overdue-sidebar{position:-webkit-sticky;position:sticky;top:16px}@media (max-width:900px){.cun-leads-tab-layout{grid-template-columns:1fr}.cun-overdue-sidebar{position:static}}.followups-toast-management{position:relative;width:100%}.floating-action-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem 0}.floating-card{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--ld-card-bg);border:1px solid var(--ld-card-border);border-radius:12px;box-shadow:var(--ld-card-shadow);cursor:pointer;display:flex;flex-direction:column;gap:1rem;min-width:140px;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-card:before{background:var(--ld-convert-btn-bg);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:all .3s ease}.floating-card:hover:before{transform:scaleX(1)}.floating-card.primary:before{background:var(--ld-refresh-btn-bg)}.floating-card.urgent:before{background:var(--ld-deactivate-btn-bg)}.floating-card.team:before{background:var(--ld-followup-lead-bg)}.floating-card:hover{border-color:var(--ld-tab-active-text);box-shadow:var(--ld-card-hover-shadow);transform:translateY(-4px)}.floating-card-icon{align-items:center;background:var(--ld-status-bg);border-radius:50%;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:56px}.floating-card.primary .floating-card-icon{background:var(--ld-refresh-btn-bg)}.floating-card.urgent .floating-card-icon{animation:pulseGlow 2s infinite;background:var(--ld-deactivate-btn-bg)}.floating-card.team .floating-card-icon{background:var(--ld-followup-lead-bg)}.floating-card:hover .floating-card-icon{transform:scale(1.1)}.floating-card-icon .material-symbols-rounded{color:var(--ld-card-text);font-size:28px;transition:all .3s ease}.floating-card.primary .floating-card-icon .material-symbols-rounded{color:var(--ld-refresh-btn-text)}.floating-card.urgent .floating-card-icon .material-symbols-rounded{color:var(--ld-deactivate-btn-text)}.floating-card.team .floating-card-icon .material-symbols-rounded{color:var(--ld-followup-lead-text)}.floating-card span{color:var(--ld-card-text);font-size:.9rem;font-weight:600;text-align:center;transition:all .3s ease}.floating-card:hover span{color:var(--ld-tab-active-text);transform:translateY(-2px)}.urgent-badge{align-items:center;animation:badgeGlow 2s infinite;background:var(--ld-deactivate-btn-bg);border:3px solid var(--ld-card-bg);border-radius:50%;box-shadow:var(--ld-card-shadow);color:var(--ld-deactivate-btn-text);display:flex;font-size:.7rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}@keyframes badgeGlow{0%,to{box-shadow:var(--ld-card-shadow);transform:scale(1)}50%{box-shadow:0 0 0 4px var(--ld-field-input-focus-shadow);transform:scale(1.1)}}.chat-panel{animation:chatSlideIn .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--ld-card-bg);border:1px solid var(--ld-card-border);border-radius:12px 20px 4px 20px;bottom:2rem;box-shadow:var(--ld-popup-shadow);display:flex;flex-direction:column;height:600px;max-width:calc(100vw - 4rem);overflow:hidden;position:fixed;right:2rem;width:380px;z-index:9999}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(100%) translateX(20px) scale(.9)}to{opacity:1;transform:translateY(0) translateX(0) scale(1)}}.chat-header{background:var(--ld-tab-active-bg);border-bottom:1px solid var(--ld-card-border);color:var(--ld-tab-active-text);gap:1rem;justify-content:between;padding:1rem 1.5rem}.chat-avatar,.chat-header{align-items:center;display:flex;flex-shrink:0}.chat-avatar{background:var(--ld-convert-btn-bg);border-radius:50%;height:36px;justify-content:center;width:36px}.chat-avatar .material-symbols-rounded{color:var(--ld-convert-btn-text);font-size:20px}.chat-title{flex:1 1}.chat-title h4{color:var(--ld-tab-active-text);font-size:1rem;font-weight:600;margin:0 0 .25rem}.chat-title p{font-size:.8rem;margin:0}.chat-close,.chat-title p{color:var(--ld-tab-active-text);opacity:.8}.chat-close{background:#0000;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s ease}.chat-close:hover{background:#ffffff1a;opacity:1;transform:scale(1.1)}.chat-close .material-symbols-rounded{font-size:18px}.chat-messages{background:var(--ld-popup-field-bg);display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:var(--ld-card-border);border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--ld-field-edit-icon-color)}.chat-message{animation:messageSlideIn .3s ease-out;background:var(--ld-card-bg);border:1px solid var(--ld-card-border);border-radius:12px 16px 4px 16px;padding:1rem;position:relative;transition:all .2s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) translateX(10px)}to{opacity:1;transform:translateY(0) translateX(0)}}.chat-message:hover{border-color:var(--ld-tab-active-text);box-shadow:var(--ld-card-hover-shadow)}.chat-message.priority-high{background:linear-gradient(135deg,var(--ld-card-bg),#b91c1c0d);border-left:3px solid var(--ld-deactivate-btn-text)}.chat-message.priority-medium{background:linear-gradient(135deg,var(--ld-card-bg),#d977060d);border-left:3px solid var(--ld-reset-btn-text)}.chat-message.completed{background:linear-gradient(135deg,var(--ld-card-bg),var(--ld-convert-btn-bg));border-left:3px solid var(--ld-convert-btn-text)}.message-header{gap:.75rem;margin-bottom:.75rem}.message-header,.message-icon{align-items:center;display:flex}.message-icon{background:var(--ld-status-bg);border-radius:8px;flex-shrink:0;height:32px;justify-content:center;width:32px}.message-icon.urgent{background:var(--ld-deactivate-btn-bg)}.message-icon.normal{background:var(--ld-refresh-btn-bg)}.message-icon.completed{animation:completedPulse 2s ease-in-out infinite;background:var(--ld-convert-btn-bg)}@keyframes completedPulse{0%,to{box-shadow:0 0 0 0 var(--ld-convert-btn-bg);transform:scale(1)}50%{box-shadow:0 0 0 4px #0000;transform:scale(1.05)}}.message-icon .material-symbols-rounded{color:var(--ld-card-text);font-size:16px}.message-icon.urgent .material-symbols-rounded{color:var(--ld-deactivate-btn-text)}.message-icon.normal .material-symbols-rounded{color:var(--ld-refresh-btn-text)}.message-icon.completed .material-symbols-rounded{color:var(--ld-convert-btn-text);font-weight:600}.message-details{flex:1 1}.message-details h6{color:var(--ld-card-text);font-size:.85rem;font-weight:600;margin:0 0 .25rem;text-transform:capitalize}.message-details p{color:var(--ld-field-label-text);font-size:.75rem;font-weight:500;margin:0}.message-time{background:var(--ld-popup-field-bg);border-radius:6px;color:var(--ld-field-edit-icon-color);flex-shrink:0;font-size:.7rem;padding:.25rem .5rem}.message-lead{margin-bottom:.75rem}.chat-lead-btn{align-items:center;background:var(--ld-popup-field-bg);border:1px solid var(--ld-card-border);border-radius:10px;color:var(--ld-card-text);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}.chat-lead-btn:hover{background:var(--ld-tab-hover-bg);border-color:var(--ld-tab-hover-text);color:var(--ld-tab-hover-text);transform:scale(1.02)}.chat-lead-btn .material-symbols-rounded{color:var(--ld-convert-btn-text);font-size:16px}.heat-dot{border-radius:50%;flex-shrink:0;height:8px;margin-left:auto;width:8px}.heat-dot.hot{background:var(--ld-deactivate-btn-text);box-shadow:0 0 4px var(--ld-deactivate-btn-text)}.heat-dot.warm{background:var(--ld-reset-btn-text);box-shadow:0 0 4px var(--ld-reset-btn-text)}.heat-dot.cold{background:var(--ld-refresh-btn-text);box-shadow:0 0 4px var(--ld-refresh-btn-text)}.message-actions{display:flex;justify-content:flex-end}.chat-action-btn{align-items:center;background:var(--ld-convert-btn-bg);border:none;border-radius:8px;color:var(--ld-convert-btn-text);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.chat-action-btn:hover{background:var(--ld-convert-btn-bg);box-shadow:var(--ld-btn-hover-shadow);transform:translateY(-1px)}.chat-action-btn .material-symbols-rounded{font-size:14px}.chat-empty{align-items:center;color:var(--ld-field-edit-icon-color);display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem 1rem;text-align:center}.chat-empty .material-symbols-rounded{animation:floatIcon 3s ease-in-out infinite;color:var(--ld-btn-disabled-text);font-size:3rem;margin-bottom:1rem}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.chat-empty h4{color:var(--ld-card-text);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.chat-empty p{color:var(--ld-field-edit-icon-color);font-size:.9rem;line-height:1.4;margin:0}.update-options-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10001}.update-options-popup{animation:updatePopupSlideIn .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--ld-card-bg);border:1px solid var(--ld-card-border);border-radius:12px;box-shadow:var(--ld-popup-shadow);max-height:80vh;max-width:500px;overflow:hidden;width:100%}@keyframes updatePopupSlideIn{0%{filter:blur(8px);opacity:0;transform:scale(.9) translateY(40px)}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}}.update-options-header{align-items:center;background:var(--ld-tab-active-bg);border-bottom:1px solid var(--ld-card-border);color:var(--ld-tab-active-text);display:flex;justify-content:space-between;padding:1.5rem 2rem}.update-header-content{align-items:center;display:flex;gap:1rem}.update-header-content .material-symbols-rounded{color:var(--ld-tab-active-text);font-size:24px}.update-header-content h4{color:var(--ld-tab-active-text);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.update-header-content p{color:var(--ld-tab-active-text);font-size:.85rem;margin:0;opacity:.8}.update-close-btn{background:#0000;border:none;border-radius:8px;color:var(--ld-tab-active-text);cursor:pointer;opacity:.8;padding:.5rem;transition:all .2s ease}.update-close-btn:hover{background:#ffffff1a;opacity:1;transform:scale(1.1)}.update-close-btn .material-symbols-rounded{font-size:20px}.update-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:2rem}.recent-interaction-section{background:var(--ld-popup-field-bg);border:1px solid var(--ld-card-border);border-radius:12px;margin:0 2rem 1rem;padding:1.5rem}.recent-interaction-header{align-items:center;border-bottom:1px solid var(--ld-card-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.recent-interaction-header .material-symbols-rounded{color:var(--ld-convert-btn-text);font-size:18px}.recent-interaction-header h5{color:var(--ld-card-text);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.recent-interaction-content{display:flex;flex-direction:column;gap:.75rem}.interaction-meta{align-items:center;display:flex;gap:1rem;justify-content:space-between}.interaction-type{background:var(--ld-refresh-btn-bg);border-radius:6px;color:var(--ld-refresh-btn-text);flex-shrink:0;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.interaction-date{background:var(--ld-card-bg);border:1px solid var(--ld-card-border);border-radius:4px;color:var(--ld-field-edit-icon-color);font-size:.75rem;padding:.25rem .5rem}.interaction-note{background:var(--ld-card-bg);border-left:3px solid var(--ld-convert-btn-text);border-radius:8px;color:var(--ld-card-text);font-size:.85rem;font-style:italic;line-height:1.4;margin:0;padding:.75rem}@media (max-width:768px){.recent-interaction-section{margin:0 1.5rem;padding:1rem}.interaction-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.interaction-note{font-size:.8rem;padding:.5rem}}.update-option-card{align-items:center;animation:updateOptionSlideIn .3s ease-out forwards;background:var(--ld-card-bg);border:1px solid var(--ld-card-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;opacity:0;overflow:hidden;padding:1.25rem;position:relative;text-align:center;transform:translateY(20px);transition:all .3s ease}@keyframes updateOptionSlideIn{to{opacity:1;transform:translateY(0)}}.update-option-card:first-child{animation-delay:.1s}.update-option-card:nth-child(2){animation-delay:.2s}.update-option-card:nth-child(3){animation-delay:.3s}.update-option-card:nth-child(4){animation-delay:.4s}.update-option-card:nth-child(5){animation-delay:.5s}.update-option-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:all .3s ease}.update-option-card:hover:before{transform:scaleX(1)}.update-option-card.walkedin:before{background:var(--ld-convert-btn-bg)}.update-option-card.walkin:before{background:var(--ld-reset-btn-bg)}.update-option-card.interested:before{background:var(--ld-refresh-btn-bg)}.update-option-card.reschedule:before{background:var(--ld-followup-lead-bg)}.update-option-card.cancel:before{background:var(--ld-deactivate-btn-bg)}.update-option-card:hover{border-color:var(--ld-tab-active-text);box-shadow:var(--ld-card-hover-shadow);transform:translateY(-4px)}.update-option-icon{align-items:center;background:var(--ld-popup-field-bg);border-radius:50%;display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.update-option-card.walkedin .update-option-icon{background:var(--ld-convert-btn-bg)}.update-option-card.walkin .update-option-icon{background:var(--ld-reset-btn-bg)}.update-option-card.interested .update-option-icon{background:var(--ld-refresh-btn-bg)}.update-option-card.reschedule .update-option-icon{background:var(--ld-followup-lead-bg)}.update-option-card.cancel .update-option-icon{background:var(--ld-deactivate-btn-bg)}.update-option-card:hover .update-option-icon{transform:scale(1.1)}.update-option-icon .material-symbols-rounded{color:var(--ld-card-text);font-size:28px}.update-option-card.walkedin .update-option-icon .material-symbols-rounded{color:var(--ld-convert-btn-text)}.update-option-card.walkin .update-option-icon .material-symbols-rounded{color:var(--ld-reset-btn-text)}.update-option-card.interested .update-option-icon .material-symbols-rounded{color:var(--ld-refresh-btn-text)}.update-option-card.reschedule .update-option-icon .material-symbols-rounded{color:var(--ld-followup-lead-text)}.update-option-card.cancel .update-option-icon .material-symbols-rounded{color:var(--ld-deactivate-btn-text)}.update-option-content h5{color:var(--ld-card-text);font-size:1rem;font-weight:600;margin:0 0 .25rem}.update-option-content p{color:var(--ld-field-edit-icon-color);font-size:.8rem;line-height:1.3;margin:0}@media (max-width:768px){.update-options-popup{margin:1rem;max-width:calc(100vw - 2rem)}.update-options-header{padding:1rem 1.5rem}.update-options-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1.5rem}.update-option-card{gap:.5rem;padding:1rem}.update-option-icon{height:48px;width:48px}.update-option-icon .material-symbols-rounded{font-size:24px}.update-option-content h5{font-size:.9rem}.update-option-content p{font-size:.75rem}}@media (max-width:480px){.update-options-grid{gap:.5rem;grid-template-columns:1fr}.update-option-card{align-items:center;flex-direction:row;padding:.75rem 1rem;text-align:left}.update-option-icon{flex-shrink:0;height:40px;width:40px}.update-option-icon .material-symbols-rounded{font-size:20px}}.update-close-btn:focus,.update-option-card:focus{outline:2px solid var(--ld-field-input-focus-border);outline-offset:2px}@media (prefers-reduced-motion:reduce){.update-option-card,.update-options-popup{animation:none;transition:none}.update-close-btn:hover,.update-option-card:hover{transform:none}.update-options-overlay,.update-options-popup{backdrop-filter:none;-webkit-backdrop-filter:none}}@media (prefers-contrast:high){.update-option-card,.update-options-popup{border:2px solid var(--ld-card-text)}.update-option-icon{border:2px solid}}.followups-fab{align-items:center;animation:fabGlow 3s ease-in-out infinite;background:var(--ld-deactivate-btn-bg);border:none;border-radius:50%;bottom:2rem;box-shadow:var(--ld-card-shadow);color:var(--ld-deactivate-btn-text);cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:9998}@keyframes fabGlow{0%,to{box-shadow:var(--ld-card-shadow);transform:scale(1)}50%{box-shadow:0 0 0 8px var(--ld-field-input-focus-shadow);transform:scale(1.05)}}.followups-fab:hover{box-shadow:var(--ld-btn-hover-shadow);transform:scale(1.1)}.followups-fab .material-symbols-rounded{font-size:24px}.fab-badge{align-items:center;animation:fabBadgeGlow 2s infinite;background:var(--ld-card-bg);border:2px solid var(--ld-deactivate-btn-text);border-radius:50%;box-shadow:var(--ld-card-shadow);color:var(--ld-deactivate-btn-text);display:flex;font-size:.65rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}@keyframes fabBadgeGlow{0%,to{box-shadow:var(--ld-card-shadow);transform:scale(1)}50%{box-shadow:0 0 0 4px var(--ld-field-input-focus-shadow);transform:scale(1.1)}}@media (max-width:768px){.floating-action-cards{align-items:center;flex-direction:column;gap:1rem}.floating-card{flex-direction:row;justify-content:flex-start;max-width:300px;padding:1rem 1.5rem;width:100%}.floating-card-icon{height:48px;width:48px}.floating-card-icon .material-symbols-rounded{font-size:24px}.chat-panel{bottom:1rem;height:400px;left:1rem;max-width:none;right:1rem;width:auto}.chat-header{padding:.75rem 1rem}.chat-message,.chat-messages{padding:.75rem}.followups-fab{bottom:1.5rem;height:48px;right:1.5rem;width:48px}.followups-fab .material-symbols-rounded{font-size:20px}.fab-badge{font-size:.6rem;height:18px;width:18px}}@media (max-width:480px){.chat-panel{border-radius:12px 16px 0 0;bottom:0;height:350px;left:0;right:0}.chat-header{padding:.75rem}.chat-title h4{font-size:.9rem}.chat-title p{font-size:.75rem}.message-header{align-items:flex-start;flex-direction:column;gap:.5rem}.message-time{align-self:flex-end}.chat-lead-btn{gap:.5rem;padding:.5rem}.chat-action-btn{font-size:.7rem;justify-content:center;padding:.4rem .6rem;width:100%}}.chat-action-btn:focus,.chat-close:focus,.chat-lead-btn:focus,.floating-card:focus,.followups-fab:focus{outline:2px solid var(--ld-field-input-focus-border);outline-offset:2px}@media (prefers-reduced-motion:reduce){.chat-message,.chat-panel,.floating-card{animation:none;transition:none}.chat-action-btn:hover,.chat-message:hover,.floating-card:hover,.followups-fab:hover{transform:none}.badgeGlow,.fabBadgeGlow,.fabGlow,.floatIcon,.pulseGlow{animation:none}.chat-panel,.floating-card{backdrop-filter:none;-webkit-backdrop-filter:none}}@media (prefers-contrast:high){.floating-card{border:2px solid var(--ld-card-text)}.chat-message{border:2px solid var(--ld-card-border)}.chat-panel{border:2px solid var(--ld-card-text)}.chat-action-btn,.fab-badge,.followups-fab,.heat-dot,.urgent-badge{border:2px solid}}[data-theme=dark] .chat-panel{box-shadow:0 20px 60px #00000080}[data-theme=dark] .chat-message:hover,[data-theme=dark] .floating-card:hover{box-shadow:var(--ld-card-hover-shadow)}.chat-message,.chat-panel,.floating-card{will-change:transform}.chat-message:hover,.floating-card:hover{will-change:transform,box-shadow}.chat-panel{transform:translateZ(0)}.floating-card:hover{transform:translate3d(0,-4px,0)}.chat-message:hover{transform:translate3d(0,-2px,0)}.followups-toast-management *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.olp-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a0f,0 4px 16px #0f172a0f;display:flex;flex-direction:column;font-family:DM Sans,Inter,-apple-system,sans-serif;overflow:hidden}.olp-glassy{background:#0000!important;border:none!important;box-shadow:none!important}.olp-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px 16px}.olp-glassy .olp-header{background:#ffffff14;border-bottom:1px solid #ffffff1f;border-radius:12px;margin-bottom:10px}.olp-header-left{align-items:center;display:flex;gap:10px}.olp-header-left>.material-symbols-rounded{color:#3b82f6;font-size:20px}.olp-title{color:#0f172a;font-size:13px;font-weight:700;letter-spacing:-.01em}.olp-subtitle{color:#94a3b8;font-size:11px;margin-top:2px}.olp-refresh-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .18s ease;width:28px}.olp-refresh-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.olp-refresh-btn:disabled{cursor:not-allowed;opacity:.4}.olp-refresh-btn .material-symbols-rounded{font-size:16px}.olp-empty,.olp-error,.olp-loading{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:8px;justify-content:center;padding:28px 18px}.olp-error{background:#fee2e299;border-bottom:1px solid #fecaca;color:#dc2626;font-size:12px;justify-content:flex-start;padding:10px 14px}.olp-error .material-symbols-rounded{font-size:14px}.olp-empty{flex-direction:column;gap:6px;padding:36px 18px}.olp-empty .material-symbols-rounded{color:#10b981;font-size:28px;opacity:.7}.olp-empty p{color:#94a3b8;font-size:12px;margin:0;text-align:center}@keyframes olp-spin{to{transform:rotate(1turn)}}.olp-spin{animation:olp-spin .75s linear infinite;display:inline-block}.olp-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;max-height:520px;overflow-y:auto;padding:8px}.olp-list::-webkit-scrollbar{width:3px}.olp-list::-webkit-scrollbar-track{background:#0000}.olp-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.olp-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.olp-item:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0f172a1a,0 1px 4px #0f172a0f;transform:translateY(-1px)}.olp-item-open{border-color:#bfdbfe!important;box-shadow:0 4px 16px #3b82f614!important}.olp-item-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .12s ease;-webkit-user-select:none;user-select:none}.olp-item-header:hover{background:#f8fafc}.olp-item-open>.olp-item-header{background:#eff6ffb3}.olp-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;box-shadow:0 1px 4px #2563eb40;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.olp-item-info{flex:1 1;min-width:0}.olp-name{align-items:center;color:#0f172a;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:6px;line-height:1.3}.olp-heat-badge{border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.05em;padding:2px 7px;text-transform:uppercase}.olp-meta{flex-wrap:wrap;gap:8px;margin-top:2px}.olp-meta,.olp-staleness{align-items:center;display:flex}.olp-staleness{font-size:11px;font-weight:500;gap:2px}.olp-staleness .material-symbols-rounded{font-size:11px}.olp-staleness-ok{color:#94a3b8}.olp-staleness-warn{color:#d97706}.olp-staleness-critical{color:#ef4444}.olp-program{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:2px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.olp-program .material-symbols-rounded{flex-shrink:0;font-size:11px}.olp-item-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.olp-open-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .15s ease;width:26px}.olp-open-btn:hover{background:#eff6ffcc;border-color:#bfdbfe;color:#3b82f6}.olp-open-btn .material-symbols-rounded{font-size:14px}.olp-chevron{color:#cbd5e1;font-size:18px!important;transition:transform .2s ease,color .2s ease}.olp-item-open .olp-chevron{color:#3b82f6;transform:rotate(180deg)}.olp-email-pane{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px;padding:10px 12px 14px}.olp-no-email,.olp-sent-confirm{align-items:center;border-radius:7px;display:flex;font-size:12px;gap:6px;padding:7px 10px}.olp-no-email{background:#fef3c7cc;border:1px solid #fde68a;color:#92400e}.olp-no-email .material-symbols-rounded{color:#d97706;font-size:14px}.olp-sent-confirm{background:#d1fae5cc;border:1px solid #a7f3d0;color:#065f46;flex-wrap:wrap}.olp-sent-confirm .material-symbols-rounded{color:#10b981;font-size:15px}.olp-resend-btn{background:none;border:1px solid #6ee7b7;border-radius:6px;color:#059669;cursor:pointer;font-size:11px;margin-left:auto;padding:2px 8px;transition:background .15s ease}.olp-resend-btn:hover{background:#10b98114}.olp-email-to{align-items:center;color:#475569;display:flex;font-size:12px;gap:5px}.olp-email-to .material-symbols-rounded{color:#3b82f6;font-size:13px}.olp-email-subject-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:7px 10px;transition:border-color .15s ease,box-shadow .15s ease}.olp-email-subject-row:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.olp-email-lbl{color:#94a3b8;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;width:44px}.olp-email-subject{background:#0000;border:none;color:#0f172a;flex:1 1;font-family:inherit;font-size:12px;font-weight:500;outline:none}.olp-email-subject::placeholder{color:#cbd5e1}.olp-email-body{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:12px;line-height:1.6;min-height:100px;outline:none;padding:9px 11px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.olp-email-body:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.olp-email-body::placeholder{color:#cbd5e1}.olp-email-footer{align-items:center;display:flex;gap:10px;justify-content:space-between}.olp-email-hint{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:4px}.olp-email-hint .material-symbols-rounded{color:#a5b4fc;font-size:12px}.olp-send-btn{align-items:center;background:#3b82f6;border:none;border-radius:7px;box-shadow:0 1px 4px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 14px;transition:all .18s ease}.olp-send-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.olp-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.olp-send-btn .material-symbols-rounded{font-size:14px}.olp-footer{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;font-size:11px;min-height:28px;padding:7px 14px}[data-theme=dark] .olp-panel{background:#161b22;border-color:#21262d;box-shadow:0 1px 3px #0000004d,0 4px 16px #00000040}[data-theme=dark] .olp-header{background:#161b22;border-bottom-color:#21262d}[data-theme=dark] .olp-title{color:#f0f6fc}[data-theme=dark] .olp-subtitle{color:#484f58}[data-theme=dark] .olp-refresh-btn{background:#1c2128;border-color:#21262d;color:#8b949e}[data-theme=dark] .olp-refresh-btn:hover:not(:disabled){background:#21262d;border-color:#8b949e;color:#f0f6fc}[data-theme=dark] .olp-item{background:#1c2128;border-color:#21262d}[data-theme=dark] .olp-item:hover{border-color:#30363d;box-shadow:0 4px 12px #0006}[data-theme=dark] .olp-item-open{border-color:#58a6ff4d!important;box-shadow:0 4px 16px #58a6ff14!important}[data-theme=dark] .olp-item-header:hover{background:#0d1117}[data-theme=dark] .olp-item-open>.olp-item-header{background:#1f6feb14}[data-theme=dark] .olp-name{color:#f0f6fc}[data-theme=dark] .olp-program{color:#484f58}[data-theme=dark] .olp-avatar{background:linear-gradient(135deg,#1f6feb,#1158c7)}[data-theme=dark] .olp-open-btn{background:#21262d;border-color:#30363d;color:#484f58}[data-theme=dark] .olp-open-btn:hover{background:#1f6feb26;border-color:#58a6ff4d;color:#58a6ff}[data-theme=dark] .olp-chevron{color:#30363d}[data-theme=dark] .olp-item-open .olp-chevron{color:#58a6ff}[data-theme=dark] .olp-email-pane{background:#0d1117;border-top-color:#21262d}[data-theme=dark] .olp-email-subject-row{background:#161b22;border-color:#30363d}[data-theme=dark] .olp-email-subject-row:focus-within{border-color:#58a6ff80;box-shadow:0 0 0 3px #58a6ff14}[data-theme=dark] .olp-email-subject{color:#f0f6fc}[data-theme=dark] .olp-email-body{background:#161b22;border-color:#30363d;color:#c9d1d9}[data-theme=dark] .olp-email-body:focus{border-color:#58a6ff80;box-shadow:0 0 0 3px #58a6ff14}[data-theme=dark] .olp-email-to{color:#8b949e}[data-theme=dark] .olp-footer{background:#0d1117;border-top-color:#21262d;color:#484f58}[data-theme=dark] .olp-send-btn{background:#1f6feb;box-shadow:0 1px 4px #1f6feb4d}[data-theme=dark] .olp-send-btn:hover:not(:disabled){background:#388bfd;box-shadow:0 4px 12px #1f6feb59}.olp-glassy .olp-header{border-radius:10px;margin-bottom:8px}.olp-glassy .olp-list{padding:0}.olp-glassy .olp-footer{background:#0000;border-top:none}:root[data-theme=light]{--bg-primary:#fff;--bg-mat-icon:#000;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-accent:linear-gradient(135deg,#bbf7d0,#dcfce7);--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-accent:#000;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-accent:#a7f3d0;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 25px #0000001f;--shadow-accent:0 4px 16px #991b1b26;--status-critical:linear-gradient(135deg,#fecaca,#fed7d7);--status-critical-text:#991b1b;--status-success:linear-gradient(135deg,#bbf7d0,#dcfce7);--status-success-text:#065f46;--status-warning:linear-gradient(135deg,#fef3c7,#fde68a);--status-warning-text:#92400e;--status-info:linear-gradient(135deg,#dbeafe,#bfdbfe);--status-info-text:#1e40af;--status-primary:linear-gradient(135deg,#f3e8ff,#e9d5ff);--status-primary-text:#7c3aed}:root[data-theme=dark]{--bg-primary:#0f0f0f;--bg-mat-icon:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--bg-accent:linear-gradient(135deg,#065f46,#047857);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-accent:#f3f4f6;--border-light:#2a2a2a;--border-medium:#404040;--border-accent:#065f46;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 25px #00000080;--shadow-accent:0 4px 16px #fecaca26;--status-critical:linear-gradient(135deg,#dc2626,#991b1b);--status-critical-text:#fecaca;--status-success:linear-gradient(135deg,#065f46,#047857);--status-success-text:#bbf7d0;--status-warning:linear-gradient(135deg,#92400e,#b45309);--status-warning-text:#fde68a;--status-info:linear-gradient(135deg,#1e40af,#3730a3);--status-info-text:#bfdbfe;--status-primary:linear-gradient(135deg,#7c3aed,#6d28d9);--status-primary-text:#e9d5ff}.admin-profile-container{background:var(--bg-secondary);color:var(--text-primary);font-family:Google Sans,Inter,system-ui,sans-serif;min-height:100vh;padding:1rem;transition:all .3s ease}.error-state,.loading-state{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--text-accent)}.retry-btn{background:var(--bg-accent);border:1px solid var(--border-accent);color:var(--text-accent);margin-top:1rem}.admin-header{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:1rem;overflow:hidden;padding:.5rem;transition:all .3s ease}.admin-header:before{background:var(--status-critical);content:"";height:4px;left:0;position:absolute;right:0;top:0}.admin-header:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ap-header-left{align-items:center;display:flex;gap:2rem}.admin-avatar{border:4px solid var(--border-accent);border-radius:50%;box-shadow:var(--shadow-md);height:120px;overflow:hidden;position:relative;width:120px}.admin-avatar img{height:100%;object-fit:cover;width:100%}.admin-badge{align-items:center;background:var(--status-critical);border:3px solid var(--bg-primary);border-radius:50%;bottom:8px;box-shadow:var(--shadow-sm);display:flex;height:36px;justify-content:center;position:absolute;right:8px;width:36px}.admin-badge .material-symbols-rounded{color:var(--status-critical-text);font-size:20px}.admin-info h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.admin-title{color:var(--text-accent);font-size:.8rem;font-weight:600;letter-spacing:1px;margin:0 0 .25rem;text-transform:uppercase}.admin-id{color:var(--text-secondary);font-size:.7rem;font-weight:500;margin:0 0 1rem}.status-badges{display:flex;flex-wrap:wrap;gap:.75rem}.status-badge{padding:.5rem;transition:all .2s ease}.status-badge,.status-badge.active{background:var(--status-success);color:var(--status-success-text)}.status-badge.inactive{background:var(--status-warning);color:var(--status-warning-text)}.privilege-badge{background:var(--status-critical);border:1px solid var(--border-accent);border-radius:12px;box-shadow:var(--shadow-sm);color:var(--status-critical-text);font-size:.9rem;font-weight:600;padding:.5rem 1rem}.system-status{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;color:var(--text-secondary);display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem}.adp-status-indicator{animation:pulse 2s infinite;background:var(--status-success-text);border-radius:50%;height:12px;width:12px}.adp-status-indicator.active{background:#22c55e}.adp-status-indicator.warning{background:#f59e0b}.adp-status-indicator.error{background:#ef4444}.emergency-btn,.theme-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.theme-toggle:hover{background:var(--bg-accent);color:var(--text-accent);transform:scale(1.05)}.emergency-btn{background:var(--status-critical);border-color:var(--border-accent);color:var(--status-critical-text)}.emergency-btn:hover{box-shadow:var(--shadow-accent);transform:scale(1.05)}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.overview-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-md);display:flex;gap:1.5rem;overflow:hidden;padding:.5rem;transition:all .3s ease}.overview-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.overview-card.critical:before{background:var(--status-critical)}.overview-card.success:before{background:var(--status-success)}.overview-card.warning:before{background:var(--status-warning)}.overview-card.info:before{background:var(--status-info)}.overview-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.overview-card:hover:before{height:8px}.card-icon{align-items:center;border-radius:12px;display:flex;height:52px;justify-content:center;width:52px}.overview-card.critical .card-icon{background:var(--status-critical)}.overview-card.success .card-icon{background:var(--status-success)}.overview-card.warning .card-icon{background:var(--status-warning)}.overview-card.info .card-icon{background:var(--status-info)}.card-icon .material-symbols-rounded{color:var(--bg-mat-icon);font-size:32px}.card-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1;margin:0 0 .5rem}.card-content p{color:var(--text-secondary);font-size:.8rem;font-weight:500;margin:0 0 .5rem}.trend{border-radius:6px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.trend.positive{background:var(--status-success);color:var(--status-success-text)}.trend.negative{background:var(--status-critical);color:var(--status-critical-text)}.trend.neutral{background:var(--status-warning);color:var(--status-warning-text)}.admin-tabs{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:2rem;overflow-x:auto;padding:1rem}.admin-tab,.admin-tabs{border:1px solid var(--border-light);display:flex;gap:.5rem}.admin-tab{align-items:center;background:#0000;border-radius:12px;color:var(--text-secondary);cursor:pointer;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.admin-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-tab.active{background:var(--bg-accent);border-color:var(--border-accent);box-shadow:var(--shadow-sm);color:var(--text-accent);font-weight:600}.admin-tab .material-symbols-rounded{font-size:20px}.admin-content{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-md);min-height:600px;padding:2rem}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.admin-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;transition:all .3s ease}.admin-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-section.full-width{grid-column:1/-1}.section-header{border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:1rem}.section-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0}.section-header .material-symbols-rounded{background:#0000;border-radius:10px;font-size:24px;padding:.5rem}.health-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.health-metric{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.health-metric:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.metric-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.health-metric.good .metric-indicator{background:var(--status-success-text)}.health-metric.warning .metric-indicator{background:var(--status-warning-text)}.health-metric.critical .metric-indicator{background:var(--status-critical-text)}.metric-content h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .25rem}.metric-content p{color:var(--text-secondary);font-size:.75rem;margin:0}.admin-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-action-card{align-items:center;border:1px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.admin-action-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.admin-action-card.primary:before{background:var(--status-primary)}.admin-action-card.critical:before{background:var(--status-critical)}.admin-action-card.warning:before{background:var(--status-warning)}.admin-action-card.info:before{background:var(--status-info)}.admin-action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-action-card:hover:before{height:6px}.action-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.admin-action-card.primary .action-icon{background:var(--status-primary)}.admin-action-card.critical .action-icon{background:var(--status-critical)}.admin-action-card.warning .action-icon{background:var(--status-warning)}.admin-action-card.info .action-icon{background:var(--status-info)}.action-icon .material-symbols-rounded{color:var(--bg-mat-icon);font-size:24px}.action-content{flex:1 1}.action-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.action-content p{color:var(--text-secondary);font-size:.8rem;margin:0}.action-arrow{color:var(--text-secondary);opacity:0;transition:all .2s ease}.admin-action-card:hover .action-arrow{opacity:1;transform:translateX(4px)}.admin-activity-list{display:flex;flex-direction:column;gap:1rem}.admin-activity-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.admin-activity-item:hover{box-shadow:var(--shadow-sm);transform:translateX(4px)}.activity-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-icon.success{background:var(--status-success)}.activity-icon.warning{background:var(--status-warning)}.activity-icon.info{background:var(--status-info)}.activity-icon.critical{background:var(--status-critical)}.activity-icon .material-symbols-rounded{color:var(--bg-primary);font-size:20px}.activity-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.activity-main h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.activity-main p{color:var(--text-secondary);font-size:.9rem;margin:0}.activity-time span{color:var(--text-muted);font-size:.8rem;font-weight:500}.activity-severity{align-items:center;display:flex;padding:.25rem}.severity-dot{border-radius:50%;height:8px;width:8px}.activity-severity.success .severity-dot{background:var(--status-success-text)}.activity-severity.warning .severity-dot{background:var(--status-warning-text)}.activity-severity.info .severity-dot{background:var(--status-info-text)}.activity-severity.critical .severity-dot{background:var(--status-critical-text)}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.admin-profile-container{padding:1rem}.admin-header{flex-direction:column;gap:2rem;text-align:center}.ap-header-left{flex-direction:column;gap:1rem}.admin-avatar{height:100px;width:100px}.admin-info h1{font-size:2rem}.overview-grid{grid-template-columns:1fr}.overview-card{padding:1.5rem}.admin-tabs{flex-wrap:wrap}.admin-content{padding:1.5rem}.admin-actions-grid,.health-metrics{grid-template-columns:1fr}}@media (max-width:480px){.admin-header{padding:1.5rem}.admin-content{padding:1rem}.admin-action-card,.overview-card{flex-direction:column;gap:1rem;text-align:center}.admin-activity-item{flex-direction:column;gap:.75rem;text-align:center}.activity-content{flex-direction:column;gap:.5rem}}.admin-profile-container{animation:fadeIn .5s ease-out}.overview-card{animation:slideInUp .4s ease-out}.overview-card:first-child{animation-delay:.1s}.overview-card:nth-child(2){animation-delay:.2s}.overview-card:nth-child(3){animation-delay:.3s}.overview-card:nth-child(4){animation-delay:.4s}.admin-section{animation:slideInLeft .4s ease-out}.admin-section:first-child{animation-delay:.1s}.admin-section:nth-child(2){animation-delay:.2s}.admin-section:nth-child(3){animation-delay:.3s}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.admin-action-card:focus,.admin-tab:focus,.emergency-btn:focus,.theme-toggle:focus{outline:2px solid var(--text-accent);outline-offset:2px}@media (prefers-contrast:high){:root[data-theme=light]{--border-light:#000;--text-secondary:#000;--bg-secondary:#fff}:root[data-theme=dark]{--border-light:#fff;--text-secondary:#fff;--bg-secondary:#000}}:root[data-theme=dark] .overview-card{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:1px solid #404040}:root[data-theme=dark] .admin-content,:root[data-theme=dark] .admin-header{background:linear-gradient(145deg,#0f0f0f,#1a1a1a);border:1px solid #2a2a2a}:root[data-theme=dark] .admin-section{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:1px solid #404040}@media print{.admin-profile-container{background:#fff;box-shadow:none;color:#000}.admin-tabs,.emergency-btn,.header-actions,.theme-toggle{display:none}.admin-section,.overview-card{border:1px solid #000;box-shadow:none;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}.admin-action-card:before,.admin-header:before,.overview-card:before{display:none}}.admin-profile-container::-webkit-scrollbar{width:8px}.admin-profile-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.admin-profile-container::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.admin-profile-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[title]{position:relative}[title]:hover:after{background:var(--text-primary);border-radius:6px;bottom:100%;box-shadow:var(--shadow-md);color:var(--bg-primary);content:attr(title);font-size:.8rem;padding:.5rem .75rem;white-space:nowrap}[title]:hover:after,[title]:hover:before{left:50%;position:absolute;transform:translateX(-50%);z-index:1000}[title]:hover:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--text-primary);bottom:calc(100% - 6px);content:"";height:0;width:0}.emergency-btn{overflow:hidden;position:relative}.emergency-btn:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.emergency-btn:hover:after{height:300px;width:300px}.adp-status-indicator.active{box-shadow:0 0 10px #22c55e80}.adp-status-indicator.warning{box-shadow:0 0 10px #f59e0b80}.adp-status-indicator.error{box-shadow:0 0 10px #ef444480}.overview-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.admin-action-card:hover .action-icon{transform:scale(1.1)}.admin-section.loading{opacity:.7;position:relative}.admin-section.loading:after{animation:spin 1s linear infinite;border-top:2px solid var(--border-light);border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--text-accent);content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.admin-id-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.admin-display-id{color:var(--text-muted);font-size:.9rem;font-weight:500}.admin-id-separator{color:var(--text-muted);font-weight:300}.admin-display-id,.admin-status-badge,.admin-type-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.admin-status-badge.active{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.admin-status-badge.inactive{background-color:#fef3c7;border:1px solid #fed7aa;color:#92400e}.admin-status-badge.suspended{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.admin-display-id{background-color:#e0e7ff;border:1px solid #c7d2fe;color:#3730a3}.admin-type-badge.branch_admin{background-color:#f3e8ff;border:1px solid #e9d5ff;color:#7c3aed}.admin-type-badge.admin{background-color:#fef3c7;border:1px solid #fed7aa;color:#92400e}.admin-type-badge.moderator{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1d4ed8}.admin-type-badge.staff{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.admin-type-badge.user{background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569}[data-theme=dark] .admin-status-badge.active{background-color:#22c55e33;border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .admin-status-badge.inactive{background-color:#fbbf2433;border-color:#fbbf244d;color:#fbbf24}[data-theme=dark] .admin-status-badge.suspended{background-color:#ef444433;border-color:#ef44444d;color:#f87171}[data-theme=dark] .admin-type-badge.branch_admin{background-color:#8b5cf633;border-color:#8b5cf64d;color:#a78bfa}[data-theme=dark] .admin-type-badge.admin{background-color:#fbbf2433;border-color:#fbbf244d;color:#fbbf24}.system-overview{margin-bottom:2rem}.student-sidebar-scrollable{flex:1 1;margin-right:-8px;overflow-y:auto;padding-right:8px;padding-top:8px}.student-sidebar-scrollable::-webkit-scrollbar{width:6px}.student-sidebar-scrollable:hover::-webkit-scrollbar{width:8px}.student-sidebar-scrollable::-webkit-scrollbar-thumb{background-color:#94a3b899;border-radius:8px}.student-sidebar-scrollable::-webkit-scrollbar-track{background:#0000}.sidebar-two-col{grid-gap:.5rem 1rem;display:grid;gap:.5rem 1rem;grid-template-columns:1fr 1fr}.student-audit-trail-block{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.student-audit-pair{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.8rem 1rem;transition:all .3s ease}.student-audit-pair .student-label{color:var(--text-secondary);font-size:.8rem;font-weight:500;transition:color .3s ease}.student-audit-pair .student-value{color:var(--text-primary);flex:1 1 auto;font-size:.95rem;font-weight:500;transition:color .3s ease;word-break:break-word}.field-group{grid-gap:1.5rem 2rem;gap:1.5rem 2rem}.field-item{transition:all .2s ease}.enhanced-field-item{margin:-.5rem -.5rem .5rem}.enhanced-field-item.has-changes{background:#bbf7d01a;border:1px solid #10b981;border:1px solid var(--border-accent,#10b981)}.st-label{color:var(--text-secondary);font-size:.82rem;font-weight:500;gap:.25rem}.st-label,.st-value-container{align-items:center;display:flex}.st-value-container{border-radius:.6rem;cursor:pointer;justify-content:space-between;transition:background-color .2s ease}.st-value-container:hover{background-color:var(--bg-tertiary)}.st-value-text{flex-grow:1;font-weight:600;white-space:pre-wrap;word-break:break-word}.st-edit-input,.st-value-text{color:var(--text-primary);font-size:.92rem}.st-edit-input{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.6rem;font-weight:500;outline:none;padding:.55rem .75rem;transition:all .2s ease;width:100%}.st-edit-input:focus{border-color:#6366f1;border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px #6366f11a}.st-edit-icon-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;padding:.3rem;transition:color .2s ease}.st-edit-icon-btn:hover{color:#6366f1;color:var(--color-primary,#6366f1)}.st-value-container .st-edit-icon-btn{opacity:0;transition:opacity .2s ease}.st-value-container:hover .st-edit-icon-btn{opacity:1}.personal-action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-top:1rem}.change-indicator{align-items:center;color:#10b981;color:var(--status-success,#10b981);display:flex;font-size:.75rem;gap:.2rem;position:absolute;right:.5rem;top:.5rem}.change-indicator .material-symbols-rounded{font-size:.9rem}[data-theme=dark] .student-audit-pair{background:#ffffff0a;border-color:#ffffff14}.profile-router-container{font-family:Google Sans,Inter,system-ui,sans-serif;min-height:100vh;width:100%}.profile-loading{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.loading-spinner{border:6px solid #e2e8f0;border-top-color:#3b82f6;height:64px;margin-bottom:2rem;width:64px}.profile-loading h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.profile-loading p{color:#64748b;font-size:1rem;margin:0}.profile-error{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.profile-error .material-symbols-rounded{color:#dc2626;font-size:4rem;margin-bottom:1rem}.profile-error h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.profile-error p{color:#64748b;font-size:1rem;margin:0 0 2rem;max-width:400px}.retry-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;color:#fff;font-size:1rem;font-weight:600}.retry-btn:hover{box-shadow:0 4px 16px #dc26264d;transform:translateY(-2px)}.retry-btn .material-symbols-rounded{font-size:20px}.generic-profile-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:100vh;padding:2rem}.generic-profile-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:3rem;padding:2rem;text-align:center}.generic-profile-header h1{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.generic-profile-header p{color:#64748b;font-size:1.1rem;margin:0}.generic-profile-content{grid-gap:2rem;display:grid;gap:2rem;margin:0 auto;max-width:800px}.pr-profile-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.pr-profile-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.pr-profile-section p{color:#64748b;line-height:1.6;margin:0 0 1rem}.action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.generic-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.generic-btn:hover{box-shadow:0 4px 16px #3b82f64d;transform:translateY(-2px)}.generic-btn .material-symbols-rounded{font-size:20px}.unsupported-profile-container{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;justify-content:center;min-height:100vh;padding:2rem}.unsupported-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 25px #0000001f;max-width:500px;padding:3rem;text-align:center;width:100%}.unsupported-content .material-symbols-rounded{color:#f59e0b;font-size:4rem;margin-bottom:1.5rem}.unsupported-content h2{color:#1e293b;font-size:1.75rem;font-weight:600;margin:0 0 1rem}.unsupported-content p{color:#64748b;line-height:1.6;margin:0 0 1rem}.unsupported-content strong{color:#1e293b;font-weight:600}.support-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.support-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.support-btn:hover{box-shadow:0 4px 16px #f59e0b4d;transform:translateY(-2px)}.support-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563)}.support-btn.secondary:hover{box-shadow:0 4px 16px #6b72804d}.support-btn .material-symbols-rounded{font-size:20px}@media (max-width:768px){.generic-profile-container,.profile-error,.profile-loading,.unsupported-profile-container{padding:1rem}.generic-profile-header h1{font-size:2rem}.action-buttons{grid-template-columns:1fr}.support-actions{gap:.75rem}.unsupported-content{padding:2rem}}@media (max-width:480px){.profile-error h3,.profile-loading h3{font-size:1.25rem}.generic-profile-header h1{font-size:1.75rem}.unsupported-content h2{font-size:1.5rem}.loading-spinner{height:48px;width:48px}}.profile-router-container{animation:fadeIn .5s ease-out}.generic-profile-header,.pr-profile-section{animation:slideInUp .4s ease-out}.pr-profile-section:first-child{animation-delay:.1s}.pr-profile-section:nth-child(2){animation-delay:.2s}.unsupported-content{animation:scaleIn .4s ease-out}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.generic-btn:focus,.retry-btn:focus,.support-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-color-scheme:dark){.profile-loading{background:linear-gradient(135deg,#1e293b,#334155);color:#f1f5f9}.profile-loading h3{color:#f1f5f9}.profile-loading p{color:#cbd5e1}.profile-error{background:linear-gradient(135deg,#1e293b,#334155);color:#f1f5f9}.profile-error h3{color:#f1f5f9}.profile-error p{color:#cbd5e1}.generic-profile-container{background:linear-gradient(135deg,#1e293b,#334155)}.generic-profile-header,.pr-profile-section{background:#0f172a;border-color:#334155;color:#f1f5f9}.generic-profile-header h1,.pr-profile-section h3{color:#f1f5f9}.pr-profile-section p{color:#cbd5e1}.unsupported-content{background:#0f172a;border-color:#334155;color:#f1f5f9}.unsupported-content h2{color:#f1f5f9}.unsupported-content p{color:#cbd5e1}}:root{--tk-overlay-bg:#0006;--tk-popup-bg:#fffffff2;--tk-popup-border:#fff3;--tk-popup-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;--tk-text-primary:#1e293b;--tk-text-secondary:#374151;--tk-text-muted:#6b7280;--tk-text-light:#9ca3af;--tk-header-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--tk-header-border:#065f461a;--tk-header-divider:linear-gradient(90deg,#0000,#065f464d,#0000);--tk-header-title:#065f46;--tk-header-subtitle:#047857;--tk-header-icon-bg:linear-gradient(135deg,#065f46,#059669);--tk-header-icon-text:#fff;--tk-header-icon-shadow:0 8px 20px #065f464d;--tk-close-btn-bg:#fffc;--tk-close-btn-text:#6b7280;--tk-close-btn-hover-bg:#ef44441a;--tk-close-btn-hover-text:#ef4444;--tk-body-bg:linear-gradient(135deg,#f9fafb,#fff);--tk-scrollbar-thumb:#065f4633;--tk-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--tk-btn-primary-text:#fff;--tk-btn-primary-shadow:0 4px 12px #3b82f64d;--tk-btn-primary-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--tk-btn-primary-hover-shadow:0 8px 20px #3b82f666;--tk-btn-secondary-bg:#ffffffe6;--tk-btn-secondary-text:#374151;--tk-btn-secondary-border:#e5e7eb;--tk-btn-secondary-hover-bg:#f9fafbf2;--tk-btn-secondary-hover-border:#d1d5db;--tk-btn-secondary-hover-shadow:0 4px 12px #00000014;--tk-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--tk-success-text:#065f46;--tk-success-border:#6ee7b7;--tk-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--tk-error-text:#991b1b;--tk-error-border:#fca5a5;--tk-table-bg:#fffffff2;--tk-table-border:#065f461a;--tk-table-header-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--tk-table-row-hover:#065f460d;--tk-table-row-border:#065f4614}[data-theme=dark]{--tk-overlay-bg:#000000b3;--tk-popup-bg:#1a1a1af2;--tk-popup-border:#0f83;--tk-popup-shadow:0 20px 60px #000c,0 8px 32px #00ff881a,inset 0 1px 0 #00ff881a;--tk-text-primary:#fff;--tk-text-secondary:#fff;--tk-text-muted:#d1d5db;--tk-text-light:#9aa4b2;--tk-header-bg:linear-gradient(135deg,#00ff8826,#1a1a1af2);--tk-header-border:#00ff8826;--tk-header-divider:linear-gradient(90deg,#0000,#00ff884d,#0000);--tk-header-title:#1de6a5;--tk-header-subtitle:#3efcd9;--tk-header-icon-bg:linear-gradient(135deg,#1de6a5,#00cc6a);--tk-header-icon-text:#000;--tk-header-icon-shadow:0 8px 20px #0f86;--tk-close-btn-bg:#333c;--tk-close-btn-text:#fff;--tk-close-btn-hover-bg:#ef444433;--tk-close-btn-hover-text:#ffcdd2;--tk-body-bg:#1a1a1ae6;--tk-scrollbar-thumb:#00ff884d;--tk-btn-primary-bg:linear-gradient(135deg,#00f2fe,#0ea5e9);--tk-btn-primary-text:#000;--tk-btn-primary-shadow:0 4px 12px #00f2fe4d;--tk-btn-primary-hover-bg:linear-gradient(135deg,#0ea5e9,#0284c7);--tk-btn-primary-hover-shadow:0 8px 20px #00f2fe66;--tk-btn-secondary-bg:#333c;--tk-btn-secondary-text:#fff;--tk-btn-secondary-border:#fff3;--tk-btn-secondary-hover-bg:#00ff881a;--tk-btn-secondary-hover-border:#00ff884d;--tk-btn-secondary-hover-shadow:0 4px 12px #0f83;--tk-success-bg:#0f83;--tk-success-text:#1de6a5;--tk-success-border:#0f86;--tk-error-bg:#f4433633;--tk-error-text:#ffcdd2;--tk-error-border:#f4433666;--tk-table-bg:#1a1a1af2;--tk-table-border:#0f83;--tk-table-header-bg:linear-gradient(135deg,#00ff8826,#1a1a1af2);--tk-table-row-hover:#00ff8814;--tk-table-row-border:#00ff881a}.tk-workflow-approvals-page{background:linear-gradient(135deg,#f9fafb,#fff);background:var(--tk-body-bg);color:#1e293b;color:var(--tk-text-primary);font-family:Google Sans,Poppins,sans-serif;margin:0;min-height:100vh;padding:1rem;position:relative;width:100%}.tk-header-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--tk-header-bg);border:1px solid #065f461a;border:1px solid var(--tk-header-border);border-radius:12px;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;box-shadow:var(--tk-popup-shadow);margin-bottom:1rem;padding:1rem;position:relative}.tk-header-section:before{background:linear-gradient(90deg,#0000,#065f464d,#0000);background:var(--tk-header-divider);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.tk-header-content{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.tk-header-info{align-items:center;display:flex;gap:1.5rem}.tk-header-icon{align-items:center;background:linear-gradient(135deg,#065f46,#059669);background:var(--tk-header-icon-bg);border-radius:18px;box-shadow:0 8px 20px #065f464d;box-shadow:var(--tk-header-icon-shadow);color:#fff;color:var(--tk-header-icon-text);display:flex;flex-shrink:0;font-size:1rem;height:64px;justify-content:center;transition:all .3s ease;width:64px}.tk-header-text h1{color:#065f46;color:var(--tk-header-title);font-family:Google Sans,Poppins,sans-serif;font-size:1rem;font-weight:700;margin:0 0 .5rem;transition:color .3s ease}.tk-header-text p{color:#047857;color:var(--tk-header-subtitle);font-size:1.1rem;margin:0 0 .75rem;opacity:.9;transition:color .3s ease}.tk-auto-refresh-status{align-items:center;color:#6b7280;color:var(--tk-text-muted);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-top:.25rem;opacity:.8}.tk-auto-refresh-status .material-symbols-rounded{animation:tk-spin 2s linear infinite;font-size:16px}.tk-header-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem}.tk-status-filter{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;background:var(--tk-popup-bg);border:2px solid #065f461a;border:2px solid var(--tk-header-border);border-radius:12px;color:#1e293b;color:var(--tk-text-primary);font-family:inherit;font-weight:500;padding:.75rem 1.25rem;transition:all .3s ease}.tk-status-filter:focus{border-color:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:var(--tk-btn-primary-bg);box-shadow:0 0 0 3px #3b82f61a;outline:none}.tk-refresh-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;background:var(--tk-btn-secondary-bg);border:2px solid #e5e7eb;border:2px solid var(--tk-btn-secondary-border);border-radius:12px;color:#374151;color:var(--tk-btn-secondary-text);cursor:pointer;display:flex;font-family:inherit;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.tk-refresh-btn:hover:not(:disabled){background:#f9fafbf2;background:var(--tk-btn-secondary-hover-bg);border-color:#d1d5db;border-color:var(--tk-btn-secondary-hover-border);box-shadow:0 4px 12px #00000014;box-shadow:var(--tk-btn-secondary-hover-shadow);transform:translateY(-2px)}.tk-refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.tk-message-banner{align-items:center;animation:tk-slideDown .3s ease-out;border-radius:12px;display:flex;font-weight:600;gap:1rem;margin-bottom:1rem;padding:1rem 1.5rem;transition:all .3s ease}.tk-message-banner.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--tk-success-bg);border:2px solid #6ee7b7;border:2px solid var(--tk-success-border);color:#065f46;color:var(--tk-success-text)}.tk-message-banner.error{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--tk-error-bg);border:2px solid #fca5a5;border:2px solid var(--tk-error-border);color:#991b1b;color:var(--tk-error-text)}.tk-tab-navigation{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--tk-popup-bg);border:1px solid #fff3;border:1px solid var(--tk-popup-border);border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem}.tk-tab-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#6b7280;color:var(--tk-text-muted);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.tk-tab-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--tk-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--tk-btn-primary-shadow);color:#fff;color:var(--tk-btn-primary-text)}.tk-tab-btn:not(.active):hover{background:#3b82f61a;color:#1e293b;color:var(--tk-text-primary)}.tk-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--tk-table-bg);border:1px solid #065f461a;border:1px solid var(--tk-table-border);border-radius:12px;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;box-shadow:var(--tk-popup-shadow);overflow:hidden}.tk-table-wrapper{max-height:70vh;overflow-x:auto;overflow-y:auto}.tk-data-table{border-collapse:collapse;font-family:inherit;font-size:.9rem;width:100%}.tk-data-table thead{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--tk-table-header-bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.tk-data-table th{border-bottom:2px solid #065f461a;border-bottom:2px solid var(--tk-table-border);color:#065f46;color:var(--tk-header-title);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.tk-data-table th .material-symbols-rounded{color:#065f46;color:var(--tk-header-title);font-size:18px;margin-right:.5rem;vertical-align:middle}.tk-data-table tbody tr{border-bottom:1px solid #065f4614;border-bottom:1px solid var(--tk-table-row-border);transition:all .2s ease}.tk-data-table tbody tr:hover{background:#065f460d;background:var(--tk-table-row-hover);transform:scale(1.001)}.tk-data-table tbody tr:last-child{border-bottom:none}.tk-data-table td{border-bottom:1px solid #065f4614;border-bottom:1px solid var(--tk-table-row-border);color:#1e293b;color:var(--tk-text-primary);padding:1rem;vertical-align:top}.tk-execution-info,.tk-task-info{min-width:280px}.tk-execution-main,.tk-task-main{align-items:flex-start;display:flex;gap:1rem}.tk-execution-icon,.tk-task-icon{align-items:center;background:linear-gradient(135deg,#065f46,#059669);background:var(--tk-header-icon-bg);border-radius:10px;box-shadow:0 4px 12px #065f464d;color:#fff;color:var(--tk-header-icon-text);display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}[data-theme=dark] .tk-execution-icon,[data-theme=dark] .tk-task-icon{box-shadow:0 4px 12px #00ff884d}.tk-execution-details,.tk-task-details{flex:1 1;min-width:0}.tk-execution-name,.tk-task-name{color:#1e293b;color:var(--tk-text-primary);font-size:1rem;font-weight:700;line-height:1.3;margin:0 0 .25rem}.tk-execution-workflow,.tk-task-description{color:#6b7280;color:var(--tk-text-muted);font-size:.85rem;line-height:1.4;margin:0 0 .25rem}.tk-execution-id,.tk-workflow-info{color:#9ca3af;color:var(--tk-text-light);font-size:.75rem;margin:0;opacity:.8}.tk-context-info,.tk-entity-info{min-width:120px}.tk-context-details,.tk-entity-details{display:flex;flex-direction:column;gap:.25rem}.tk-context-entity,.tk-entity-type{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;color:#1e293b;color:var(--tk-text-primary);font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-align:center}[data-theme=dark] .tk-context-entity,[data-theme=dark] .tk-entity-type{background:#00f2fe1a;border-color:#00f2fe33}.tk-timeline-info{min-width:160px}.tk-timeline-item{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem;padding:.25rem 0}.tk-timeline-item:last-child{margin-bottom:0}.tk-timeline-label{color:#6b7280;color:var(--tk-text-muted);font-weight:600;min-width:60px}.tk-timeline-value{color:#1e293b;color:var(--tk-text-primary);font-size:.75rem;font-weight:500;text-align:right}.tk-no-data{color:#9ca3af;color:var(--tk-text-light);font-size:.85rem;font-style:italic}.tk-status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.tk-status-badge.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--tk-success-bg);color:#065f46;color:var(--tk-success-text)}.tk-status-badge.warning{background:#fef3c7;color:#92400e}[data-theme=dark] .tk-status-badge.warning{background:#fbbf2433;color:#fbbf24}.tk-status-badge.info{background:#dbeafe;color:#1e40af}[data-theme=dark] .tk-status-badge.info{background:#3b82f633;color:#60a5fa}.tk-status-badge.primary{background:#f3e8ff;color:#7c3aed}[data-theme=dark] .tk-status-badge.primary{background:#7c3aed33;color:#a78bfa}.tk-status-badge.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--tk-error-bg);color:#991b1b;color:var(--tk-error-text)}.tk-status-badge.secondary{background:#f1f5f9;color:#64748b}[data-theme=dark] .tk-status-badge.secondary{background:#64748b33;color:#94a3b8}.tk-priority-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.3rem .6rem;text-transform:uppercase;white-space:nowrap}.tk-priority-badge.high{background:#fee2e2;color:#dc2626}[data-theme=dark] .tk-priority-badge.high{background:#ef444433;color:#f87171}.tk-priority-badge.medium{background:#fef3c7;color:#d97706}[data-theme=dark] .tk-priority-badge.medium{background:#f59e0b33;color:#fbbf24}.tk-priority-badge.low,.tk-priority-badge.normal{background:#d1fae5;color:#059669}[data-theme=dark] .tk-priority-badge.low,[data-theme=dark] .tk-priority-badge.normal{background:#05966933;color:#10b981}.tk-actions-cell{min-width:120px;text-align:center}.tk-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tk-action-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.5px;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.tk-action-btn.compact{border-radius:10px;font-size:0;height:36px;min-width:36px;padding:.5rem}.tk-action-btn.compact .material-symbols-rounded{margin:0}.tk-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tk-action-btn:hover:before{left:100%}.tk-action-btn.primary{background:linear-gradient(135deg,#8b9dc3,#a1b5d8,#b8c5d1);box-shadow:0 4px 15px #8b9dc34d,0 2px 8px #8b9dc333;color:#2d3748}.tk-action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#718096,#8b9dc3,#a0aec0);box-shadow:0 8px 25px #71809666,0 4px 12px #7180964d;transform:translateY(-3px) scale(1.02)}.tk-action-btn.success{background:linear-gradient(135deg,#10b981,#059669,#047857);box-shadow:0 4px 15px #10b98166,0 2px 8px #10b98133;color:#fff}.tk-action-btn.success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857,#065f46);box-shadow:0 8px 25px #10b98180,0 4px 12px #10b9814d;transform:translateY(-3px) scale(1.02)}.tk-action-btn.secondary{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);border:2px solid #e2e8f0;box-shadow:0 4px 15px #00000014,0 2px 8px #0000000a;color:#475569}.tk-action-btn.secondary:hover:not(:disabled){background:linear-gradient(135deg,#f1f5f9,#e2e8f0,#cbd5e1);border-color:#cbd5e1;box-shadow:0 8px 25px #00000026,0 4px 12px #0000001a;color:#334155;transform:translateY(-3px) scale(1.02)}.tk-action-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c);box-shadow:0 4px 15px #ef444466,0 2px 8px #ef444433;color:#fff}.tk-action-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b);box-shadow:0 8px 25px #ef444480,0 4px 12px #ef44444d;transform:translateY(-3px) scale(1.02)}[data-theme=dark] .tk-action-btn.primary{background:linear-gradient(135deg,#4a5568,#2d3748,#1a202c);box-shadow:0 4px 15px #4a556866,0 2px 8px #4a556833;color:#e2e8f0}[data-theme=dark] .tk-action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2d3748,#1a202c,#171923);box-shadow:0 8px 25px #2d374880,0 4px 12px #2d37484d}[data-theme=dark] .tk-action-btn.success{background:linear-gradient(135deg,#10b981,#059669,#047857)}[data-theme=dark] .tk-action-btn.secondary{background:linear-gradient(135deg,#334155,#475569,#64748b);border-color:#475569;color:#fff}[data-theme=dark] .tk-action-btn.secondary:hover:not(:disabled){background:linear-gradient(135deg,#475569,#64748b,#94a3b8);border-color:#64748b}.tk-action-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.tk-action-btn:disabled:before{display:none}.tk-action-btn .material-symbols-rounded{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:18px;font-variation-settings:"FILL" 1,"wght" 600}.tk-empty-state{color:#6b7280;color:var(--tk-text-muted);padding:4rem 2rem}.tk-empty-state .material-symbols-rounded{color:#9ca3af;color:var(--tk-text-light);font-size:4rem;margin-bottom:1rem;opacity:.5}.tk-empty-state.spinning .material-symbols-rounded{animation:tk-spin 1s linear infinite}.tk-empty-state h3{color:#374151;color:var(--tk-text-secondary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.tk-empty-state p{font-size:.9rem}.tk-modal-overlay{animation:tk-fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;background:var(--tk-overlay-bg);bottom:0;left:0;padding:2rem;right:0;top:0;z-index:1000}.tk-modal{animation:tk-slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--tk-popup-bg);border:1px solid #fff3;border:1px solid var(--tk-popup-border);border-radius:12px;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;box-shadow:var(--tk-popup-shadow);max-height:85vh;max-width:900px;overflow:hidden;position:relative;width:90%}.tk-modal-header{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--tk-header-bg);border-bottom:1px solid #065f461a;border-bottom:1px solid var(--tk-header-border);padding:1.5rem 2.5rem;position:relative}.tk-modal-header:before{background:linear-gradient(90deg,#0000,#065f464d,#0000);background:var(--tk-header-divider);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.tk-modal-title{align-items:center;color:#065f46;color:var(--tk-header-title);display:flex;font-family:Google Sans,Poppins,sans-serif;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.tk-modal-subtitle{color:#047857;color:var(--tk-header-subtitle);font-size:.9rem;margin:.25rem 0 0;opacity:.8}.tk-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--tk-close-btn-bg);border:none;border-radius:12px;color:#6b7280;color:var(--tk-close-btn-text);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.tk-close-btn:hover{background:#ef44441a;background:var(--tk-close-btn-hover-bg);color:#ef4444;color:var(--tk-close-btn-hover-text);transform:scale(1.05)}.tk-close-btn .material-symbols-rounded{font-size:20px}.tk-modal-body{background:linear-gradient(135deg,linear-gradient(135deg,#f9fafb,#fff),#ffffff05);background:linear-gradient(135deg,var(--tk-body-bg),#ffffff05);flex:1 1;padding:2rem 2.5rem;position:relative}.tk-modal-body:before{background:radial-gradient(circle at 20% 30%,#3b82f60d 0,#0000 50%),radial-gradient(circle at 80% 70%,#10b9810d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=dark] .tk-modal-body:before{background:radial-gradient(circle at 20% 30%,#00f2fe0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#00ff880d 0,#0000 50%)}.tk-modal-body::-webkit-scrollbar{width:8px}.tk-modal-body::-webkit-scrollbar-track{background:#0000}.tk-modal-body::-webkit-scrollbar-thumb{background:#065f4633;background:var(--tk-scrollbar-thumb);border-radius:4px}.tk-modal-actions{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--tk-header-bg);border-top:1px solid #065f461a;border-top:1px solid var(--tk-header-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2.5rem 2rem;position:relative}.tk-modal-actions:before{background:linear-gradient(90deg,#0000,#065f464d,#0000);background:var(--tk-header-divider);content:"";height:1px;left:0;position:absolute;right:0;top:0}.tk-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.tk-info-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffb3,#ffffff80);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 20px #0000000d;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.tk-info-section:before{background:linear-gradient(90deg,#3b82f6,#10b981,#8b5cf6);border-radius:12px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}[data-theme=dark] .tk-info-section{background:linear-gradient(135deg,#1a1a1acc,#3339);border-color:#0f83}[data-theme=dark] .tk-info-section:before{background:linear-gradient(90deg,#0ea5e9,#10b981,#a855f7)}.tk-info-section:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-2px)}.tk-info-section h4{align-items:center;border-bottom:2px solid #fff3;border-bottom:2px solid var(--tk-popup-border);color:#1e293b;color:var(--tk-text-primary);display:flex;font-size:1.2rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem;padding-bottom:.75rem;position:relative}.tk-info-section h4:before{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:8px;box-shadow:0 4px 12px #3b82f64d;content:"✨";display:flex;font-size:14px;height:32px;justify-content:center;width:32px}[data-theme=dark] .tk-info-section h4:before{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.tk-info-item{align-items:center;border-bottom:1px solid #fff3;border-bottom:1px solid var(--tk-popup-border);display:flex;justify-content:space-between;padding:.75rem 0}.tk-info-item:last-child{border-bottom:none}.tk-info-label{color:#374151;color:var(--tk-text-secondary);font-size:.9rem;font-weight:600}.tk-info-value{color:#1e293b;color:var(--tk-text-primary);font-weight:500;text-align:right}.tk-reference-data-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f9fafbcc);border:2px solid #3b82f633;border-radius:12px;box-shadow:0 10px 40px #0000001a,inset 0 1px 0 #fff9;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.tk-reference-data-container:before{background:radial-gradient(circle at 10% 20%,#3b82f614 0,#0000 50%),radial-gradient(circle at 90% 80%,#10b98114 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=dark] .tk-reference-data-container{background:linear-gradient(135deg,#1a1a1af2,#333c);border-color:#00ff884d;box-shadow:0 10px 40px #0000004d,inset 0 1px 0 #00ff881a}[data-theme=dark] .tk-reference-data-container:before{background:radial-gradient(circle at 10% 20%,#00f2fe14 0,#0000 50%),radial-gradient(circle at 90% 80%,#00ff8814 0,#0000 50%)}.tk-reference-data-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid #3b82f633;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;position:relative;z-index:1}[data-theme=dark] .tk-reference-data-header{background:linear-gradient(135deg,#00f2fe1a,#00ff881a);border-color:#0f83}.tk-reference-data-header .material-symbols-rounded{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:12px;box-shadow:0 6px 20px #3b82f666;color:#fff;color:var(--tk-header-icon-text);display:flex;font-size:32px;height:48px;justify-content:center;width:48px}[data-theme=dark] .tk-reference-data-header .material-symbols-rounded{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#000}.tk-reference-data-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--tk-text-primary);font-size:1.4rem;font-weight:700;margin:0}[data-theme=dark] .tk-reference-data-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#60a5fa);-webkit-background-clip:text;background-clip:text}.tk-reference-data-subtitle{color:#6b7280;color:var(--tk-text-muted);font-size:.95rem;font-weight:500;margin:.25rem 0 0}.tk-reference-data-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tk-reference-data-section{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffc,#f9fafb99);border:1px solid #fff6;border-radius:12px;padding:1.5rem;position:relative;transition:all .3s ease;z-index:1}[data-theme=dark] .tk-reference-data-section{background:linear-gradient(135deg,#333c,#4b556399);border-color:#0f83}.tk-reference-data-section:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.tk-reference-section-title{align-items:center;border-bottom:2px solid #3b82f633;color:#065f46;color:var(--tk-header-title);display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem;padding-bottom:.75rem}.tk-reference-section-title .material-symbols-rounded{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}[data-theme=dark] .tk-reference-section-title .material-symbols-rounded{background:linear-gradient(135deg,#10b981,#059669);color:#000}.tk-reference-field{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff9,#ffffff4d);border:1px solid #ffffff4d;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;margin:.5rem 0;padding:1rem;transition:all .3s ease}[data-theme=dark] .tk-reference-field{background:linear-gradient(135deg,#4b556399,#64748b4d);border-color:#00ff881a}.tk-reference-field:hover{background:linear-gradient(135deg,#3b82f61a,#10b9810d);border-color:#3b82f64d;transform:translateX(4px)}[data-theme=dark] .tk-reference-field:hover{background:linear-gradient(135deg,#00f2fe1a,#00ff880d);border-color:#00ff884d}.tk-reference-field:last-child{margin-bottom:0}.tk-reference-field-label{color:#374151;color:var(--tk-text-secondary);flex-shrink:0;font-size:.9rem;font-weight:700;letter-spacing:.5px;min-width:140px;text-transform:uppercase}.tk-reference-field-value{color:#1e293b;color:var(--tk-text-primary);flex:1 1;font-size:.95rem;font-weight:600;text-align:right;word-break:break-word}.tk-reference-field-value.status-value{align-items:center;display:inline-flex;gap:.5rem}.tk-reference-field-value .tk-status-badge{margin:0}.tk-context-data{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#fff9,#f9fafb66);border:1px solid #3b82f633;border-radius:12px;color:#374151;color:var(--tk-text-secondary);font-family:inherit;font-size:.9rem;max-height:400px;overflow-x:auto;overflow-y:auto;padding:1.5rem;position:relative;z-index:1}[data-theme=dark] .tk-context-data{background:linear-gradient(135deg,#3339,#4b556366);border-color:#0f83}.tk-context-data>div{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#fff9);border:1px solid #fff6;border-radius:12px;margin-bottom:1rem;padding:1rem;transition:all .3s ease}[data-theme=dark] .tk-context-data>div{background:linear-gradient(135deg,#4b5563cc,#64748b99);border-color:#00ff881a}.tk-context-data>div:hover{border-color:#3b82f64d;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}[data-theme=dark] .tk-context-data>div:hover{border-color:#00ff884d}.tk-context-data pre{margin:0;white-space:pre-wrap;word-break:break-all}::-webkit-scrollbar-thumb{background:#065f4633;background:var(--tk-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#065f4666}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#00ff8880}@keyframes tk-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes tk-slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tk-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.tk-workflow-approvals-page{padding:1.5rem}.tk-data-table td,.tk-data-table th{font-size:.85rem;padding:.75rem .5rem}.tk-execution-main,.tk-task-main{gap:.75rem}.tk-execution-icon,.tk-task-icon{font-size:1.1rem;height:36px;width:36px}}@media (max-width:768px){.tk-workflow-approvals-page{padding:1rem}.tk-header-content{align-items:stretch;flex-direction:column;gap:1.5rem}.tk-header-info{flex-direction:column;gap:1rem;text-align:center}.tk-header-actions{justify-content:center}.tk-tab-navigation{flex-direction:column;gap:.5rem}.tk-tab-btn{flex:none}.tk-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.tk-data-table{min-width:800px}.tk-data-table td,.tk-data-table th{font-size:.8rem;padding:.5rem}.tk-execution-info,.tk-task-info{min-width:220px}.tk-timeline-info{min-width:140px}.tk-actions-cell{min-width:100px}.tk-action-buttons{flex-direction:column;gap:.25rem}.tk-action-btn.compact{font-size:.75rem;min-width:auto;padding:.5rem .75rem;width:100%}.tk-action-btn.compact .material-symbols-rounded{font-size:16px;margin-right:.5rem}.tk-info-grid{grid-template-columns:1fr}.tk-modal-overlay{padding:.5rem}.tk-modal{max-height:85vh;width:95%}.tk-modal-actions,.tk-modal-body,.tk-modal-header{padding-left:1.5rem;padding-right:1.5rem}.tk-reference-data-grid{gap:1rem;grid-template-columns:1fr}.tk-reference-field{align-items:flex-start;flex-direction:column;gap:.25rem}.tk-reference-field-label{min-width:0;min-width:auto}.tk-reference-field-value{text-align:left}}@media (max-width:480px){.tk-workflow-approvals-page{padding:.75rem}.tk-header-section{border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.tk-header-icon{font-size:1.75rem;height:56px;width:56px}.tk-header-text h1{font-size:1.5rem}.tk-header-text p{font-size:1rem}.tk-data-table{min-width:700px}.tk-data-table td,.tk-data-table th{font-size:.75rem;padding:.4rem}.tk-execution-icon,.tk-task-icon{font-size:1rem;height:32px;width:32px}.tk-execution-name,.tk-task-name{font-size:.9rem}.tk-execution-workflow,.tk-task-description{font-size:.75rem}.tk-execution-id,.tk-timeline-value,.tk-workflow-info{font-size:.7rem}.tk-modal{border-radius:12px;max-height:90vh;width:98%}.tk-modal-actions,.tk-modal-body,.tk-modal-header{padding:1.25rem}.tk-modal-actions{flex-direction:column;gap:.75rem}.tk-modal-actions .tk-action-btn{justify-content:center;width:100%}}.tk-action-btn:focus,.tk-refresh-btn:focus,.tk-status-filter:focus,.tk-tab-btn:focus{outline:2px solid linear-gradient(135deg,#3b82f6,#1d4ed8);outline:2px solid var(--tk-btn-primary-bg);outline-offset:2px}@media (prefers-contrast:high){.tk-modal,.tk-table-container{border:2px solid #000}[data-theme=dark] .tk-modal,[data-theme=dark] .tk-table-container{border:2px solid #fff}.tk-action-btn,.tk-refresh-btn,.tk-tab-btn{border:2px solid}.tk-status-badge{border:1px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tk-action-btn:hover,.tk-data-table tbody tr:hover,.tk-refresh-btn:hover,.tk-tab-btn:hover{transform:none}.tk-modal,.tk-modal-overlay,.tk-table-container{backdrop-filter:none;-webkit-backdrop-filter:none}}@media print{.tk-workflow-approvals-page{background:#fff;color:#000}.tk-action-btn,.tk-header-actions,.tk-refresh-btn,.tk-tab-navigation{display:none}.tk-table-container{border:1px solid #ccc;box-shadow:none;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}.tk-data-table{display:block}.tk-message-banner{background:#f5f5f5;border:1px solid #ccc}}.tk-search-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;background:var(--tk-popup-bg);border:2px solid #065f461a;border:2px solid var(--tk-header-border);border-radius:12px;display:flex;position:relative;transition:all .3s ease}.tk-search-container:focus-within{border-color:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:var(--tk-btn-primary-bg);box-shadow:0 0 0 3px #3b82f61a}.tk-search-icon{color:#6b7280;color:var(--tk-text-muted);font-size:20px;left:12px;z-index:1}.tk-search-input{background:#0000;border:none;color:var(--tk-text-primary);font-family:inherit;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem .75rem 3rem;width:280px}.tk-search-input::placeholder{color:#6b7280;color:var(--tk-text-muted);opacity:.8}.tk-search-clear{align-items:center;background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:24px;z-index:1}.tk-search-clear:hover{background:#ef444433;transform:scale(1.1)}.tk-search-clear .material-symbols-rounded{font-size:16px}@media (max-width:768px){.tk-search-input{width:200px}.tk-search-input::placeholder{font-size:.8rem}}@media (max-width:480px){.tk-search-input{width:150px}.tk-search-input::placeholder{content:"Search tasks..."}}.workflow-student-modal{border-radius:12px;max-height:90vh;max-width:95vw;overflow:hidden;padding:0}.workflow-student-modal .wsp-container{border:none;box-shadow:none;height:100%;max-height:none}@media (max-width:768px){.workflow-student-modal{margin:1vh 1vw;max-height:95vh;max-width:98vw}}.tk-modal.workflow-student-modal{border-radius:12px!important;height:90vh!important;margin:5vh 2.5vw!important;max-height:90vh!important;max-width:95vw!important;padding:0!important;width:95vw!important}.workflow-student-modal .wsp-container{background:#fffffff2!important;background:var(--tk-popup-bg,#fff)!important;border:none!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;height:100%!important;max-height:none!important;max-width:none!important;overflow:hidden!important;width:100%!important}.workflow-student-modal .wsp-content{flex:1 1!important;height:100%!important;margin:0!important;overflow-y:auto!important;padding:0!important}.workflow-student-modal .wsp-content::-webkit-scrollbar{background:#0000!important;width:14px!important}.workflow-student-modal .wsp-content::-webkit-scrollbar-track{background:#0000000d!important}.workflow-student-modal .wsp-content::-webkit-scrollbar-thumb{background:#94a3b899!important;background-clip:content-box!important;border:2px solid #0000!important;border-radius:7px!important}.workflow-student-modal .wsp-content::-webkit-scrollbar-thumb:hover{background:#94a3b8cc!important;background-clip:content-box!important}.workflow-student-modal .wsp-card{background:#fffffff2!important;background:var(--tk-popup-bg,#fff)!important;border:none!important;border-bottom:1px solid #fff3!important;border-bottom:1px solid var(--tk-popup-border,#e2e8f0)!important;border-radius:0!important;margin:0!important;width:100%!important}.workflow-student-modal .wsp-card:last-child{border-bottom:none!important}.workflow-student-modal .wsp-card:hover{background:#3b82f605!important;box-shadow:inset 4px 0 0 #3b82f6!important}.workflow-student-modal .wsp-card-header{border-bottom:1px solid #fff3!important;border-bottom:1px solid var(--tk-popup-border,#e2e8f0)!important;box-sizing:border-box!important;padding:1.5rem 2.5rem!important;width:100%!important}.workflow-student-modal .wsp-card-header .material-symbols-rounded{background:#3b82f61a!important;border-radius:12px!important;color:#3b82f6!important;font-size:24px!important;padding:.75rem!important}.workflow-student-modal .wsp-card-header h3{color:#1e293b!important;color:var(--tk-text-primary,#1e293b)!important;font-size:1.25rem!important;font-weight:600!important;margin:0!important}.workflow-student-modal .wsp-card-content{box-sizing:border-box!important;padding:2rem 2.5rem!important;width:100%!important}.workflow-student-modal .wsp-fields-grid{grid-gap:2rem!important;display:grid!important;gap:2rem!important;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important;width:100%!important}.workflow-student-modal .wsp-field-item{background:#ffffff80!important;border:1px solid #fff3!important;border:1px solid var(--tk-popup-border,#f1f5f9)!important;border-radius:12px!important;padding:1.25rem!important;transition:all .2s ease!important}.workflow-student-modal .wsp-field-item:hover{background:#3b82f605!important;border-color:#3b82f64d!important;box-shadow:0 6px 20px #00000014!important;transform:translateY(-2px)!important}.workflow-student-modal .wsp-field-label{color:#6b7280!important;color:var(--tk-text-muted,#64748b)!important;font-size:.85rem!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:.5rem!important;text-transform:uppercase!important}.workflow-student-modal .wsp-field-value{color:#1e293b!important;color:var(--tk-text-primary,#1e293b)!important;font-size:1.05rem!important;font-weight:500!important;line-height:1.5!important}.workflow-student-modal .wsp-header{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;background:var(--tk-header-bg,linear-gradient(135deg,#f8fafc,#f1f5f9))!important;border-bottom:1px solid #fff3!important;border-bottom:1px solid var(--tk-popup-border,#e2e8f0)!important;padding:1.5rem 2rem!important}.workflow-student-modal .wsp-student-name{font-size:1.5rem!important;font-weight:700!important;margin:0 0 .5rem!important}.workflow-student-modal .wsp-student-meta{display:flex!important;flex-wrap:wrap!important;gap:1rem!important}.workflow-student-modal .wsp-student-display-id,.workflow-student-modal .wsp-student-id{align-items:center!important;background:#fffc!important;border:1px solid #0000001a!important;border-radius:12px!important;display:flex!important;font-size:.85rem!important;font-weight:600!important;gap:.35rem!important;padding:.3rem .75rem!important}.workflow-student-modal .wsp-avatar{align-items:center!important;border:2px solid #fff3!important;border-radius:50%!important;box-shadow:0 4px 12px #0000001a!important;display:flex!important;font-size:1.5rem!important;font-weight:700!important;height:64px!important;justify-content:center!important;text-transform:uppercase!important;width:64px!important}.workflow-student-modal .wsp-action-btn{border:1px solid #e2e8f0!important;border-radius:10px!important;cursor:pointer!important;font-size:.9rem!important;font-weight:500!important;padding:.65rem 1.25rem!important;transition:all .2s ease!important}.workflow-student-modal .wsp-action-btn.secondary{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.workflow-student-modal .wsp-action-btn.close{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.workflow-student-modal .wsp-action-btn:hover{box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)!important}.workflow-student-modal .wsp-status-badge{border-radius:12px!important;font-size:.8rem!important;font-weight:600!important;padding:.4rem .8rem!important;text-transform:uppercase!important}.workflow-student-modal .wsp-status-badge.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border:1px solid #a7f3d0!important;color:#065f46!important}.workflow-student-modal .wsp-status-badge.inactive{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border:1px solid #fde68a!important;color:#92400e!important}@media (max-width:768px){.tk-modal.workflow-student-modal{height:96vh!important;margin:2vh 1vw!important;width:98vw!important}.workflow-student-modal .wsp-fields-grid{gap:1rem!important;grid-template-columns:1fr!important}.workflow-student-modal .wsp-card-content{padding:1.5rem!important}.workflow-student-modal .wsp-card-header{padding:1rem 1.5rem!important}}[data-theme=dark] .workflow-student-modal .wsp-container{background:#1a1a1afa!important}[data-theme=dark] .workflow-student-modal .wsp-card{background:#1f1f1ff2!important;border-bottom-color:#0f83!important}[data-theme=dark] .workflow-student-modal .wsp-card:hover{background:#00ff880d!important;box-shadow:inset 4px 0 0 #1de6a5!important}[data-theme=dark] .workflow-student-modal .wsp-field-item{background:#0000004d!important;border-color:#0f83!important}[data-theme=dark] .workflow-student-modal .wsp-field-item:hover{background:#00ff8814!important;border-color:#0f86!important}[data-theme=dark] .workflow-student-modal .wsp-card-header .material-symbols-rounded{background:#00ff8826!important;color:#1de6a5!important}[data-theme=dark] .workflow-student-modal .wsp-action-btn.secondary{background:#1de6a5!important;border-color:#1de6a5!important;color:#000!important}.wsp-content{display:flex!important;flex-direction:column!important;overflow:hidden!important}.wsp-tab-navigation{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;background:var(--wsp-header-bg)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--wsp-header-border)!important;flex-shrink:0!important;padding:.5rem 2rem!important}.wsp-tab-btn,.wsp-tab-navigation{display:flex!important;gap:.5rem!important}.wsp-tab-btn{align-items:center!important;background:#0000!important;border:none!important;border-radius:8px!important;color:#64748b!important;color:var(--wsp-text-muted)!important;cursor:pointer!important;font-family:inherit!important;font-size:.9rem!important;font-weight:500!important;padding:.75rem 1.25rem!important;transition:all .2s ease!important}.wsp-tab-btn:hover{background:#3b82f61a!important;color:#1e293b!important;color:var(--wsp-text-primary)!important}.wsp-tab-btn.active{background:#3b82f6!important;background:var(--wsp-btn-secondary-bg)!important;box-shadow:0 2px 8px #3b82f633!important;color:#fff!important;color:var(--wsp-btn-secondary-text)!important}.wsp-tab-btn .material-symbols-rounded{font-size:18px!important}.wsp-tab-content{background:#fffffffa!important;background:var(--wsp-popup-bg)!important;flex:1 1!important;overflow-y:auto!important}.wsp-documents-section{padding:2rem!important}.wsp-documents-header{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d)!important;border:1px solid #3b82f61a!important;border-radius:12px!important;justify-content:space-between!important;margin-bottom:2rem!important;padding:1.5rem!important}.wsp-documents-header,.wsp-documents-title{align-items:center!important;display:flex!important}.wsp-documents-title{gap:1rem!important}.wsp-documents-title .material-symbols-rounded{background:#3b82f61a!important;border-radius:12px!important;color:#3b82f6!important;color:var(--wsp-btn-secondary-bg)!important;font-size:32px!important;padding:.75rem!important}.wsp-documents-title h3{color:#1e293b!important;color:var(--wsp-text-primary)!important;font-size:1.3rem!important;font-weight:700!important;margin:0!important}.wsp-documents-title p{color:#475569!important;color:var(--wsp-text-secondary)!important;font-size:.9rem!important;margin:.25rem 0 0!important}.wsp-documents-status{flex-shrink:0!important}.wsp-status-indicator{align-items:center!important;border-radius:8px!important;display:flex!important;font-size:.85rem!important;font-weight:600!important;gap:.5rem!important;padding:.5rem 1rem!important}.wsp-status-indicator.pending{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border:1px solid #fde68a!important;color:#92400e!important}.wsp-status-indicator .material-symbols-rounded{font-size:16px!important}.wsp-document-categories{display:flex!important;flex-direction:column!important;gap:2rem!important;margin-bottom:2rem!important}.wsp-document-category{background:#fff!important;background:var(--wsp-card-bg)!important;border:1px solid #f1f5f9!important;border:1px solid var(--wsp-card-border)!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000a!important;overflow:hidden!important}.wsp-category-header{align-items:center!important;background:linear-gradient(135deg,linear-gradient(135deg,#f8fafc,#f1f5f9),#f8fafccc)!important;background:linear-gradient(135deg,var(--wsp-header-bg),#f8fafccc)!important;border-bottom:1px solid #f1f5f9!important;border-bottom:1px solid var(--wsp-card-border)!important;display:flex!important;gap:1rem!important;padding:1.25rem 1.5rem!important}.wsp-category-header .material-symbols-rounded{background:#3b82f61a!important;border-radius:8px!important;color:#3b82f6!important;color:var(--wsp-btn-secondary-bg)!important;flex-shrink:0!important;font-size:24px!important;padding:.5rem!important}.wsp-category-header h4{color:#1e293b!important;color:var(--wsp-text-primary)!important;flex:1 1!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important}.wsp-category-count{background:#fffc!important;border:1px solid #0000001a!important;border-radius:6px!important;color:#64748b!important;color:var(--wsp-text-muted)!important;font-size:.85rem!important;font-weight:500!important;padding:.3rem .6rem!important}.wsp-document-list{padding:0!important}.wsp-document-item{align-items:center!important;border-bottom:1px solid #f1f5f9!important;border-bottom:1px solid var(--wsp-card-border)!important;display:flex!important;gap:1rem!important;padding:1rem 1.5rem!important;transition:all .2s ease!important}.wsp-document-item:last-child{border-bottom:none!important}.wsp-document-item:hover{background:#3b82f605!important}.wsp-document-icon{align-items:center!important;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;border-radius:8px!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;width:40px!important}.wsp-document-icon .material-symbols-rounded{color:#475569!important;color:var(--wsp-text-secondary)!important;font-size:20px!important}.wsp-document-info{flex:1 1!important;min-width:0!important}.wsp-document-name{color:#1e293b!important;color:var(--wsp-text-primary)!important;display:block!important;font-size:.95rem!important;font-weight:600!important;margin-bottom:.25rem!important}.wsp-document-meta{color:#64748b!important;color:var(--wsp-text-muted)!important;display:block!important;font-size:.8rem!important}.wsp-document-actions{display:flex!important;flex-shrink:0!important;gap:.5rem!important}.wsp-doc-btn{align-items:center!important;background:#fffc!important;border:1px solid #f1f5f9!important;border:1px solid var(--wsp-card-border)!important;border-radius:6px!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;transition:all .2s ease!important;width:32px!important}.wsp-doc-btn:hover{background:#3b82f6!important;background:var(--wsp-btn-secondary-bg)!important;box-shadow:0 2px 8px #3b82f633!important;color:#fff!important;transform:translateY(-1px)!important}.wsp-doc-btn .material-symbols-rounded{color:#475569!important;color:var(--wsp-text-secondary)!important;font-size:16px!important;transition:color .2s ease!important}.wsp-doc-btn:hover .material-symbols-rounded{color:#fff!important}.wsp-doc-btn.view:hover{background:#3b82f6!important}.wsp-doc-btn.download:hover{background:#10b981!important}.wsp-document-summary{background:linear-gradient(135deg,#10b9810d,#22c55e0d)!important;border:1px solid #10b9811a!important;border-radius:12px!important;margin-top:1rem!important;padding:1.5rem!important}.wsp-summary-stats{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;margin-bottom:1.5rem!important}.wsp-stat-item{background:#fff9!important;border:1px solid #fffc!important;border-radius:8px!important;padding:1rem!important;text-align:center!important}.wsp-stat-number{color:#10b981!important;color:var(--wsp-btn-success-bg)!important;display:block!important;font-size:1.5rem!important;font-weight:700!important;margin-bottom:.25rem!important}.wsp-stat-label{color:#64748b!important;color:var(--wsp-text-muted)!important;font-size:.8rem!important;font-weight:500!important;letter-spacing:.5px!important;text-transform:uppercase!important}.wsp-summary-note{align-items:center!important;background:#3b82f60d!important;border:1px solid #3b82f61a!important;border-radius:8px!important;display:flex!important;gap:.75rem!important;padding:1rem!important}.wsp-summary-note .material-symbols-rounded{color:#3b82f6!important;color:var(--wsp-btn-secondary-bg)!important;flex-shrink:0!important;font-size:20px!important}.wsp-summary-note p{color:#475569!important;color:var(--wsp-text-secondary)!important;font-size:.9rem!important;line-height:1.4!important;margin:0!important}[data-theme=dark] .wsp-tab-btn.active{background:#1de6a5!important;color:#000!important}[data-theme=dark] .wsp-documents-header{background:linear-gradient(135deg,#00f2fe1a,#1a1a1af2)!important;border-color:#00f2fe33!important}[data-theme=dark] .wsp-documents-title .material-symbols-rounded{background:#00ff8826!important;color:#1de6a5!important}[data-theme=dark] .wsp-category-header{background:linear-gradient(135deg,#00ff8814,#1a1a1af2)!important}[data-theme=dark] .wsp-category-header .material-symbols-rounded{background:#00ff8826!important;color:#1de6a5!important}[data-theme=dark] .wsp-category-count{background:#0000004d!important;border-color:#0f83!important}[data-theme=dark] .wsp-document-icon{background:linear-gradient(135deg,#333c,#4b556399)!important}[data-theme=dark] .wsp-doc-btn{background:#333c!important;border-color:#0f83!important}[data-theme=dark] .wsp-doc-btn:hover{background:#1de6a5!important;color:#000!important}[data-theme=dark] .wsp-doc-btn:hover .material-symbols-rounded{color:#000!important}[data-theme=dark] .wsp-document-summary{background:linear-gradient(135deg,#00ff8814,#1a1a1af2)!important;border-color:#0f83!important}[data-theme=dark] .wsp-stat-item{background:#0000004d!important;border-color:#0f83!important}[data-theme=dark] .wsp-stat-number{color:#1de6a5!important}[data-theme=dark] .wsp-summary-note{background:#00f2fe14!important;border-color:#00f2fe33!important}[data-theme=dark] .wsp-summary-note .material-symbols-rounded{color:#0ea5e9!important}[data-theme=dark] .wsp-status-indicator.pending{background:#f59e0b33!important;border-color:#f59e0b66!important;color:#fbbf24!important}@media (max-width:768px){.wsp-tab-navigation{padding:.5rem 1.5rem!important}.wsp-documents-section{padding:1.5rem!important}.wsp-documents-header{align-items:flex-start!important;flex-direction:column!important;gap:1rem!important}.wsp-summary-stats{gap:.75rem!important;grid-template-columns:repeat(3,1fr)!important}.wsp-stat-item{padding:.75rem!important}.wsp-stat-number{font-size:1.3rem!important}.wsp-document-item{padding:.75rem 1rem!important}.wsp-category-header{padding:1rem!important}}@media (max-width:480px){.wsp-documents-section{padding:1rem!important}.wsp-tab-navigation{gap:.25rem!important;padding:.5rem 1rem!important}.wsp-tab-btn{font-size:.85rem!important;padding:.6rem 1rem!important}.wsp-documents-title{align-items:flex-start!important;flex-direction:column!important;gap:.75rem!important}.wsp-documents-title .material-symbols-rounded{font-size:28px!important;padding:.6rem!important}.wsp-documents-title h3{font-size:1.2rem!important}.wsp-summary-stats{gap:.5rem!important;grid-template-columns:1fr!important}.wsp-document-item{align-items:flex-start!important;flex-direction:column!important;gap:.75rem!important;padding:1rem!important}.wsp-document-info{width:100%!important}.wsp-document-actions{justify-content:flex-end!important;width:100%!important}}:root{--wsp-popup-bg:#fffffffa;--wsp-popup-border:#e2e8f0;--wsp-popup-shadow:0 20px 60px #00000026,0 8px 32px #00000014;--wsp-card-bg:#fff;--wsp-card-border:#f1f5f9;--wsp-card-shadow:0 2px 8px #0000000a;--wsp-text-primary:#1e293b;--wsp-text-secondary:#475569;--wsp-text-muted:#64748b;--wsp-text-light:#94a3b8;--wsp-header-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--wsp-header-border:#e2e8f0;--wsp-btn-bg:#f8fafc;--wsp-btn-text:#475569;--wsp-btn-border:#e2e8f0;--wsp-btn-hover-bg:#f1f5f9;--wsp-btn-secondary-bg:#3b82f6;--wsp-btn-secondary-text:#fff;--wsp-btn-success-bg:#10b981;--wsp-btn-success-text:#fff;--wsp-btn-danger-bg:#ef4444;--wsp-btn-danger-text:#fff;--wsp-btn-close-bg:#ef4444;--wsp-btn-close-text:#fff;--wsp-field-hover-bg:#3b82f605;--wsp-avatar-shadow:0 4px 12px #0000001a;--wsp-scrollbar-thumb:#94a3b899;--wsp-step-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--wsp-step-border:#bae6fd;--wsp-final-step-bg:linear-gradient(135deg,#fef3c7,#fde68a);--wsp-final-step-text:#92400e;--wsp-task-actions-bg:linear-gradient(135deg,#f8fafc,#fff);--wsp-task-actions-border:#e2e8f0}[data-theme=dark]{--wsp-popup-bg:#1a1a1afa;--wsp-popup-border:#0f83;--wsp-popup-shadow:0 20px 60px #000c,0 8px 32px #00ff881a;--wsp-card-bg:#1f1f1ff2;--wsp-card-border:#00ff8826;--wsp-card-shadow:0 2px 8px #00ff8814;--wsp-text-primary:#fff;--wsp-text-secondary:#e2e8f0;--wsp-text-muted:#d1d5db;--wsp-text-light:#9aa4b2;--wsp-header-bg:linear-gradient(135deg,#00ff881a,#1a1a1af2);--wsp-header-border:#0f83;--wsp-btn-bg:#333c;--wsp-btn-text:#fff;--wsp-btn-border:#0f83;--wsp-btn-hover-bg:#00ff881a;--wsp-btn-secondary-bg:#1de6a5;--wsp-btn-secondary-text:#000;--wsp-btn-success-bg:#10b981;--wsp-btn-success-text:#fff;--wsp-btn-danger-bg:#ef4444;--wsp-btn-danger-text:#fff;--wsp-btn-close-bg:#ef4444;--wsp-btn-close-text:#fff;--wsp-field-hover-bg:#00ff8808;--wsp-avatar-shadow:0 4px 12px #00ff884d;--wsp-scrollbar-thumb:#00ff884d;--wsp-step-bg:linear-gradient(135deg,#00f2fe1a,#1a1a1af2);--wsp-step-border:#00f2fe4d;--wsp-final-step-bg:linear-gradient(135deg,#f59e0b33,#1a1a1af2);--wsp-final-step-text:#fbbf24;--wsp-task-actions-bg:linear-gradient(135deg,#00ff880d,#1a1a1af2);--wsp-task-actions-border:#0f83}.wsp-container{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffffffa!important;background:var(--wsp-popup-bg)!important;border:1px solid #e2e8f0!important;border:1px solid var(--wsp-popup-border)!important;border-radius:12px!important;color:#1e293b!important;color:var(--wsp-text-primary)!important;display:flex!important;flex-direction:column!important;font-family:Google Sans,Poppins,sans-serif!important;height:100%!important;overflow:hidden!important;position:relative!important;transition:all .3s ease!important;width:100%!important}.wsp-step-description{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;background:var(--wsp-step-bg)!important;border-bottom:1px solid #bae6fd!important;border-bottom:1px solid var(--wsp-step-border)!important;flex-shrink:0!important;padding:1rem 2rem!important;transition:all .3s ease!important}.wsp-step-header{align-items:center!important;display:flex!important;gap:1rem!important;justify-content:space-between!important}.wsp-step-header .material-symbols-rounded{background:#0ea5e91a!important;border-radius:12px!important;color:#0ea5e9!important;flex-shrink:0!important;font-size:28px!important;padding:.75rem!important}[data-theme=dark] .wsp-step-header .material-symbols-rounded{background:#00f2fe26!important;color:#0ea5e9!important}.wsp-step-info{flex:1 1!important;min-width:0!important}.wsp-step-info h3{color:#1e293b!important;color:var(--wsp-text-primary)!important;font-size:1.3rem!important;font-weight:700!important;line-height:1.3!important;margin:0 0 .25rem!important}.wsp-step-info p{color:#475569!important;color:var(--wsp-text-secondary)!important;font-size:.95rem!important;line-height:1.4!important;margin:0!important}.wsp-final-step-badge{align-items:center!important;background:linear-gradient(135deg,#fef3c7,#fde68a)!important;background:var(--wsp-final-step-bg)!important;border:1px solid #f59e0b4d!important;border-radius:8px!important;color:#92400e!important;color:var(--wsp-final-step-text)!important;display:inline-flex!important;font-size:.8rem!important;font-weight:700!important;gap:.4rem!important;letter-spacing:.5px!important;margin-top:.5rem!important;padding:.4rem .8rem!important;text-transform:uppercase!important}.wsp-final-step-badge .material-symbols-rounded{font-size:14px!important}.wsp-step-meta{align-items:flex-end!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;gap:.5rem!important}.wsp-step-order{background:#ffffff80!important;border:1px solid #0000001a!important;border-radius:6px!important;color:#64748b!important;color:var(--wsp-text-muted)!important;font-size:.85rem!important}.wsp-step-order,.wsp-step-status{font-weight:600!important;padding:.3rem .6rem!important}.wsp-step-status{border-radius:6px!important;font-size:.8rem!important;letter-spacing:.3px!important;text-transform:uppercase!important}.wsp-step-status.pending{background:#fef3c7!important;border:1px solid #fde68a!important;color:#92400e!important}.wsp-step-status.assigned,.wsp-step-status.in_progress{background:#dbeafe!important;border:1px solid #bfdbfe!important;color:#1e40af!important}.wsp-step-status.completed{background:#dcfce7!important;border:1px solid #bbf7d0!important;color:#065f46!important}.wsp-step-status.cancelled{background:#fee2e2!important;border:1px solid #fecaca!important;color:#b91c1c!important}[data-theme=dark] .wsp-step-order{background:#0000004d!important;border-color:#0f83!important}[data-theme=dark] .wsp-step-status.pending{background:#f59e0b33!important;border-color:#f59e0b66!important;color:#fbbf24!important}[data-theme=dark] .wsp-step-status.assigned,[data-theme=dark] .wsp-step-status.in_progress{background:#3b82f633!important;border-color:#3b82f666!important;color:#60a5fa!important}[data-theme=dark] .wsp-step-status.completed{background:#0f83!important;border-color:#0f86!important;color:#1de6a5!important}[data-theme=dark] .wsp-step-status.cancelled{background:#f4433633!important;border-color:#f4433666!important;color:#ffcdd2!important}.wsp-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;background:var(--wsp-header-bg)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--wsp-header-border)!important;flex-shrink:0!important;justify-content:space-between!important;padding:1.5rem 2rem!important;position:relative!important;transition:all .3s ease!important;z-index:10!important}.wsp-header,.wsp-header-content{align-items:center!important;display:flex!important}.wsp-header-content{flex:1 1!important;gap:1.25rem!important}.wsp-avatar{align-items:center!important;border:2px solid #fff3!important;border-radius:50%!important;box-shadow:0 4px 12px #0000001a!important;box-shadow:var(--wsp-avatar-shadow)!important;display:flex!important;flex-shrink:0!important;font-size:1.5rem!important;font-weight:700!important;height:64px!important;justify-content:center!important;text-transform:uppercase!important;transition:all .3s ease!important;width:64px!important}.wsp-header-info{flex:1 1!important;min-width:0!important}.wsp-student-name{color:#1e293b!important;color:var(--wsp-text-primary)!important;font-size:1.5rem!important;font-weight:700!important;margin:0 0 .5rem!important;transition:color .3s ease!important}.wsp-student-meta{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:1rem!important}.wsp-student-display-id,.wsp-student-id{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1px solid #ffffff1a!important;border-radius:12px!important;color:#475569!important;color:var(--wsp-text-secondary)!important;display:flex!important;font-size:.85rem!important;font-weight:600!important;gap:.35rem!important;padding:.3rem .75rem!important;transition:all .3s ease!important}.wsp-student-display-id .material-symbols-rounded,.wsp-student-id .material-symbols-rounded{font-size:16px!important}.wsp-status-badge{border-radius:12px!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.3px!important;padding:.4rem .8rem!important;text-transform:uppercase!important;transition:all .3s ease!important}.wsp-status-badge.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border:1px solid #a7f3d0!important;color:#065f46!important}.wsp-status-badge.inactive{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border:1px solid #fde68a!important;color:#92400e!important}.wsp-status-badge.dropped{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border:1px solid #fecaca!important;color:#b91c1c!important}.wsp-status-badge.graduated{background:linear-gradient(135deg,#e0f2fe,#bae6fd)!important;border:1px solid #bae6fd!important;color:#0369a1!important}.wsp-status-badge.transferred{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important;border:1px solid #e5e7eb!important;color:#4b5563!important}.wsp-status-badge.default{background:#fff!important;background:var(--wsp-card-bg)!important;border:1px solid #f1f5f9!important;border:1px solid var(--wsp-card-border)!important;color:#64748b!important;color:var(--wsp-text-muted)!important}.wsp-header-actions{display:flex!important;flex-shrink:0!important;gap:.75rem!important}.wsp-action-btn{align-items:center!important;background:#f8fafc!important;background:var(--wsp-btn-bg)!important;border:1px solid #e2e8f0!important;border:1px solid var(--wsp-btn-border)!important;border-radius:10px!important;color:#475569!important;color:var(--wsp-btn-text)!important;cursor:pointer!important;display:inline-flex!important;font-family:inherit!important;font-size:.9rem!important;font-weight:500!important;gap:.5rem!important;padding:.65rem 1.25rem!important;transition:all .2s ease!important}.wsp-action-btn:hover{background:#f1f5f9!important;background:var(--wsp-btn-hover-bg)!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)!important}.wsp-action-btn.secondary{background:#3b82f6!important;background:var(--wsp-btn-secondary-bg)!important;border-color:#3b82f6!important;border-color:var(--wsp-btn-secondary-bg)!important;color:#fff!important;color:var(--wsp-btn-secondary-text)!important}.wsp-action-btn.secondary:hover{background:#3b82f6e6!important;box-shadow:0 4px 12px #3b82f64d!important}.wsp-action-btn.success{background:#10b981!important;background:var(--wsp-btn-success-bg)!important;border-color:#10b981!important;border-color:var(--wsp-btn-success-bg)!important;color:#fff!important;color:var(--wsp-btn-success-text)!important}.wsp-action-btn.success:hover{background:#10b981e6!important;box-shadow:0 4px 12px #10b9814d!important}.wsp-action-btn.danger{background:#ef4444!important;background:var(--wsp-btn-danger-bg)!important;border-color:#ef4444!important;border-color:var(--wsp-btn-danger-bg)!important;color:#fff!important;color:var(--wsp-btn-danger-text)!important}.wsp-action-btn.danger:hover{background:#ef4444e6!important;box-shadow:0 4px 12px #ef44444d!important}.wsp-action-btn.close{background:#ef4444!important;background:var(--wsp-btn-close-bg)!important;border-color:#ef4444!important;border-color:var(--wsp-btn-close-bg)!important;color:#fff!important;color:var(--wsp-btn-close-text)!important}.wsp-action-btn.close:hover{background:#ef4444e6!important;box-shadow:0 4px 12px #ef44444d!important}.wsp-action-btn:disabled{box-shadow:none!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important}.wsp-action-btn .material-symbols-rounded{font-size:18px!important}.wsp-spinning{animation:wsp-spin 1s linear infinite!important}.wsp-content{background:#fffffffa!important;background:var(--wsp-popup-bg)!important;flex:1 1!important;height:100%!important;margin:0!important;overflow-y:auto!important;padding:0!important;position:relative!important}.wsp-content::-webkit-scrollbar{width:14px!important}.wsp-content::-webkit-scrollbar-track{background:#0000000d!important;border-radius:0!important}.wsp-content::-webkit-scrollbar-thumb{background:#94a3b899!important;background:var(--wsp-scrollbar-thumb)!important;background-clip:content-box!important;border:2px solid #0000!important;border-radius:7px!important}.wsp-content::-webkit-scrollbar-thumb:hover{background:#94a3b8cc!important;background-clip:content-box!important}.wsp-content::-webkit-scrollbar-corner{background:#0000!important}.wsp-card{background:#fff!important;background:var(--wsp-card-bg)!important;border:none!important;border-bottom:1px solid #f1f5f9!important;border-bottom:1px solid var(--wsp-card-border)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;overflow:hidden!important;transition:all .3s ease!important;width:100%!important}.wsp-card:last-child{border-bottom:none!important}.wsp-card:hover{background:#3b82f605!important;background:var(--wsp-field-hover-bg)!important;box-shadow:inset 4px 0 0 #3b82f6!important;box-shadow:inset 4px 0 0 var(--wsp-btn-secondary-bg)!important;transform:none!important}.wsp-card-header{align-items:center!important;background:#fff!important;background:var(--wsp-card-bg)!important;border-bottom:1px solid #f1f5f9!important;border-bottom:1px solid var(--wsp-card-border)!important;box-sizing:border-box!important;display:flex!important;gap:1rem!important;padding:1.5rem 2.5rem!important;transition:all .3s ease!important;width:100%!important}.wsp-card-header .material-symbols-rounded{background:#3b82f61a!important;border-radius:12px!important;color:#3b82f6!important;color:var(--wsp-btn-secondary-bg)!important;flex-shrink:0!important;font-size:24px!important;padding:.75rem!important;transition:all .3s ease!important}.wsp-card-header h3{color:#1e293b!important;color:var(--wsp-text-primary)!important;font-size:1.25rem!important;font-weight:600!important;margin:0!important;transition:color .3s ease!important}.wsp-card-content{box-sizing:border-box!important;padding:2rem 2.5rem!important;width:100%!important}.wsp-fields-grid{grid-gap:1.5rem!important;display:grid!important;gap:1.5rem!important;grid-template-columns:repeat(6,1fr)!important;width:100%!important}@media (min-width:1537px){.wsp-fields-grid{grid-template-columns:repeat(6,1fr)!important}}@media (min-width:1200px) and (max-width:1536px){.wsp-fields-grid{grid-template-columns:repeat(5,1fr)!important}}@media (min-width:768px) and (max-width:1199px){.wsp-fields-grid{gap:1.25rem!important;grid-template-columns:repeat(3,1fr)!important}}@media (min-width:480px) and (max-width:767px){.wsp-fields-grid{gap:1rem!important;grid-template-columns:repeat(2,1fr)!important}}@media (max-width:479px){.wsp-fields-grid{gap:.75rem!important;grid-template-columns:1fr!important}}.wsp-field-item{background:#ffffff80!important;border:1px solid #f1f5f9!important;border:1px solid var(--wsp-card-border)!important;border-radius:8px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:.6rem!important;min-height:80px!important;padding:1rem!important;transition:all .2s ease!important;width:100%!important}.wsp-field-item:hover{background:#3b82f605!important;background:var(--wsp-field-hover-bg)!important;border-color:#3b82f64d!important;box-shadow:0 4px 12px #00000014!important;transform:translateY(-1px)!important}.wsp-field-label{color:#64748b!important;color:var(--wsp-text-muted)!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.5px!important;line-height:1.2!important;margin-bottom:.25rem!important;text-transform:uppercase!important}.wsp-field-label,.wsp-field-value{transition:color .3s ease!important}.wsp-field-value{align-items:center!important;color:#1e293b!important;color:var(--wsp-text-primary)!important;display:flex!important;flex:1 1!important;font-size:.95rem!important;font-weight:500!important;line-height:1.4!important;word-break:break-word!important}.wsp-empty-value{color:#94a3b8!important;color:var(--wsp-text-light)!important;font-size:.9rem!important;font-style:italic!important}.wsp-task-actions{background:linear-gradient(135deg,#f8fafc,#fff)!important;background:var(--wsp-task-actions-bg)!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--wsp-task-actions-border)!important;flex-shrink:0!important;padding:1.5rem 2rem!important;transition:all .3s ease!important}.wsp-task-actions-content{gap:1.5rem!important;justify-content:space-between!important}.wsp-task-actions-content,.wsp-task-actions-info{align-items:center!important;display:flex!important}.wsp-task-actions-info{flex:1 1!important;gap:1rem!important}.wsp-task-actions-info .material-symbols-rounded{background:#3b82f61a!important;border-radius:12px!important;color:#3b82f6!important;color:var(--wsp-btn-secondary-bg)!important;flex-shrink:0!important;font-size:32px!important;padding:.75rem!important}.wsp-task-actions-label{color:#1e293b!important;color:var(--wsp-text-primary)!important;display:block!important;font-size:1.1rem!important;font-weight:700!important;margin-bottom:.25rem!important}.wsp-task-actions-description{color:#475569!important;color:var(--wsp-text-secondary)!important;display:block!important;font-size:.9rem!important;line-height:1.4!important}.wsp-task-actions-buttons{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:1rem!important}[data-theme=dark] .wsp-card-header .material-symbols-rounded{background:#00ff8826!important;color:#1de6a5!important}[data-theme=dark] .wsp-field-item{background:#0000004d!important;border-color:#0f83!important}[data-theme=dark] .wsp-field-item:hover{background:#00ff8814!important;border-color:#0f86!important;box-shadow:0 4px 12px #00ff8826!important}[data-theme=dark] .wsp-card:hover{box-shadow:inset 4px 0 0 #1de6a5!important}[data-theme=dark] .wsp-action-btn.secondary:hover{background:#1de6a5e6!important;box-shadow:0 4px 12px #00ff884d!important}[data-theme=dark] .wsp-status-badge.active{background:#0f83!important;border-color:#0f86!important;color:#1de6a5!important}[data-theme=dark] .wsp-status-badge.inactive{background:#ffc10733!important;border-color:#ffc10766!important;color:#ffd666!important}[data-theme=dark] .wsp-status-badge.dropped{background:#f4433633!important;border-color:#f4433666!important;color:#ffcdd2!important}[data-theme=dark] .wsp-status-badge.graduated{background:#2196f333!important;border-color:#2196f366!important;color:#bbdefb!important}[data-theme=dark] .wsp-status-badge.transferred{background:#9e9e9e33!important;border-color:#9e9e9e66!important;color:#e0e0e0!important}[data-theme=dark] .wsp-task-actions-info .material-symbols-rounded{background:#00ff8826!important;color:#1de6a5!important}.wsp-loading{align-items:center!important;color:#64748b!important;color:var(--wsp-text-muted)!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;padding:4rem 2rem!important;text-align:center!important}.wsp-loading-icon{animation:wsp-spin 1s linear infinite!important;color:#94a3b8!important;color:var(--wsp-text-light)!important;font-size:3rem!important;margin-bottom:1rem!important}.wsp-loading p{color:#475569!important;color:var(--wsp-text-secondary)!important;font-size:1rem!important;margin:0!important}@keyframes wsp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wsp-error{align-items:center!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;padding:4rem 2rem!important;text-align:center!important}.wsp-error-icon{color:#ef4444!important;font-size:3rem!important;margin-bottom:1rem!important}.wsp-error h3{color:#1e293b!important;color:var(--wsp-text-primary)!important;font-size:1.3rem!important;font-weight:600!important;margin:0 0 1rem!important}.wsp-error p{color:#64748b!important;color:var(--wsp-text-muted)!important;line-height:1.5!important;margin:0 0 2rem!important;max-width:400px!important}.wsp-retry-btn{align-items:center!important;background:#3b82f6!important;background:var(--wsp-btn-secondary-bg)!important;border:none!important;border-radius:10px!important;color:#fff!important;color:var(--wsp-btn-secondary-text)!important;cursor:pointer!important;display:inline-flex!important;font-family:inherit!important;font-size:.9rem!important;font-weight:500!important;gap:.5rem!important;padding:.75rem 1.5rem!important;transition:all .2s ease!important}.wsp-retry-btn:hover{background:#3b82f6e6!important;box-shadow:0 4px 12px #3b82f64d!important;transform:translateY(-1px)!important}.wsp-retry-btn .material-symbols-rounded{font-size:18px!important}@media (max-width:1200px){.wsp-card-content{padding:1.5rem 2rem!important}}@media (max-width:768px){.wsp-header{align-items:stretch!important;flex-direction:column!important;gap:1rem!important;padding:1rem 1.5rem!important}.wsp-header-content{justify-content:center!important;text-align:center!important}.wsp-header-actions{gap:.5rem!important;justify-content:center!important}.wsp-action-btn{flex:1 1!important;font-size:.85rem!important;justify-content:center!important;padding:.6rem 1rem!important}.wsp-avatar{height:56px!important;width:56px!important}.wsp-avatar,.wsp-student-name{font-size:1.3rem!important}.wsp-student-meta{gap:.75rem!important;justify-content:center!important}.wsp-card-header{padding:1rem 1.5rem!important}.wsp-card-content{padding:1.5rem!important}.wsp-card-header h3{font-size:1.1rem!important}.wsp-card-header .material-symbols-rounded{font-size:20px!important;padding:.6rem!important}.wsp-step-description{padding:.75rem 1.5rem!important}.wsp-step-header{flex-direction:column!important}.wsp-step-header,.wsp-step-meta{align-items:flex-start!important;gap:.75rem!important}.wsp-step-meta{flex-direction:row!important}.wsp-task-actions{padding:1rem 1.5rem!important}.wsp-task-actions-content{align-items:stretch!important;flex-direction:column!important;gap:1rem!important}.wsp-task-actions-buttons{justify-content:space-between!important;width:100%!important}.wsp-task-actions-buttons .wsp-action-btn{flex:1 1!important;max-width:calc(50% - .5rem)!important}}@media (max-width:480px){.wsp-card-header,.wsp-header{padding:.75rem 1rem!important}.wsp-card-content{padding:1rem!important}.wsp-avatar{font-size:1.1rem!important;height:48px!important;width:48px!important}.wsp-student-name{font-size:1.2rem!important}.wsp-action-btn{font-size:.8rem!important;padding:.5rem .75rem!important}.wsp-action-btn .material-symbols-rounded{font-size:16px!important}.wsp-field-label{font-size:.75rem!important}.wsp-field-value{font-size:.9rem!important}.wsp-field-item{min-height:70px!important;padding:.75rem!important}.wsp-step-description{padding:.75rem 1rem!important}.wsp-step-info h3{font-size:1.1rem!important}.wsp-step-info p{font-size:.85rem!important}.wsp-task-actions{padding:1rem!important}.wsp-task-actions-label{font-size:1rem!important}.wsp-task-actions-description{font-size:.85rem!important}.wsp-task-actions-buttons{flex-direction:column!important;gap:.75rem!important}.wsp-task-actions-buttons .wsp-action-btn{justify-content:center!important;max-width:none!important;width:100%!important}}@media (prefers-contrast:high){.wsp-card,.wsp-container{border:2px solid #1e293b!important;border:2px solid var(--wsp-text-primary)!important}.wsp-action-btn,.wsp-status-badge{border:2px solid!important}.wsp-field-item{border:2px solid #f1f5f9!important;border:2px solid var(--wsp-card-border)!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.wsp-action-btn:hover,.wsp-card:hover,.wsp-field-item:hover{transform:none!important}.wsp-loading-icon,.wsp-spinning{animation:none!important}}@media print{.wsp-container{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;color:#000!important}.wsp-header-actions,.wsp-task-actions{display:none!important}.wsp-card{border:1px solid #ccc!important;break-inside:avoid!important;margin-bottom:1rem!important;page-break-inside:avoid!important}.wsp-field-item{background:#f9f9f9!important;border:1px solid #ddd!important}}:root{--sm-container-bg:#fffffff2;--sm-container-border:#fff3;--sm-container-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;--sm-text-primary:#1e293b;--sm-text-secondary:#374151;--sm-text-muted:#6b7280;--sm-text-light:#9ca3af;--sm-header-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--sm-header-border:#e2e8f0;--sm-header-title:#065f46;--sm-header-subtitle:#047857;--sm-header-icon-bg:linear-gradient(135deg,#065f46,#059669);--sm-header-icon-shadow:0 8px 20px #065f464d;--sm-tab-bg:#ffffffe6;--sm-tab-border:#e2e8f0;--sm-tab-btn-bg:#fffc;--sm-tab-btn-text:#6b7280;--sm-tab-btn-active-bg:linear-gradient(135deg,#059669,#065f46);--sm-tab-btn-active-text:#fff;--sm-tab-btn-hover-bg:#065f461a;--sm-stat-card-bg:#ffffffe6;--sm-stat-card-border:#e2e8f0cc;--sm-stat-card-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;--sm-stat-icon-bg:linear-gradient(135deg,#e5e7eb,#f3f4f6);--sm-stat-icon-text:#6b7280;--sm-stat-icon-active-bg:linear-gradient(135deg,#10b981,#059669);--sm-stat-icon-recent-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--sm-form-input-border:#e2e8f0cc;--sm-form-input-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;--sm-form-input-placeholder:#9ca3af;--sm-form-input-focus-bg:#fffffff2;--sm-form-input-focus-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;--sm-btn-primary-bg:linear-gradient(135deg,#059669,#065f46);--sm-btn-primary-text:#fff;--sm-btn-primary-shadow:0 4px 12px #0596694d;--sm-btn-primary-hover-bg:linear-gradient(135deg,#047857,#064e3b);--sm-btn-secondary-bg:#ffffffe6;--sm-btn-secondary-text:#374151;--sm-btn-secondary-border:#e5e7eb;--sm-sum-subject-card-bg:#ffffffe6;--sm-sum-subject-card-border:#e2e8f0cc;--sm-sum-subject-card-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;--sm-sum-subject-card-hover-shadow:0 8px 24px #05966926,0 4px 12px #00000014;--sm-badge-active-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--sm-badge-active-text:#065f46;--sm-badge-inactive-bg:linear-gradient(135deg,#fee2e2,#fecaca);--sm-badge-inactive-text:#991b1b;--sm-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--sm-error-text:#991b1b;--sm-error-border:#fca5a5;--sm-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--sm-success-text:#065f46;--sm-success-border:#6ee7b7}[data-theme=dark]{--sm-container-bg:#1a1a1af2;--sm-container-border:#0f83;--sm-container-shadow:0 20px 60px #000c,0 8px 32px #00ff881a,inset 0 1px 0 #00ff881a;--sm-text-primary:#fff;--sm-text-secondary:#fff;--sm-text-muted:#d1d5db;--sm-text-light:#9aa4b2;--sm-header-bg:linear-gradient(135deg,#00ff8826,#1a1a1af2);--sm-header-border:#00ff8826;--sm-header-title:linear-gradient(135deg,#065f46,#047857);--sm-header-subtitle:#3efcd9;--sm-header-icon-bg:linear-gradient(135deg,#065f46,#047857);--sm-header-icon-text:#000;--sm-header-icon-shadow:0 8px 20px #0f86;--sm-tab-bg:#1a1a1ae6;--sm-tab-border:#0f83;--sm-tab-btn-bg:#333c;--sm-tab-btn-text:#fff;--sm-tab-btn-active-bg:linear-gradient(135deg,#065f46,#047857);--sm-tab-btn-active-text:#000;--sm-tab-btn-hover-bg:#00ff881a;--sm-stat-card-bg:#1a1a1ae6;--sm-stat-card-border:#0f83;--sm-stat-card-shadow:0 4px 12px #00ff881a,inset 0 1px 0 #00ff881a;--sm-stat-icon-bg:#333c;--sm-stat-icon-text:#fff;--sm-stat-icon-active-bg:linear-gradient(135deg,#065f46,#047857);--sm-stat-icon-recent-bg:linear-gradient(135deg,#00f2fe,#0ea5e9);--sm-form-input-shadow:inset 0 2px 4px #00ff880d,0 1px 3px #00ff881a;--sm-form-input-placeholder:#9aa4b2;--sm-form-input-focus-border:linear-gradient(135deg,#065f46,#047857);--sm-form-input-focus-bg:#1a1a1ae6;--sm-form-input-focus-shadow:inset 0 2px 4px #00ff881a,0 0 0 3px #0f83,0 4px 12px #0f83;--sm-btn-primary-bg:linear-gradient(135deg,#065f46,#047857);--sm-btn-primary-text:#000;--sm-btn-primary-shadow:0 4px 12px #00ff884d;--sm-btn-primary-hover-bg:linear-gradient(135deg,#00cc6a,#00b359);--sm-btn-secondary-bg:#333c;--sm-btn-secondary-text:#fff;--sm-btn-secondary-border:#fff3;--sm-sum-subject-card-bg:#1a1a1ae6;--sm-sum-subject-card-border:#0f83;--sm-sum-subject-card-shadow:0 4px 12px #00ff881a,inset 0 1px 0 #00ff881a;--sm-sum-subject-card-hover-shadow:0 8px 24px #0f83,0 4px 12px #00ff8826;--sm-badge-active-bg:#0f83;--sm-badge-active-text:linear-gradient(135deg,#065f46,#047857);--sm-badge-inactive-bg:#f4433633;--sm-badge-inactive-text:#ffcdd2;--sm-error-bg:#f4433633;--sm-error-text:#ffcdd2;--sm-error-border:#f4433666;--sm-success-bg:#0f83;--sm-success-text:linear-gradient(135deg,#065f46,#047857);--sm-success-border:#0f86}.subjects-management-container{backdrop-filter:blur(20px);background:#fffffff2;background:var(--sm-container-bg);border:1px solid #fff3;border:1px solid var(--sm-container-border);box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;box-shadow:var(--sm-container-shadow);min-height:calc(100vh - 120px)}.subjects-header,.subjects-management-container{-webkit-backdrop-filter:blur(20px);padding:.5rem;transition:all .3s ease}.subjects-header{align-items:center;backdrop-filter:blur(20px);background:var(--std-container-bg);border:1px solid #e2e8f0;border:1px solid var(--sm-header-border);border-radius:12px;box-shadow:var(--std-container-shadow);display:flex;justify-content:space-between;margin-bottom:.5rem}.header-text h1{font-family:Google Sans,Poppins,sans-serif;font-size:1.75rem}.header-text p{color:#047857;opacity:.9}.message-banner{margin-bottom:1.5rem}.subjects-tabs{display:flex;flex-direction:column;gap:0}.tab-navigation{background:#ffffffe6;background:var(--sm-tab-bg);border:1px solid #e2e8f0;border:1px solid var(--sm-tab-border);border-radius:12px;margin-bottom:.5rem;padding:.5rem}.tab-btn,.tab-navigation{display:flex;transition:all .3s ease}.tab-btn{align-items:center;background:#fffc;background:var(--sm-tab-btn-bg);border:none;border-radius:12px;color:#6b7280;color:var(--sm-tab-btn-text);cursor:pointer;flex:1 1;font-family:inherit;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem}.tab-btn:hover{background:#065f461a;background:var(--sm-tab-btn-hover-bg)}.tab-btn.active{background:linear-gradient(135deg,#059669,#065f46);background:var(--sm-tab-btn-active-bg);box-shadow:0 4px 12px #05966933;color:#fff;color:var(--sm-tab-btn-active-text)}.tab-btn .material-symbols-rounded{font-size:20px}.tab-content{background:#fffffff2;background:var(--sm-container-bg);border:1px solid #e2e8f0;border:1px solid var(--sm-tab-border);border-radius:12px;border-top:none;min-height:600px;padding:1rem;transition:all .3s ease}.stats-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:.5rem}.stat-card{background:#ffffffe6;background:var(--sm-stat-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--sm-stat-card-border);box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--sm-stat-card-shadow)}.stat-card:hover{box-shadow:0 8px 24px #0000001a}.stat-icon{align-items:center;background:linear-gradient(135deg,#e5e7eb,#f3f4f6);background:var(--sm-stat-icon-bg);border-radius:12px;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.stat-icon .material-symbols-rounded{color:#6b7280;color:var(--sm-stat-icon-text);font-size:24px;transition:color .3s ease}.stat-icon.active{background:linear-gradient(135deg,#10b981,#059669);background:var(--sm-stat-icon-active-bg)}.stat-icon.active .material-symbols-rounded{color:#fff}.stat-icon.recent{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--sm-stat-icon-recent-bg)}.stat-icon.recent .material-symbols-rounded{color:#fff}.stat-content{flex:1 1}.stat-number{color:#1e293b;color:var(--sm-text-primary);margin-bottom:.25rem}.stat-label{color:var(--sm-text-muted);font-size:.9rem}.filters-section{background:#ffffffe6;border:1px solid #e2e8f0cc;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;margin-bottom:.5rem;transition:all .3s ease}.filters-header h3{color:#1e293b;font-size:1.25rem;transition:color .3s ease}.clear-filters-btn{align-items:center;background:#ffffffe6;background:var(--sm-btn-secondary-bg);border:1px solid #e5e7eb;border:1px solid var(--sm-btn-secondary-border);border-radius:8px;color:#374151;color:var(--sm-btn-secondary-text);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.clear-filters-btn:hover{background:#065f461a;background:var(--sm-tab-btn-hover-bg);transform:translateY(-1px)}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.subjects-form-input{background:var(--sm-form-input-bg);border:2px solid var(--sm-form-input-border);box-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;box-shadow:var(--sm-form-input-shadow);color:var(--sm-form-input-text)}.subjects-form-input:focus{background:#fffffff2;background:var(--sm-form-input-focus-bg);border-color:#059669;border-color:var(--sm-form-input-focus-border);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;box-shadow:var(--sm-form-input-focus-shadow)}.subjects-form-input::placeholder{color:var(--sm-form-input-placeholder)}.subjects-form-dropdown{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--sm-form-input-bg);transition:all .3s ease}.checkbox-label{gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#059669}.subjects-list-section{background:#ffffffe6;background:var(--sm-stat-card-bg);border:1px solid var(--sm-stat-card-border);box-shadow:var(--sm-stat-card-shadow);padding:.5rem}.list-header{margin-bottom:1rem}.list-header h3{color:#1e293b;color:var(--sm-text-primary);font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.create-subject-btn{align-items:center;background:linear-gradient(135deg,#059669,#065f46);background:var(--sm-btn-primary-bg);border:none;border-radius:12px;box-shadow:0 4px 12px #0596694d;box-shadow:var(--sm-btn-primary-shadow);color:#fff;color:var(--sm-btn-primary-text);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-subject-btn:hover{background:linear-gradient(135deg,#047857,#064e3b);background:var(--sm-btn-primary-hover-bg);box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}.empty-state h4{color:#1e293b;transition:color .3s ease}.sum-subjects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.sum-subject-card{background:#ffffffe6;background:var(--sm-sum-subject-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--sm-sum-subject-card-border);border-radius:12px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--sm-sum-subject-card-shadow);padding:1.5rem;position:relative;transition:all .3s ease}.sum-subject-card:hover{box-shadow:0 8px 24px #05966926,0 4px 12px #00000014;box-shadow:var(--sm-sum-subject-card-hover-shadow);transform:translateY(-4px)}.sum-subject-card.inactive{opacity:.7}.subject-header{margin-bottom:1rem}.status-badge,.subject-id{transition:all .3s ease}.status-badge{font-size:.8rem;font-weight:600;padding:.25rem .75rem}.status-badge.active{background:var(--sm-badge-active-bg);color:var(--sm-badge-active-text)}.status-badge.inactive{background:var(--sm-badge-inactive-bg);color:var(--sm-badge-inactive-text)}.subject-title{margin-bottom:1rem}.subject-title h4{color:var(--sm-text-primary);font-size:1.1rem;font-weight:600;transition:color .3s ease}.subject-short-name{color:var(--sm-text-muted)}.subject-description,.subject-short-name{font-size:.9rem;transition:color .3s ease}.subject-description{color:#374151;color:var(--sm-text-secondary);margin:0 0 1rem}.subject-meta{margin-bottom:1rem}.meta-tag{background:#fffc;background:var(--sm-form-input-bg);border-radius:12px;color:#374151;color:var(--sm-text-secondary);font-size:.8rem;font-weight:500;padding:.25rem .75rem;transition:all .3s ease}.meta-tag.group{background:#f59e0b1a;color:#d97706}.subject-footer{color:#6b7280;color:var(--sm-text-muted);font-size:.85rem;justify-content:space-between;margin-bottom:1rem;transition:color .3s ease}.subject-footer,.subject-hours{align-items:center;display:flex}.subject-hours{gap:.25rem}.subject-hours .material-symbols-rounded{font-size:16px}.subject-actions{justify-content:flex-end}.action-btn{height:36px;transition:all .3s ease;width:36px}.action-btn.view-btn:hover{background:#3b82f633}.action-btn.assign-btn{background:#10b9811a;color:#059669}.action-btn.assign-btn:hover{background:#10b98133;transform:scale(1.1)}.courses-tab{animation:fadeInSlide .3s ease-out}.tab-header{margin-bottom:1.5rem;text-align:center}.tab-header h3{color:#1e293b;color:var(--sm-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.tab-header p{color:#6b7280;color:var(--sm-text-muted);font-size:1rem;margin:0;transition:color .3s ease}.course-subjects-list{display:flex;flex-direction:column;gap:1.5rem}.course-card{background:#ffffffe6;background:var(--sm-stat-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--sm-stat-card-border);box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--sm-stat-card-shadow);padding:1.5rem}.course-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--sm-tab-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.course-header h4{color:#1e293b;color:var(--sm-text-primary);font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.course-meta{align-items:center;display:flex;gap:1rem}.course-code{background:#3b82f61a;color:#1d4ed8}.course-code,.semester-badge{border-radius:6px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.semester-badge{background:#10b9811a;color:#059669}.subjects-table td,.subjects-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sm-tab-border);padding:.75rem 1rem;text-align:left}.subjects-table th{border-radius:8px 8px 0 0}.subjects-table td{font-size:.95rem}.table-action-btn{background:#3b82f61a;border-radius:6px;color:#1d4ed8;height:32px;width:32px}.table-action-btn:hover{background:#3b82f633}.table-action-btn .material-symbols-rounded{font-size:16px}[data-theme=dark] .meta-tag.category{background:#00f2fe33;color:#00f2fe}[data-theme=dark] .meta-tag.group{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .action-btn.view-btn{background:#00f2fe33;color:#00f2fe}[data-theme=dark] .action-btn.assign-btn{background:#0f83;color:#065f46}[data-theme=dark] .course-code{background:#00f2fe33;color:#00f2fe}[data-theme=dark] .semester-badge{background:#0f83;color:#065f46}[data-theme=dark] .table-action-btn{background:#00f2fe33;color:#00f2fe}@media (max-width:768px){.subjects-management-container{border-radius:12px;margin:.5rem;padding:1rem}.subjects-header{border-radius:12px 12px 0 0;margin:-1rem -1rem 1.5rem;padding:1.5rem}.header-text h1{font-size:1.5rem}.tab-navigation{flex-direction:column;gap:.5rem}.tab-btn{justify-content:flex-start}.tab-content{padding:1.5rem}.stats-grid{gap:1rem}.filters-grid,.stats-grid{grid-template-columns:1fr}.clear-filters-btn{font-size:.85rem;padding:.4rem .8rem}.sum-subjects-grid{gap:1rem;grid-template-columns:1fr}.list-header{align-items:stretch;flex-direction:column;gap:1rem}.create-subject-btn{justify-content:center}.course-header{align-items:flex-start;flex-direction:column;gap:1rem}.course-meta{align-self:stretch;justify-content:space-between}.subjects-table{font-size:.9rem}.subjects-table td,.subjects-table th{padding:.5rem .75rem}}@media (max-width:480px){.header-content{gap:.75rem}.header-icon{height:48px;width:48px}.header-icon .material-symbols-rounded{font-size:24px}.stat-card{padding:1rem}.stat-number{font-size:1.75rem}.sum-subject-card{padding:1rem}.subject-actions{justify-content:center;margin-top:1rem}.course-card{padding:1rem}.subjects-table td,.subjects-table th{font-size:.85rem;padding:.5rem}}.view-toggle{background:#fffc;background:var(--sm-form-input-bg);border:1px solid var(--sm-form-input-border);border-radius:10px}.view-toggle-btn{border-radius:8px;color:var(--sm-text-muted)}.view-toggle-btn:hover{background:#065f461a;background:var(--sm-tab-btn-hover-bg);color:var(--sm-text-primary)}.view-toggle-btn.active{background:linear-gradient(135deg,#059669,#065f46);background:var(--sm-btn-primary-bg);box-shadow:0 2px 8px #0596694d;color:var(--sm-btn-primary-text)}.subjects-table-container{background:#ffffffe6;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;padding:0;transition:all .3s ease}.subjects-table table{min-width:800px}.subjects-table th{background:#fffc;border-bottom:2px solid #e2e8f0}.subjects-table td{border-bottom:1px solid #e2e8f0}.subjects-table tr:hover{background:#fffc}.table-subject-id{background:#fffc;background:var(--sm-form-input-bg);border-radius:6px;color:var(--sm-text-muted);font-size:.85rem;font-weight:600;padding:.25rem .75rem}.table-subject-name{display:flex;flex-direction:column;gap:.25rem}.subject-name-text{color:#1e293b;color:var(--sm-text-primary);font-weight:600;line-height:1.3;transition:color .3s ease}.subject-description-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--sm-text-muted);display:-webkit-box;font-size:.85rem;line-height:1.4;overflow:hidden;transition:color .3s ease}.table-short-name{color:#374151;color:var(--sm-text-secondary)}.table-meta-tag{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.table-academic-group{color:#374151;transition:color .3s ease}.table-academic-group,.table-credits{color:var(--sm-text-secondary);font-weight:500}.table-hours{color:#374151;color:var(--sm-text-secondary);font-weight:500;transition:color .3s ease}.table-status-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.table-status-badge.active{background:var(--sm-badge-active-bg);color:var(--sm-badge-active-text)}.table-status-badge.inactive{background:var(--sm-badge-inactive-bg);color:var(--sm-badge-inactive-text)}.table-action-btn.view-btn:hover{background:#3b82f633}.table-action-btn.assign-btn{background:#10b9811a;color:#059669}.table-action-btn.assign-btn:hover{background:#10b98133;transform:scale(1.1)}[data-theme=dark] .view-toggle-btn.active{background:linear-gradient(135deg,#059669,#065f46);background:var(--sm-btn-primary-bg);box-shadow:0 2px 8px #00ff884d;color:#fff;color:var(--sm-btn-primary-text)}[data-theme=dark] .table-action-btn.view-btn,[data-theme=dark] .table-meta-tag.category{background:#00f2fe33;color:#00f2fe}[data-theme=dark] .table-action-btn.assign-btn{background:#0f83;color:#065f46}@media (max-width:768px){.header-actions{flex-direction:column;gap:1rem}.view-toggle{align-self:center}.subjects-table table{min-width:600px}.table-subject-name{max-width:150px}.subject-description-text{-webkit-line-clamp:1}}@media (max-width:480px){.view-toggle-btn{height:36px;width:36px}.view-toggle-btn .material-symbols-rounded{font-size:18px}.subjects-table table{min-width:500px}.table-subject-name{max-width:120px}.table-actions{flex-direction:column;gap:.25rem}}.filters-section.collapsed{background:#ffffffe6;background:var(--sm-stat-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--sm-stat-card-border);border-radius:12px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--sm-stat-card-shadow);margin-bottom:1.5rem;padding:1rem 1.5rem;transition:all .3s ease}.toggle-filters-btn{align-items:center;background:#ffffffe6;background:var(--sm-btn-secondary-bg);border:1px solid #e5e7eb;border:1px solid var(--sm-btn-secondary-border);border-radius:8px;color:#374151;color:var(--sm-btn-secondary-text);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.toggle-filters-btn:hover{background:#065f461a;background:var(--sm-tab-btn-hover-bg);transform:translateY(-1px)}.toggle-filters-btn .material-symbols-rounded{font-size:18px;transition:transform .3s ease}.create-subject-overlay{align-items:flex-start;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.create-subject-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--sm-container-bg);border:1px solid var(--sm-container-border);border-radius:24px;box-shadow:var(--sm-container-shadow);display:flex;flex-direction:column;max-height:80vh;max-width:1000px;overflow:hidden;width:100%}.csubj-form-section{background:var(--sm-stat-card-bg);border:1px solid var(--sm-stat-card-border);border-radius:12px;box-shadow:var(--sm-stat-card-shadow);margin-bottom:2rem;padding:1.5rem}.create-form-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--sm-form-input-bg);border:2px solid var(--sm-form-input-border);border-radius:12px;box-shadow:var(--sm-form-input-shadow);color:var(--sm-form-input-text);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-form-input:focus{background:var(--sm-form-input-focus-bg);border-color:var(--sm-form-input-focus-border);box-shadow:var(--sm-form-input-focus-shadow);transform:translateY(-1px)}.create-form-input::placeholder{color:var(--sm-form-input-placeholder);font-weight:400}.create-form-textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--sm-form-input-bg);border:2px solid var(--sm-form-input-border);border-radius:12px;box-shadow:var(--sm-form-input-shadow);color:var(--sm-form-input-text);font-family:inherit;font-size:.95rem;font-weight:500;min-height:80px;outline:none;padding:.75rem 1rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-form-textarea:focus{background:var(--sm-form-input-focus-bg);border-color:var(--sm-form-input-focus-border);box-shadow:var(--sm-form-input-focus-shadow);transform:translateY(-1px)}.create-form-dropdown{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--sm-form-input-bg)}.modern-toggle-wrapper{align-items:center;display:flex;gap:1rem}.modern-toggle{background:var(--sm-form-input-border);border:2px solid #0000;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;height:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.modern-toggle:hover:not(.disabled){box-shadow:inset 0 2px 4px #00000026,0 0 0 4px var(--sm-form-input-focus-shadow);transform:scale(1.05)}.modern-toggle.active{background:var(--sm-btn-primary-bg);box-shadow:0 0 0 4px var(--sm-form-input-focus-shadow)}.modern-toggle.disabled{cursor:not-allowed;opacity:.6}.modern-toggle.active .toggle-thumb{background:var(--sm-form-input-bg);transform:translateX(28px)}.modern-toggle.active .toggle-thumb .material-symbols-rounded,.modern-toggle.active+.toggle-label{color:var(--sm-btn-primary-text)}.checkbox-field{margin-top:.5rem}.checkbox-label{color:var(--sm-text-secondary);font-size:.95rem}.checkbox-label input[type=checkbox]{accent-color:var(--sm-form-input-focus-border);cursor:pointer;height:20px;width:20px}.tags-input-container{background:var(--sm-form-input-bg);border:2px solid var(--sm-form-input-border);border-radius:12px;padding:.75rem;transition:all .3s ease}.tags-input-container:focus-within{border-color:var(--sm-form-input-focus-border);box-shadow:var(--sm-form-input-focus-shadow)}.tags-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;min-height:24px}.tag{background:var(--sm-btn-primary-bg);color:var(--sm-btn-primary-text);font-size:.85rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.tag-remove:hover{background:#fff3}.tag-remove .material-symbols-rounded{font-size:14px}.tag-input-row{align-items:center;display:flex;gap:.75rem}.tag-input-row .create-form-input{background:#0000;border:none;box-shadow:none;flex:1 1;padding:.5rem 0}.tag-input-row .create-form-input:focus{background:#0000;border:none;box-shadow:none;transform:none}.add-tag-btn{align-items:center;background:var(--sm-btn-primary-bg);border:none;border-radius:8px;color:var(--sm-btn-primary-text);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.add-tag-btn:hover:not(:disabled){background:var(--sm-btn-primary-hover-bg);transform:scale(1.05)}.add-tag-btn:disabled{cursor:not-allowed;opacity:.5}.add-tag-btn .material-symbols-rounded{font-size:18px}[data-theme=dark] .tag{background:var(--sm-btn-primary-bg);color:var(--sm-btn-primary-text)}[data-theme=dark] .tag-remove:hover{background:#0003}[data-theme=dark] .modern-toggle{background:#ffffff1a}[data-theme=dark] .modern-toggle.active{background:var(--sm-btn-primary-bg)}[data-theme=dark] .modern-toggle.active .toggle-thumb .material-symbols-rounded{color:#000}@media (max-width:768px){.create-subject-overlay{padding:1rem}.create-subject-modal{border-radius:12px;max-height:95vh;max-width:100%}.modal-body,.modal-footer,.modal-header{padding-left:1.5rem;padding-right:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-field.full-width{grid-column:span 1}.header-text h2{font-size:1.25rem}.footer-actions{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{justify-content:center;width:100%}.modern-toggle{height:28px;width:50px}.toggle-thumb{height:20px;width:20px}.modern-toggle.active .toggle-thumb{transform:translateX(22px)}}@media (max-width:480px){.header-content{gap:.75rem}.header-icon{height:48px;width:48px}.header-icon .material-symbols-rounded{font-size:24px}.csubj-form-section{padding:1rem}}.prerequisite-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.prerequisite-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--sm-container-bg);border:1px solid var(--sm-container-border);border-radius:24px;box-shadow:var(--sm-container-shadow);max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.modal-body,.prerequisite-modal{display:flex;flex-direction:column}.modal-body{gap:1.5rem;padding:1.5rem 2.5rem}.filters-section{background:var(--sm-stat-card-bg);border:1px solid var(--sm-stat-card-border);border-radius:12px;box-shadow:var(--sm-stat-card-shadow);padding:1.5rem}.filters-header h3{color:var(--sm-text-primary);font-size:1.1rem;font-weight:600;margin:0}.filter-action-btn,.filter-actions{display:flex;gap:.5rem}.filter-action-btn{align-items:center;background:var(--sm-btn-secondary-bg);border:1px solid var(--sm-btn-secondary-border);border-radius:8px;color:var(--sm-btn-secondary-text);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.filter-action-btn:hover{background:var(--sm-tab-btn-hover-bg)}.prq-filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr}.filter-field label{color:var(--sm-text-secondary)}.filter-input,.filter-select{background:var(--sm-form-input-bg);border:2px solid var(--sm-form-input-border);border-radius:12px;color:var(--sm-form-input-text);font-family:inherit;font-size:.9rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.filter-input:focus,.filter-select:focus{background:var(--sm-form-input-focus-bg);border-color:var(--sm-form-input-focus-border);box-shadow:0 0 0 3px #0596691a}.filter-input::placeholder{color:var(--sm-form-input-placeholder)}.selection-summary{align-items:center;background:var(--sm-stat-card-bg);border:1px solid var(--sm-stat-card-border);border-radius:12px;box-shadow:var(--sm-stat-card-shadow);display:flex;justify-content:space-between;padding:1rem 1.5rem}.summary-content{display:flex;flex-direction:column;gap:.25rem}.summary-count{color:var(--sm-text-primary);font-size:1rem;font-weight:600}.summary-names{color:var(--sm-text-muted);font-size:.85rem;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-actions{display:flex;gap:.75rem}.summary-action-btn{align-items:center;background:var(--sm-btn-secondary-bg);border:1px solid var(--sm-btn-secondary-border);border-radius:8px;color:var(--sm-btn-secondary-text);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.summary-action-btn:hover:not(:disabled){background:var(--sm-tab-btn-hover-bg)}.summary-action-btn:disabled{cursor:not-allowed;opacity:.5}.summary-action-btn .material-symbols-rounded{font-size:18px}.subjects-table-section{display:flex;flex:1 1;flex-direction:column;min-height:400px}.subjects-table-container{background:var(--sm-stat-card-bg);border:1px solid var(--sm-stat-card-border);border-radius:12px;box-shadow:var(--sm-stat-card-shadow);flex:1 1}.subjects-table{border-collapse:collapse;border-spacing:0;width:100%}.subjects-table th{background:var(--sm-form-input-bg);border-bottom:2px solid var(--sm-tab-border);color:var(--sm-text-secondary);font-size:.9rem;font-weight:600}.subjects-table td{border-bottom:1px solid var(--sm-tab-border);color:var(--sm-text-primary)}.subjects-table tr:hover{background:var(--sm-form-input-bg)}.table-checkbox{accent-color:var(--sm-form-input-focus-border);cursor:pointer;height:18px;width:18px}.subject-id{background:var(--sm-form-input-bg);color:var(--sm-text-muted);display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.subject-name-cell{display:flex;flex-direction:column;gap:.25rem}.subject-name{color:var(--sm-text-primary)}.subject-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--sm-text-muted);display:-webkit-box;font-size:.8rem;line-height:1.4;overflow:hidden}.subject-short-name{color:var(--sm-text-secondary)}.category-tag,.type-tag{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.category-tag{background:#3b82f61a}.type-tag{background:#a855f71a}.credits{color:var(--sm-text-secondary);font-weight:500}.empty-state,.loading-state{color:var(--sm-text-muted);padding:3rem}.empty-state .material-symbols-rounded,.loading-state .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.6}.empty-state h4{color:var(--sm-text-primary);font-size:1.25rem;margin:0 0 .5rem}[data-theme=dark] .category-tag{background:#00f2fe33;color:#00f2fe}[data-theme=dark] .type-tag{background:#a855f733}[data-theme=dark] .filter-action-btn,[data-theme=dark] .summary-action-btn{background:var(--sm-btn-secondary-bg);border:1px solid var(--sm-btn-secondary-border);color:var(--sm-btn-secondary-text)}[data-theme=dark] .filter-action-btn:hover,[data-theme=dark] .summary-action-btn:hover:not(:disabled){background:var(--sm-tab-btn-hover-bg)}@media (max-width:768px){.prerequisite-modal-overlay{padding:1rem}.prerequisite-modal{border-radius:12px;max-height:95vh;max-width:100%}.modal-body,.modal-footer,.modal-header{padding-left:1.5rem;padding-right:1.5rem}.prq-filters-grid{gap:1rem;grid-template-columns:1fr}.header-text h2{font-size:1.25rem}.footer-actions{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{justify-content:center;width:100%}.selection-summary{align-items:stretch;flex-direction:column;gap:1rem}.summary-actions{justify-content:center}.subjects-table{font-size:.85rem}.subjects-table td,.subjects-table th{padding:.75rem .5rem}}@media (max-width:480px){.header-content{gap:.75rem}.header-icon{height:48px;width:48px}.header-icon .material-symbols-rounded{font-size:24px}.subjects-table td,.subjects-table th{font-size:.8rem;padding:.5rem .25rem}.summary-actions{flex-direction:column;gap:.5rem}.summary-names{max-width:100%}}.assign-course-overlay{align-items:flex-start;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;top:10px;z-index:1000}.assign-course-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--sm-container-bg);border:1px solid var(--sm-container-border);border-radius:24px;box-shadow:var(--sm-container-shadow);display:flex;flex-direction:column;max-height:85vh;max-width:1000px;overflow:auto;width:100%}.modal-header{background:var(--sm-header-bg);border-bottom:1px solid var(--sm-header-border);padding:2rem 2.5rem 1.5rem}.header-icon{background:var(--sm-header-icon-bg);box-shadow:var(--sm-header-icon-shadow)}.header-icon .material-symbols-rounded{color:var(--sm-header-icon-text)}.header-text h2{color:var(--sm-header-title)}.header-text p{color:var(--sm-header-subtitle)}.message-banner.error{background:var(--sm-error-bg);border:1px solid var(--sm-error-border);color:var(--sm-error-text)}.message-banner.success{background:var(--sm-success-bg);border:1px solid var(--sm-success-border);color:var(--sm-success-text)}.modal-body{background:#f9fafb80;flex:1 1;overflow-y:auto;padding:2rem 2.5rem}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background:#065f4633;border-radius:3px}.form-section{background:var(--sm-stat-card-bg);border:1px solid var(--sm-stat-card-border);border-radius:12px;box-shadow:var(--sm-stat-card-shadow);padding:1.5rem}.section-title{border-bottom:2px solid var(--sm-tab-border);color:var(--sm-text-primary);font-size:1.1rem;gap:.75rem;margin:0 0 1rem;padding-bottom:.75rem}.section-title .material-symbols-rounded{background:#065f461a;border-radius:8px;color:var(--sm-header-icon-bg);font-size:24px;padding:6px}.form-field.toggle-field{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.form-label{align-items:center;color:var(--sm-text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:.25rem}.form-label.required:after{color:#ef4444;content:"*";font-weight:700;margin-left:.25rem}.assign-form-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--sm-form-input-bg);border:2px solid var(--sm-form-input-border);border-radius:12px;box-shadow:var(--sm-form-input-shadow);color:var(--sm-form-input-text);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.assign-form-input:focus{background:var(--sm-form-input-focus-bg);border-color:var(--sm-form-input-focus-border);box-shadow:var(--sm-form-input-focus-shadow);transform:translateY(-1px)}.assign-form-input::placeholder{color:var(--sm-form-input-placeholder);font-weight:400}.assign-form-dropdown{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--sm-form-input-bg)}.assign-toggle-wrapper{align-items:center;display:flex;gap:1rem}.assign-toggle{background:var(--sm-form-input-border);border:2px solid #0000;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;height:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.assign-toggle:hover:not(.disabled){box-shadow:inset 0 2px 4px #00000026,0 0 0 4px #0596691a;transform:scale(1.05)}.assign-toggle.active{background:var(--sm-btn-primary-bg);box-shadow:0 0 0 4px #05966933}.assign-toggle.disabled{cursor:not-allowed;opacity:.6}.toggle-slider{height:100%;position:relative;width:100%}.toggle-thumb{align-items:center;background:var(--sm-form-input-bg);border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;height:24px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.assign-toggle.active .toggle-thumb{background:var(--sm-form-input-bg);transform:translateX(28px)}.toggle-thumb .material-symbols-rounded{color:var(--sm-text-muted);font-size:14px;transition:color .3s ease}.assign-toggle.active .toggle-thumb .material-symbols-rounded{color:var(--sm-btn-primary-text)}.toggle-label{color:var(--sm-text-secondary);transition:color .2s ease}.subject-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:var(--sm-form-input-bg);border:1px solid var(--sm-form-input-border);border-radius:12px;gap:.5rem;padding:1rem;transition:all .3s ease}.summary-item label{color:var(--sm-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-item span{color:var(--sm-text-primary);font-size:.95rem;font-weight:500}.form-error{align-items:center;color:var(--sm-error-text);display:flex;font-size:.8rem;font-weight:500;gap:.25rem;margin-top:.25rem}.modal-footer{background:#f8fafce6;border-top:1px solid var(--sm-tab-border);padding:1.5rem 2.5rem 2rem}.footer-actions{justify-content:flex-end}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--sm-btn-primary-bg);box-shadow:var(--sm-btn-primary-shadow);color:var(--sm-btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--sm-btn-primary-hover-bg);box-shadow:0 8px 20px #05966966}.btn-secondary{background:var(--sm-btn-secondary-bg);border:2px solid var(--sm-btn-secondary-border);color:var(--sm-btn-secondary-text)}.btn-primary:disabled,.btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}[data-theme=dark] .close-btn{background:#333c;color:#fff}[data-theme=dark] .close-btn:hover{background:#ef444433;color:#ffcdd2}[data-theme=dark] .modal-body{background:#1a1a1a80}[data-theme=dark] .modal-footer{background:#1a1a1ae6}[data-theme=dark] .section-title .material-symbols-rounded{background:#00ff881a;color:#065f46}[data-theme=dark] .assign-toggle{background:#ffffff1a}[data-theme=dark] .assign-toggle.active{background:var(--sm-btn-primary-bg)}[data-theme=dark] .toggle-thumb{background:#1a1a1ae6}[data-theme=dark] .toggle-thumb .material-symbols-rounded{color:#fff}[data-theme=dark] .assign-toggle.active .toggle-thumb .material-symbols-rounded{color:#000}@media (max-width:768px){.assign-course-overlay{padding:1rem}.assign-course-modal{border-radius:12px;max-height:95vh;max-width:100%}.modal-body,.modal-footer,.modal-header{padding-left:1.5rem;padding-right:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-field.full-width{grid-column:span 1}.header-text h2{font-size:1.25rem}.footer-actions{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{justify-content:center;width:100%}.assign-toggle{height:28px;width:50px}.toggle-thumb{height:20px;width:20px}.assign-toggle.active .toggle-thumb{transform:translateX(22px)}.subject-summary{grid-template-columns:1fr}}@media (max-width:480px){.header-content{gap:.75rem}.header-icon{height:48px;width:48px}.header-icon .material-symbols-rounded{font-size:24px}.form-section{padding:1rem}}:root{--subd-sidebar-bg:#ffffffd9;--subd-sidebar-border:#e2e8f0;--subd-sidebar-shadow:0 2px 20px #00000014;--subd-sidebar-hover-shadow:0 12px 30px #0000001a;--subd-card-shadow:0 6px 20px #0000000d;--subd-card-hover-shadow:0 12px 30px #0000001a;--subd-container-border:#e2e8f0;--subd-container-shadow:0 6px 20px #0000000d;--subd-container-bg:#ffffffe6;--subd-popup-bg:#fffffff2;--subd-popup-border:#e2e8f0;--subd-popup-shadow:0 10px 30px #0003;--subd-popup-field-bg:#f8fafccc;--subd-popup-field-border:#e2e8f0;--subd-card-bg:#ffffffe6;--subd-card-border:#e2e8f0cc;--subd-form-section-bg:#f8fafccc;--subd-form-section-border:#e2e8f0;--subd-text-primary:#1e293b;--subd-text-secondary:#374151;--sm-form-input-bg:#fffc;--sm-form-input-border:#e2e8f0;--sm-form-input-focus-border:#059669;--sm-form-input-focus-shadow:0 0 0 3px #0596691a;--sm-form-input-text:#1e293b;--sm-header-icon-bg:#059669;--sm-header-icon-text:#fff}[data-theme=dark]{--subd-sidebar-bg:#1a1a1af2;--subd-sidebar-border:#ffffff1a;--subd-sidebar-shadow:0 2px 20px #0009;--subd-sidebar-hover-shadow:0 12px 30px #000c;--subd-card-shadow:0 6px 20px #0009;--subd-card-hover-shadow:0 12px 30px #0009;--subd-container-border:#ffffff1a;--subd-container-shadow:0 6px 20px #0009;--subd-container-bg:#1a1a1ae6;--subd-popup-bg:#1a1a1af2;--subd-popup-border:#10b98140;--subd-popup-shadow:0 20px 40px #000c;--subd-popup-field-bg:#1a1a1ae6;--subd-popup-field-border:#10b98133;--subd-card-bg:#1a1a1af2;--subd-card-border:#ffffff1a;--subd-form-section-bg:#1a1a1ae6;--subd-form-section-border:#ffffff1a;--subd-text-primary:#fff;--subd-text-secondary:#d1d5db;--sm-form-input-bg:#1a1a1acc;--sm-form-input-border:#ffffff1a;--sm-form-input-focus-border:#065f46;--sm-form-input-text:#fff;--sm-header-icon-bg:#065f46}.subd-subjects-page{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;min-height:calc(100vh - 120px);overflow:hidden;padding:.5rem;transition:all .3s ease}[data-theme=dark] .subd-subjects-page{background:#1a1a1af2;border-color:#ffffff1a;box-shadow:0 6px 20px #0009}.subd-loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem}.subd-loading-state .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.6}.subd-loading-state .subd-spinning{animation:spin 1s linear infinite}.subd-loading-state p{font-size:1.1rem;margin:0}.subd-subject-snapshot-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;background:var(--subd-container-bg);border:1px solid #e2e8f0;border:1px solid var(--subd-container-border);border-radius:8px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--subd-container-shadow);display:flex;flex-direction:column;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:10}.subd-header-top-row,.subd-subject-snapshot-info{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.subd-subject-snapshot-info h1{color:#065f46;font-family:Google Sans,Poppins,sans-serif;font-size:1rem;font-weight:700;line-height:1.2;margin:0 0 1rem}[data-theme=dark] .subd-subject-snapshot-info h1{color:#065f46}.subd-subject-next-action{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.subd-next-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.subd-next-badge.subd-followup-lead{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.subd-next-badge.subd-converted-ref{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.subd-next-badge.subd-warning-followup{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}[data-theme=dark] .subd-next-badge.subd-followup-lead{background:#0f83;color:#f5f5f5}.subd-followup-icon{font-size:16px}.subd-subject-snapshot-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem}.subd-subject-md3-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem .9rem;transition:all .3s ease}.subd-save-btn{background:linear-gradient(135deg,#059669,#065f46);box-shadow:0 4px 12px #0596694d;color:#fff}.subd-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#064e3b);box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}.subd-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-theme=dark] .subd-save-btn{background:linear-gradient(135deg,#065f46,#047857);box-shadow:0 4px 12px #00ff884d;color:#f5f5f5}[data-theme=dark] .subd-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#00cc6a,#00b359)}.subd-sub-convert-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.subd-sub-convert-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.subd-icon-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:12px;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.subd-icon-purple{background:#a855f71a;color:#7c3aed}.subd-icon-purple:hover{background:#a855f733;transform:scale(1.1)}.subd-icon-danger{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.subd-icon-danger:hover{background:#ef444433;color:#dc2626;transform:scale(1.05)}[data-theme=dark] .subd-icon-danger{background:#f4433633;border-color:#f443364d;color:#ffcdd2}[data-theme=dark] .subd-icon-danger:hover{background:#f443364d;color:#ffcdd2}.subd-disabled-icon{opacity:.5}.subd-subject-message-banner{align-items:center;animation:slideDown .3s ease-out;border-radius:12px;display:flex;font-weight:500;gap:.75rem;margin-top:1rem;padding:1rem .9rem}.subd-subject-message-banner.subd-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.subd-subject-message-banner.subd-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.subd-subject-details-container{display:flex;flex:1 1;gap:.5rem;overflow:visible;padding:1rem .5rem .5rem;position:relative}.subd-subject-sidebar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;background:var(--subd-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--subd-sidebar-border);border-radius:24px;box-shadow:0 2px 20px #00000014;box-shadow:var(--subd-sidebar-shadow);display:flex;flex-direction:column;flex-shrink:0;overflow:visible;padding:1.5rem;position:relative;transition:all .3s ease;width:500px}.subd-subject-sidebar-header{background:#ffffffb3;display:flex;gap:2rem;justify-content:space-between;padding:.9rem}[data-theme=dark] .subd-subject-sidebar-header{background:#1a1a1ae6;border-bottom-color:#0f83}.subd-subject-sidebar-header h2{align-items:center;color:#1e293b;color:var(--subd-text-primary);display:flex;font-size:1.25rem;font-weight:700;justify-content:space-between;margin:0}.subd-subject-display-id{align-items:center;color:#6b7280;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}[data-theme=dark] .subd-subject-display-id{color:#d1d5db}.subd-subject-sidebar-profile-horizontal{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--subd-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--subd-card-shadow);display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;transform:translateZ(0);transition:all .3s ease;will-change:box-shadow}.subd-subject-avatar-circle{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:60px;justify-content:center;width:60px}.subd-profile-info-ud .subd-name{color:#1e293b;color:var(--subd-text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.subd-profile-info-ud .subd-meta{color:#6b7280;font-size:.85rem;line-height:1.4;margin:.125rem 0}[data-theme=dark] .subd-profile-info-ud .subd-meta{color:#d1d5db}.subd-subject-status-badge{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--subd-container-border);border-radius:14px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--subd-card-shadow);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:1rem;padding:.5rem 1rem;pointer-events:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.subd-status-section{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.subd-grade-icon,.subd-status-icon{color:#6b7280;font-size:16px}.subd-label-text{color:#6b7280;font-weight:500}.subd-subject-grade-badge,.subd-subject-type-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.subd-subject-type-badge.subd-ACTIVE{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.subd-subject-type-badge.subd-INACTIVE{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.subd-subject-grade-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.subd-subject-sidebar-scrollable{flex:1 1;overflow-y:auto;padding-top:1rem}.subd-subject-sidebar-section{border:1px solid #e2e8f0;border:1px solid var(--subd-container-border);border-radius:24px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--subd-card-shadow);margin-bottom:1rem;padding:.9rem;transition:all .3s ease}.subd-subject-sidebar-section.subd-accent-purple{background:linear-gradient(135deg,#a855f70d,#a855f705);margin-bottom:.5rem}.subd-subject-sidebar-section h4{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;color:var(--subd-text-primary);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0 0 1rem;padding-bottom:.5rem}[data-theme=dark] .subd-subject-sidebar-section h4{border-color:#ffffff1a}.subd-subject-sidebar-section h4 .material-symbols-rounded{color:#6b7280;font-size:20px}.subd-sidebar-toggle-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#dcfce740;border:1px solid #34d3994d;border-radius:8px;box-shadow:2px 2px 8px #22c55e14;color:#059669;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.subd-sidebar-toggle-btn:hover{background:#dcfce759;box-shadow:2px 2px 12px #22c55e29;color:#047857}.subd-sidebar-toggle-btn .material-symbols-rounded{font-size:18px;transition:transform .3s ease}.subd-sidebar-toggle-btn:hover .material-symbols-rounded{transform:scale(1.1)}[data-theme=dark] .subd-sidebar-toggle-btn{background:#00ff8826;border-color:#00ff884d;box-shadow:2px 2px 8px #00ff881a;color:#065f46}[data-theme=dark] .subd-sidebar-toggle-btn:hover{background:#0f83;box-shadow:2px 2px 12px #0f83;color:#065f46}.subd-subject-sidebar.subd-collapsed{padding:1rem .5rem;transition:width .3s ease,padding .3s ease;width:60px}.subd-subject-sidebar.subd-collapsed .subd-subject-sidebar-header h2,.subd-subject-sidebar.subd-collapsed .subd-subject-sidebar-profile-horizontal,.subd-subject-sidebar.subd-collapsed .subd-subject-sidebar-scrollable,.subd-subject-sidebar.subd-collapsed .subd-subject-status-badge{display:none}.subd-subject-collapsed-sidebar-icons{align-items:center;display:none;flex-direction:column;gap:1.5rem;margin-top:2rem;position:relative;z-index:100}.subd-subject-sidebar.subd-collapsed .subd-subject-collapsed-sidebar-icons{display:flex!important}.subd-subject-collapsed-icon-item{align-items:center;background:#ffffffe6;background:var(--subd-container-bg);border:1px solid #e2e8f0;border:1px solid var(--subd-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--subd-card-shadow);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:100}.subd-subject-collapsed-icon-item:hover{background:#065f461a;border-color:#059669;box-shadow:0 12px 30px #0000001a;box-shadow:var(--subd-sidebar-hover-shadow);transform:translateX(3px) scale(1.05);z-index:99999!important}.subd-subject-collapsed-icon-item .material-symbols-rounded{color:#6b7280;font-size:20px;transition:color .3s ease}.subd-subject-collapsed-icon-item:hover .material-symbols-rounded{color:#059669}[data-theme=dark] .subd-subject-collapsed-icon-item{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .subd-subject-collapsed-icon-item:hover{background:#00ff881a;border-color:#065f46}[data-theme=dark] .subd-subject-collapsed-icon-item .material-symbols-rounded{color:#d1d5db}[data-theme=dark] .subd-subject-collapsed-icon-item:hover .material-symbols-rounded{color:#065f46}.subd-subject-sidebar-hover-popup{background:#fffffff2!important;background:var(--subd-popup-bg)!important;border:2px solid #e2e8f0!important;border:2px solid var(--subd-popup-border)!important;border-radius:12px;box-shadow:0 10px 30px #0003!important;box-shadow:var(--subd-popup-shadow)!important;max-width:400px;min-width:300px;opacity:0;padding:1rem;pointer-events:none;position:fixed!important;transition:all .2s ease;visibility:hidden;white-space:normal!important;z-index:999999!important}.subd-subject-popup-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--subd-container-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;transition:border-color .3s ease;white-space:normal}.subd-subject-popup-header .material-symbols-rounded{color:#059669;flex-shrink:0;font-size:1.2rem;transition:color .3s ease}[data-theme=dark] .subd-subject-popup-header .material-symbols-rounded{color:#065f46}.subd-subject-popup-header h4{color:#1e293b;color:var(--subd-text-primary);font-size:1rem;font-weight:600;margin:0;transition:color .3s ease;white-space:normal}.subd-subject-popup-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;white-space:normal}.subd-subject-popup-field{display:flex;flex-direction:column;gap:.25rem}.subd-subject-popup-field-label{color:#6b7280;font-size:.8rem;font-weight:500;transition:color .3s ease;white-space:normal}[data-theme=dark] .subd-subject-popup-field-label{color:#d1d5db}.subd-subject-popup-field-value{background:#f8fafccc;background:var(--subd-popup-field-bg);border:1px solid #e2e8f0;border:1px solid var(--subd-popup-field-border);border-radius:6px;color:#1e293b;color:var(--subd-text-primary);font-size:.9rem;font-weight:500;padding:.3rem .5rem;transition:all .3s ease;white-space:normal;word-break:break-word}.subd-subject-popup-field-value.empty{color:#94a3b8;font-style:italic}[data-theme=dark] .subd-subject-popup-field-value.empty{color:#9aa4b2}.subd-field-group{display:flex;flex-direction:row;gap:1rem}.subd-field-group.subd-two-col{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(4,1fr)}.subd-field-item{display:flex;flex-direction:column;gap:.5rem}.subd-label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.5px}[data-theme=dark] .subd-label{color:#d1d5db}.subd-value-container{align-items:center;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;min-height:44px;transition:all .3s ease}.subd-value-container:hover{background:#fffffff2;border-color:#059669;transform:translateY(-1px)}.subd-value-container.subd-read-only{cursor:default}.subd-value-container.subd-read-only:hover{border-color:#e2e8f0cc;transform:none}[data-theme=dark] .subd-value-container{background:#0000;border-color:#0000}[data-theme=dark] .subd-value-container:hover{background:#3333334d;border-color:#0f83}[data-theme=dark] .subd-value-container.subd-read-only:hover{background:#3333;border-color:#0000}.subd-value-text{color:#1e293b;color:var(--subd-text-primary);flex:1 1;font-size:.95rem;font-weight:500}.subd-edit-icon-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;opacity:0;padding:.25rem;transition:all .3s ease}.subd-value-container:hover .subd-edit-icon-btn{opacity:1}.subd-edit-icon-btn:hover{background:#065f461a;color:#059669}.subd-edit-icon-btn .material-symbols-rounded{font-size:18px}.subd-edit-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid #059669;border-radius:12px;box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #0596691a,0 4px 12px #05966926;font-family:inherit;font-size:.95rem;padding:.75rem 1rem;width:100%}.subd-edit-input,.subd-edit-input-small{background:#fffc;background:var(--sm-form-input-bg);color:#1e293b;color:var(--sm-form-input-text);font-weight:500;outline:none}.subd-edit-input-small{border:2px solid #e2e8f0;border:2px solid var(--sm-form-input-border);border-radius:8px;font-size:.9rem;padding:.5rem;text-align:center;transition:all .3s ease;width:80px}.subd-edit-input-small:focus{border-color:#059669;border-color:var(--sm-form-input-focus-border);box-shadow:0 0 0 3px #0596691a;box-shadow:var(--sm-form-input-focus-shadow)}.subd-modern-toggle-wrapper{align-items:center;display:flex;gap:1rem}.subd-modern-toggle{background:#e2e8f0;border:2px solid #0000;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;height:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.subd-modern-toggle:hover{box-shadow:inset 0 2px 4px #00000026,0 0 0 4px #0596691a;transform:scale(1.05)}.subd-modern-toggle.subd-active{background:linear-gradient(135deg,#059669,#065f46);box-shadow:0 0 0 4px #05966933}.subd-toggle-slider{height:100%;position:relative;width:100%}.subd-toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;height:24px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.subd-modern-toggle.subd-active .subd-toggle-thumb{transform:translateX(28px)}.subd-toggle-thumb .material-symbols-rounded{color:#6b7280;font-size:14px;transition:color .3s ease}.subd-modern-toggle.subd-active .subd-toggle-thumb .material-symbols-rounded{color:#fff}.subd-toggle-label{color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;transition:color .2s ease}.subd-boolean-display,.subd-boolean-indicator{align-items:center;display:flex}.subd-boolean-indicator{border-radius:12px;font-size:.85rem;font-weight:600;gap:.5rem;padding:.25rem .75rem}.subd-boolean-indicator.subd-true{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.subd-boolean-indicator.subd-false{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.subd-boolean-indicator .material-symbols-rounded{font-size:16px}.subd-subject-main-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;background:var(--subd-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--subd-container-border);border-radius:24px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--subd-container-shadow);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem 1rem 0;position:relative;transition:all .3s ease;z-index:1}.subd-subject-tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--subd-container-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--subd-container-border);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 2px 8px #00000005;display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding:0 .5rem .5rem;position:-webkit-sticky;position:sticky;scrollbar-color:#94a3b899 #0000;scrollbar-width:thin;top:0;transform:translateZ(0);transition:all .3s ease;white-space:nowrap;z-index:50}.subd-subject-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--subd-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--subd-card-shadow);color:#1e293b;color:var(--subd-text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.subd-subject-tab:hover{background:#065f461a;color:#059669}.subd-subject-tab.subd-active{background:linear-gradient(135deg,#059669,#065f46);box-shadow:0 4px 12px #05966933;color:#fff}[data-theme=dark] .subd-subject-tab.subd-active{background:linear-gradient(135deg,#065f46,#047857);color:#000}.subd-subject-tab .material-symbols-rounded{font-size:20px}.subd-subject-tab-content{padding:.5rem;position:relative;z-index:1}.subd-overview-tab-content{display:flex;flex-direction:column;gap:1rem}.subd-subject-card{background:#ffffffe6;background:var(--subd-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--subd-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--subd-card-shadow);padding:.9rem;transition:all .3s ease}.subd-stu-card-header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--subd-container-border);border-top-left-radius:20px;border-top-right-radius:20px;display:flex;justify-content:space-between;margin:-1rem -1rem 1rem;min-height:auto;padding:.75rem 1rem;transition:border-color .3s ease}.subd-stu-card-title{align-items:center;color:#1e293b;color:var(--subd-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin:0}.subd-stu-card-title .material-symbols-rounded{color:#6b7280;font-size:24px}.subd-card-content{color:#374151;color:var(--subd-text-secondary);line-height:1.6}.subd-empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.subd-empty-state .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.6}.subd-empty-state h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.subd-empty-state p{font-size:.95rem;margin:0 0 .9rem}.subd-empty-state-icon{display:flex;justify-content:center;margin-bottom:.9rem}.subd-empty-state-icon .material-symbols-rounded{color:#6b7280;font-size:4rem;opacity:.5}.subd-empty-state h3{font-size:.9rem;font-weight:600;margin:0 0 1rem}.subd-empty-state-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.subd-assignments-table-wrapper{overflow-x:auto}.subd-assignments-table{border-collapse:collapse;border-spacing:0;width:100%}.subd-assignments-table td,.subd-assignments-table th{border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;text-align:left}.subd-assignments-table th{background:#f8fafccc;color:#374151;font-size:.9rem;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.subd-assignments-table td{color:#1e293b;color:var(--subd-text-primary);font-size:.95rem}.subd-assignments-table tr:hover{background:#f8fafc80}[data-theme=dark] .subd-assignments-table th{background:#1a1a1acc;border-color:#ffffff1a;color:#fff}[data-theme=dark] .subd-assignments-table td{border-color:#ffffff1a}[data-theme=dark] .subd-assignments-table tr:hover{background:#00ff881a}.subd-status-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.subd-status-badge.subd-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.subd-status-badge.subd-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.subd-status-badge.subd-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;text-transform:uppercase}.subd-status-badge.subd-draft{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;text-transform:uppercase}[data-theme=dark] .subd-status-badge.subd-active,[data-theme=dark] .subd-status-badge.subd-approved{background:#0f83;color:#fff}[data-theme=dark] .subd-status-badge.subd-inactive{background:#f4433633;color:#ffcdd2}.subd-tags-display{display:flex;flex-wrap:wrap;gap:.5rem}.subd-tag-item{background:linear-gradient(135deg,#059669,#065f46);border-radius:12px;color:#fff;font-size:.85rem;font-weight:500;padding:.25rem .75rem}[data-theme=dark] .subd-tag-item{background:linear-gradient(135deg,#065f46,#047857);color:#000}.subd-prerequisite-cards{display:flex;flex-direction:column;gap:.75rem}.subd-prerequisite-card{background:#ffffffe6;background:var(--subd-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--subd-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--subd-card-shadow);overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.subd-prerequisite-card:hover{border-color:#059669;box-shadow:0 12px 30px #0000001a;box-shadow:var(--subd-card-hover-shadow);transform:translateY(-2px)}.subd-prerequisite-card:before{background:linear-gradient(135deg,#059669,#065f46);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:4px}.subd-prerequisite-card:hover:before{width:6px}.subd-prerequisite-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.subd-prerequisite-badge{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #a7f3d0;border-radius:6px;color:#065f46;font-size:.75rem;font-weight:600;padding:.25rem .5rem}[data-theme=dark] .subd-prerequisite-badge{background:#0f83;border-color:#00ff884d;color:#065f46}.subd-prerequisite-id{background:#f8fafccc;background:var(--subd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--subd-form-section-border);border-radius:4px;color:#6b7280;font-size:.8rem;font-weight:500;padding:.2rem .5rem}.subd-prerequisite-name{color:#1e293b;color:var(--subd-text-primary);font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 .25rem;transition:color .3s ease}.subd-prerequisite-short{color:#6b7280;font-size:.85rem;font-style:italic;margin:0 0 .5rem;transition:color .3s ease}.subd-prerequisite-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;color:var(--subd-text-secondary);display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0 0 .75rem;overflow:hidden;transition:color .3s ease}.subd-prerequisite-view-btn{align-items:center;background:#065f461a;border:1px solid #065f4633;border-radius:6px;color:#059669;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.4rem .75rem;text-decoration:none;transition:all .2s ease}.subd-prerequisite-view-btn:hover{background:#065f4626;border-color:#059669;box-shadow:0 2px 4px #065f4633;transform:translateY(-1px)}.subd-prerequisite-view-btn .material-symbols-rounded{font-size:14px}[data-theme=dark] .subd-prerequisite-view-btn{background:#00ff8826;border-color:#00ff884d;color:#065f46}[data-theme=dark] .subd-prerequisite-view-btn:hover{background:#0f83;border-color:#065f46;box-shadow:0 2px 4px #00ff884d}.subd-branch-info-block,.subd-changelog-info-block{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.subd-branch-info-pair,.subd-changelog-info-pair{background:#f8fafccc;background:var(--subd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--subd-form-section-border);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.8rem 1rem;transition:all .3s ease}.subd-branch-info-pair:hover,.subd-changelog-info-pair:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.subd-branch-label,.subd-changelog-label{color:#6b7280;font-size:.8rem;font-weight:500;transition:color .3s ease}.subd-branch-value,.subd-changelog-value{color:#1e293b;color:var(--subd-text-primary);flex:1 1 auto;font-size:.95rem;font-weight:500;transition:color .3s ease;word-break:break-word}.subd-syllabus-display{display:flex;flex-direction:column;gap:1.5rem}.subd-syllabus-header{align-items:flex-start;background:#ffffffe6;background:var(--subd-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--subd-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--subd-card-shadow);display:flex;gap:2rem;justify-content:space-between;padding:1.5rem}.subd-syllabus-info h3{color:#1e293b;color:var(--subd-text-primary);font-family:Google Sans,Poppins,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.subd-syllabus-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.subd-meta-item{align-items:center;color:#374151;color:var(--subd-text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.subd-meta-item .material-symbols-rounded{color:#6b7280;font-size:18px}.subd-syllabus-actions{display:flex;flex-shrink:0;gap:1rem}.subd-syllabus-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.subd-info-item{align-items:center;background:#f8fafccc;background:var(--subd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--subd-form-section-border);border-radius:12px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .3s ease}.subd-info-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.subd-info-label{color:#374151;color:var(--subd-text-secondary);font-size:.85rem;font-weight:600}.subd-info-value{color:#1e293b;color:var(--subd-text-primary);font-size:.9rem;font-weight:600}.subd-description-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--subd-form-section-border);margin-top:1rem;padding-top:1rem}.subd-description-section h5{color:#374151;color:var(--subd-text-secondary);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.subd-description-section p{color:#1e293b;color:var(--subd-text-primary);font-size:.9rem;line-height:1.6;margin:0}.subd-chapters-display{display:flex;flex-direction:column;gap:1rem}.subd-chapter-display-item{background:#f8fafccc;background:var(--subd-form-section-bg);border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s ease}.subd-chapter-display-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.subd-chapter-display-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.subd-chapter-display-number{align-items:center;background:#059669;background:var(--sm-header-icon-bg);border-radius:8px;color:#fff;color:var(--sm-header-icon-text);display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.subd-chapter-display-content{flex:1 1;min-width:0}.subd-chapter-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;width:100%}.subd-chapter-display-title{color:#1e293b;color:var(--subd-text-primary);flex:1 1;font-size:1.1em;font-weight:600;line-height:1.4;margin:0}.subd-chapter-controls{align-items:center;display:flex;gap:8px;margin-left:16px}.subd-chapter-minimize-btn{align-items:center;background:#f8fafc;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.subd-chapter-minimize-btn:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px)}.subd-chapter-minimize-btn:active{background:#cbd5e1;transform:translateY(0)}.subd-chapter-minimize-btn .material-symbols-rounded{font-size:18px;transition:transform .2s ease}.subd-chapter-minimize-btn:hover .material-symbols-rounded{transform:scale(1.1)}.subd-chapter-expanded-content{animation:expandContent .3s ease-out;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:8px;margin-top:16px;padding:16px}.subd-chapter-display-meta{align-items:center;display:flex;gap:16px;margin-top:8px}.subd-chapter-hours{align-items:center;background:#f3f4f6;border-radius:4px;color:#6b7280;display:flex;font-size:.875em;gap:4px;padding:4px 8px}.subd-chapter-hours .material-symbols-rounded{font-size:16px}.subd-chapter-type{background:#f3f4f6;border-radius:4px;color:#7c3aed;font-size:.875em;font-weight:500;padding:4px 8px;text-transform:capitalize}.subd-sub-chapters-display{border-left:2px solid #e2e8f0;border-left:2px solid var(--subd-form-section-border);margin-left:2rem;margin-top:12px;padding-left:1rem}.subd-sub-chapters-display h6{color:#374151;font-size:.9em;font-weight:600;margin:0 0 8px}.subd-sub-chapter-display-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;padding:6px 0}.subd-sub-chapter-display-item:last-child{border-bottom:none}.subd-sub-chapter-number{color:#6366f1;font-size:.85em;font-weight:600;min-width:40px}.subd-sub-chapter-title{color:#374151;flex:1 1;font-size:.9em}.subd-learning-outcomes-display{background:#dcfce74d;border:1px solid #065f4633;border-radius:8px;margin-top:1rem;padding:1rem}.subd-learning-outcomes-display h6{color:#059669;color:var(--sm-header-icon-bg);font-size:.9rem;font-weight:600;margin:0 0 .75rem}[data-theme=dark] .subd-learning-outcomes-display{background:#00ff881a;border-color:#065f464d}.subd-outcomes-list{list-style:none;margin:0;padding:0}.subd-outcome-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;padding:8px 0}.subd-outcome-item:last-child{border-bottom:none}.subd-outcome-item:before{color:#6366f1;content:"•";font-weight:700;margin-top:2px}.subd-outcome-text{color:#374151;flex:1 1;font-size:.9em;line-height:1.4}.subd-bloom-level{background:#065f461a;border-radius:12px;color:#059669;color:var(--sm-header-icon-bg);font-size:.75rem;font-weight:500;padding:.2rem .6rem;text-transform:capitalize;white-space:nowrap}[data-theme=dark] .subd-bloom-level{background:#3b82f633;color:#bfdbfe}.subd-assessments-display{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.subd-assessment-display-item{background:#f8fafccc;background:var(--subd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--subd-form-section-border);border-radius:12px;padding:1rem;transition:all .3s ease}.subd-assessment-display-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.subd-assessment-display-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.subd-assessment-title{color:#1e293b;color:var(--subd-text-primary);font-size:1rem;font-weight:600;margin:0}.subd-assessment-weightage-display{align-items:center;display:flex;gap:.5rem}.subd-weightage-value{background:#059669;background:var(--sm-header-icon-bg);border-radius:12px;color:#fff;color:var(--sm-header-icon-text);font-size:.85rem;font-weight:600;padding:.25rem .75rem}.subd-max-marks{font-size:.8rem;font-weight:500}.subd-assessment-description,.subd-max-marks{color:#374151;color:var(--subd-text-secondary)}.subd-assessment-description{font-size:.9rem;line-height:1.4;margin:0}.subd-resources-display{display:flex;flex-direction:column;gap:1rem}.subd-resource-display-item{background:#f8fafccc;background:var(--subd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--subd-form-section-border);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.subd-resource-display-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.subd-resource-type-icon{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-width:80px}.subd-resource-type-icon .material-symbols-rounded{color:#059669;color:var(--sm-header-icon-bg);font-size:32px}.subd-resource-type-label{color:#374151;color:var(--subd-text-secondary);font-size:.75rem;font-weight:500;text-align:center;text-transform:capitalize}.subd-mandatory-badge{background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:12px;color:#991b1b;font-size:.7rem;font-weight:600;padding:.15rem .5rem;text-transform:uppercase}[data-theme=dark] .subd-mandatory-badge{background:#f4433633;color:#ffcdd2}.subd-resource-content{flex:1 1}.subd-resource-title{color:#1e293b;color:var(--subd-text-primary);font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.subd-resource-author,.subd-resource-isbn,.subd-resource-publisher,.subd-resource-year{color:#374151;color:var(--subd-text-secondary);font-size:.85rem;line-height:1.3;margin:.25rem 0}.subd-resource-author{font-style:italic}.subd-assessment-type-input,.subd-description-input,.subd-marks-input{background:#0000;border:1px solid #0000;border-radius:8px;color:#1e293b;color:var(--subd-text-primary);outline:none;padding:.5rem;transition:all .2s ease}.subd-assessment-type-input{font-size:1rem;font-weight:600;width:100%}.subd-marks-input{font-weight:600;text-align:center;width:60px}.subd-description-input{font-size:.9rem;resize:vertical;width:100%}.subd-assessment-type-input:focus,.subd-description-input:focus,.subd-marks-input:focus{background:#fffc;background:var(--sm-form-input-bg);border-color:#059669;border-color:var(--sm-form-input-focus-border);box-shadow:0 0 0 3px #0596691a;box-shadow:var(--sm-form-input-focus-shadow)}.subd-resource-author-input,.subd-resource-isbn-input,.subd-resource-publisher-input,.subd-resource-title-input,.subd-resource-year-input{background:#0000;border:1px solid #0000;border-radius:6px;color:#1e293b;color:var(--subd-text-primary);font-size:.9rem;outline:none;padding:.5rem;transition:all .2s ease;width:100%}.subd-resource-author-input:focus,.subd-resource-isbn-input:focus,.subd-resource-publisher-input:focus,.subd-resource-title-input:focus,.subd-resource-year-input:focus{background:#fffc;background:var(--sm-form-input-bg);border-color:#059669;border-color:var(--sm-form-input-focus-border);box-shadow:0 0 0 3px #0596691a;box-shadow:var(--sm-form-input-focus-shadow)}.subd-resource-author-input{font-style:italic}.subd-resource-year-input{width:80px}.subd-resource-isbn-input{font-family:monospace;width:150px}.syl-chapter-title-input{color:#1e293b;color:var(--subd-text-primary);width:100%}.syl-chapter-title-input:focus{background:#fffc;border-color:#059669;box-shadow:0 0 0 3px #0596691a}@keyframes expandContent{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}@media (max-width:1200px){.subd-field-group.subd-two-col{grid-template-columns:repeat(3,1fr)}.subd-subject-details-container{flex-direction:column;gap:1rem}.subd-subject-sidebar{width:100%}.subd-subject-sidebar.subd-collapsed{align-items:center;flex-direction:row;height:60px;justify-content:center;padding:.5rem 1rem;width:100%}.subd-subject-collapsed-sidebar-icons{flex-direction:row;gap:1rem;justify-content:center;margin-top:0;width:100%}.subd-subject-sidebar-hover-popup{bottom:auto!important;left:50%!important;top:auto!important;transform:translateX(-50%) translateY(10px)!important}.subd-assessments-display{grid-template-columns:1fr}.subd-syllabus-header{align-items:stretch;flex-direction:column;gap:1rem}.subd-syllabus-actions{justify-content:center}}@media (max-width:768px){.subd-field-group.subd-two-col{grid-template-columns:repeat(2,1fr)}.subd-subjects-page{border-radius:12px;margin:.5rem}.subd-subject-snapshot-header{border-radius:12px 12px 0 0;padding:.9rem}.subd-header-top-row{align-items:stretch;flex-direction:column;gap:1rem}.subd-subject-snapshot-info h1{font-size:.9rem}.subd-subject-snapshot-actions{justify-content:center}.subd-subject-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%}.subd-subject-tab-content{padding:.9rem}.subd-assignments-table{font-size:.9rem}.subd-assignments-table td,.subd-assignments-table th{padding:.5rem .75rem}.subd-subject-sidebar-hover-popup{left:20px!important;max-width:calc(100vw - 40px)!important;min-width:auto!important;right:20px!important;transform:translateY(10px)!important}.subd-subject-popup-fields{grid-template-columns:1fr}.subd-branch-info-block,.subd-changelog-info-block{gap:.75rem;grid-template-columns:1fr}.subd-syllabus-info-grid{grid-template-columns:1fr}.subd-chapter-title-row{align-items:flex-start;flex-direction:column;gap:8px}.subd-chapter-controls{align-self:flex-end;margin-left:0}.subd-resource-display-item{flex-direction:column;text-align:center}.subd-resource-type-icon{flex-direction:row;justify-content:center;min-width:auto}.subd-sub-chapters-display{margin-left:0;padding-left:.5rem}.subd-empty-state-actions{align-items:center;flex-direction:column}}@media (max-width:480px){.subd-field-group.subd-two-col{grid-template-columns:1fr}.subd-subject-snapshot-header{padding:1rem}.subd-subject-snapshot-info h1{font-size:1.25rem}.subd-subject-sidebar-profile-horizontal{flex-direction:column;gap:1rem;text-align:center}.subd-assignments-table td,.subd-assignments-table th{font-size:.85rem;padding:.5rem}.subd-subject-collapsed-icon-item{height:36px;width:36px}.subd-subject-collapsed-icon-item .material-symbols-rounded{font-size:18px}.subd-subject-sidebar-hover-popup{left:10px!important;max-width:calc(100vw - 20px)!important;padding:.75rem;right:10px!important}.subd-syllabus-meta{align-items:flex-start}.subd-syllabus-actions,.subd-syllabus-meta{flex-direction:column;gap:.5rem}.subd-assessment-display-header,.subd-outcome-item{align-items:flex-start;flex-direction:column;gap:.5rem}.subd-chapter-minimize-btn{height:28px;width:28px}.subd-chapter-minimize-btn .material-symbols-rounded{font-size:16px}.subd-chapter-expanded-content{padding:12px}}@media (prefers-reduced-motion:reduce){.subd-chapter-minimize-btn,.subd-prerequisite-card,.subd-prerequisite-view-btn,.subd-sidebar-toggle-btn,.subd-subject-collapsed-icon-item{animation:none;transition:none}.subd-chapter-minimize-btn:hover,.subd-prerequisite-card:hover,.subd-prerequisite-view-btn:hover,.subd-subject-collapsed-icon-item:hover{transform:none}.subd-chapter-expanded-content{animation:none}}.subd-icon-btn:focus,.subd-prerequisite-view-btn:focus,.subd-subject-md3-btn:focus,.subd-subject-tab:focus{outline:2px solid #059669;outline-offset:2px}@media print{.subd-chapter-controls,.subd-edit-icon-btn,.subd-subject-snapshot-actions,.subd-syllabus-actions{display:none!important}.subd-subjects-page{background:#fff!important;border:none!important;box-shadow:none!important}.subd-chapter-display-item,.subd-subject-card{break-inside:avoid;page-break-inside:avoid}}.syl-modal-overlay{align-items:flex-start;animation:syl-fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.syl-modal{animation:syl-slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--sm-container-bg);border:1px solid var(--sm-container-border);border-radius:24px;box-shadow:var(--sm-container-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.syl-modal-header{align-items:center;background:var(--sm-header-bg);border-bottom:1px solid var(--sm-header-border);display:flex;justify-content:space-between;padding:2rem 2.5rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.syl-header-content{align-items:center;display:flex;gap:1rem}.syl-header-icon{align-items:center;background:var(--sm-header-icon-bg);border-radius:12px;box-shadow:var(--sm-header-icon-shadow);display:flex;height:56px;justify-content:center;width:56px}.syl-header-icon .material-symbols-rounded{color:var(--sm-header-icon-text);font-size:28px;font-variation-settings:"FILL" 1,"wght" 600}.syl-header-text h2{color:var(--sm-header-title);font-family:Google Sans,Poppins,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.syl-header-text p{color:var(--sm-header-subtitle);font-size:.9rem;margin:.25rem 0 0;opacity:.8}.syl-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.syl-close-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.05)}.syl-message-banner{align-items:center;animation:syl-slideDown .3s ease-out;border-radius:12px;display:flex;font-weight:500;gap:.75rem;margin:0 2.5rem 1rem;padding:1rem 1.5rem}.syl-message-banner.error{background:var(--sm-error-bg);border:1px solid var(--sm-error-border);color:var(--sm-error-text)}.syl-message-banner.success{background:var(--sm-success-bg);border:1px solid var(--sm-success-border);color:var(--sm-success-text)}.syl-modal-body{background:#f9fafb80;flex:1 1;overflow-y:auto;padding:1rem 2.5rem 2rem}.syl-modal-body::-webkit-scrollbar{width:6px}.syl-modal-body::-webkit-scrollbar-track{background:#0000}.syl-modal-body::-webkit-scrollbar-thumb{background:#065f4633;border-radius:3px}.syl-review-step,.syl-upload-step{display:flex;flex-direction:column;gap:2rem}.syl-step-header{background:var(--sm-stat-card-bg);border:1px solid var(--sm-stat-card-border);box-shadow:var(--sm-stat-card-shadow);gap:1rem;padding:1.5rem}.syl-step-header,.syl-step-icon{align-items:center;border-radius:12px;display:flex}.syl-step-icon{background:var(--sm-header-icon-bg);color:var(--sm-header-icon-text);font-size:24px;height:48px;justify-content:center;width:48px}.syl-step-header h3{color:var(--sm-text-primary);font-size:1.25rem;font-weight:600;margin:0}.syl-step-header p{color:var(--sm-text-secondary);font-size:.9rem;margin:.25rem 0 0;opacity:.8}.syl-form-section{background:var(--sm-stat-card-bg);border:1px solid var(--sm-stat-card-border);border-radius:12px;box-shadow:var(--sm-stat-card-shadow);padding:1.5rem}.syl-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.syl-form-field{display:flex;flex-direction:column;gap:.5rem}.syl-form-field.syl-full-width{grid-column:1/-1}.syl-form-label{color:var(--sm-text-secondary);font-size:.9rem;font-weight:600}.syl-form-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--sm-form-input-bg);border:2px solid var(--sm-form-input-border);border-radius:12px;box-shadow:var(--sm-form-input-shadow);color:var(--sm-form-input-text);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.syl-form-input:focus{background:var(--sm-form-input-focus-bg);border-color:var(--sm-form-input-focus-border);box-shadow:var(--sm-form-input-focus-shadow);transform:translateY(-1px)}.syl-form-textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--sm-form-input-bg);border:2px solid var(--sm-form-input-border);border-radius:12px;box-shadow:var(--sm-form-input-shadow);color:var(--sm-form-input-text);font-family:inherit;font-size:.95rem;font-weight:500;min-height:80px;outline:none;padding:.75rem 1rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1)}.syl-form-textarea:focus{background:var(--sm-form-input-focus-bg);border-color:var(--sm-form-input-focus-border);box-shadow:var(--sm-form-input-focus-shadow);transform:translateY(-1px)}.syl-file-upload-area{margin-top:1rem}.syl-file-input{display:none}.syl-file-upload-label{background:var(--sm-form-input-bg);border:2px dashed var(--sm-form-input-border);border-radius:12px;cursor:pointer;display:block;padding:2rem;text-align:center;transition:all .3s ease}.syl-file-upload-label:hover{background:var(--sm-form-input-focus-bg);border-color:var(--sm-form-input-focus-border);box-shadow:var(--sm-form-input-focus-shadow);transform:translateY(-2px)}.syl-file-upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.syl-file-upload-content .material-symbols-rounded{color:var(--sm-header-icon-bg);font-size:48px;opacity:.7}.syl-upload-title{color:var(--sm-text-primary);font-size:1.1rem;font-weight:600;margin:0}.syl-upload-subtitle{color:var(--sm-text-secondary);font-size:.9rem;margin:0;opacity:.8}.syl-upload-actions{display:flex;justify-content:center;margin-top:1.5rem}.syl-content-section{background:var(--sm-stat-card-bg);border:1px solid var(--sm-stat-card-border);border-radius:12px;box-shadow:var(--sm-stat-card-shadow);margin-bottom:1.5rem;padding:1.5rem}.syl-section-title{align-items:center;border-bottom:2px solid var(--sm-tab-border);color:var(--sm-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin:0 0 1rem;padding-bottom:.75rem}.syl-section-title .material-symbols-rounded{background:#065f461a;border-radius:8px;color:var(--sm-header-icon-bg);font-size:24px;padding:6px}.syl-syllabus-content{display:flex;flex-direction:column;gap:1.5rem}.syl-chapters-list{display:flex;flex-direction:column;gap:1rem}.syl-chapter-item{background:#f8fafccc;border:1px solid var(--sm-form-input-border);border-radius:12px;padding:1rem;transition:all .3s ease}.syl-chapter-item:hover{border-color:var(--sm-form-input-focus-border);box-shadow:0 2px 8px #0000000d}.syl-chapter-number{align-items:center;background:var(--sm-header-icon-bg);border-radius:8px;color:var(--sm-header-icon-text);display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.syl-chapter-content{display:flex;flex-direction:column;gap:.5rem}.syl-chapter-title-input{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--sm-text-primary);font-size:1rem;font-weight:600;outline:none;padding:.5rem;transition:all .2s ease}.syl-chapter-title-input:focus{background:var(--sm-form-input-bg);border-color:var(--sm-form-input-focus-border);box-shadow:var(--sm-form-input-focus-shadow)}.syl-chapter-meta{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.syl-chapter-hours{align-items:center;color:var(--sm-text-secondary);display:flex;font-size:.9rem;gap:.5rem}.syl-hours-input{background:#0000;border:1px solid #0000;border-radius:6px;outline:none;padding:.25rem .5rem;text-align:center;transition:all .2s ease;width:60px}.syl-hours-input:focus{background:var(--sm-form-input-bg);border-color:var(--sm-form-input-focus-border)}.syl-sub-chapters{border-left:2px solid var(--sm-form-input-border);display:flex;flex-direction:column;gap:.5rem;margin-left:2rem;padding-left:1rem}.syl-sub-chapter-number{color:var(--sm-text-secondary);font-size:.8rem;font-weight:600;min-width:2rem}.syl-sub-chapter-title:focus{background:var(--sm-form-input-bg);border-color:var(--sm-form-input-focus-border)}.syl-learning-outcomes{background:#dcfce74d;border:1px solid #065f4633;border-radius:8px;margin-top:1rem;padding:1rem}.syl-learning-outcomes h5{color:var(--sm-header-icon-bg);font-size:.9rem;font-weight:600;margin:0 0 .75rem}.syl-learning-outcomes ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.syl-outcome-input{width:100%}.syl-outcome-input:focus{background:var(--sm-form-input-bg);border-color:var(--sm-form-input-focus-border)}.syl-assessments-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.syl-assessment-card{background:#f8fafccc;border:1px solid var(--sm-form-input-border);border-radius:12px;padding:1rem;transition:all .3s ease}.syl-assessment-card:hover{border-color:var(--sm-form-input-focus-border);box-shadow:0 2px 8px #0000000d}.syl-assessment-type{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--sm-text-primary);flex:1 1;font-size:1rem;font-weight:600;outline:none;padding:.5rem;text-transform:capitalize;transition:all .2s ease}.syl-assessment-type:focus{background:var(--sm-form-input-bg);border-color:var(--sm-form-input-focus-border)}.syl-assessment-weightage{align-items:center;color:var(--sm-header-icon-bg);display:flex;font-weight:600;gap:.25rem}.syl-weightage-input{background:#0000;border:1px solid #0000;border-radius:6px;font-weight:600;outline:none;padding:.25rem .5rem;text-align:center;transition:all .2s ease;width:50px}.syl-weightage-input:focus{background:var(--sm-form-input-bg);border-color:var(--sm-form-input-focus-border)}.syl-assessment-description{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--sm-text-secondary);font-size:.9rem;outline:none;padding:.5rem;resize:vertical;transition:all .2s ease;width:100%}.syl-assessment-description:focus{background:var(--sm-form-input-bg);border-color:var(--sm-form-input-focus-border)}.syl-resources-list{display:flex;flex-direction:column;gap:.75rem}.syl-resource-item:hover{border-color:var(--sm-form-input-focus-border);box-shadow:0 2px 8px #0000000d}.syl-resource-type{align-items:center;color:var(--sm-text-secondary);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;min-width:100px;text-transform:capitalize}.syl-resource-title{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--sm-text-primary);flex:1 1;font-size:.95rem;font-weight:500;outline:none;padding:.5rem;transition:all .2s ease}.syl-resource-title:focus{background:var(--sm-form-input-bg);border-color:var(--sm-form-input-focus-border)}.syl-resource-author{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--sm-text-secondary);flex:0.5 1;font-size:.9rem;font-style:italic;outline:none;padding:.5rem;transition:all .2s ease}.syl-resource-author:focus{background:var(--sm-form-input-bg);border-color:var(--sm-form-input-focus-border)}.syl-edit-controls{border-top:1px solid var(--sm-form-input-border);display:flex;justify-content:center;margin-top:1rem;padding:1rem 0}.syl-review-actions{background:#f8fafce6;border:1px solid var(--sm-form-input-border);border-radius:12px;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.syl-btn-primary,.syl-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.syl-btn-primary{background:var(--sm-btn-primary-bg);box-shadow:var(--sm-btn-primary-shadow);color:var(--sm-btn-primary-text)}.syl-btn-primary:hover:not(:disabled){background:var(--sm-btn-primary-hover-bg);box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}.syl-btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--sm-btn-secondary-bg);border:2px solid var(--sm-btn-secondary-border);color:var(--sm-btn-secondary-text)}.syl-btn-secondary:hover:not(:disabled){background:#f9fafbf2;border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.syl-btn-secondary.syl-active{background:var(--sm-btn-primary-bg);border-color:var(--sm-btn-primary-bg);color:var(--sm-btn-primary-text)}.syl-btn-primary:disabled,.syl-btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.syl-spinning{animation:syl-spin 1s linear infinite}[data-theme=dark] .syl-close-btn{background:#333c;color:#fff}[data-theme=dark] .syl-close-btn:hover{background:#ef444433;color:#ffcdd2}[data-theme=dark] .syl-modal-body{background:#1a1a1a80}[data-theme=dark] .syl-assessment-card,[data-theme=dark] .syl-chapter-item,[data-theme=dark] .syl-resource-item{background:#1a1a1acc}[data-theme=dark] .syl-learning-outcomes{background:#00ff881a;border-color:#065f464d}[data-theme=dark] .syl-review-actions{background:#1a1a1ae6}[data-theme=dark] .syl-sub-chapters{border-left-color:#ffffff1a}@keyframes syl-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes syl-slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes syl-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes syl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.syl-modal{margin:1rem;max-width:95vw}.syl-assessments-grid,.syl-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.syl-modal-body,.syl-modal-header{padding-left:1.5rem;padding-right:1.5rem}.syl-chapter-header,.syl-resource-item{align-items:flex-start;flex-direction:column;gap:.75rem}.syl-review-actions{flex-direction:column}.syl-btn-primary,.syl-btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.syl-modal{border-radius:12px;margin:.5rem}.syl-header-text h2{font-size:1.25rem}.syl-assessment-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.syl-section-header{border-bottom:2px solid var(--sm-tab-border);margin-bottom:1.5rem;padding-bottom:.75rem}.syl-section-header,.syl-sub-section-header{align-items:center;display:flex;justify-content:space-between}.syl-sub-section-header{margin-bottom:.75rem}.syl-sub-section-header h5{color:var(--sm-text-primary);font-size:.9rem;font-weight:600;margin:0}.syl-btn-small{align-items:center;background:var(--sm-btn-secondary-bg);border:1px solid var(--sm-btn-secondary-border);border-radius:8px;color:var(--sm-btn-secondary-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.25rem;padding:.5rem .75rem;transition:all .2s ease}.syl-btn-small:hover:not(:disabled){background:var(--sm-form-input-focus-bg);border-color:var(--sm-form-input-focus-border);box-shadow:0 2px 6px #0000000d;transform:translateY(-1px)}.syl-btn-small .material-symbols-rounded{font-size:16px}.syl-delete-btn{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.syl-delete-btn:hover{background:#ef444433;transform:scale(1.05)}.syl-delete-btn .material-symbols-rounded{font-size:18px}.syl-delete-btn-small{align-items:center;background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.syl-delete-btn-small:hover{background:#ef444433;transform:scale(1.05)}.syl-delete-btn-small .material-symbols-rounded{font-size:16px}.syl-bloom-level-badge{align-items:center;background:var(--sm-header-icon-bg);border-radius:6px;color:var(--sm-header-icon-text);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.syl-bloom-level-select{background:var(--sm-form-input-bg);border:1px solid var(--sm-form-input-border);border-radius:6px;color:var(--sm-text-primary);font-size:.8rem;min-width:100px;outline:none;padding:.25rem .5rem;transition:all .2s ease}.syl-bloom-level-select:focus{background:var(--sm-form-input-focus-bg);border-color:var(--sm-form-input-focus-border);box-shadow:var(--sm-form-input-focus-shadow)}.syl-resource-type-select{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--sm-text-secondary);font-size:.85rem;outline:none;padding:.25rem .5rem;text-transform:capitalize;transition:all .2s ease}.syl-resource-type-select:focus{background:var(--sm-form-input-bg);border-color:var(--sm-form-input-focus-border)}.syl-resource-publisher{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--sm-text-secondary);flex:0.5 1;font-size:.9rem;outline:none;padding:.5rem;transition:all .2s ease}.syl-resource-publisher:focus{background:var(--sm-form-input-bg);border-color:var(--sm-form-input-focus-border)}.syl-resource-mandatory{align-items:center;display:flex;gap:.5rem;min-width:100px}.syl-resource-mandatory label{align-items:center;color:var(--sm-text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.syl-resource-mandatory input[type=checkbox]{background:var(--sm-form-input-bg);border:2px solid var(--sm-form-input-border);border-radius:4px;cursor:pointer;height:16px;transition:all .2s ease;width:16px}.syl-resource-mandatory input[type=checkbox]:checked{background:var(--sm-header-icon-bg);border-color:var(--sm-header-icon-bg)}.syl-assessment-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.syl-approvers-dropdown{width:100%}.syl-step-header .syl-edit-controls{border:none;margin-left:auto;padding:0}[data-theme=dark] .syl-delete-btn{background:#f4433626;color:#ff5722}[data-theme=dark] .syl-delete-btn:hover{background:#f4433640}[data-theme=dark] .syl-delete-btn-small{background:#f4433626;color:#ff5722}[data-theme=dark] .syl-delete-btn-small:hover{background:#f4433640}[data-theme=dark] .syl-resource-mandatory input[type=checkbox]:checked{background:var(--sm-header-icon-bg);border-color:var(--sm-header-icon-bg)}@media (max-width:768px){.syl-section-header{align-items:flex-start;flex-direction:column;gap:1rem}.syl-outcome-row,.syl-sub-section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.syl-bloom-level-select{min-width:auto;width:100%}}@media (max-width:480px){.syl-chapter-header .syl-delete-btn{position:absolute;right:.5rem;top:.5rem}.syl-chapter-item{padding-right:3rem;position:relative}}@media (max-width:768px){.syl-assessment-actions,.syl-chapter-actions,.syl-resource-actions{flex-direction:column;gap:.25rem;width:100%}.syl-assessment-header,.syl-chapter-header,.syl-resource-item{align-items:flex-start;flex-direction:column}.syl-resource-author,.syl-resource-publisher,.syl-resource-title{flex:none;width:100%}}@media (max-width:480px){.syl-btn-small{font-size:.8rem;padding:.4rem .6rem}.syl-btn-small .material-symbols-rounded{font-size:14px}}.syl-assessment-actions .syl-btn-small,.syl-chapter-actions .syl-btn-small,.syl-resource-actions .syl-btn-small{justify-content:center;min-width:36px}.syl-chapter-actions{gap:.5rem}.syl-assessment-actions,.syl-chapter-actions{align-items:center;display:flex;margin-left:auto}.syl-assessment-actions{gap:.25rem}.syl-resource-actions{align-items:center;display:flex;gap:.5rem;margin-left:auto}.syl-outcome-actions,.syl-sub-chapter-actions{align-items:center;display:flex;gap:.25rem;margin-left:auto}.syl-outcome-actions{flex-shrink:0}.syl-sub-chapter-item{align-items:center;display:flex;gap:.75rem;padding:.5rem 0}.syl-sub-chapter-title{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--sm-text-primary);flex:1 1;font-size:.9rem;outline:none;padding:.25rem .5rem;transition:all .2s ease}.syl-outcome-row{align-items:center;display:flex;gap:.5rem;width:100%}.syl-outcome-input{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--sm-text-primary);flex:1 1;font-size:.9rem;outline:none;padding:.5rem;transition:all .2s ease}.syl-btn-small.syl-save-btn{background:#22c55e1a;border-color:#22c55e33;color:#22c55e}.syl-btn-small.syl-save-btn:hover{background:#22c55e33;border-color:#22c55e4d;color:#16a34a}.syl-btn-small:disabled{cursor:not-allowed;opacity:.6;transform:none}.syl-assessment-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.syl-assessment-header>:first-child{flex:1 1;min-width:0}.syl-resource-item{align-items:center;background:#f8fafccc;border:1px solid var(--sm-form-input-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;transition:all .3s ease}.syl-resource-item>.syl-resource-mandatory,.syl-resource-item>.syl-resource-type,.syl-resource-item>input,.syl-resource-item>select{flex-shrink:0}.syl-resource-title{flex:2 1;min-width:200px}.syl-resource-author,.syl-resource-publisher{flex:1 1;min-width:150px}.syl-chapter-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.syl-chapter-content{flex:1 1;min-width:0}[data-theme=dark] .syl-btn-small.syl-save-btn{background:#22c55e26;border-color:#22c55e40;color:#4ade80}[data-theme=dark] .syl-btn-small.syl-save-btn:hover{background:#22c55e40;border-color:#22c55e59;color:#22c55e}@media (max-width:768px){.syl-assessment-actions,.syl-chapter-actions,.syl-outcome-actions,.syl-resource-actions,.syl-sub-chapter-actions{flex-direction:column;gap:.25rem;width:100%}.syl-assessment-header,.syl-chapter-header,.syl-resource-item{align-items:flex-start;flex-direction:column}.syl-outcome-row,.syl-sub-chapter-item{align-items:flex-start;flex-direction:column;gap:.5rem}.syl-outcome-input,.syl-resource-author,.syl-resource-publisher,.syl-resource-title,.syl-sub-chapter-title{flex:none;width:100%}.syl-bloom-level-select{width:100%}}@media (max-width:480px){.syl-btn-small{font-size:.8rem;padding:.4rem .6rem}.syl-btn-small .material-symbols-rounded{font-size:14px}.syl-sub-chapter-number{font-size:.75rem}}@keyframes syl-saveSuccess{0%{background-color:#22c55e1a}50%{background-color:#22c55e4d}to{background-color:#22c55e1a}}.syl-btn-small.syl-save-success{animation:syl-saveSuccess .6s ease-in-out}.syl-assessment-actions .syl-btn-small,.syl-chapter-actions .syl-btn-small,.syl-outcome-actions .syl-btn-small,.syl-resource-actions .syl-btn-small,.syl-sub-chapter-actions .syl-btn-small{justify-content:center;min-width:32px}.syl-sub-chapter-item{border-left:2px solid #065f4633;margin-left:.5rem;padding-left:1rem}.syl-learning-outcomes li{border-left:2px solid #22c55e33;margin-bottom:.5rem;margin-left:.5rem;padding-left:1rem}:root{--aym-page-bg:linear-gradient(135deg,#f9fafb,#fff);--aym-text-primary:#1e293b;--aym-text-secondary:#374151;--aym-text-muted:#6b7280;--aym-header-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--aym-header-icon-bg:linear-gradient(135deg,#065f46,#059669);--aym-header-icon-text:#fff;--aym-header-shadow:0 4px 12px #065f4626;--aym-header-border:#00f2fe4d;--aym-card-bg:#fff;--aym-card-border:#e2e8f0cc;--aym-card-shadow:0 4px 16px #0000000d;--aym-card-hover-shadow:0 8px 24px #00000014;--aym-card-current-border:#065f464d;--aym-card-current-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--aym-btn-primary-bg:linear-gradient(135deg,#059669,#065f46);--aym-btn-primary-text:#fff;--aym-btn-primary-shadow:0 4px 12px #0596694d;--aym-btn-secondary-bg:#ffffffe6;--aym-btn-secondary-text:#374151;--aym-btn-secondary-border:#e5e7eb;--aym-btn-cancel-bg:#f443361a;--aym-btn-cancel-text:#d32f2f;--aym-btn-cancel-border:#f443364d;--aym-btn-cancel-hover-bg:#f4433626;--aym-badge-current-bg:linear-gradient(135deg,#065f46,#059669);--aym-badge-current-text:#fff;--aym-badge-active-bg:linear-gradient(135deg,#10b981,#059669);--aym-badge-active-text:#fff;--aym-badge-inactive-bg:#f3f4f6;--aym-badge-inactive-text:#6b7280;--aym-form-input-bg:#fffc;--aym-form-input-border:#e2e8f0cc;--aym-form-input-focus-border:#059669;--aym-form-input-focus-shadow:0 0 0 3px #0596691a;--aym-field-hint-color:#6b7280;--aym-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--aym-error-text:#991b1b;--aym-error-border:#fca5a5;--aym-current-banner-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--aym-current-banner-text:#065f46;--aym-current-banner-border:#065f4633}[data-theme=dark]{--aym-page-bg:#1a1a1af2;--aym-text-primary:#fff;--aym-text-secondary:#fff;--aym-text-muted:#d1d5db;--aym-header-bg:linear-gradient(135deg,#00ff8826,#1a1a1af2);--aym-header-icon-bg:linear-gradient(135deg,#065f46,#047857);--aym-header-icon-text:#000;--aym-header-shadow:0 4px 12px #0f83;--aym-card-bg:#1a1a1ae6;--aym-card-border:#ffffff1a;--aym-card-shadow:0 4px 16px #0006;--aym-card-hover-shadow:0 8px 24px #0009;--aym-card-current-border:#00ff884d;--aym-card-current-bg:#00ff881a;--aym-btn-primary-bg:linear-gradient(135deg,#065f46,#047857);--aym-btn-primary-text:#000;--aym-btn-secondary-bg:#333c;--aym-btn-secondary-text:#fff;--aym-btn-secondary-border:#fff3;--aym-btn-cancel-bg:#f4433633;--aym-btn-cancel-text:#ffcdd2;--aym-btn-cancel-border:#f4433666;--aym-btn-cancel-hover-bg:#f443364d;--aym-badge-current-bg:linear-gradient(135deg,#065f46,#047857);--aym-badge-current-text:#000;--aym-badge-active-bg:linear-gradient(135deg,#065f46,#047857);--aym-badge-active-text:#000;--aym-badge-inactive-bg:#ffffff1a;--aym-badge-inactive-text:#d1d5db;--aym-form-input-bg:#1a1a1acc;--aym-form-input-border:#ffffff1a;--aym-form-input-focus-border:linear-gradient(135deg,#065f46,#047857);--aym-form-input-focus-shadow:0 0 0 3px #0f83;--aym-field-hint-color:#9ca3af;--aym-error-bg:#f4433633;--aym-error-text:#ffcdd2;--aym-error-border:#f4433666;--aym-current-banner-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--aym-current-banner-text:linear-gradient(135deg,#065f46,#047857);--aym-current-banner-border:#00ff884d}.academic-year-management{background:linear-gradient(135deg,#f9fafb,#fff);background:var(--aym-page-bg);color:#1e293b;color:var(--aym-text-primary);font-family:Google Sans,Poppins,sans-serif;min-height:100vh;padding:1rem;transition:all .3s ease}.aym-page-header{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--aym-header-bg);border:1px solid #00f2fe4d;border:1px solid var(--aym-header-border);border-radius:12px;box-shadow:0 4px 12px #065f4626;box-shadow:var(--aym-header-shadow);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.header-icon{background:var(--aym-header-icon-bg);color:var(--aym-header-icon-text)}.header-text h1{color:var(--aym-text-primary);margin:0}.header-text p{color:#6b7280;color:var(--aym-text-muted);font-size:1rem;margin:.5rem 0 0}.current-year-banner{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--aym-current-banner-bg);border:1px solid #065f4633;border:1px solid var(--aym-current-banner-border);border-radius:12px;margin-bottom:1rem;padding:.9rem;transition:all .3s ease}.current-year-content{align-items:center;color:#065f46;color:var(--aym-current-banner-text);display:flex;gap:1rem}.current-year-content .material-symbols-rounded{font-size:1rem}.current-year-content strong{font-size:1rem;font-weight:600}.current-year-content p{font-size:.9rem;margin:.25rem 0 0;opacity:.8}.aym-search-container{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--aym-text-muted)}.search-input{background:var(--aym-form-input-bg);border:2px solid var(--aym-form-input-border);color:var(--aym-text-primary)}.search-input:focus{border-color:#059669;border-color:var(--aym-form-input-focus-border);box-shadow:0 0 0 3px #0596691a;box-shadow:var(--aym-form-input-focus-shadow)}.filter-select{background:#fffc;background:var(--aym-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--aym-form-input-border);border-radius:12px;color:var(--aym-text-primary);font-size:.95rem;outline:none;padding:.75rem 1rem}.filter-select:focus{border-color:#059669;border-color:var(--aym-form-input-focus-border);box-shadow:0 0 0 3px #0596691a;box-shadow:var(--aym-form-input-focus-shadow)}.academic-years-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:1rem}.academic-year-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--aym-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--aym-card-border);border-radius:12px;box-shadow:0 4px 16px #0000000d;box-shadow:var(--aym-card-shadow);padding:.9rem;transition:all .3s ease}.academic-year-card:hover{box-shadow:0 8px 24px #00000014;box-shadow:var(--aym-card-hover-shadow);transform:translateY(-2px)}.academic-year-card.current{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--aym-card-current-bg);border-color:#065f464d;border-color:var(--aym-card-current-border)}.academic-year-card.inactive{opacity:.7}.aym-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.aym-card-header h3{color:#1e293b;color:var(--aym-text-primary);font-size:1rem;font-weight:600;margin:0;transition:color .3s ease}.ay-card-badges{display:flex;flex-direction:row;gap:.5rem}.badge.current{background:linear-gradient(135deg,#065f46,#059669);background:var(--aym-badge-current-bg);color:#fff;color:var(--aym-badge-current-text)}.badge.active{background:linear-gradient(135deg,#10b981,#059669);background:var(--aym-badge-active-bg);color:#fff;color:var(--aym-badge-active-text)}.badge.inactive{background:var(--aym-badge-inactive-bg);color:var(--aym-badge-inactive-text)}.date-range,.description,.teaching-weeks{align-items:center;color:#374151;color:var(--aym-text-secondary);display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.75rem;transition:color .3s ease}.date-range .material-symbols-rounded,.description .material-symbols-rounded,.teaching-weeks .material-symbols-rounded{color:#6b7280;color:var(--aym-text-muted);font-size:1.1rem}.teaching-weeks{color:#1e293b;color:var(--aym-text-primary);font-weight:500}.teaching-weeks .material-symbols-rounded{color:linear-gradient(135deg,#10b981,#059669);color:var(--aym-badge-active-bg)}.aym-btn-primary,.aym-btn-secondary,.btn-cancel,.btn-danger,.btn-refresh,.btn-toggle{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin-right:.5rem;outline:none;padding:.75rem .9rem;text-decoration:none;transition:all .3s ease}.aym-btn-primary{background:linear-gradient(135deg,#059669,#065f46);background:var(--aym-btn-primary-bg);box-shadow:0 4px 12px #0596694d;box-shadow:var(--aym-btn-primary-shadow);color:#fff;color:var(--aym-btn-primary-text)}.aym-btn-primary:hover{box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}.btn-refresh{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.btn-refresh:hover{box-shadow:0 8px 20px #05966966}.aym-btn-secondary{background:#ffffffe6;background:var(--aym-btn-secondary-bg);border:2px solid #e5e7eb;border:2px solid var(--aym-btn-secondary-border);color:#374151;color:var(--aym-btn-secondary-text);height:40px;padding:.5rem;width:40px}.aym-btn-secondary:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.btn-cancel{background:#f443361a;background:var(--aym-btn-cancel-bg);border:2px solid #f443364d;border:2px solid var(--aym-btn-cancel-border);color:#d32f2f;color:var(--aym-btn-cancel-text);padding:.75rem .9rem;transition:all .3s ease}.btn-cancel:hover{background:#f4433626;background:var(--aym-btn-cancel-hover-bg);box-shadow:0 4px 12px #f4433633}.btn-toggle{height:40px;padding:.5rem;width:40px}.btn-toggle.active{background:linear-gradient(135deg,#10b981,#059669);background:var(--aym-badge-active-bg);color:#fff;color:var(--aym-badge-active-text)}.btn-toggle.inactive{background:#f3f4f6;background:var(--aym-badge-inactive-bg);color:#6b7280;color:var(--aym-badge-inactive-text)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;height:40px;padding:.5rem;width:40px}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.modal-overlay{padding:1rem}.modal{background:var(--aym-card-bg);box-shadow:0 20px 60px #0000004d;max-width:600px}.modal-header{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--aym-card-border);padding:1rem}.modal-header h2{color:var(--aym-text-primary);font-size:.9rem}.close-btn{background:var(--aym-btn-secondary-bg);color:var(--aym-text-muted)}.modal-form{padding:1rem}.form-field label{color:var(--aym-text-secondary)}.form-field input,.form-field select,.form-field textarea{background:#fffc;background:var(--aym-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--aym-form-input-border);color:var(--aym-text-primary)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#059669;border-color:var(--aym-form-input-focus-border);box-shadow:0 0 0 3px #0596691a;box-shadow:var(--aym-form-input-focus-shadow)}.form-field input[readonly]{background:rgba(rgba(255,255,255,.8),.5);background:rgba(var(--aym-form-input-bg),.5);cursor:not-allowed;opacity:.8}.field-hint{color:#6b7280;color:var(--aym-field-hint-color);font-size:.8rem;font-style:italic;margin-top:.25rem}.checkbox-group{align-items:center;display:flex;gap:.5rem}.checkbox-group input[type=checkbox]{margin:0;transform:scale(1.2);width:auto}.modal-actions{border-top:1px solid #e2e8f0cc;border-top:1px solid var(--aym-card-border)}.loading-spinner{border-top:4px solid linear-gradient(135deg,#059669,#065f46);border:4px solid var(--aym-card-border);border-top-color:var(--aym-btn-primary-bg)}.empty-state .material-symbols-rounded{color:var(--aym-text-muted)}.empty-state h3{color:var(--aym-text-primary)}.empty-state p{color:var(--aym-text-muted)}.error-banner{background:var(--aym-error-bg);border:1px solid var(--aym-error-border);border-radius:12px;color:var(--aym-error-text);gap:1rem;margin-bottom:1rem;padding:1rem .9rem}.error-banner .material-symbols-rounded{font-size:1rem}.error-banner button{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;margin-left:auto;padding:.25rem;transition:background .2s ease}.error-banner button:hover{background:#0000001a}.lock-toggle-wrapper{align-items:center;background:#0000;border:none;display:flex;gap:.75rem;padding:.75rem 0;transition:all .3s ease}.lock-toggle-wrapper input[type=checkbox]{display:none}.lock-toggle-icon{align-items:center;background:#f3f4f6;background:var(--aym-badge-inactive-bg);border-radius:12px;cursor:pointer;display:flex;height:24px;padding:2px;position:relative;transition:all .3s ease;width:50px}.lock-toggle-wrapper input:checked+.lock-toggle-icon{background:linear-gradient(135deg,#10b981,#059669);background:var(--aym-badge-active-bg)}.lock-toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#6b7280;color:var(--aym-text-muted);display:flex;font-size:12px!important;height:20px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.lock-toggle-wrapper input:checked+.lock-toggle-icon .lock-toggle-thumb{color:#fff;color:var(--aym-badge-active-text);transform:translateX(26px)}.toggle-label{color:#1e293b;color:var(--aym-text-primary);cursor:pointer;font-size:.9rem;font-weight:500;transition:color .3s ease;-webkit-user-select:none;user-select:none}.toggle-label:hover{color:#059669;color:var(--aym-form-input-focus-border)}.form-input-readonly{background:#f3f4f6cc!important;border:2px solid #e2e8f0cc;border:2px solid var(--aym-form-input-border);border-radius:12px;color:#6b7280!important;color:var(--aym-text-muted)!important;cursor:not-allowed!important;font-family:inherit;font-size:.95rem;opacity:.7!important;outline:none;padding:.75rem 1rem;transition:all .3s ease}.filter-dropdown-container{min-width:200px}.filter-dropdown-container .custom-dropdown-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;background:var(--aym-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--aym-form-input-border);border-radius:12px;min-height:auto;padding:.75rem 1rem;transition:all .3s ease}.filter-dropdown-container .custom-dropdown-wrapper:focus-within{border-color:#059669;border-color:var(--aym-form-input-focus-border);box-shadow:0 0 0 3px #0596691a;box-shadow:var(--aym-form-input-focus-shadow)}.form-dropdown{background:var(--aym-form-input-bg);border:2px solid var(--aym-form-input-border);padding:.75rem 1rem}.form-dropdown .custom-dropdown-wrapper{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--aym-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--aym-form-input-border);border-radius:12px;transition:all .3s ease}.form-dropdown .custom-dropdown-wrapper:focus-within{background:#fffc;background:var(--aym-form-input-bg);border-color:#059669;border-color:var(--aym-form-input-focus-border);box-shadow:0 0 0 3px #0596691a;box-shadow:var(--aym-form-input-focus-shadow)}@media (max-width:768px){.academic-year-management{padding:1rem}.aym-page-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:.9rem}.academic-years-grid{grid-template-columns:1fr}.controls-section{flex-direction:column}.aym-search-container{max-width:100%}.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:span 1}.modal{margin:1rem}.card-actions{flex-wrap:wrap}.modal-actions{flex-direction:column-reverse}.modal-actions .aym-btn-primary,.modal-actions .btn-cancel{justify-content:center;width:100%}}:root{--ahm-page-bg:linear-gradient(135deg,#f9fafb,#fff);--ahm-text-primary:#1e293b;--ahm-text-secondary:#374151;--ahm-text-muted:#6b7280;--ahm-header-bg:linear-gradient(135deg,#eff6ff,#dbeafe);--ahm-header-icon-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ahm-header-icon-text:#fff;--ahm-header-shadow:0 4px 12px #3b82f626;--ahm-header-border:#bae6fd;--ahm-card-bg:#fff;--ahm-modal-header-bg:linear-gradient(135deg,#eff6ff,#dbeafe);--ahm-card-border:#e2e8f0cc;--ahm-card-shadow:0 4px 16px #0000000d;--ahm-card-hover-shadow:0 8px 24px #00000014;--ahm-type-national-bg:linear-gradient(135deg,#fee2e2,#fecaca);--ahm-type-national-text:#991b1b;--ahm-type-regional-bg:linear-gradient(135deg,#fef3c7,#fde68a);--ahm-type-regional-text:#92400e;--ahm-type-institutional-bg:linear-gradient(135deg,#e0e7ff,#c7d2fe);--ahm-type-institutional-text:#3730a3;--ahm-type-festivals-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--ahm-type-festivals-text:#166534;--ahm-type-weather-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--ahm-type-weather-text:#6b21a8;--ahm-type-emergency-bg:linear-gradient(135deg,#fef2f2,#fecaca);--ahm-type-emergency-text:#dc2626;--ahm-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ahm-btn-primary-text:#fff;--ahm-btn-primary-shadow:0 4px 12px #3b82f64d;--ahm-btn-secondary-bg:#ffffffe6;--ahm-btn-secondary-text:#374151;--ahm-btn-secondary-border:#e5e7eb;--ahm-form-input-bg:#fffc;--ahm-form-input-border:#e2e8f0cc;--ahm-form-input-focus-border:#3b82f6;--ahm-form-input-focus-shadow:0 0 0 3px #3b82f61a;--ahm-affects-yes-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--ahm-affects-yes-text:#166534;--ahm-affects-no-bg:linear-gradient(135deg,#fee2e2,#fecaca);--ahm-affects-no-text:#991b1b;--ahm-list-header-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--ahm-list-ahm-header-text:#334155;--ahm-list-row-bg:#ffffffb3;--ahm-list-row-border:#e2e8f080;--ahm-list-row-hover-bg:#f5f8ffcc;--ahm-toggle-bg-inactive:#e2e8f0;--ahm-toggle-bg-active:#3b82f6;--ahm-toggle-slider-bg:#fff;--ahm-toggle-shadow:0 2px 4px #0000001a;--ahm-toggle-shadow-focus:0 0 0 3px #3b82f633;--ahm-toggle-disabled-bg:#f1f5f9;--ahm-toggle-disabled-text:#94a3b8}[data-theme=dark]{--ahm-page-bg:#1a1a1af2;--ahm-text-primary:#fff;--ahm-text-secondary:#fff;--ahm-text-muted:#d1d5db;--ahm-header-bg:linear-gradient(135deg,#00f2fe26,#1a1a1af2);--ahm-header-icon-bg:linear-gradient(135deg,#00f2fe,#0ea5e9);--ahm-header-icon-text:#000;--ahm-header-shadow:0 4px 12px #00f2fe33;--ahm-header-border:#00f2fe4d;--ahm-card-bg:linear-gradient(135deg,#00f2fe26,#1a1a1af2);--ahm-modal-header-bg:#1a1a1ae6;--ahm-card-border:#ffffff1a;--ahm-card-shadow:0 4px 16px #0006;--ahm-card-hover-shadow:0 8px 24px #0009;--ahm-type-national-bg:#f4433633;--ahm-type-national-text:#ffcdd2;--ahm-type-regional-bg:#ffc10733;--ahm-type-regional-text:#fff3e0;--ahm-type-institutional-bg:#00f2fe33;--ahm-type-institutional-text:#e3f2fd;--ahm-type-festivals-bg:#0f83;--ahm-type-festivals-text:#c8e6c9;--ahm-type-weather-bg:#a284ff33;--ahm-type-weather-text:#e1bee7;--ahm-type-emergency-bg:#dc26264d;--ahm-type-emergency-text:#fecaca;--ahm-btn-primary-bg:linear-gradient(135deg,#00f2fe,#0ea5e9);--ahm-btn-primary-text:#000;--ahm-btn-secondary-bg:#333c;--ahm-btn-secondary-text:#fff;--ahm-btn-secondary-border:#fff3;--ahm-form-input-bg:#1a1a1acc;--ahm-form-input-border:#ffffff1a;--ahm-form-input-focus-border:#00f2fe;--ahm-form-input-focus-shadow:0 0 0 3px #00f2fe33;--ahm-affects-yes-bg:#0f83;--ahm-affects-yes-text:#c8e6c9;--ahm-affects-no-bg:#f4433633;--ahm-affects-no-text:#ffcdd2;--ahm-list-header-bg:linear-gradient(135deg,#333333e6,#262626e6);--ahm-list-ahm-header-text:#fff;--ahm-list-row-bg:#262626b3;--ahm-list-row-border:#ffffff1a;--ahm-list-row-hover-bg:#00f2fe0d;--ahm-toggle-bg-inactive:#374151;--ahm-toggle-bg-active:#00f2fe;--ahm-toggle-slider-bg:#fff;--ahm-toggle-shadow:0 2px 4px #0000004d;--ahm-toggle-shadow-focus:0 0 0 3px #00f2fe4d;--ahm-toggle-disabled-bg:#37415180;--ahm-toggle-disabled-text:#6b7280}.academic-holidays-management{background:linear-gradient(135deg,#f9fafb,#fff);background:var(--ahm-page-bg);color:#1e293b;color:var(--ahm-text-primary);font-family:Google Sans,Poppins,sans-serif;min-height:100vh;padding:1rem;transition:all .3s ease}.ahm-page-header{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);background:var(--ahm-header-bg);border:1px solid #bae6fd;border:1px solid var(--ahm-header-border);border-radius:12px;box-shadow:0 4px 12px #3b82f626;box-shadow:var(--ahm-header-shadow);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.header-icon{background:var(--ahm-header-icon-bg);color:var(--ahm-header-icon-text)}.ahm-header-text h1{color:#1e293b;color:var(--ahm-text-primary);font-size:1.5rem;font-weight:700;margin:0;transition:color .3s ease}.ahm-header-text p{color:#6b7280;color:var(--ahm-text-muted);font-size:1rem;margin:.5rem 0 0;transition:color .3s ease}.btn-add-holiday,.btn-bulk-add,.btn-cancel,.btn-delete-action,.btn-download,.btn-edit-action,.btn-refresh,.btn-submit,.btn-toggle-action,.btn-view-toggle{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;outline:none;padding:.75rem .9rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-view-toggle{background:#ffffffe6;background:var(--ahm-btn-secondary-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ahm-form-input-border);color:#374151;color:var(--ahm-btn-secondary-text)}.btn-view-toggle:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:translateY(-1px)}[data-theme=dark] .btn-view-toggle{background:#ffffffe6;background:var(--ahm-btn-secondary-bg);color:#374151;color:var(--ahm-btn-secondary-text)}[data-theme=dark] .btn-view-toggle:hover{background:#404040cc}.btn-download{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #0596694d;color:#fff}.btn-download:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}.btn-bulk-add{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #7c3aed4d;color:#fff}.btn-bulk-add:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 8px 20px #7c3aed66;transform:translateY(-2px)}.btn-add-holiday{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--ahm-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--ahm-btn-primary-shadow);color:#fff;color:var(--ahm-btn-primary-text)}.btn-add-holiday:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}[data-theme=dark] .btn-add-holiday:hover{box-shadow:0 8px 20px #00f2fe66}.btn-submit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--ahm-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--ahm-btn-primary-shadow);color:var(--ahm-btn-primary-text)}.btn-submit:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666}.btn-cancel,.btn-edit-action,[data-theme=dark] .btn-cancel{background:var(--ahm-btn-secondary-bg);border:2px solid var(--ahm-btn-secondary-border);color:var(--ahm-btn-secondary-text)}.btn-edit-action:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.btn-toggle-action.active{background:var(--ahm-type-festivals-bg);color:var(--ahm-type-festivals-text)}.toggle-switch-label{color:var(--ahm-text-secondary)}.toggle-switch:not(.disabled){background:var(--ahm-toggle-bg-inactive);box-shadow:var(--ahm-toggle-shadow)}.toggle-switch.active:not(.disabled){background:#3b82f6;background:var(--ahm-toggle-bg-active)}.toggle-switch.disabled{background:var(--ahm-toggle-disabled-bg)}.toggle-switch:focus:not(.disabled){box-shadow:0 0 0 3px #3b82f633;box-shadow:var(--ahm-toggle-shadow-focus)}.toggle-slider{background:var(--ahm-toggle-slider-bg)}.toggle-slider.active svg{color:#3b82f6;color:var(--ahm-toggle-bg-active)}.toggle-lock-icon{color:var(--ahm-toggle-disabled-text)}.bulk-form-field .toggle-switch-container{margin-top:.25rem}.bulk-form-field .toggle-switch-label{font-size:.8rem}.bulk-form-field .toggle-switch{height:24px;width:44px}.bulk-form-field .toggle-slider{font-size:.6rem;height:20px;width:20px}.bulk-form-field .toggle-slider.active{transform:translateX(20px)}.bulk-form-field .toggle-slider svg{height:8px;width:8px}.ahm-search-container{flex:1 1;max-width:400px;min-width:250px;position:relative}.search-icon{color:var(--ahm-text-muted)}.search-input{background:var(--ahm-form-input-bg);border:2px solid var(--ahm-form-input-border);color:var(--ahm-text-primary)}.search-input:focus{border-color:var(--ahm-form-input-focus-border);box-shadow:var(--ahm-form-input-focus-shadow)}.holidays-list{background:#fff;background:var(--ahm-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--ahm-card-border);border-radius:12px;box-shadow:0 4px 16px #0000000d;box-shadow:var(--ahm-card-shadow);overflow:hidden}.ahm-list-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--ahm-list-header-bg);border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--ahm-card-border);grid-template-columns:2fr 1.2fr 1.2fr 1fr .8fr .8fr .8fr 1.2fr}.ahm-list-header-cell{border-right:1px solid #e2e8f0cc;border-right:1px solid var(--ahm-card-border);color:#334155;color:var(--ahm-list-ahm-header-text);font-size:.9rem;font-weight:600;padding:1rem .75rem;text-align:left}.ahm-list-header-cell:last-child{border-right:none;text-align:center}.list-row{background:#ffffffb3;background:var(--ahm-list-row-bg);border-bottom:1px solid #e2e8f080;border-bottom:1px solid var(--ahm-list-row-border);grid-template-columns:2fr 1.2fr 1.2fr 1fr .8fr .8fr .8fr 1.2fr;transition:all .2s ease}.list-row:hover{background:#f5f8ffcc;background:var(--ahm-list-row-hover-bg)}.list-row.inactive{opacity:.7}.list-cell{align-items:center;border-right:1px solid #e2e8f080;border-right:1px solid var(--ahm-list-row-border);display:flex;font-size:.9rem;padding:1rem .75rem}.list-cell:last-child{border-right:none;justify-content:center}.holiday-name-cell{display:flex;flex-direction:column;gap:.25rem}.holiday-name-cell strong{color:#1e293b;color:var(--ahm-text-primary);font-weight:600;line-height:1.3}.holiday-description{color:#6b7280;color:var(--ahm-text-muted);font-size:.8rem;line-height:1.2}.holiday-date-text{color:#374151;color:var(--ahm-text-secondary);font-weight:500}.academic-year-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:6px;color:#0369a1;font-size:.8rem;font-weight:600;padding:.25rem .75rem}[data-theme=dark] .academic-year-badge{background:#00f2fe26;color:#7dd3fc}.affects-badge{align-items:center;border-radius:6px;display:flex;justify-content:center;padding:.25rem}.affects-badge.yes{color:#166534;color:var(--ahm-affects-yes-text)}.affects-badge.no{color:#991b1b;color:var(--ahm-affects-no-text)}.affects-badge .material-symbols-rounded{font-size:1.1rem}.list-actions{align-items:center;display:flex;gap:.25rem}.holidays-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:1rem}.holiday-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--ahm-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ahm-card-border);border-radius:12px;box-shadow:0 4px 16px #0000000d;box-shadow:var(--ahm-card-shadow);padding:.9rem;transition:all .3s ease}.holiday-card:hover{box-shadow:0 8px 24px #00000014;box-shadow:var(--ahm-card-hover-shadow);transform:translateY(-2px)}.holiday-card.inactive{opacity:.7}.ahm-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.ahm-card-header h3{color:#1e293b;color:var(--ahm-text-primary);flex:1 1;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0;transition:color .3s ease}.ahm-card-badges{align-items:flex-end;display:flex;flex-direction:row;gap:.5rem}.academic-year,.branch-info,.holiday-date{align-items:center;color:#374151;color:var(--ahm-text-secondary);display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.75rem;padding:0;transition:color .3s ease}.academic-year .material-symbols-rounded,.branch-info .material-symbols-rounded,.holiday-date .material-symbols-rounded{color:#6b7280;color:var(--ahm-text-muted);font-size:1.1rem}.branch-info{color:#1e293b;color:var(--ahm-text-primary);font-weight:500}.branch-info .material-symbols-rounded{color:linear-gradient(135deg,#3b82f6,#1d4ed8);color:var(--ahm-btn-primary-bg)}.description{align-items:flex-start;color:#374151;color:var(--ahm-text-secondary);display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.75rem;transition:color .3s ease}.description .material-symbols-rounded{color:#6b7280;color:var(--ahm-text-muted);flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.affects-info{background:#00000005;border-radius:12px;display:flex;gap:1rem;margin-top:1rem;padding:.75rem;transition:all .3s ease}[data-theme=dark] .affects-info{background:#ffffff05}.affects-item{align-items:center;border-radius:8px;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.25rem .75rem;transition:all .3s ease}.affects-item.yes{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--ahm-affects-yes-bg);color:#166534;color:var(--ahm-affects-yes-text)}.affects-item.no{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--ahm-affects-no-bg);color:#991b1b;color:var(--ahm-affects-no-text)}.affects-item .material-symbols-rounded{font-size:1rem}.badge.active{background:var(--ahm-type-festivals-bg);color:var(--ahm-type-festivals-text)}.badge.type{border-radius:8px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.badge.type-national{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--ahm-type-national-bg);color:#991b1b;color:var(--ahm-type-national-text)}.badge.type-regional{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--ahm-type-regional-bg);color:#92400e;color:var(--ahm-type-regional-text)}.badge.type-institutional{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);background:var(--ahm-type-institutional-bg);color:#3730a3;color:var(--ahm-type-institutional-text)}.badge.type-festivals{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--ahm-type-festivals-bg);color:#166534;color:var(--ahm-type-festivals-text)}.badge.type-weather{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--ahm-type-weather-bg);color:#6b21a8;color:var(--ahm-type-weather-text)}.badge.type-emergency{background:linear-gradient(135deg,#fef2f2,#fecaca);background:var(--ahm-type-emergency-bg);color:#dc2626;color:var(--ahm-type-emergency-text)}.ahm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.ahm-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--ahm-card-bg);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.ahm-modal-large{max-width:1200px}.ahm-modal-header{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);background:var(--ahm-header-bg);border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--ahm-card-border);display:flex;justify-content:space-between;padding:1rem}.ahm-modal-header h2{color:#1e293b;color:var(--ahm-text-primary);font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:var(--ahm-btn-secondary-bg);color:var(--ahm-text-muted)}.ahm-modal-form{max-height:calc(90vh - 120px);overflow-y:auto;padding:1rem}.form-field label{color:var(--ahm-text-secondary)}.form-field input,.form-field textarea{background:var(--ahm-form-input-bg);border:2px solid var(--ahm-form-input-border);color:var(--ahm-text-primary)}.form-field input:focus,.form-field textarea:focus{border-color:#3b82f6;border-color:var(--ahm-form-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--ahm-form-input-focus-shadow)}.ahm-modal-actions{border-top:1px solid #e2e8f0cc;border-top:1px solid var(--ahm-card-border);display:flex;gap:1rem;justify-content:flex-end;padding:1rem}.bulk-holidays-container{background:#fffc;background:var(--ahm-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--ahm-card-border);border-radius:12px;margin-bottom:.9rem;max-height:500px;overflow-y:auto;padding:.5rem}.bulk-holiday-row{align-items:flex-start;background:#fff;background:var(--ahm-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ahm-card-border);border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:.9rem;position:relative;transition:all .3s ease}.bulk-holiday-row:hover{border-color:#3b82f6;border-color:var(--ahm-form-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--ahm-form-input-focus-shadow)}.bulk-form-grid{grid-gap:1rem;flex:1 1;gap:1rem;grid-template-columns:2fr 1.5fr 1.2fr 1fr 1fr 1fr 1fr}.bulk-form-grid.with-branch{grid-template-columns:1.8fr 1.2fr 1fr .8fr 1fr .8fr .8fr .6fr .6fr .6fr .6fr}.bulk-form-field{display:flex;flex-direction:column;gap:.5rem}.bulk-form-field label{color:#374151;color:var(--ahm-text-secondary);font-size:.8rem;font-weight:600;margin-bottom:.25rem}.bulk-form-field input{background:#fffc;background:var(--ahm-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ahm-form-input-border);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--ahm-text-primary);font-size:.9rem;outline:none;padding:.75rem .875rem;transition:all .3s ease;width:100%}.bulk-form-field input:focus{border-color:#3b82f6;border-color:var(--ahm-form-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--ahm-form-input-focus-shadow)}.bulk-form-field input::placeholder{color:#6b7280;color:var(--ahm-text-muted);font-size:.85rem}.bulk-form-field .MuiTextField-root{width:100%}.bulk-form-field .MuiInputBase-root{background:#fffc!important;background:var(--ahm-form-input-bg)!important;border:2px solid #e2e8f0cc!important;border:2px solid var(--ahm-form-input-border)!important;border-radius:8px!important;font-size:.9rem!important;padding:.75rem .875rem!important}.bulk-form-field .MuiInputBase-root.Mui-focused,.bulk-form-field .MuiInputBase-root:hover{border-color:#3b82f6!important;border-color:var(--ahm-form-input-focus-border)!important}.bulk-form-field .MuiInputBase-root.Mui-focused{box-shadow:0 0 0 3px #3b82f61a!important;box-shadow:var(--ahm-form-input-focus-shadow)!important}.bulk-form-field .filter-dropdown{min-width:auto;width:100%}.bulk-row-remove{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:32px}.bulk-row-remove:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:scale(1.05)}.add-bulk-btn{align-items:center;background:#0000;border:2px dashed #e2e8f0cc;border:2px dashed var(--ahm-form-input-border);border-radius:12px;color:#6b7280;color:var(--ahm-text-muted);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.add-bulk-btn:hover{background:#fffc;background:var(--ahm-form-input-bg);border-color:#3b82f6;border-color:var(--ahm-form-input-focus-border);border-style:solid;color:#3b82f6;color:var(--ahm-form-input-focus-border)}.add-bulk-btn .material-symbols-rounded{font-size:1.1rem}.bulk-empty-state{color:#6b7280;color:var(--ahm-text-muted);padding:1rem;text-align:center}.bulk-empty-state .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.5}.bulk-ahm-modal-header-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--ahm-card-border);border-radius:0;margin:-1rem -1rem .9rem;padding:1rem .9rem}[data-theme=dark] .bulk-ahm-modal-header-info{background:linear-gradient(135deg,#00f2fe1a,#0ea5e91a)}.bulk-ahm-modal-header-info p{color:#374151;color:var(--ahm-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.bulk-ahm-modal-header-info strong{color:#1e293b;color:var(--ahm-text-primary)}.error-banner{background:var(--ahm-affects-no-bg);border:1px solid var(--ahm-affects-no-text);color:var(--ahm-affects-no-text)}.success-banner{background:var(--ahm-affects-yes-bg);border:1px solid var(--ahm-affects-yes-text);color:var(--ahm-affects-yes-text)}.loading-spinner{border-top:4px solid linear-gradient(135deg,#3b82f6,#1d4ed8);border:4px solid var(--ahm-card-border);border-top-color:var(--ahm-btn-primary-bg)}.empty-state .material-symbols-rounded{color:var(--ahm-text-muted)}.empty-state h3{color:var(--ahm-text-primary)}.empty-state p{color:var(--ahm-text-muted)}@media (max-width:1200px){.ahm-list-header,.list-row{grid-template-columns:1.5fr 1fr 1fr .8fr .6fr .6fr .6fr 1fr}.ahm-list-header-cell,.list-cell{font-size:.85rem;padding:.75rem .5rem}}@media (max-width:968px){.holidays-list{overflow-x:auto}.ahm-list-header,.list-row{min-width:800px}}@media (max-width:768px){.academic-holidays-management{padding:1rem}.ahm-page-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:.9rem}.header-actions{flex-wrap:wrap;justify-content:stretch;width:100%}.btn-add-holiday,.btn-bulk-add,.btn-download,.btn-refresh,.btn-view-toggle{flex:1 1;font-size:.8rem;min-width:0;padding:.75rem .5rem}.holidays-grid{grid-template-columns:1fr}.controls-section{align-items:stretch;flex-direction:column}.ahm-search-container{max-width:100%;min-width:auto}.filters-container{justify-content:stretch}.filter-dropdown{flex:1 1;min-width:auto}.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:span 1}.bulk-form-grid{gap:.5rem}.bulk-form-grid,.bulk-form-grid.with-branch{grid-template-columns:1fr}.ahm-modal{margin:1rem;max-height:calc(100vh - 1rem)}.ahm-modal-large{max-width:100%}.card-actions{flex-wrap:wrap}.ahm-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.ahm-card-badges{align-items:flex-start;flex-direction:row}.affects-info{flex-direction:column;gap:.5rem}.list-actions{flex-direction:column;gap:.25rem}.btn-delete-action,.btn-edit-action,.btn-toggle-action{height:32px;padding:.25rem;width:32px}.ahm-list-header,.list-row{grid-template-columns:2fr 1fr .8fr 1fr}.ahm-list-header-cell:nth-child(3),.ahm-list-header-cell:nth-child(5),.ahm-list-header-cell:nth-child(6),.list-cell:nth-child(3),.list-cell:nth-child(5),.list-cell:nth-child(6){display:none}}@media (max-width:480px){.header-actions{flex-direction:column;gap:.5rem}.btn-add-holiday,.btn-bulk-add,.btn-download,.btn-refresh,.btn-view-toggle{justify-content:center;width:100%}.ahm-modal-actions{flex-direction:column-reverse;gap:.5rem}.btn-cancel,.btn-submit{justify-content:center;width:100%}.ahm-list-header,.list-row{grid-template-columns:1fr .8fr 1fr}.ahm-list-header-cell:nth-child(2),.list-cell:nth-child(2){display:none}.holiday-name-cell{font-size:.85rem}.holiday-description{font-size:.75rem}.toggle-switch{height:24px;width:44px}.toggle-slider{font-size:.6rem;height:20px;width:20px}.toggle-slider.active{transform:translateX(20px)}.toggle-slider svg{height:8px;width:8px}}.download-modal{max-width:500px}.download-modal-content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.download-info{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.download-icon{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:12px;color:#166534;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}[data-theme=dark] .download-icon{background:linear-gradient(135deg,#0f83,#00ff881a);color:#c8e6c9}.download-text h3{color:#1e293b;color:var(--ahm-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.download-text p{color:#6b7280;color:var(--ahm-text-muted);font-size:.95rem;line-height:1.5;margin:0;transition:color .3s ease}.download-preview{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:1rem;transition:all .3s ease}[data-theme=dark] .download-preview{background:linear-gradient(135deg,#00f2fe1a,#0ea5e90d);border-color:#00f2fe33}.preview-info{align-items:flex-start;color:#374151;color:var(--ahm-text-secondary);display:flex;font-size:.9rem;gap:.75rem;line-height:1.4}.preview-info .material-symbols-rounded{color:linear-gradient(135deg,#3b82f6,#1d4ed8);color:var(--ahm-btn-primary-bg);flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.preview-info strong{color:#1e293b;color:var(--ahm-text-primary);font-weight:600}.btn-download-confirm{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 4px 12px #0596694d!important;color:#fff!important;overflow:hidden;position:relative}.btn-download-confirm:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46)!important;box-shadow:0 8px 20px #05966966!important;transform:translateY(-2px)}.btn-download-confirm:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af)!important;box-shadow:none!important;color:#6b7280!important;cursor:not-allowed;transform:none}.btn-download-confirm:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-download-confirm:hover:not(:disabled):before{left:100%}.download-modal .form-field{margin-bottom:0}.download-modal .form-field label{color:#374151;color:var(--ahm-text-secondary);font-size:.95rem;font-weight:600;margin-bottom:.75rem}.download-modal .form-field label.required:after{color:#ef4444;content:" *"}.download-modal{animation:downloadModalSlideIn .3s ease-out}@keyframes downloadModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.download-modal{margin:1rem;max-width:90vw}.download-modal-content{gap:1rem;padding:1rem}.download-info{align-items:center;flex-direction:column;gap:.75rem;text-align:center}.download-icon{font-size:1.25rem;height:50px;width:50px}.download-text h3{font-size:1.1rem}.download-text p{font-size:.9rem}}.holiday-count-display{align-items:center;background:#fff;background:var(--ahm-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ahm-card-border);border-radius:12px;box-shadow:0 4px 16px #0000000d;box-shadow:var(--ahm-card-shadow);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.count-label{color:var(--ahm-text-secondary)}.count-number{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid #3b82f633;color:linear-gradient(135deg,#3b82f6,#1d4ed8);color:var(--ahm-btn-primary-bg)}[data-theme=dark] .count-number{background:linear-gradient(135deg,#00f2fe26,#00f2fe0d);border-color:#00f2fe4d;color:#00f2fe}.count-subtext{color:var(--ahm-text-muted)}.duration-toggle-container{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.duration-toggle-container.disabled{opacity:.7;pointer-events:none}.duration-toggle-label{color:#374151;color:var(--ahm-text-secondary);font-size:.9rem;font-weight:600;margin:0}.duration-toggle-options{background:#fffc;background:var(--ahm-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ahm-form-input-border);border-radius:12px;display:flex;gap:.5rem;padding:.25rem;transition:all .3s ease}.duration-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--ahm-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.duration-option:hover:not(.disabled){background:#3b82f60d;color:#374151;color:var(--ahm-text-secondary)}.duration-option.active{box-shadow:0 2px 8px #3b82f64d}.duration-option.active,[data-theme=dark] .duration-option.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--ahm-btn-primary-bg);color:#fff;color:var(--ahm-btn-primary-text)}[data-theme=dark] .duration-option.active{box-shadow:0 2px 8px #00f2fe4d}.duration-option.disabled{cursor:not-allowed;opacity:.5}.duration-icon{align-items:center;display:flex;font-size:1rem;justify-content:center}.bulk-duration-toggle{display:flex;flex-direction:column;gap:.5rem}.bulk-duration-toggle label{color:#374151;color:var(--ahm-text-secondary);font-size:.8rem;font-weight:600;margin-bottom:.25rem}.bulk-duration-options{background:#fffc;background:var(--ahm-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ahm-form-input-border);border-radius:8px;display:flex;gap:.25rem;padding:.2rem}.bulk-duration-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--ahm-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;justify-content:center;padding:.5rem;transition:all .2s ease}.bulk-duration-btn:hover{background:#3b82f60d;color:#374151;color:var(--ahm-text-secondary)}.bulk-duration-btn.active{box-shadow:0 1px 4px #3b82f633}.bulk-duration-btn.active,[data-theme=dark] .bulk-duration-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--ahm-btn-primary-bg);color:#fff;color:var(--ahm-btn-primary-text)}[data-theme=dark] .bulk-duration-btn.active{box-shadow:0 1px 4px #00f2fe33}.date-validation-info{align-items:center;border-radius:8px;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;transition:all .3s ease}.validation-success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--ahm-affects-yes-bg);border:1px solid #166534;border:1px solid var(--ahm-affects-yes-text);color:#166534;color:var(--ahm-affects-yes-text)}.validation-error{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--ahm-affects-no-bg);border:1px solid #991b1b;border:1px solid var(--ahm-affects-no-text);color:#991b1b;color:var(--ahm-affects-no-text)}.validation-icon{flex-shrink:0;font-size:.9rem}.date-range-indicator{align-items:center;color:#6b7280;color:var(--ahm-text-muted);display:flex;font-size:.75rem;font-weight:500;gap:.4rem;padding-left:1rem}.range-icon{color:linear-gradient(135deg,#3b82f6,#1d4ed8);color:var(--ahm-btn-primary-bg);font-size:.8rem}[data-theme=dark] .range-icon{color:#00f2fe}.range-label{letter-spacing:.5px;text-transform:uppercase}.date-info{display:flex;flex-direction:row;gap:.25rem}.list-cell .holiday-date-text{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.list-cell .date-range-indicator{margin-top:.1rem}.ahm-list-header,.list-row{display:grid;grid-template-columns:2fr 1.5fr 1.2fr 1fr .8fr .8fr .8fr 1.2fr}.bulk-form-grid{grid-gap:.75rem;align-items:start;display:grid;gap:.75rem;grid-template-columns:2fr 1.2fr .8fr 1fr 1fr 1fr .8fr .6fr .6fr .6fr .6fr;width:100%}.bulk-form-grid.with-branch{grid-template-columns:1.8fr 1fr .6fr .8fr .8fr .8fr .8fr .8fr .6fr .5fr .5fr .5fr .5fr}@media (max-width:1400px){.bulk-form-grid{gap:.5rem;grid-template-columns:2fr 1fr .6fr 1fr 1fr .8fr .6fr .5fr .5fr .5fr .5fr}.bulk-form-grid.with-branch{grid-template-columns:1.5fr .8fr .5fr .7fr .7fr .7fr .6fr .6fr .5fr .4fr .4fr .4fr .4fr}}@media (max-width:1200px){.bulk-form-grid,.bulk-form-grid.with-branch{gap:.5rem;grid-template-columns:1fr}.bulk-form-field{width:100%}}.form-grid .form-field:has(.date-validation-info){position:relative}.holiday-date{align-items:flex-start;color:#374151;color:var(--ahm-text-secondary);display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.75rem;transition:color .3s ease}.holiday-date .material-symbols-rounded{color:#6b7280;color:var(--ahm-text-muted);flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.holiday-date .date-info{flex:1 1;line-height:1.4}.form-field .MuiTextField-root{width:100%}.form-field .MuiInputBase-root{background:#fffc!important;background:var(--ahm-form-input-bg)!important;border:2px solid #e2e8f0cc!important;border:2px solid var(--ahm-form-input-border)!important;border-radius:12px!important;font-size:.95rem!important;transition:all .3s ease!important}.form-field .MuiInputBase-root.Mui-focused,.form-field .MuiInputBase-root:hover{border-color:#3b82f6!important;border-color:var(--ahm-form-input-focus-border)!important}.form-field .MuiInputBase-root.Mui-focused{box-shadow:0 0 0 3px #3b82f61a!important;box-shadow:var(--ahm-form-input-focus-shadow)!important}.form-field .MuiInputBase-root.Mui-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.form-field .MuiInputAdornment-root .MuiIconButton-root{color:#6b7280;color:var(--ahm-text-muted);transition:color .3s ease}.form-field .MuiInputAdornment-root .MuiIconButton-root:hover{background:#3b82f60d;color:linear-gradient(135deg,#3b82f6,#1d4ed8);color:var(--ahm-btn-primary-bg)}[data-theme=dark] .form-field .MuiInputAdornment-root .MuiIconButton-root:hover{background:#00f2fe0d;color:#00f2fe}.badge.type{overflow:hidden;position:relative}.badge.type:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.badge.type:hover:before{left:100%}@media (max-width:768px){.duration-toggle-options{flex-direction:column;gap:.25rem}.duration-option{justify-content:flex-start;padding:.75rem;text-align:left}.date-validation-info{font-size:.75rem;padding:.4rem .6rem}.date-range-indicator,.range-icon{font-size:.7rem}.ahm-list-header,.list-row{grid-template-columns:1.5fr 1.2fr .8fr 1fr}.ahm-list-header-cell:nth-child(3),.ahm-list-header-cell:nth-child(5),.ahm-list-header-cell:nth-child(6),.list-cell:nth-child(3),.list-cell:nth-child(5),.list-cell:nth-child(6){display:none}.bulk-duration-options{flex-direction:column;gap:.2rem}.bulk-duration-btn{justify-content:center;padding:.6rem}}@media (max-width:480px){.duration-toggle-container{gap:.5rem}.duration-option{font-size:.85rem;gap:.4rem;padding:.6rem}.duration-icon{font-size:.9rem}.ahm-list-header,.list-row{grid-template-columns:1fr .8fr 1fr}.ahm-list-header-cell:nth-child(2),.list-cell:nth-child(2){display:none}.holiday-date{align-items:flex-start;flex-direction:column;gap:.5rem}.holiday-date .material-symbols-rounded{display:none}.date-range-indicator{align-self:flex-start}}.duration-option{transform:translateY(0)}.duration-option:active{transform:translateY(1px)}.duration-option.active{animation:durationToggleActivate .3s ease-out;transform:translateY(0)}@keyframes durationToggleActivate{0%{box-shadow:0 1px 4px #3b82f61a;transform:scale(.95)}50%{box-shadow:0 3px 12px #3b82f666;transform:scale(1.02)}to{box-shadow:0 2px 8px #3b82f64d;transform:scale(1)}}.date-validation-info{animation:fadeInUp .3s ease-out}.date-range-indicator{animation:subtlePulse 2s ease-in-out infinite}@keyframes subtlePulse{0%,to{opacity:.8}50%{opacity:1}}.holiday-date:hover .range-icon{transform:scale(1.1);transition:transform .2s ease}.date-range-indicator:hover{animation:none;opacity:1;transform:translateX(2px);transition:all .2s ease}[data-theme=dark]{.validation-success{background:#00ff8826;border-color:#00ff884d;color:#c8e6c9}.validation-error{background:#f4433626;border-color:#f443364d;color:#ffcdd2}.duration-toggle-options{background:#1a1a1acc;border-color:#ffffff1a}.duration-option:hover:not(.disabled){background:#00f2fe0d;color:#fff}.bulk-duration-options{background:#1a1a1acc;border-color:#ffffff1a}.bulk-duration-btn:hover{background:#00f2fe0d;color:#fff}}.duration-option:focus-visible{outline:2px solid linear-gradient(135deg,#3b82f6,#1d4ed8);outline:2px solid var(--ahm-btn-primary-bg);outline-offset:2px}[data-theme=dark] .duration-option:focus-visible{outline-color:#00f2fe}@media (prefers-contrast:high){.duration-option{border:1px solid}.date-validation-info,.duration-option.active{border-width:2px}.date-range-indicator{font-weight:600}}@media (prefers-reduced-motion:reduce){.date-range-indicator,.date-validation-info,.duration-option{animation:none;transition:none}.badge.type:before{display:none}}.modal-banner{margin:0 1rem 1rem}:root{--header-padding-horizontal:2rem;--header-padding-vertical:1rem;--banner-margin-top:1rem;--base-bg:#fff;--base-text:#1e293b;--base-border:#e2e8f0;--base-shadow:0 6px 20px #0000000d;--base-shadow-hover:0 8px 20px #00000014;--success-border:#22c55e4d;--error-text:#b91c1c;--error-border:#ef44444d;--warning-bg:#fef3c7;--warning-text:#b45309;--warning-border:#f59e0b4d;--primary-bg:linear-gradient(135deg,#bbf7d0,#4ade80);--primary-text:#064e3b;--secondary-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--secondary-text:#0369a1;--danger-bg:linear-gradient(135deg,#fee2e2,#fff1f2);--danger-text:#b91c1c;--field-label-text:#334155;--field-value-text:#1e293b;--field-value-hover-bg:#00000008;--field-input-focus-border:#3b82f6;--field-input-focus-shadow:0 0 0 3px #3b82f61a;--field-edit-icon-color:#64748b;--field-edit-icon-hover-color:#0f172a;--bws-pop-card-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--header-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--toolbar-bg:#fffffff2;--dropdown-bg:#fff;--dropdown-hover:#f3f4f6;--time-bg:#0f172a0d;--time-text:#334155;--time-font:"Monaco","Menlo","Ubuntu Mono",monospace;--disabled-bg:#f1f5f9;--disabled-text:#94a3b8;--disabled-opacity:0.6;--scrollbar-thumb:#94a3b899;--scrollbar-track:#0000}[data-theme=dark]{--base-bg:#1a1a1ae6;--base-text:#fff;--base-border:#ffffff1a;--base-shadow:0 6px 20px #0000004d;--base-shadow-hover:0 8px 20px #0006;--success-bg:#00ff8826;--success-text:#0f8;--success-border:#00ff884d;--error-bg:#ff3b3026;--error-text:#ff3b30;--error-border:#ff3b304d;--warning-bg:linear-gradient(135deg,#adffff38,#1a1a1af2);--warning-text:#ffd666;--warning-border:#ffc1074d;--primary-bg:#0f83;--primary-text:#00cc6a;--secondary-bg:#00f2fe26;--secondary-text:#00f2fe;--danger-bg:#ff3b3026;--danger-text:#ff3b30;--field-label-text:#ccc;--field-value-text:#fff;--field-value-hover-bg:#ffffff0d;--field-input-focus-border:#00cc6a;--field-input-focus-shadow:0 0 0 3px #0f83;--field-edit-icon-color:#ccc;--field-edit-icon-hover-color:#fff;--bws-pop-card-bg:#1a1a1ae6;--header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--toolbar-bg:#1f2937f2;--dropdown-bg:#374151;--dropdown-hover:#4b5563;--time-bg:#ffffff0d;--time-text:#fff;--disabled-bg:#33333380;--disabled-text:#ffffff4d;--scrollbar-thumb:#ffffff4d}.bws-container{background:#fff;background:var(--base-bg);color:#1e293b;color:var(--base-text);font-family:Google Sans,Poppins,sans-serif;min-height:100vh;padding:0 1rem 1rem;transition:all .3s ease}.bws-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.bws-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #064e3b;border:4px solid var(--base-border);border-radius:50%;border-top-color:var(--primary-text);height:40px;margin-bottom:1rem;width:40px}.bws-page-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--header-bg);border:1px solid #e2e8f0;border:1px solid var(--base-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 2rem;padding:var(--header-padding-vertical) var(--header-padding-horizontal);transition:all .3s ease}.bws-header-content{align-items:center;display:flex;gap:1.5rem}.bws-header-icon{align-items:center;background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--primary-bg);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);color:#064e3b;color:var(--primary-text);display:flex;font-size:2rem;height:64px;justify-content:center;transition:all .3s ease;width:64px}.bws-header-text h1{color:#1e293b;color:var(--base-text);font-size:2rem;font-weight:700;margin:0;transition:color .3s ease}.bws-header-text p{color:#64748b;color:var(--field-edit-icon-color);font-size:1rem;margin:.5rem 0 0;transition:color .3s ease}.bws-header-actions{align-items:center;display:flex;gap:1rem}.btn-primary,.btn-secondary,.bws-btn-add-schedule,.bws-btn-danger,.bws-btn-refresh,.bws-btn-save-all,.bws-btn-toggle,.bwsm-details-md3-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;outline:none;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.bws-btn-refresh,.bwsm-details-md3-btn.refresh-btn{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--secondary-bg);color:#0369a1;color:var(--secondary-text)}.btn-primary,.bws-btn-add-schedule,.bws-btn-save-all,.bwsm-details-md3-btn.convert-btn{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--primary-bg);color:#064e3b;color:var(--primary-text)}.bws-btn-save-all{animation:pulse 2s infinite}.bws-btn-toggle.active{background:#d1fae5;background:var(--success-bg);border:1px solid #22c55e4d;border:1px solid var(--success-border);color:#065f46;color:var(--success-text)}.bws-btn-toggle.inactive{background:#fee2e2;background:var(--error-bg);border:1px solid #ef44444d;border:1px solid var(--error-border);color:#b91c1c;color:var(--error-text)}.bws-btn-danger{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--danger-bg);color:#b91c1c;color:var(--danger-text)}.btn-secondary{background:#f1f5f9;background:var(--disabled-bg);border:2px solid #e2e8f0;border:2px solid var(--base-border);color:#1e293b;color:var(--base-text)}.btn-primary:hover,.btn-secondary:hover,.bws-btn-add-schedule:hover,.bws-btn-danger:hover,.bws-btn-refresh:hover,.bws-btn-save-all:hover,.bws-btn-toggle:hover,.bwsm-details-md3-btn:hover{border-radius:24px;box-shadow:0 8px 20px #00000014;box-shadow:var(--base-shadow-hover);transform:translateY(-2px)}.btn-primary:hover{border:2px solid #000}.btn-secondary:hover{background:#00000008;background:var(--field-value-hover-bg);transform:translateY(-1px)}.bws-btn-cancel,.bws-btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.bws-btn-save{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--primary-bg);color:#064e3b;color:var(--primary-text)}.bws-btn-save:hover{box-shadow:0 2px 8px #10b9814d;transform:scale(1.05)}.bws-btn-cancel{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--danger-bg);color:#b91c1c;color:var(--danger-text)}.bws-btn-cancel:hover{box-shadow:0 2px 8px #ef44444d;transform:scale(1.05)}.btn-primary:disabled,.btn-secondary:disabled,.bwsm-details-md3-btn:disabled{background:#f1f5f9!important;background:var(--disabled-bg)!important;box-shadow:none!important;color:#94a3b8!important;color:var(--disabled-text)!important;cursor:not-allowed;opacity:.6;opacity:var(--disabled-opacity);transform:none!important}.bws-error-banner,.bws-success-banner{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.bws-success-banner{background:#d1fae5;background:var(--success-bg);border:1px solid #22c55e4d;border:1px solid var(--success-border);box-shadow:0 4px 12px #22c55e1a;color:#065f46;color:var(--success-text)}.bws-error-banner{background:#fee2e2;background:var(--error-bg);border:1px solid #ef44444d;border:1px solid var(--error-border);box-shadow:0 4px 12px #ef44441a;color:#b91c1c;color:var(--error-text)}.bws-banner-close-btn{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;margin-left:auto;padding:.25rem;transition:background .2s ease}.bws-banner-close-btn:hover{background:#0000001a}.bws-toolbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;background:var(--toolbar-bg);border:1px solid #e2e8f0;border:1px solid var(--base-border);border-radius:8px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);margin-bottom:1rem;padding:.75rem 1rem}.bws-controls-section{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.bws-search-container{align-items:center;display:flex;min-width:280px;position:relative}.bws-search-icon{color:#64748b;color:var(--field-edit-icon-color);font-size:.9rem;left:.75rem;position:absolute;z-index:1}.bws-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--base-border);border-radius:12px;color:#1e293b;color:var(--field-value-text);font-size:.95rem;outline:none;padding:.75rem 1rem .75rem 3rem;transition:all .3s ease;width:100%}.bws-search-input:focus{border-color:#3b82f6;border-color:var(--field-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--field-input-focus-shadow);transform:scale(1.02)}.bws-filters-container{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem}.bws-schedule-card{animation:fadeInUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--base-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.bws-schedule-card:hover{box-shadow:0 8px 20px #00000014;box-shadow:var(--base-shadow-hover);transform:translateY(-2px)}.bws-schedule-card.inactive{opacity:.7}.bws-schedule-card.current-year:hover{transform:translateY(-3px)}.bwsm-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--base-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);height:-webkit-fit-content;height:fit-content;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bwsm-card:hover{box-shadow:0 8px 20px #00000014;box-shadow:var(--base-shadow-hover);transform:translateY(-2px)}.bwsm-card.card-info{background:#fff;background:var(--card-bg)}.bwsm-card.card-info.color-emerald{background:#fef3c7;background:var(--warning-bg);color:#065f46;color:var(--success-text)}.bwsm-card.card-info.color-yellow{color:#b45309;color:var(--warning-text)}.bwsm-card.card-options,.bwsm-card.card-personal{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--base-border)}.bwsm-card h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--base-border);color:#1e293b;color:var(--base-text);display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;transition:color .3s ease}.bwsm-card h4 .material-symbols-rounded{color:#64748b;color:var(--field-edit-icon-color);font-size:1.2rem;transition:color .3s ease}.bwsm-card.card-info.color-emerald h4,.bwsm-card.card-info.color-emerald h4 .material-symbols-rounded{color:#065f46;color:var(--success-text)}.bwsm-card.card-info.color-yellow h4,.bwsm-card.card-info.color-yellow h4 .material-symbols-rounded{color:#b45309;color:var(--warning-text)}.bws-schedules-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;max-width:100%}.bws-card-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--base-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem;position:relative;transition:all .3s ease;z-index:2}.bws-card-title-section{display:flex;flex-direction:row;gap:.5rem}.bws-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.bws-current-year-indicator{align-items:center;animation:pulse-glow 2s ease-in-out infinite;border-radius:12px;box-shadow:0 2px 8px #10b9814d;color:#064e3b;color:var(--primary-text);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-left:.75rem;padding:.25rem .75rem;text-transform:uppercase;transition:all .3s ease}.bws-current-year-indicator,[data-theme=dark] .bws-current-year-indicator{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--primary-bg)}[data-theme=dark] .bws-current-year-indicator{box-shadow:0 2px 8px #0f86;color:#000}.bws-current-year-indicator.custom{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--secondary-bg);border:1px solid #0369a1;border:1px solid var(--secondary-text);color:#0369a1;color:var(--secondary-text)}.bws-current-year-indicator.active{background:#d1fae5;background:var(--success-bg);border:1px solid #22c55e4d;border:1px solid var(--success-border);color:#065f46;color:var(--success-text)}.bws-current-year-indicator.inactive{background:#fee2e2;background:var(--error-bg);border:1px solid #ef44444d;border:1px solid var(--error-border);color:#b91c1c;color:var(--error-text)}.bwsm-tabbar{margin-bottom:.5rem;padding:.5rem}.bwsm-tab,.bwsm-tabbar{background:#fff;background:var(--card-bg);display:flex;transition:all .3s ease}.bwsm-tab{align-items:center;border:none;border-radius:12px;color:#1e293b;color:var(--base-text);cursor:pointer;flex:1 1;font-family:inherit;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem}.bwsm-tab:hover{background:#d1fae5;background:var(--success-bg);border-radius:12px}.bwsm-tab.active,.bwsm-tab:hover{color:#064e3b;color:var(--primary-text)}.bwsm-tab.active{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--primary-bg);box-shadow:0 4px 12px #05966933}.bwsm-tab .material-symbols-rounded{font-size:1.1rem}.bwsm-tab-content{flex:1 1;overflow-y:auto;padding:.5rem 1.5rem 1.5rem;position:relative;z-index:1}.bwsm-card-content{display:flex;flex-direction:column;gap:1.5rem}.field-group{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-top:.5rem}.field-item{gap:.5rem}.bwsm-label{color:#334155;color:var(--field-label-text);font-size:.9rem;font-weight:600;transition:color .3s ease}.bwsm-value-container{align-items:center;background:#0000;border-radius:12px;cursor:pointer;display:flex;gap:.5rem;min-height:38px;position:relative;transition:all .3s ease}.bwsm-value-container:hover{background:#00000008;background:var(--field-value-hover-bg);border-color:#3b82f6;border-color:var(--field-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--field-input-focus-shadow)}.bwsm-value-container.read-only{cursor:default}.bwsm-value-container.read-only:hover{border-color:#e2e8f0;border-color:var(--base-border);box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow)}.bwsm-value-text{color:#1e293b;color:var(--field-value-text);flex:1 1;font-size:.95rem;font-weight:500;transition:color .3s ease}.bwsm-edit-icon-btn{background:none;border:none;border-radius:4px;color:#64748b;color:var(--field-edit-icon-color);cursor:pointer;font-size:.9rem;opacity:0;padding:.25rem;transition:opacity .3s ease,color .3s ease}.bwsm-value-container:hover .bwsm-edit-icon-btn{opacity:1}.bwsm-edit-icon-btn:hover{background:#00000008;background:var(--field-value-hover-bg);color:#0f172a;color:var(--field-edit-icon-hover-color)}.bws-edit-container{align-items:center;display:flex;gap:.5rem}.bwsm-edit-input{background:#0000;border:2px solid #3b82f6;border:2px solid var(--field-input-focus-border);border-radius:12px;box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--field-input-focus-shadow);color:#1e293b;color:var(--field-value-text);flex:1 1;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.bws-edit-actions{display:flex;gap:.25rem}.bws-toggle-switch-container{align-items:center;display:flex;gap:1rem;padding:.5rem 0}.bws-toggle-switch-container.disabled{opacity:.7}.bws-toggle-switch-label{color:#334155;color:var(--field-label-text);font-size:.9rem;font-weight:600;transition:color .3s ease}.bws-toggle-switch-wrapper{align-items:center;display:flex;gap:.75rem}.bws-toggle-switch{background:#f1f5f9;background:var(--disabled-bg);border:none;border-radius:14px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);cursor:pointer;height:28px;outline:none;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.bws-toggle-switch.active:not(.disabled){background:#064e3b;background:var(--primary-text)}.bws-toggle-switch.disabled{background:#9ca3af4d;cursor:not-allowed}.bws-toggle-slider{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;font-size:.7rem;height:24px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.bws-toggle-slider.active{transform:translateX(24px)}.bws-toggle-slider svg{height:10px;width:10px}.bws-toggle-slider.active svg{color:#064e3b;color:var(--primary-text)}.bws-toggle-slider.inactive svg{color:#ef4444}.bws-toggle-lock-icon{color:#64748b;color:var(--field-edit-icon-color);font-size:.9rem;transition:color .3s ease}.working-days-display{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.day-display{align-items:center;border-radius:8px;display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:.25rem;min-width:60px;padding:.5rem .75rem;transition:all .3s ease}.day-display.working{background:#d1fae5;background:var(--success-bg);border:1px solid #22c55e4d;border:1px solid var(--success-border);color:#065f46;color:var(--success-text)}.day-display.non-working{background:#fee2e2;background:var(--error-bg);border:1px solid #ef44444d;border:1px solid var(--error-border);color:#b91c1c;color:var(--error-text)}.day-name{font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.day-status{font-size:.9rem;justify-content:center}.bws-readonly-note,.day-status{align-items:center;display:flex}.bws-readonly-note{color:#64748b;color:var(--field-edit-icon-color);font-size:.8rem;font-style:italic;gap:.5rem;margin-left:auto;transition:color .3s ease}.no-config-message{align-items:flex-start;background:#fef3c7;background:var(--warning-bg);border:2px dashed #b45309;border:2px dashed var(--warning-text);border-radius:12px;display:flex;gap:1rem;padding:2rem;text-align:left;transition:all .3s ease}.no-config-icon{align-items:center;background:#b45309;background:var(--warning-text);border-radius:12px;color:#fff;color:var(--card-bg);display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.no-config-text h4{font-size:1.1rem;font-weight:600}.no-config-text h4,.no-config-text p{color:#b45309;color:var(--warning-text);margin:0 0 .5rem}.no-config-text p{font-size:.9rem;line-height:1.4}.no-config-text .config-note{color:#b45309;color:var(--warning-text);font-size:.85rem;font-style:italic;margin:.75rem 0 0;opacity:.8}.bws-empty-state{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem;text-align:center}.bws-empty-state .material-symbols-rounded{color:#94a3b8;color:var(--disabled-text);font-size:4rem;margin-bottom:1rem;transition:color .3s ease}.bws-empty-state h3{color:#1e293b;color:var(--base-text);font-size:1.5rem;margin-bottom:.5rem;transition:color .3s ease}.bws-empty-state p{color:#64748b;color:var(--field-edit-icon-color);transition:color .3s ease}.ai-insights-empty{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--base-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);padding:3rem 2rem;text-align:center;transition:background .3s ease}.empty-state-icon .material-symbols-rounded{color:var(--disabled-text)}.ai-insights-empty h3{color:#1e293b;color:var(--base-text);font-size:1.3rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.ai-insights-empty p{color:#64748b;color:var(--field-edit-icon-color);font-size:1rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;transition:color .3s ease}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.modal{animation:fadeInScale .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--base-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-large{max-width:1000px}.bws-error-banner,.bws-success-banner{align-items:center;border-radius:12px;display:flex;font-size:.75rem;gap:1rem;margin-bottom:.5rem;padding:.5rem}.bws-error-banner{background:var(--wdcm-day-non-working-bg);border:1px solid var(--wdcm-day-non-working-text);color:var(--wdcm-day-non-working-text)}.modal-header{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--bws-pop-card-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--base-border);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1e293b;color:var(--base-text);font-size:1.5rem;font-weight:600;margin:0;transition:color .3s ease}.close-btn{background:#f1f5f9;background:var(--disabled-bg);color:#64748b;color:var(--field-edit-icon-color)}.close-btn:hover{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--danger-bg);color:#b91c1c;color:var(--danger-text)}.modal-form{max-height:calc(90vh - 200px);overflow-y:auto;padding:.5rem}.bws-form-sections{display:flex;flex-direction:column;gap:2rem}.bws-form-section{animation:fadeInUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--base-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);padding:1.5rem;transition:all .3s ease}.bws-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.bws-form-section h3{align-items:center;color:#1e293b;color:var(--base-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem;transition:color .3s ease}.bws-form-section h3 .material-symbols-rounded{color:#64748b;color:var(--field-edit-icon-color);font-size:1.2rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.form-field label{color:#334155;color:var(--field-label-text);transition:color .3s ease}.form-field label.required:after{color:#b91c1c;color:var(--error-text)}.form-field input,.form-field select,.form-field textarea{background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--base-border);border-radius:12px;color:#1e293b;color:var(--field-value-text);font-family:inherit;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#3b82f6;border-color:var(--field-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--field-input-focus-shadow);transform:scale(1.02)}.checkbox-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--base-border);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.validation-errors{animation:shake .5s ease-in-out;background:#fee2e2;background:var(--error-bg);border:2px solid #ef44444d;border:2px solid var(--error-border);border-radius:12px;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease}.error-header{align-items:center;color:#b91c1c;color:var(--error-text);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.error-header .material-symbols-rounded{font-size:1.1rem}.error-list{list-style-type:disc;margin:0;padding-left:1.5rem}.error-list li{color:#b91c1c;color:var(--error-text);font-size:.85rem;line-height:1.4;margin-bottom:.25rem}.error-list li:last-child{margin-bottom:0}.modal-banner{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.modal-error-banner{background-color:#fee2e2;background-color:var(--error-bg);border:1px solid #ef44444d;border:1px solid var(--error-border);color:#b91c1c;color:var(--error-text)}.modal-success-banner{background-color:#d1fae5;background-color:var(--success-bg);border:1px solid #22c55e4d;border:1px solid var(--success-border);color:#065f46;color:var(--success-text)}.modal-banner-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:currentColor;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:4px}.modal-banner-close-btn:hover{background-color:#0000001a}.bulk-sessions-container{display:flex;flex-direction:column;gap:1.5rem;max-height:60vh;overflow-y:auto;padding:.5rem}.bulk-sessions-container::-webkit-scrollbar{width:6px}.bulk-sessions-container::-webkit-scrollbar-track{background:#fff;background:var(--card-bg);border-radius:3px}.bulk-sessions-container::-webkit-scrollbar-thumb{background:#64748b;background:var(--field-edit-icon-color);border-radius:3px;opacity:.5}.bulk-sessions-container::-webkit-scrollbar-thumb:hover{background:#0f172a;background:var(--field-edit-icon-hover-color)}.bulk-session-row{animation:fadeInUp .3s ease-out;background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--base-border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.bulk-session-row:hover{border-color:#3b82f6;border-color:var(--field-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--field-input-focus-shadow)}.bulk-session-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--base-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.session-index{color:#1e293b;color:var(--base-text);font-size:1rem;font-weight:600}.remove-session-btn{align-items:center;border:none;border-radius:8px;color:#b91c1c;color:var(--danger-text);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.remove-session-btn,.remove-session-btn:hover{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--danger-bg)}.remove-session-btn:hover{box-shadow:0 2px 8px #ef44444d;transform:scale(1.05)}.bulk-session-fields{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bulk-session-fields .form-field.full-width{grid-column:1/-1}.bulk-session-fields .form-field.checkbox-field{align-items:center;display:flex;min-height:60px}.bulk-session-fields .form-field.checkbox-field .bws-toggle-switch-container{margin:0}.section-header-with-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.add-session-btn{align-items:center;background:#f1f5f9;background:var(--disabled-bg);border:2px solid #e2e8f0;border:2px solid var(--base-border);border-radius:8px;color:#1e293b;color:var(--base-text);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.add-session-btn:hover{background:#00000008;background:var(--field-value-hover-bg);box-shadow:0 8px 20px #00000014;box-shadow:var(--base-shadow-hover);transform:translateY(-1px)}.section-note{align-items:flex-start;background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--secondary-bg);border:1px solid #0369a1;border:1px solid var(--secondary-text);border-radius:8px;color:#0369a1;color:var(--secondary-text);display:flex;font-size:.85rem;gap:.5rem;line-height:1.4;margin-top:.5rem;padding:.75rem 1rem}.section-note .material-symbols-rounded{color:#0369a1;color:var(--secondary-text);flex-shrink:0;font-size:1rem;margin-top:.1rem}.section-header-with-note{margin-bottom:1rem}.readonly-input{background:#d1fae5!important;background:var(--success-bg)!important;border-color:#22c55e4d!important;border-color:var(--success-border)!important;color:#065f46!important;color:var(--success-text)!important;cursor:not-allowed;font-weight:600!important}.personal-action-buttons.bottom-sticky{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-top:0;padding-top:1rem}.bwsm-card.card-personal .field-group{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.bwsm-card.card-personal .field-item{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--base-border);border-radius:12px;margin-bottom:0;padding:1rem;transition:all .3s ease}.bwsm-card.card-personal .field-item:hover{box-shadow:0 8px 20px #00000014;box-shadow:var(--base-shadow-hover);transform:translateY(-1px)}.bwsm-card.card-personal .field-item .bwsm-value-text{background:#0f172a0d;background:var(--time-bg);border-radius:6px;color:#334155;color:var(--time-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-family:var(--time-font);font-weight:600;padding:.4rem .6rem;transition:all .3s ease}.bwsm-type-badge{border:1px solid #e2e8f0;border:1px solid var(--base-border);border-radius:8px;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .75rem;text-align:center;transition:all .3s ease}.bwsm-type-badge.CONVERTED{background:#d1fae5;background:var(--success-bg);border-color:#22c55e4d;border-color:var(--success-border);color:#065f46;color:var(--success-text)}.bwsm-type-badge.LOST{background:#fee2e2;background:var(--error-bg);border-color:#ef44444d;border-color:var(--error-border);color:#b91c1c;color:var(--error-text)}.bwsm-primary-badge{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--secondary-bg);border:1px solid #0369a1;border:1px solid var(--secondary-text);border-radius:8px;color:#0369a1;color:var(--secondary-text);display:inline-flex;font-size:.7rem;font-weight:700;gap:.25rem;letter-spacing:.05em;padding:.2rem .5rem}.bwsm-primary-badge .material-symbols-rounded{font-size:.9rem}.custom-dropdown-wrapper.bwsm-edit-input{background-color:#fff;background-color:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--base-border);border-radius:.6rem;color:#1e293b;color:var(--field-value-text);font-family:inherit;font-size:.92rem;min-height:36px;padding:.25rem .75rem;transition:all .3s ease}.custom-dropdown-wrapper.bwsm-edit-input:focus{border-color:#3b82f6;border-color:var(--field-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;box-shadow:var(--field-input-focus-shadow);transform:scale(1.02)}.MuiInputBase-root{backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;background:#fff!important;background:var(--card-bg)!important;border:1px solid #e2e8f0!important;border:1px solid var(--base-border)!important;border-radius:.6rem!important;box-shadow:inset 0 1px 4px #00000014!important;color:#1e293b!important;color:var(--field-value-text)!important;font-size:.92rem!important;padding:0!important;transition:all .3s ease!important}.MuiOutlinedInput-input{padding:.55rem .75rem!important}.MuiOutlinedInput-notchedOutline{border:none!important}.Mui-focused .MuiInputBase-root{background:#fff!important;background:var(--card-bg)!important;border-color:#3b82f6!important;border-color:var(--field-input-focus-border)!important;box-shadow:inset 0 1px 4px #0000001f,0 0 0 2px 0 0 0 3px #3b82f61a!important;box-shadow:inset 0 1px 4px #0000001f,0 0 0 2px var(--field-input-focus-shadow)!important;transform:scale(1.005)}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@media (max-width:1200px){.bws-schedule-card{margin-bottom:1rem}.bwsm-tabbar{flex-wrap:wrap;gap:.5rem}.field-group{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:.5rem}}@media (max-width:768px){.bws-container{padding:1rem}.bws-page-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem}.bws-header-actions{justify-content:stretch;width:100%}.bws-btn-add-schedule,.bws-btn-refresh{flex:1 1}.bws-controls-section{align-items:stretch;flex-direction:column}.bws-search-container{max-width:100%;min-width:auto}.bws-filters-container{justify-content:stretch}.field-group{gap:1rem}.checkbox-grid,.field-group,.form-grid{grid-template-columns:1fr}.modal{border-radius:12px;margin:1rem;max-height:calc(100vh - 2rem)}.modal-large{max-width:100%}.bws-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.bws-card-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.working-days-display{gap:.25rem;justify-content:center}.day-display{min-width:45px;padding:.4rem .6rem}.bwsm-tab{font-size:.85rem;padding:.6rem 1rem}.bwsm-card{border-radius:12px;padding:1rem}.bwsm-card h4{font-size:1rem;margin-bottom:1rem}}@media (max-width:480px){.bws-current-year-indicator{font-size:.7rem;margin-left:.5rem;margin-top:.25rem;padding:.2rem .6rem}.day-display{font-size:.75rem;min-width:40px;padding:.3rem .5rem}.day-name{font-size:.65rem}.bwsm-card.card-personal .field-group{grid-template-columns:1fr}}.bws-btn-add-schedule:focus-visible,.bws-btn-refresh:focus-visible,.bwsm-details-md3-btn:focus-visible,.bwsm-tab:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--field-input-focus-border);outline-offset:2px}@media (prefers-contrast:high){.bws-schedule-card,.bwsm-card,.modal{border-width:2px}.bws-btn-add-schedule,.bws-btn-refresh,.bws-toggle-switch,.bwsm-details-md3-btn,.bwsm-tab{border:2px solid}}@media (prefers-reduced-motion:reduce){.bws-btn-add-schedule,.bws-btn-refresh,.bws-schedule-card,.bws-toggle-switch,.bwsm-card,.bwsm-details-md3-btn,.bwsm-edit-icon-btn,.bwsm-tab{transition:none}.bws-btn-add-schedule:hover,.bws-btn-refresh:hover,.bws-schedule-card:hover,.bwsm-card:hover,.bwsm-details-md3-btn:hover{transform:none}.bws-current-year-indicator{animation:none}.bws-loading-spinner{animation:none;border-top-color:#064e3b;border-top-color:var(--primary-text)}}@media print{.bws-card-actions,.bws-controls-section,.bws-header-actions,.modal-overlay,.personal-action-buttons{display:none!important}.bws-schedule-card,.bwsm-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.bws-container{padding:1rem}.bws-page-header{border-radius:0}}.confirmation-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:9999}.confirmation-dialog{animation:fadeInScale .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--base-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);max-width:500px;overflow:hidden;width:100%}.confirmation-dialog-header{align-items:center;background:#fff;background:var(--card-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--base-border);display:flex;gap:1rem;padding:2rem 2rem 1rem}.confirmation-dialog-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.confirmation-dialog-icon.danger{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--danger-bg);color:#b91c1c;color:var(--danger-text)}.confirmation-dialog-icon.warning{background:#fef3c7;background:var(--warning-bg);color:#b45309;color:var(--warning-text)}.confirmation-dialog-title{color:#1e293b;color:var(--base-text);font-size:1.3rem;font-weight:600;margin:0}.confirmation-dialog-content{padding:1.5rem 2rem}.confirmation-dialog-message{color:#334155;color:var(--field-label-text);font-size:1rem;line-height:1.5;margin:0}.confirmation-dialog-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--base-border);display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem}.confirmation-dialog-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.confirmation-dialog-btn.danger{background:linear-gradient(135deg,#fee2e2,#fff1f2);background:var(--danger-bg);color:#b91c1c;color:var(--danger-text)}.confirmation-dialog-btn.warning{background:#fef3c7;background:var(--warning-bg);color:#b45309;color:var(--warning-text)}.confirmation-dialog-btn.secondary{background:#f1f5f9;background:var(--disabled-bg);border:2px solid #e2e8f0;border:2px solid var(--base-border);color:#1e293b;color:var(--base-text)}.confirmation-dialog-btn:hover{box-shadow:0 8px 20px #00000014;box-shadow:var(--base-shadow-hover);transform:translateY(-2px)}.readonly-time-field{align-items:center;display:flex;position:relative}.readonly-time-field input{background:#fff!important;background:var(--card-bg)!important;cursor:not-allowed;padding-right:2.5rem!important}.readonly-icon{color:#64748b;color:var(--field-edit-icon-color);font-size:.9rem;opacity:.7;position:absolute;right:.75rem}.readonly-working-days{background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--base-border);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.readonly-note{align-items:center;background:#9ca3af1a;border:1px solid #9ca3af33;border-radius:8px;display:flex;font-size:.85rem;font-style:italic;gap:.5rem;padding:.75rem 1rem}.readonly-note,.readonly-note .lock-icon{color:#64748b;color:var(--field-edit-icon-color)}.readonly-note .lock-icon{font-size:.9rem;opacity:.8}.bws-working-time{align-items:center;background:#fff;background:var(--card-bg);border-radius:8px;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.bws-time-label{color:#334155;color:var(--field-label-text);font-weight:600}.bws-time-value{background:#0f172a0d;background:var(--time-bg);border-radius:4px;color:#334155;color:var(--time-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-family:var(--time-font);font-weight:600;padding:.25rem .5rem}.calculated-field{display:flex;flex-direction:column;gap:.5rem}.field-note{color:#64748b;color:var(--field-edit-icon-color);font-size:.75rem;font-style:italic;line-height:1.3}.bwsm-icon-btn{align-items:center;background:#f1f5f9;background:var(--disabled-bg);border:1px solid #e2e8f0;border:1px solid var(--base-border);border-radius:8px;color:#1e293b;color:var(--base-text);cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .3s ease}.bwsm-icon-btn:hover{background:#00000008;background:var(--field-value-hover-bg);box-shadow:0 8px 20px #00000014;box-shadow:var(--base-shadow-hover);color:#064e3b;color:var(--primary-text)}.bws-schedules-container::-webkit-scrollbar,.bwsm-tab-content::-webkit-scrollbar,.modal-form::-webkit-scrollbar{width:6px}.bws-schedules-container::-webkit-scrollbar-track,.bwsm-tab-content::-webkit-scrollbar-track,.modal-form::-webkit-scrollbar-track{background:#0000;background:var(--scrollbar-track)}.bws-schedules-container::-webkit-scrollbar-thumb,.bwsm-tab-content::-webkit-scrollbar-thumb,.modal-form::-webkit-scrollbar-thumb{background:#94a3b899;background:var(--scrollbar-thumb);border-radius:3px}.bws-schedules-container::-webkit-scrollbar-thumb:hover,.bwsm-tab-content::-webkit-scrollbar-thumb:hover,.modal-form::-webkit-scrollbar-thumb:hover{background:#0f172a;background:var(--field-edit-icon-hover-color)}@media (max-width:600px){.bulk-session-fields{grid-template-columns:1fr}.section-header-with-actions{align-items:flex-start;flex-direction:column;gap:1rem}.add-session-btn{justify-content:center;width:100%}.confirmation-dialog{margin:1rem;max-height:calc(100vh - 2rem)}.confirmation-dialog-header{padding:1.5rem}.confirmation-dialog-content{padding:1rem 1.5rem}.confirmation-dialog-actions{flex-direction:column-reverse;padding:1rem 1.5rem 1.5rem}.confirmation-dialog-btn{justify-content:center;width:100%}}[data-theme=dark] .bulk-session-row{background:#fff;background:var(--card-bg);border-color:#e2e8f0;border-color:var(--base-border)}[data-theme=dark] .section-note{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--secondary-bg);border-color:#0369a1;border-color:var(--secondary-text);color:#0369a1;color:var(--secondary-text)}[data-theme=dark] .readonly-working-days{background:#fff;background:var(--card-bg)}[data-theme=dark] .readonly-note{background:#6b72801a;border-color:#6b728033}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.font-mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-family:var(--time-font)}.font-bold{font-weight:600}.font-semibold{font-weight:500}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.sessions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:.5rem}.session-card{animation:fadeInUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--base-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);padding:1.5rem;transition:all .3s ease}.session-card:hover{box-shadow:0 8px 20px #00000014;box-shadow:var(--base-shadow-hover);transform:translateY(-2px)}.session-card.inactive{opacity:.7}.session-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.session-title-section{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.session-number-badge{align-items:center;border-radius:50%;box-shadow:0 6px 20px #0000000d;box-shadow:var(--base-shadow);color:#064e3b;color:var(--primary-text);display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;transition:all .3s ease;width:48px}.session-number-badge,[data-theme=dark] .session-number-badge{background:linear-gradient(135deg,#bbf7d0,#4ade80);background:var(--primary-bg)}[data-theme=dark] .session-number-badge{color:#000}.session-info{flex:1 1}.session-type{color:#1e293b;color:var(--base-text);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .75rem;transition:color .3s ease}.session-badges{display:flex;flex-wrap:wrap;gap:.5rem}.session-card .badge{border-radius:8px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.session-card .badge.optional{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--secondary-bg);border:1px solid #0369a1;border:1px solid var(--secondary-text);color:#0369a1;color:var(--secondary-text)}.session-card .badge.active{background:#d1fae5;background:var(--success-bg);border:1px solid #22c55e4d;border:1px solid var(--success-border);color:#065f46;color:var(--success-text)}.session-card .badge.inactive{background:#fee2e2;background:var(--error-bg);border:1px solid #ef44444d;border:1px solid var(--error-border);color:#b91c1c;color:var(--error-text)}.session-actions{display:flex;flex-shrink:0;gap:.5rem}.session-card .btn-delete-action,.session-card .btn-edit-action{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.session-card .btn-edit-action{background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--secondary-bg);border:2px solid #e2e8f0;border:2px solid var(--base-border);color:#0369a1;color:var(--secondary-text)}.session-card .btn-edit-action:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#064e3b;border-color:var(--primary-text);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}[data-theme=dark] .session-card .btn-edit-action{background:var(--btn-secondary-bg);border:2px solid var(--btn-secondary-border);color:var(--btn-secondary-text)}[data-theme=dark] .session-card .btn-edit-action:hover{background:#404040cc;border-color:#00f2fe}.session-card .btn-delete-action{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.session-card .btn-delete-action:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.session-card-content{display:flex;flex-direction:column;gap:1rem}.session-time{align-items:flex-start;background:#00000005;border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}[data-theme=dark] .session-time{background:#ffffff05}.session-time .material-symbols-rounded{color:#64748b;color:var(--field-edit-icon-color);flex-shrink:0;font-size:1.2rem;margin-top:.2rem}.time-info{flex-direction:column;gap:.25rem}.time-range{background:#0f172a0d;background:var(--time-bg);border-radius:6px;color:var(--base-text);color:#334155;color:var(--time-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-family:var(--time-font);font-size:1rem;padding:.4rem .6rem;transition:all .3s ease}.duration{color:#64748b;color:var(--field-edit-icon-color);font-size:.85rem;font-weight:500}.session-note,.session-sequence{align-items:flex-start;color:#1e293b;color:var(--field-value-text);display:flex;font-size:.9rem;gap:.75rem;transition:color .3s ease}.session-note .material-symbols-rounded,.session-sequence .material-symbols-rounded{color:#64748b;color:var(--field-edit-icon-color);flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.session-sequence{font-weight:500}.session-note{background:#00000005;border-left:3px solid #064e3b;border-left:3px solid var(--primary-text);border-radius:8px;font-style:italic;line-height:1.4;padding:.75rem}[data-theme=dark] .session-note{background:#ffffff05;border-left-color:#00f2fe}@media (max-width:768px){.sessions-grid{gap:1rem;grid-template-columns:1fr}.session-card{border-radius:12px;padding:1rem}.session-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.session-title-section{width:100%}.session-actions{justify-content:flex-end;width:100%}.session-number-badge{font-size:1rem;height:40px;width:40px}.session-type{font-size:1.1rem}.session-badges{align-items:flex-start;flex-direction:row}}@media (max-width:480px){.session-card{padding:.75rem}.session-number-badge{font-size:.9rem;height:36px;width:36px}.session-type{font-size:1rem}.session-card .btn-delete-action,.session-card .btn-edit-action{font-size:.8rem;height:36px;width:36px}.time-range{font-size:.9rem;padding:.3rem .5rem}.session-note,.session-time{padding:.5rem}}.session-summary-header{align-items:center;display:flex;justify-content:space-between;position:relative;transition:all .3s ease}.session-summary-header:hover{color:#064e3b;color:var(--primary-text);transform:translateX(2px)}.session-summary-header .toggle-icon{color:#64748b;color:var(--field-edit-icon-color);font-size:1.5rem;margin-left:auto;transition:transform .3s ease}.session-summary-header:hover .toggle-icon{color:#064e3b;color:var(--primary-text)}.session-summary-content{overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.session-summary-content.visible{margin-top:1rem;max-height:500px;opacity:1}.session-summary-content.hidden{margin-top:0;max-height:0;opacity:0}.session-summary-content.visible .field-group{animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.session-summary-header .toggle-icon{font-size:1.3rem}}.bws-card-header h3{align-items:center;border-bottom:2px solid #0000;color:#1e293b;color:var(--base-text);display:flex;flex-wrap:wrap;font-size:1.25rem;font-weight:600;gap:.75rem;line-height:1.4;margin:0;min-height:2rem;padding:.5rem 0;position:relative;transition:all .3s ease}.bws-card-header h3:hover{color:#064e3b;color:var(--primary-text);transform:translateX(2px)}.bws-card-header h3:before{background:linear-gradient(135deg,#0000,#3b82f60d,#0000);border-radius:8px;bottom:0;content:"";left:-1rem;opacity:0;position:absolute;right:-1rem;top:0;transition:opacity .3s ease;z-index:-1}.bws-card-header h3:hover:before{opacity:1}[data-theme=dark] .bws-card-header h3:before{background:linear-gradient(135deg,#0000,#00f2fe14,#0000)}.bws-schedule-card.current-year .bws-card-header h3{color:#064e3b;color:var(--primary-text);font-weight:700;text-shadow:0 1px 2px #0000001a}[data-theme=dark] .bws-schedule-card.current-year .bws-card-header h3{color:#00f2fe;text-shadow:0 0 8px #00f2fe4d}.bws-schedule-card.inactive .bws-card-header h3{color:#94a3b8;color:var(--disabled-text);opacity:.7}.bws-card-header h3:first-letter{color:#064e3b;color:var(--primary-text);font-size:1.1em;font-weight:700}[data-theme=dark] .bws-card-header h3:first-letter{color:#00f2fe}.bws-card-header h3 .bws-current-year-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;box-shadow:0 2px 4px #0000001a;flex-shrink:0;font-weight:600;margin-left:0;transition:all .3s ease}.bws-card-header h3 .bws-current-year-indicator:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.bws-card-header h3 .bws-current-year-indicator:first-of-type{animation:gentle-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-color:#047857;color:#fff}[data-theme=dark] .bws-card-header h3 .bws-current-year-indicator:first-of-type{background:linear-gradient(135deg,#0f8,#00cc6a);border-color:#0f8;color:#000}@keyframes gentle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@media (max-width:768px){.bws-card-header h3{align-items:flex-start;flex-direction:column;font-size:1.1rem;gap:.5rem;min-height:auto;padding:.25rem 0}.bws-card-header h3:before{left:-.5rem;right:-.5rem}.bws-card-header h3 .bws-current-year-indicator{font-size:.7rem;padding:.2rem .6rem}}.bws-card-header h3:focus-visible{border-radius:4px;outline:2px solid #064e3b;outline:2px solid var(--primary-text);outline-offset:4px}.no-time-available{align-items:center;background:#fef3c7;background:var(--warning-bg);border:2px dashed #b45309;border:2px dashed var(--warning-text);border-radius:12px;color:#b45309;color:var(--warning-text);display:flex;font-size:.9rem;font-weight:500;gap:.75rem;justify-content:center;padding:1rem;text-align:center;transition:all .3s ease}.no-time-available .material-symbols-rounded{font-size:1.2rem;opacity:.8}.session-number-input{font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-weight:600!important;letter-spacing:1px!important;text-align:center!important;text-transform:uppercase!important}.duration-display{align-items:center;background:#d1fae5;background:var(--success-bg);border:1px solid #22c55e4d;border:1px solid var(--success-border);border-radius:8px;color:#065f46;color:var(--success-text);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}.duration-display .material-symbols-rounded{font-size:1rem}.duration-display.no-duration{background:#f1f5f9;background:var(--disabled-bg);border-color:#e2e8f0;border-color:var(--base-border);color:#94a3b8;color:var(--disabled-text)}.toggle-switch-container{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}.toggle-switch-container.disabled{opacity:.7}.toggle-switch-label{color:#374151;color:var(--wdcm-text-secondary);font-size:.9rem;font-weight:600;margin:0}.toggle-switch-wrapper{align-items:center;display:flex;gap:.75rem}.toggle-switch{border:none;border-radius:14px;cursor:pointer;height:28px;outline:none;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.toggle-switch:not(.disabled){background:#e2e8f0;background:var(--wdcm-toggle-bg-inactive);box-shadow:0 2px 4px #0000001a;box-shadow:var(--wdcm-toggle-shadow)}.toggle-switch.active:not(.disabled){background:#8b5cf6;background:var(--wdcm-toggle-bg-active)}.toggle-switch.disabled{background:#f1f5f9;background:var(--wdcm-toggle-disabled-bg);cursor:not-allowed}.toggle-switch:focus:not(.disabled){box-shadow:0 0 0 3px #8b5cf633;box-shadow:var(--wdcm-toggle-shadow-focus)}.toggle-slider{align-items:center;background:#fff;background:var(--wdcm-toggle-slider-bg);border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;font-size:.7rem;height:24px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.toggle-slider.active{transform:translateX(24px)}.toggle-slider svg{height:10px;width:10px}.toggle-slider.active svg{color:#8b5cf6;color:var(--wdcm-toggle-bg-active)}.toggle-slider.inactive svg{color:#ef4444}.toggle-lock-icon{color:#94a3b8;color:var(--wdcm-toggle-disabled-text);font-size:.9rem}.controls-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.wdcm-search-container{flex:1 1;max-width:400px;min-width:250px;position:relative}.search-icon{color:#6b7280;color:var(--wdcm-text-muted);z-index:2}.search-input{background:#fffc;background:var(--wdcm-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--wdcm-form-input-border);border-radius:12px;color:var(--wdcm-text-primary);outline:none;padding:.75rem 1rem .75rem 3rem;transition:all .3s ease}.search-input:focus{border-color:#8b5cf6;border-color:var(--wdcm-form-input-focus-border);box-shadow:0 0 0 3px #8b5cf61a;box-shadow:var(--wdcm-form-input-focus-shadow)}.filters-container{display:flex;flex-wrap:wrap;gap:1rem}.filter-dropdown{min-width:150px}.configs-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:1rem}.config-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--wdcm-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--wdcm-card-border);border-radius:12px;box-shadow:0 4px 16px #0000000d;box-shadow:var(--wdcm-card-shadow);padding:.9rem;transition:all .3s ease}.config-card:hover{box-shadow:0 8px 24px #00000014;box-shadow:var(--wdcm-card-hover-shadow);transform:translateY(-2px)}.config-card.inactive{opacity:.7}.wdcm-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.entity-info{display:flex;flex-direction:column;gap:.5rem}.entity-info h3{color:#1e293b;color:var(--wdcm-text-primary);flex:1 1;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0;transition:color .3s ease}.entity-type{border-radius:8px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.entity-type[data-type=BRANCH]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--wdcm-entity-branch-bg);color:#1e40af;color:var(--wdcm-entity-branch-text)}.entity-type[data-type=COURSE]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--wdcm-entity-course-bg);color:#166534;color:var(--wdcm-entity-course-text)}.wdcm-card-badges{align-items:flex-end;display:flex;flex-direction:row;gap:.5rem}.card-content{margin-bottom:.9rem}.config-info{margin-bottom:1.5rem}.info-item{color:#374151;color:var(--wdcm-text-secondary);font-size:.9rem;gap:.75rem;margin-bottom:.75rem}.info-icon,.info-item{transition:color .3s ease}.info-icon{color:#8b5cf6;color:var(--wdcm-info-icon-color)}.working-days{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--wdcm-working-days-bg);border:1px solid #8b5cf633;border:1px solid var(--wdcm-working-days-border);border-radius:12px;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease}.working-days h4{color:#1e293b;color:var(--wdcm-text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem;transition:color .3s ease}.days-display{gap:.5rem;margin-bottom:.75rem}.day-indicator,.days-display{display:flex;justify-content:center}.day-indicator{align-items:center;border:2px solid #0000;border-radius:50%;cursor:help;font-size:.8rem;font-weight:600;height:32px;text-transform:uppercase;transition:all .3s ease;width:32px}.day-indicator.working{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--wdcm-day-working-bg);border-color:#16653433;border-color:var(--wdcm-day-working-border);color:#166534;color:var(--wdcm-day-working-text)}.day-indicator.non-working{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--wdcm-day-non-working-bg);border-color:#991b1b33;border-color:var(--wdcm-day-non-working-border);color:#991b1b;color:var(--wdcm-day-non-working-text)}.days-summary{font-weight:500;margin:0;text-align:center;transition:color .3s ease}.days-summary,.notes{color:#6b7280;color:var(--wdcm-text-muted);font-size:.85rem}.notes{align-items:flex-start;background:#00000005;border-radius:8px;display:flex;font-style:italic;gap:.75rem;padding:.75rem;transition:all .3s ease}[data-theme=dark] .notes{background:#ffffff05}.notes .material-symbols-rounded{flex-shrink:0;font-size:1rem;margin-top:.1rem}.card-actions{display:flex;gap:.5rem;justify-content:flex-end}.badge{border-radius:8px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.badge.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--wdcm-day-working-bg);color:#166534;color:var(--wdcm-day-working-text)}.badge.inactive{background:#f3f4f6;color:#6b7280}[data-theme=dark] .badge.inactive{background:#ffffff1a;color:#d1d5db}.wdcm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.wdcm-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--wdcm-card-bg);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.wdcm-modal-large{max-width:1000px}.wdcm-modal-header{align-items:center;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--wdcm-modal-header-bg);border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--wdcm-card-border);display:flex;justify-content:space-between;padding:1rem}.wdcm-modal-header h2{color:#1e293b;color:var(--wdcm-text-primary);font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:#ffffffe6;background:var(--wdcm-btn-secondary-bg);color:var(--wdcm-text-muted)}.close-btn:hover{background:#fee2e2}.wdcm-modal-form{max-height:calc(90vh - 120px);overflow-y:auto;padding:1rem}.wdc-form-sections{margin-bottom:1rem;max-height:calc(90vh - 200px)}.form-section{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--wdcm-card-border);margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{color:#1e293b;color:var(--wdcm-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem;transition:color .3s ease}.form-grid{grid-gap:.9rem;gap:.9rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.working-days-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field.full-width{grid-column:span 2}.form-field label{color:#374151;color:var(--wdcm-text-secondary);font-size:.9rem;font-weight:600}.form-field label.required:after{color:#ef4444;content:" *"}.form-field input,.form-field textarea{background:#fffc;background:var(--wdcm-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--wdcm-form-input-border);border-radius:12px;color:#1e293b;color:var(--wdcm-text-primary);font-family:inherit;font-size:.95rem;margin-bottom:.5rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.form-field input:focus,.form-field textarea:focus{border-color:#8b5cf6;border-color:var(--wdcm-form-input-focus-border);box-shadow:0 0 0 3px #8b5cf61a;box-shadow:var(--wdcm-form-input-focus-shadow)}.form-field textarea{min-height:80px;resize:vertical}.wdcm-modal-actions{border-top:1px solid #e2e8f0cc;border-top:1px solid var(--wdcm-card-border);display:flex;gap:1rem;justify-content:flex-end;padding:1rem}.error-banner,.success-banner{border-radius:12px;gap:1rem;margin-bottom:1rem;padding:1rem .9rem}.error-banner{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--wdcm-day-non-working-bg);border:1px solid #991b1b;border:1px solid var(--wdcm-day-non-working-text);color:var(--wdcm-day-non-working-text)}.success-banner{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--wdcm-day-working-bg);border:1px solid #166534;border:1px solid var(--wdcm-day-working-text);color:var(--wdcm-day-working-text)}.error-banner .material-symbols-rounded,.success-banner .material-symbols-rounded{font-size:1.25rem}.banner-close-btn{padding:.25rem;transition:background .2s ease}.empty-state,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 1rem;text-align:center}.loading-spinner{border:4px solid #e2e8f0cc;border-top:4px solid linear-gradient(135deg,#8b5cf6,#7c3aed);border:4px solid var(--wdcm-card-border);border-top-color:var(--wdcm-btn-primary-bg);height:40px;margin-bottom:1rem;width:40px}.empty-state .material-symbols-rounded{color:#6b7280;color:var(--wdcm-text-muted)}.empty-state h3{color:var(--wdcm-text-primary);font-size:.9rem;margin-bottom:.5rem}.empty-state p{color:#6b7280;color:var(--wdcm-text-muted)}.config-count-display{align-items:center;background:#fff;background:var(--wdcm-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--wdcm-card-border);border-radius:12px;box-shadow:0 4px 16px #0000000d;box-shadow:var(--wdcm-card-shadow);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.count-label{color:#374151;color:var(--wdcm-text-secondary);font-weight:600}.count-number{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border:1px solid #8b5cf633;border-radius:6px;color:linear-gradient(135deg,#8b5cf6,#7c3aed);color:var(--wdcm-btn-primary-bg);font-size:1.1rem;font-weight:700;padding:.25rem .5rem}[data-theme=dark] .count-number{background:linear-gradient(135deg,#a284ff26,#a284ff0d);border-color:#a284ff4d;color:#a284ff}.count-subtext{color:#6b7280;color:var(--wdcm-text-muted);font-size:.8rem;font-style:italic}@media (max-width:768px){.working-days-management{padding:1rem}.wdcm-page-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:.9rem}.header-actions{flex-wrap:wrap;justify-content:stretch;width:100%}.btn-add-config,.btn-refresh{flex:1 1;font-size:.8rem;min-width:0;padding:.75rem .5rem}.configs-grid{grid-template-columns:1fr}.controls-section{align-items:stretch;flex-direction:column}.wdcm-search-container{max-width:100%;min-width:auto}.filters-container{justify-content:stretch}.filter-dropdown{flex:1 1;min-width:auto}.form-grid,.working-days-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:span 1}.wdcm-modal{margin:1rem;max-height:calc(100vh - 2rem)}.wdcm-modal-large{max-width:100%}.card-actions,.days-display{flex-wrap:wrap}.days-display{justify-content:center}.day-indicator{font-size:.7rem;height:28px;width:28px}.config-info,.working-days{font-size:.9rem}.wdcm-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.wdcm-card-badges{align-items:flex-start;flex-direction:row}}@media (max-width:480px){.header-actions{flex-direction:column;gap:.5rem}.btn-add-config,.btn-refresh{justify-content:center;width:100%}.wdcm-modal-actions{flex-direction:column-reverse;gap:.5rem}.btn-cancel,.btn-submit{justify-content:center;width:100%}.toggle-switch{height:24px;width:44px}.toggle-slider{font-size:.6rem;height:20px;width:20px}.toggle-slider.active{transform:translateX(20px)}.toggle-slider svg{height:8px;width:8px}}:root{--wdcm-page-bg:linear-gradient(135deg,#f9fafb,#fff);--wdcm-text-primary:#1e293b;--wdcm-text-secondary:#374151;--wdcm-text-muted:#6b7280;--wdcm-header-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--wdcm-header-icon-bg:linear-gradient(135deg,#8b5cf6,#7c3aed);--wdcm-header-icon-text:#fff;--wdcm-header-shadow:0 4px 12px #8b5cf626;--wdcm-header-border:#d8b4fe;--wdcm-card-bg:#fff;--wdcm-modal-header-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--wdcm-card-border:#e2e8f0cc;--wdcm-card-shadow:0 4px 16px #0000000d;--wdcm-card-hover-shadow:0 8px 24px #00000014;--wdcm-btn-primary-bg:linear-gradient(135deg,#8b5cf6,#7c3aed);--wdcm-btn-primary-text:#fff;--wdcm-btn-primary-shadow:0 4px 12px #8b5cf64d;--wdcm-btn-secondary-bg:#ffffffe6;--wdcm-btn-secondary-text:#374151;--wdcm-btn-secondary-border:#e5e7eb;--wdcm-entity-branch-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--wdcm-entity-branch-text:#1e40af;--wdcm-entity-course-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--wdcm-entity-course-text:#166534;--wdcm-day-working-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--wdcm-day-working-text:#166534;--wdcm-day-working-border:#16653433;--wdcm-day-non-working-bg:linear-gradient(135deg,#fee2e2,#fecaca);--wdcm-day-non-working-text:#991b1b;--wdcm-day-non-working-border:#991b1b33;--wdcm-form-input-bg:#fffc;--wdcm-form-input-border:#e2e8f0cc;--wdcm-form-input-focus-border:#8b5cf6;--wdcm-form-input-focus-shadow:0 0 0 3px #8b5cf61a;--wdcm-info-icon-color:#8b5cf6;--wdcm-working-days-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--wdcm-working-days-border:#8b5cf633;--wdcm-toggle-bg-inactive:#e2e8f0;--wdcm-toggle-bg-active:#8b5cf6;--wdcm-toggle-slider-bg:#fff;--wdcm-toggle-shadow:0 2px 4px #0000001a;--wdcm-toggle-shadow-focus:0 0 0 3px #8b5cf633;--wdcm-toggle-disabled-bg:#f1f5f9;--wdcm-toggle-disabled-text:#94a3b8}[data-theme=dark]{--wdcm-page-bg:#1a1a1af2;--wdcm-text-primary:#fff;--wdcm-text-secondary:#fff;--wdcm-text-muted:#d1d5db;--wdcm-header-bg:linear-gradient(135deg,#a284ff26,#1a1a1af2);--wdcm-header-icon-bg:linear-gradient(135deg,#a284ff,#9c88ff);--wdcm-header-icon-text:#000;--wdcm-header-shadow:0 4px 12px #a284ff33;--wdcm-header-border:#a284ff4d;--wdcm-card-bg:linear-gradient(135deg,#a284ff26,#1a1a1af2);--wdcm-modal-header-bg:#1a1a1ae6;--wdcm-card-border:#ffffff1a;--wdcm-card-shadow:0 4px 16px #0006;--wdcm-card-hover-shadow:0 8px 24px #0009;--wdcm-btn-primary-bg:linear-gradient(135deg,#a284ff,#9c88ff);--wdcm-btn-primary-text:#000;--wdcm-btn-secondary-bg:#333c;--wdcm-btn-secondary-text:#fff;--wdcm-btn-secondary-border:#fff3;--wdcm-entity-branch-bg:#a284ff33;--wdcm-entity-branch-text:#a284ff;--wdcm-entity-course-bg:#0f83;--wdcm-entity-course-text:#c8e6c9;--wdcm-day-working-bg:#0f83;--wdcm-day-working-text:#c8e6c9;--wdcm-day-working-border:#00ff884d;--wdcm-day-non-working-bg:#f4433633;--wdcm-day-non-working-text:#ffcdd2;--wdcm-day-non-working-border:#f443364d;--wdcm-form-input-bg:#1a1a1acc;--wdcm-form-input-border:#ffffff1a;--wdcm-form-input-focus-border:#a284ff;--wdcm-form-input-focus-shadow:0 0 0 3px #a284ff33;--wdcm-info-icon-color:#a284ff;--wdcm-working-days-bg:#a284ff26;--wdcm-working-days-border:#a284ff4d;--wdcm-toggle-bg-inactive:#374151;--wdcm-toggle-bg-active:#a284ff;--wdcm-toggle-slider-bg:#fff;--wdcm-toggle-shadow:0 2px 4px #0000004d;--wdcm-toggle-shadow-focus:0 0 0 3px #a284ff4d;--wdcm-toggle-disabled-bg:#37415180;--wdcm-toggle-disabled-text:#6b7280}.working-days-management{background:linear-gradient(135deg,#f9fafb,#fff);background:var(--wdcm-page-bg);color:#1e293b;color:var(--wdcm-text-primary);font-family:Google Sans,Poppins,sans-serif;min-height:100vh;padding:1rem;transition:all .3s ease}.wdcm-page-header{align-items:center;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--wdcm-header-bg);border:1px solid #d8b4fe;border:1px solid var(--wdcm-header-border);border-radius:12px;box-shadow:0 4px 12px #8b5cf626;box-shadow:var(--wdcm-header-shadow);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.header-content{gap:.9rem}.header-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:var(--wdcm-header-icon-bg);color:var(--wdcm-header-icon-text);font-size:1rem;height:64px;width:64px}.wdcm-header-text h1{color:#1e293b;color:var(--wdcm-text-primary);font-size:1.5rem;font-weight:700;margin:0;transition:color .3s ease}.wdcm-header-text p{color:#6b7280;color:var(--wdcm-text-muted);font-size:1rem;margin:.5rem 0 0;transition:color .3s ease}.header-actions{flex-wrap:wrap}.btn-add-config,.btn-cancel,.btn-delete-action,.btn-edit-action,.btn-refresh,.btn-submit,.btn-toggle-action{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;outline:none;padding:.75rem .9rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-add-config{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:var(--wdcm-btn-primary-bg);box-shadow:0 4px 12px #8b5cf64d;box-shadow:var(--wdcm-btn-primary-shadow);color:#fff;color:var(--wdcm-btn-primary-text)}.btn-add-config:hover{box-shadow:0 8px 20px #8b5cf666;transform:translateY(-2px)}[data-theme=dark] .btn-add-config:hover{box-shadow:0 8px 20px #a284ff66}.btn-refresh{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.btn-refresh:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:var(--wdcm-btn-primary-bg);box-shadow:0 4px 12px #8b5cf64d;box-shadow:var(--wdcm-btn-primary-shadow);color:#fff;color:var(--wdcm-btn-primary-text)}.btn-submit:hover:not(:disabled){box-shadow:0 8px 20px #8b5cf666;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-cancel{background:#ffffffe6;background:var(--wdcm-btn-secondary-bg);border:2px solid #e5e7eb;border:2px solid var(--wdcm-btn-secondary-border);color:#374151;color:var(--wdcm-btn-secondary-text)}.btn-cancel:hover{background:#f3f4f6;transform:translateY(-1px)}[data-theme=dark] .btn-cancel{background:#ffffffe6;background:var(--wdcm-btn-secondary-bg);border:2px solid #e5e7eb;border:2px solid var(--wdcm-btn-secondary-border);color:#374151;color:var(--wdcm-btn-secondary-text)}[data-theme=dark] .btn-cancel:hover{background:#404040cc}.btn-delete-action,.btn-edit-action,.btn-toggle-action{height:40px;padding:.5rem;width:40px}.btn-edit-action{background:#ffffffe6;background:var(--wdcm-btn-secondary-bg);border:2px solid #e5e7eb;border:2px solid var(--wdcm-btn-secondary-border);color:#374151;color:var(--wdcm-btn-secondary-text)}.btn-edit-action:hover{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.btn-toggle-action{border:2px solid #0000}.btn-toggle-action.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--wdcm-day-working-bg);color:#166534;color:var(--wdcm-day-working-text)}.btn-toggle-action.inactive{background:#f3f4f6;color:#6b7280}[data-theme=dark] .btn-toggle-action.inactive{background:#ffffff1a;color:#d1d5db}.btn-toggle-action:hover{transform:translateY(-1px)}.btn-delete-action{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-delete-action:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}:root{--courses-page-bg:#fff;--courses-page-border:#e2e8f0;--courses-page-shadow:0 1px 6px #0000000d;--courses-table-bg:#fff;--courses-table-shadow:0 2px 6px #0000000d;--courses-table-border:#e2e8f0;--courses-table-header-bg:#f9fafb;--courses-table-header-text:#334155;--courses-table-cell-text:#1e293b;--courses-table-row-hover-bg:#f0f9ff;--courses-table-row-hover-border:#3b82f6;--courses-table-row-hover-shadow:0 6px 18px #0000000f;--courses-scrollbar-thumb:#cbd5e1;--courses-scrollbar-track:#0000;--courses-icon-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--courses-icon-text:#fff;--courses-icon-shadow:0 2px 8px #3b82f640;--courses-code-active-bg:linear-gradient(135deg,#e0f2fe,#f0f9ff);--courses-code-active-text:#0369a1;--courses-code-inactive-bg:linear-gradient(135deg,#fef3c7,#fefce8);--courses-code-inactive-text:#92400e;--courses-code-hover-shadow:0 8px 24px #3b82f626;--courses-inspect-icon-bg:#fff9;--courses-inspect-icon-text:#3b82f6;--courses-inspect-icon-border:#3b82f61a;--courses-inspect-icon-shadow:0 4px 12px #3b82f61a,0 2px 4px #3b82f614;--courses-inspect-icon-hover-shadow:0 6px 14px #3b82f626,0 4px 8px #3b82f61f;--courses-inspect-icon-focus-shadow:0 0 0 3px #3b82f666;--courses-action-menu-bg:#fff;--courses-action-menu-shadow:0 8px 20px #00000014,0 4px 8px #0000000a;--courses-action-item-text:#1e293b;--courses-action-item-hover-bg:linear-gradient(90deg,#f0f9ff,#e0f2fe);--courses-action-item-hover-text:#0f172a;--courses-action-icon-color:#3b82f6;--courses-status-text:#111827;--courses-status-active:#10b981;--courses-status-inactive:#ef4444;--courses-pagination-bg:#f9fafb;--courses-pagination-border:#e5e7eb;--courses-pagination-info-text:#555;--courses-pagination-btn-bg:#fff;--courses-pagination-btn-border:#cbd5e1;--courses-pagination-btn-active-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--courses-pagination-btn-active-text:#fff;--courses-pagination-btn-active-border:#3b82f6;--courses-sort-arrow-default:#9ca3af;--courses-sort-arrow-active:#3b82f6;--courses-error-banner-bg:linear-gradient(135deg,#fef2f2,#fee2e2);--courses-error-banner-text:#991b1b;--courses-error-banner-border:#dc2626;--courses-success-banner-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--courses-success-banner-text:#166534;--courses-success-banner-border:#16a34a;--courses-container-bg:#fff;--courses-container-border:#e2e8f0;--courses-container-shadow:0 1px 6px #0000000d;--courses-filter-text:#333;--courses-icon-color:#3b82f6}[data-theme=dark]{--courses-page-bg:#1a1a1af2;--courses-page-border:#3b82f633;--courses-page-shadow:0 1px 6px #3b82f61a;--courses-table-bg:#333333e6;--courses-table-shadow:0 2px 6px #3b82f61a;--courses-table-border:#3b82f633;--courses-table-header-bg:#1a1a1acc;--courses-table-header-text:#fff;--courses-table-cell-text:#fff;--courses-table-row-hover-bg:#3b82f61a;--courses-table-row-hover-border:#3b82f6;--courses-table-row-hover-shadow:0 6px 18px #3b82f633;--courses-scrollbar-thumb:#3b82f64d;--courses-scrollbar-track:#0000;--courses-icon-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--courses-icon-text:#000;--courses-icon-shadow:0 2px 8px #3b82f64d;--courses-code-active-bg:#3b82f633;--courses-code-active-text:#60a5fa;--courses-code-inactive-bg:#ffc10733;--courses-code-inactive-text:#ffc107;--courses-code-hover-shadow:0 8px 24px #3b82f64d;--courses-inspect-icon-bg:#1a1a1acc;--courses-inspect-icon-text:#60a5fa;--courses-inspect-icon-border:#3b82f633;--courses-inspect-icon-shadow:0 4px 12px #3b82f633;--courses-inspect-icon-hover-shadow:0 6px 14px #3b82f640;--courses-inspect-icon-focus-shadow:0 0 0 3px #3b82f666;--courses-action-menu-bg:#1a1a1af2;--courses-action-menu-shadow:0 8px 20px #0009,0 4px 8px #0006;--courses-action-item-text:#fff;--courses-action-item-hover-bg:#3b82f61a;--courses-action-item-hover-text:#60a5fa;--courses-action-icon-color:#60a5fa;--courses-status-text:#fff;--courses-status-active:#00e676;--courses-status-inactive:#ff5252;--courses-pagination-bg:#1a1a1acc;--courses-pagination-border:#3b82f633;--courses-pagination-info-text:#ccc;--courses-pagination-btn-bg:#333c;--courses-pagination-btn-border:#3b82f64d;--courses-pagination-btn-active-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--courses-pagination-btn-active-text:#000;--courses-pagination-btn-active-border:#3b82f6;--courses-sort-arrow-default:#ccc;--courses-sort-arrow-active:#60a5fa;--courses-error-banner-bg:#f4433626;--courses-error-banner-text:#ffcdd2;--courses-error-banner-border:#f44336;--courses-success-banner-bg:#4caf5026;--courses-success-banner-text:#c8e6c9;--courses-success-banner-border:#4caf50;--courses-container-bg:#1a1a1af2;--courses-container-border:#3b82f633;--courses-container-shadow:0 1px 6px #3b82f61a;--courses-filter-text:#fff;--courses-icon-color:#60a5fa}.courses-page{background:#fff;background:var(--courses-page-bg);border:1px solid #e2e8f0;border:1px solid var(--courses-page-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--courses-page-shadow);display:flex;flex-direction:column;padding-bottom:1rem;transition:all .3s ease}.courses-table-wrapper::-webkit-scrollbar{height:8px}.courses-table-wrapper::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-color:var(--courses-scrollbar-thumb);border-radius:4px}.courses-table table{background:#fff;background:var(--courses-table-bg);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--courses-table-shadow);transition:all .3s ease;width:100%}.courses-table th{background:#f9fafb;background:var(--courses-table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--courses-table-border);color:#334155;color:var(--courses-table-header-text);font-weight:600;letter-spacing:.02em;text-align:left}.courses-table td,.courses-table th{font-size:.9rem;padding:.85rem 1.2rem;transition:all .3s ease}.courses-table td{border:none;color:#1e293b;color:var(--courses-table-cell-text)}.courses-table tbody tr{border-left:4px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000008;display:table-row;overflow:hidden;position:relative;transition:all .3s ease;z-index:1}.courses-table tbody tr:hover{background:#f0f9ff;background:var(--courses-table-row-hover-bg);border-left-color:#3b82f6;border-left-color:var(--courses-table-row-hover-border);box-shadow:0 6px 18px #0000000f;box-shadow:var(--courses-table-row-hover-shadow);transform:translateY(-1px)}.courses-name-with-icon{align-items:center;color:#1e293b;color:var(--courses-table-cell-text);display:flex;font-weight:500;gap:.75rem;transition:color .3s ease}.courses-icon-circle{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--courses-icon-bg);border-radius:50%;box-shadow:0 2px 8px #3b82f640;box-shadow:var(--courses-icon-shadow);color:#fff;color:var(--courses-icon-text);display:flex;font-size:.8rem;font-weight:600;justify-content:center;min-height:32px;min-width:32px;transition:all .3s ease}.courses-table tr:hover .courses-action-buttons{opacity:1}.courses-coursecode-active{background:linear-gradient(135deg,#e0f2fe,#f0f9ff)!important;background:var(--courses-code-active-bg)!important;color:#0369a1;color:var(--courses-code-active-text)}.courses-coursecode-inactive{background:linear-gradient(135deg,#fef3c7,#fefce8)!important;background:var(--courses-code-inactive-bg)!important;color:#92400e;color:var(--courses-code-inactive-text)}.courses-table-container::-webkit-scrollbar{height:8px;width:8px}.courses-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--courses-scrollbar-thumb);border-radius:6px}.courses-table-container::-webkit-scrollbar-track{background:#0000;background:var(--courses-scrollbar-track)}.courses-coursecode-cell{border-radius:10px;color:#1e293b;color:var(--courses-table-cell-text);font-size:.95rem;font-weight:600;overflow:hidden;padding:.5rem 2.5rem .5rem .75rem;position:relative;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:140px}.courses-coursecode-cell:hover{box-shadow:0 8px 24px #3b82f626;box-shadow:var(--courses-code-hover-shadow);transform:translateY(-2px)}.courses-coursecode-cell .courses-inspect-icon{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;background:var(--courses-inspect-icon-bg);border:1px solid #3b82f61a;border:1px solid var(--courses-inspect-icon-border);border-radius:8px;box-shadow:0 4px 12px #3b82f61a,0 2px 4px #3b82f614;box-shadow:var(--courses-inspect-icon-shadow);color:#3b82f6;color:var(--courses-inspect-icon-text);cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;opacity:.85;position:absolute;right:2px;top:8px;transition:all .2s ease;width:24px}.courses-coursecode-cell:hover .courses-inspect-icon{box-shadow:0 6px 14px #3b82f626,0 4px 8px #3b82f61f;box-shadow:var(--courses-inspect-icon-hover-shadow);opacity:1;right:12px;transform:scale(1.05)}.courses-coursecode-cell .courses-inspect-icon:focus{box-shadow:0 0 0 3px #3b82f666;box-shadow:var(--courses-inspect-icon-focus-shadow);outline:none}.courses-filter-left{align-items:center;color:#333;color:var(--courses-filter-text);display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:600;gap:12px;margin:.5rem;transition:color .3s ease}.courses-actions-wrapper{display:inline-block;position:relative}.courses-actions-button{background:none;border:none;color:#1e293b;color:var(--courses-table-cell-text);cursor:pointer;font-size:20px;transition:color .3s ease}.courses-action-menu{animation:fadeScale .2s ease-out forwards;background:#fff;background:var(--courses-action-menu-bg);border-radius:12px;box-shadow:0 8px 20px #00000014,0 4px 8px #0000000a;box-shadow:var(--courses-action-menu-shadow);font-size:.9rem;max-width:200px;min-width:180px;overflow:hidden;padding:4px 0;position:fixed;transform-origin:top right;transition:all .3s ease;z-index:5000}.courses-action-menu div{align-items:center;border-radius:8px;color:#1e293b;color:var(--courses-action-item-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin:2px 6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.courses-action-menu .material-symbols-rounded{color:#3b82f6;color:var(--courses-action-icon-color);font-size:18px;transition:color .3s ease}.courses-action-menu div:hover{background:linear-gradient(90deg,#f0f9ff,#e0f2fe);background:var(--courses-action-item-hover-bg);color:#0f172a;color:var(--courses-action-item-hover-text);padding-left:20px;transform:scale(.98)}.courses-icon{color:#3b82f6;color:var(--courses-icon-color);font-size:1.3rem;transition:color .3s ease}.courses-table-container{background:#fff;background:var(--courses-container-bg);border:1px solid #e2e8f0;border:1px solid var(--courses-container-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--courses-container-shadow);margin:1rem;max-height:calc(100vh - 310px);overflow-y:auto;transition:all .3s ease}.courses-header-section{background:#f9fafb;background:var(--courses-table-header-bg);border-bottom:1px solid var(--courses-table-border);padding:.1rem}.courses-table-scroll-wrapper{overflow-x:auto;overflow-y:visible;position:relative;width:100%}.courses-table{background:#fff;background:var(--courses-table-bg);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--courses-table-shadow);min-width:100%;transition:all .3s ease;width:-webkit-max-content;width:max-content}.courses-table td,.courses-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--courses-table-border);padding:.75rem 1rem;text-align:left;white-space:nowrap}.courses-display-id-sticky,.courses-table td.courses-display-id-sticky,.courses-table th.courses-display-id-sticky{left:0;position:-webkit-sticky;position:sticky;z-index:3}.courses-table td.courses-actions-sticky,.courses-table th.courses-actions-sticky{background:#fff;background:var(--courses-table-bg);box-shadow:-2px 0 6px -1px #0000000d;position:-webkit-sticky;position:sticky;right:0;z-index:2}.courses-table thead{background:#fff;background:var(--courses-table-bg);box-shadow:0 2px 4px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:10}.courses-status-cell{font-family:Poppins,sans-serif;padding:8px 12px;vertical-align:top}.courses-status-wrapper{display:flex;flex-direction:column;font-size:12px;font-weight:500;line-height:1.4}.courses-status-pill{border-radius:999px;color:#fff;display:inline-block;font-size:12px;font-weight:500;line-height:1;padding:4px 12px;text-transform:capitalize}.courses-status-active{background-color:#10b981;background-color:var(--courses-status-active)}.courses-status-inactive{background-color:#ef4444;background-color:var(--courses-status-inactive)}.courses-pagination-wrapper{align-items:center;background:#f9fafb;background:var(--courses-pagination-bg);border-top:1px solid #e5e7eb;border-top:1px solid var(--courses-pagination-border);display:flex;justify-content:space-between;padding:1rem 2rem;transition:all .3s ease}.courses-pagination-info{color:#555;color:var(--courses-pagination-info-text);font-size:15px;transition:color .3s ease}.courses-pagination{display:flex;gap:.5rem}.courses-page-btn{background:#fff;background:var(--courses-pagination-btn-bg);border:1px solid #cbd5e1;border:1px solid var(--courses-pagination-btn-border);border-radius:12px;color:#555;color:var(--courses-pagination-info-text);cursor:pointer;font-weight:500;padding:.45rem .85rem;transition:all .3s ease}.courses-page-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--courses-pagination-btn-active-bg);border-color:#3b82f6;border-color:var(--courses-pagination-btn-active-border);color:#fff;color:var(--courses-pagination-btn-active-text)}.courses-page-btn:disabled{cursor:not-allowed;opacity:.6}.courses-sort-arrow{color:#9ca3af;color:var(--courses-sort-arrow-default);margin-left:8px;transition:color .2s ease}.courses-sort-arrow.active{color:#3b82f6;color:var(--courses-sort-arrow-active)}.courses-error-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);background:var(--courses-error-banner-bg);border-left:4px solid #dc2626;border-left:4px solid var(--courses-error-banner-border);color:#991b1b;color:var(--courses-error-banner-text)}.courses-error-banner,.courses-success-banner{align-items:center;border-radius:8px;display:flex;gap:.5rem;margin:1rem;padding:.75rem 1rem;transition:all .3s ease}.courses-success-banner{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--courses-success-banner-bg);border-left:4px solid #16a34a;border-left:4px solid var(--courses-success-banner-border);color:#166534;color:var(--courses-success-banner-text)}.courses-popup-container-anchor{position:relative}.courses-row-highlight{background:#f0f9ff!important;background:var(--courses-table-row-hover-bg)!important;border-left-color:#3b82f6!important;border-left-color:var(--courses-table-row-hover-border)!important}.courses-course-code-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:2px}@media (max-width:768px){.courses-table table,.courses-table tbody,.courses-table td,.courses-table th,.courses-table thead,.courses-table tr{display:block}.courses-table tr{border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:1.5rem;overflow:hidden}.courses-table td{padding:.75rem 1rem;position:relative}.courses-table td:before{color:#9ca3af;color:var(--courses-sort-arrow-default);content:attr(data-label);font-weight:600;left:1rem;position:absolute;top:.75rem}.courses-table-container{max-width:100%;width:100%}.courses-table{table-layout:fixed;width:100%}}.courses-actions-button:focus,.courses-inspect-icon:focus,.courses-page-btn:focus{outline:2px solid #3b82f6;outline:2px solid var(--courses-sort-arrow-active);outline-offset:2px}@media (prefers-contrast:high){.courses-table tbody tr:hover{background:#f0f9ff;background:var(--courses-table-row-hover-bg);border:2px solid #3b82f6;border:2px solid var(--courses-table-row-hover-border);color:#1e293b;color:var(--courses-table-cell-text)}.courses-status-pill{border:2px solid}}@media (prefers-reduced-motion:reduce){.courses-coursecode-cell,.courses-table tbody tr{animation:none;transition:none}.courses-coursecode-cell:hover,.courses-table tbody tr:hover{transform:none}}.courses-toolbar-wrapper{position:relative;transition:transform .3s ease,opacity .3s ease;z-index:10}@media (max-width:768px){.courses-toolbar-wrapper{background:#0000;position:relative}.courses-toolbar-wrapper.toolbar-hidden{opacity:.3;transform:translateY(-8px)}}.courses-header-section{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cls-table-cell-border,#e2e8f0);display:flex;justify-content:space-between;padding:.75rem 1rem}.courses-view-toggle{background:#f1f5f9;background:var(--courses-view-bg,#f1f5f9);border-radius:8px;display:flex;gap:.25rem;padding:3px}[data-theme=dark] .courses-view-toggle{background:#ffffff14}.courses-view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.courses-view-btn.active{background:#fff;box-shadow:0 1px 4px #0000001f;color:#3b82f6}[data-theme=dark] .courses-view-btn.active{background:#3b82f62e;color:#93c5fd}@media (max-width:1024px){.courses-view-toggle{display:none}}.courses-table-container.card-view-mode{max-height:none;overflow-y:visible}.courses-cards-grid{grid-gap:1.25rem;animation:fadeInCourseCards .3s ease;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem}@keyframes fadeInCourseCards{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.course-card{background:var(--cls-table-bg,#fff);border:1px solid var(--cls-table-cell-border,#e2e8f0);border-radius:16px;box-shadow:0 1px 6px #0000000f;overflow:hidden;padding:1.25rem;transition:all .25s ease}.course-card:before{background:linear-gradient(90deg,#3b82f6,#6366f1);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.course-card:hover:before{transform:scaleX(1)}.course-card:hover{border-color:#93c5fd;box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.course-card.card-highlight{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f62e}.course-card-inactive:before{background:linear-gradient(90deg,#94a3b8,#64748b)}.course-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cls-table-cell-border,#e2e8f0);display:flex;flex-direction:row;flex-wrap:nowrap;gap:.6rem;margin-bottom:1rem;min-width:0;padding-bottom:.875rem}.course-card-avatar{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;color:#1d4ed8;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:40px;justify-content:center;letter-spacing:-.5px;min-width:40px;width:40px}[data-theme=dark] .course-card-avatar{background:#3b82f62e;color:#93c5fd}.course-card-title{flex:1 1;min-width:0;overflow:hidden}.course-card-title h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:600;margin:0 0 2px}.course-card-id,.course-card-title h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-card-id{font-family:monospace;font-size:.72rem;margin:0}.course-card-actions-btn,.course-card-id{color:#64748b;color:var(--text-secondary,#64748b)}.course-card-actions-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;min-width:28px;padding:0;transition:background .2s;width:28px}.course-card-actions-btn:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9);color:#3b82f6}.course-card-body{display:flex;flex-direction:column;gap:.75rem}.course-card-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.course-card-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;padding:2px 8px}.course-card-badge.mandatory{background:#dbeafe;color:#1d4ed8}.course-card-badge.elective{background:#d1fae5;color:#065f46}[data-theme=dark] .course-card-badge.mandatory{background:#3b82f62e;color:#93c5fd}[data-theme=dark] .course-card-badge.elective{background:#10b9812e;color:#6ee7b7}.course-card-fields{grid-gap:.5rem .75rem;display:grid;gap:.5rem .75rem;grid-template-columns:repeat(2,1fr)}.course-card-field{align-items:flex-start;display:flex;gap:.4rem;min-width:0}.course-card-field-full{grid-column:1/-1}.course-card-field .field-icon{color:#3b82f6;flex-shrink:0;font-size:.95rem;margin-top:1px}.course-card-field .field-content{display:flex;flex-direction:column;min-width:0}.course-card-field .field-content label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.course-card-field .field-content span{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .course-card-field .field-content span{color:#e2e8f0}@media (max-width:1024px){.courses-cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.courses-cards-grid{gap:.75rem;grid-template-columns:1fr;padding:.75rem}.courses-table-container.card-view-mode{border-radius:0}.course-card-fields{grid-template-columns:repeat(2,1fr)}.course-card{padding:.875rem}.courses-pagination-wrapper{align-items:center;flex-direction:column;gap:.5rem;padding:.75rem}}@media (max-width:480px){.courses-cards-grid{gap:.625rem;padding:.5rem}.course-card{padding:.75rem}.course-card-fields{gap:.3rem .4rem;grid-template-columns:repeat(2,1fr)}.course-card-avatar{font-size:.75rem;height:34px;min-width:34px;width:34px}}:root{--courses-toolbar-bg:linear-gradient(135deg,#f0f9ff,#f8fafc);--courses-toolbar-shadow:0 4px 20px #0000000d;--courses-filter-toggle-bg:linear-gradient(135deg,#e0f2fe,#f0f9ff);--courses-filter-toggle-bg-hover:linear-gradient(135deg,#bae6fd,#e0f2fe);--courses-filter-toggle-border:#60a5fa;--courses-filter-toggle-border-hover:#3b82f6;--courses-filter-toggle-color:#1e40af;--courses-filter-toggle-shadow:0 2px 5px #1e40af1a;--courses-filter-toggle-shadow-hover:0 4px 10px #1e40af1f;--courses-filter-badge-bg:#facc15;--courses-filter-badge-color:#111827;--courses-filter-badge-border:#fff;--courses-search-bar-bg:linear-gradient(135deg,#f0f9ff,#f8fafc);--courses-search-bar-bg-focus:linear-gradient(135deg,#e0f2fe,#f0f9ff);--courses-search-bar-border:#bae6fd;--courses-search-bar-border-focus:#3b82f6;--courses-search-bar-shadow:0 1px 4px #3b82f61a;--courses-search-bar-shadow-focus:0 0 0 2px #3b82f6;--courses-search-bar-text:#1e40af;--courses-search-icon-color:#3b82f6;--courses-icon-btn-bg:#fff;--courses-icon-btn-border:#ffffff40;--courses-icon-btn-shadow:0 4px 12px #0000001a;--courses-icon-btn-shadow-hover:0 4px 12px #0000001f;--courses-icon-green-bg:linear-gradient(135deg,#6ee7b7,#a7f3d0);--courses-icon-green-color:#022c22;--courses-icon-purple-bg:linear-gradient(135deg,#a5b4fc,#c7d2fe);--courses-icon-purple-color:#3b0a73;--courses-icon-clear-bg:linear-gradient(135deg,#fda4af,#fecdd3);--courses-icon-clear-color:#83112b;--courses-icon-pink-bg:linear-gradient(135deg,#f9a8d4,#fbcfe8);--courses-icon-pink-color:#701a3f;--courses-tooltip-bg:#111827e6;--courses-tooltip-color:#fff;--courses-tooltip-arrow-color:#111827e6}[data-theme=dark]{--courses-toolbar-bg:linear-gradient(135deg,#1a1a1ae6,#333c);--courses-toolbar-shadow:0 4px 20px #0006;--courses-filter-toggle-bg:linear-gradient(135deg,#3b82f626,#3b82f61a);--courses-filter-toggle-bg-hover:linear-gradient(135deg,#3b82f633,#3b82f626);--courses-filter-toggle-border:#3b82f64d;--courses-filter-toggle-border-hover:#3b82f666;--courses-filter-toggle-color:#60a5fa;--courses-filter-toggle-shadow:0 2px 5px #3b82f626;--courses-filter-toggle-shadow-hover:0 4px 10px #3b82f633;--courses-filter-badge-bg:#ff9f0a;--courses-filter-badge-color:#000;--courses-filter-badge-border:#1a1a1acc;--courses-search-bar-bg:linear-gradient(135deg,#3b82f61a,#1a1a1acc);--courses-search-bar-bg-focus:linear-gradient(135deg,#3b82f626,#333c);--courses-search-bar-border:#3b82f633;--courses-search-bar-border-focus:#3b82f666;--courses-search-bar-shadow:0 1px 4px #3b82f61a;--courses-search-bar-shadow-focus:0 0 0 2px #3b82f64d;--courses-search-bar-text:#fff;--courses-search-icon-color:#60a5fa;--courses-icon-btn-bg:#1a1a1acc;--courses-icon-btn-border:#ffffff1a;--courses-icon-btn-shadow:0 4px 12px #0000004d;--courses-icon-btn-shadow-hover:0 4px 12px #0006;--courses-icon-green-bg:linear-gradient(135deg,#4caf5033,#4caf5026);--courses-icon-green-color:#4caf50;--courses-icon-purple-bg:linear-gradient(135deg,#9c27b033,#9c27b026);--courses-icon-purple-color:#e1bee7;--courses-icon-clear-bg:linear-gradient(135deg,#ff3b3033,#ff3b3026);--courses-icon-clear-color:#ff3b30;--courses-icon-pink-bg:linear-gradient(135deg,#ff149333,#ff149326);--courses-icon-pink-color:#ff1493;--courses-tooltip-bg:#1a1a1af2;--courses-tooltip-color:#fff;--courses-tooltip-arrow-color:#1a1a1af2}.courses-instyte-toolbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#f0f9ff,#f8fafc);background:var(--courses-toolbar-bg);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000000d;box-shadow:var(--courses-toolbar-shadow);font-family:Poppins,sans-serif;padding:.5rem 1rem;position:relative;transition:all .3s ease;z-index:5}.courses-toolbar-left{gap:1rem}.courses-toolbar-actions{overflow:visible;padding-left:1rem;position:relative}.courses-filter-toggle-btn{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(135deg,#e0f2fe,#f0f9ff);background:var(--courses-filter-toggle-bg);border:1px solid #60a5fa;border:1px solid var(--courses-filter-toggle-border);border-radius:24px;box-shadow:0 2px 5px #1e40af1a;box-shadow:var(--courses-filter-toggle-shadow);color:#1e40af;color:var(--courses-filter-toggle-color);font-size:.9rem;gap:.4rem;padding:.45rem 1.1rem}.courses-filter-toggle-btn:hover{background:linear-gradient(135deg,#bae6fd,#e0f2fe);background:var(--courses-filter-toggle-bg-hover);border-color:#3b82f6;border-color:var(--courses-filter-toggle-border-hover);box-shadow:0 4px 10px #1e40af1f;box-shadow:var(--courses-filter-toggle-shadow-hover)}.courses-filter-badge{background:#facc15;background:var(--courses-filter-badge-bg);border:1px solid #fff;border:1px solid var(--courses-filter-badge-border);border-radius:999px;box-shadow:0 0 0 2px #fffc;color:#111827;color:var(--courses-filter-badge-color);font-size:.65rem;font-weight:700;height:4px;padding:2px 5px;right:6px;top:4px;transition:all .3s ease;width:14px}[data-theme=dark] .courses-filter-badge{box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--courses-filter-badge-border)}.courses-filter-panel{animation:coursesFadeIn .25s ease;gap:.6rem;overflow:visible!important;position:relative;z-index:0}.courses-filter-panel>*{animation:coursesFilterFadeIn .4s ease forwards;opacity:0;transform:translateY(10px)}.courses-filter-panel>:first-child{animation-delay:.05s}.courses-filter-panel>:nth-child(2){animation-delay:.1s}.courses-filter-panel>:nth-child(3){animation-delay:.15s}.courses-filter-panel>:nth-child(4){animation-delay:.2s}.courses-filter-panel>:nth-child(5){animation-delay:.25s}.courses-filter-panel>:nth-child(6){animation-delay:.3s}.courses-search-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f0f9ff,#f8fafc);background:var(--courses-search-bar-bg);border:1px solid #bae6fd;border:1px solid var(--courses-search-bar-border);border-radius:24px;box-shadow:0 1px 4px #3b82f61a;box-shadow:var(--courses-search-bar-shadow);padding:0 .75rem;transition:all .3s ease;width:200px}.courses-search-bar:focus-within{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);background:var(--courses-search-bar-bg-focus);border-color:#3b82f6;border-color:var(--courses-search-bar-border-focus);box-shadow:0 0 0 2px #3b82f6;box-shadow:var(--courses-search-bar-shadow-focus);width:320px}.courses-search-bar input{color:#1e40af;color:var(--courses-search-bar-text);font-size:.95rem;padding:.5rem .4rem;transition:color .3s ease}.courses-search-bar input::placeholder{color:#1e40af;color:var(--courses-search-bar-text);opacity:.7}.courses-search-icon{color:#3b82f6;color:var(--courses-search-icon-color);font-size:1.2rem;margin-right:6px;transition:color .3s ease}.courses-icon-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff;background:var(--courses-icon-btn-bg);border:1px solid #ffffff40;border:1px solid var(--courses-icon-btn-border);box-shadow:0 4px 12px #0000001a;box-shadow:var(--courses-icon-btn-shadow);min-width:40px;outline:none;padding:.5rem;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.courses-icon-btn:hover{box-shadow:0 4px 12px #0000001f;box-shadow:var(--courses-icon-btn-shadow-hover);transform:translateY(-2px)}.courses-icon-green{background:linear-gradient(135deg,#6ee7b7,#a7f3d0);background:var(--courses-icon-green-bg);color:#022c22;color:var(--courses-icon-green-color)}.courses-icon-purple{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);background:var(--courses-icon-purple-bg);color:#3b0a73;color:var(--courses-icon-purple-color)}.courses-icon-clear{background:linear-gradient(135deg,#fda4af,#fecdd3);background:var(--courses-icon-clear-bg);color:#83112b;color:var(--courses-icon-clear-color)}.courses-icon-pink{background:linear-gradient(135deg,#f9a8d4,#fbcfe8);background:var(--courses-icon-pink-bg);color:#701a3f;color:var(--courses-icon-pink-color)}.courses-icon-teal{align-items:center;background:#14b8a61a;border:1px solid #14b8a633;border-radius:4px;color:#14b8a6;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.courses-icon-teal:hover{background:#14b8a633;transform:translateY(-2px)}.courses-icon-teal-active{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:1px solid #14b8a6;border-radius:4px;box-shadow:0 2px 8px #14b8a64d;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.courses-icon-teal-active:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 12px #14b8a666;transform:translateY(-2px)}[data-theme=dark] .courses-icon-teal{background:#14b8a626;border-color:#14b8a64d;color:#4dd0e1}[data-theme=dark] .courses-icon-teal:hover{background:#14b8a640}[data-theme=dark] .courses-icon-teal-active{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#14b8a6;box-shadow:0 2px 8px #14b8a64d;color:#000}[data-theme=dark] .courses-icon-teal-active:hover{background:linear-gradient(135deg,#26d0ce,#14b8a6);box-shadow:0 4px 12px #14b8a666}.courses-icon-btn[data-tooltip]:after{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#111827e6;background:var(--courses-tooltip-bg);border-radius:4px;color:#fff;color:var(--courses-tooltip-color);content:attr(data-tooltip);font-size:.65rem;padding:4px 8px;pointer-events:none;top:calc(100% + 8px);white-space:nowrap;z-index:100}.courses-icon-btn[data-tooltip]:after,.courses-icon-btn[data-tooltip]:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease}.courses-icon-btn[data-tooltip]:before{border:5px solid #0000;border-top:5px solid var(--courses-tooltip-arrow-color);content:"";top:100%;z-index:999}.courses-icon-btn[data-tooltip]:hover:after,.courses-icon-btn[data-tooltip]:hover:before{opacity:1}.courses-toolbar-actions .courses-icon-btn:last-child[data-tooltip]:after,.courses-toolbar-actions .courses-icon-btn:nth-last-child(2)[data-tooltip]:after{left:auto;right:0;transform:none}.courses-toolbar-actions .courses-icon-btn:last-child[data-tooltip]:before,.courses-toolbar-actions .courses-icon-btn:nth-last-child(2)[data-tooltip]:before{left:auto;right:20px;transform:none}[data-theme=dark] .advanced-filters-popup-header{color:#4dd0e1}@keyframes coursesFilterFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes coursesFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown.disabled{opacity:.6;pointer-events:none}.custom-dropdown.loading{position:relative}.custom-dropdown.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px}.courses-filter-toggle-btn:focus-visible,.courses-icon-btn:focus-visible,.courses-search-bar:focus-within{outline:2px solid #60a5fa;outline:2px solid var(--courses-filter-toggle-border);outline-offset:2px}@media (max-width:768px){.courses-instyte-toolbar{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.4rem;padding:.4rem .75rem}.courses-toolbar-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.35rem;min-width:0}.courses-filter-toggle-btn{flex-shrink:0;font-size:.78rem;padding:.3rem .6rem;white-space:nowrap}.courses-search-bar{flex:1 1;max-width:180px;min-width:90px}.courses-search-bar:focus-within{max-width:220px}.courses-search-bar input{width:100%}.courses-toolbar-actions{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:.3rem;padding-left:0}.courses-icon-btn{flex-shrink:0;height:32px;padding:.35rem;width:32px}.courses-create-btn{flex-shrink:0;gap:0;padding:.35rem .5rem}.courses-create-btn .courses-create-btn-text{display:none}.courses-filter-panel{display:flex;flex-wrap:wrap;gap:.35rem;padding:.25rem 0;width:100%}.courses-filter-panel .custom-dropdown-wrapper{flex:0 1 auto;max-width:160px;min-width:110px}.courses-icon-btn[data-tooltip]:hover:after{font-size:.6rem;padding:3px 6px}.advanced-filters-popup{left:5vw!important;max-width:90vw;min-width:300px;right:5vw;width:90vw}.advanced-filters-popup-content{gap:1rem;grid-template-columns:1fr;padding:1rem}.advanced-filters-popup-header{font-size:.9rem;padding:.75rem 1rem}.advanced-filters-popup-footer{padding:.75rem 1rem}}@media (max-width:480px){.courses-instyte-toolbar{gap:.3rem;padding:.35rem .5rem}.courses-filter-toggle-btn{font-size:.75rem;padding:.28rem .5rem}.courses-filter-panel{gap:.3rem}.courses-toolbar-actions{gap:.25rem}.courses-icon-btn{height:30px;padding:.3rem;width:30px}.courses-search-bar{max-width:140px;min-width:70px}.courses-search-bar:focus-within{max-width:170px}.courses-icon-btn[data-tooltip]:hover:after{left:50%!important;max-width:160px;position:fixed;right:auto!important;transform:translateX(-50%)!important;z-index:1001}}@media (prefers-contrast:high){.courses-filter-toggle-btn,.courses-icon-btn,.courses-search-bar{border:2px solid}}@media (prefers-reduced-motion:reduce){.courses-filter-toggle-btn,.courses-icon-btn,.courses-search-bar{transition:none}.courses-filter-panel>*{animation:none;opacity:1;transform:none}.courses-icon-btn:hover{transform:none}.advanced-filter-badge{animation:none}}.courses-create-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#059669,#065f46);border-radius:12px;box-shadow:0 4px 12px #0596694d;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.courses-create-btn:hover{background:linear-gradient(135deg,#047857,#064e3b);box-shadow:0 6px 16px #05966966;transform:translateY(-2px)}.courses-create-btn:active{box-shadow:0 2px 8px #0596694d;transform:translateY(0)}.courses-create-btn .material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 600}[data-theme=dark] .courses-create-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}[data-theme=dark] .courses-create-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 16px #10b98166}.courses-toolbar-actions{gap:.75rem}@media (max-width:768px){.courses-create-btn{font-size:.85rem;min-width:120px;padding:.6rem 1rem}.courses-toolbar-actions{flex-wrap:wrap;gap:.5rem}}@media (max-width:480px){.courses-create-btn{margin-bottom:.5rem;width:100%}.courses-toolbar-actions{align-items:stretch;flex-direction:row}}.courses-create-btn:focus{outline:2px solid #05966980;outline-offset:2px}[data-theme=dark] .courses-create-btn:focus{outline-color:#10b98180}@media (prefers-contrast:high){.courses-create-btn{border:2px solid #fff}[data-theme=dark] .courses-create-btn{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.courses-create-btn{transition:none}.courses-create-btn:hover{transform:none}}.courses-instyte-toolbar{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.courses-toolbar-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.courses-toolbar-actions{align-items:center;display:flex;gap:8px}.courses-filter-toggle-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 2px 4px #6366f133;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;position:relative;transition:all .2s ease}.courses-filter-toggle-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.courses-filter-toggle-btn:active{transform:translateY(0)}.courses-filter-badge{animation:pulse 2s infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}.courses-filter-panel{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.courses-icon-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.courses-icon-btn .material-symbols-rounded{font-size:20px}.courses-icon-teal{background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 2px 4px #14b8a633;color:#fff}.courses-icon-teal:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 8px #14b8a64d;transform:translateY(-1px)}.courses-icon-teal-active{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 8px #14b8a666;color:#fff}.courses-icon-clear{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 2px 4px #ef444433;color:#fff}.courses-icon-clear:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.courses-icon-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98133;color:#fff}.courses-icon-green:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.courses-icon-purple{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 2px 4px #a855f733;color:#fff}.courses-icon-purple:hover{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 8px #a855f74d;transform:translateY(-1px)}.courses-icon-pink{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 2px 4px #ec489933;color:#fff}.courses-icon-pink:hover{background:linear-gradient(135deg,#db2777,#be185d);box-shadow:0 4px 8px #ec48994d;transform:translateY(-1px)}.advanced-filter-badge{background:#fbbf24;right:-2px;top:-2px}.courses-search-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:8px;max-width:400px;min-width:250px;padding:8px 12px;transition:all .2s ease}.courses-search-bar:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.courses-search-icon{color:#94a3b8;font-size:20px}.courses-search-bar input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:14px;outline:none}.courses-search-bar input::placeholder{color:#94a3b8}.courses-create-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.courses-create-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.courses-create-btn .material-symbols-rounded{font-size:20px}.advanced-filters-popup{animation:slideDown .2s ease;box-shadow:0 10px 25px #00000026;max-width:400px}.advanced-filters-popup-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;gap:8px;padding:16px 20px}.advanced-filters-popup-header .material-symbols-rounded{color:#6366f1;font-size:20px}.advanced-filters-popup-header span:not(.material-symbols-rounded){color:#1e293b;flex:1 1;font-size:15px;font-weight:600}.popup-close-btn{background:#0000;border-radius:6px;height:28px;width:28px}.popup-close-btn:hover{background:#f1f5f9}.popup-close-btn .material-symbols-rounded{color:#64748b;font-size:18px}.advanced-filters-popup-content{display:flex;flex-direction:column;gap:16px;padding:20px}.advanced-filters-popup-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px}.popup-clear-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:14px;padding:10px 16px;width:100%}.popup-clear-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}[data-tooltip]{position:relative}[data-tooltip]:before{background:#1e293b;border-radius:6px;bottom:calc(100% + 8px);color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:500;padding:6px 12px;white-space:nowrap;z-index:1000}[data-tooltip]:after,[data-tooltip]:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease}[data-tooltip]:after{border:6px solid #0000;border-top-color:#1e293b;bottom:calc(100% + 2px);content:""}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1}@media (max-width:1024px){.courses-instyte-toolbar,.courses-toolbar-left{align-items:stretch;flex-direction:column}.courses-search-bar{max-width:100%}.courses-toolbar-actions{justify-content:space-between}}@media (max-width:768px){.courses-filter-panel{align-items:stretch;flex-direction:row}.courses-toolbar-actions{flex-wrap:wrap}.courses-create-btn span:not(.material-symbols-rounded){display:none}.advanced-filters-popup{max-width:calc(100vw - 40px);min-width:280px}}.adv-filters-overlay,.adv-filters-sheet-handle{display:none}@media (max-width:768px){.adv-filters-overlay{background:#00000073;display:block;inset:0;position:fixed;z-index:9998}.advanced-filters-popup{animation:advFiltersSheetUp .35s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0!important;bottom:0!important;left:0!important;max-height:80vh;max-width:100%!important;min-width:0!important;min-width:auto!important;overflow-y:auto;right:0!important;top:auto!important;width:100%!important}@keyframes advFiltersSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.adv-filters-sheet-handle{background:#0000002e;border-radius:2px;display:block;height:4px;margin:.5rem auto .25rem;width:36px}[data-theme=dark] .adv-filters-sheet-handle{background:#ffffff38}.advanced-filters-popup-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}:root{--ccp-overlay-bg:#0006;--ccp-overlay-backdrop:blur(8px);--ccp-popup-bg:#fffffff2;--ccp-popup-border:#fff3;--ccp-popup-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;--ccp-text-primary:#1e293b;--ccp-text-secondary:#374151;--ccp-text-muted:#6b7280;--ccp-text-light:#9ca3af;--ccp-header-bg:linear-gradient(135deg,#f0f9ff,#dbeafe);--ccp-header-border:#3b82f61a;--ccp-header-divider:linear-gradient(90deg,#0000,#3b82f64d,#0000);--ccp-header-title:#1e40af;--ccp-header-subtitle:#3b82f6;--ccp-header-icon-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ccp-header-icon-text:#fff;--ccp-header-icon-shadow:0 8px 20px #3b82f64d;--ccp-close-btn-bg:#fffc;--ccp-close-btn-text:#6b7280;--ccp-close-btn-hover-bg:#ef44441a;--ccp-close-btn-hover-text:#ef4444;--ccp-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--ccp-error-text:#991b1b;--ccp-error-border:#fca5a5;--ccp-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--ccp-success-text:#065f46;--ccp-success-border:#6ee7b7;--ccp-step-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--ccp-step-border:#e2e8f0;--ccp-step-number-bg:#e5e7eb;--ccp-step-number-text:#6b7280;--ccp-step-active-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ccp-step-active-text:#fff;--ccp-step-active-shadow:0 4px 12px #3b82f666;--ccp-step-completed-bg:linear-gradient(135deg,#10b981,#059669);--ccp-step-completed-text:#fff;--ccp-step-label-text:#6b7280;--ccp-step-label-active:#1f2937;--ccp-step-connector:#e5e7eb;--ccp-step-connector-completed:linear-gradient(90deg,#10b981,#059669);--ccp-body-bg:linear-gradient(135deg,#f9fafb,#fff);--ccp-scrollbar-thumb:#3b82f633;--ccp-step-title-text:#1e293b;--ccp-step-title-border:#e2e8f0;--ccp-step-title-icon-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--ccp-step-title-icon-text:#3b82f6;--ccp-form-label-text:#374151;--ccp-form-required:#ef4444;--ccp-form-input-bg:#fffc;--ccp-form-input-border:#e2e8f0cc;--ccp-form-input-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;--ccp-form-input-text:#1e293b;--ccp-form-input-placeholder:#9ca3af;--ccp-form-input-focus-border:#3b82f6;--ccp-form-input-focus-bg:#fffffff2;--ccp-form-input-focus-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;--ccp-info-banner-bg:linear-gradient(135deg,#e0f2fe,#bae6fd);--ccp-info-banner-text:#0369a1;--ccp-info-banner-border:#7dd3fc;--ccp-summary-card-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--ccp-summary-card-border:#bae6fd;--ccp-summary-card-icon:#3b82f6;--ccp-subject-card-bg:#fff;--ccp-subject-card-border:#e2e8f0;--ccp-subject-card-hover-border:#3b82f6;--ccp-subject-card-selected-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--ccp-subject-card-selected-border:#3b82f6;--ccp-subject-checkbox-unchecked:#d1d5db;--ccp-subject-checkbox-checked:#3b82f6;--ccp-empty-state-icon:#9ca3af;--ccp-empty-state-text:#6b7280;--ccp-review-section-bg:#fff9;--ccp-review-section-border:#e2e8f0;--ccp-review-badge-active-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--ccp-review-badge-active-text:#065f46;--ccp-review-badge-inactive-bg:linear-gradient(135deg,#fef3c7,#fde68a);--ccp-review-badge-inactive-text:#92400e;--ccp-footer-bg:linear-gradient(135deg,#f8fafc,#fff);--ccp-footer-border:#e2e8f0;--ccp-footer-divider:linear-gradient(90deg,#0000,#e2e8f0cc,#0000);--ccp-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ccp-btn-primary-text:#fff;--ccp-btn-primary-shadow:0 4px 12px #3b82f64d;--ccp-btn-primary-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--ccp-btn-primary-hover-shadow:0 8px 20px #3b82f666;--ccp-btn-secondary-bg:#ffffffe6;--ccp-btn-secondary-text:#374151;--ccp-btn-secondary-border:#e5e7eb;--ccp-btn-secondary-hover-bg:#f9fafbf2;--ccp-btn-secondary-hover-border:#d1d5db;--ccp-btn-secondary-hover-shadow:0 4px 12px #00000014;--ccp-btn-create-bg:linear-gradient(135deg,#059669,#065f46);--ccp-btn-create-text:#fff;--ccp-btn-create-shadow:0 4px 12px #0596694d;--ccp-btn-create-hover-bg:linear-gradient(135deg,#047857,#064e3b);--ccp-btn-create-hover-shadow:0 8px 20px #05966966}[data-theme=dark]{--ccp-overlay-bg:#000000b3;--ccp-popup-bg:#1a1a1af2;--ccp-popup-border:#3b82f633;--ccp-popup-shadow:0 20px 60px #000c,0 8px 32px #3b82f61a,inset 0 1px 0 #3b82f61a;--ccp-text-primary:#fff;--ccp-text-secondary:#e2e8f0;--ccp-text-muted:#d1d5db;--ccp-text-light:#9aa4b2;--ccp-header-bg:linear-gradient(135deg,#3b82f626,#1a1a1af2);--ccp-header-border:#3b82f626;--ccp-header-divider:linear-gradient(90deg,#0000,#3b82f64d,#0000);--ccp-header-title:#60a5fa;--ccp-header-subtitle:#93c5fd;--ccp-header-icon-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ccp-header-icon-text:#fff;--ccp-header-icon-shadow:0 8px 20px #3b82f666;--ccp-close-btn-bg:#333c;--ccp-close-btn-text:#fff;--ccp-close-btn-hover-bg:#ef444433;--ccp-close-btn-hover-text:#ffcdd2;--ccp-error-bg:#f4433633;--ccp-error-text:#ffcdd2;--ccp-error-border:#f4433666;--ccp-success-bg:#4caf5033;--ccp-success-text:#c8e6c9;--ccp-success-border:#4caf5066;--ccp-step-bg:#1a1a1ae6;--ccp-step-border:#3b82f633;--ccp-step-number-bg:#333c;--ccp-step-number-text:#fff;--ccp-step-active-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ccp-step-active-text:#fff;--ccp-step-active-shadow:0 4px 12px #3b82f666;--ccp-step-completed-bg:linear-gradient(135deg,#10b981,#059669);--ccp-step-completed-text:#fff;--ccp-step-label-text:#d1d5db;--ccp-step-label-active:#fff;--ccp-step-connector:#fff3;--ccp-step-connector-completed:linear-gradient(90deg,#10b981,#059669);--ccp-body-bg:#1a1a1ae6;--ccp-scrollbar-thumb:#3b82f64d;--ccp-step-title-text:#fff;--ccp-step-title-border:#3b82f633;--ccp-step-title-icon-bg:#3b82f633;--ccp-step-title-icon-text:#60a5fa;--ccp-form-label-text:#fff;--ccp-form-required:#ffcdd2;--ccp-form-input-bg:#1a1a1acc;--ccp-form-input-border:#ffffff1a;--ccp-form-input-shadow:inset 0 2px 4px #3b82f60d,0 1px 3px #3b82f61a;--ccp-form-input-text:#fff;--ccp-form-input-placeholder:#9aa4b2;--ccp-form-input-focus-border:#60a5fa;--ccp-form-input-focus-bg:#1a1a1ae6;--ccp-form-input-focus-shadow:inset 0 2px 4px #3b82f61a,0 0 0 3px #3b82f633,0 4px 12px #3b82f633;--ccp-info-banner-bg:#3b82f626;--ccp-info-banner-text:#93c5fd;--ccp-info-banner-border:#3b82f64d;--ccp-summary-card-bg:#3b82f61a;--ccp-summary-card-border:#3b82f64d;--ccp-summary-card-icon:#60a5fa;--ccp-subject-card-bg:#1a1a1acc;--ccp-subject-card-border:#ffffff1a;--ccp-subject-card-hover-border:#60a5fa;--ccp-subject-card-selected-bg:#3b82f633;--ccp-subject-card-selected-border:#60a5fa;--ccp-subject-checkbox-unchecked:#6b7280;--ccp-subject-checkbox-checked:#60a5fa;--ccp-empty-state-icon:#6b7280;--ccp-empty-state-text:#9ca3af;--ccp-review-section-bg:#1a1a1a99;--ccp-review-section-border:#ffffff1a;--ccp-review-badge-active-bg:#4caf5033;--ccp-review-badge-active-text:#c8e6c9;--ccp-review-badge-inactive-bg:#ffc10733;--ccp-review-badge-inactive-text:#fff59d;--ccp-footer-bg:#1a1a1ae6;--ccp-footer-border:#3b82f633;--ccp-footer-divider:linear-gradient(90deg,#0000,#3b82f633,#0000);--ccp-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ccp-btn-primary-text:#fff;--ccp-btn-primary-shadow:0 4px 12px #3b82f64d;--ccp-btn-primary-hover-bg:linear-gradient(135deg,#60a5fa,#3b82f6);--ccp-btn-primary-hover-shadow:0 8px 20px #3b82f666;--ccp-btn-secondary-bg:#333c;--ccp-btn-secondary-text:#fff;--ccp-btn-secondary-border:#fff3;--ccp-btn-secondary-hover-bg:#3b82f61a;--ccp-btn-secondary-hover-border:#3b82f64d;--ccp-btn-secondary-hover-shadow:0 4px 12px #3b82f633;--ccp-btn-create-bg:linear-gradient(135deg,#10b981,#059669);--ccp-btn-create-text:#fff;--ccp-btn-create-shadow:0 4px 12px #10b9814d;--ccp-btn-create-hover-bg:linear-gradient(135deg,#34d399,#10b981);--ccp-btn-create-hover-shadow:0 8px 20px #10b98166}.course-creation-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);backdrop-filter:var(--ccp-overlay-backdrop);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--ccp-overlay-backdrop);background:#0006;background:var(--ccp-overlay-bg);display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;transition:all .3s ease;z-index:1000}.course-creation-popup{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--ccp-popup-bg);border:1px solid #fff3;border:1px solid var(--ccp-popup-border);border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;box-shadow:var(--ccp-popup-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;transition:all .3s ease;width:100%}.popup-header{background:var(--ccp-header-bg);border-bottom:1px solid var(--ccp-header-border);position:relative;transition:all .3s ease}.popup-header:before{background:linear-gradient(90deg,#0000,#3b82f64d,#0000);background:var(--ccp-header-divider);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.header-icon{background:var(--ccp-header-icon-bg);box-shadow:0 8px 20px #3b82f64d;box-shadow:var(--ccp-header-icon-shadow)}.header-icon .material-symbols-rounded{color:var(--ccp-header-icon-text);transition:color .3s ease}.header-text h2{color:var(--ccp-header-title);font-family:Google Sans,Poppins,sans-serif;transition:color .3s ease}.header-text p{color:var(--ccp-header-subtitle)}.close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ccp-close-btn-bg);color:var(--ccp-close-btn-text)}.close-btn:hover{background:var(--ccp-close-btn-hover-bg);color:var(--ccp-close-btn-hover-text)}.close-btn .material-symbols-rounded{font-size:20px}.message-banner{transition:all .3s ease}.message-banner.error{background:var(--ccp-error-bg);border:1px solid var(--ccp-error-border);color:var(--ccp-error-text)}.message-banner.success{background:var(--ccp-success-bg);border:1px solid var(--ccp-success-border);color:var(--ccp-success-text)}.message-banner .material-symbols-rounded{font-size:20px}.step-indicator{background:var(--ccp-step-bg);border-bottom:1px solid var(--ccp-step-border);transition:all .3s ease}.step:after{background:var(--ccp-step-connector);transition:all .3s ease}.step.completed:after{background:linear-gradient(90deg,#10b981,#059669);background:var(--ccp-step-connector-completed)}.step-number{background:var(--ccp-step-number-bg);color:var(--ccp-step-number-text)}.step.active .step-number{background:var(--ccp-step-active-bg);box-shadow:var(--ccp-step-active-shadow);color:var(--ccp-step-active-text)}.step.completed .step-number{background:var(--ccp-step-completed-bg);color:var(--ccp-step-completed-text)}.step-label{color:var(--ccp-step-label-text);transition:color .3s ease}.step.active .step-label,.step.completed .step-label{color:#1f2937;color:var(--ccp-step-label-active)}.popup-body{background:var(--ccp-body-bg);transition:all .3s ease}.popup-body::-webkit-scrollbar-thumb{background:var(--ccp-scrollbar-thumb)}.step-title{border-bottom:2px solid var(--ccp-step-title-border);color:var(--ccp-step-title-text);transition:all .3s ease}.step-title .material-symbols-rounded{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--ccp-step-title-icon-bg);color:var(--ccp-step-title-icon-text);transition:all .3s ease}.ccp-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.ccp-form-field{display:flex;flex-direction:column;gap:.5rem}.ccp-form-field.ccp-full-width{grid-column:span 2}.ccp-form-label{align-items:center;color:#374151;color:var(--ccp-form-label-text);display:flex;font-size:.9rem;font-weight:600;gap:.25rem;transition:color .3s ease}.ccp-form-label.required:after{color:#ef4444;color:var(--ccp-form-required);content:"*";font-weight:700;margin-left:.25rem}.ccp-form-input,.ccp-form-textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--ccp-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ccp-form-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a,0 1px 3px #00000005;box-shadow:var(--ccp-form-input-shadow);color:#1e293b;color:var(--ccp-form-input-text);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ccp-form-textarea{min-height:80px;resize:vertical}.ccp-form-input:focus,.ccp-form-textarea:focus{background:#fffffff2;background:var(--ccp-form-input-focus-bg);border-color:#3b82f6;border-color:var(--ccp-form-input-focus-border);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--ccp-form-input-focus-shadow);transform:translateY(-1px)}.ccp-form-input::placeholder,.ccp-form-textarea::placeholder{color:#9ca3af;color:var(--ccp-form-input-placeholder);font-weight:400}.ccp-form-error{color:#991b1b;color:var(--ccp-error-text);font-weight:500;gap:.25rem;transition:color .3s ease}.ccp-form-error,.ccp-form-loading{align-items:center;display:flex;font-size:.8rem;margin-top:.25rem}.ccp-form-loading{color:#6b7280;color:var(--ccp-text-muted);gap:.5rem}.form-dropdown{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--ccp-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ccp-form-input-border);border-radius:12px;transition:all .3s ease}.form-dropdown .custom-dropdown-wrapper{background:#0000;border:none;min-height:auto;padding:.75rem 1rem}.form-dropdown .custom-dropdown-wrapper:focus-within{background:#fffffff2;background:var(--ccp-form-input-focus-bg);border-color:#3b82f6;border-color:var(--ccp-form-input-focus-border);box-shadow:inset 0 2px 4px #0000000f,0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--ccp-form-input-focus-shadow);transform:translateY(-1px)}.ccp-info-banner{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ccp-info-banner-bg);border:1px solid #7dd3fc;border:1px solid var(--ccp-info-banner-border);border-radius:12px;color:#0369a1;color:var(--ccp-info-banner-text);display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin-top:1rem;padding:1rem 1.5rem;transition:all .3s ease}.ccp-info-banner .material-symbols-rounded{font-size:20px}.ccp-hours-summary{margin-top:1.5rem}.ccp-summary-card{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--ccp-summary-card-bg);border:1px solid #bae6fd;border:1px solid var(--ccp-summary-card-border);border-radius:12px;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.ccp-summary-card .material-symbols-rounded{color:#3b82f6;color:var(--ccp-summary-card-icon);font-size:24px}.ccp-summary-label{color:#1e293b;color:var(--ccp-text-primary);font-size:.9rem;font-weight:600;margin-bottom:.25rem;transition:color .3s ease}.ccp-summary-value{color:#374151;color:var(--ccp-text-secondary);font-size:1rem;font-weight:500;transition:color .3s ease}.ccp-subjects-container{margin-top:1rem}.ccp-subjects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.ccp-subjects-header h4{color:#1e293b;color:var(--ccp-text-primary);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.ccp-subjects-count{background:#fffc;background:var(--ccp-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--ccp-form-input-border);border-radius:8px;color:#6b7280;color:var(--ccp-text-muted);font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.ccp-subjects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:400px;overflow-y:auto;padding-right:.5rem}.ccp-subjects-grid::-webkit-scrollbar{width:4px}.ccp-subjects-grid::-webkit-scrollbar-track{background:#0000}.ccp-subjects-grid::-webkit-scrollbar-thumb{background:#3b82f633;background:var(--ccp-scrollbar-thumb);border-radius:2px}.ccp-subject-card{animation:fadeIn .3s ease;background:#fff;background:var(--ccp-subject-card-bg);border:2px solid #e2e8f0;border:2px solid var(--ccp-subject-card-border);border-radius:12px;cursor:pointer;padding:1rem;transition:all .3s ease}.ccp-subject-card:hover{border-color:#3b82f6;border-color:var(--ccp-subject-card-hover-border);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.ccp-subject-card.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--ccp-subject-card-selected-bg);border-color:#3b82f6;border-color:var(--ccp-subject-card-selected-border);box-shadow:0 4px 12px #3b82f633}.ccp-subject-header{align-items:flex-start;display:flex;gap:.75rem}.ccp-subject-checkbox{flex-shrink:0;margin-top:.125rem}.ccp-subject-checkbox .material-symbols-rounded{color:#d1d5db;color:var(--ccp-subject-checkbox-unchecked);font-size:20px;transition:color .3s ease}.ccp-subject-card.selected .ccp-subject-checkbox .material-symbols-rounded{color:#3b82f6;color:var(--ccp-subject-checkbox-checked)}.ccp-subject-info{flex:1 1}.ccp-subject-info h5{color:#1e293b;color:var(--ccp-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem;transition:color .3s ease}.ccp-subject-info p{color:#6b7280;color:var(--ccp-text-muted);font-family:JetBrains Mono,monospace;font-size:.85rem;margin:0;transition:color .3s ease}.ccp-subject-description{color:#374151;color:var(--ccp-text-secondary);font-size:.85rem;line-height:1.4;margin-top:.75rem;transition:color .3s ease}.ccp-checkbox-group,.ccp-radio-group{display:flex;flex-wrap:wrap;gap:1.5rem}.ccp-checkbox-option,.ccp-radio-option{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 0}.ccp-checkbox-option input[type=checkbox],.ccp-radio-option input[type=radio]{accent-color:#3b82f6;accent-color:var(--ccp-form-input-focus-border);cursor:pointer;height:18px;width:18px}.ccp-checkbox-label,.ccp-radio-label{color:#1e293b;color:var(--ccp-text-primary);cursor:pointer;font-size:.9rem;font-weight:500;transition:color .3s ease}.ccp-empty-state,.ccp-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.ccp-empty-state .material-symbols-rounded,.ccp-loading-state .material-symbols-rounded{color:#9ca3af;color:var(--ccp-empty-state-icon);font-size:4rem;margin-bottom:1rem;opacity:.7}.ccp-empty-state h4{color:#1e293b;color:var(--ccp-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.ccp-empty-state p,.ccp-loading-state p{color:#6b7280;color:var(--ccp-empty-state-text);font-size:.9rem;line-height:1.5;margin:0;max-width:300px;transition:color .3s ease}.ccp-review-container{display:flex;flex-direction:column;gap:1.5rem}.ccp-review-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;background:var(--ccp-review-section-bg);border:1px solid #e2e8f0;border:1px solid var(--ccp-review-section-border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.ccp-review-section h4{color:#1e293b;color:var(--ccp-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem;transition:color .3s ease}.ccp-review-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ccp-review-item{display:flex;flex-direction:column;gap:.25rem}.ccp-review-label{color:#6b7280;color:var(--ccp-text-muted);font-size:.8rem;font-weight:500;transition:color .3s ease}.ccp-review-value{color:#1e293b;color:var(--ccp-text-primary);font-size:.95rem;font-weight:600;transition:color .3s ease}.ccp-review-subjects{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ccp-review-subject{border-radius:8px;padding:.75rem 1rem}.ccp-review-subject-name{font-size:.9rem}.ccp-review-badge{border-radius:6px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;transition:all .3s ease}.ccp-review-badge.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--ccp-review-badge-active-bg);color:#065f46;color:var(--ccp-review-badge-active-text)}.ccp-review-badge.inactive{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--ccp-review-badge-inactive-bg);color:#92400e;color:var(--ccp-review-badge-inactive-text)}.popup-footer{background:linear-gradient(135deg,#f8fafc,#fff);background:var(--ccp-footer-bg);border-top:1px solid var(--ccp-footer-border);position:relative;transition:all .3s ease}.popup-footer:before{background:linear-gradient(90deg,#0000,#e2e8f0cc,#0000);background:var(--ccp-footer-divider);content:"";height:1px;left:0;position:absolute;right:0;top:0}.btn-create,.btn-primary,.btn-secondary{font-family:inherit;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--ccp-btn-primary-bg);border:2px solid #0000;box-shadow:var(--ccp-btn-primary-shadow);color:var(--ccp-btn-primary-text)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--ccp-btn-primary-hover-bg);box-shadow:var(--ccp-btn-primary-hover-shadow)}.btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--ccp-btn-secondary-bg);border:2px solid var(--ccp-btn-secondary-border);color:var(--ccp-btn-secondary-text)}.btn-secondary:hover:not(:disabled){background:#f9fafbf2;background:var(--ccp-btn-secondary-hover-bg);border-color:#d1d5db;border-color:var(--ccp-btn-secondary-hover-border);box-shadow:var(--ccp-btn-secondary-hover-shadow)}.btn-create{background:var(--ccp-btn-create-bg);border:2px solid #0000;box-shadow:var(--ccp-btn-create-shadow);color:var(--ccp-btn-create-text)}.btn-create:hover:not(:disabled){background:linear-gradient(135deg,#047857,#064e3b);background:var(--ccp-btn-create-hover-bg);box-shadow:var(--ccp-btn-create-hover-shadow)}.btn-create:disabled,.btn-primary:disabled,.btn-secondary:disabled{box-shadow:none}.ccp-sheet-handle{display:none}@media (max-width:768px){.course-creation-overlay{align-items:flex-end;background:#0000008c;padding:0}.course-creation-popup{animation:ccpSheetUp .35s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;margin-top:56px;max-height:calc(100vh - 56px);max-width:100%!important;width:100%}@keyframes ccpSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ccp-sheet-handle{background:#0000002e;border-radius:2px;display:block;height:4px;margin:.5rem auto 0;width:36px}[data-theme=dark] .ccp-sheet-handle{background:#ffffff38}.popup-header{padding:.75rem 1rem .625rem}.header-content{gap:.5rem}.header-icon{flex-shrink:0;height:34px;width:34px}.header-icon .material-symbols-rounded{font-size:18px}.header-text h2{font-size:.95rem;margin:0}.header-text p{display:none}.close-btn{flex-shrink:0;height:28px;width:28px}.step-indicator{gap:.5rem;overflow-x:auto;padding:.5rem 1rem;scrollbar-width:none}.step-indicator::-webkit-scrollbar{display:none}.step{gap:.25rem}.step:after{top:12px;width:.75rem}.step-number{font-size:.72rem;height:24px;width:24px}.step-label{font-size:.65rem;white-space:nowrap}.popup-body{padding:.875rem 1rem}.popup-footer{padding:.625rem 1rem calc(.75rem + env(safe-area-inset-bottom))}.footer-actions{flex-direction:row;gap:.5rem}.btn-create,.btn-primary,.btn-secondary{flex:1 1;font-size:.82rem;justify-content:center;padding:.5rem .75rem}.ccp-form-grid{gap:.75rem;grid-template-columns:1fr}.ccp-form-field.ccp-full-width{grid-column:span 1}.ccp-form-label{font-size:.78rem;margin-bottom:.25rem}.ccp-form-input,.ccp-form-textarea{font-size:.82rem;padding:.4rem .6rem}.step-title{font-size:.9rem;margin-bottom:.75rem}.ccp-review-grid,.ccp-review-subjects,.ccp-subjects-grid{grid-template-columns:1fr}}@media (max-width:480px){.course-creation-popup{margin-top:48px;max-height:calc(100vh - 48px)}.popup-header{padding:.6rem .875rem .5rem}.header-icon{height:28px;width:28px}.header-icon .material-symbols-rounded{font-size:16px}.header-text h2{font-size:.875rem}.step-indicator{gap:.35rem;padding:.4rem .75rem}.step-number{font-size:.65rem;height:22px;width:22px}.step-label{font-size:.6rem}.popup-body{padding:.75rem .875rem}.popup-footer{padding:.5rem .875rem calc(.625rem + env(safe-area-inset-bottom))}.ccp-checkbox-group,.ccp-radio-group{flex-direction:row;flex-wrap:wrap;gap:.5rem}}.btn-create:focus,.btn-primary:focus,.btn-secondary:focus,.ccp-form-input:focus,.ccp-form-textarea:focus,.close-btn:focus{outline:2px solid #3b82f6;outline:2px solid var(--ccp-form-input-focus-border);outline-offset:2px}@media (prefers-contrast:high){.course-creation-popup{border:2px solid #000}[data-theme=dark] .course-creation-popup{border:2px solid #fff}.btn-create,.btn-primary,.btn-secondary,.ccp-subject-card,.step-number{border:2px solid}}@media (prefers-reduced-motion:reduce){.btn-create,.btn-primary,.btn-secondary,.ccp-form-input,.ccp-form-textarea,.ccp-subject-card,.course-creation-popup,.step-number{animation:none;transition:none}.course-creation-overlay,.popup-body{backdrop-filter:none;-webkit-backdrop-filter:none}.btn-create:hover,.btn-primary:hover,.btn-secondary:hover,.ccp-subject-card:hover,.close-btn:hover{transform:none}.message-banner,.spinning,.step-content{animation:none}}.ccp-selected-subjects{animation:fadeIn .3s ease-out;margin-bottom:2rem}.ccp-selected-subjects h4{align-items:center;color:#1e293b;color:var(--ccp-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem;transition:color .3s ease}.ccp-selected-subjects-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ccp-selected-subject-card{animation:slideInCard .4s ease-out;background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--ccp-subject-card-selected-bg);border:2px solid #3b82f6;border:2px solid var(--ccp-subject-card-selected-border);border-radius:12px;padding:1rem;position:relative;transition:all .3s ease}.ccp-selected-subject-card:hover{box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.subject-info{padding-right:2.5rem}.subject-name{color:var(--ccp-text-primary);font-size:1rem;margin-bottom:.25rem;transition:color .3s ease}.subject-code{margin-bottom:.75rem}.subject-meta{gap:.5rem}.subject-category,.subject-type{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.subject-category{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.subject-type{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #c4b5fd;color:#7c3aed}[data-theme=dark] .subject-category{background:#3b82f633;border:1px solid #3b82f64d;color:#93c5fd}[data-theme=dark] .subject-type{background:#8b5cf633;border:1px solid #8b5cf64d;color:#c4b5fd}.remove-subject-btn{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:.7;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:28px}.remove-subject-btn:hover{background:#ef444433;color:#dc2626;opacity:1;transform:scale(1.1)}.remove-subject-btn .material-symbols-rounded{font-size:16px}.ccp-add-subjects-section{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--ccp-form-input-bg);border:2px dashed #e2e8f0cc;border:2px dashed var(--ccp-form-input-border);border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s ease}.ccp-add-subjects-section:hover{background:#fffffff2;background:var(--ccp-form-input-focus-bg);border-color:#3b82f6;border-color:var(--ccp-form-input-focus-border)}.ccp-add-subjects-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--ccp-btn-primary-bg);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--ccp-btn-primary-shadow);color:#fff;color:var(--ccp-btn-primary-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ccp-add-subjects-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--ccp-btn-primary-hover-bg);box-shadow:0 8px 20px #3b82f666;box-shadow:var(--ccp-btn-primary-hover-shadow);transform:translateY(-2px)}.ccp-add-subjects-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.ccp-add-subjects-btn .material-symbols-rounded{font-size:20px}.ccp-help-text{color:#6b7280;color:var(--ccp-text-muted);font-size:.9rem;line-height:1.5;margin:0;text-align:center;transition:color .3s ease}.subject-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);backdrop-filter:var(--ccp-overlay-backdrop);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--ccp-overlay-backdrop);background:#0006;background:var(--ccp-overlay-bg);display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1100}.subject-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--ccp-popup-bg);border:1px solid #fff3;border:1px solid var(--ccp-popup-border);border-radius:20px;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014,inset 0 1px 0 #fff9;box-shadow:var(--ccp-popup-shadow);display:flex;flex-direction:column;max-height:80vh;max-width:900px;overflow:hidden;width:100%}.subject-modal-header{align-items:center;background:linear-gradient(135deg,#f0f9ff,#dbeafe);background:var(--ccp-header-bg);border-bottom:1px solid #3b82f61a;border-bottom:1px solid var(--ccp-header-border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.subject-modal-header h3{color:#1e40af;color:var(--ccp-header-title);font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.subject-modal-header .close-btn{height:36px;width:36px}.subject-modal-filters{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--ccp-step-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ccp-step-border);display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem 2rem}.subject-search-input{background:#fffc;background:var(--ccp-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ccp-form-input-border);border-radius:10px;color:#1e293b;color:var(--ccp-form-input-text);flex:1 1;font-size:.9rem;min-width:200px;outline:none;padding:.75rem 1rem;transition:all .3s ease}.subject-search-input:focus{background:#fffffff2;background:var(--ccp-form-input-focus-bg);border-color:#3b82f6;border-color:var(--ccp-form-input-focus-border);box-shadow:0 0 0 3px #3b82f61a}.subject-search-input::placeholder{color:#9ca3af;color:var(--ccp-form-input-placeholder)}.subject-filter-dropdown{background:#fffc;background:var(--ccp-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ccp-form-input-border);border-radius:10px;min-width:140px}.subject-search-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--ccp-btn-primary-bg);border:none;border-radius:10px;color:#fff;color:var(--ccp-btn-primary-text);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.subject-search-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--ccp-btn-primary-hover-bg);transform:translateY(-1px)}.subject-search-btn:disabled{cursor:not-allowed;opacity:.6}.subject-modal-content{background:linear-gradient(135deg,#f9fafb,#fff);background:var(--ccp-body-bg);flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.subject-modal-content::-webkit-scrollbar{width:6px}.subject-modal-content::-webkit-scrollbar-track{background:#0000}.subject-modal-content::-webkit-scrollbar-thumb{background:#3b82f633;background:var(--ccp-scrollbar-thumb);border-radius:3px}.subject-empty,.subject-loading{align-items:center;color:#6b7280;color:var(--ccp-text-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.subject-empty .material-symbols-rounded,.subject-loading .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.7}.subject-results-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.subject-result-card{animation:fadeIn .3s ease;background:#fff;background:var(--ccp-subject-card-bg);border:2px solid #e2e8f0;border:2px solid var(--ccp-subject-card-border);border-radius:12px;cursor:pointer;padding:1rem;transition:all .3s ease}.subject-result-card:hover{border-color:#3b82f6;border-color:var(--ccp-subject-card-hover-border);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.subject-result-card.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--ccp-subject-card-selected-bg);border-color:#3b82f6;border-color:var(--ccp-subject-card-selected-border);box-shadow:0 4px 12px #3b82f633}.subject-result-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.subject-result-checkbox{flex-shrink:0;margin-top:.125rem}.subject-result-checkbox .material-symbols-rounded{color:#d1d5db;color:var(--ccp-subject-checkbox-unchecked);font-size:20px;transition:color .3s ease}.subject-result-card.selected .subject-result-checkbox .material-symbols-rounded{color:#3b82f6;color:var(--ccp-subject-checkbox-checked)}.subject-result-info{flex:1 1}.subject-result-info h5{color:#1e293b;color:var(--ccp-text-primary);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .25rem;transition:color .3s ease}.subject-code{color:#6b7280;color:var(--ccp-text-muted);font-family:JetBrains Mono,monospace;margin:0;transition:color .3s ease}.subject-result-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.subject-category-badge,.subject-type-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.subject-category-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.subject-type-badge{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #c4b5fd;color:#7c3aed}[data-theme=dark] .subject-category-badge{background:#3b82f633;border:1px solid #3b82f64d;color:#93c5fd}[data-theme=dark] .subject-type-badge{background:#8b5cf633;border:1px solid #8b5cf64d;color:#c4b5fd}.subject-result-department{color:#9ca3af;color:var(--ccp-text-light);font-size:.8rem;font-style:italic;transition:color .3s ease}.subject-modal-footer{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);background:var(--ccp-footer-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--ccp-footer-border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.subject-modal-footer span{color:#374151;color:var(--ccp-text-secondary);font-size:.9rem;font-weight:500;transition:color .3s ease}@keyframes slideInCard{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.subject-modal-overlay{align-items:flex-end;padding:0}.subject-modal{animation:subjectSheetUp .35s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0;max-height:90vh;max-width:100%!important;width:100%!important}@keyframes subjectSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.subject-modal-header{cursor:grab}.subject-modal-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.PLACEHOLDER_subject-modal{border-radius:12px;margin:1rem;max-height:90vh;max-width:100%}.subject-modal-filters{align-items:stretch;flex-direction:column;gap:.75rem}.subject-filter-dropdown,.subject-search-input{min-width:auto;width:100%}.ccp-selected-subjects-grid,.subject-results-grid{grid-template-columns:1fr}.ccp-add-subjects-section{padding:1.5rem}}@media (max-width:480px){.subject-modal-content,.subject-modal-footer,.subject-modal-header{padding-left:1rem;padding-right:1rem}.subject-modal-filters{padding:1rem}.subject-result-meta{flex-direction:column;gap:.25rem}.subject-category-badge,.subject-type-badge{align-self:flex-start}}.ccp-form-help{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);background:var(--ccp-info-banner-bg);border:1px solid #7dd3fc;border:1px solid var(--ccp-info-banner-border);border-radius:8px;color:#0369a1;color:var(--ccp-info-banner-text);display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;transition:all .3s ease}.ccp-form-help .material-symbols-rounded{font-size:16px;opacity:.8}.subject-credits-input{border-top:1px solid #e2e8f0cc;border-top:1px solid var(--ccp-form-input-border);display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem}.subject-credits-input .ccp-form-label{color:#374151;color:var(--ccp-text-secondary);font-size:.85rem;font-weight:600;margin-bottom:.25rem}.credits-input{border-radius:8px!important;font-size:.9rem!important;font-weight:600;padding:.5rem .75rem!important;text-align:center;width:80px!important}.credits-input:focus{border-color:#3b82f6!important;border-color:var(--ccp-form-input-focus-border)!important;box-shadow:0 0 0 2px #3b82f633!important}.ccp-selected-subject-card{min-height:180px}.ccp-selected-subject-card .subject-info{padding-right:3rem}.ccp-review-subject{align-items:center;background:#fffc;background:var(--ccp-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--ccp-form-input-border);border-radius:10px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .3s ease}.ccp-review-subject:hover{border-color:#3b82f6;border-color:var(--ccp-form-input-focus-border);box-shadow:0 2px 8px #3b82f61a}.ccp-review-subject-info{flex:1 1}.ccp-review-subject-name{color:#1e293b;color:var(--ccp-text-primary);font-size:.95rem;font-weight:600;margin-bottom:.25rem;transition:color .3s ease}.ccp-review-subject-code{color:#6b7280;color:var(--ccp-text-muted);font-family:JetBrains Mono,monospace;font-size:.8rem;margin-bottom:.5rem;transition:color .3s ease}.ccp-review-subject-meta{color:#9ca3af;color:var(--ccp-text-light);font-size:.75rem;font-style:italic;transition:color .3s ease}.ccp-review-subject-credits{align-items:center;display:flex;flex-direction:column;gap:.25rem;min-width:70px}.credits-label{color:#6b7280;color:var(--ccp-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.credits-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,linear-gradient(135deg,#3b82f6,#1d4ed8),linear-gradient(135deg,#2563eb,#1e40af));background:linear-gradient(135deg,var(--ccp-btn-primary-bg),var(--ccp-btn-primary-hover-bg));-webkit-background-clip:text;background-clip:text;background-color:#fffc;background-color:var(--ccp-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ccp-form-input-border);border-radius:8px;color:linear-gradient(135deg,#3b82f6,#1d4ed8);color:var(--ccp-btn-primary-bg);font-size:1.25rem;font-weight:700;min-width:40px;padding:.25rem .75rem}.ccp-total-credits,.credits-value{text-align:center;transition:all .3s ease}.ccp-total-credits{background:linear-gradient(135deg,linear-gradient(135deg,#e0f2fe,#bae6fd),linear-gradient(135deg,#f0f9ff,#e0f2fe));background:linear-gradient(135deg,var(--ccp-info-banner-bg),var(--ccp-summary-card-bg));border:2px solid #7dd3fc;border:2px solid var(--ccp-info-banner-border);border-radius:12px;color:#0369a1;color:var(--ccp-info-banner-text);font-size:1.1rem;margin-top:1.5rem;padding:1rem 1.5rem}.ccp-total-credits strong{font-size:1.2rem;font-weight:700}.credits-input:invalid{border-color:#fca5a5!important;border-color:var(--ccp-error-border)!important;box-shadow:0 0 0 2px #f4433633!important}.credits-input:valid{border-color:#6ee7b7!important;border-color:var(--ccp-success-border)!important}.ccp-selected-subjects-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.ccp-selected-subjects-grid{grid-template-columns:1fr}.ccp-review-subject{align-items:flex-start;flex-direction:column;gap:1rem}.ccp-review-subject-credits{align-items:center;align-self:flex-end;flex-direction:row;min-width:auto}.credits-label{font-size:.8rem}.credits-value{font-size:1.1rem}}@media (max-width:480px){.ccp-selected-subject-card{min-height:160px}.subject-credits-input{margin-top:.75rem;padding-top:.75rem}.credits-input{font-size:.85rem!important;width:70px!important}.ccp-total-credits{font-size:1rem}.ccp-total-credits strong{font-size:1.1rem}}[data-theme=dark] .credits-value{background-color:#1a1a1acc;border-color:#fff3}[data-theme=dark] .ccp-total-credits{background:linear-gradient(135deg,#3b82f626,#3b82f61a);border-color:#3b82f64d;color:#93c5fd}.credits-input{transition:all .3s cubic-bezier(.4,0,.2,1)}.credits-input:focus{transform:scale(1.05)}.credits-input:focus:valid{box-shadow:0 0 0 2px #10b98133!important}.credits-input:focus:invalid{box-shadow:0 0 0 2px #ef444433!important}.step.active .step-label:after{animation:pulse 2s infinite;background:#6ee7b7;background:var(--ccp-success-border);border-radius:50%;content:"";height:6px;position:absolute;right:-8px;top:-8px;width:6px}:root{--cou-page-bg:#fff;--cou-page-border:#e2e8f0;--cou-page-shadow:0 1px 6px #0000000d;--cou-container-bg:#fff;--cou-container-border:#e2e8f0;--cou-container-shadow:0 6px 20px #0000000d;--cou-text-primary:#1e293b;--cou-text-secondary:#475569;--cou-text-muted:#64748b;--cou-text-light:#94a3b8;--cou-header-bg:linear-gradient(135deg,#e0f2fe,#f8fafc);--cou-header-border:#e2e8f0;--cou-header-shadow:0 6px 20px #0000000d;--cou-card-bg:#fff;--cou-card-border:#e2e8f0;--cou-card-shadow:0 6px 20px #0000000d;--cou-card-hover-shadow:0 8px 20px #0000000f;--cou-input-bg:#0000;--cou-input-border:#0000;--cou-input-focus-border:#3b82f6;--cou-input-focus-shadow:0 0 0 2px #3b82f633;--cou-input-text:#0f172a;--cou-btn-bg:#f1f5f9;--cou-btn-text:#1e293b;--cou-btn-border:#e2e8f0;--cou-btn-shadow:0 1px 3px #0000000a;--cou-btn-hover-bg:#e0f2f1;--cou-btn-hover-shadow:0 6px 12px #0000001a;--cou-btn-save-bg:linear-gradient(135deg,#ede9fe,#e0e7ff);--cou-btn-save-text:#4338ca;--cou-btn-save-hover-bg:linear-gradient(135deg,#ddd6fe,#c7d2fe);--cou-btn-convert-bg:linear-gradient(135deg,#bbf7d0,#4ade80);--cou-btn-convert-text:#064e3b;--cou-btn-convert-hover-bg:linear-gradient(135deg,#86efac,#22c55e);--cou-btn-note-bg:linear-gradient(135deg,#d1fae5,#f0fdf4);--cou-btn-note-text:#065f46;--cou-btn-note-hover-bg:linear-gradient(135deg,#a7f3d0,#d1fae5);--cou-sidebar-bg:#ffffffd9;--cou-sidebar-border:#e2e8f0;--cou-sidebar-shadow:0 2px 20px #00000014;--cou-sidebar-hover-shadow:0 12px 28px #0000001a;--cou-tab-bg:#ffffffe6;--cou-tab-border:#e2e8f0;--cou-tab-text:#475569;--cou-tab-hover-bg:#065f460d;--cou-tab-hover-text:#065f46;--cou-tab-hover-border:#064e3b;--cou-tab-active-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--cou-tab-active-text:#065f46;--cou-field-label-text:#334155;--cou-field-value-text:#1e293b;--cou-field-hover-bg:#00000008;--cou-field-edit-icon:#64748b;--cou-field-edit-icon-hover:#0f172a;--cou-badge-active-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--cou-badge-active-text:#065f46;--cou-badge-inactive-bg:linear-gradient(135deg,#fef9c3,#fefce8);--cou-badge-inactive-text:#78350f;--cou-badge-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--cou-badge-error-text:#b91c1c;--cou-banner-bg:#e0f2fe;--cou-banner-text:#0369a1;--cou-banner-error-bg:#fee2e2;--cou-banner-error-text:#b91c1c;--cou-banner-success-bg:#d1fae5;--cou-banner-success-text:#065f46;--cou-form-section-bg:#f8fafc;--cou-form-section-border:#e2e8f0;--cou-form-input-bg:#f8fafc;--cou-form-input-border:#e2e8f0;--cou-scrollbar-thumb:#94a3b899;--cou-scrollbar-track:#0000;--cou-icon-color:#0369a1;--cou-icon-accent:#065f46;--cou-avatar-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--cou-avatar-text:#065f46;--cou-avatar-shadow:0 6px 20px #0000000d;--cou-avatar-border:#e2e8f0;--cou-popup-bg:#fff;--cou-popup-border:#065f46;--cou-popup-shadow:0 20px 40px #0000004d;--cou-popup-field-bg:#f8fafc;--cou-popup-field-border:#e2e8f0}[data-theme=dark]{--cou-page-bg:#1a1a1af2;--cou-page-border:#0f83;--cou-page-shadow:0 1px 6px #00ff881a;--cou-container-bg:#1a1a1af2;--cou-container-border:#ffffff1a;--cou-container-shadow:0 6px 20px #0009;--cou-text-primary:#fff;--cou-text-secondary:#ff9f0a;--cou-text-muted:#d1d5db;--cou-text-light:#9aa4b2;--cou-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--cou-header-border:#ffffff1a;--cou-header-shadow:0 6px 20px #0009;--cou-card-bg:#1a1a1af2;--cou-card-border:#ffffff1a;--cou-card-shadow:0 6px 20px #0009;--cou-card-hover-shadow:0 8px 25px #000000b3;--cou-input-bg:#0000;--cou-input-border:#00ff8840;--cou-input-focus-border:linear-gradient(135deg,#065f46,#047857);--cou-input-focus-shadow:0 0 0 2px #00ff8840;--cou-input-text:#fff;--cou-btn-bg:#333c;--cou-btn-text:#fff;--cou-btn-border:#0f83;--cou-btn-shadow:0 1px 3px #0006;--cou-btn-hover-bg:#00ff881a;--cou-btn-hover-shadow:0 6px 12px #0006;--cou-btn-save-bg:#0f83;--cou-btn-save-text:linear-gradient(135deg,#065f46,#047857);--cou-btn-save-hover-bg:#00ff8840;--cou-btn-convert-bg:#0f83;--cou-btn-convert-text:linear-gradient(135deg,#065f46,#047857);--cou-btn-convert-hover-bg:#00ff8840;--cou-btn-note-bg:#00ff8826;--cou-btn-note-text:linear-gradient(135deg,#065f46,#047857);--cou-btn-note-hover-bg:#0f83;--cou-sidebar-bg:#1a1a1af2;--cou-sidebar-border:#ffffff1a;--cou-sidebar-shadow:0 2px 20px #0009;--cou-sidebar-hover-shadow:0 12px 30px #000c;--cou-tab-bg:#1a1a1ae6;--cou-tab-border:#ffffff1a;--cou-tab-text:#d1d5db;--cou-tab-hover-bg:#00ff880f;--cou-tab-hover-text:linear-gradient(135deg,#065f46,#047857);--cou-tab-hover-border:#00ff8840;--cou-tab-active-bg:linear-gradient(135deg,#065f46,#047857);--cou-tab-active-text:linear-gradient(135deg,#065f46,#047857);--cou-field-label-text:#fff;--cou-field-value-text:#fff;--cou-field-hover-bg:#00ff880f;--cou-field-edit-icon:#9aa4b2;--cou-field-edit-icon-hover:linear-gradient(135deg,#065f46,#047857);--cou-badge-active-bg:linear-gradient(135deg,#065f46,#047857);--cou-badge-active-text:#3efcd9;--cou-badge-inactive-bg:linear-gradient(135deg,#ffc1072e,#1a1a1af2);--cou-badge-inactive-text:#ffd666;--cou-badge-error-bg:#f4433633;--cou-badge-error-text:#ffcdd2;--cou-banner-bg:#2196f326;--cou-banner-text:#bbdefb;--cou-banner-error-bg:#f443362e;--cou-banner-error-text:#ffcdd2;--cou-banner-success-bg:#00ff882e;--cou-banner-success-text:linear-gradient(135deg,#065f46,#047857);--cou-form-section-bg:#1a1a1ae6;--cou-form-section-border:#ffffff1a;--cou-form-input-bg:#1a1a1ae6;--cou-form-input-border:#0f83;--cou-scrollbar-thumb:#00ff884d;--cou-scrollbar-track:#0000;--cou-icon-color:#33e6c4;--cou-icon-accent:linear-gradient(135deg,#ff9f0a33,#ff9f0a26);--cou-avatar-bg:linear-gradient(135deg,#065f46,#047857);--cou-avatar-text:#000;--cou-avatar-shadow:0 2px 8px #00ff884d;--cou-avatar-border:#0f83;--cou-popup-bg:#1a1a1af2;--cou-popup-border:#00ff8840;--cou-popup-shadow:0 20px 40px #000c;--cou-popup-field-bg:#1a1a1ae6;--cou-popup-field-border:#0f83}.course-details-page{background:#fff;background:var(--cou-page-bg);box-sizing:border-box;color:#1e293b;color:var(--cou-text-primary);display:flex;flex-direction:column;font-family:Google Sans,Poppins,sans-serif;height:auto;min-height:100vh;overflow:visible;transition:all .3s ease;width:100%}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{color:#0369a1;color:var(--cou-icon-color);font-size:2rem}.error-container .material-symbols-rounded{font-size:3rem}.error-container .material-symbols-rounded,.error-container h3{color:#b91c1c;color:var(--cou-badge-error-text);margin-bottom:1rem}.retry-btn{align-items:center;background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--cou-btn-save-bg);border:none;border-radius:8px;color:#4338ca;color:var(--cou-btn-save-text);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.retry-btn:hover{background:linear-gradient(135deg,#ddd6fe,#c7d2fe);background:var(--cou-btn-save-hover-bg)}.course-snapshot-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--cou-header-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-header-border);border-radius:8px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-header-shadow);display:flex;flex-direction:column;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:10}.header-top-row{align-items:center;width:100%}.course-snapshot-info h1{color:#1e293b;color:var(--cou-text-primary);font-size:2rem;font-weight:700;margin:0;transition:color .3s ease}.course-next-action{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.cou-next-badge{align-items:center;background:#f8fafc;background:var(--cou-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:8px;color:#475569;color:var(--cou-text-secondary);display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.3rem .5rem .3rem .3rem;transition:all .3s ease}.cou-next-badge.followup-lead{background:linear-gradient(135deg,#a5f3fc,#22d3ee);border:1px solid #4b5563;color:#0e7490}.cou-next-badge.low-subjects{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--cou-badge-error-bg);border:1px solid #fecaca;color:#b91c1c;color:var(--cou-badge-error-text)}.cou-next-badge.warning-followup{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--cou-badge-inactive-bg);border:1px solid #f59e0b;color:#78350f;color:var(--cou-badge-inactive-text)}.followup-icon{font-size:1rem;font-variation-settings:"FILL" 1,"wght" 600}.course-display-id{align-items:center;background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cou-badge-active-bg);border-radius:10px;color:#065f46;color:var(--cou-badge-active-text);display:inline-flex;font-size:.95rem;font-weight:500;padding:3px 8px;transition:all .3s ease}.course-display-id .material-symbols-rounded{font-size:18px;margin-right:4px}.course-snapshot-actions{display:flex;gap:.75rem}.course-md3-btn{align-items:center;background-color:#f1f5f9;background-color:var(--cou-btn-bg);border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--cou-btn-shadow);color:#1e293b;color:var(--cou-btn-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transform:perspective(1px) translateZ(0);transition:all .25s ease;will-change:transform,box-shadow,background-color}.course-snapshot-info{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.course-md3-btn:hover{background-color:#e0f2f1;background-color:var(--cou-btn-hover-bg);border:2px solid #000;border-radius:24px;box-shadow:0 6px 12px #0000001a;box-shadow:var(--cou-btn-hover-shadow);transform:translateY(-3px) scale(1.02)}.course-md3-btn .material-symbols-rounded{font-size:1.1rem}.course-md3-btn.save-btn{background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--cou-btn-save-bg);color:#4338ca;color:var(--cou-btn-save-text)}.course-md3-btn.save-btn:hover{background:linear-gradient(135deg,#ddd6fe,#c7d2fe);background:var(--cou-btn-save-hover-bg)}.course-md3-btn.refresh-btn{background:#f8fafc;background:var(--cou-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);color:#0369a1;color:var(--cou-icon-color)}.course-md3-btn.refresh-btn:hover{background:#00000008;background:var(--cou-field-hover-bg)}.course-md3-btn:disabled{background-color:#f1f5f9;background-color:var(--cou-btn-bg);box-shadow:none;color:#94a3b8;color:var(--cou-text-light);cursor:not-allowed;opacity:.6;pointer-events:none}.disabled-icon{opacity:.5}.course-message-banner{align-items:center;background-color:#e0f2fe;background-color:var(--cou-banner-bg);border-radius:6px;box-shadow:inset 0 -1px 0 #0000000d;color:#0369a1;color:var(--cou-banner-text);display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.course-message-banner.error{background:#fee2e2;background:var(--cou-banner-error-bg);color:#b91c1c;color:var(--cou-banner-error-text)}.course-message-banner.success{background:#d1fae5;background:var(--cou-banner-success-bg);color:#065f46;color:var(--cou-banner-success-text)}.course-details-container{display:flex;flex:1 1;gap:.5rem;padding:1rem .5rem .5rem}.course-sidebar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;background:var(--cou-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-sidebar-border);border-radius:12px;box-shadow:0 2px 20px #00000014;box-shadow:var(--cou-sidebar-shadow);display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;width:500px}.course-sidebar:hover{box-shadow:0 12px 28px #0000001a;box-shadow:var(--cou-sidebar-hover-shadow);transform:translateY(-4px)}.course-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding-right:.5rem}.course-sidebar-header h2{color:#1e293b;color:var(--cou-text-primary);font-size:1.4rem;font-weight:600;margin:0;transition:color .3s ease}.sidebar-toggle-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#dcfce740;border:1px solid #34d3994d;border-radius:8px;box-shadow:2px 2px 8px #22c55e14;color:#065f46;color:var(--cou-icon-accent);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.sidebar-toggle-btn:hover{background:#dcfce759;box-shadow:2px 2px 12px #22c55e29;color:#065f46;color:var(--cou-icon-accent)}.sidebar-toggle-btn .material-symbols-rounded{font-size:18px;transition:transform .3s ease}.sidebar-toggle-btn:hover .material-symbols-rounded{transform:scale(1.1)}.course-sidebar.collapsed{padding:1rem .5rem;transition:width .3s ease,padding .3s ease;width:60px}.course-sidebar.collapsed .course-sidebar-header h2,.course-sidebar.collapsed .course-sidebar-profile-horizontal,.course-sidebar.collapsed .course-sidebar-scrollable,.course-sidebar.collapsed .course-status-badge{display:none}.course-collapsed-sidebar-icons{align-items:center;display:none;flex-direction:column;gap:1.5rem;margin-top:2rem;position:relative;z-index:100}.course-sidebar.collapsed .course-collapsed-sidebar-icons{display:flex!important}.course-collapsed-icon-item{align-items:center;background:#fff;background:var(--cou-container-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-card-shadow);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:100}.course-collapsed-icon-item:hover{background:#00000008;background:var(--cou-field-hover-bg);border-color:#065f46;border-color:var(--cou-icon-accent);box-shadow:0 8px 20px #0000000f;box-shadow:var(--cou-card-hover-shadow);transform:translateX(3px) scale(1.05);z-index:99999!important}.course-collapsed-icon-item .material-symbols-rounded{color:#475569;color:var(--cou-text-secondary);font-size:20px;transition:color .3s ease}.course-collapsed-icon-item:hover .material-symbols-rounded{color:#065f46;color:var(--cou-icon-accent)}.course-sidebar-profile-horizontal{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-card-shadow);display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;transition:all .3s ease}.course-sidebar-profile-horizontal:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--cou-card-hover-shadow);transform:translateY(-2px)}.course-avatar-circle{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--cou-avatar-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-avatar-border);border-radius:50%;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-avatar-shadow);color:#065f46;color:var(--cou-avatar-text);display:flex;flex-shrink:0;font-size:2rem;font-weight:600;height:96px;justify-content:center;text-transform:uppercase;transition:all .3s ease;width:96px}.course-avatar-circle.online{box-shadow:0 0 0 4px #22c55e80}.course-sidebar-profile-horizontal .profile-info-ud{display:flex;flex:1 1;flex-direction:column}.course-sidebar-profile-horizontal .name{color:#1e293b;color:var(--cou-text-primary);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.course-sidebar-profile-horizontal .meta{color:#475569;color:var(--cou-text-secondary);font-size:.85rem;margin:.15rem 0;transition:color .3s ease}.course-status-badge{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:14px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-card-shadow);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:4rem;padding:.5rem 1rem;pointer-events:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.status-section{align-items:center;display:flex;gap:.4rem}.grade-icon,.status-icon{color:#0369a1;color:var(--cou-icon-color);font-size:1.2rem;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24;transition:color .3s ease}.label-text{color:#64748b;color:var(--cou-text-muted);font-size:.8rem;transition:color .3s ease}.course-grade-badge,.course-type-badge{border:1px solid #0000000d;border-radius:8px;box-shadow:inset 0 1px 1px #fff9;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .75rem;text-align:center;transition:all .3s ease}.course-type-badge.active{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cou-badge-active-bg);color:#065f46;color:var(--cou-badge-active-text)}.course-type-badge.inactive{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--cou-badge-inactive-bg);color:#78350f;color:var(--cou-badge-inactive-text)}.course-grade-badge.A,.course-grade-badge.B{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cou-badge-active-bg);color:#065f46;color:var(--cou-badge-active-text)}.course-grade-badge.C{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--cou-badge-inactive-bg);color:#78350f;color:var(--cou-badge-inactive-text)}.course-grade-badge.D,.course-grade-badge.F{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--cou-badge-error-bg);color:#b91c1c;color:var(--cou-badge-error-text)}.course-sidebar-scrollable{flex:1 1;margin-right:-8px;overflow-y:auto;padding-right:8px;padding-top:8px}.course-sidebar-scrollable::-webkit-scrollbar{width:6px}.course-sidebar-scrollable:hover::-webkit-scrollbar{width:8px}.course-sidebar-scrollable::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--cou-scrollbar-thumb);border-radius:8px}.course-sidebar-scrollable::-webkit-scrollbar-track{background:#0000;background:var(--cou-scrollbar-track)}.course-sidebar-section{background-color:initial;border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-card-shadow);color:#1e293b;color:var(--cou-text-primary);margin-bottom:.5rem;padding:1rem 1rem .5rem;transition:all .3s ease}.course-sidebar-section:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--cou-card-hover-shadow);transform:translateY(-2px)}.course-sidebar-section.accent-purple{border-radius:1rem;overflow:hidden;padding:1.25rem;position:relative;z-index:0}.course-sidebar-section.accent-purple:before{background:linear-gradient(145deg,#fbbf24,#10b981 30%,#6366f1 60%,#ec4899);border-radius:1rem;content:"";inset:0;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;padding:2px;pointer-events:none;position:absolute;z-index:-1}.course-sidebar-section h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-container-border);color:#1e293b;color:var(--cou-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;transition:all .3s ease}.course-sidebar-section h4 .material-symbols-rounded{color:#0369a1;color:var(--cou-icon-color);font-size:1.3rem;transition:color .3s ease}.course-main-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;background:var(--cou-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-container-shadow);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem 1rem 0;position:relative;transition:all .3s ease;z-index:1}.course-main-content::-webkit-scrollbar{width:8px}.course-main-content::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--cou-scrollbar-thumb);border-radius:8px}.course-main-content::-webkit-scrollbar-track{background:#0000;background:var(--cou-scrollbar-track)}.course-tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--cou-tab-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-tab-border);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 2px 8px #00000005;display:flex;gap:.75rem;margin:-1.5rem -1.5rem 1.5rem;padding:0 1.5rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s ease}.course-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--cou-tab-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-card-shadow);color:#475569;color:var(--cou-tab-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.course-tab:hover{background-color:#065f460d;background-color:var(--cou-tab-hover-bg);border:1px solid #064e3b;border:1px solid var(--cou-tab-hover-border);border-radius:24px;color:#065f46;color:var(--cou-tab-hover-text)}.course-tab.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--cou-tab-active-bg);box-shadow:0 2px 8px #065f461a;color:#065f46;color:var(--cou-tab-active-text);font-weight:600}.course-tab .material-symbols-rounded{font-size:1.1rem}.course-tab-content{padding:.5rem;position:relative;z-index:1}.course-tab-actions{background:#f8fafc;background:var(--cou-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-form-section-border);border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.course-card{background:#fff;background:var(--cou-card-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-card-shadow);height:-webkit-fit-content;height:fit-content;padding:1rem;position:relative;transition:all .3s ease}.course-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--cou-card-hover-shadow)}.course-card h4{align-items:center;color:#1e293b;color:var(--cou-text-primary);display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;transition:all .3s ease}.course-card h4 .material-symbols-rounded{color:#0369a1;color:var(--cou-icon-color);transition:color .3s ease}.course-card.color-yellow{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--cou-badge-inactive-bg);color:#78350f;color:var(--cou-badge-inactive-text);transition:all .3s ease}.course-card.color-yellow h4 .material-symbols-rounded{color:#78350f;color:var(--cou-badge-inactive-text);transition:color .3s ease}.course-card.color-emerald{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cou-badge-active-bg)}.course-card.color-emerald,.course-card.color-emerald h4 .material-symbols-rounded{color:#065f46;color:var(--cou-badge-active-text)}.card-controls-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--cou-tab-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-card-shadow);display:flex;flex-wrap:nowrap;gap:1rem;height:54px;justify-content:space-between;margin-bottom:1rem;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:40}.controls-left,.controls-right{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.controls-left{flex:1 1;min-width:0}.controls-right{flex-shrink:0}.modern-view-toggle{background:#f8fafc;background:var(--cou-form-section-bg);border:1px solid var(--cou-container-border);border-radius:8px;gap:0;padding:.2rem}.toggle-option{color:#475569;color:var(--cou-text-secondary);font-size:.85rem;gap:.5rem;padding:.6rem 1rem;white-space:nowrap}.toggle-option:hover{background:#e0f2f1;background:var(--cou-btn-hover-bg);color:#1e293b;color:var(--cou-text-primary)}.toggle-option.active{background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--cou-btn-save-bg);box-shadow:0 2px 4px #0000001a;color:#4338ca;color:var(--cou-btn-save-text);transform:translateY(-1px)}.filter-dropdown{align-items:center;display:flex}.filter-select{background:#f8fafc;background:var(--cou-form-input-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-form-input-border);border-radius:4px;color:#1e293b;color:var(--cou-text-primary);font-size:.8rem;height:28px;min-width:80px;padding:.3rem .5rem;transition:all .2s ease}.filter-select:focus{border-color:#3b82f6;border-color:var(--cou-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--cou-input-focus-shadow)}.bookmarks-count,.bookmarks-info{align-items:center;display:flex}.bookmarks-count{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--cou-badge-inactive-bg);border:1px solid #78350f;border:1px solid var(--cou-badge-inactive-text);border-radius:3px;color:#64748b;color:var(--cou-text-muted);font-size:.75rem;gap:.2rem;height:28px;padding:.2rem .4rem;transition:all .3s ease}.bookmarks-count .material-symbols-rounded{color:#78350f;color:var(--cou-badge-inactive-text);font-size:12px}.bulk-btn{align-items:center;background:#f8fafc;background:var(--cou-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:4px;color:#64748b;color:var(--cou-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:.3rem;transition:all .2s ease;width:28px}.bulk-btn:hover{background:#00000008;background:var(--cou-field-hover-bg);border-color:#0369a1;border-color:var(--cou-icon-color);color:#0369a1;color:var(--cou-icon-color);transform:translateY(-1px)}.bulk-btn .material-symbols-rounded{font-size:14px}.enhanced-card-header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-container-border);border-top-left-radius:20px;border-top-right-radius:20px;display:flex;justify-content:space-between;margin:-1rem -1rem 1rem;min-height:auto;padding:.75rem 1rem;transition:border-color .3s ease}.card-header-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.card-icon{border-radius:6px;color:#0369a1;color:var(--cou-icon-color);font-size:1.2rem;padding:.4rem}.card-icon,.cou-card-title{flex-shrink:0;transition:color .3s ease}.cou-card-title{color:#1e293b;color:var(--cou-text-primary);font-size:1rem;font-weight:600;margin:0}.completion-badge{align-items:center;background:#f8fafc;background:var(--cou-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:4px;color:#64748b;color:var(--cou-text-muted);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.25rem;padding:.2rem .5rem;transition:all .3s ease}.completion-badge.completion-1{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--cou-badge-error-bg);border-color:#fecaca;color:#b91c1c;color:var(--cou-badge-error-text)}.completion-badge.completion-2{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--cou-badge-inactive-bg);border-color:#fde68a;color:#78350f;color:var(--cou-badge-inactive-text)}.completion-badge.completion-3{background:#dbeafe;border-color:#bfdbfe;color:#2563eb}.completion-badge.completion-4,.completion-badge.completion-5{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cou-badge-active-bg);border-color:#a7f3d0;color:#065f46;color:var(--cou-badge-active-text)}.importance-badge{align-items:center;border-radius:4px;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.25rem;padding:.2rem .5rem;transition:all .3s ease}.importance-badge.high{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--cou-badge-error-bg);border:1px solid #fecaca;color:#b91c1c;color:var(--cou-badge-error-text)}.importance-badge.medium{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--cou-badge-inactive-bg);border:1px solid #fde68a;color:#78350f;color:var(--cou-badge-inactive-text)}.importance-badge .material-symbols-rounded{font-size:12px}.pinned-badge{align-items:center;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:4px;color:#7c3aed;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.25rem;padding:.2rem .5rem;transition:all .3s ease}.pinned-badge .material-symbols-rounded{font-size:12px}.card-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.card-action-btn{align-items:center;background:#f8fafc;background:var(--cou-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:4px;color:#64748b;color:var(--cou-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;padding:.4rem;transition:all .2s ease;width:32px}.card-action-btn:hover{background:#00000008;background:var(--cou-field-hover-bg);border-color:#0369a1;border-color:var(--cou-icon-color);color:#0369a1;color:var(--cou-icon-color);transform:translateY(-1px)}.card-action-btn.active{background:#ddd6fe;border-color:#7c3aed;color:#7c3aed}.card-action-btn .material-symbols-rounded{font-size:16px}.field-group{grid-gap:1.25rem 1.5rem;display:grid;gap:1.25rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field-group .field-item{flex-basis:calc(20% - 1.6rem);flex-grow:1;flex-shrink:1;min-width:180px}.field-group.sidebar-two-col{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.field-group.sidebar-two-col .field-item{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:0}.enhanced-field-item{border-radius:8px;margin:0;padding:.5rem;position:relative;transition:all .2s ease}.enhanced-field-item.field-bookmarked{background:#fbbf240d;border:1px solid #fde68a}.enhanced-field-item.field-empty{border:1px dashed #e2e8f0;border:1px dashed var(--cou-container-border)}.field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.35rem}.course-field-label{align-items:center;color:#334155;color:var(--cou-field-label-text);display:flex;font-size:.85rem;font-weight:500;gap:.25rem;transition:color .3s ease}.empty-indicator{color:#b91c1c;color:var(--cou-badge-error-text);font-size:.75rem;font-weight:700}.bookmark-indicator{color:#f59e0b;font-size:.75rem}.field-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.enhanced-field-item:hover .field-actions{opacity:1}.field-action-btn{align-items:center;background:#fff;background:var(--cou-container-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:4px;color:#64748b;color:var(--cou-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.field-action-btn:hover{background:#0369a1;background:var(--cou-icon-color);border-color:#0369a1;border-color:var(--cou-icon-color);color:#fff;transform:scale(1.1)}.field-action-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.field-action-btn .material-symbols-rounded{font-size:14px}.field-item{display:flex;flex-direction:column;margin-bottom:1.25rem;position:relative}.course-edit-input,.course-edit-textarea{background:#0000;background:var(--cou-input-bg);border:1px solid #0000;border:1px solid var(--cou-input-border);border-radius:.6rem;color:#0f172a;color:var(--cou-input-text);font-family:inherit;font-size:.92rem;font-weight:500;outline:none;padding:.55rem .75rem;transition:all .2s ease;width:100%}.course-edit-input:focus,.course-edit-textarea:focus{background:#0000;background:var(--cou-input-bg);border-color:#3b82f6;border-color:var(--cou-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--cou-input-focus-shadow);transform:scale(1.02)}.course-edit-textarea{line-height:1.4;min-height:80px;resize:vertical}.course-value-container{align-items:center;border-radius:.6rem;cursor:pointer;display:flex;justify-content:space-between;padding:.1rem .2rem;transition:background-color .2s ease}.course-value-container:hover{background-color:#00000008;background-color:var(--cou-field-hover-bg)}.course-value-text{color:#1e293b;color:var(--cou-field-value-text);flex-grow:1;font-size:.92rem;font-weight:600;transition:color .3s ease;white-space:pre-wrap;word-break:break-word}.course-edit-icon-btn{background:#0000;border:none;color:#64748b;color:var(--cou-field-edit-icon);cursor:pointer;margin-left:.5rem;padding:0;transition:color .2s ease}.course-edit-icon-btn:hover{color:#0f172a;color:var(--cou-field-edit-icon-hover)}.course-value-container .course-edit-icon-btn{opacity:0;transition:opacity .2s ease}.course-value-container:hover .course-edit-icon-btn{opacity:1;padding:.3rem}.course-value-text:hover{padding:.2rem}.course-value-container.read-only:hover{background-color:initial;cursor:default}.course-value-container.read-only .course-edit-icon-btn{display:none}.course-value-container.read-only .course-value-text:hover{padding:0}.course-value-container.read-only .course-value-text{cursor:default}.cou-field-label{color:#334155;color:var(--cou-field-label-text);font-size:.85rem;margin-bottom:.5rem}.cou-field-label,.cou-field-value{font-weight:500;transition:color .3s ease}.cou-field-value{color:#1e293b;color:var(--cou-field-value-text);font-size:.9rem;word-break:break-word}.course-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:#fff;background:var(--cou-card-bg);border:1px solid var(--cou-card-border);box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-card-shadow);display:flex;gap:1rem;padding:1.5rem}.stat-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--cou-card-hover-shadow);transform:translateY(-2px)}.cou-stat-icon{align-items:center;background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cou-badge-active-bg);background:var(--tk-btn-primary-bg);border-radius:12px;box-shadow:var(--tk-btn-primary-shadow);color:#065f46;color:var(--cou-badge-active-text);color:var(--tk-btn-primary-text);display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.stat-content h3{color:#1e293b;color:var(--cou-text-primary);font-size:1.5rem;font-weight:700;margin:0;transition:color .3s ease}.stat-content p{color:#475569;color:var(--cou-text-secondary);font-size:.85rem;margin:.25rem 0 0;transition:color .3s ease}.course-audit-trail-block{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.course-audit-pair{background:#f8fafc;background:var(--cou-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-form-section-border);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.8rem 1rem;transition:all .3s ease}.course-audit-pair .course-label{color:#64748b;color:var(--cou-text-muted);font-size:.8rem;font-weight:500;transition:color .3s ease}.course-audit-pair .course-value{color:#1e293b;color:var(--cou-text-primary);flex:1 1 auto;font-size:.95rem;font-weight:500;transition:color .3s ease;word-break:break-word}.course-details-tab.grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.course-details-tab.list{display:flex;flex-direction:column;gap:1rem}.course-details-tab.list .course-card{max-width:none;width:100%}.course-details-tab.list .field-group{grid-gap:1rem 1.5rem;display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.course-card.minimized{transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card.minimized .card-content{display:none}.course-card.pinned{border:2px solid #ddd6fe;box-shadow:0 8px 25px #7c3aed26;order:-1}.course-card.pinned:before{background:linear-gradient(45deg,#7c3aed,#a855f7,#7c3aed);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.6;position:absolute;right:-2px;top:-2px;z-index:-1}.card-content{margin-bottom:0;transition:all .3s ease}.empty-state{background:#fff;background:var(--cou-container-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-container-shadow);padding:3rem 2rem;transition:all .3s ease}.empty-state-icon{margin-bottom:1.5rem}.empty-state-icon .material-symbols-rounded{color:#94a3b8;color:var(--cou-text-light);transition:color .3s ease}.empty-state h3{color:var(--cou-text-primary);font-size:1.3rem;margin-bottom:1rem}.empty-state p{color:#64748b;color:var(--cou-text-muted);line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;transition:color .3s ease}.more-actions-dropdown{display:inline-block;position:relative}.menu-popup{background:#fff;background:var(--cou-popup-bg);border:2px solid #065f46;border:2px solid var(--cou-popup-border);border-radius:12px;box-shadow:0 20px 40px #0000004d;box-shadow:var(--cou-popup-shadow);padding:.5rem 0;position:absolute;right:0;top:40px;transition:all .3s ease;width:220px;z-index:999}.popup-item{align-items:center;background:#0000;border:none;color:#1e293b;color:var(--cou-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;width:100%}.popup-item:hover{background:#00000008;background:var(--cou-field-hover-bg)}.popup-icon{color:#0369a1;color:var(--cou-icon-color);font-size:20px;margin-right:12px;transition:color .3s ease}.analytics-content{padding:1rem 0}.analytics-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-container{background:#fff;background:var(--cou-card-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-card-shadow);padding:1.5rem;transition:all .3s ease}.chart-container:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--cou-card-hover-shadow);transform:translateY(-2px)}.chart-header{margin-bottom:1rem}.chart-title{align-items:center;color:#1e293b;color:var(--cou-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0;transition:color .3s ease}.chart-title .material-symbols-rounded{color:#0369a1;color:var(--cou-icon-color);font-size:1.2rem;transition:color .3s ease}.chart-content{position:relative}.distribution-chart{display:flex;flex-direction:column;gap:1rem}.chart-item{align-items:center;display:flex;gap:1rem}.chart-label{color:#475569;color:var(--cou-text-secondary);font-size:.9rem;font-weight:500;min-width:80px;transition:color .3s ease}.chart-bar{background:#f8fafc;background:var(--cou-form-section-bg);border-radius:4px;flex:1 1;height:8px;overflow:hidden;position:relative}.chart-fill{border-radius:4px;height:100%;transition:all .3s ease}.chart-fill.mandatory{background:linear-gradient(135deg,linear-gradient(135deg,#dcfce7,#f0fdf4),#065f46);background:linear-gradient(135deg,var(--cou-badge-active-bg),var(--cou-badge-active-text))}.chart-fill.elective{background:linear-gradient(135deg,linear-gradient(135deg,#fef9c3,#fefce8),#78350f);background:linear-gradient(135deg,var(--cou-badge-inactive-bg),var(--cou-badge-inactive-text))}.chart-value{color:#1e293b;color:var(--cou-text-primary);font-size:.85rem;font-weight:600;min-width:30px;text-align:center;transition:color .3s ease}.course-sidebar-hover-popup{background:#fff!important;background:var(--cou-popup-bg)!important;border:2px solid #065f46!important;border:2px solid var(--cou-popup-border)!important;border-radius:12px;box-shadow:0 20px 40px #0000004d!important;box-shadow:var(--cou-popup-shadow)!important;max-width:400px;min-width:300px;opacity:0;padding:1rem;pointer-events:none;position:fixed!important;transition:all .2s ease;visibility:hidden;white-space:normal!important;z-index:999999!important}.course-collapsed-icon-item:hover .course-sidebar-hover-popup{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.course-popup-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-container-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;transition:border-color .3s ease;white-space:normal}.course-popup-header .material-symbols-rounded{color:#065f46;color:var(--cou-icon-accent);flex-shrink:0;font-size:1.2rem;transition:color .3s ease}.course-popup-header h4{color:#1e293b;color:var(--cou-text-primary);font-size:1rem;font-weight:600;margin:0;transition:color .3s ease;white-space:normal}.course-popup-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;white-space:normal}.course-popup-field{display:flex;flex-direction:column;gap:.25rem}.course-popup-field-label{color:#64748b;color:var(--cou-text-muted);font-size:.8rem;font-weight:500;transition:color .3s ease;white-space:normal}.course-popup-field-value{background:#f8fafc;background:var(--cou-popup-field-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-popup-field-border);border-radius:6px;color:#1e293b;color:var(--cou-text-primary);font-size:.9rem;font-weight:500;padding:.3rem .5rem;transition:all .3s ease;white-space:normal;word-break:break-word}.course-popup-field-value.empty{color:#94a3b8;color:var(--cou-text-light);font-style:italic}.icon-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:8px;color:#475569;color:var(--cou-text-secondary);cursor:pointer;display:flex;height:38px;justify-content:center;position:relative;transition:all .2s ease;width:38px}.icon-btn:hover{background:#00000008;background:var(--cou-field-hover-bg);border-color:#065f46;border-color:var(--cou-icon-accent);box-shadow:0 6px 20px #0000000d;box-shadow:var(--cou-card-shadow);transform:translateY(-2px) scale(1.05)}.icon-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.icon-btn .material-symbols-rounded{font-size:22px;transition:color .3s ease}.icon-btn.icon-purple .material-symbols-rounded{color:#0369a1;color:var(--cou-icon-color)}.icon-btn:after{background:#1e293be6;border-radius:4px;bottom:-30px;color:#fff;content:attr(data-tooltip);font-size:10px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:100}.icon-btn:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px)}.field-note-section{background:#f8fafc;background:var(--cou-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-form-section-border);border-radius:6px;margin-top:.5rem;padding:.75rem;transition:all .3s ease}.field-note-input{background:#fff;background:var(--cou-container-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:4px;color:#1e293b;color:var(--cou-text-primary);font-family:inherit;font-size:.85rem;min-height:60px;padding:.5rem;resize:vertical;transition:all .3s ease;width:100%}.field-note-input:focus{border-color:#3b82f6;border-color:var(--cou-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--cou-input-focus-shadow);outline:none}.field-note-input::placeholder{color:#64748b;color:var(--cou-text-muted);font-style:italic}.field-note-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.note-save-btn{align-items:center;background:linear-gradient(135deg,#d1fae5,#f0fdf4);background:var(--cou-btn-note-bg);border:none;border-radius:6px;color:#065f46;color:var(--cou-btn-note-text);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.4rem .8rem;transition:all .2s ease}.note-save-btn:hover{background:linear-gradient(135deg,#a7f3d0,#d1fae5);background:var(--cou-btn-note-hover-bg)}.note-save-btn .material-symbols-rounded{font-size:14px}.field-note-preview{align-items:center;border:1px solid #065f46;border:1px solid var(--cou-badge-active-text);border-radius:6px;cursor:pointer;display:flex;gap:.5rem;margin-top:.5rem;padding:.5rem;transition:all .2s ease}.field-note-preview,.field-note-preview:hover{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cou-badge-active-bg)}.field-note-preview .material-symbols-rounded{color:#065f46;color:var(--cou-badge-active-text);font-size:16px}.note-text{color:#065f46;color:var(--cou-badge-active-text);flex:1 1;font-size:.85rem}@media (max-width:1200px){.course-details-container{flex-direction:column;gap:1rem;max-width:90%}.course-sidebar{margin-right:0;width:100%}.course-main-content{margin-left:0}.course-snapshot-header{align-items:flex-start;border-radius:12px;flex-direction:column;gap:1rem;position:static;top:auto}.course-snapshot-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.course-tabbar{border-radius:0;flex-wrap:wrap;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;position:static;top:auto}.course-details-tab{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.course-sidebar-hover-popup{left:20px!important;max-width:calc(100vw - 40px)!important;min-width:auto!important;right:20px!important}.card-controls-section{gap:.8rem;padding:.4rem .8rem}.controls-left,.controls-right{gap:.4rem}}@media (max-width:768px){.course-details-page{padding:1rem}.menu-popup{left:10px}.course-main-content,.course-sidebar{border-radius:12px;padding:1rem}.course-snapshot-header{padding:1rem}.course-snapshot-info h1{font-size:1.5rem}.course-md3-btn,.course-tab{font-size:.85rem;padding:.6rem 1rem}.course-card{border-radius:12px;padding:1rem}.course-card h4{font-size:1rem;margin-bottom:1rem}.field-item .course-edit-input,.field-item .course-value-container{font-size:.9rem}.course-audit-trail-block{grid-template-columns:1fr}.course-sidebar-hover-popup{left:10px!important;max-width:calc(100vw - 20px)!important;right:10px!important}.card-controls-section{gap:.6rem;height:auto;min-height:36px;padding:.4rem .6rem}.controls-left,.controls-right{gap:.3rem}.filter-select{font-size:.75rem;min-width:70px}.modern-view-toggle{padding:.15rem}.toggle-option{font-size:.8rem;padding:.5rem .75rem}.toggle-option span:last-child{display:none}.course-stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.cou-stat-icon{font-size:1.2rem;height:40px;width:40px}.stat-content h3{font-size:1.25rem}}@media (max-width:1024px){.course-details-tab{grid-template-columns:repeat(2,1fr)}.field-group .field-item{min-width:0}}@media (max-width:600px){.course-details-tab{grid-template-columns:1fr}.course-details-tab.list .course-card{margin-bottom:1rem}.field-group .field-item{min-width:0}.enhanced-card-header{align-items:flex-start;flex-direction:row;gap:1rem}.card-header-actions{align-self:center}.card-controls-section{flex-direction:column;gap:.75rem;padding:.75rem}.controls-left,.controls-right{justify-content:space-between;width:100%}.course-stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;gap:.75rem;text-align:center}.course-popup-fields{grid-template-columns:1fr}}@media (prefers-contrast:high){.course-card:hover{background:#fff;background:var(--cou-card-bg);border:2px solid #065f46;border:2px solid var(--cou-icon-accent);color:#1e293b;color:var(--cou-text-primary)}.course-grade-badge,.course-type-badge{border:2px solid}}@media (prefers-reduced-motion:reduce){.course-card,.course-md3-btn,.course-sidebar,.course-tab,.stat-card{animation:none;transition:none}.card-action-btn:hover,.course-card:hover,.course-md3-btn:hover,.course-sidebar:hover{transform:none}.loading-spinner{animation:none}}.subject-actions{gap:.5rem;margin-top:.75rem;transition:opacity .2s ease}.subject-edit-btn,.subject-remove-btn{align-items:center;background:#fff;background:var(--cou-container-bg);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border);border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:.4rem;transition:all .2s ease;width:32px}.subject-edit-btn{color:#0369a1;color:var(--cou-icon-color)}.subject-edit-btn:hover{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--cou-badge-active-bg);border-color:#065f46;border-color:var(--cou-badge-active-text);color:#065f46;color:var(--cou-badge-active-text)}.subject-remove-btn{color:#b91c1c;color:var(--cou-badge-error-text)}.subject-remove-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--cou-badge-error-bg);border-color:#b91c1c;border-color:var(--cou-badge-error-text)}.subject-edit-btn .material-symbols-rounded,.subject-remove-btn .material-symbols-rounded{font-size:16px}.field-actions{display:none!important}@media (max-width:768px){.course-details-page{overflow-x:hidden!important;padding:0!important}.course-snapshot-header{border-radius:0!important;box-shadow:0 2px 8px #0000001f;padding:.625rem .875rem!important;position:relative!important;top:auto!important;z-index:10}.header-top-row{grid-gap:.5rem!important;align-items:center!important;display:grid!important;gap:.5rem!important;grid-template-columns:1fr auto!important}.course-snapshot-info{align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:.2rem!important;min-width:0!important;overflow:hidden!important}.course-snapshot-info h1{font-size:.975rem!important;font-weight:700!important;line-height:1.2!important;margin:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.course-display-id{font-size:.7rem!important;padding:.1rem .4rem!important}.course-next-action{gap:.25rem!important;margin-top:.15rem!important}.cou-next-badge{font-size:.68rem!important;padding:.1rem .35rem!important}.course-snapshot-actions{align-items:center!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:.25rem!important;width:auto!important}.course-snapshot-actions .course-md3-btn{border-radius:9px!important;gap:0!important;height:34px!important;justify-content:center!important;min-width:34px!important;padding:0!important;width:34px!important}.course-snapshot-actions .course-md3-btn .material-symbols-rounded{font-size:1.15rem!important;margin:0!important}.course-snapshot-actions .course-md3-btn span:not(.material-symbols-rounded){display:none!important}.course-tabbar{-webkit-overflow-scrolling:touch!important;border-radius:0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.25rem!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:.5rem .75rem!important;position:-webkit-sticky!important;position:sticky!important;scrollbar-width:none!important;top:0!important;z-index:9!important}.course-tabbar::-webkit-scrollbar{display:none!important}.course-tab{border-radius:8px!important;flex-shrink:0!important;font-size:.875rem!important;min-width:auto!important;padding:.625rem .75rem!important;white-space:nowrap!important}.course-tab-label{display:none!important}.course-tab-content{padding:.75rem!important}.course-details-container{flex-direction:column!important;gap:0!important;max-width:100%!important;padding:0!important}.course-sidebar,.course-sidebar.collapsed{border-radius:0!important;max-width:100%!important;min-width:0!important;padding:.875rem!important;transform:none!important;width:100%!important}.course-sidebar:hover{transform:none!important}.course-sidebar.collapsed .course-sidebar-header h2,.course-sidebar.collapsed .course-sidebar-profile-horizontal,.course-sidebar.collapsed .course-sidebar-scrollable,.course-sidebar.collapsed .course-sidebar-section,.course-sidebar.collapsed .course-status-badge{display:block!important}.course-sidebar.collapsed .course-sidebar-profile-horizontal{display:flex!important}.course-collapsed-sidebar-icons,.sidebar-toggle-btn{display:none!important}.course-main-content{margin-left:0!important;padding:0!important;width:100%!important}.course-card{border-radius:12px!important;margin-bottom:1rem!important;padding:1rem!important}.course-details-tab.list .field-group,.field-group{gap:.75rem!important;grid-template-columns:repeat(2,1fr)!important}.field-group .enhanced-field-item{margin:0!important}.field-group .enhanced-field-item,.field-group .field-item{min-width:0!important;width:100%!important}.course-field-label{font-size:.85rem!important;font-weight:600!important;letter-spacing:.5px!important}.course-edit-input,.course-value-container,.course-value-text{font-size:1rem!important;font-weight:500!important}.course-stats-grid{gap:.75rem!important}.course-audit-trail-block,.course-stats-grid,.field-group.sidebar-two-col{grid-template-columns:repeat(2,1fr)!important}.field-group.sidebar-two-col{gap:.375rem .5rem!important}.course-sidebar-hover-popup,.menu-popup{left:10px!important;right:10px!important}.course-sidebar-hover-popup{max-width:calc(100vw - 20px)!important;min-width:auto!important}}@media (max-width:480px){.course-details-tab.list .field-group,.field-group{grid-template-columns:1fr 1fr!important}.field-group.sidebar-two-col{grid-template-columns:repeat(2,1fr)!important}.course-snapshot-info h1{font-size:.875rem!important}}.course-programs-tab{padding:0}.cpt-toolbar{justify-content:space-between;padding:.75rem 0 1rem}.cpt-toolbar,.cpt-toolbar-left{align-items:center;display:flex}.cpt-toolbar-left{gap:.5rem}.cpt-icon{color:#6366f1;font-size:1.1rem}.cpt-count{color:#1e293b;color:var(--cou-text-primary,#111827);font-size:.92rem;font-weight:700}.cpt-refresh-btn{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--cou-card-border,#e5e7eb);border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;padding:.35rem .6rem;transition:all .15s}.cpt-refresh-btn:hover{background:#6366f10f;border-color:#6366f1;color:#6366f1}.course-programs-list{display:flex;flex-direction:column;gap:1rem}.cpc-card{background:#fff;background:var(--cou-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-card-border,#e5e7eb);border-left:5px solid #6366f1;border-radius:14px;box-shadow:0 1px 4px #0000000d;display:grid;min-height:140px;overflow:hidden;transition:box-shadow .2s,transform .15s}.cpc-card:hover{box-shadow:0 6px 24px #00000017;transform:translateY(-2px)}.cpc-active{border-left-color:#10b981}.cpc-draft{border-left-color:#6366f1}.cpc-inactive{border-left-color:#f59e0b}.cpc-archived{border-left-color:#94a3b8}[data-theme=dark] .cpc-card{background:#ffffff0a;border-color:#ffffff1a}.cpc-left{align-items:flex-start;border-right:1px solid #e2e8f0;border-right:1px solid var(--cou-card-border,#e5e7eb);display:flex;gap:1rem;padding:1.25rem 1.25rem 1.25rem 1.5rem}[data-theme=dark] .cpc-left{border-right-color:#ffffff12}.cpc-avatar{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;font-weight:800;height:52px;justify-content:center;width:52px}.cpc-avatar-beginner{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.cpc-avatar-intermediate{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.cpc-avatar-advanced{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 12px #8b5cf64d}.cpc-avatar-default{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d}.cpc-identity{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-width:0}.cpc-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.cpc-name{color:#1e293b;color:var(--cou-text-primary,#111827);font-size:1.1rem;font-weight:800;letter-spacing:-.2px;margin:0}.cpc-id{color:#9ca3af;font-family:monospace;font-size:.7rem;letter-spacing:.3px}.cpc-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;color:var(--cou-text-secondary,#6b7280);display:-webkit-box;font-size:.82rem;line-height:1.45;margin:.1rem 0 0;overflow:hidden}.cpc-branch{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;margin-top:auto;padding-top:.4rem}.cpc-branch .material-symbols-rounded{color:#6366f1;font-size:.85rem}.cpc-status-pill{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;font-size:.67rem;font-weight:700;padding:2px 9px;white-space:nowrap}.cpc-status-active{background:#d1fae5;color:#065f46}.cpc-status-draft{background:#ede9fe;color:#4c1d95}.cpc-status-inactive{background:#fef3c7;color:#78350f}.cpc-status-archived{background:#f1f5f9;color:#475569}[data-theme=dark] .cpc-status-active{background:#10b98126;color:#34d399}[data-theme=dark] .cpc-status-draft{background:#6366f126;color:#a5b4fc}[data-theme=dark] .cpc-status-inactive{background:#f59e0b26;color:#fcd34d}[data-theme=dark] .cpc-status-archived{background:#64748b26;color:#94a3b8}.cpc-featured-pill{align-items:center;background:#fef3c7;border:1px solid #f59e0b40;border-radius:7px;color:#92400e;display:inline-flex;font-size:.63rem;font-weight:700;gap:.15rem;padding:2px 7px}.cpc-featured-pill .material-symbols-rounded{color:#f59e0b;font-size:.7rem}.cpc-stats{align-items:stretch;border-right:1px solid #e2e8f0;border-right:1px solid var(--cou-card-border,#e5e7eb);display:flex}[data-theme=dark] .cpc-stats{border-right-color:#ffffff12}.cpc-stat-block{align-items:center;border-right:1px solid #e2e8f0;border-right:1px solid var(--cou-card-border,#f3f4f6);display:flex;flex-direction:column;gap:.3rem;justify-content:center;min-width:80px;padding:0 1.4rem;text-align:center}.cpc-stat-block:last-child{border-right:none}[data-theme=dark] .cpc-stat-block{border-right-color:#ffffff0d}.cpc-stat-icon{color:#9ca3af;font-size:1.3rem!important}.cpc-stat-value{color:#1e293b;color:var(--cou-text-primary,#111827);font-size:1.6rem;font-weight:900;letter-spacing:-1px;line-height:1}.cpc-stat-label{color:#9ca3af;font-size:.62rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.cpc-stat-text{align-items:center;display:flex;flex-direction:column;gap:.2rem}.cpc-level-big{border-radius:8px;font-size:1rem;font-weight:800;line-height:1.3;padding:3px 10px}.cpc-level-beginner{background:#d1fae5;color:#065f46}.cpc-level-intermediate{background:#dbeafe;color:#1e40af}.cpc-level-advanced{background:#ede9fe;color:#4c1d95}[data-theme=dark] .cpc-level-beginner{background:#10b98126;color:#34d399}[data-theme=dark] .cpc-level-intermediate{background:#3b82f626;color:#60a5fa}[data-theme=dark] .cpc-level-advanced{background:#6366f126;color:#a5b4fc}.cpc-stat-price .cpc-stat-icon{color:#059669}.cpc-price-val{color:#059669!important;font-size:1.5rem;font-weight:900;letter-spacing:-1px}.cpc-stat-discount .cpc-stat-icon{color:#dc2626}.cpc-discount-val{color:#dc2626!important;font-size:1.5rem;font-weight:900;letter-spacing:-1px}.cpc-subjects-col{background:#ffffffe6;background:var(--cou-tab-bg,#f8fafc);display:flex;flex-direction:column;gap:.6rem;min-width:0;padding:1.1rem 1.25rem}[data-theme=dark] .cpc-subjects-col{background:#ffffff08}.cpc-subjects-header{align-items:center;color:#9ca3af;display:flex;font-size:.72rem;font-weight:700;gap:.35rem;letter-spacing:.7px;text-transform:uppercase}.cpc-subjects-header .material-symbols-rounded{color:#6366f1;font-size:.92rem}.cpc-subj-count{background:#6366f11a;border-radius:10px;color:#4f46e5;font-size:.68rem;font-weight:700;margin-left:auto;padding:1px 7px}.cpc-no-subjects{color:#9ca3af;font-size:.8rem;font-style:italic}.cpc-subj-list{display:flex;flex-direction:column;gap:.4rem;max-height:160px;overflow-y:auto}.cpc-subj-row{align-items:center;background:#fff;background:var(--cou-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-card-border,#e5e7eb);border-radius:8px;display:flex;gap:.5rem;justify-content:space-between;padding:.4rem .6rem}[data-theme=dark] .cpc-subj-row{background:#ffffff0a;border-color:#ffffff14}.cpc-subj-name{color:#1e293b;color:var(--cou-text-primary,#1f2937);flex:1 1;font-size:.82rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpc-subj-badges{align-items:center;display:flex;flex-shrink:0;gap:.3rem}.cpc-subj-short{background:#6366f11a;border-radius:4px;color:#4f46e5;font-family:monospace;font-size:.62rem}.cpc-subj-short,.cpc-subj-type{font-weight:700;padding:1px 5px}.cpc-subj-type{border-radius:5px;font-size:.6rem;letter-spacing:.3px;text-transform:uppercase}.cpc-type-practical{background:#dbeafe;color:#1e40af}.cpc-type-theory{background:#ede9fe;color:#4c1d95}.cpc-type-lab{background:#d1fae5;color:#065f46}[data-theme=dark] .cpc-type-practical{background:#3b82f626;color:#60a5fa}[data-theme=dark] .cpc-type-theory{background:#6366f126;color:#a5b4fc}.cpc-subj-credits{background:#f3f4f6;border-radius:4px;color:#374151;font-size:.62rem;font-weight:700;padding:1px 5px}.course-programs-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:.9rem;gap:.75rem;justify-content:center;padding:5rem 2rem}.course-programs-loading .material-symbols-rounded{font-size:2.5rem;opacity:.4}.cpc-card{position:relative}.cpc-card-actions{align-items:center;background:linear-gradient(135deg,#6366f108,#0000);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-card-border,#e5e7eb);display:flex;grid-column:1/-1;justify-content:space-between;padding:.5rem 1rem .5rem 1.5rem}[data-theme=dark] .cpc-card-actions{background:#6366f10d;border-bottom-color:#ffffff0f}.cpc-card{grid-template-columns:1fr auto 300px;grid-template-rows:auto 1fr}.cpc-left{grid-column:1;grid-row:2}.cpc-stats{grid-column:2;grid-row:2}.cpc-subjects-col{grid-column:3;grid-row:2}.cpc-card-index{color:#9ca3af;font-family:monospace;font-size:.7rem;font-weight:800;letter-spacing:.5px}.cpc-open-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:7px;box-shadow:0 2px 8px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:.35rem;padding:.3rem .75rem;transition:all .15s;white-space:nowrap}.cpc-open-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 14px #6366f159;transform:translateY(-1px)}.cpc-open-btn .material-symbols-rounded{font-size:.95rem}.cpc-slots-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:7px;box-shadow:0 2px 8px #10b98140;color:#fff;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:.35rem;padding:.3rem .75rem;transition:all .15s;white-space:nowrap}.cpc-slots-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px #10b98159;transform:translateY(-1px)}.cpc-slots-btn .material-symbols-rounded{font-size:.95rem}.cpc-card.cpc-active:hover{box-shadow:0 6px 24px #10b9811f}.cpc-card.cpc-draft:hover{box-shadow:0 6px 24px #6366f11f}.cpc-card.cpc-inactive:hover{box-shadow:0 6px 24px #f59e0b1f}.cpc-card.cpc-archived:hover{box-shadow:0 6px 24px #94a3b81f}.cpc-stat-block{max-width:120px;min-width:85px}@media (max-width:900px){.cpc-card{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.cpc-card-actions{grid-column:1;grid-row:1}.cpc-left{grid-row:2}.cpc-left,.cpc-stats{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-card-border,#e5e7eb);border-right:none;grid-column:1}.cpc-stats{grid-row:3}.cpc-subjects-col{background:#0000;grid-column:1;grid-row:4}.cpc-stats{display:grid!important;grid-template-columns:1fr 1fr;overflow:visible}.cpc-stat-block{align-items:center!important;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-card-border,#f3f4f6);border-right:none!important;flex-direction:row!important;gap:.6rem!important;justify-content:flex-start!important;max-width:none!important;min-width:0!important;padding:.7rem 1rem!important;text-align:left!important}.cpc-stat-block:last-child:nth-child(odd){grid-column:1/-1}.cpc-stat-icon{flex-shrink:0;font-size:1.1rem!important}.cpc-stat-block .cpc-level-big,.cpc-stat-block .cpc-stat-value{font-size:1.1rem!important;letter-spacing:-.3px!important;line-height:1.2!important}.cpc-stat-block .cpc-stat-label{display:block;font-size:.6rem!important;line-height:1}.cpc-stat-text{align-items:flex-start!important;gap:.1rem!important}}@media (max-width:480px){.cpc-card-actions{padding:.4rem .75rem .4rem 1rem}.cpc-open-btn span.material-symbols-rounded{font-size:.85rem}.cpc-name{font-size:.95rem!important}.cpc-stats{grid-template-columns:1fr 1fr!important}.cpc-stat-block{padding:.6rem .75rem!important}.cpc-stat-block .cpc-level-big,.cpc-stat-block .cpc-stat-value{font-size:1rem!important}}.course-sessions-tab{padding:1rem 0}.sessions-seat-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.sessions-seat-card{gap:.875rem;padding:1.25rem 1.5rem}.sessions-seat-info{display:flex;flex-direction:column;gap:.25rem}.sessions-seat-label{color:#6b7280;color:var(--cou-field-label-color,#6b7280);font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.sessions-seat-value{color:#111827;color:var(--cou-field-value-color,#111827);font-size:1.5rem;font-weight:700;line-height:1}.sessions-seat-total{color:#6b7280;color:var(--cou-field-label-color,#6b7280);font-size:1rem;font-weight:400}:root{--cs-container-bg:#fffffff2;--cs-container-border:#e2e8f0cc;--cs-container-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;--cs-text-primary:#1e293b;--cs-text-secondary:#374151;--cs-text-muted:#6b7280;--cs-text-light:#9ca3af;--cs-card-bg:#fff;--cs-card-border:#e2e8f0cc;--cs-card-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;--cs-card-hover-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;--cs-card-glow:0 0 20px #3b82f64d;--cs-form-input-bg:#fffc;--cs-form-input-border:#e2e8f0cc;--cs-form-input-shadow:inset 0 2px 4px #0000000a;--cs-form-input-text:#1e293b;--cs-form-input-placeholder:#9ca3af;--cs-form-input-focus-border:#3b82f6;--cs-form-input-focus-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;--cs-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--cs-btn-primary-text:#fff;--cs-btn-primary-shadow:0 4px 12px #3b82f64d;--cs-btn-primary-hover-bg:linear-gradient(135deg,#2563eb,#1e40af);--cs-badge-active-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--cs-badge-active-text:#065f46;--cs-badge-inactive-bg:linear-gradient(135deg,#fee2e2,#fecaca);--cs-badge-inactive-text:#991b1b;--cs-badge-mandatory-bg:linear-gradient(135deg,#fef3c7,#fde68a);--cs-badge-mandatory-text:#92400e;--cs-info-icon-bg:#3b82f61a;--cs-info-icon-text:#3b82f6;--cs-info-icon-hover-bg:#3b82f633;--cs-info-icon-glow:0 0 15px #3b82f666;--cs-action-view-bg:#3b82f61a;--cs-action-view-text:#1d4ed8;--cs-action-edit-bg:#f59e0b1a;--cs-action-edit-text:#d97706;--cs-action-remove-bg:#ef44441a;--cs-action-remove-text:#dc2626;--cs-trending-bg:linear-gradient(135deg,#ec4899,#be185d);--cs-trending-text:#fff;--cs-trending-shadow:0 4px 12px #ec48994d}[data-theme=dark]{--cs-container-bg:#1a1a1af2;--cs-container-border:#ffffff1a;--cs-container-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff0d;--cs-text-primary:#fff;--cs-text-secondary:#e5e7eb;--cs-text-muted:#9ca3af;--cs-text-light:#6b7280;--cs-card-bg:#1f2937cc;--cs-card-border:#4b55634d;--cs-card-shadow:0 2px 8px #0003,0 1px 4px #0000001a;--cs-card-hover-shadow:0 8px 25px #0000004d,0 4px 12px #3b82f61a;--cs-card-glow:0 0 20px #3b82f666;--cs-form-input-bg:#1f2937cc;--cs-form-input-border:#4b55634d;--cs-form-input-shadow:inset 0 2px 4px #0000001a;--cs-form-input-text:#fff;--cs-form-input-placeholder:#9ca3af;--cs-form-input-focus-border:#60a5fa;--cs-form-input-focus-shadow:0 0 0 3px #60a5fa33,0 4px 12px #60a5fa33;--cs-btn-primary-bg:linear-gradient(135deg,#60a5fa,#3b82f6);--cs-btn-primary-text:#fff;--cs-btn-primary-shadow:0 4px 12px #60a5fa4d;--cs-btn-primary-hover-bg:linear-gradient(135deg,#3b82f6,#2563eb);--cs-badge-active-bg:#22c55e33;--cs-badge-active-text:#4ade80;--cs-badge-inactive-bg:#ef444433;--cs-badge-inactive-text:#f87171;--cs-badge-mandatory-bg:#f59e0b33;--cs-badge-mandatory-text:#fbbf24;--cs-info-icon-bg:#60a5fa33;--cs-info-icon-text:#60a5fa;--cs-info-icon-hover-bg:#60a5fa4d;--cs-info-icon-glow:0 0 15px #60a5fa80;--cs-action-view-bg:#60a5fa33;--cs-action-view-text:#60a5fa;--cs-action-edit-bg:#fbbf2433;--cs-action-edit-text:#fbbf24;--cs-action-remove-bg:#f8717133;--cs-action-remove-text:#f87171;--cs-trending-bg:linear-gradient(135deg,#f472b6,#ec4899);--cs-trending-text:#fff;--cs-trending-shadow:0 4px 12px #f472b64d}.course-subjects-tab{max-width:100%;overflow-x:hidden;padding:1rem;transition:all .3s ease}.cou-filters-section{background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc}.filters-header{margin-bottom:1rem}.filters-header h4{color:#1e293b}.clear-filters-btn,.toggle-filters-btn{background:#fff;border:1px solid #e2e8f0cc;color:#374151}.clear-filters-btn:hover,.toggle-filters-btn:hover{box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a}.filter-field label{color:#374151}.subjects-form-input{background:#fffc;border:2px solid #e2e8f0cc;box-shadow:inset 0 2px 4px #0000000a;color:#1e293b}.subjects-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626}.subjects-form-input::placeholder{color:#9ca3af}.checkbox-label{color:#374151}.checkbox-label input[type=checkbox]{accent-color:#3b82f6}.subjects-list-section{background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc}.list-header{margin-bottom:1.5rem}.list-header h4{color:#1e293b}.header-actions{gap:1rem}.view-toggle{background:#fff;background:var(--cs-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cs-card-border);border-radius:12px;padding:.25rem}.view-toggle,.view-toggle-btn{display:flex;transition:all .3s ease}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;color:var(--cs-text-muted);cursor:pointer;font-family:inherit;height:40px;justify-content:center;width:40px}.view-toggle-btn:hover{background:#e2e8f0cc;background:var(--cs-card-border);color:#1e293b;color:var(--cs-text-primary)}.view-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--cs-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--cs-btn-primary-shadow);color:#fff;color:var(--cs-btn-primary-text)}.view-toggle-btn .material-symbols-rounded{font-size:20px}.empty-state,.loading-state{align-items:center;color:#6b7280;color:var(--cs-text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center;transition:color .3s ease}.empty-state-icon .material-symbols-rounded{color:#6b7280}.loading-state .material-symbols-rounded{font-size:3rem;opacity:.6}.loading-state .spinning{animation:spin 1s linear infinite}.empty-state h3{color:#1e293b}.subjects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.subject-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--cs-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cs-card-border);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--cs-card-shadow);display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.subject-card:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--cs-btn-primary-bg);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.subject-card:hover{box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--cs-card-hover-shadow);transform:translateY(-4px)}.subject-card:hover:before{opacity:1}.subject-card.inactive{filter:grayscale(20%);opacity:.6}.trending-badge{background:linear-gradient(135deg,#ec4899,#be185d);background:var(--cs-trending-bg);border-radius:6px;box-shadow:0 4px 12px #ec48994d;box-shadow:var(--cs-trending-shadow);color:#fff;color:var(--cs-trending-text);font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.2rem .5rem;position:absolute;right:8px;text-transform:uppercase;top:8px;z-index:2}.subject-card-main{display:flex;flex:1 1;flex-direction:column;padding:1rem}.subject-header{margin-bottom:.75rem}.subject-id{background:#fffc;background:var(--cs-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cs-form-input-border);border-radius:6px;color:#6b7280;color:var(--cs-text-muted);font-family:Courier New,monospace;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.subject-header-actions{align-items:center;display:flex;gap:.5rem}.status-badge{border-radius:12px;font-size:.65rem;padding:.25rem .5rem}.status-badge.active{background:var(--cs-badge-active-bg);color:var(--cs-badge-active-text)}.status-badge.inactive{background:var(--cs-badge-inactive-bg);color:var(--cs-badge-inactive-text)}.info-icon{align-items:center;background:#3b82f61a;background:var(--cs-info-icon-bg);border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.info-icon:hover{background:#3b82f633;background:var(--cs-info-icon-hover-bg);box-shadow:0 0 15px #3b82f666;box-shadow:var(--cs-info-icon-glow);transform:scale(1.1)}.info-icon .material-symbols-rounded{color:#3b82f6;color:var(--cs-info-icon-text);font-size:14px}.subject-title{flex:1 1;margin-bottom:.75rem}.subject-title h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--cs-text-primary);display:-webkit-box;font-size:1rem;font-weight:700;line-height:1.3;margin:0 0 .25rem;overflow:hidden}.subject-short-name{color:#6b7280;color:var(--cs-text-muted);font-size:.8rem;font-style:italic;font-weight:500}.subject-meta{flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.meta-tag{border-radius:8px;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.meta-tag.category{background:#3b82f61a;border:1px solid #3b82f633;color:#1d4ed8}.meta-tag.type{background:#a855f71a;border:1px solid #a855f733;color:#7c3aed}.meta-tag.mandatory{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--cs-badge-mandatory-bg);border:1px solid #f59e0b33;color:#92400e;color:var(--cs-badge-mandatory-text)}.subject-card-footer{align-items:center;background:#fffc;background:var(--cs-form-input-bg);border-top:1px solid #e2e8f0cc;border-top:1px solid var(--cs-card-border);display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.course-credits,.subject-credits{align-items:center;color:#374151;color:var(--cs-text-secondary);display:flex;font-size:.75rem;font-weight:600;gap:.375rem}.course-credits .material-symbols-rounded,.subject-credits .material-symbols-rounded{font-size:14px;opacity:.7}.subject-actions{bottom:8px;display:flex;gap:.25rem;opacity:0;position:absolute;right:8px;transform:translateY(4px);transition:all .3s ease}.subject-card:hover .subject-actions{opacity:1;transform:translateY(0)}.action-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;height:32px;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.action-btn.view-btn{background:#3b82f61a;background:var(--cs-action-view-bg);border:1px solid #3b82f633;color:#1d4ed8;color:var(--cs-action-view-text)}.action-btn.view-btn:hover{box-shadow:0 2px 8px #3b82f64d;transform:scale(1.1)}.action-btn.edit-btn{background:#f59e0b1a;background:var(--cs-action-edit-bg);border:1px solid #f59e0b33;color:#d97706;color:var(--cs-action-edit-text)}.action-btn.edit-btn:hover{box-shadow:0 2px 8px #f59e0b4d;transform:scale(1.1)}.action-btn.remove-btn{background:#ef44441a;background:var(--cs-action-remove-bg);border:1px solid #ef444433;color:#dc2626;color:var(--cs-action-remove-text)}.action-btn.remove-btn:hover{box-shadow:0 2px 8px #ef44444d;transform:scale(1.1)}.action-btn .material-symbols-rounded{font-size:16px}.subjects-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--cs-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cs-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--cs-card-shadow);overflow:hidden}.subjects-table{max-height:600px;overflow-x:auto;overflow-y:auto}.subjects-table table{border-collapse:collapse;border-spacing:0;min-width:900px;width:100%}.subjects-table th{background:#fff;background:var(--cs-card-bg);border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--cs-card-border);color:#374151;color:var(--cs-text-secondary);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;transition:all .3s ease;z-index:10}.subjects-table td{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--cs-card-border);color:#1e293b;color:var(--cs-text-primary);font-size:.9rem;padding:1rem;transition:all .3s ease;vertical-align:top}.subjects-table tr:hover{background:#e2e8f0cc;background:var(--cs-card-border)}.subjects-table tr.inactive-row{filter:grayscale(20%);opacity:.6}.table-subject-id{background:#e2e8f0cc;background:var(--cs-card-border);border-radius:8px;color:#6b7280;color:var(--cs-text-muted);display:inline-block;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;padding:.35rem .75rem;transition:all .3s ease}.table-subject-name{color:#1e293b;color:var(--cs-text-primary);font-weight:600;line-height:1.3;transition:color .3s ease}.table-short-name{color:#6b7280;color:var(--cs-text-muted);font-style:italic;transition:color .3s ease}.table-meta-tag{border-radius:10px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase;transition:all .3s ease}.table-meta-tag.category{background:#3b82f61a;border:1px solid #3b82f633;color:#1d4ed8}.table-meta-tag.type{background:#a855f71a;border:1px solid #a855f733;color:#7c3aed}.table-credits{color:#374151;color:var(--cs-text-secondary);font-weight:600;transition:color .3s ease}.table-status-badge{transition:all .3s ease}.table-status-badge.active{background:var(--cs-badge-active-bg);color:var(--cs-badge-active-text)}.table-status-badge.inactive{background:var(--cs-badge-inactive-bg);color:var(--cs-badge-inactive-text)}.table-action-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-action-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.table-action-btn:hover:before{height:36px;width:36px}.table-action-btn.view-btn{background:#3b82f61a;background:var(--cs-action-view-bg);color:var(--cs-action-view-text)}.table-action-btn.view-btn:hover{transform:scale(1.1)}.table-action-btn.edit-btn{background:#f59e0b1a;background:var(--cs-action-edit-bg);color:var(--cs-action-edit-text)}.table-action-btn.edit-btn:hover{transform:scale(1.1)}.table-action-btn.remove-btn{background:#ef44441a;background:var(--cs-action-remove-bg);color:var(--cs-action-remove-text)}.table-action-btn.remove-btn:hover{transform:scale(1.1)}.table-action-btn .material-symbols-rounded{transition:transform .3s ease;z-index:1}.table-action-btn:hover .material-symbols-rounded{transform:scale(1.1)}.info-popup-sheet-handle{display:none}.info-popup-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;padding:1rem}.info-popup{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 25px 50px #00000040,0 12px 30px #00000026;max-width:600px;overflow-y:auto;position:relative;width:100%}.info-popup-header{align-items:flex-start;background:#fff;background:var(--cs-card-bg);border-bottom:1px solid #e2e8f0cc;border-radius:20px 20px 0 0;padding:2rem 2rem 1rem;z-index:1}.popup-title{flex:1 1;margin-right:1rem}.popup-title h3{color:#1e293b;line-height:1.3;margin:0 0 .5rem;transition:color .3s ease}.popup-subject-id{background:#e2e8f0cc;background:var(--cs-card-border);border-radius:8px;color:#6b7280;color:var(--cs-text-muted);display:inline-block;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;padding:.35rem .75rem;transition:all .3s ease}.popup-close-btn{background:var(--cs-action-remove-bg);border-radius:50%;color:var(--cs-action-remove-text);flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.popup-close-btn:hover{box-shadow:0 4px 15px #ef44444d;transform:scale(1.1)}.info-popup-content{padding:1rem 2rem 2rem}.popup-section-title{color:#1e293b;font-weight:600;margin:0 0 1rem;transition:color .3s ease}.popup-status-row{align-items:center;display:flex;justify-content:space-between}.popup-badges{gap:.5rem}.popup-badge{font-size:.75rem;padding:.4rem .8rem;text-transform:uppercase;transition:all .3s ease}.popup-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--cs-badge-active-bg);color:#065f46;color:var(--cs-badge-active-text)}.popup-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--cs-badge-inactive-bg);color:#991b1b;color:var(--cs-badge-inactive-text)}.popup-badge.mandatory{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--cs-badge-mandatory-bg);color:#92400e;color:var(--cs-badge-mandatory-text)}.popup-badge.trending{background:linear-gradient(135deg,#ec4899,#be185d);background:var(--cs-trending-bg);box-shadow:0 4px 12px #ec48994d;box-shadow:var(--cs-trending-shadow);color:#fff;color:var(--cs-trending-text)}.popup-description{background:#fffc;background:var(--cs-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cs-form-input-border);border-radius:12px;padding:1rem;transition:all .3s ease}.popup-description .rich-text-editor{background:#0000;border:none}.popup-description .ql-editor{color:#374151;color:var(--cs-text-secondary);font-size:.95rem;line-height:1.6;padding:0}.popup-details-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.popup-detail-item{background:#fffc;background:var(--cs-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cs-form-input-border)}.popup-detail-item:hover{box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--cs-card-shadow)}.detail-label{color:#6b7280;font-size:.8rem;font-weight:600;text-transform:uppercase;transition:color .3s ease}.detail-value{color:#1e293b;transition:color .3s ease}.detail-value.category-tag{background:#3b82f61a;color:#1d4ed8;letter-spacing:.5px}.detail-value.category-tag,.detail-value.type-tag{align-self:flex-start;border-radius:8px;font-size:.8rem;padding:.25rem .6rem;text-transform:uppercase}.detail-value.type-tag{background:#a855f71a}.detail-value.credits-highlight{align-self:flex-start;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--cs-btn-primary-bg);border-radius:8px;color:#fff;color:var(--cs-btn-primary-text);padding:.25rem .6rem}.popup-actions{flex-wrap:wrap}.popup-action-btn{flex:1 1;justify-content:center;min-width:140px;transition:all .3s cubic-bezier(.4,0,.2,1)}.popup-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--cs-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--cs-btn-primary-shadow);color:#fff;color:var(--cs-btn-primary-text)}.popup-action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--cs-btn-primary-hover-bg);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.popup-action-btn.secondary{background:#f59e0b1a;background:var(--cs-action-edit-bg);border:1px solid #f59e0b33;color:#d97706;color:var(--cs-action-edit-text)}.popup-action-btn.secondary:hover{box-shadow:0 4px 15px #f59e0b4d;transform:translateY(-2px)}.popup-action-btn.danger{background:#ef44441a;background:var(--cs-action-remove-bg);color:var(--cs-action-remove-text)}.popup-action-btn.danger:hover{box-shadow:0 4px 15px #ef44444d}[data-theme=dark] .detail-value.category-tag{background:#60a5fa33;color:#60a5fa}[data-theme=dark] .detail-value.type-tag{background:#a855f733}.info-tooltip{display:none}@media (max-width:768px){.info-popup-overlay{align-items:flex-end;padding:0}.info-popup{animation:cst-sheetUp .35s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0;margin:0;max-height:90vh;max-width:100%!important;width:100%}@keyframes cst-sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.info-popup-sheet-handle{background:#0000002e;border-radius:2px;display:block;height:4px;margin:0 auto .75rem;width:36px}[data-theme=dark] .info-popup-sheet-handle{background:#ffffff38}.info-popup-header{align-items:center;border-radius:24px 24px 0 0;cursor:grab;flex-direction:row;padding:.875rem 1.25rem;position:-webkit-sticky;position:sticky;top:0}.popup-title h3{font-size:1.1rem}.info-popup-content{padding:1rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom))}.popup-details-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.popup-actions{flex-direction:column;gap:.75rem}.popup-action-btn{justify-content:center;min-width:0;min-width:auto}}@media (max-width:480px){.popup-details-grid{grid-template-columns:1fr}.info-popup-header{padding:.75rem 1rem .875rem}.info-popup-content{padding:.875rem 1rem 1.25rem}.popup-detail-item{padding:.75rem}.popup-action-btn{padding:.75rem 1rem}}.tooltip:before{background:#fff;background:var(--cs-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cs-card-border);border-bottom:none;border-right:none;content:"";height:16px;position:absolute;right:16px;top:-8px;transform:rotate(45deg);width:16px}.tooltip-title{color:#1e293b;color:var(--cs-text-primary);font-size:1.1rem;font-weight:700;margin:0 0 1rem;transition:color .3s ease}.tooltip-content{color:#374151;color:var(--cs-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem;transition:color .3s ease}.tooltip-meta{display:flex;flex-direction:column;gap:.5rem}.tooltip-meta-item{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--cs-card-border);display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem 0}.tooltip-meta-item:last-child{border-bottom:none}.tooltip-meta-label{color:#6b7280;color:var(--cs-text-muted);font-weight:600;transition:color .3s ease}.tooltip-meta-value{color:#1e293b;color:var(--cs-text-primary);font-weight:500;transition:color .3s ease}[data-theme=dark] .meta-tag.category{background:#60a5fa33;border:1px solid #60a5fa4d;color:#60a5fa}[data-theme=dark] .meta-tag.type{background:#a855f733;border:1px solid #a855f74d;color:#a855f7}[data-theme=dark] .table-meta-tag.category{background:#60a5fa33;border:1px solid #60a5fa4d;color:#60a5fa}[data-theme=dark] .table-meta-tag.type{background:#a855f733;border:1px solid #a855f74d;color:#a855f7}@media (max-width:1200px){.subjects-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.course-subjects-tab{padding:.5rem}.cou-filters-section,.subjects-list-section{border-radius:12px;padding:1rem}.filters-header{align-items:stretch;flex-direction:column;gap:1rem}.filters-header-actions{justify-content:space-between}.filters-grid{gap:1rem;grid-template-columns:1fr}.list-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:center}.subjects-grid{gap:1rem;grid-template-columns:1fr}.subject-card{padding:1rem}.subject-footer{align-items:stretch;flex-direction:column;gap:.5rem}.course-credits,.subject-actions,.subject-credits{justify-content:center}.subject-actions{gap:.75rem;margin-top:.5rem}.subjects-table table{min-width:700px}.subjects-table td,.subjects-table th{font-size:.85rem;padding:.75rem .5rem}}@media (max-width:480px){.subject-header{align-items:flex-start;flex-direction:column;gap:.75rem}.subject-status{align-self:flex-end}.subject-footer{align-items:flex-start;flex-direction:column;gap:.75rem}.subject-actions{align-self:stretch;justify-content:space-around}.action-btn{flex:1 1;max-width:50px}.subjects-table table{min-width:600px}.table-actions{flex-direction:column;gap:.25rem}.info-tooltip{right:-20px;width:260px}.info-tooltip:before{right:40px}}.subject-card.trending{overflow:visible;position:relative}.subject-card.trending:after{background:linear-gradient(45deg,#ec4899,#be185d,#3b82f6,#1d4ed8);border-radius:18px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.subject-card.trending:hover:after{opacity:.3}.action-btn:focus,.info-icon:focus,.table-action-btn:focus,.view-toggle-btn:focus{outline:3px solid #3b82f6;outline:3px solid var(--cs-form-input-focus-border);outline-offset:2px}.subjects-form-input:focus{outline:none}@media print{.cou-filters-section,.info-icon,.subject-actions,.table-actions,.view-toggle{display:none!important}.subject-card,.subjects-table-container{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.subjects-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:.5rem 0}.subject-card-modern{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--cs-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cs-card-border);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:360px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.subject-card-modern:hover{border-color:#3b82f64d;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #3b82f61a;transform:translateY(-8px) scale(1.02)}.subject-card-modern:hover .subject-title-modern h3{color:#3b82f6;color:var(--cs-form-input-focus-border)}.subject-card-modern.inactive{filter:grayscale(30%);opacity:.7}.subject-card-modern.inactive:hover{filter:grayscale(10%);opacity:.9}.subject-card-modern.trending{background:linear-gradient(135deg,#ec489908,#3b82f608);border:1px solid #ec489933;position:relative}.subject-card-modern.trending:before{background:linear-gradient(90deg,#ec4899,#3b82f6);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.card-header-modern{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.25rem 0}.subject-id-modern{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f633;border-radius:12px;color:#3b82f6;color:var(--cs-form-input-focus-border);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.header-badges{align-items:flex-end;display:flex;flex-direction:row;gap:.5rem}.status-indicator{transition:all .3s ease}.trending-pill{align-items:center;background:linear-gradient(135deg,#ec4899,#be185d);border-radius:20px;box-shadow:0 4px 12px #ec48994d;color:#fff;display:flex;font-size:.7rem;font-weight:700;gap:.375rem;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.trending-pill .material-symbols-rounded{font-size:14px}.card-content-modern{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.subject-title-modern{display:flex;flex-direction:column;gap:.5rem}.subject-title-modern h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--cs-text-primary);display:-webkit-box;font-size:1.1rem;font-weight:700;line-height:1.4;margin:0;min-height:2.8rem;overflow:hidden;transition:color .3s ease}.subject-acronym{align-self:flex-start;background:#fffc;background:var(--cs-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--cs-form-input-border);border-radius:12px;color:#6b7280;color:var(--cs-text-muted);font-size:.7rem;font-weight:600;letter-spacing:1px;padding:.25rem .75rem;text-transform:uppercase;transition:all .3s ease}.subject-description-modern{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--cs-text-muted);display:-webkit-box;font-size:.85rem;line-height:1.5;min-height:2.4rem;overflow:hidden;transition:color .3s ease}.subject-tags-modern{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.tag{border-radius:12px;font-weight:600;gap:.375rem;letter-spacing:.3px;padding:.4rem .75rem;transition:all .3s ease;white-space:nowrap}.tag .material-symbols-rounded{opacity:.8}.category-tag{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.type-tag{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;color:#7c3aed}.mandatory-tag{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b33;color:#d97706}.card-footer-modern{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-top:1px solid #e2e8f0cc;border-top:1px solid var(--cs-card-border);display:flex;gap:1rem;justify-content:space-between;padding:.5rem}[data-theme=dark] .card-footer-modern{background:linear-gradient(135deg,#1f2937cc,#111827cc)}.stats-section{gap:1rem}.stat-item,.stats-section{align-items:center;display:flex;flex-direction:row}.stat-item{gap:.5rem}.stat-icon{color:#6b7280;color:var(--cs-text-muted);font-size:18px;opacity:.7}.stat-content{display:flex;flex-direction:column;gap:.125rem}.stat-value{color:#1e293b;color:var(--cs-text-primary);font-size:.9rem;line-height:1}.stat-value.credits-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background-clip:text;-webkit-background-clip:text}.stat-label{color:#6b7280;color:var(--cs-text-muted);font-size:.65rem;line-height:1}.stat-divider{background:#e2e8f0cc;background:var(--cs-card-border);height:24px;opacity:.5;width:1px}.actions-section{display:flex;gap:.5rem;opacity:.7;transition:all .3s ease}.subject-card-modern:hover .actions-section{opacity:1;transform:translateY(-2px)}.action-btn-modern{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;height:38px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:38px}.action-btn-modern:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1) translateY(-2px)}.action-btn-modern .material-symbols-rounded{font-size:16px;z-index:1}.info-btn{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.info-btn:hover{box-shadow:0 4px 15px #3b82f64d}.edit-btn{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b33;color:#d97706}.edit-btn:hover{box-shadow:0 4px 15px #f59e0b4d}.remove-btn{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:#dc2626}.remove-btn:hover{box-shadow:0 4px 15px #ef44444d}.grid-spacer{height:0;visibility:hidden}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:1400px){.subjects-grid-modern{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1200px){.subjects-grid-modern{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.subject-card-modern{height:300px}}@media (max-width:768px){.subjects-grid-modern{gap:1rem;grid-template-columns:1fr}.subject-card-modern{height:auto;min-height:280px}.card-header-modern{padding:1rem 1rem 0}.card-content-modern{padding:.75rem 1rem}.card-footer-modern{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.stats-section{justify-content:space-around}.actions-section{gap:.75rem;justify-content:center}}@media (max-width:480px){.card-header-modern{align-items:stretch;flex-direction:column;gap:.75rem}.header-badges{align-items:center;flex-direction:row;justify-content:space-between}.subject-tags-modern{gap:.375rem;justify-content:center}.action-btn-modern{height:40px;width:40px}.action-btn-modern .material-symbols-rounded{font-size:18px}}[data-theme=dark] .subject-id-modern{background:linear-gradient(135deg,#60a5fa26,#818cf826);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .category-tag{background:linear-gradient(135deg,#60a5fa26,#3b82f626);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .type-tag{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f74d;color:#a855f7}[data-theme=dark] .mandatory-tag{background:linear-gradient(135deg,#f59e0b33,#d9770633);border-color:#f59e0b4d;color:#fbbf24}@media (prefers-contrast:high){.subject-card-modern{border:2px solid #1e293b;border:2px solid var(--cs-text-primary)}.subject-card-modern:hover{border-color:#3b82f6;border-color:var(--cs-form-input-focus-border)}}@media (prefers-reduced-motion:reduce){.action-btn-modern,.overlay-content .material-symbols-rounded,.status-dot,.subject-card-modern{animation:none;transition:none}.subject-card-modern:hover{transform:none}}@media print{.actions-section,.card-overlay-modern{display:none!important}.subject-card-modern{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.add-subjects-overlay{align-items:center;animation:fadeIn .2s ease forwards;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:1rem;position:fixed;right:0;top:0;z-index:1200}.add-subjects-popup{animation:slideUp .3s ease forwards;animation-delay:.1s;background:#fff;background:var(--cou-popup-bg,#fff);border:2px solid #e2e8f0;border:2px solid var(--cou-popup-border,#e2e8f0);border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;opacity:0;transform:translateY(20px);width:100%}.asp-header{align-items:center;background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--cou-header-bg,linear-gradient(135deg,#e0f2fe,#f8fafc));border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-container-border,#e2e8f0);border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;padding:1.5rem 2rem}.asp-header-content{align-items:center;display:flex;gap:1rem}.asp-header-icon{align-items:center;background:#dcfce7;background:var(--cou-badge-active-bg,#dcfce7);border-radius:12px;color:#065f46;color:var(--cou-badge-active-text,#065f46);display:flex;height:48px;justify-content:center;width:48px}.asp-header-icon .material-symbols-rounded{font-size:24px;font-weight:600}.asp-header-text h2{color:#1e293b;color:var(--cou-text-primary,#1e293b);font-size:1.5rem;font-weight:600;margin:0}.asp-header-text p{font-size:.9rem;margin:.25rem 0 0}.asp-close-btn,.asp-header-text p{color:#475569;color:var(--cou-text-secondary,#475569)}.asp-close-btn{align-items:center;background:#f8fafc;background:var(--cou-form-section-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.asp-close-btn:hover{background:#00000008;background:var(--cou-field-hover-bg,#00000008);color:#1e293b;color:var(--cou-text-primary,#1e293b);transform:scale(1.05)}.asp-message-banner{align-items:center;background:#e0f2fe;background:var(--cou-banner-bg,#e0f2fe);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-container-border,#e2e8f0);color:#0369a1;color:var(--cou-banner-text,#0369a1);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:1rem 2rem}.asp-message-banner.error{background:#fee2e2;background:var(--cou-banner-error-bg,#fee2e2);color:#b91c1c;color:var(--cou-banner-error-text,#b91c1c)}.asp-message-banner.success{background:#d1fae5;background:var(--cou-banner-success-bg,#d1fae5);color:#065f46;color:var(--cou-banner-success-text,#065f46)}.asp-body{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem 2rem}.asp-filters{background:#f8fafc;background:var(--cou-form-section-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--cou-form-section-border,#e2e8f0);border-radius:12px;padding:1.5rem}.asp-filters-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.asp-filters-row:last-child{margin-bottom:0}.asp-filter-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:200px}.asp-filter-label{color:#334155;color:var(--cou-field-label-text,#334155);font-size:.85rem;font-weight:500}.asp-search-input{background:#fff;background:var(--cou-form-input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-form-input-border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--cou-text-primary,#1e293b);font-size:.9rem;padding:.75rem;transition:all .2s ease}.asp-search-input:focus{border-color:#3b82f6;border-color:var(--cou-input-focus-border,#3b82f6);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--cou-input-focus-shadow,0 0 0 2px #3b82f633);outline:none}.asp-filter-dropdown{min-height:44px}.asp-department-selector-btn{align-items:center;background:#fff;background:var(--cou-container-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--cou-text-primary,#1e293b);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.asp-department-selector-btn:hover{background:#00000008;background:var(--cou-field-hover-bg,#00000008);border-color:#0369a1;border-color:var(--cou-icon-color,#0369a1)}.asp-filter-actions{align-items:flex-end;display:flex}.asp-search-btn{align-items:center;background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--cou-btn-save-bg,linear-gradient(135deg,#ede9fe,#e0e7ff));border:none;border-radius:8px;color:#4338ca;color:var(--cou-btn-save-text,#4338ca);cursor:pointer;display:flex;font-weight:500;gap:.5rem;height:44px;padding:.75rem 1.5rem;transition:all .2s ease}.asp-search-btn:hover:not(:disabled){background:linear-gradient(135deg,#ddd6fe,#c7d2fe);background:var(--cou-btn-save-hover-bg,linear-gradient(135deg,#ddd6fe,#c7d2fe));transform:translateY(-1px)}.asp-search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.asp-default-config{background:#fff;background:var(--cou-container-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:12px;padding:1.5rem}.asp-default-config h3{align-items:center;color:#1e293b;color:var(--cou-text-primary,#1e293b);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.asp-config-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.asp-config-group{display:flex;flex-direction:column;gap:.5rem}.asp-config-label{color:#334155;color:var(--cou-field-label-text,#334155);font-size:.85rem;font-weight:500}.asp-config-input{background:#fff;background:var(--cou-form-input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-form-input-border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--cou-text-primary,#1e293b);font-size:.9rem;padding:.75rem;transition:all .2s ease}.asp-config-input:focus{border-color:#3b82f6;border-color:var(--cou-input-focus-border,#3b82f6);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--cou-input-focus-shadow,0 0 0 2px #3b82f633);outline:none}.asp-config-dropdown{min-height:44px}.asp-config-checkboxes{display:flex;flex-wrap:wrap;gap:1rem}.asp-checkbox-option{align-items:center;cursor:pointer;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}.asp-checkbox-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.asp-checkbox-label{color:#1e293b;color:var(--cou-text-primary,#1e293b);cursor:pointer;font-size:.9rem}.asp-selected-subjects{background:#dcfce7;background:var(--cou-badge-active-bg,#dcfce7);border:1px solid #065f46;border:1px solid var(--cou-badge-active-text,#065f46);border-radius:12px;padding:1.5rem}.asp-selected-subjects h3{color:#065f46;color:var(--cou-badge-active-text,#065f46);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.asp-selected-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.asp-selected-card{background:#fff;background:var(--cou-container-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:12px;padding:1rem;transition:all .2s ease}.asp-selected-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--cou-card-hover-shadow,0 8px 20px #0000000f);transform:translateY(-2px)}.asp-selected-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.asp-selected-info h4{color:#1e293b;color:var(--cou-text-primary,#1e293b);font-size:1rem;font-weight:600;margin:0}.asp-selected-info p{color:#475569;color:var(--cou-text-secondary,#475569);font-size:.85rem;margin:.25rem 0 0}.asp-remove-btn{align-items:center;background:#fee2e2;background:var(--cou-badge-error-bg,#fee2e2);border:1px solid #b91c1c;border:1px solid var(--cou-badge-error-text,#b91c1c);border-radius:6px;color:#b91c1c;color:var(--cou-badge-error-text,#b91c1c);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.asp-remove-btn:hover{background:#b91c1c;background:var(--cou-badge-error-text,#b91c1c);color:#fff;transform:scale(1.1)}.asp-selected-config{border-top:1px solid #e2e8f0;border-top:1px solid var(--cou-container-border,#e2e8f0);padding-top:1rem}.asp-config-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:.75rem}.asp-config-field{display:flex;flex-direction:column;gap:.25rem}.asp-config-field label{color:#64748b;color:var(--cou-text-muted,#64748b);font-size:.8rem;font-weight:500}.asp-config-field input{background:#fff;background:var(--cou-form-input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-form-input-border,#e2e8f0);border-radius:6px;font-size:.85rem;padding:.5rem;transition:all .2s ease}.asp-config-field input:focus{border-color:#3b82f6;border-color:var(--cou-input-focus-border,#3b82f6);box-shadow:0 0 0 1px #3b82f633;outline:none}.asp-mini-dropdown{font-size:.85rem;min-height:36px}.asp-config-checkboxes-inline{display:flex;flex-wrap:wrap;gap:.75rem}.asp-checkbox-inline{align-items:center;cursor:pointer;display:flex;gap:.25rem;-webkit-user-select:none;user-select:none}.asp-checkbox-inline input[type=checkbox]{cursor:pointer;height:16px;width:16px}.asp-checkbox-inline span{color:#1e293b;color:var(--cou-text-primary,#1e293b);cursor:pointer;font-size:.85rem}.asp-available-subjects{background:#fff;background:var(--cou-container-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:12px;padding:1.5rem}.asp-available-header{margin-bottom:1rem}.asp-available-header h3{align-items:center;color:#1e293b;color:var(--cou-text-primary,#1e293b);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.asp-count{color:#475569;color:var(--cou-text-secondary,#475569);font-size:.9rem;font-weight:400}.asp-help-text{font-size:.85rem;margin:.5rem 0 0}.asp-empty,.asp-help-text,.asp-loading{color:#64748b;color:var(--cou-text-muted,#64748b)}.asp-empty,.asp-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.asp-empty .material-symbols-rounded,.asp-loading .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.5}.asp-subjects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:1rem}.asp-subject-card{background:#fff;background:var(--cou-container-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:12px;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease}.asp-subject-card:hover{border-color:#0369a1;border-color:var(--cou-icon-color,#0369a1);box-shadow:0 8px 20px #0000000f;box-shadow:var(--cou-card-hover-shadow,0 8px 20px #0000000f);transform:translateY(-2px)}.asp-subject-card.selected{background:#dcfce7;background:var(--cou-badge-active-bg,#dcfce7);border-color:#065f46;border-color:var(--cou-badge-active-text,#065f46);box-shadow:0 4px 12px #065f4626}.asp-subject-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.asp-subject-checkbox{color:#0369a1;color:var(--cou-icon-color,#0369a1);flex-shrink:0;transition:color .2s ease}.asp-subject-card.selected .asp-subject-checkbox{color:#065f46;color:var(--cou-badge-active-text,#065f46)}.asp-subject-checkbox .material-symbols-rounded{font-size:24px;font-weight:600}.asp-subject-info{flex:1 1;min-width:0}.asp-subject-info h4{color:#1e293b;color:var(--cou-text-primary,#1e293b);font-size:1rem;font-weight:600;line-height:1.3;margin:0;word-break:break-word}.asp-subject-code{color:#475569;color:var(--cou-text-secondary,#475569);font-size:.85rem;font-weight:500;margin:.25rem 0 0}.asp-subject-meta{display:flex;gap:.5rem;margin-bottom:.5rem}.asp-subject-category,.asp-subject-type{background:#f8fafc;background:var(--cou-form-section-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:4px;color:#475569;color:var(--cou-text-secondary,#475569);font-size:.75rem;font-weight:600;padding:.2rem .5rem}.asp-subject-details{color:#64748b;color:var(--cou-text-muted,#64748b);display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.asp-subject-department{font-weight:500}.asp-subject-credits{color:#0369a1;color:var(--cou-icon-color,#0369a1);font-weight:600}.asp-pagination{gap:.5rem;margin-top:1rem}.asp-pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#fff;background:var(--cou-container-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--cou-text-primary,#1e293b);cursor:pointer;font-size:.85rem;font-weight:500;height:36px;transition:all .2s ease;width:36px}.pagination-btn:hover:not(:disabled){background:#00000008;background:var(--cou-field-hover-bg,#00000008);border-color:#0369a1;border-color:var(--cou-icon-color,#0369a1)}.pagination-btn.active{background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--cou-btn-save-bg,linear-gradient(135deg,#ede9fe,#e0e7ff));border-color:#4338ca;border-color:var(--cou-btn-save-text,#4338ca);color:#4338ca;color:var(--cou-btn-save-text,#4338ca)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.asp-footer{align-items:center;background:#f8fafc;background:var(--cou-form-section-bg,#f8fafc);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid #e2e8f0;border-top:1px solid var(--cou-container-border,#e2e8f0);display:flex;justify-content:space-between;padding:1.5rem 2rem}.asp-footer-info{color:#475569;color:var(--cou-text-secondary,#475569);display:flex;flex-direction:column;font-size:.85rem;font-weight:500;gap:.25rem}.asp-footer-actions{display:flex;gap:1rem}.asp-btn-primary,.asp-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.asp-btn-secondary{background:#fff;background:var(--cou-container-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);color:#1e293b;color:var(--cou-text-primary,#1e293b)}.asp-btn-secondary:hover:not(:disabled){background:#00000008;background:var(--cou-field-hover-bg,#00000008);border-color:#1e293b;border-color:var(--cou-text-primary,#1e293b)}.asp-btn-primary{background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--cou-btn-save-bg,linear-gradient(135deg,#ede9fe,#e0e7ff));color:#4338ca;color:var(--cou-btn-save-text,#4338ca)}.asp-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ddd6fe,#c7d2fe);background:var(--cou-btn-save-hover-bg,linear-gradient(135deg,#ddd6fe,#c7d2fe));box-shadow:0 4px 12px #4338ca26;transform:translateY(-1px)}.asp-btn-primary:disabled,.asp-btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.asp-btn-primary .material-symbols-rounded,.asp-btn-secondary .material-symbols-rounded{font-size:18px}.asp-edit-description{background:#f8fafc;background:var(--cou-form-section-bg,#f8fafc);border-left:4px solid #0369a1;border-left:4px solid var(--cou-icon-color,#0369a1);border-radius:6px;color:#475569;color:var(--cou-text-secondary,#475569);font-size:.9rem;margin:.5rem 0 1rem;padding:.75rem}.asp-config-description{font-size:.85rem;font-style:italic;margin:.5rem 0 1rem}.asp-config-description,.subject-department{color:#64748b;color:var(--cou-text-muted,#64748b)}.subject-department{font-size:.8rem;font-weight:500;margin:.2rem 0 0}.asp-selected-card .asp-remove-btn.edit-mode-hidden{display:none}.asp-selected-subjects.edit-mode{background:#dcfce7;background:var(--cou-badge-active-bg,#dcfce7);border:2px solid #065f46;border:2px solid var(--cou-badge-active-text,#065f46)}.asp-selected-subjects.edit-mode h3{align-items:center;color:#065f46;color:var(--cou-badge-active-text,#065f46);display:flex;gap:.5rem}.asp-selected-subjects.edit-mode h3:before{background:#065f46;background:var(--cou-badge-active-text,#065f46);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}@media (max-width:768px){.asp-edit-description{font-size:.85rem;padding:.5rem}.asp-config-description{font-size:.8rem}}@media (max-width:1024px){.add-subjects-popup{margin:1rem;max-width:95vw}.asp-subjects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.asp-selected-grid{grid-template-columns:1fr}.asp-config-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.asp-sheet-handle{display:none}@media (max-width:768px){.add-subjects-overlay{align-items:flex-end!important;background:#0000008c!important;padding:0!important}.add-subjects-popup{animation:aspSheetUp .35s cubic-bezier(.32,.72,0,1) forwards!important;border-radius:20px 20px 0 0!important;margin-top:56px!important;max-height:calc(100vh - 56px)!important;max-width:100%!important;opacity:1!important;width:100%!important}@keyframes aspSheetUp{0%{opacity:1;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.asp-sheet-handle{background:#0000002e;border-radius:2px;display:block;height:4px;margin:.5rem auto 0;width:36px}[data-theme=dark] .asp-sheet-handle{background:#ffffff38}.asp-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.asp-header{padding:.75rem 1rem .625rem}.asp-header-content{gap:.5rem}.asp-header-icon{height:40px;width:40px}.asp-header-text h2{font-size:1.25rem}.asp-body,.asp-footer{gap:1rem;padding:1rem 1.5rem}.asp-footer{align-items:stretch;flex-direction:column}.asp-footer-actions{justify-content:stretch}.asp-btn-primary,.asp-btn-secondary{flex:1 1;justify-content:center}.asp-filters-row{flex-direction:column;gap:.75rem}.asp-filter-group{min-width:0}.asp-config-grid{grid-template-columns:1fr}.asp-config-checkboxes{flex-direction:column;gap:.75rem}.asp-subjects-grid{gap:.75rem;grid-template-columns:1fr}.asp-config-row{gap:.5rem;grid-template-columns:1fr}.asp-config-checkboxes-inline{flex-direction:column;gap:.5rem}}@media (max-width:480px){.add-subjects-popup{border-radius:20px 20px 0 0!important;margin:48px 0 0!important;max-height:calc(100vh - 48px)!important}.asp-header{padding:.6rem .875rem .5rem}.asp-header-text h2{font-size:.95rem}.asp-header-text p{font-size:.75rem}.asp-body{padding:.625rem .875rem}.asp-footer{padding:.5rem .875rem calc(.625rem + env(safe-area-inset-bottom))}.asp-available-subjects,.asp-default-config,.asp-filters,.asp-selected-subjects{padding:1rem}.asp-pagination{flex-wrap:wrap}.pagination-btn{font-size:.8rem;height:32px;width:32px}}[data-theme=dark]{.add-subjects-overlay{background:#000000b3}.asp-subject-card:hover{border-color:var(--cou-icon-accent)}.asp-subject-card.selected{background:var(--cou-badge-active-bg);border-color:var(--cou-badge-active-text)}.asp-department-selector-btn:hover,.pagination-btn:hover:not(:disabled){border-color:var(--cou-icon-accent)}}@media (prefers-contrast:high){.asp-selected-card,.asp-subject-card{border-width:2px}.asp-subject-card.selected,.asp-subject-card:hover{border-width:3px}.asp-btn-primary,.asp-btn-secondary{border-width:2px}}@media (prefers-reduced-motion:reduce){.add-subjects-popup,.asp-btn-primary,.asp-btn-secondary,.asp-selected-card,.asp-subject-card,.pagination-btn{animation:none;transition:none}.asp-btn-primary:hover,.asp-remove-btn:hover,.asp-selected-card:hover,.asp-subject-card:hover{transform:none}.spinning{animation:none}}.department-selector-overlay{align-items:center;animation:fadeIn .15s ease forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:1;padding:1rem;position:fixed;right:0;top:0;z-index:1500}.department-selector-popup{animation:slideUp .2s ease forwards;animation-delay:.05s;background:#fff;background:var(--cou-popup-bg,#fff);border:2px solid #e2e8f0;border:2px solid var(--cou-popup-border,#e2e8f0);border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;opacity:1;transform:translateY(15px);width:100%}.dsp-header{align-items:center;background:linear-gradient(135deg,#e0f2fe,#f8fafc);background:var(--cou-header-bg,linear-gradient(135deg,#e0f2fe,#f8fafc));border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-container-border,#e2e8f0);border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.dsp-header-content{align-items:center;display:flex;gap:.75rem}.dsp-header-icon{align-items:center;background:#dcfce7;background:var(--cou-badge-active-bg,#dcfce7);border-radius:10px;color:#065f46;color:var(--cou-badge-active-text,#065f46);display:flex;height:40px;justify-content:center;width:40px}.dsp-header-icon .material-symbols-rounded{font-size:20px;font-weight:600}.dsp-header-text h3{color:#1e293b;color:var(--cou-text-primary,#1e293b);font-size:1.25rem;font-weight:600;margin:0}.dsp-header-text p{font-size:.85rem;margin:.2rem 0 0}.dsp-close-btn,.dsp-header-text p{color:#475569;color:var(--cou-text-secondary,#475569)}.dsp-close-btn{align-items:center;background:#f8fafc;background:var(--cou-form-section-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.dsp-close-btn:hover{background:#00000008;background:var(--cou-field-hover-bg,#00000008);color:#1e293b;color:var(--cou-text-primary,#1e293b);transform:scale(1.05)}.dsp-message-banner{align-items:center;background:#e0f2fe;background:var(--cou-banner-bg,#e0f2fe);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-container-border,#e2e8f0);color:#0369a1;color:var(--cou-banner-text,#0369a1);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem}.dsp-message-banner.error{background:#fee2e2;background:var(--cou-banner-error-bg,#fee2e2);color:#b91c1c;color:var(--cou-banner-error-text,#b91c1c)}.dsp-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem}.dsp-search-section{align-items:flex-end;display:flex;gap:1rem}.dsp-search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:var(--cou-text-muted,#64748b);font-size:20px;left:.75rem}.dsp-search-input{background:#fff;background:var(--cou-form-input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-form-input-border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--cou-text-primary,#1e293b);font-size:.9rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease;width:100%}.dsp-search-input:focus{border-color:#3b82f6;border-color:var(--cou-input-focus-border,#3b82f6);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--cou-input-focus-shadow,0 0 0 2px #3b82f633);outline:none}.dsp-clear-search{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--cou-text-muted,#64748b);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:.5rem;transition:all .2s ease;width:24px}.dsp-clear-search:hover{background:#00000008;background:var(--cou-field-hover-bg,#00000008);color:#1e293b;color:var(--cou-text-primary,#1e293b)}.dsp-clear-search .material-symbols-rounded{font-size:16px}.dsp-bulk-actions{display:flex;flex-shrink:0;gap:.5rem}.dsp-bulk-btn{align-items:center;background:#fff;background:var(--cou-container-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--cou-text-primary,#1e293b);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;height:40px;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.dsp-bulk-btn:hover:not(:disabled){background:#00000008;background:var(--cou-field-hover-bg,#00000008);border-color:#0369a1;border-color:var(--cou-icon-color,#0369a1);color:#0369a1;color:var(--cou-icon-color,#0369a1)}.dsp-bulk-btn:disabled{cursor:not-allowed;opacity:.5}.dsp-bulk-btn .material-symbols-rounded{font-size:16px}.dsp-selection-summary{background:#dcfce7;background:var(--cou-badge-active-bg,#dcfce7);border:1px solid #065f46;border:1px solid var(--cou-badge-active-text,#065f46);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.dsp-selection-count{color:#065f46;color:var(--cou-badge-active-text,#065f46);font-size:.85rem;font-weight:600}.dsp-selected-tags{display:flex;flex-wrap:wrap;gap:.5rem}.dsp-selected-tag{align-items:center;background:#fff;background:var(--cou-container-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--cou-text-primary,#1e293b);display:flex;font-size:.8rem;gap:.3rem;max-width:150px;padding:.25rem .5rem}.dsp-tag-remove{align-items:center;background:#0000;border:none;border-radius:3px;color:#64748b;color:var(--cou-text-muted,#64748b);cursor:pointer;display:flex;height:16px;justify-content:center;transition:all .2s ease;width:16px}.dsp-tag-remove:hover{background:#fee2e2;background:var(--cou-badge-error-bg,#fee2e2);color:#b91c1c;color:var(--cou-badge-error-text,#b91c1c)}.dsp-tag-remove .material-symbols-rounded{font-size:12px}.dsp-more-tag{background:#f8fafc;background:var(--cou-form-section-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:6px;color:#64748b;color:var(--cou-text-muted,#64748b);font-size:.8rem;font-weight:500;padding:.25rem .5rem}.dsp-departments-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dsp-empty,.dsp-loading{align-items:center;color:#64748b;color:var(--cou-text-muted,#64748b);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.dsp-empty .material-symbols-rounded,.dsp-loading .material-symbols-rounded{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.dsp-departments-list{background:#fff;background:var(--cou-container-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);border-radius:8px;flex:1 1;overflow-y:auto}.dsp-departments-list::-webkit-scrollbar{width:6px}.dsp-departments-list::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--cou-scrollbar-thumb,#94a3b899);border-radius:8px}.dsp-departments-list::-webkit-scrollbar-track{background:#0000;background:var(--cou-scrollbar-track,#0000)}.dsp-department-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cou-container-border,#e2e8f0);cursor:pointer;display:flex;gap:.75rem;padding:1rem;position:relative;transition:all .2s ease}.dsp-department-item:last-child{border-bottom:none}.dsp-department-item:hover{background:#00000008;background:var(--cou-field-hover-bg,#00000008)}.dsp-department-item.selected{background:#dcfce7;background:var(--cou-badge-active-bg,#dcfce7);border-color:#065f46;border-color:var(--cou-badge-active-text,#065f46)}.dsp-department-item.inactive{opacity:.6}.dsp-department-checkbox{color:#0369a1;color:var(--cou-icon-color,#0369a1);flex-shrink:0;margin-top:.1rem;transition:color .2s ease}.dsp-department-item.selected .dsp-department-checkbox{color:#065f46;color:var(--cou-badge-active-text,#065f46)}.dsp-department-checkbox .material-symbols-rounded{font-size:20px;font-weight:600}.dsp-department-info{flex:1 1;min-width:0}.dsp-department-name{align-items:center;color:#1e293b;color:var(--cou-text-primary,#1e293b);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;line-height:1.3;margin-bottom:.25rem}.dsp-inactive-badge{background:#fee2e2;background:var(--cou-badge-error-bg,#fee2e2);border:1px solid #b91c1c;border:1px solid var(--cou-badge-error-text,#b91c1c);border-radius:4px;color:#b91c1c;color:var(--cou-badge-error-text,#b91c1c);font-size:.7rem;font-weight:500;padding:.15rem .4rem}.dsp-department-path{color:#475569;color:var(--cou-text-secondary,#475569);font-size:.8rem;margin-bottom:.2rem;word-break:break-word}.dsp-department-id{border-radius:3px;color:#64748b;color:var(--cou-text-muted,#64748b);display:inline-block;font-family:Courier New,monospace;font-size:.75rem;padding:.15rem .3rem}.dsp-department-id,.dsp-footer{background:#f8fafc;background:var(--cou-form-section-bg,#f8fafc)}.dsp-footer{align-items:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid #e2e8f0;border-top:1px solid var(--cou-container-border,#e2e8f0);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.dsp-footer-info{color:#475569;color:var(--cou-text-secondary,#475569);font-size:.8rem;font-weight:500}.dsp-footer-actions{display:flex;gap:.75rem}.dsp-btn-primary,.dsp-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transition:all .2s ease}.dsp-btn-secondary{background:#fff;background:var(--cou-container-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cou-container-border,#e2e8f0);color:#1e293b;color:var(--cou-text-primary,#1e293b)}.dsp-btn-secondary:hover{background:#00000008;background:var(--cou-field-hover-bg,#00000008);border-color:#1e293b;border-color:var(--cou-text-primary,#1e293b)}.dsp-btn-primary{background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--cou-btn-save-bg,linear-gradient(135deg,#ede9fe,#e0e7ff));color:#4338ca;color:var(--cou-btn-save-text,#4338ca)}.dsp-btn-primary:hover{background:linear-gradient(135deg,#ddd6fe,#c7d2fe);background:var(--cou-btn-save-hover-bg,linear-gradient(135deg,#ddd6fe,#c7d2fe));box-shadow:0 4px 12px #4338ca26;transform:translateY(-1px)}.dsp-btn-primary .material-symbols-rounded,.dsp-btn-secondary .material-symbols-rounded{font-size:16px}@media (max-width:768px){.department-selector-popup{margin:.5rem;max-height:90vh;max-width:95vw}.dsp-header{padding:1rem 1.25rem}.dsp-header-content{gap:.5rem}.dsp-header-icon{height:36px;width:36px}.dsp-header-text h3{font-size:1.1rem}.dsp-body,.dsp-footer{padding:1rem 1.25rem}.dsp-footer{align-items:stretch;flex-direction:column;gap:.75rem}.dsp-footer-actions{justify-content:stretch}.dsp-btn-primary,.dsp-btn-secondary{flex:1 1;justify-content:center}.dsp-search-section{align-items:stretch;flex-direction:column;gap:.75rem}.dsp-bulk-actions{justify-content:stretch}.dsp-bulk-btn{flex:1 1;justify-content:center}.dsp-selected-tags{gap:.3rem}.dsp-selected-tag{font-size:.75rem;max-width:120px;padding:.2rem .4rem}}@media (max-width:480px){.department-selector-popup{border-radius:16px;margin:.25rem}.dsp-header{padding:.75rem 1rem}.dsp-header-text h3{font-size:1rem}.dsp-header-text p{font-size:.8rem}.dsp-body,.dsp-footer{padding:.75rem 1rem}.dsp-department-item{padding:.75rem}.dsp-department-info{font-size:.85rem}.dsp-selected-tags{flex-direction:column;gap:.25rem}.dsp-selected-tag{max-width:none}.dsp-bulk-actions{flex-direction:column}}[data-theme=dark]{.department-selector-overlay{background:#000c}.dsp-department-item:hover{background:var(--cou-field-hover-bg)}.dsp-department-item.selected{background:var(--cou-badge-active-bg);border-color:var(--cou-badge-active-text)}.dsp-bulk-btn:hover:not(:disabled){border-color:var(--cou-icon-accent);color:var(--cou-icon-accent)}}@media (prefers-contrast:high){.dsp-department-item,.dsp-selected-tag{border-width:2px}.dsp-department-item.selected{border-width:3px}.dsp-btn-primary,.dsp-btn-secondary{border-width:2px}}@media (prefers-reduced-motion:reduce){.department-selector-popup,.dsp-btn-primary,.dsp-btn-secondary,.dsp-bulk-btn,.dsp-department-item{animation:none;transition:none}.dsp-btn-primary:hover,.dsp-close-btn:hover{transform:none}.spinning{animation:none}}.dsp-sheet-handle{background:#0000002e;border-radius:2px;display:none;height:4px;margin:0 auto .5rem;width:36px}[data-theme=dark] .dsp-sheet-handle{background:#ffffff38}@media (max-width:768px){.department-selector-overlay{align-items:flex-end;padding:0}.department-selector-popup{animation:dspSheetUp .32s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;margin:56px 0 0!important;max-height:calc(100vh - 56px);max-width:100%!important;width:100%}@keyframes dspSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dsp-sheet-handle{display:block}.dsp-header{border-radius:12px;padding:.75rem 1rem .625rem}.dsp-header-text h3{font-size:.95rem}.dsp-header-text p{font-size:.78rem}.dsp-header-icon{height:32px;width:32px}.dsp-body{padding:.75rem 1rem}.dsp-footer{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.625rem 1rem calc(.75rem + env(safe-area-inset-bottom))}.dsp-footer-actions{flex:1 1;justify-content:flex-end}.dsp-btn-primary,.dsp-btn-secondary{flex:1 1;font-size:.82rem;justify-content:center;padding:.55rem .75rem}.dsp-search-section{flex-direction:row}.dsp-department-item{padding:.75rem}.dsp-department-name{font-size:.87rem}.dsp-department-path{font-size:.75rem}}.csf-registration-overlay{align-items:flex-start;overflow-y:auto}.student-registration-popup{overflow-y:auto}@media (max-width:768px){.cfa-container{padding:.5rem}.list-header{align-items:stretch;flex-direction:column;gap:1rem}.list-header>div{justify-content:space-between;width:100%}.cfa-subject-group-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.subject-meta{justify-content:space-between;width:100%}.cfa-assignments-container.grid{gap:1rem;grid-template-columns:1fr}.filters-grid{grid-template-columns:1fr}.cfa-assignments-container.list{overflow-x:auto}.cfa-assignments-table{min-width:800px}.cfa-assignments-table td,.cfa-assignments-table th{font-size:.85rem;padding:.75rem .5rem}.student-registration-popup{border-radius:16px;margin:.5rem;max-height:95vh;max-width:100%}.csf-registration-overlay{padding:.5rem}}@media (max-width:480px){.cfa-assignments-container.grid .card-header-modern{align-items:stretch;flex-direction:column;gap:.75rem}.cfa-assignments-container.grid .header-badges{align-items:center;flex-direction:row;justify-content:space-between}.cfa-assignments-container.grid .card-footer-modern{align-items:stretch;flex-direction:column;gap:.75rem}.cfa-assignments-container.grid .actions-section-modern{justify-content:center}}.faculty-card{padding:1.25rem}.faculty-card-header{justify-content:space-between;margin-bottom:1rem}.faculty-avatar{background:linear-gradient(135deg,#3b82f626,#6366f126);border:2px solid #3b82f633;height:48px;width:48px}.faculty-avatar .material-symbols-rounded{color:#3b82f6;font-size:24px}.faculty-select-indicator{height:28px;width:28px}.faculty-select-indicator .material-symbols-rounded{font-size:24px}.faculty-card-body{gap:.75rem}.faculty-details{gap:.5rem}.faculty-detail{font-size:.8rem}:root{--page-bg:linear-gradient(135deg,#f9fafb,#fff);--page-text:#1e293b;--loading-spinner-bg:linear-gradient(135deg,#065f46,#10b981);--loading-spinner-shadow:0 8px 20px #065f464d;--loading-title-text:#1e293b;--loading-description-text:#374151;--banner-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--banner-success-border:#6ee7b7;--banner-success-text:#065f46;--banner-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--banner-error-border:#fca5a5;--banner-error-text:#991b1b;--banner-shadow:0 2px 8px #0000000a;--header-bg:#fffffff2;--header-border:#fff3;--header-shadow:0 20px 40px -12px #00000040,0 0 0 1px #ffffff0d;--header-icon-bg:linear-gradient(135deg,#065f46,#059669);--header-icon-shadow:0 8px 20px #065f464d;--header-title-text:#1e293b;--header-subtitle-text:#374151;--stat-card-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--stat-card-border:#e2e8f0;--stat-number-text:#065f46;--stat-label-text:#374151;--toggle-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--toggle-border:#e2e8f0;--toggle-option-text:#64748b;--toggle-option-hover-text:#475569;--toggle-option-active-bg:#fff;--toggle-option-active-text:#065f46;--toggle-option-active-shadow:0 1px 3px #0000001a;--btn-primary-bg:linear-gradient(135deg,#065f46,#10b981);--btn-primary-text:#fff;--btn-primary-shadow:0 3px 10px #065f4640;--btn-primary-hover-shadow:0 5px 15px #065f4659;--btn-secondary-bg:#fff;--btn-secondary-text:#64748b;--btn-secondary-border:#e2e8f0;--btn-secondary-hover-bg:#f8fafc;--btn-secondary-hover-border:#cbd5e1;--btn-secondary-hover-text:#475569;--content-bg:#fff;--content-border:#e2e8f0cc;--content-shadow:0 2px 4px #0000000f;--empty-state-icon-bg:linear-gradient(135deg,#f1f5f9,#e2e8f0);--empty-state-icon-text:#94a3b8;--empty-state-title-text:#1e293b;--empty-state-description-text:#64748b;--tree-node-hover-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--tree-node-hover-border:#e2e8f0;--tree-node-level0-bg:linear-gradient(135deg,#eff6ff,#dbeafe);--tree-node-level0-border:#bfdbfe;--tree-node-level1-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--tree-node-level1-border:#bbf7d0;--tree-node-level2-bg:linear-gradient(135deg,#fefce8,#fef3c7);--tree-node-level2-border:#fde68a;--expand-btn-text:#64748b;--expand-btn-hover-bg:#065f461a;--expand-btn-hover-text:#065f46;--node-icon-bg:#fff;--node-icon-shadow:0 1px 3px #0000001a;--node-icon-grade:#3b82f6;--node-icon-department:#8b5cf6;--node-icon-course:#10b981;--node-icon-section:#f59e0b;--node-icon-batch:#ef4444;--node-icon-stream:#06b6d4;--node-icon-division:#84cc16;--node-label-text:#1e293b;--node-code-bg:linear-gradient(135deg,#f1f5f9,#e2e8f0);--node-code-text:#475569;--type-pill-grade-bg:#dbeafe;--type-pill-grade-text:#1e40af;--type-pill-department-bg:#ede9fe;--type-pill-department-text:#7c3aed;--type-pill-course-bg:#d1fae5;--type-pill-course-text:#059669;--type-pill-section-bg:#fef3c7;--type-pill-section-text:#d97706;--type-pill-batch-bg:#fee2e2;--type-pill-batch-text:#dc2626;--type-pill-stream-bg:#cffafe;--type-pill-stream-text:#0891b2;--type-pill-division-bg:#ecfccb;--type-pill-division-text:#65a30d;--leaf-pill-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--leaf-pill-text:#7c3aed;--action-btn-bg:#fff;--action-btn-border:#e2e8f0;--action-btn-text:#64748b;--action-btn-shadow:0 2px 6px #0000001a;--action-btn-add-hover-bg:#065f46;--action-btn-add-hover-border:#065f46;--action-btn-expand-hover-bg:#10b981;--action-btn-expand-hover-border:#10b981;--action-btn-collapse-hover-bg:#f59e0b;--action-btn-collapse-hover-border:#f59e0b;--action-btn-delete-hover-bg:#ef4444;--action-btn-delete-hover-border:#ef4444;--children-container-border:#e2e8f0;--card-border:#e2e8f0;--card-shadow:0 6px 20px #00000014;--card-hover-shadow:0 6px 20px #065f461f;--card-hover-border:#065f46;--card-header-stripe:linear-gradient(135deg,#065f46,#10b981);--card-icon-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--card-icon-text:#065f46;--card-title-text:#1e293b;--card-path-text:#64748b;--card-action-btn-bg:#fff;--card-action-btn-border:#e2e8f0;--card-action-btn-text:#64748b;--card-action-btn-hover-bg:#f8fafc;--card-action-btn-hover-border:#cbd5e1;--card-action-btn-hover-text:#475569;--card-action-btn-delete-hover-bg:#fee2e2;--card-action-btn-delete-hover-border:#fca5a5;--card-action-btn-delete-hover-text:#dc2626}[data-theme=dark]{--page-bg:#1a1a1ae6;--page-text:#fff;--loading-spinner-bg:linear-gradient(135deg,#065f46,#047857);--loading-spinner-shadow:0 8px 20px #0f86;--loading-title-text:#fff;--loading-description-text:#d1d5db;--banner-success-bg:#0f83;--banner-success-border:#0f86;--banner-success-text:linear-gradient(135deg,#065f46,#047857);--banner-error-bg:#f4433633;--banner-error-border:#f4433666;--banner-error-text:#ffcdd2;--banner-shadow:0 2px 8px #0000004d;--header-bg:#1a1a1af2;--header-border:#0f83;--header-shadow:0 20px 40px -12px #0009,0 0 0 1px #ffffff1a;--header-icon-bg:linear-gradient(135deg,#065f46,#047857);--header-icon-shadow:0 8px 20px #0f86;--header-title-text:#fff;--header-subtitle-text:#d1d5db;--stat-card-bg:#1a1a1acc;--stat-card-border:#0f83;--stat-number-text:linear-gradient(135deg,#065f46,#047857);--stat-label-text:#d1d5db;--toggle-bg:#1a1a1acc;--toggle-border:#0f83;--toggle-option-text:#d1d5db;--toggle-option-hover-text:#fff;--toggle-option-active-bg:#0f83;--toggle-option-active-text:linear-gradient(135deg,#065f46,#047857);--toggle-option-active-shadow:0 1px 3px #0f83;--btn-primary-bg:linear-gradient(135deg,#065f46,#047857);--btn-primary-text:#000;--btn-primary-shadow:0 3px 10px #00ff8840;--btn-primary-hover-shadow:0 5px 15px #00ff8859;--btn-secondary-bg:#333c;--btn-secondary-text:#d1d5db;--btn-secondary-border:#fff3;--btn-secondary-hover-bg:#00ff881a;--btn-secondary-hover-border:#00ff884d;--btn-secondary-hover-text:linear-gradient(135deg,#065f46,#047857);--content-bg:#1a1a1ae6;--content-border:#0f83;--content-shadow:0 2px 4px #0000004d;--empty-state-icon-bg:#333c;--empty-state-icon-text:#ffffff4d;--empty-state-title-text:#fff;--empty-state-description-text:#d1d5db;--tree-node-hover-bg:#00ff881a;--tree-node-hover-border:#0f83;--tree-node-level0-bg:#00f2fe26;--tree-node-level0-border:#00f2fe4d;--tree-node-level1-bg:#00ff8826;--tree-node-level1-border:#00ff884d;--tree-node-level2-bg:#ff9f0a26;--tree-node-level2-border:#ff9f0a4d;--expand-btn-text:#d1d5db;--expand-btn-hover-bg:#0f83;--expand-btn-hover-text:linear-gradient(135deg,#065f46,#047857);--node-icon-bg:#1a1a1ae6;--node-icon-shadow:0 1px 3px #0000004d;--node-icon-grade:#00f2fe;--node-icon-department:#a284ff;--node-icon-course:linear-gradient(135deg,#065f46,#047857);--node-icon-section:#ff9f0a;--node-icon-batch:#ff3b30;--node-icon-stream:#00f2fe;--node-icon-division:linear-gradient(135deg,#065f46,#047857);--node-label-text:#fff;--node-code-bg:#333c;--node-code-text:#d1d5db;--type-pill-grade-bg:#00f2fe33;--type-pill-grade-text:#00f2fe;--type-pill-department-bg:#a284ff33;--type-pill-department-text:#a284ff;--type-pill-course-bg:#0f83;--type-pill-course-text:linear-gradient(135deg,#065f46,#047857);--type-pill-section-bg:#ff9f0a33;--type-pill-section-text:#ff9f0a;--type-pill-batch-bg:#ff3b3033;--type-pill-batch-text:#ff3b30;--type-pill-stream-bg:#00f2fe33;--type-pill-stream-text:#00f2fe;--type-pill-division-bg:#0f83;--type-pill-division-text:linear-gradient(135deg,#065f46,#047857);--leaf-pill-bg:#a284ff33;--leaf-pill-text:#a284ff;--action-btn-bg:#333c;--action-btn-border:#ffffff1a;--action-btn-text:#d1d5db;--action-btn-shadow:0 2px 6px #0000004d;--action-btn-add-hover-bg:linear-gradient(135deg,#065f46,#047857);--action-btn-add-hover-border:linear-gradient(135deg,#065f46,#047857);--action-btn-expand-hover-bg:linear-gradient(135deg,#065f46,#047857);--action-btn-expand-hover-border:linear-gradient(135deg,#065f46,#047857);--action-btn-collapse-hover-bg:#ff9f0a;--action-btn-collapse-hover-border:#ff9f0a;--action-btn-delete-hover-bg:#ff3b30;--action-btn-delete-hover-border:#ff3b30;--children-container-border:#ffffff1a;--card-bg:#1a1a1ae6;--card-border:#0f83;--card-shadow:0 6px 20px #0000004d;--card-hover-shadow:0 6px 20px #0f83;--card-hover-border:linear-gradient(135deg,#065f46,#047857);--card-header-stripe:linear-gradient(135deg,#065f46,#047857);--card-icon-bg:#333c;--card-icon-text:linear-gradient(135deg,#065f46,#047857);--card-title-text:#fff;--card-path-text:#d1d5db;--card-action-btn-bg:#333c;--card-action-btn-border:#ffffff1a;--card-action-btn-text:#d1d5db;--card-action-btn-hover-bg:#00ff881a;--card-action-btn-hover-border:#00ff884d;--card-action-btn-hover-text:linear-gradient(135deg,#065f46,#047857);--card-action-btn-delete-hover-bg:#ff3b3033;--card-action-btn-delete-hover-border:#ff3b304d;--card-action-btn-delete-hover-text:#ff3b30}.modern-page-layout{background:linear-gradient(135deg,#f9fafb,#fff);background:var(--page-bg);color:#1e293b;color:var(--page-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;transition:all .3s ease}.modern-loading-container{flex-direction:column;min-height:40vh;text-align:center}.loading-spinner,.modern-loading-container{align-items:center;display:flex;justify-content:center}.loading-spinner{background:linear-gradient(135deg,#065f46,#10b981);background:var(--loading-spinner-bg);border-radius:12px;box-shadow:0 8px 20px #065f464d;box-shadow:var(--loading-spinner-shadow);height:60px;margin-bottom:1.5rem;transition:all .3s ease;width:60px}.loading-spinner .material-symbols-rounded{color:#fff;font-size:2rem}[data-theme=dark] .loading-spinner .material-symbols-rounded{color:#000}.modern-loading-container h3{color:#1e293b;color:var(--loading-title-text);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.modern-loading-container p{color:#374151;color:var(--loading-description-text);font-size:.875rem;transition:color .3s ease}.modern-page-banner{animation:slideInDown .3s ease;border-radius:12px;box-shadow:0 2px 8px #0000000a;box-shadow:var(--banner-shadow);margin:1rem;padding:.75rem 1.25rem;transition:all .3s ease}.modern-page-banner.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--banner-success-bg);border:1px solid #6ee7b7;border:1px solid var(--banner-success-border)}.modern-page-banner.error{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--banner-error-bg);border:1px solid #fca5a5;border:1px solid var(--banner-error-border)}.banner-content{align-items:center;color:#065f46;color:var(--banner-success-text);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;transition:color .3s ease}.modern-page-banner.error .banner-content{color:#991b1b;color:var(--banner-error-text)}.modern-page-header{background:#fffffff2;background:var(--header-bg);border:1px solid #fff3;border:1px solid var(--header-border);border-radius:12px;box-shadow:0 20px 40px -12px #00000040,0 0 0 1px #ffffff0d;box-shadow:var(--header-shadow);margin:1rem;padding:1.5rem 2rem;transition:all .3s ease}.header-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header-icon-section{align-items:center;display:flex;gap:1rem}.header-icon{background:linear-gradient(135deg,#065f46,#059669);background:var(--header-icon-bg);border-radius:14px;box-shadow:0 8px 20px #065f464d;box-shadow:var(--header-icon-shadow);color:#fff;height:48px;transition:all .3s ease;width:48px}[data-theme=dark] .header-icon{color:#000}.header-icon .material-symbols-rounded{font-size:1.75rem}.header-text h1{color:#1e293b;color:var(--header-title-text);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .25rem;transition:color .3s ease}.header-text p{color:#374151;color:var(--header-subtitle-text);font-size:.875rem;line-height:1.4;transition:color .3s ease}.header-stats{display:flex;gap:1rem}.stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--stat-card-bg);border:1px solid #e2e8f0;border:1px solid var(--stat-card-border);border-radius:12px;min-width:100px;padding:1rem 1.25rem;text-align:center;transition:all .3s ease}.stat-number{color:#065f46;color:var(--stat-number-text);font-size:1.5rem;font-weight:700;line-height:1}.stat-label,.stat-number{display:block;transition:color .3s ease}.stat-label{color:#374151;color:var(--stat-label-text);font-size:.75rem;font-weight:500;margin-top:.25rem}.header-actions{gap:1.5rem;justify-content:space-between}.modern-view-toggle{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--toggle-bg);border:1px solid #e2e8f0;border:1px solid var(--toggle-border);border-radius:10px;display:flex;padding:.25rem;transition:all .3s ease}.toggle-option{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--toggle-option-text);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.5rem .75rem;transition:all .2s ease}.toggle-option:hover{color:#475569;color:var(--toggle-option-hover-text)}.toggle-option.active{background:#fff;background:var(--toggle-option-active-bg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--toggle-option-active-shadow);color:#065f46;color:var(--toggle-option-active-text)}.toggle-option .material-symbols-rounded{font-size:1.1rem}.header-button-group{display:flex;gap:.75rem}.modern-header-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.65rem 1.25rem;text-decoration:none;transition:all .2s ease}.modern-header-btn.primary{background:linear-gradient(135deg,#065f46,#10b981);background:var(--btn-primary-bg);box-shadow:0 3px 10px #065f4640;box-shadow:var(--btn-primary-shadow);color:#fff;color:var(--btn-primary-text)}.modern-header-btn.primary:hover{box-shadow:0 5px 15px #065f4659;box-shadow:var(--btn-primary-hover-shadow);transform:translateY(-1px)}.modern-header-btn.secondary{background:#fff;background:var(--btn-secondary-bg);border:1px solid #e2e8f0;border:1px solid var(--btn-secondary-border);color:#64748b;color:var(--btn-secondary-text)}.modern-header-btn.secondary:hover{background:#f8fafc;background:var(--btn-secondary-hover-bg);border-color:#cbd5e1;border-color:var(--btn-secondary-hover-border);color:#475569;color:var(--btn-secondary-hover-text);transform:translateY(-1px)}.modern-main-content{margin:0 1rem 1rem}.modern-empty-state{background:#fff;background:var(--content-bg);border:1px solid #e2e8f0cc;border:1px solid var(--content-border);border-radius:12px;box-shadow:0 2px 4px #0000000f;box-shadow:var(--content-shadow);padding:2.5rem 1.5rem;text-align:center;transition:all .3s ease}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:var(--empty-state-icon-bg);border-radius:12px;color:#94a3b8;color:var(--empty-state-icon-text);display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:80px}.empty-state-icon .material-symbols-rounded{font-size:2.5rem}.modern-empty-state h3{color:#1e293b;color:var(--empty-state-title-text);font-size:1.25rem;font-weight:600;margin-bottom:.75rem;transition:color .3s ease}.modern-empty-state p{color:#64748b;color:var(--empty-state-description-text);font-size:.875rem;line-height:1.5;margin-bottom:1.5rem;transition:color .3s ease}.empty-state-btn{align-items:center;background:linear-gradient(135deg,#065f46,#10b981);background:var(--btn-primary-bg);border:none;border-radius:10px;box-shadow:0 3px 10px #065f4640;box-shadow:var(--btn-primary-shadow);color:#fff;color:var(--btn-primary-text);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.75rem 1.5rem;transition:all .2s ease}.empty-state-btn:hover{box-shadow:0 5px 15px #065f4659;box-shadow:var(--btn-primary-hover-shadow);transform:translateY(-1px)}.modern-tree-container{background:#fff;background:var(--content-bg);border:1px solid #e2e8f0cc;border:1px solid var(--content-border);border-radius:12px;box-shadow:0 2px 4px #0000000f;box-shadow:var(--content-shadow);padding:1rem;transition:all .3s ease}.modern-tree-node{margin-bottom:.25rem}.modern-node-row{align-items:center;border:1px solid #0000;border-radius:10px;display:flex;padding:.75rem;position:relative;transition:all .2s ease}.modern-node-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--tree-node-hover-bg);border-color:#e2e8f0;border-color:var(--tree-node-hover-border)}.modern-node-row.level-0{background:linear-gradient(135deg,#eff6ff,#dbeafe);background:var(--tree-node-level0-bg);border-color:#bfdbfe;border-color:var(--tree-node-level0-border)}.modern-node-row.level-1{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--tree-node-level1-bg);border-color:#bbf7d0;border-color:var(--tree-node-level1-border)}.modern-node-row.level-2{background:linear-gradient(135deg,#fefce8,#fef3c7);background:var(--tree-node-level2-bg);border-color:#fde68a;border-color:var(--tree-node-level2-border)}.modern-expand-btn{background:none;border:none;border-radius:6px;color:#64748b;color:var(--expand-btn-text);cursor:pointer;margin-right:.6rem;padding:.4rem;transition:all .2s ease}.modern-expand-btn:hover{background:#065f461a;background:var(--expand-btn-hover-bg);color:#065f46;color:var(--expand-btn-hover-text)}.modern-expand-btn:disabled{cursor:default;opacity:.4}.modern-expand-btn .material-symbols-rounded{font-size:1.1rem}.modern-node-icon{align-items:center;background:#fff;background:var(--node-icon-bg);border-radius:8px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--node-icon-shadow);display:flex;height:32px;justify-content:center;margin-right:.75rem;transition:all .3s ease;width:32px}.modern-node-icon .material-symbols-rounded{font-size:1.1rem}.modern-node-icon.grade{color:#3b82f6;color:var(--node-icon-grade)}.modern-node-icon.department{color:#8b5cf6;color:var(--node-icon-department)}.modern-node-icon.course{color:#10b981;color:var(--node-icon-course)}.modern-node-icon.section{color:#f59e0b;color:var(--node-icon-section)}.modern-node-icon.batch{color:#ef4444;color:var(--node-icon-batch)}.modern-node-icon.stream{color:#06b6d4;color:var(--node-icon-stream)}.modern-node-icon.division{color:#84cc16;color:var(--node-icon-division)}.modern-node-content{flex:1 1;min-width:0}.node-primary-info{align-items:center;display:flex;gap:.75rem;margin-bottom:.3rem}.modern-node-label{color:#1e293b;color:var(--node-label-text);font-size:.875rem;font-weight:600;transition:color .3s ease}.modern-node-code{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:var(--node-code-bg);border-radius:4px;color:#475569;color:var(--node-code-text);font-size:.7rem;font-weight:600;padding:.2rem .5rem;transition:all .3s ease}.node-secondary-info{align-items:center;display:flex;gap:.5rem}.modern-level-pill{border-radius:6px;color:#fff;font-size:.75rem;letter-spacing:.5px;margin-right:.5rem;padding:.25rem .75rem}.modern-level-pill,.modern-type-pill{font-weight:600;text-transform:uppercase}.modern-type-pill{border-radius:4px;font-size:.65rem;letter-spacing:.3px;padding:.15rem .5rem;transition:all .3s ease}.modern-type-pill.grade{background:#dbeafe;background:var(--type-pill-grade-bg);color:#1e40af;color:var(--type-pill-grade-text)}.modern-type-pill.department{background:#ede9fe;background:var(--type-pill-department-bg);color:#7c3aed;color:var(--type-pill-department-text)}.modern-type-pill.course{background:#d1fae5;background:var(--type-pill-course-bg);color:#059669;color:var(--type-pill-course-text)}.modern-type-pill.section{background:#fef3c7;background:var(--type-pill-section-bg);color:#d97706;color:var(--type-pill-section-text)}.modern-type-pill.batch{background:#fee2e2;background:var(--type-pill-batch-bg);color:#dc2626;color:var(--type-pill-batch-text)}.modern-type-pill.stream{background:#cffafe;background:var(--type-pill-stream-bg);color:#0891b2;color:var(--type-pill-stream-text)}.modern-type-pill.division{background:#ecfccb;background:var(--type-pill-division-bg);color:#65a30d;color:var(--type-pill-division-text)}.modern-leaf-pill{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--leaf-pill-bg);border-radius:3px;color:#7c3aed;color:var(--leaf-pill-text);font-size:.6rem;font-weight:600;padding:.15rem .4rem;transition:all .3s ease}.modern-node-actions{align-items:center;display:flex;gap:.4rem;opacity:0;transition:all .2s ease}.modern-node-row:hover .modern-node-actions{opacity:1}.expand-controls{display:flex;gap:.25rem;margin-right:.5rem}.modern-action-btn{align-items:center;background:#fff;background:var(--action-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--action-btn-border);border-radius:6px;color:#64748b;color:var(--action-btn-text);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.modern-action-btn .material-symbols-rounded{font-size:.9rem}.modern-action-btn:hover{box-shadow:0 2px 6px #0000001a;box-shadow:var(--action-btn-shadow);transform:translateY(-1px)}.modern-action-btn.add:hover{background:#065f46;background:var(--action-btn-add-hover-bg);border-color:#065f46;border-color:var(--action-btn-add-hover-border);color:#fff}[data-theme=dark] .modern-action-btn.add:hover{color:#000}.modern-action-btn.expand-all:hover{background:#10b981;background:var(--action-btn-expand-hover-bg);border-color:#10b981;border-color:var(--action-btn-expand-hover-border);color:#fff}[data-theme=dark] .modern-action-btn.expand-all:hover{color:#000}.modern-action-btn.collapse-all:hover{background:#f59e0b;background:var(--action-btn-collapse-hover-bg);border-color:#f59e0b;border-color:var(--action-btn-collapse-hover-border);color:#fff}[data-theme=dark] .modern-action-btn.collapse-all:hover{color:#000}.modern-action-btn.delete:hover{background:#ef4444;background:var(--action-btn-delete-hover-bg);border-color:#ef4444;border-color:var(--action-btn-delete-hover-border);color:#fff}[data-theme=dark] .modern-action-btn.delete:hover{color:#000}.modern-children-container{border-left:2px solid #e2e8f0;border-left:2px solid var(--children-container-border);margin-left:1.5rem;margin-top:.25rem;padding-left:.75rem;transition:border-color .3s ease}.modern-group-card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:12px;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.modern-group-card:before{background:linear-gradient(135deg,#065f46,#10b981);background:var(--card-header-stripe);content:"";height:3px;left:0;position:absolute;right:0;top:0}.modern-group-card:hover{border-color:#065f46;border-color:var(--card-hover-border);box-shadow:0 6px 20px #065f461f;box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.modern-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.modern-card-icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--card-icon-bg);border-radius:9px;color:#065f46;color:var(--card-icon-text);display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.modern-card-icon .material-symbols-rounded{font-size:1.1rem}.modern-card-title h4{color:#1e293b;color:var(--card-title-text);font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 .15rem;transition:color .3s ease}.modern-card-path{color:#64748b;color:var(--card-path-text);font-size:.7rem;opacity:.8;transition:color .3s ease}.modern-card-content{margin-bottom:1rem}.modern-card-badges{display:flex;flex-wrap:wrap;gap:.4rem}.modern-card-actions{display:flex;gap:.5rem}.modern-card-action-btn{align-items:center;background:#fff;background:var(--card-action-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--card-action-btn-border);border-radius:6px;color:#64748b;color:var(--card-action-btn-text);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:500;gap:.4rem;justify-content:center;padding:.5rem;transition:all .2s ease}.modern-card-action-btn .material-symbols-rounded{font-size:.9rem}.modern-card-action-btn:hover{background:#f8fafc;background:var(--card-action-btn-hover-bg);border-color:#cbd5e1;border-color:var(--card-action-btn-hover-border);color:#475569;color:var(--card-action-btn-hover-text)}.modern-card-action-btn.delete:hover{background:#fee2e2;background:var(--card-action-btn-delete-hover-bg);border-color:#fca5a5;border-color:var(--card-action-btn-delete-hover-border);color:#dc2626;color:var(--card-action-btn-delete-hover-text)}@media (max-width:1024px){.modern-page-header{margin:1rem;padding:1.25rem}.header-main{align-items:flex-start;flex-direction:column;gap:1rem}.header-stats{align-self:stretch;justify-content:space-around}.header-actions{align-items:stretch;flex-direction:column;gap:.75rem}}@media (max-width:768px){.modern-page-layout{padding:0}.modern-main-content,.modern-page-banner,.modern-page-header{margin:.75rem}.header-icon-section{align-items:flex-start}.header-icon-section,.header-stats{flex-direction:column;gap:.75rem}.stat-card{min-width:auto}.modern-view-toggle{order:1}.header-button-group{flex-direction:column;order:2}.modern-cards-grid{grid-template-columns:1fr}.modern-children-container{margin-left:1rem;padding-left:.5rem}.expand-controls{gap:.2rem}.modern-action-btn{height:26px;width:26px}}.modern-action-btn:focus-visible,.modern-card-action-btn:focus-visible,.modern-expand-btn:focus-visible,.modern-header-btn:focus-visible,.toggle-option:focus-visible{outline:2px solid linear-gradient(135deg,#065f46,#10b981);outline:2px solid var(--btn-primary-bg);outline-offset:2px}@media (prefers-reduced-motion:reduce){.modern-action-btn,.modern-group-card,.modern-header-btn,.modern-node-row{transition:none}.modern-action-btn:hover,.modern-group-card:hover,.modern-header-btn:hover{transform:none}.spinning{animation:none}}@media (prefers-contrast:high){.modern-group-card,.modern-page-header,.modern-tree-container{border-width:2px}.modern-action-btn,.modern-card-action-btn,.modern-header-btn{border:2px solid}}.card-section{background:#fff;border:1px solid #e2e8f0cc}.ag-section-header{border-bottom:2px solid #e2e8f0}[data-theme=dark] .section-icon{color:#000}.section-title h3{color:#1e293b}.section-title span{color:#374151}:root{--modal-overlay-bg:#0f172a66;--modal-container-bg:linear-gradient(135deg,#fff,#f8fafc);--modal-container-border:#ffffff0d;--modal-container-shadow:0 20px 40px -12px #00000040,0 0 0 1px #ffffff0d;--modal-header-bg:linear-gradient(135deg,#f1f5f9,#e2e8f0);--modal-header-border:#e2e8f0cc;--modal-header-text:#0f172a;--modal-subtitle-text:#64748b;--modal-icon-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--modal-icon-shadow:0 6px 20px #3b82f640;--modal-close-btn-bg:#f1f5f9;--modal-close-btn-border:#e2e8f0;--modal-close-btn-text:#64748b;--modal-close-btn-hover-bg:#e2e8f0;--modal-close-btn-hover-text:#475569;--modal-progress-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--modal-progress-border:#e2e8f0;--modal-progress-text:#64748b;--modal-progress-active-text:#0f172a;--modal-body-bg:#0000;--modal-banner-success-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--modal-banner-success-text:#166534;--modal-banner-success-border:#86efac;--modal-banner-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--modal-banner-error-text:#991b1b;--modal-banner-error-border:#fca5a5;--modal-step-title-text:#0f172a;--modal-step-description-text:#64748b;--modal-type-card-bg:#fff;--modal-type-card-border:#e2e8f0;--modal-type-card-hover-border:#3b82f6;--modal-type-card-selected-bg:linear-gradient(135deg,#eff6ff,#dbeafe);--modal-type-card-selected-border:#3b82f6;--modal-type-card-title-text:#0f172a;--modal-type-card-value-text:#64748b;--modal-form-input-bg:#fff;--modal-form-input-border:#e2e8f0;--modal-form-input-focus-border:#3b82f6;--modal-form-input-focus-shadow:#3b82f614;--modal-form-input-readonly-bg:#f8fafc;--modal-form-input-readonly-text:#64748b;--modal-form-label-text:#374151;--modal-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--modal-btn-primary-text:#fff;--modal-btn-primary-shadow:0 3px 10px #3b82f640;--modal-btn-primary-hover-shadow:0 5px 15px #3b82f659;--modal-btn-secondary-bg:#fff;--modal-btn-secondary-text:#64748b;--modal-btn-secondary-border:#e2e8f0;--modal-btn-secondary-hover-bg:#f8fafc;--modal-btn-secondary-hover-border:#cbd5e1;--modal-btn-secondary-hover-text:#475569;--modal-code-card-bg:#fff;--modal-code-card-border:#e2e8f0;--modal-code-card-hover-border:#3b82f6;--modal-code-card-selected-bg:linear-gradient(135deg,#eff6ff,#dbeafe);--modal-code-badge-bg:linear-gradient(135deg,#f1f5f9,#e2e8f0);--modal-code-badge-text:#475569;--modal-code-badge-selected-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--modal-code-badge-selected-text:#fff;--modal-no-codes-text:#64748b;--modal-no-codes-icon:#cbd5e1;--modal-no-codes-title:#475569;--modal-type-info-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--modal-type-info-border:#e2e8f0;--modal-type-icon-bg:#fffc;--modal-step-border:#e2e8f0;--modal-hierarchy-label:#64748b;--modal-progress-step-bg:#e2e8f0;--modal-progress-step-text:#64748b;--modal-progress-step-active-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--modal-progress-step-active-text:#fff;--modal-progress-step-active-shadow:0 3px 10px #3b82f640;--modal-progress-line-bg:#e2e8f0}[data-theme=dark]{--modal-overlay-bg:#0009;--modal-container-bg:linear-gradient(135deg,#1a1a1af2,#262626f2);--modal-container-border:#ffffff1a;--modal-container-shadow:0 20px 40px -12px #0009,0 0 0 1px #ffffff1a;--modal-header-bg:linear-gradient(135deg,#333c,#262626cc);--modal-header-border:#ffffff1a;--modal-header-text:#fff;--modal-subtitle-text:#ccc;--modal-icon-bg:linear-gradient(135deg,#065f46,#047857);--modal-icon-shadow:0 6px 20px #00ff8840;--modal-close-btn-bg:#333c;--modal-close-btn-border:#ffffff1a;--modal-close-btn-text:#ccc;--modal-close-btn-hover-bg:#00ff881a;--modal-close-btn-hover-text:linear-gradient(135deg,#065f46,#047857);--modal-progress-bg:linear-gradient(135deg,#33333380,#26262680);--modal-progress-border:#ffffff1a;--modal-progress-text:#ccc;--modal-progress-active-text:#fff;--modal-body-bg:#0000;--modal-banner-success-bg:#00ff8826;--modal-banner-success-text:linear-gradient(135deg,#065f46,#047857);--modal-banner-success-border:#00ff884d;--modal-banner-error-bg:#ff3b3026;--modal-banner-error-text:#ff3b30;--modal-banner-error-border:#ff3b304d;--modal-step-title-text:#fff;--modal-step-description-text:#ccc;--modal-type-card-bg:#1a1a1ae6;--modal-type-card-border:#ffffff1a;--modal-type-card-hover-border:linear-gradient(135deg,#065f46,#047857);--modal-type-card-selected-bg:#00ff8826;--modal-type-card-selected-border:linear-gradient(135deg,#065f46,#047857);--modal-type-card-title-text:#fff;--modal-type-card-value-text:#ccc;--modal-form-input-bg:#333c;--modal-form-input-border:#fff3;--modal-form-input-focus-border:linear-gradient(135deg,#065f46,#047857);--modal-form-input-focus-shadow:#0f83;--modal-form-input-readonly-bg:#33333380;--modal-form-input-readonly-text:#ffffff80;--modal-form-label-text:#ccc;--modal-btn-primary-bg:linear-gradient(135deg,#065f46,#047857);--modal-btn-primary-text:#000;--modal-btn-primary-shadow:0 3px 10px #00ff8840;--modal-btn-primary-hover-shadow:0 5px 15px #00ff8859;--modal-btn-secondary-bg:#333c;--modal-btn-secondary-text:#ccc;--modal-btn-secondary-border:#fff3;--modal-btn-secondary-hover-bg:#00ff881a;--modal-btn-secondary-hover-border:#00ff884d;--modal-btn-secondary-hover-text:linear-gradient(135deg,#065f46,#047857);--modal-code-card-bg:#1a1a1ae6;--modal-code-card-border:#ffffff1a;--modal-code-card-hover-border:linear-gradient(135deg,#065f46,#047857);--modal-code-card-selected-bg:#00ff8826;--modal-code-badge-bg:#333c;--modal-code-badge-text:#ccc;--modal-code-badge-selected-bg:linear-gradient(135deg,#065f46,#047857);--modal-code-badge-selected-text:#000;--modal-no-codes-text:#ffffff80;--modal-no-codes-icon:#ffffff4d;--modal-no-codes-title:#ccc;--modal-type-info-bg:#33333380;--modal-type-info-border:#ffffff1a;--modal-type-icon-bg:#1a1a1acc;--modal-step-border:#ffffff1a;--modal-hierarchy-label:#ccc;--modal-progress-step-bg:#fff3;--modal-progress-step-text:#ccc;--modal-progress-step-active-bg:linear-gradient(135deg,#065f46,#047857);--modal-progress-step-active-text:#000;--modal-progress-step-active-shadow:0 3px 10px #00ff8840;--modal-progress-line-bg:#fff3}.modern-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;background:var(--modal-overlay-bg);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;transition:background .3s ease;z-index:9999}.modern-modal-container{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--modal-container-bg);border-radius:12px;box-shadow:0 20px 40px -12px #00000040,0 0 0 1px #ffffff0d;box-shadow:var(--modal-container-shadow);max-height:85vh;max-width:800px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.modern-modal-header{align-items:flex-start;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:var(--modal-header-bg);border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--modal-header-border);display:flex;justify-content:space-between;padding:1.25rem 2rem 1rem;transition:all .3s ease}.modal-header-content{align-items:center;display:flex;gap:.75rem}.modal-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--modal-icon-bg);border-radius:12px;box-shadow:0 6px 20px #3b82f640;box-shadow:var(--modal-icon-shadow);color:#fff;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.modal-header-icon .material-symbols-rounded{font-size:1.5rem}.modal-header-text h2{color:#0f172a;color:var(--modal-header-text);font-size:1.25rem;font-weight:700;margin:0;transition:color .3s ease}.modal-subtitle{color:#64748b;color:var(--modal-subtitle-text);font-size:.8rem;margin:.2rem 0 0;transition:color .3s ease}.parent-highlight{color:linear-gradient(135deg,#3b82f6,#1d4ed8);color:var(--modal-icon-bg);font-weight:600}.hierarchy-info{color:#64748b;color:var(--modal-hierarchy-label);font-size:.75rem;font-weight:500;margin:.25rem 0 0;transition:color .3s ease}.modern-close-btn{align-items:center;background:#f1f5f9;background:var(--modal-close-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--modal-close-btn-border);border-radius:8px;color:#64748b;color:var(--modal-close-btn-text);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modern-close-btn:hover{background:#e2e8f0;background:var(--modal-close-btn-hover-bg);color:#475569;color:var(--modal-close-btn-hover-text);transform:scale(1.05)}.modern-close-btn .material-symbols-rounded{font-size:1.1rem}.hierarchy-progress{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--modal-progress-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--modal-progress-border);padding:1rem 2rem;transition:all .3s ease}.progress-levels{align-items:center;display:flex;gap:1rem;justify-content:center}.progress-level{align-items:center;display:flex;flex-direction:column;gap:.4rem;opacity:.4;transition:all .3s ease}.progress-level.completed,.progress-level.current{opacity:1}.level-circle{align-items:center;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.level-label{color:#64748b;color:var(--modal-progress-text);font-size:.7rem;font-weight:500;transition:color .3s ease}.progress-level.completed .level-label,.progress-level.current .level-label{color:#0f172a;color:var(--modal-progress-active-text);font-weight:600}.modal-progress{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--modal-progress-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--modal-progress-border);padding:1rem 2rem;transition:all .3s ease}.progress-steps{gap:.75rem;justify-content:center}.progress-step,.progress-steps{align-items:center;display:flex}.progress-step{flex-direction:column;gap:.4rem;opacity:.4;transition:all .3s ease}.progress-step.active{opacity:1}.step-circle{align-items:center;background:#e2e8f0;background:var(--modal-progress-step-bg);border-radius:50%;color:#64748b;color:var(--modal-progress-step-text);display:flex;font-size:.85rem;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.progress-step.active .step-circle{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--modal-progress-step-active-bg);box-shadow:0 3px 10px #3b82f640;box-shadow:var(--modal-progress-step-active-shadow);color:#fff;color:var(--modal-progress-step-active-text)}.progress-step span{color:#64748b;color:var(--modal-progress-text);font-size:.7rem;font-weight:500;transition:color .3s ease}.progress-step.active span{color:#0f172a;color:var(--modal-progress-active-text)}.progress-line{background:#e2e8f0;background:var(--modal-progress-line-bg);border-radius:1px;height:2px;transition:background .3s ease;width:60px}.modern-modal-body{background:#0000;background:var(--modal-body-bg);max-height:42vh;overflow-y:auto;padding:1.25rem 2rem;transition:all .3s ease}.modern-message-banner{align-items:center;animation:slideInDown .3s ease;border-radius:10px;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:1rem;padding:.6rem 1rem;transition:all .3s ease}.modern-message-banner.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--modal-banner-success-bg);border:1px solid #86efac;border:1px solid var(--modal-banner-success-border);color:#166534;color:var(--modal-banner-success-text)}.modern-message-banner.error{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--modal-banner-error-bg);border:1px solid #fca5a5;border:1px solid var(--modal-banner-error-border);color:#991b1b;color:var(--modal-banner-error-text)}.step-content{animation:fadeInUp .3s ease}.step-content h3{color:#0f172a;color:var(--modal-step-title-text);font-size:1.1rem;font-weight:600;margin-bottom:.4rem;transition:color .3s ease}.step-description{color:#64748b;color:var(--modal-step-description-text);font-size:.85rem;line-height:1.5;transition:color .3s ease}.step-description,.step-header-with-type{margin-bottom:1.25rem}.selected-type-display{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--modal-type-info-bg);border:1px solid #e2e8f0;border:1px solid var(--modal-type-info-border);border-radius:12px;gap:.75rem;padding:.75rem}.selected-type-display,.selected-type-icon{align-items:center;display:flex;transition:all .3s ease}.selected-type-icon{background:#fffc;background:var(--modal-type-icon-bg);border-radius:9px;font-size:1.2rem;height:36px;justify-content:center;width:36px}.fixed-type-display{margin-bottom:1.25rem}.type-info-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--modal-type-info-bg);border:2px solid #e2e8f0;border:2px solid var(--modal-type-info-border);gap:1rem;padding:1rem}.type-icon,.type-info-card{align-items:center;border-radius:12px;display:flex;transition:all .3s ease}.type-icon{background:#fffc;background:var(--modal-type-icon-bg);font-size:1.4rem;height:44px;justify-content:center;width:44px}.type-content h3{color:#0f172a;color:var(--modal-step-title-text);font-size:1.1rem;font-weight:600;margin:0 0 .2rem;transition:color .3s ease}.type-content p{color:#64748b;color:var(--modal-step-description-text);font-size:.85rem;margin:0 0 .4rem;transition:color .3s ease}.type-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--modal-btn-primary-bg);border-radius:6px;color:#fff;color:var(--modal-btn-primary-text);font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase;transition:all .3s ease}.type-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.25rem}.type-card{background:#fff;background:var(--modal-type-card-bg);border:2px solid #e2e8f0;border:2px solid var(--modal-type-card-border);border-radius:12px;cursor:pointer;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.type-card:before{background:#e2e8f0;background:var(--modal-type-card-border);content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.type-card:hover{border-color:#3b82f6;border-color:var(--modal-type-card-hover-border);box-shadow:0 6px 20px #00000014;transform:translateY(-1px)}.type-card:hover:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--modal-icon-bg)}.type-card.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);background:var(--modal-type-card-selected-bg);border-color:#3b82f6;border-color:var(--modal-type-card-selected-border);box-shadow:0 6px 20px #3b82f61f;transform:translateY(-1px)}[data-theme=dark] .type-card.selected{box-shadow:0 6px 20px #00ff881f}.type-card.selected:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--modal-icon-bg)}.type-card-icon{font-size:1.5rem;margin-bottom:.75rem}.type-card-content h4{color:#0f172a;color:var(--modal-type-card-title-text);font-size:.95rem;font-weight:600;margin-bottom:.2rem;transition:color .3s ease}.type-value{color:#64748b;color:var(--modal-type-card-value-text);font-size:.7rem;letter-spacing:.4px;text-transform:uppercase;transition:color .3s ease}.type-card-check{color:#3b82f6;color:var(--modal-type-card-hover-border);opacity:0;position:absolute;right:.75rem;top:.75rem;transition:all .3s ease}.type-card.selected .type-card-check{opacity:1}.ac-form-section{margin-bottom:1.5rem}.ac-form-section h4{color:#0f172a;color:var(--modal-step-title-text);font-size:1rem;font-weight:600;margin-bottom:.75rem;transition:color .3s ease}.codes-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.25rem;max-height:180px;overflow-y:auto;padding:.4rem}.code-card{background:#fff;background:var(--modal-code-card-bg);border:2px solid #e2e8f0;border:2px solid var(--modal-code-card-border);border-radius:10px;cursor:pointer;padding:.9rem;position:relative;transition:all .3s ease}.code-card:hover{border-color:#3b82f6;border-color:var(--modal-code-card-hover-border);box-shadow:0 3px 12px #00000014;transform:translateY(-1px)}[data-theme=dark] .code-card:hover{box-shadow:0 3px 12px #00ff8814}.code-card.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);background:var(--modal-code-card-selected-bg);border-color:#3b82f6;border-color:var(--modal-code-card-hover-border);box-shadow:0 3px 12px #3b82f61f}[data-theme=dark] .code-card.selected{box-shadow:0 3px 12px #00ff881f}.code-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.code-badge{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:var(--modal-code-badge-bg);border-radius:5px;color:#475569;color:var(--modal-code-badge-text);font-size:.7rem;font-weight:600;padding:.2rem .6rem;text-transform:uppercase;transition:all .3s ease}.code-card.selected .code-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--modal-code-badge-selected-bg);color:#fff;color:var(--modal-code-badge-selected-text)}.code-card-check{color:#3b82f6;color:var(--modal-type-card-hover-border);opacity:0;transition:all .3s ease}.code-card.selected .code-card-check{opacity:1}.code-card-content h4{color:#0f172a;color:var(--modal-type-card-title-text);font-size:.85rem;font-weight:600;line-height:1.3;margin:0;transition:color .3s ease}.no-codes-available{color:#64748b;color:var(--modal-no-codes-text);padding:2rem 1.5rem;text-align:center;transition:color .3s ease}.no-codes-available .material-symbols-rounded{color:#cbd5e1;color:var(--modal-no-codes-icon);font-size:2.2rem;margin-bottom:.75rem;transition:color .3s ease}.no-codes-available h4{color:#475569;color:var(--modal-no-codes-title);font-size:1rem;font-weight:600;margin-bottom:.4rem;transition:color .3s ease}.no-codes-available p{font-size:.85rem}.form-fields-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--modal-step-border);margin-top:1rem;padding-top:1rem;transition:border-color .3s ease}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr auto}.form-grid-simple{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:auto;max-width:200px}.modern-form-field{display:flex;flex-direction:column;gap:.4rem}.modern-form-field label{color:#374151;color:var(--modal-form-label-text);font-size:.8rem;font-weight:600;transition:color .3s ease}.modern-input{background:#fff;background:var(--modal-form-input-bg);border:2px solid #e2e8f0;border:2px solid var(--modal-form-input-border);border-radius:6px;color:#0f172a;color:var(--modal-step-title-text);font-size:.8rem;padding:.6rem .75rem;transition:all .2s ease}.modern-input:focus{border-color:#3b82f6;border-color:var(--modal-form-input-focus-border);box-shadow:0 0 0 3px #3b82f614;box-shadow:0 0 0 3px var(--modal-form-input-focus-shadow);outline:none}.modern-input:read-only{background:#f8fafc;background:var(--modal-form-input-readonly-bg);color:#64748b;color:var(--modal-form-input-readonly-text)}.step-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--modal-step-border);justify-content:space-between;margin-top:1rem;padding-top:1rem;transition:border-color .3s ease}.modern-btn,.step-actions{align-items:center;display:flex}.modern-btn{border:none;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;gap:.4rem;justify-content:center;min-width:100px;padding:.65rem 1.25rem;text-decoration:none;transition:all .2s ease}.modern-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--modal-btn-primary-bg);box-shadow:0 3px 10px #3b82f640;box-shadow:var(--modal-btn-primary-shadow);color:#fff;color:var(--modal-btn-primary-text)}.modern-btn.primary:hover:not(:disabled){box-shadow:0 5px 15px #3b82f659;box-shadow:var(--modal-btn-primary-hover-shadow);transform:translateY(-1px)}.modern-btn.primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.modern-btn.secondary{background:#fff;background:var(--modal-btn-secondary-bg);border:2px solid #e2e8f0;border:2px solid var(--modal-btn-secondary-border);color:#64748b;color:var(--modal-btn-secondary-text)}.modern-btn.secondary:hover{background:#f8fafc;background:var(--modal-btn-secondary-hover-bg);border-color:#cbd5e1;border-color:var(--modal-btn-secondary-hover-border);color:#475569;color:var(--modal-btn-secondary-hover-text)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.modern-modal-container{margin:.75rem;max-width:calc(100vw - 1.5rem)}.modern-modal-header{padding:1rem 1.5rem .75rem}.modal-header-content{align-items:flex-start;flex-direction:column;gap:.5rem}.modern-modal-body{padding:1rem 1.5rem}.hierarchy-progress{padding:.75rem 1rem}.progress-levels{gap:.5rem}.level-circle{height:32px;width:32px}.type-info-card{flex-direction:column;gap:.75rem;padding:.9rem;text-align:center}.codes-grid,.type-grid{grid-template-columns:1fr}.codes-grid{max-height:150px}.form-grid,.form-grid-simple{grid-template-columns:1fr}.step-actions{flex-direction:column;gap:.75rem}.modern-btn{width:100%}.progress-steps{gap:.5rem}.progress-line{width:40px}}.code-card:focus-visible,.modern-btn:focus-visible,.modern-close-btn:focus-visible,.type-card:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--modal-form-input-focus-border);outline-offset:2px}@media (prefers-reduced-motion:reduce){.code-card,.modern-btn,.modern-modal-container,.type-card{animation:none;transition:none}.code-card:hover,.modern-btn:hover,.type-card:hover{transform:none}}@media (prefers-contrast:high){.code-card,.modern-modal-container,.type-card{border-width:3px}.modern-btn{border:2px solid}}.modern-cards-container{display:flex;flex-direction:column;gap:2rem}.card-section{background:var(--content-bg);border:1px solid var(--content-border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.ag-section-header{align-items:center;border-bottom:2px solid var(--children-container-border);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.section-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.section-icon .material-symbols-rounded{font-size:1.5rem}.section-title h3{color:var(--header-title-text);font-size:1.25rem;font-weight:700;margin:0 0 .25rem;transition:color .3s ease}.section-title span{color:var(--header-subtitle-text);font-size:.875rem;font-weight:500;transition:color .3s ease}.modern-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}:root{--fac-page-bg:#fff;--fac-page-border:#e2e8f0;--fac-page-shadow:0 1px 6px #0000000d;--fac-table-bg:#fff;--fac-table-shadow:0 2px 6px #0000000d;--fac-table-border:#e2e8f0;--fac-table-header-bg:#f9fafb;--fac-table-header-text:#334155;--fac-table-cell-text:#1e293b;--fac-table-row-hover-bg:#fef3c7;--fac-table-row-hover-border:#f59e0b;--fac-table-row-hover-shadow:0 6px 18px #0000000f;--fac-row-shadow:0 4px 12px #00000008;--fac-scrollbar-thumb:#cbd5e1;--fac-scrollbar-track:#0000;--fac-avatar-bg:linear-gradient(135deg,#f59e0b,#fbbf24);--fac-avatar-text:#fff;--fac-avatar-shadow:0 2px 8px #f59e0b40;--fac-displayid-bg:linear-gradient(135deg,#fef3c7,#fefce8);--fac-displayid-text:#78350f;--fac-displayid-border:#fde68a;--fac-displayid-shadow:0 2px 8px #f59e0b14;--fac-displayid-hover-shadow:0 8px 24px #f59e0b26;--fac-displayid-badge-bg:#f59e0b1a;--fac-displayid-badge-border:#f59e0b;--fac-displayid-badge-text:#78350f;--fac-inspect-icon-bg:#fffffff2;--fac-inspect-icon-color:#f59e0b;--fac-inspect-icon-border:#f59e0b33;--fac-inspect-icon-shadow:0 2px 4px #f59e0b1a;--fac-inspect-icon-shadow-hover:0 4px 8px #f59e0b33;--fac-inspect-icon-hover-bg:#f59e0b;--fac-inspect-icon-hover-color:#fff;--fac-status-active:#10b981;--fac-status-on-leave:#f59e0b;--fac-status-sabbatical:#3b82f6;--fac-status-retired:#9ca3af;--fac-status-resigned:#ef4444;--fac-status-suspended:#ef4444;--fac-status-probation:#eab308;--fac-status-contract-ended:#9ca3af;--fac-icon-color:#f59e0b;--fac-action-menu-bg:#fff;--fac-action-menu-shadow:0 8px 20px #00000014,0 4px 8px #0000000a;--fac-action-item-text:#1e293b;--fac-action-item-hover-bg:linear-gradient(90deg,#fef3c7,#fefce8);--fac-action-item-hover-text:#0f172a;--fac-action-icon-color:#f59e0b;--fac-pagination-bg:#f9fafb;--fac-pagination-border:#e5e7eb;--fac-pagination-info-text:#555;--fac-pagination-btn-bg:#fff;--fac-pagination-btn-border:#cbd5e1;--fac-pagination-btn-active-bg:linear-gradient(135deg,#f59e0b,#fbbf24);--fac-pagination-btn-active-text:#fff;--fac-pagination-btn-active-border:#f59e0b;--fac-error-banner-bg:linear-gradient(135deg,#fef2f2,#fee2e2);--fac-error-banner-text:#991b1b;--fac-error-banner-border:#dc2626;--fac-success-banner-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--fac-success-banner-text:#166534;--fac-success-banner-border:#16a34a;--fac-popup-overlay-bg:#0006;--fac-popup-bg:#fff;--fac-popup-shadow:0 6px 20px #0000001a;--fac-popup-text:#333;--fac-popup-input-border:#ccc;--fac-popup-button-cancel-bg:#f3f4f6;--fac-popup-button-cancel-text:#374151;--fac-popup-button-submit-bg:linear-gradient(135deg,#f59e0b,#fbbf24);--fac-popup-button-submit-text:#fff;--fac-popup-button-submit-shadow:0 2px 6px #f59e0b4d;--fac-insights-popup-bg:#fff;--fac-insights-popup-shadow:0 12px 40px #0000001a;--fac-insights-popup-border:#0000000d;--fac-insights-header-text:#111827;--fac-insights-title-text:#1f2937;--fac-glass-green-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--fac-glass-green-text:#065f46;--fac-glass-violet-bg:linear-gradient(135deg,#ede9fe,#f5f3ff);--fac-glass-violet-text:#6b21a8;--fac-glass-amber-bg:linear-gradient(135deg,#fef9c3,#fefce8);--fac-glass-amber-text:#92400e;--fac-glass-red-bg:linear-gradient(135deg,#ffe4e6,#fef2f2);--fac-glass-red-text:#b91c1c;--fac-glass-blue-bg:linear-gradient(135deg,#dbeafe,#eff6ff);--fac-glass-blue-text:#1d4ed8;--fac-top-faculty-bg:linear-gradient(135deg,#fef3c7,#fefce8);--fac-top-faculty-title-text:#111827;--fac-top-faculty-card-bg:#fff;--fac-top-faculty-card-border:#e5e7eb;--fac-top-faculty-card-shadow:0 4px 14px #0000000f;--fac-top-faculty-card-hover-shadow:0 6px 20px #00000014;--fac-faculty-name-text:#111827;--fac-faculty-id-text:#6b7280;--fac-faculty-rating-bg:linear-gradient(135deg,#fef3c7,#fefce8);--fac-faculty-rating-text:#92400e;--fac-faculty-footer-text:#6b7280;--fac-row-highlight-bg:#fef3c7;--fac-row-highlight-border:#f59e0b;--fac-close-icon-text:#6b7280;--fac-close-icon-hover-text:#374151}[data-theme=dark]{--fac-page-bg:#1a1a1af2;--fac-page-border:#ffc10733;--fac-page-shadow:0 1px 6px #ffc1071a;--fac-table-bg:#333333e6;--fac-table-shadow:0 2px 6px #ffc1071a;--fac-table-border:#ffc10733;--fac-table-header-bg:#1a1a1acc;--fac-table-header-text:#fff;--fac-table-cell-text:#fff;--fac-table-row-hover-bg:#ffc1071a;--fac-table-row-hover-border:#ffc107;--fac-table-row-hover-shadow:0 6px 18px #ffc10733;--fac-row-shadow:0 4px 12px #0000004d;--fac-scrollbar-thumb:#ffc1074d;--fac-scrollbar-track:#0000;--fac-avatar-bg:linear-gradient(135deg,#ffc107,#ffb300);--fac-avatar-text:#000;--fac-avatar-shadow:0 2px 8px #ffc1074d;--fac-displayid-bg:#ffc10733;--fac-displayid-text:#ffc107;--fac-displayid-border:#ffc1074d;--fac-displayid-shadow:0 2px 8px #ffc10726;--fac-displayid-hover-shadow:0 8px 24px #ffc1074d;--fac-displayid-badge-bg:#ffc10726;--fac-displayid-badge-border:#ffc107;--fac-displayid-badge-text:#fff59d;--fac-inspect-icon-bg:#1a1a1acc;--fac-inspect-icon-color:#ffc107;--fac-inspect-icon-border:#ffc10733;--fac-inspect-icon-shadow:0 2px 4px #ffc10733;--fac-inspect-icon-shadow-hover:0 4px 8px #ffc1074d;--fac-inspect-icon-hover-bg:#ffc107;--fac-inspect-icon-hover-color:#000;--fac-status-active:#0f8;--fac-status-on-leave:#ffc107;--fac-status-sabbatical:#2196f3;--fac-status-retired:#607d8b;--fac-status-resigned:#f44336;--fac-status-suspended:#f44336;--fac-status-probation:#ffeb3b;--fac-status-contract-ended:#607d8b;--fac-icon-color:#ffc107;--fac-action-menu-bg:#1a1a1af2;--fac-action-menu-shadow:0 8px 20px #0009,0 4px 8px #0006;--fac-action-item-text:#fff;--fac-action-item-hover-bg:#ffc1071a;--fac-action-item-hover-text:#ffc107;--fac-action-icon-color:#ffc107;--fac-pagination-bg:#1a1a1acc;--fac-pagination-border:#ffc10733;--fac-pagination-info-text:#ccc;--fac-pagination-btn-bg:#333c;--fac-pagination-btn-border:#ffc1074d;--fac-pagination-btn-active-bg:linear-gradient(135deg,#ffc107,#ffb300);--fac-pagination-btn-active-text:#000;--fac-pagination-btn-active-border:#ffc107;--fac-error-banner-bg:#f4433626;--fac-error-banner-text:#ffcdd2;--fac-error-banner-border:#f44336;--fac-success-banner-bg:#00ff8826;--fac-success-banner-text:#0f8;--fac-success-banner-border:#0f8;--fac-popup-overlay-bg:#000c;--fac-popup-bg:#1a1a1af2;--fac-popup-shadow:0 6px 20px #0009;--fac-popup-text:#fff;--fac-popup-input-border:#ffc1074d;--fac-popup-button-cancel-bg:#333c;--fac-popup-button-cancel-text:#ccc;--fac-popup-button-submit-bg:linear-gradient(135deg,#ffc107,#ffb300);--fac-popup-button-submit-text:#000;--fac-popup-button-submit-shadow:0 2px 6px #ffc1074d;--fac-insights-popup-bg:#1a1a1af2;--fac-insights-popup-shadow:0 12px 40px #000c;--fac-insights-popup-border:#ffc10733;--fac-insights-header-text:#fff;--fac-insights-title-text:#ffc107;--fac-glass-green-bg:#00ff8826;--fac-glass-green-text:#0f8;--fac-glass-violet-bg:#9c27b033;--fac-glass-violet-text:#e1bee7;--fac-glass-amber-bg:#ffc10733;--fac-glass-amber-text:#fff59d;--fac-glass-red-bg:#f4433633;--fac-glass-red-text:#ffcdd2;--fac-glass-blue-bg:#2196f333;--fac-glass-blue-text:#bbdefb;--fac-top-faculty-bg:#ffc1071a;--fac-top-faculty-title-text:#fff;--fac-top-faculty-card-bg:#333c;--fac-top-faculty-card-border:#ffc10733;--fac-top-faculty-card-shadow:0 4px 14px #0000004d;--fac-top-faculty-card-hover-shadow:0 6px 20px #0006;--fac-faculty-name-text:#fff;--fac-faculty-id-text:#ccc;--fac-faculty-rating-bg:#ffc10733;--fac-faculty-rating-text:#fff59d;--fac-faculty-footer-text:#ccc;--fac-row-highlight-bg:#ffc1071a;--fac-row-highlight-border:#ffc107;--fac-close-icon-text:#ccc;--fac-close-icon-hover-text:#fff}.faculty-page{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--fac-page-bg);border:1px solid #e2e8f0;border:1px solid var(--fac-page-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--fac-page-shadow);display:flex;flex-direction:column;padding-bottom:1rem;transition:all .3s ease}.faculty-table-wrapper::-webkit-scrollbar{height:8px}.faculty-table-wrapper::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-color:var(--fac-scrollbar-thumb);border-radius:4px}.faculty-table table{background:#fff;background:var(--fac-table-bg);border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--fac-table-shadow);transition:all .3s ease}.faculty-table th{background:#f9fafb;background:var(--fac-table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--fac-table-border);color:#334155;color:var(--fac-table-header-text);cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.02em;padding:.85rem 1.2rem;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.faculty-table th:hover{background:#fef3c7;background:var(--fac-table-row-hover-bg)}.faculty-table td{border:none;color:var(--fac-table-cell-text);padding:.85rem 1.2rem;transition:all .3s ease;white-space:nowrap}.faculty-table tbody tr{border-left:4px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000008;box-shadow:var(--fac-row-shadow);overflow:hidden;position:relative;transition:all .3s ease;z-index:1}.faculty-table tbody tr:hover{background:#fef3c7;background:var(--fac-table-row-hover-bg);border-left-color:#f59e0b;border-left-color:var(--fac-table-row-hover-border);box-shadow:0 6px 18px #0000000f;box-shadow:var(--fac-table-row-hover-shadow);transform:translateY(-1px)}.user-name-with-avatar{align-items:center;color:#1e293b;color:var(--fac-table-cell-text);display:flex;font-weight:500;gap:.75rem;transition:color .3s ease}.avatar-circle{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:var(--fac-avatar-bg);box-shadow:0 2px 8px #f59e0b40;box-shadow:var(--fac-avatar-shadow);color:var(--fac-avatar-text);font-size:.8rem;font-weight:600;min-height:32px;min-width:32px;transition:all .3s ease}.facultyid-cell{background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--fac-displayid-bg);border:1px solid #fde68a;border:1px solid var(--fac-displayid-border);border-radius:10px;box-shadow:0 2px 8px #f59e0b14;box-shadow:var(--fac-displayid-shadow);color:#78350f;color:var(--fac-displayid-text);font-size:.95rem;font-weight:600;padding:.75rem 3rem .75rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.facultyid-cell:hover{border-color:#f59e0b;border-color:var(--fac-displayid-badge-border);box-shadow:0 8px 24px #f59e0b26;box-shadow:var(--fac-displayid-hover-shadow);transform:translateY(-1px) scale(1.01)}.faculty-table td.display-id-sticky,.faculty-table th.display-id-sticky{background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--fac-displayid-bg);box-shadow:2px 0 8px -1px #00000014;left:0;position:-webkit-sticky;position:sticky;transition:all .3s ease;z-index:3}.faculty-table thead th.display-id-sticky{background:#f9fafb;background:var(--fac-table-header-bg);color:#78350f;color:var(--fac-displayid-text);font-weight:700;padding-left:1rem}.faculty-table tbody tr:hover td.display-id-sticky{background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--fac-displayid-bg)}.faculty-table tbody tr:hover td.display-id-sticky .facultyid-cell{border-color:#f59e0b;border-color:var(--fac-displayid-badge-border);box-shadow:0 8px 24px #f59e0b26;box-shadow:var(--fac-displayid-hover-shadow)}.faculty-table tbody tr.row-highlight td.display-id-sticky{background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--fac-displayid-bg)}.faculty-table tbody tr.row-highlight td.display-id-sticky .facultyid-cell{border-color:#f59e0b;border-color:var(--fac-displayid-badge-border);box-shadow:0 0 0 2px #f59e0b33}.faculty-id-wrapper{align-items:center;display:flex;gap:8px;position:relative}.faculty-id-wrapper:before{background:#f59e0b1a;background:var(--fac-displayid-badge-bg);border:1px solid #f59e0b;border:1px solid var(--fac-displayid-badge-border);border-radius:4px;color:#78350f;color:var(--fac-displayid-badge-text);content:"ID";display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;opacity:.8;padding:2px 6px;text-transform:uppercase;transition:opacity .2s ease}.facultyid-cell:hover .faculty-id-wrapper:before{opacity:1}.facultyid-cell .inspect-icon{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;background:var(--fac-inspect-icon-bg);border:1px solid #f59e0b33;border:1px solid var(--fac-inspect-icon-border);border-radius:8px;box-shadow:0 2px 4px #f59e0b1a;box-shadow:var(--fac-inspect-icon-shadow);color:#f59e0b;color:var(--fac-inspect-icon-color);cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:28px;z-index:1}.facultyid-cell:hover .inspect-icon{opacity:1;right:12px;transform:translateY(-50%) scale(1.05)}.facultyid-cell .inspect-icon:hover{background:#f59e0b;background:var(--fac-inspect-icon-hover-bg);border-color:#f59e0b;border-color:var(--fac-inspect-icon-hover-bg);box-shadow:0 4px 8px #f59e0b33;box-shadow:var(--fac-inspect-icon-shadow-hover);color:#fff;color:var(--fac-inspect-icon-hover-color);transform:translateY(-50%) scale(1.1)}.facultyid-cell .inspect-icon:active{transform:translateY(-50%) scale(.95)}.faculty-status-cell{padding:8px 12px;vertical-align:middle}.faculty-status-wrapper{align-items:center;display:flex}.faculty-status-pill{border-radius:999px;color:#fff;display:inline-block;font-size:12px;font-weight:500;line-height:1;padding:4px 12px;text-transform:capitalize}.faculty-status-active{background-color:#10b981;background-color:var(--fac-status-active)}.faculty-status-on-leave{background-color:#f59e0b;background-color:var(--fac-status-on-leave)}.faculty-status-sabbatical{background-color:#3b82f6;background-color:var(--fac-status-sabbatical)}.faculty-status-retired{background-color:#9ca3af;background-color:var(--fac-status-retired)}.faculty-status-resigned{background-color:#ef4444;background-color:var(--fac-status-resigned)}.faculty-status-suspended{background-color:#ef4444;background-color:var(--fac-status-suspended)}.faculty-status-probation{background-color:#eab308;background-color:var(--fac-status-probation)}.faculty-status-contract-ended{background-color:#9ca3af;background-color:var(--fac-status-contract-ended)}.faculty-icon{color:#f59e0b;color:var(--fac-icon-color);font-size:1.3rem;transition:color .3s ease}.faculty-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--fac-table-bg);border:1px solid #e2e8f0;border:1px solid var(--fac-page-border);box-shadow:0 1px 6px #0000000d;box-shadow:var(--fac-page-shadow);margin:1rem;max-height:calc(100vh - 310px);overflow-y:auto;transition:all .3s ease}.faculty-table-scroll-wrapper,.faculty-table-scroll-x{overflow-x:auto;overflow-y:visible;position:relative;width:100%}.faculty-table{background:#fff;background:var(--fac-table-bg);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--fac-table-shadow);min-width:100%;transition:all .3s ease;width:-webkit-max-content;width:max-content}.faculty-table td.actions-sticky,.faculty-table th.actions-sticky{background:#fff;background:var(--fac-table-bg);box-shadow:-2px 0 6px -1px #0000000d;position:-webkit-sticky;position:sticky;right:0;transition:all .3s ease;z-index:2}.faculty-table tbody tr.row-highlight td.actions-sticky,.faculty-table tbody tr:hover td.actions-sticky{background:#fef3c7;background:var(--fac-table-row-hover-bg)}.faculty-table thead{background:#f9fafb;background:var(--fac-table-header-bg);box-shadow:0 2px 4px #0000000d;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:10}.actions-wrapper{display:inline-block;position:relative}.actions-button{color:#1e293b;color:var(--fac-table-cell-text);font-size:20px;transition:color .3s ease}.action-menu{animation:fadeScale .2s ease-out forwards;background:#fff;background:var(--fac-action-menu-bg);border-radius:12px;box-shadow:0 8px 20px #00000014,0 4px 8px #0000000a;box-shadow:var(--fac-action-menu-shadow);font-size:.9rem;max-width:200px;min-width:180px;overflow:hidden;padding:4px 0;position:fixed;transform-origin:top right;transition:all .3s ease;z-index:5000}.action-menu div{align-items:center;border-radius:8px;color:#1e293b;color:var(--fac-action-item-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin:2px 6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.action-menu .material-symbols-rounded{color:#f59e0b;color:var(--fac-action-icon-color);font-size:18px;transition:color .3s ease}.action-menu div:hover{background:linear-gradient(90deg,#fef3c7,#fefce8);background:var(--fac-action-item-hover-bg);color:#0f172a;color:var(--fac-action-item-hover-text);padding-left:20px;transform:scale(.98)}.pagination-wrapper{align-items:center;background:#f9fafb;background:var(--fac-pagination-bg);border-top:1px solid #e5e7eb;border-top:1px solid var(--fac-pagination-border);display:flex;justify-content:space-between;padding:1rem 2rem;transition:all .3s ease}.pagination-info{color:#555;color:var(--fac-pagination-info-text);font-size:15px;transition:color .3s ease}.pagination{display:flex;gap:.5rem}.page-btn{background:#fff;background:var(--fac-pagination-btn-bg);border:1px solid #cbd5e1;border:1px solid var(--fac-pagination-btn-border);border-radius:12px;color:#555;color:var(--fac-pagination-info-text);font-weight:500;padding:.45rem .85rem;transition:all .3s ease}.page-btn.active{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:var(--fac-pagination-btn-active-bg);border-color:#f59e0b;border-color:var(--fac-pagination-btn-active-border);color:#fff;color:var(--fac-pagination-btn-active-text)}.page-btn:disabled{opacity:.6}.error-banner{background:var(--fac-error-banner-bg);border-left:4px solid #dc2626;border-left:4px solid var(--fac-error-banner-border);color:var(--fac-error-banner-text)}.error-banner,.success-banner{align-items:center;border-radius:8px;display:flex;gap:.5rem;margin:1rem;padding:.75rem 1rem;transition:all .3s ease}.success-banner{background:var(--fac-success-banner-bg);border-left:4px solid #16a34a;border-left:4px solid var(--fac-success-banner-border);color:var(--fac-success-banner-text)}.popup-overlay{align-items:center;animation:facOverlayFadeIn .3s ease-out;background:#0006;background:var(--fac-popup-overlay-bg);display:flex;inset:0;justify-content:center;position:fixed;transition:all .3s ease;z-index:9999}.popup-box{background:#fff;background:var(--fac-popup-bg);border-radius:12px;box-shadow:0 6px 20px #0000001a;box-shadow:var(--fac-popup-shadow);padding:1.5rem;transition:all .3s ease;width:400px}.popup-box h3{margin-bottom:1rem;transition:color .3s ease}.popup-box h3,.popup-box textarea{color:#333;color:var(--fac-popup-text)}.popup-box textarea{background:#fff;background:var(--fac-popup-bg);border:1px solid #ccc;border:1px solid var(--fac-popup-input-border);border-radius:6px;margin-top:1rem;min-height:80px;padding:.5rem;resize:none;transition:all .3s ease;width:100%}.popup-actions{margin-top:1.5rem}.popup-actions button{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease}.popup-actions button:first-child{background:#f3f4f6;background:var(--fac-popup-button-cancel-bg);color:#374151;color:var(--fac-popup-button-cancel-text)}.popup-actions button:last-child{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:var(--fac-popup-button-submit-bg);box-shadow:0 2px 6px #f59e0b4d;box-shadow:var(--fac-popup-button-submit-shadow);color:#fff;color:var(--fac-popup-button-submit-text)}.popup-actions button:hover{box-shadow:0 3px 10px #0000001a;opacity:.95}.insights-popup-card{animation:facFadeInScale .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--fac-insights-popup-bg);border:1px solid #0000000d;border:1px solid var(--fac-insights-popup-border);border-radius:12px;box-shadow:0 12px 40px #0000001a;box-shadow:var(--fac-insights-popup-shadow);box-sizing:border-box;max-height:80vh;max-width:480px;overflow-y:auto;padding:1.5rem;position:fixed;right:32px;top:100px;transition:all .3s ease;width:90%;z-index:9999}.insights-popup-header{align-items:center;color:#111827;color:var(--fac-insights-header-text);display:flex;font-size:1.05rem;font-weight:600;justify-content:space-between;margin-bottom:1rem;transition:color .3s ease}.popup-title{color:#1f2937;color:var(--fac-insights-title-text);flex-grow:1;font-size:1.3rem;font-weight:700;text-align:center}.close-icon,.popup-title{transition:color .3s ease}.close-icon{color:#6b7280;color:var(--fac-close-icon-text);cursor:pointer}.close-icon:hover{color:#374151;color:var(--fac-close-icon-hover-text)}.insights-error,.insights-loading{color:var(--fac-table-cell-text)}.insights-dashboard-grid{grid-template-columns:1fr 1fr}.insight-dash-card{border-radius:12px;box-shadow:0 4px 10px #0000000f;color:#fff;padding:.5rem;transition:all .25s ease}.insight-dash-card:hover{box-shadow:0 6px 16px #0000001f}.glass-icon{align-items:center;border-radius:12px;display:flex;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:48px}.card-title{font-size:.8rem;font-weight:600;opacity:.9}.card-value{font-size:1.3rem}.glass-green{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--fac-glass-green-bg);color:#065f46;color:var(--fac-glass-green-text)}.glass-violet{background:linear-gradient(135deg,#ede9fe,#f5f3ff);background:var(--fac-glass-violet-bg);color:#6b21a8;color:var(--fac-glass-violet-text)}.glass-amber{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--fac-glass-amber-bg);color:#92400e;color:var(--fac-glass-amber-text)}.glass-red{background:linear-gradient(135deg,#ffe4e6,#fef2f2);background:var(--fac-glass-red-bg);color:#b91c1c;color:var(--fac-glass-red-text)}.glass-blue{background:linear-gradient(135deg,#dbeafe,#eff6ff);background:var(--fac-glass-blue-bg);color:var(--fac-glass-blue-text)}.top-faculty-section{animation:fadeInPop .3s ease-in-out;background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--fac-top-faculty-bg);border-radius:24px;box-shadow:0 6px 18px #0000000d;grid-column:span 2;padding:1rem 1.25rem;transition:all .3s ease}.distribution-title{color:#111827;color:var(--fac-top-faculty-title-text);transition:color .3s ease}.top-faculty-grid{display:flex;flex-direction:column;gap:.75rem}.top-faculty-card{align-items:center;background:#fff;background:var(--fac-top-faculty-card-bg);border:1px solid #e5e7eb;border:1px solid var(--fac-top-faculty-card-border);border-radius:12px;box-shadow:0 4px 14px #0000000f;box-shadow:var(--fac-top-faculty-card-shadow);cursor:pointer;display:flex;padding:.75rem 1rem;transition:all .2s ease}.top-faculty-card:hover{box-shadow:0 6px 20px #00000014;box-shadow:var(--fac-top-faculty-card-hover-shadow);transform:translateY(-2px) scale(1.02)}.faculty-card-header{flex:1 1;gap:.75rem;padding-right:1rem}.insights-avatar-circle{align-items:center;background:linear-gradient(135deg,#f59e0b,#fbbf24);background:var(--fac-avatar-bg);border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #f59e0b1f;color:#fff;color:var(--fac-avatar-text);display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:40px;min-width:40px;transition:all .2s ease}.faculty-card-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.faculty-name{color:#111827;color:var(--fac-faculty-name-text);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.faculty-id{color:#6b7280;color:var(--fac-faculty-id-text);font-size:.72rem;transition:color .3s ease}.faculty-rating-pill{background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--fac-faculty-rating-bg);border-radius:999px;color:#92400e;color:var(--fac-faculty-rating-text);font-size:.75rem;font-weight:600;margin-left:auto;padding:3px 10px;transition:all .3s ease}.faculty-card-footer{align-items:center;color:#6b7280;color:var(--fac-faculty-footer-text);display:flex;font-size:.75rem;gap:6px;margin-top:.35rem;transition:color .3s ease}.small-icon{font-size:1rem;margin-right:.25rem}.department{color:#6b7280;color:var(--fac-faculty-footer-text);font-size:.75rem;transition:color .3s ease}.faculty-toolbar-wrapper{max-width:100%;overflow-x:auto;overflow-y:hidden;position:relative}.row-highlight{background:#fef3c7!important;background:var(--fac-row-highlight-bg)!important;border-left-color:#f59e0b!important;border-left-color:var(--fac-row-highlight-border)!important}.popup-container-anchor{position:relative}.filter-left{color:var(--fac-table-cell-text);flex-wrap:wrap;font-size:1.1rem;gap:12px;margin:.5rem;padding:.5rem;transition:color .3s ease}@keyframes facOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes facFadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.facultyid-cell{min-width:140px;width:auto}.faculty-id-wrapper:before{font-size:.6rem;padding:2px 4px}.facultyid-cell .inspect-icon{opacity:1;right:8px}.faculty-table table,.faculty-table tbody,.faculty-table td,.faculty-table th,.faculty-table thead,.faculty-table tr{display:block}.faculty-table tr{background:#fff;background:var(--fac-table-bg);border-radius:12px;box-shadow:0 4px 12px #00000008;box-shadow:var(--fac-row-shadow);margin-bottom:1.5rem;overflow:hidden}.faculty-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--fac-table-border);padding:.75rem 1rem;position:relative}.insights-popup-card{left:1rem;max-width:none;right:1rem}.insights-dashboard-grid{grid-template-columns:1fr}.top-faculty-section{grid-column:span 1}}@media (max-width:480px){.faculty-page{padding-bottom:.5rem}.faculty-table-container{margin:.5rem}}@media print{.facultyid-cell{background:#0000;border:1px solid #ccc;color:#000}.facultyid-cell .inspect-icon{display:none}.faculty-id-wrapper:before{background:#0000;border:1px solid #ccc}}@media (prefers-contrast:high){.faculty-table tbody tr:hover{background:#fef3c7;background:var(--fac-table-row-hover-bg);border:2px solid #f59e0b;border:2px solid var(--fac-table-row-hover-border);color:#1e293b;color:var(--fac-table-cell-text)}.faculty-status-pill{border:2px solid}}@media (prefers-reduced-motion:reduce){.faculty-table tbody tr,.facultyid-cell,.insight-dash-card,.top-faculty-card{animation:none;transition:none}.faculty-table tbody tr:hover,.facultyid-cell:hover,.insight-dash-card:hover,.top-faculty-card:hover{transform:none}}.faculty-table-container.fac-card-view-mode{max-height:none;overflow-y:visible}.fac-cards-grid{grid-gap:1.5rem;animation:facFadeInCards .3s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:1rem}@keyframes facFadeInCards{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fac-cards-empty{align-items:center;color:#334155;color:var(--fac-table-header-text);display:flex;flex-direction:column;gap:.5rem;grid-column:1/-1;opacity:.6;padding:3rem}.fac-cards-empty .material-symbols-rounded{font-size:3rem}.fac-cards-empty p{font-size:.95rem;margin:0}.fac-card{background:#fff;background:var(--fac-table-bg);border:1px solid #e2e8f0;border:1px solid var(--fac-table-border);border-radius:16px;box-shadow:0 4px 12px #0000000a;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.fac-card:before{background:linear-gradient(90deg,#f59e0b,#d97706);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.fac-card:hover:before{transform:scaleX(1)}.fac-card.fac-card-status-active:before{background:linear-gradient(90deg,#10b981,#059669)}.fac-card.fac-card-status-on-leave:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.fac-card.fac-card-status-sabbatical:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.fac-card.fac-card-status-retired:before{background:linear-gradient(90deg,#9ca3af,#6b7280)}.fac-card.fac-card-status-resigned:before,.fac-card.fac-card-status-suspended:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.fac-card.fac-card-status-probation:before{background:linear-gradient(90deg,#eab308,#ca8a04)}.fac-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.fac-card.fac-card-highlight,.fac-card:hover{border-color:#f59e0b;border-color:var(--fac-table-row-hover-border)}.fac-card.fac-card-highlight{box-shadow:0 0 0 2px #f59e0b33}.fac-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--fac-table-border);display:flex;gap:.85rem;margin-bottom:1.25rem;padding-bottom:1rem}.fac-card-avatar{align-items:center;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.15rem;font-weight:700;height:52px;justify-content:center;transition:transform .3s ease;width:52px}.fac-card:hover .fac-card-avatar{transform:scale(1.1)}.fac-card-title-block{flex:1 1;min-width:0}.fac-card-title-block h3{color:#1e293b;color:var(--fac-table-cell-text);font-size:1rem;font-weight:700;margin:0 0 .3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fac-card-id{background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--fac-displayid-bg);border:1px solid #fde68a;border:1px solid var(--fac-displayid-border);border-radius:6px;color:#78350f;color:var(--fac-displayid-text);display:inline-block;font-size:.72rem;font-weight:600;padding:.2rem .6rem}.fac-card-action-btn{align-items:center;background:#fffffff2;background:var(--fac-inspect-icon-bg);border:1px solid #f59e0b33;border:1px solid var(--fac-inspect-icon-border);border-radius:8px;color:#f59e0b;color:var(--fac-inspect-icon-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.15rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.fac-card-action-btn:hover{background:#f59e0b;background:var(--fac-inspect-icon-hover-bg);box-shadow:0 4px 8px #f59e0b33;box-shadow:var(--fac-inspect-icon-shadow-hover);color:#fff;color:var(--fac-inspect-icon-hover-color);transform:scale(1.1)}.fac-card-body{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.fac-card-status-row{align-items:center;display:flex;gap:.5rem;grid-column:1/-1;margin-bottom:.25rem}.fac-card-status-sub{color:#334155;color:var(--fac-table-header-text);font-size:.72rem;opacity:.7}.fac-card-field{align-items:flex-start;display:flex;gap:.6rem}.fac-card-field-full{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;grid-column:1/-1}.fac-card-field-icon{color:#f59e0b;color:var(--fac-icon-color);flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.fac-card-field-content{flex:1 1;min-width:0}.fac-card-field-content label{color:#334155;color:var(--fac-table-header-text);display:block;font-size:.68rem;font-weight:600;letter-spacing:.5px;margin-bottom:.2rem;opacity:.7}.fac-card-field-content span{color:#1e293b;color:var(--fac-table-cell-text);display:block;font-size:.88rem;font-weight:500}.fac-card-field-content span,.fac-card-field-full .fac-card-field-content span{overflow-wrap:break-word;white-space:normal;word-break:break-word}[data-theme=dark] .fac-card{box-shadow:0 4px 12px #0000004d}[data-theme=dark] .fac-card:hover{box-shadow:0 8px 24px #ffc10726}[data-theme=dark] .fac-card.fac-card-highlight{box-shadow:0 0 0 2px #ffc10740}@media (max-width:768px){.fac-cards-grid{gap:1rem;grid-template-columns:1fr;padding:.75rem}.fac-card-field-full{grid-column:1/-1}}:root{--fac-toolbar-bg:linear-gradient(135deg,#fef3c7,#fefce8);--fac-toolbar-shadow:0 4px 20px #0000000d;--fac-filter-toggle-bg:linear-gradient(135deg,#fef3c7,#fefce8);--fac-filter-toggle-bg-hover:linear-gradient(135deg,#fde68a,#fef3c7);--fac-filter-toggle-border:#fbbf24;--fac-filter-toggle-border-hover:#f59e0b;--fac-filter-toggle-color:#78350f;--fac-filter-toggle-shadow:0 2px 5px #78350f1a;--fac-filter-toggle-shadow-hover:0 4px 10px #78350f1f;--fac-filter-badge-bg:#3b82f6;--fac-filter-badge-color:#fff;--fac-filter-badge-border:#fff;--fac-search-bar-bg:linear-gradient(135deg,#fef3c7,#fefce8);--fac-search-bar-bg-focus:linear-gradient(135deg,#fde68a,#fef3c7);--fac-search-bar-border:#fde68a;--fac-search-bar-border-focus:#f59e0b;--fac-search-bar-shadow:0 1px 4px #f59e0b1a;--fac-search-bar-shadow-focus:0 0 0 2px #f59e0b;--fac-search-bar-text:#78350f;--fac-search-icon-color:#f59e0b;--fac-icon-btn-bg:#fff;--fac-icon-btn-border:#ffffff40;--fac-icon-btn-shadow:0 4px 12px #0000001a;--fac-icon-btn-shadow-hover:0 4px 12px #0000001f;--fac-icon-green-bg:linear-gradient(135deg,#6ee7b7,#a7f3d0);--fac-icon-green-color:#022c22;--fac-icon-purple-bg:linear-gradient(135deg,#a5b4fc,#c7d2fe);--fac-icon-purple-color:#3b0a73;--fac-icon-clear-bg:linear-gradient(135deg,#fda4af,#fecdd3);--fac-icon-clear-color:#83112b;--fac-icon-pink-bg:linear-gradient(135deg,#f9a8d4,#fbcfe8);--fac-icon-pink-color:#701a3f;--fac-icon-add-bg:linear-gradient(135deg,#fef3c7,#fefce8);--fac-icon-add-color:#78350f;--fac-tooltip-bg:#111827e6;--fac-tooltip-color:#fff;--fac-tooltip-arrow-color:#111827e6;--fac-dropdown-bg:#fff;--fac-dropdown-border:#e5e7eb;--fac-dropdown-shadow:0 4px 12px #00000014;--fac-dropdown-item-hover:linear-gradient(135deg,#fef3c7,#fefce8);--fac-dropdown-text:#78350f;--fac-dropdown-icon-color:#f59e0b;--fac-filter-popover-bg:#f9fafb}[data-theme=dark]{--fac-toolbar-bg:linear-gradient(135deg,#1a1a1ae6,#333c);--fac-toolbar-shadow:0 4px 20px #0006;--fac-filter-toggle-bg:linear-gradient(135deg,#ffc10726,#ffc1071a);--fac-filter-toggle-bg-hover:linear-gradient(135deg,#ffc10733,#ffc10726);--fac-filter-toggle-border:#ffc1074d;--fac-filter-toggle-border-hover:#ffc10766;--fac-filter-toggle-color:#ffc107;--fac-filter-toggle-shadow:0 2px 5px #ffc10726;--fac-filter-toggle-shadow-hover:0 4px 10px #ffc10733;--fac-filter-badge-bg:#2196f3;--fac-filter-badge-color:#000;--fac-filter-badge-border:#1a1a1acc;--fac-search-bar-bg:linear-gradient(135deg,#ffc1071a,#1a1a1acc);--fac-search-bar-bg-focus:linear-gradient(135deg,#ffc10726,#333c);--fac-search-bar-border:#ffc10733;--fac-search-bar-border-focus:#ffc10766;--fac-search-bar-shadow:0 1px 4px #ffc1071a;--fac-search-bar-shadow-focus:0 0 0 2px #ffc1074d;--fac-search-bar-text:#fff;--fac-search-icon-color:#ffc107;--fac-icon-btn-bg:#1a1a1acc;--fac-icon-btn-border:#ffffff1a;--fac-icon-btn-shadow:0 4px 12px #0000004d;--fac-icon-btn-shadow-hover:0 4px 12px #0006;--fac-icon-green-bg:linear-gradient(135deg,#0f83,#00ff8826);--fac-icon-green-color:#0f8;--fac-icon-purple-bg:linear-gradient(135deg,#a284ff33,#a284ff26);--fac-icon-purple-color:#a284ff;--fac-icon-clear-bg:linear-gradient(135deg,#ff3b3033,#ff3b3026);--fac-icon-clear-color:#ff3b30;--fac-icon-pink-bg:linear-gradient(135deg,#ff149333,#ff149326);--fac-icon-pink-color:#ff1493;--fac-icon-add-bg:linear-gradient(135deg,#ffc10733,#ffc10726);--fac-icon-add-color:#ffc107;--fac-tooltip-bg:#1a1a1af2;--fac-tooltip-color:#fff;--fac-tooltip-arrow-color:#1a1a1af2;--fac-dropdown-bg:#1a1a1af2;--fac-dropdown-border:#ffffff1a;--fac-dropdown-shadow:0 4px 12px #0009;--fac-dropdown-item-hover:linear-gradient(135deg,#ffc1071a,#ffc1071a);--fac-dropdown-text:#fff;--fac-dropdown-icon-color:#ffc107;--fac-filter-popover-bg:#1a1a1af2}.fac-instyte-toolbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--fac-toolbar-bg);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000000d;box-shadow:var(--fac-toolbar-shadow);display:flex;font-family:Poppins,sans-serif;justify-content:space-between;padding:.5rem 1rem;position:relative;transition:all .3s ease;z-index:5}.fac-toolbar-left{align-items:center;display:flex;gap:1rem}.fac-toolbar-actions{gap:.75rem;overflow:visible;padding-left:1rem}.fac-filter-toggle-btn,.fac-toolbar-actions{align-items:center;display:flex;position:relative}.fac-filter-toggle-btn{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--fac-filter-toggle-bg);border:1px solid #fbbf24;border:1px solid var(--fac-filter-toggle-border);border-radius:24px;box-shadow:0 2px 5px #78350f1a;box-shadow:var(--fac-filter-toggle-shadow);color:#78350f;color:var(--fac-filter-toggle-color);cursor:pointer;font-size:.9rem;font-weight:500;gap:.4rem;padding:.45rem 1.1rem;transition:all .2s ease}.fac-filter-toggle-btn:hover{background:linear-gradient(135deg,#fde68a,#fef3c7);background:var(--fac-filter-toggle-bg-hover);border-color:#f59e0b;border-color:var(--fac-filter-toggle-border-hover);box-shadow:0 4px 10px #78350f1f;box-shadow:var(--fac-filter-toggle-shadow-hover)}.fac-filter-badge{background:#3b82f6;background:var(--fac-filter-badge-bg);border:1px solid #fff;border:1px solid var(--fac-filter-badge-border);border-radius:999px;box-shadow:0 0 0 2px #fffc;color:#fff;color:var(--fac-filter-badge-color);font-size:.65rem;font-weight:700;height:4px;padding:2px 5px;position:absolute;right:6px;top:4px;transition:all .3s ease;width:14px}[data-theme=dark] .fac-filter-badge{box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--fac-filter-badge-border)}.advanced-filter-badge{background:#3b82f6}[data-theme=dark] .advanced-filter-badge{background:#2196f3;border-color:#1a1a1af2}.fac-filter-panel{animation:facFadeIn .25s ease;display:flex;gap:.6rem;overflow:visible!important;position:relative;z-index:0}.fac-filter-panel>*{animation:facFilterFadeIn .4s ease forwards;opacity:0;transform:translateY(10px)}.fac-filter-panel>:first-child{animation-delay:.05s}.fac-filter-panel>:nth-child(2){animation-delay:.1s}.fac-filter-panel>:nth-child(3){animation-delay:.15s}.fac-filter-panel>:nth-child(4){animation-delay:.2s}.fac-filter-panel>:nth-child(5){animation-delay:.25s}.fac-filter-panel>:nth-child(6){animation-delay:.3s}.fac-search-bar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--fac-search-bar-bg);border:1px solid #fde68a;border:1px solid var(--fac-search-bar-border);border-radius:24px;box-shadow:0 1px 4px #f59e0b1a;box-shadow:var(--fac-search-bar-shadow);display:flex;padding:0 .75rem;transition:all .3s ease;width:200px}.fac-search-bar:focus-within{background:linear-gradient(135deg,#fde68a,#fef3c7);background:var(--fac-search-bar-bg-focus);border-color:#f59e0b;border-color:var(--fac-search-bar-border-focus);box-shadow:0 0 0 2px #f59e0b;box-shadow:var(--fac-search-bar-shadow-focus);width:320px}.fac-search-bar input{background:#0000;border:none;color:#78350f;color:var(--fac-search-bar-text);flex:1 1;font-size:.95rem;outline:none;padding:.5rem .4rem;transition:color .3s ease}.fac-search-bar input::placeholder{color:#78350f;color:var(--fac-search-bar-text);opacity:.7}.fac-search-icon{color:#f59e0b;color:var(--fac-search-icon-color);font-size:1.2rem;margin-right:6px;transition:color .3s ease}.fac-icon-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff;background:var(--fac-icon-btn-bg);border:1px solid #ffffff40;border:1px solid var(--fac-icon-btn-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--fac-icon-btn-shadow);cursor:pointer;height:40px;min-width:40px;outline:none;padding:.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease,background .3s ease;width:40px}.fac-icon-btn:hover{box-shadow:0 4px 12px #0000001f;box-shadow:var(--fac-icon-btn-shadow-hover);transform:translateY(-2px)}.fac-icon-green{background:linear-gradient(135deg,#6ee7b7,#a7f3d0);background:var(--fac-icon-green-bg);color:#022c22;color:var(--fac-icon-green-color)}.fac-icon-purple{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);background:var(--fac-icon-purple-bg);color:#3b0a73;color:var(--fac-icon-purple-color)}.fac-icon-clear{background:linear-gradient(135deg,#fda4af,#fecdd3);background:var(--fac-icon-clear-bg);color:#83112b;color:var(--fac-icon-clear-color)}.fac-icon-pink{background:linear-gradient(135deg,#f9a8d4,#fbcfe8);background:var(--fac-icon-pink-bg);color:#701a3f;color:var(--fac-icon-pink-color)}.fac-add-faculty-btn{background:linear-gradient(135deg,#fef3c7,#fefce8);background:var(--fac-icon-add-bg);color:#78350f;color:var(--fac-icon-add-color)}.fac-icon-teal{align-items:center;background:#14b8a61a;border:1px solid #14b8a633;border-radius:4px;color:#14b8a6;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.fac-icon-teal:hover{background:#14b8a633;transform:translateY(-2px)}.fac-icon-teal-active{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:1px solid #14b8a6;border-radius:4px;box-shadow:0 2px 8px #14b8a64d;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.fac-icon-teal-active:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 12px #14b8a666;transform:translateY(-2px)}[data-theme=dark] .fac-icon-teal{background:#14b8a626;border-color:#14b8a64d;color:#14b8a6}[data-theme=dark] .fac-icon-teal:hover{background:#14b8a640}[data-theme=dark] .fac-icon-teal-active{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#14b8a6;box-shadow:0 2px 8px #14b8a64d;color:#000}[data-theme=dark] .fac-icon-teal-active:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 12px #14b8a666}.fac-icon-btn[data-tooltip]:after{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#111827e6;background:var(--fac-tooltip-bg);border-radius:4px;color:#fff;color:var(--fac-tooltip-color);content:attr(data-tooltip);font-size:.65rem;padding:4px 8px;pointer-events:none;top:calc(100% + 8px);white-space:nowrap;z-index:100}.fac-icon-btn[data-tooltip]:after,.fac-icon-btn[data-tooltip]:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease}.fac-icon-btn[data-tooltip]:before{border:5px solid #0000;border-top:5px solid var(--fac-tooltip-arrow-color);content:"";top:100%;z-index:999}.fac-icon-btn[data-tooltip]:hover:after,.fac-icon-btn[data-tooltip]:hover:before{opacity:1}.fac-toolbar-actions .fac-icon-btn:last-child[data-tooltip]:after,.fac-toolbar-actions .fac-icon-btn:nth-last-child(2)[data-tooltip]:after{left:auto;right:0;transform:none}.fac-toolbar-actions .fac-icon-btn:last-child[data-tooltip]:before,.fac-toolbar-actions .fac-icon-btn:nth-last-child(2)[data-tooltip]:before{left:auto;right:20px;transform:none}[data-theme=dark] .advanced-filters-popup{background:#1a1a1af2}.advanced-filters-popup-header{background:#14b8a60d;color:#14b8a6}[data-theme=dark] .advanced-filters-popup-header{background:#14b8a61a;color:#14b8a6}.advanced-filters-popup-header span:first-child{margin-right:.5rem}.popup-close-btn{background:none;border:none;border-radius:4px;color:#6b7280;padding:4px;transition:all .2s ease}.popup-close-btn:hover{background:#0000001a;color:#374151}[data-theme=dark] .popup-close-btn{color:#9ca3af}[data-theme=dark] .popup-close-btn:hover{background:#ffffff1a;color:#d1d5db}[data-theme=dark] .popup-clear-btn{background:#ef444426;border-color:#ef44444d}@keyframes facFilterFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes facFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.fac-instyte-toolbar{flex-direction:column;gap:.75rem;padding:.4rem .75rem}.fac-toolbar-left{justify-content:space-between;width:100%}.fac-search-bar{width:150px}.fac-search-bar:focus-within{width:200px}.fac-toolbar-actions{gap:.5rem;padding-left:0}.fac-filter-panel{flex-wrap:wrap;gap:.5rem}.advanced-filters-popup{left:5vw!important;max-width:90vw;min-width:300px;right:5vw;width:90vw}.advanced-filters-popup-content{grid-template-columns:1fr}}.fac-view-mode-toggle{background:#fff;background:var(--fac-icon-btn-bg,#fff);border:1px solid #0000001a;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.fac-view-mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.fac-view-mode-btn .material-symbols-rounded{font-size:1.25rem}.fac-view-mode-btn:hover{background:#f59e0b14}.fac-view-mode-btn.active{background:linear-gradient(135deg,#fef3c7,#fefce8);color:#78350f}[data-theme=dark] .fac-view-mode-toggle{background:#1a1a1acc;border-color:#ffffff1a}[data-theme=dark] .fac-view-mode-btn{color:#9ca3af}[data-theme=dark] .fac-view-mode-btn.active{background:#ffc10726;color:#ffc107}@media (max-width:768px){.faculty-toolbar.instyte-toolbar{align-items:stretch;flex-direction:column;gap:.5rem;padding:.5rem}.faculty-toolbar .toolbar-left{flex-wrap:wrap;gap:.5rem;justify-content:space-between;width:100%}.faculty-toolbar .filter-toggle-btn{font-size:.8rem;padding:.4rem .75rem}.faculty-toolbar .filter-panel{display:flex!important;flex-direction:column!important;gap:.5rem!important;width:100%}.faculty-toolbar .primary-filters{grid-gap:.5rem!important;display:grid!important;flex-wrap:nowrap!important;gap:.5rem!important;grid-template-columns:1fr 1fr!important;width:100%}.faculty-toolbar .primary-filters .advanced-filter-btn{grid-column:1/-1!important;justify-content:center;width:100%!important}.faculty-toolbar .filter-panel .icon-btn.icon-clear{justify-content:center!important;width:100%!important}.faculty-toolbar .custom-dropdown{min-width:auto!important}.faculty-toolbar .dropdown-trigger{font-size:.75rem!important;gap:.3rem!important;padding:.4rem .6rem!important}.faculty-toolbar .search-bar{order:10;width:215px}.faculty-toolbar .search-bar:focus-within{width:200px}.faculty-toolbar .toolbar-actions{flex-wrap:wrap;gap:.4rem;justify-content:space-between;padding-left:0}.faculty-toolbar .icon-btn{min-height:36px;min-width:36px;padding:.4rem}.advanced-filters-popup{left:1rem!important;max-width:calc(100vw - 2rem)!important;right:1rem!important;width:calc(100vw - 2rem)!important}.advanced-filters-popup-content{grid-template-columns:1fr!important}}@media (max-width:480px){.faculty-toolbar.instyte-toolbar{gap:.4rem;padding:.4rem}.faculty-toolbar .filter-toggle-btn{font-size:.75rem;padding:.35rem .6rem}.faculty-toolbar .primary-filters{gap:.4rem!important}.faculty-toolbar .dropdown-trigger{font-size:.7rem!important;padding:.35rem .5rem!important}.faculty-toolbar .search-bar{width:110px}.faculty-toolbar .search-bar:focus-within{width:220px}}:root{--facd-page-bg:#fff;--facd-page-border:#e2e8f0;--facd-page-shadow:0 1px 6px #0000000d;--facd-container-bg:#fff;--facd-container-border:#e2e8f0;--facd-container-shadow:0 6px 20px #0000000d;--facd-text-primary:#1e293b;--facd-text-secondary:#475569;--facd-text-muted:#64748b;--facd-text-light:#94a3b8;--facd-header-bg:linear-gradient(135deg,#3b82f614,#93c5fd0d);--facd-header-border:#3b82f633;--facd-header-shadow:0 6px 20px #0000000d;--facd-card-bg:#fff;--facd-card-border:#e2e8f0;--facd-card-shadow:0 6px 20px #0000000d;--facd-card-hover-shadow:0 8px 20px #0000000f;--facd-input-bg:#0000;--facd-input-border:#0000;--facd-input-focus-border:#3b82f6;--facd-input-focus-shadow:0 0 0 2px #3b82f633;--facd-input-text:#0f172a;--facd-btn-bg:#f1f5f9;--facd-btn-text:#1e293b;--facd-btn-border:#e2e8f0;--facd-btn-shadow:0 1px 3px #0000000a;--facd-btn-hover-bg:#e0f2f1;--facd-btn-hover-shadow:0 6px 12px #0000001a;--facd-btn-save-bg:linear-gradient(135deg,#ede9fe,#e0e7ff);--facd-btn-save-text:#4338ca;--facd-btn-save-hover-bg:linear-gradient(135deg,#ddd6fe,#c7d2fe);--facd-sidebar-bg:#ffffffd9;--facd-sidebar-border:#e2e8f0;--facd-sidebar-shadow:0 2px 20px #00000014;--facd-sidebar-hover-shadow:0 12px 28px #0000001a;--facd-tab-bg:#ffffffe6;--facd-tab-border:#e2e8f0;--facd-tab-text:#475569;--facd-tab-hover-bg:#065f460d;--facd-tab-hover-text:#065f46;--facd-tab-hover-border:#064e3b;--facd-tab-active-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--facd-tab-active-text:#065f46;--facd-field-label-text:#334155;--facd-field-value-text:#1e293b;--facd-field-hover-bg:#00000008;--facd-field-edit-icon:#64748b;--facd-field-edit-icon-hover:#0f172a;--facd-badge-active-bg:linear-gradient(135deg,#dcfce7,#f0fdf4);--facd-badge-active-text:#065f46;--facd-badge-inactive-bg:linear-gradient(135deg,#fef9c3,#fefce8);--facd-badge-inactive-text:#78350f;--facd-badge-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--facd-badge-error-text:#b91c1c;--facd-banner-bg:#e0f2fe;--facd-banner-text:#0369a1;--facd-banner-error-bg:#fee2e2;--facd-banner-error-text:#b91c1c;--facd-banner-success-bg:#d1fae5;--facd-banner-success-text:#065f46;--facd-scrollbar-thumb:#94a3b899;--facd-scrollbar-track:#0000;--facd-icon-color:#0369a1;--facd-icon-accent:#065f46;--facd-avatar-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--facd-avatar-text:#065f46;--facd-avatar-shadow:0 6px 20px #0000000d;--facd-avatar-border:#e2e8f0;--facd-form-section-bg:#f8fafc;--facd-form-section-border:#e2e8f0}[data-theme=dark]{--facd-page-bg:#1a1a1af2;--facd-page-border:#0f83;--facd-page-shadow:0 1px 6px #00ff881a;--facd-container-bg:#1a1a1af2;--facd-container-border:#ffffff1a;--facd-container-shadow:0 6px 20px #0009;--facd-text-primary:#fff;--facd-text-secondary:#ff9f0a;--facd-text-muted:#d1d5db;--facd-text-light:#9aa4b2;--facd-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--facd-header-border:#ffffff1a;--facd-header-shadow:0 6px 20px #0009;--facd-card-bg:#1a1a1af2;--facd-card-border:#ffffff1a;--facd-card-shadow:0 6px 20px #0009;--facd-card-hover-shadow:0 8px 25px #000000b3;--facd-input-bg:#0000;--facd-input-border:#00ff8840;--facd-input-focus-border:linear-gradient(135deg,#065f46,#047857);--facd-input-focus-shadow:0 0 0 2px #00ff8840;--facd-input-text:#fff;--facd-btn-bg:#333c;--facd-btn-text:#fff;--facd-btn-border:#0f83;--facd-btn-shadow:0 2px 6px #00ff881a;--facd-btn-hover-bg:#00ff8814;--facd-btn-hover-shadow:0 6px 14px #0f83;--facd-btn-save-bg:linear-gradient(135deg,#065f46,#047857);--facd-btn-save-text:#0b0f0d;--facd-btn-save-hover-bg:linear-gradient(135deg,#00e076,#00b359);--facd-sidebar-bg:#1a1a1af2;--facd-sidebar-border:#ffffff1a;--facd-sidebar-shadow:0 2px 20px #0009;--facd-sidebar-hover-shadow:0 12px 30px #000c;--facd-tab-bg:#1a1a1ae6;--facd-tab-border:#ffffff1a;--facd-tab-text:#d1d5db;--facd-tab-hover-bg:#00ff880f;--facd-tab-hover-text:linear-gradient(135deg,#065f46,#047857);--facd-tab-hover-border:#00ff8840;--facd-tab-active-bg:linear-gradient(135deg,#065f46,#047857);--facd-tab-active-text:linear-gradient(135deg,#065f46,#047857);--facd-field-label-text:#fff;--facd-field-value-text:#fff;--facd-field-hover-bg:#00ff880f;--facd-field-edit-icon:#9aa4b2;--facd-field-edit-icon-hover:linear-gradient(135deg,#065f46,#047857);--facd-badge-active-bg:linear-gradient(135deg,#065f46,#047857);--facd-badge-active-text:#3efcd9;--facd-badge-inactive-bg:linear-gradient(135deg,#ffc1072e,#1a1a1af2);--facd-badge-inactive-text:#ffd666;--facd-badge-error-bg:#f4433633;--facd-badge-error-text:#ffcdd2;--facd-banner-bg:#2196f326;--facd-banner-text:#bbdefb;--facd-banner-error-bg:#f443362e;--facd-banner-error-text:#ffcdd2;--facd-banner-success-bg:#00ff882e;--facd-banner-success-text:linear-gradient(135deg,#065f46,#047857);--facd-scrollbar-thumb:#00ff884d;--facd-scrollbar-track:#0000;--facd-icon-color:#33e6c4;--facd-icon-accent:linear-gradient(135deg,#ff9f0a33,#ff9f0a26);--facd-avatar-bg:linear-gradient(135deg,#065f46,#047857);--facd-avatar-text:#000;--facd-avatar-shadow:0 2px 8px #00ff884d;--facd-avatar-border:#0f83;--facd-form-section-bg:#1a1a1ae6;--facd-form-section-border:#ffffff1a}.facd-faculty-page{background:#fff;background:var(--facd-page-bg);box-sizing:border-box;color:#1e293b;color:var(--facd-text-primary);display:flex;flex-direction:column;font-family:Google Sans,Poppins,sans-serif;height:auto;min-height:100vh;overflow:visible;transition:all .3s ease;width:100%}.facd-snapshot-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f614,#93c5fd0d);background:var(--facd-header-bg);border:1px solid #3b82f633;border:1px solid var(--facd-header-border);border-radius:12px;box-shadow:0 4px 20px #3b82f61a,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;padding:1rem 1rem 1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}[data-theme=dark] .facd-snapshot-header{background:linear-gradient(135deg,#3b82f626,#2563eb14);border:1px solid #3b82f64d;box-shadow:0 4px 20px #3b82f626,inset 0 1px 0 #60a5fa1a}.facd-header-top-row{align-items:center;display:flex;justify-content:space-between;width:100%}.facd-snapshot-info{display:flex;flex-direction:row;gap:1rem}.facd-snapshot-info h1{color:#1e293b;color:var(--facd-text-primary);font-size:2rem;font-weight:700;margin:0;transition:color .3s ease}.facd-next-action{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.facd-next-badge{align-items:center;background:#f8fafc;background:var(--facd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:8px;color:#475569;color:var(--facd-text-secondary);display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.3rem .5rem .3rem .3rem;transition:all .3s ease}.facd-next-badge.active{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--facd-badge-active-bg);color:#065f46;color:var(--facd-badge-active-text)}.facd-next-badge.warning{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--facd-badge-inactive-bg);color:#78350f;color:var(--facd-badge-inactive-text)}.facd-next-badge.blocked{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--facd-badge-error-bg);color:#b91c1c;color:var(--facd-badge-error-text)}.facd-display-id{align-items:center;background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--facd-badge-active-bg);border-radius:10px;color:#065f46;color:var(--facd-badge-active-text);display:inline-flex;font-size:.95rem;font-weight:500;margin-left:1rem;padding:8px;transition:all .3s ease}.facd-snapshot-actions{display:flex;gap:.75rem}.facd-md3-btn{align-items:center;background-color:#f1f5f9;background-color:var(--facd-btn-bg);border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--facd-btn-shadow);color:#1e293b;color:var(--facd-btn-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transition:all .25s ease}.facd-md3-btn:hover{background-color:#e0f2f1;background-color:var(--facd-btn-hover-bg);border-radius:24px;box-shadow:0 6px 12px #0000001a;box-shadow:var(--facd-btn-hover-shadow);transform:translateY(-3px) scale(1.02)}.facd-md3-btn.save-btn{background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--facd-btn-save-bg);color:#4338ca;color:var(--facd-btn-save-text)}.facd-md3-btn.save-btn:hover{background:linear-gradient(135deg,#ddd6fe,#c7d2fe);background:var(--facd-btn-save-hover-bg)}.facd-md3-btn:disabled{background-color:#f1f5f9;background-color:var(--facd-btn-bg);box-shadow:none;color:#94a3b8;color:var(--facd-text-light);cursor:not-allowed;opacity:.6;pointer-events:none}.facd-btn-label{display:inline}.facd-message-banner{align-items:center;background-color:#e0f2fe;background-color:var(--facd-banner-bg);border-radius:6px;color:#0369a1;color:var(--facd-banner-text);display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.facd-message-banner.error{background:#fee2e2;background:var(--facd-banner-error-bg);color:#b91c1c;color:var(--facd-banner-error-text)}.facd-message-banner.success{background:#d1fae5;background:var(--facd-banner-success-bg);color:#065f46;color:var(--facd-banner-success-text)}.facd-details-container{display:flex;flex:1 1;gap:.5rem;padding:1rem .5rem .5rem}.facd-sidebar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;background:var(--facd-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-sidebar-border);border-radius:24px;box-shadow:0 2px 20px #00000014;box-shadow:var(--facd-sidebar-shadow);display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;transition:all .3s ease;width:500px}.facd-sidebar:hover{box-shadow:0 12px 28px #0000001a;box-shadow:var(--facd-sidebar-hover-shadow);transform:translateY(-4px)}.facd-sidebar.collapsed{padding:1rem .5rem;width:60px}.facd-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding-right:.5rem}.facd-sidebar-header h2{align-items:center;color:#1e293b;color:var(--facd-text-primary);display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;margin:0;transition:color .3s ease}.facd-sidebar-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dcfce740;border:1px solid #34d3994d;border-radius:8px;color:#065f46;color:var(--facd-icon-accent);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.facd-sidebar-toggle-btn:hover{background:#dcfce759}.facd-sidebar-profile{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--facd-card-shadow);display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;transition:all .3s ease}.facd-sidebar-profile:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--facd-card-hover-shadow);transform:translateY(-2px)}.facd-avatar-circle{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--facd-avatar-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-avatar-border);border-radius:50%;box-shadow:0 6px 20px #0000000d;box-shadow:var(--facd-avatar-shadow);color:#065f46;color:var(--facd-avatar-text);display:flex;flex-shrink:0;font-size:2rem;font-weight:600;height:96px;justify-content:center;text-transform:uppercase;transition:all .3s ease;width:96px}.facd-avatar-circle.online{box-shadow:0 0 0 4px #22c55e80}.facd-profile-info{display:flex;flex:1 1;flex-direction:column}.facd-profile-info .name{color:#1e293b;color:var(--facd-text-primary);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.facd-profile-info .meta{color:#475569;color:var(--facd-text-secondary);font-size:.85rem;margin:.15rem 0;transition:color .3s ease}.facd-status-badge{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:14px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--facd-card-shadow);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:4rem;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .3s ease}.facd-status-section{align-items:center;display:flex;gap:.4rem}.facd-type-badge{border-radius:8px;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .75rem;text-align:center;transition:all .3s ease}.facd-type-badge.ACTIVE{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--facd-badge-active-bg);color:#065f46;color:var(--facd-badge-active-text)}.facd-type-badge.RESIGNED,.facd-type-badge.TERMINATED{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--facd-badge-error-bg);color:#b91c1c;color:var(--facd-badge-error-text)}.facd-sidebar-scrollable{flex:1 1;margin-right:-8px;overflow-y:auto;padding-right:8px;padding-top:8px}.facd-sidebar-scrollable::-webkit-scrollbar{width:6px}.facd-sidebar-scrollable::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--facd-scrollbar-thumb);border-radius:8px}.facd-sidebar-scrollable::-webkit-scrollbar-track{background:#0000;background:var(--facd-scrollbar-track)}.facd-sidebar-section{background-color:initial;border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--facd-card-shadow);color:#1e293b;color:var(--facd-text-primary);margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.facd-sidebar-section:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--facd-card-hover-shadow);transform:translateY(-2px)}.facd-sidebar-section h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--facd-container-border);color:#1e293b;color:var(--facd-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;transition:all .3s ease}.facd-sidebar.collapsed .facd-sidebar-header h2,.facd-sidebar.collapsed .facd-sidebar-profile,.facd-sidebar.collapsed .facd-sidebar-scrollable,.facd-sidebar.collapsed .facd-status-badge{display:none}.facd-main-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;background:var(--facd-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:24px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--facd-container-shadow);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem 1rem 0;position:relative;transition:all .3s ease;z-index:1}.facd-main-content::-webkit-scrollbar{width:8px}.facd-main-content::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--facd-scrollbar-thumb);border-radius:8px}.facd-main-content::-webkit-scrollbar-track{background:#0000;background:var(--facd-scrollbar-track)}.facd-tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--facd-tab-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--facd-tab-border);border-top-left-radius:24px;border-top-right-radius:24px;display:flex;gap:.75rem;margin:-1.5rem -1.5rem 1.5rem;padding:0 1.5rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:50}.facd-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--facd-tab-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--facd-card-shadow);color:#475569;color:var(--facd-tab-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.facd-tab:hover{background-color:#065f460d;background-color:var(--facd-tab-hover-bg);border:1px solid #064e3b;border:1px solid var(--facd-tab-hover-border);border-radius:24px;color:#065f46;color:var(--facd-tab-hover-text)}.facd-tab.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--facd-tab-active-bg);color:#065f46;color:var(--facd-tab-active-text);font-weight:600}.facd-tab-label{display:inline}.facd-tab-content{padding:.5rem;position:relative;z-index:1}.facd-card{background:#fff;background:var(--facd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--facd-card-shadow);height:-webkit-fit-content;height:fit-content;padding:1rem;position:relative;transition:all .3s ease}.facd-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--facd-card-hover-shadow)}.facd-card.minimized .card-content{display:none}.facd-card.color-emerald{background:linear-gradient(135deg,#22c55e14,#86efac0d);border:1px solid #22c55e33;box-shadow:0 4px 20px #22c55e1a,inset 0 1px 0 #ffffff1a}.facd-card.color-emerald:hover{box-shadow:0 8px 30px #22c55e33,inset 0 1px 0 #fff3}.facd-card.color-yellow{background:linear-gradient(135deg,#eab30814,#fde0470d);border:1px solid #eab30833;box-shadow:0 4px 20px #eab3081a,inset 0 1px 0 #ffffff1a}.facd-card.color-yellow:hover{box-shadow:0 8px 30px #eab30833,inset 0 1px 0 #fff3}[data-theme=dark] .facd-card.color-emerald{background:linear-gradient(135deg,#22c55e26,#16a34a14);border:1px solid #22c55e4d;box-shadow:0 4px 20px #22c55e26,inset 0 1px 0 #86efac1a}[data-theme=dark] .facd-card.color-emerald:hover{box-shadow:0 8px 30px #22c55e40,inset 0 1px 0 #86efac33}[data-theme=dark] .facd-card.color-yellow{background:linear-gradient(135deg,#eab30826,#ca8a0414);border:1px solid #eab3084d;box-shadow:0 4px 20px #eab30826,inset 0 1px 0 #fde0471a}[data-theme=dark] .facd-card.color-yellow:hover{box-shadow:0 8px 30px #eab30840,inset 0 1px 0 #fde04733}.facd-card.color-emerald .facd-card-icon{color:#22c55e;filter:drop-shadow(0 2px 4px rgba(34,197,94,.3))}.facd-card.color-yellow .facd-card-icon{color:#eab308;filter:drop-shadow(0 2px 4px rgba(234,179,8,.3))}[data-theme=dark] .facd-card.color-emerald .facd-card-icon{color:#86efac}[data-theme=dark] .facd-card.color-yellow .facd-card-icon{color:#fde047}.facd-card.color-emerald .facd-enhanced-card-header{background:linear-gradient(90deg,#22c55e1a,#0000)}.facd-card.color-yellow .facd-enhanced-card-header{background:linear-gradient(90deg,#eab3081a,#0000)}.facd-enhanced-card-header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--facd-container-border);border-top-left-radius:20px;border-top-right-radius:20px;display:flex;justify-content:space-between;margin:-1rem -1rem 1rem;min-height:auto;padding:.75rem 1rem;transition:border-color .3s ease}.facd-card-header-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.facd-card-icon{border-radius:6px;color:#0369a1;color:var(--facd-icon-color);font-size:1.2rem;padding:.4rem}.facd-card-icon,.facd-card-title{flex-shrink:0;transition:color .3s ease}.facd-card-title{color:#1e293b;color:var(--facd-text-primary);font-size:1rem;font-weight:600;margin:0}.facd-completion-badge{align-items:center;background:#f8fafc;background:var(--facd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:4px;color:#64748b;color:var(--facd-text-muted);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.25rem;padding:.2rem .5rem;transition:all .3s ease}.facd-completion-badge.completion-1{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--facd-badge-error-bg);color:#b91c1c;color:var(--facd-badge-error-text)}.facd-completion-badge.completion-2{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--facd-badge-inactive-bg);color:#78350f;color:var(--facd-badge-inactive-text)}.facd-completion-badge.completion-3{background:#dbeafe;color:#2563eb}.facd-completion-badge.completion-4,.facd-completion-badge.completion-5{background:linear-gradient(135deg,#dcfce7,#f0fdf4);background:var(--facd-badge-active-bg);color:#065f46;color:var(--facd-badge-active-text)}.facd-importance-badge{align-items:center;border-radius:4px;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.25rem;padding:.2rem .5rem;transition:all .3s ease}.facd-importance-badge.high{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--facd-badge-error-bg);color:#b91c1c;color:var(--facd-badge-error-text)}.facd-importance-badge.medium{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--facd-badge-inactive-bg);color:#78350f;color:var(--facd-badge-inactive-text)}.facd-card-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.facd-card-action-btn{align-items:center;background:#f8fafc;background:var(--facd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:4px;color:#64748b;color:var(--facd-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;padding:.4rem;transition:all .2s ease;width:32px}.facd-card-action-btn:hover{background:#00000008;background:var(--facd-field-hover-bg);border-color:#0369a1;border-color:var(--facd-icon-color);color:#0369a1;color:var(--facd-icon-color);transform:translateY(-1px)}.facd-enhanced-field-item{border-radius:8px;margin:-.5rem -.5rem .75rem;padding:.5rem;position:relative;transition:all .2s ease}.facd-enhanced-field-item.field-empty{border:1px dashed #cbd5e1}.facd-enhanced-field-item.field-bookmarked{background:#fbbf240d;border:1px solid #fde68a}.facd-field-header{justify-content:space-between;margin-bottom:.35rem}.facd-field-header,.facd-label{align-items:center;display:flex}.facd-label{color:#334155;color:var(--facd-field-label-text);font-size:.85rem;font-weight:500;gap:.25rem;transition:color .3s ease}.facd-field-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.facd-enhanced-field-item:hover .facd-field-actions{opacity:1}.facd-field-action-btn{align-items:center;background:#fff;background:var(--facd-container-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:4px;color:#64748b;color:var(--facd-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.facd-field-action-btn:hover{background:#0369a1;background:var(--facd-icon-color);border-color:#0369a1;border-color:var(--facd-icon-color);color:#fff;transform:scale(1.1)}.facd-field-action-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.facd-field-item{display:flex;flex-direction:column;position:relative}.facd-edit-input{border:1px solid #0000;border:1px solid var(--facd-input-border);border-radius:.6rem;color:#0f172a;color:var(--facd-input-text);font-size:.92rem;font-weight:500;outline:none;padding:.55rem .75rem;transition:all .2s ease;width:100%}.facd-edit-input,.facd-edit-input:focus{background:#0000;background:var(--facd-input-bg)}.facd-edit-input:focus{border-color:#3b82f6;border-color:var(--facd-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--facd-input-focus-shadow);transform:scale(1.02)}.facd-value-container{align-items:center;border-radius:.6rem;cursor:pointer;display:flex;justify-content:space-between;transition:background-color .2s ease}.facd-value-container:hover{background-color:#00000008;background-color:var(--facd-field-hover-bg)}.facd-value-text{color:#1e293b;color:var(--facd-field-value-text);flex-grow:1;font-size:.92rem;font-weight:600;transition:color .3s ease;white-space:pre-wrap;word-break:break-word}.facd-edit-icon-btn{background:#0000;border:none;color:#64748b;color:var(--facd-field-edit-icon);cursor:pointer;margin-left:.5rem;padding:0;transition:color .2s ease}.facd-edit-icon-btn:hover{color:#0f172a;color:var(--facd-field-edit-icon-hover)}.facd-value-container .facd-edit-icon-btn{opacity:0;transition:opacity .2s ease}.facd-value-container:hover .facd-edit-icon-btn{opacity:1;padding:.3rem}.facd-value-container.read-only:hover{background-color:initial;cursor:default}.facd-value-container.read-only .facd-edit-icon-btn{display:none}.facd-field-group{grid-gap:1.5rem 2rem;display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.facd-field-group.sidebar-two-col{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.facd-field-group.sidebar-two-col .facd-field-item{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:0}.facd-card-controls-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--facd-tab-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--facd-card-shadow);display:flex;flex-wrap:nowrap;gap:1rem;height:40px;justify-content:space-between;margin-bottom:1rem;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:40}.facd-controls-left,.facd-controls-right{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.facd-controls-left{flex:1 1;min-width:0}.facd-modern-view-toggle{background:#f8fafc;background:var(--facd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:8px;display:flex;gap:0;padding:.2rem;transition:all .3s ease}.facd-toggle-option{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;color:var(--facd-text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease;white-space:nowrap}.facd-toggle-option:hover{background:#e0f2f1;background:var(--facd-btn-hover-bg);color:#1e293b;color:var(--facd-text-primary)}.facd-toggle-option.active{background:linear-gradient(135deg,#ede9fe,#e0e7ff);background:var(--facd-btn-save-bg);box-shadow:0 2px 4px #0000001a;color:#4338ca;color:var(--facd-btn-save-text);transform:translateY(-1px)}.facd-filter-select{background:#f8fafc;background:var(--facd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:4px;color:#1e293b;color:var(--facd-text-primary);cursor:pointer;font-size:.8rem;height:28px;min-width:80px;padding:.3rem .5rem;transition:all .2s ease}.facd-filter-select:focus{border-color:#3b82f6;border-color:var(--facd-input-focus-border);outline:none}.facd-bookmarks-info{align-items:center;display:flex}.facd-bookmarks-count{background:linear-gradient(135deg,#fef9c3,#fefce8);background:var(--facd-badge-inactive-bg);border:1px solid #78350f;border:1px solid var(--facd-badge-inactive-text);border-radius:3px;font-size:.75rem;gap:.2rem;padding:.2rem .4rem}.facd-bookmarks-count,.facd-bulk-btn{align-items:center;color:#64748b;color:var(--facd-text-muted);display:flex;height:28px}.facd-bulk-btn{background:#f8fafc;background:var(--facd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:4px;cursor:pointer;justify-content:center;padding:.3rem;transition:all .2s ease;width:28px}.facd-bulk-btn:hover{background:#00000008;background:var(--facd-field-hover-bg);border-color:#0369a1;border-color:var(--facd-icon-color);color:#0369a1;color:var(--facd-icon-color);transform:translateY(-1px)}.facd-details-tab.grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.facd-details-tab.list{display:flex;flex-direction:column;gap:1rem}.facd-details-tab.list .facd-card{max-width:none;width:100%}.facd-audit-trail-block{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.facd-audit-pair{background:#f8fafc;background:var(--facd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-form-section-border);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.8rem 1rem;transition:all .3s ease}.facd-audit-pair .facd-audit-label{color:#64748b;color:var(--facd-text-muted);font-size:.8rem;font-weight:500;transition:color .3s ease}.facd-audit-pair .facd-audit-value{color:#1e293b;color:var(--facd-text-primary);flex:1 1 auto;font-size:.95rem;font-weight:500;transition:color .3s ease;word-break:break-word}.facd-qualifications-header{margin-bottom:2rem;text-align:center}.facd-qualifications-header h2{align-items:center;color:#1e293b;color:var(--facd-text-primary);display:flex;font-size:1.5rem;gap:.5rem;justify-content:center;margin-bottom:.5rem;transition:color .3s ease}.facd-qualifications-description{color:#64748b;color:var(--facd-text-muted);font-size:1rem;margin:0;transition:color .3s ease}.facd-qualifications-content{background:#fff;background:var(--facd-container-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--facd-container-shadow);padding:1.5rem;transition:all .3s ease}.facd-qualifications-grid{display:flex;flex-direction:column;gap:2rem}.facd-qualification-section{background:#fff;background:var(--facd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--facd-card-shadow);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.facd-qualification-section:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--facd-card-hover-shadow);transform:translateY(-2px)}.facd-qualification-section-title{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--facd-container-border);color:#1e293b;color:var(--facd-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;transition:all .3s ease}.facd-qualification-fields-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.facd-qualification-field-item{display:flex;flex-direction:column;gap:.5rem}.facd-qualification-field-label{align-items:center;color:#64748b;color:var(--facd-text-muted);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-bottom:.5rem;transition:color .3s ease}.facd-qualification-field-value{background:#f8fafc;background:var(--facd-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-form-section-border);border-radius:6px;color:#1e293b;color:var(--facd-text-primary);font-size:.9rem;font-weight:500;padding:.3rem .5rem;transition:all .3s ease;word-break:break-word}.facd-empty-state{background:#fff;background:var(--facd-container-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--facd-container-shadow);padding:3rem 2rem;text-align:center;transition:all .3s ease}.facd-empty-state-icon .material-symbols-rounded{color:#94a3b8;color:var(--facd-text-light);font-size:4rem;margin-bottom:1.5rem;transition:color .3s ease}.facd-empty-state h3{color:#1e293b;color:var(--facd-text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.facd-empty-state p{color:#64748b;color:var(--facd-text-muted);font-size:1rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;transition:color .3s ease}.facd-more-actions-dropdown{display:inline-block;position:relative}.facd-menu-popup{background:#fff;background:var(--facd-container-bg);border:2px solid #e2e8f0;border:2px solid var(--facd-container-border);border-radius:12px;box-shadow:0 20px 40px #0000004d;padding:.5rem 0;position:absolute;right:0;top:40px;transition:all .3s ease;width:220px;z-index:999}.facd-popup-item{align-items:center;background:#0000;border:none;color:#1e293b;color:var(--facd-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;width:100%}.facd-popup-item:hover{background:#00000008;background:var(--facd-field-hover-bg)}.facd-popup-icon{color:#0369a1;color:var(--facd-icon-color);font-size:20px;margin-right:12px;transition:color .3s ease}.facd-loading-message{color:#64748b;color:var(--facd-text-muted);font-style:italic;padding:2rem;text-align:center}.facd-loading-spinner .material-symbols-rounded{animation:spin 1s linear infinite;color:#0369a1;color:var(--facd-icon-color);font-size:2rem}.facd-next-badge.user-type-admin{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#991b1b}.facd-next-badge.user-type-branch-admin{background:linear-gradient(135deg,#ddd6fe,#e9d5ff);border-color:#c084fc;color:#6b21a8}.facd-next-badge.user-type-teacher{background:linear-gradient(135deg,#bfdbfe,#dbeafe);border-color:#93c5fd;color:#1e40af}.facd-next-badge.user-type-student{background:linear-gradient(135deg,#a7f3d0,#d1fae5);border-color:#6ee7b7;color:#065f46}.facd-next-badge.user-type-staff{background:linear-gradient(135deg,#fed7aa,#fef3c7);border-color:#fde68a;color:#92400e}.facd-next-badge.user-type-counsellor{background:linear-gradient(135deg,#fbcfe8,#fce7f3);border-color:#f9a8d4;color:#9f1239}.facd-next-badge.user-type-default{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;color:#374151}.facd-qualification-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.facd-qualification-dialog{background:#fff;background:var(--facd-container-bg);border:1px solid #e2e8f0;border:1px solid var(--facd-container-border);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.facd-qualification-dialog-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--facd-container-border);display:flex;justify-content:space-between;padding:1.5rem}.facd-qualification-dialog-header h3{color:#1e293b;color:var(--facd-text-primary);font-size:1.25rem;margin:0}.facd-qualification-dialog-header button{background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--facd-text-muted);cursor:pointer;padding:.5rem;transition:all .2s ease}.facd-qualification-dialog-header button:hover{background:#00000008;background:var(--facd-field-hover-bg);color:#1e293b;color:var(--facd-text-primary)}.facd-qualification-dialog-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.facd-qualification-form-group{display:flex;flex-direction:column;gap:.5rem}.facd-qualification-form-group label{color:#334155;color:var(--facd-field-label-text);font-size:.9rem;font-weight:500}.facd-qualification-dialog-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--facd-container-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.facd-qualification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.facd-qualification-actions{display:flex;gap:.5rem}[data-theme=dark]{.facd-next-badge.user-type-admin{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.facd-next-badge.user-type-branch-admin{background:#a855f733;border-color:#a855f74d;color:#e9d5ff}.facd-next-badge.user-type-teacher{background:#3b82f633;border-color:#3b82f64d;color:#bfdbfe}.facd-next-badge.user-type-student{background:#10b98133;border-color:#10b9814d;color:#a7f3d0}.facd-next-badge.user-type-staff{background:#fbbf2433;border-color:#fbbf244d;color:#fde68a}.facd-next-badge.user-type-counsellor{background:#f472b633;border-color:#f472b64d;color:#fbcfe8}.facd-next-badge.user-type-default{background:#9ca3af33;border-color:#9ca3af4d;color:#d1d5db}}@media (max-width:1200px){.facd-details-container{flex-direction:column;gap:1rem}.facd-sidebar{border-radius:16px;width:100%}.facd-sidebar-profile{align-items:center;flex-direction:row;gap:1rem;padding:.875rem 1rem}.facd-avatar-circle{flex-shrink:0;font-size:1.4rem;height:64px;width:64px}.facd-sidebar-scrollable{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));overflow-y:visible}.facd-sidebar-section{margin-bottom:0}.facd-snapshot-header{padding:.875rem 1rem;position:static}.facd-header-top-row{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr auto}.facd-snapshot-info{flex-direction:column;gap:.375rem;min-width:0}.facd-snapshot-info h1{font-size:1.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facd-snapshot-actions{align-items:flex-end;flex-direction:column;flex-shrink:0;gap:.375rem}.facd-tabbar{flex-wrap:wrap;margin:-1rem -1rem 1rem;padding:.625rem 1rem .875rem;position:static}}@media (max-width:768px){.facd-faculty-page{padding:0}.facd-snapshot-header{border-radius:0 0 16px 16px;padding:.625rem .875rem;position:-webkit-sticky;position:sticky;top:0;z-index:20}.facd-header-top-row{grid-gap:.5rem!important;align-items:center!important;display:grid!important;gap:.5rem!important;grid-template-columns:1fr auto!important}.facd-snapshot-info{flex-direction:column!important;gap:.25rem!important;min-width:0!important;overflow:hidden!important}.facd-snapshot-info h1{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;font-size:1rem!important;font-weight:700!important;gap:.4rem!important;line-height:1.25!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.facd-display-id{flex-shrink:0!important;font-size:.7rem!important;margin-left:0!important;padding:.2rem .45rem!important}.facd-next-action{display:flex!important;flex-wrap:wrap!important;gap:.3rem!important}.facd-next-badge{font-size:.68rem!important;gap:.25rem!important;padding:.15rem .45rem .15rem .3rem!important}.facd-next-badge .material-symbols-rounded{font-size:.85rem!important}.facd-snapshot-actions{align-items:center!important;flex-direction:row!important;flex-shrink:0!important;gap:.3rem!important;grid-column:2!important}.facd-snapshot-actions .facd-md3-btn{border-radius:10px!important;gap:0!important;height:36px!important;justify-content:center!important;min-width:36px!important;padding:0!important;width:36px!important}.facd-snapshot-actions .facd-btn-label,.facd-snapshot-actions .facd-md3-btn span:not(.material-symbols-rounded){display:none!important}.facd-message-banner{border-radius:8px;font-size:.85rem;margin-top:.625rem;padding:.6rem .875rem}.facd-details-container{flex-direction:column!important;gap:0!important;padding:.625rem .625rem 0!important}.facd-sidebar{border-radius:14px!important;margin-bottom:.625rem!important;padding:.875rem!important;width:100%!important}.facd-sidebar:hover{transform:none!important}.facd-sidebar-header{margin-bottom:.625rem}.facd-sidebar-header h2{font-size:1.05rem}.facd-sidebar-profile{align-items:center!important;flex-direction:row!important;gap:.875rem!important;margin-bottom:.875rem!important;padding:.75rem!important}.facd-avatar-circle{flex-shrink:0!important;font-size:1.1rem!important;height:52px!important;width:52px!important}.facd-profile-info .name{font-size:.95rem!important}.facd-profile-info .meta{font-size:.78rem!important}.facd-status-badge{flex-wrap:wrap!important;gap:1rem!important;margin-bottom:.875rem!important;padding:.5rem .75rem!important}.facd-sidebar-scrollable{grid-gap:.625rem!important;display:grid!important;gap:.625rem!important;grid-template-columns:1fr 1fr!important;overflow-y:visible!important;padding-right:0!important}.facd-sidebar-section{margin-bottom:0!important;padding:.75rem!important}.facd-sidebar-section:hover{transform:none!important}.facd-sidebar-section h4{font-size:.85rem!important;margin-bottom:.5rem!important;padding-bottom:.375rem!important}.facd-field-group.sidebar-two-col{grid-gap:.5rem .625rem!important;display:grid!important;gap:.5rem .625rem!important;grid-template-columns:repeat(2,1fr)!important}.facd-field-group.sidebar-two-col .facd-field-item{flex:initial!important;min-width:0!important}.facd-main-content{border-radius:14px!important;padding:.75rem .75rem 0!important}.facd-tabbar{-webkit-overflow-scrolling:touch!important;border-top-left-radius:14px!important;border-top-right-radius:14px!important;display:flex!important;flex-wrap:nowrap!important;gap:.25rem!important;justify-content:space-around!important;margin:-.75rem -.75rem 1rem!important;overflow-x:auto!important;padding:.5rem .5rem .75rem!important;scrollbar-width:none!important}.facd-tabbar::-webkit-scrollbar{display:none!important}.facd-tab{border-radius:8px!important;flex:0 1 auto!important;flex-shrink:0!important;min-width:auto!important;padding:.75rem .625rem!important;position:relative!important}.facd-tab-label{display:none!important}.facd-tab .material-symbols-rounded{font-size:1.375rem!important}.facd-tab:after{background:#000000f2!important;border-radius:6px!important;color:#fff!important;content:attr(title)!important;font-size:.78rem!important;font-weight:500!important;padding:.4rem .65rem!important;transform:translateX(-50%) translateY(-8px)!important;white-space:nowrap!important;z-index:1000!important}.facd-tab:after,.facd-tab:before{bottom:100%!important;left:50%!important;opacity:0!important;pointer-events:none!important;position:absolute!important;transition:opacity .2s ease,transform .2s ease!important}.facd-tab:before{border:5px solid #0000!important;border-top-color:#000000f2!important;content:""!important;transform:translateX(-50%) translateY(-2px)!important;z-index:999!important}.facd-tab:focus:after,.facd-tab:hover:after{opacity:1!important;transform:translateX(-50%) translateY(-4px)!important}.facd-tab:focus:before,.facd-tab:hover:before{opacity:1!important;transform:translateX(-50%) translateY(2px)!important}[data-theme=dark] .facd-tab:after{background:#fffffff2!important;color:#111!important}[data-theme=dark] .facd-tab:before{border-top-color:#fffffff2!important}.facd-tab-content{padding:.5rem .25rem!important}.facd-card-controls-section{flex-wrap:nowrap!important;gap:.5rem!important;height:auto!important;min-height:40px!important;padding:.4rem .625rem!important}.facd-toggle-option>span:not(.material-symbols-rounded){display:none!important}.facd-toggle-option{padding:.5rem!important}.facd-filter-select{font-size:.75rem!important;min-width:70px!important}.facd-sidebar-section h4{padding-bottom:.25rem!important}.facd-enhanced-card-header,.facd-sidebar-section h4,.facd-tabbar{border-bottom:none!important}.facd-details-tab.grid{gap:.75rem!important;grid-template-columns:1fr!important}.facd-details-tab.list{gap:.75rem!important}.facd-card{border-radius:12px!important;padding:.875rem!important}.facd-enhanced-card-header{border-top-left-radius:12px!important;border-top-right-radius:12px!important;margin:-.875rem -.875rem .875rem!important;padding:.625rem .875rem!important}.facd-card-title{font-size:.9rem!important}.facd-field-group{gap:.75rem!important;grid-template-columns:repeat(2,1fr)!important}.facd-enhanced-field-item{margin:0!important}.facd-label{font-size:.72rem!important}.facd-value-text{font-size:.82rem!important}.facd-audit-trail-block{gap:.625rem!important;grid-template-columns:1fr 1fr!important}.facd-reports-to-tab-content{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.facd-qualification-dialog-overlay{align-items:flex-end!important;padding:0!important}.facd-qualification-dialog{border-radius:24px 24px 0 0!important;max-height:90vh!important;max-width:100%!important;width:100%!important}.facd-menu-popup{left:auto!important;right:0!important;top:42px!important;width:190px!important}}@media (max-width:480px){.facd-snapshot-header{padding:.5rem .75rem!important}.facd-snapshot-info h1{font-size:.9rem!important}.facd-tab{padding:.625rem .5rem!important}.facd-tab .material-symbols-rounded{font-size:1.25rem!important}.facd-audit-trail-block,.facd-sidebar-scrollable{grid-template-columns:1fr!important}.facd-snapshot-actions .facd-md3-btn{height:32px!important;min-width:32px!important;width:32px!important}.facd-card{padding:.75rem!important}.facd-enhanced-card-header{margin:-.75rem -.75rem .75rem!important;padding:.5rem .75rem!important}}@media (max-width:768px){[data-theme=dark] .facd-tab:after{background:#fffffff2;color:#111}[data-theme=dark] .facd-tab:before{border-top-color:#fffffff2}}@media (prefers-reduced-motion:reduce){.facd-card,.facd-md3-btn,.facd-sidebar,.facd-tab{animation:none;transition:none}.facd-card:hover,.facd-md3-btn:hover,.facd-sidebar:hover{transform:none}.facd-loading-spinner .material-symbols-rounded{animation:none}}:root{--enrollments-page-bg:#fff;--enrollments-page-border:#e2e8f0;--enrollments-page-shadow:0 1px 6px #0000000d;--enroll-table-bg:#fff;--enroll-table-shadow:0 2px 6px #0000000d;--enroll-table-header-bg:#f9fafb;--enroll-table-header-text:#334155;--enroll-table-header-border:#e2e8f0;--enroll-table-cell-text:#1e293b;--enroll-table-cell-border:#e2e8f0;--enroll-row-hover-bg:#e0f2fe;--enroll-row-hover-border:#3b82f6;--enroll-row-hover-shadow:0 6px 18px #0000000f;--enroll-row-shadow:0 4px 12px #00000008;--enr-status-active:#10b981}[data-theme=dark]{--enrollments-page-bg:#1a1a1ae6;--enrollments-page-border:#ffffff1a;--enrollments-page-shadow:0 1px 6px #0000004d;--enroll-table-bg:#1a1a1ae6;--enroll-table-shadow:0 2px 6px #0006;--enroll-table-header-bg:#333c;--enroll-table-header-text:#fff;--enroll-table-header-border:#ffffff1a;--enroll-table-cell-text:#fff;--enroll-table-cell-border:#ffffff1a;--enroll-row-hover-bg:#3b82f61a;--enroll-row-hover-border:#3b82f6;--enroll-row-hover-shadow:0 6px 18px #3b82f626;--enroll-row-shadow:0 4px 12px #0000004d}.enrollments-page{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--enrollments-page-bg);border:1px solid #e2e8f0;border:1px solid var(--enrollments-page-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--enrollments-page-shadow);display:flex;flex-direction:column;padding-bottom:1rem;transition:all .3s ease}.enrollments-table-wrapper::-webkit-scrollbar{height:8px}.enrollments-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}.enrollments-table table{background:#fff;background:var(--enroll-table-bg);border-collapse:collapse;border-radius:12px;border-spacing:0;box-shadow:0 2px 6px #0000000d;box-shadow:var(--enroll-table-shadow);line-height:1.5;transition:all .3s ease;width:100%}.enrollments-table th{background:#f9fafb;background:var(--enroll-table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--enroll-table-header-border);color:#334155;color:var(--enroll-table-header-text);font-size:.9rem;font-weight:600;letter-spacing:.02em;min-width:100px;overflow:hidden;padding:.85rem 1.2rem;position:relative;text-align:left;text-overflow:ellipsis;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.enrollments-table th:hover{background:#e0f2fe;background:var(--enroll-row-hover-bg)}.enrollments-table td{border:none;color:#1e293b;color:var(--enroll-table-cell-text);font-size:.9rem;line-height:1.5;overflow:hidden;padding:.85rem 1.2rem;text-overflow:ellipsis;transition:all .3s ease;vertical-align:middle;white-space:nowrap}.enrollments-table td.checkbox-column,.enrollments-table th.checkbox-column{background:linear-gradient(135deg,#fafbfc,#f8fafc);background:var(--checkbox-column-bg);border-right:1px solid #e0e7ef;border-right:1px solid var(--checkbox-column-border);box-shadow:2px 0 8px -1px #00000014;left:0;position:-webkit-sticky;position:sticky;transition:all .3s ease;z-index:4}.enrollments-table thead th.checkbox-column{background:linear-gradient(135deg,#fafbfc,#f8fafc);background:var(--checkbox-column-bg);border-bottom:1px solid #e0e7ef;border-bottom:1px solid var(--checkbox-column-border);font-weight:600}.enrollments-table tbody tr.row-highlight td.checkbox-column,.enrollments-table tbody tr:hover td.checkbox-column{background:linear-gradient(135deg,#fafbfc,#f8fafc);background:var(--checkbox-column-bg);border-right-color:#38bdf8;border-right-color:var(--displayid-badge-border)}.enrollments-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--enroll-table-cell-border);border-left:4px solid #0000;border-radius:12px;box-shadow:none;overflow:hidden;position:relative;transition:all .3s ease;vertical-align:middle;z-index:1}.enrollments-table tbody tr:hover{box-shadow:0 6px 18px #0000000f;box-shadow:var(--enroll-row-hover-shadow);transform:translateY(-1px)}.enrollments-table tbody tr.row-highlight,.enrollments-table tbody tr:hover{background:#e0f2fe;background:var(--enroll-row-hover-bg);border-left-color:#3b82f6;border-left-color:var(--enroll-row-hover-border)}.student-name-with-avatar{color:var(--enroll-table-cell-text)}.enrollmentid-cell{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--displayid-bg);border:1px solid #bae6fd;border:1px solid var(--displayid-border);border-radius:10px;box-shadow:0 2px 8px #0369a114;box-shadow:var(--displayid-shadow);color:#0369a1;color:var(--displayid-text);font-size:.95rem;font-weight:600;overflow:visible;padding:.75rem 3rem .75rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:160px}.enrollmentid-cell:hover{border-color:#38bdf8;border-color:var(--displayid-badge-border);box-shadow:0 4px 12px #0369a126;box-shadow:var(--displayid-hover-shadow);transform:translateY(-1px) scale(1.01)}.enrollment-id-wrapper{align-items:center;display:flex;gap:8px;position:relative}.enrollment-id-wrapper:before{background:#0ea5e91a;background:var(--displayid-badge-bg);border:1px solid #38bdf8;border:1px solid var(--displayid-badge-border);border-radius:4px;color:#0369a1;color:var(--displayid-badge-text);content:"ID";display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;opacity:.8;padding:2px 6px;text-transform:uppercase;transition:opacity .2s ease}.enrollmentid-cell:hover .enrollment-id-wrapper:before{opacity:1}.enrollmentid-cell .inspect-icon{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;background:var(--inspect-icon-bg);border:1px solid #0ea5e933;border:1px solid var(--inspect-icon-border);border-radius:8px;box-shadow:0 2px 4px #0369a11a;box-shadow:var(--inspect-icon-shadow);color:#0284c7;color:var(--inspect-icon-color);cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:28px;z-index:1}.enrollmentid-cell:hover .inspect-icon{opacity:1;right:12px;transform:translateY(-50%) scale(1.05)}.enrollmentid-cell .inspect-icon:hover{background:#0ea5e9;background:var(--inspect-icon-hover-bg);border-color:#0ea5e9;border-color:var(--inspect-icon-hover-bg);box-shadow:0 4px 8px #0369a133;box-shadow:var(--inspect-icon-shadow-hover);color:#fff;color:var(--inspect-icon-hover-color);transform:translateY(-50%) scale(1.1)}.enrollmentid-cell .inspect-icon:active{transform:translateY(-50%) scale(.95)}.enrollments-table td.display-id-sticky,.enrollments-table th.display-id-sticky{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--displayid-bg);box-shadow:2px 0 8px -1px #00000014;left:60px;position:-webkit-sticky;position:sticky;transition:all .3s ease;z-index:3}.enrollments-table thead th.display-id-sticky{border:1px solid #bae6fd;border-bottom:1px solid #bae6fd;border:1px solid var(--displayid-border);color:#0369a1;color:var(--displayid-text);font-weight:700;padding-left:1rem}.enrollments-table tbody tr:hover td.display-id-sticky,.enrollments-table tbody tr:hover td.display-id-sticky .enrollmentid-cell,.enrollments-table thead th.display-id-sticky{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--displayid-bg)}.enrollments-table tbody tr:hover td.display-id-sticky .enrollmentid-cell{border-color:#38bdf8;border-color:var(--displayid-badge-border);box-shadow:0 4px 12px #0369a126;box-shadow:var(--displayid-hover-shadow)}.enrollments-table tbody tr.row-highlight td.display-id-sticky{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--displayid-bg)}.enrollments-table tbody tr.row-highlight td.display-id-sticky .enrollmentid-cell{border-color:#38bdf8;border-color:var(--displayid-badge-border);box-shadow:0 0 0 2px #0ea5e933}.enrollments-table tbody tr:first-child td.display-id-sticky .enrollmentid-cell{animation:primaryKeyPulse 2s ease-in-out}.enrollmentid-cell:focus-within{outline:2px solid #38bdf8;outline:2px solid var(--displayid-badge-border);outline-offset:2px}.enrollment-status-cell{padding:8px 12px;vertical-align:middle}.enrollment-status-wrapper{align-items:center;display:flex}.enrollment-status-pill{border-radius:999px;color:#fff;display:inline-block;font-size:12px;font-weight:500;line-height:1;padding:4px 12px;text-transform:capitalize}.enrollment-status-active{background-color:#10b981;background-color:var(--enr-status-active)}.enrollment-status-completed{background-color:#6b7280;background-color:var(--status-inactive)}.enrollment-status-draft{background-color:#3b82f6;background-color:var(--status-completed)}.enrollment-status-transferred{background-color:#f59e0b;background-color:var(--status-transferred)}.enrollment-status-dropped{background-color:#ef4444;background-color:var(--status-dropped)}.enrollment-status-pending{background-color:#eab308;background-color:var(--status-pending)}.enrollment-status-on-hold,.enrollment-status-on_hold{background-color:#f97316;background-color:var(--status-on-hold)}.enrollment-status-graduated{background-color:#8b5cf6;background-color:var(--status-graduated)}.enrollment-icon{color:var(--lead-icon-color);font-size:1.3rem;transition:color .3s ease}.enrollments-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--enroll-table-bg);border:1px solid #e2e8f0;border:1px solid var(--enrollments-page-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--enrollments-page-shadow);margin:1rem;max-height:calc(100vh - 310px);overflow-y:auto;transition:all .3s ease}.enrollments-table-scroll-wrapper,.enrollments-table-scroll-x{overflow-x:auto;overflow-y:visible;position:relative;width:100%}.enrollments-table{background:#fff;background:var(--enroll-table-bg);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--enroll-table-shadow);min-width:100%;transition:all .3s ease;width:-webkit-max-content;width:max-content}.enrollments-table td.actions-sticky,.enrollments-table th.actions-sticky{background:#fff;background:var(--enroll-table-bg);box-shadow:-2px 0 6px -1px #0000000d;position:-webkit-sticky;position:sticky;right:0;transition:all .3s ease;z-index:2}.enrollments-table tbody tr.row-highlight td.actions-sticky,.enrollments-table tbody tr:hover td.actions-sticky{background:#e0f2fe;background:var(--enroll-row-hover-bg)}.enrollments-table thead{background:#f9fafb;background:var(--enroll-table-header-bg);box-shadow:0 2px 4px #0000000d;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:10}.enrollments-insights{max-width:600px;right:32px;top:100px}.insights-error,.insights-loading{color:var(--enroll-table-cell-text)}.grade-distribution-section{animation:fadeInPop .3s ease-in-out;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-radius:24px;box-shadow:0 6px 18px #0000000d;grid-column:span 2;padding:1rem 1.25rem;transition:all .3s ease}[data-theme=dark] .grade-distribution-section{background:#3b82f61a;box-shadow:0 6px 18px #0000004d}.distribution-title{align-items:center;color:#334155;color:var(--enroll-table-header-text);display:flex;font-size:1.05rem;font-weight:700;gap:6px;margin-bottom:.75rem}.distribution-grid{display:flex;flex-direction:column;gap:.5rem}.distribution-item{align-items:center;display:flex;gap:1rem}.grade-label{color:#1e293b;color:var(--enroll-table-cell-text);font-size:.9rem;font-weight:600;min-width:80px}.grade-bar-wrapper{background:#e5e7eb;background:var(--grade-bar-track);border-radius:12px;flex:1 1;height:24px;overflow:hidden;position:relative}.grade-bar{align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);background:var(--grade-bar-bg);border-radius:12px;display:flex;height:100%;justify-content:flex-end;padding-right:8px;transition:width .5s ease}.grade-count{color:#1e293b;font-size:.75rem;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.bulk-actions-info,.grade-count{color:var(--enroll-table-cell-text)}.bulk-actions-info{background:var(--enroll-row-hover-bg)}.bulk-action-btn{background:var(--enroll-table-bg);border:1px solid var(--enrollments-page-border);color:var(--enroll-table-cell-text)}.bulk-action-btn:hover:not(:disabled){background:var(--enroll-row-hover-bg)}.bulk-action-btn .material-symbols-rounded{color:var(--enroll-row-hover-border)}.view-mode-toggle{background:var(--enroll-table-bg);border:1px solid var(--enrollments-page-border);margin-left:auto}.view-mode-btn{color:var(--enroll-table-header-text)}.view-mode-btn:hover{background:var(--enroll-row-hover-bg)}.view-mode-btn.active{background:linear-gradient(135deg,#e0f2fe,#dbeafe);box-shadow:0 2px 4px #3b82f61a;color:#1e40af}.enrollments-cards-grid{display:none;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:1rem}.enrollments-cards-grid.active{display:grid!important}.enrollments-table-wrapper.hidden{display:none!important}.enrollment-card{background:#fff;background:var(--enroll-table-bg);border:1px solid #e2e8f0;border:1px solid var(--enroll-table-cell-border);border-radius:16px;box-shadow:0 4px 12px #00000008;box-shadow:var(--enroll-row-shadow);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.enrollment-card:hover{border-color:#3b82f6;border-color:var(--enroll-row-hover-border);box-shadow:0 6px 18px #0000000f;box-shadow:var(--enroll-row-hover-shadow);transform:translateY(-4px)}.enrollment-card:before{background:linear-gradient(90deg,#3b82f6,#2563eb);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.enrollment-card:hover:before{transform:scaleX(1)}.enrollment-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--enroll-table-cell-border);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.enrollment-card-avatar-large{align-items:center;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;transition:all .3s ease;width:56px}.enrollment-card:hover .enrollment-card-avatar-large{box-shadow:0 6px 16px #0003;transform:scale(1.1)}.enrollment-card-title{flex:1 1;min-width:0}.enrollment-card-title h3{color:#1e293b;color:var(--enroll-table-cell-text);font-size:1.125rem;font-weight:700;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enrollment-card-id-badge{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #bae6fd;border-radius:8px;color:#1e40af;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem}[data-theme=dark] .enrollment-card-id-badge{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.enrollment-card-open-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #1e40af1a;border-radius:8px;color:#1e40af;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}[data-theme=dark] .enrollment-card-open-btn{background:#3b82f626;color:#60a5fa}.enrollment-card-open-btn:hover{box-shadow:0 6px 14px #1e40af26,0 4px 8px #1e40af1f;transform:scale(1.1)}.enrollment-card-body{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem}.enrollment-card-field{display:flex;flex-direction:row;gap:.375rem;min-height:60px}.enrollment-card-field .field-icon{align-self:flex-start;color:#334155;color:var(--enroll-table-header-text);font-size:1.5rem;margin-top:.2rem;opacity:.6;padding-top:.3rem}.enrollment-card-field .field-content{flex:1 1}.enrollment-card-field .field-content label{color:#334155;color:var(--enroll-table-header-text);display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.375rem;opacity:.6;text-transform:uppercase}.enrollment-card-field .field-content span{word-wrap:break-word;color:#1e293b;color:var(--enroll-table-cell-text);display:block;font-size:.875rem;font-weight:600;line-height:1.3;overflow-wrap:break-word}.enrollment-card-field.full-width{grid-column:1/-1}.enrollment-card-status{border-radius:8px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.375rem .875rem}.enrollment-card-status.enrollment-status-active{background:linear-gradient(135deg,#bbf7d0,#dcfce7);color:#065f46}.enrollment-card-status.enrollment-status-inactive{background:linear-gradient(135deg,#fde68a,#fef9c3);color:#92400e}.enrollment-card-status.enrollment-status-draft{background:linear-gradient(135deg,#fed7aa,#ffedd5);color:#7c2d12}.enrollment-card-status.enrollment-status-pending{background:linear-gradient(135deg,#fecaca,#fee2e2);color:#b91c1c}[data-theme=dark] .enrollment-card-status.enrollment-status-active{background:#10b98126;color:#10b981}[data-theme=dark] .enrollment-card-status.enrollment-status-inactive{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .enrollment-card-status.enrollment-status-draft{background:#f9731626;color:#fb923c}.enrollment-card-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--enroll-table-cell-border);display:flex;justify-content:space-between;padding-top:1rem}.enrollment-card-checkbox{align-items:center;display:flex;gap:.5rem}.enrollment-card-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.enrollment-card-checkbox span{color:#334155;color:var(--enroll-table-header-text);font-size:.875rem;font-weight:500;opacity:.7}.enrollment-card-actions{display:flex;gap:.5rem}.enrollment-card-action-btn{align-items:center;background:#fff;background:var(--enroll-table-bg);border:1px solid #e2e8f0;border:1px solid var(--enroll-table-cell-border);border-radius:8px;color:#334155;color:var(--enroll-table-header-text);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.enrollment-card-action-btn:hover{background:#e0f2fe;background:var(--enroll-row-hover-bg);border-color:#3b82f6;border-color:var(--enroll-row-hover-border);transform:translateY(-2px)}@media (max-width:1024px){.enrollments-table th{min-width:80px}.enrollments-table td,.enrollments-table th{font-size:.85rem;padding:.75rem 1rem}.enrollments-cards-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:.75rem}}@media (max-width:768px){.enrollments-page{display:flex!important;flex-direction:column!important;height:100vh!important;max-height:100vh!important;min-height:100vh!important;overflow:hidden!important;padding:.25rem!important}.view-mode-toggle{display:none!important}.enrollments-table-container{display:flex!important;flex:1 1!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.enrollments-cards-grid,.enrollments-table-wrapper{display:none!important}.enrollments-cards-grid.active{grid-gap:.5rem!important;-webkit-overflow-scrolling:touch!important;align-content:start!important;display:grid!important;flex:1 1!important;gap:.5rem!important;grid-auto-rows:auto!important;grid-template-columns:1fr!important;overflow-y:auto!important;padding:.25rem!important}.enrollment-card{border-radius:8px!important;border-width:1px!important;isolation:isolate!important;overflow:visible!important;padding:.4rem!important;position:relative!important}.enrollment-card,.enrollment-card:hover{transform:none!important}.enrollment-card-header{align-items:center!important;flex-direction:row!important;gap:.4rem!important;margin-bottom:.4rem!important;padding-bottom:.4rem!important}.enrollment-card-avatar-large{border-width:1px!important;font-size:.9rem!important;height:36px!important;width:36px!important}.enrollment-card-title{flex:1 1!important}.enrollment-card-title h3{font-size:.85rem!important;margin-bottom:.2rem!important}.enrollment-card-id-badge{border-radius:3px!important;font-size:.6rem!important;padding:.1rem .3rem!important}.enrollment-card-open-btn{border-radius:6px!important;height:30px!important;width:30px!important}.enrollment-card-open-btn .material-symbols-rounded{font-size:.95rem!important}.enrollment-card-body{gap:.4rem!important;grid-template-columns:1fr 1fr!important;margin-bottom:.4rem!important}.enrollment-card-field{align-items:center!important;background:#00000005!important;border-radius:5px!important;flex-direction:row!important;gap:.4rem!important;min-height:auto!important;padding:.3rem!important}[data-theme=dark] .enrollment-card-field{background:#ffffff08!important}.enrollment-card-field .field-icon{font-size:.85rem!important;height:auto!important;width:auto!important}.enrollment-card-field .field-content label{font-size:.6rem!important;margin-bottom:.1rem!important}.enrollment-card-field .field-content span{font-size:.75rem!important;line-height:1.2!important}.enrollment-card-status{border-radius:3px!important;font-size:.6rem!important;padding:.2rem .4rem!important}.enrollment-card-footer{border-top-width:1px!important;gap:.4rem!important;padding-top:.4rem!important}.enrollment-card-checkbox{transform:scale(.85)!important}.enrollment-card-actions{gap:.3rem!important}.enrollment-card-action-btn{border-radius:5px!important;height:30px!important;padding:0!important;width:30px!important}.enrollment-card-action-btn .material-symbols-rounded{font-size:.95rem!important}.enrollment-card-field.full-width{grid-column:1/-1!important}.enrollments-toolbar-wrapper{padding:.25rem!important}.filter-left{flex-direction:row!important;font-size:.85rem!important;gap:.4rem!important;justify-content:center!important;padding:.4rem!important}.filter-left .enrollment-icon{font-size:1.05rem!important}.selection-badge{border-radius:3px!important;font-size:.6rem!important;padding:.2rem .4rem!important}.pagination-wrapper{align-items:center!important;background:var(--table-bg)!important;border-top:1px solid var(--table-cell-border)!important;bottom:0!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;gap:.4rem!important;justify-content:space-between!important;margin-top:0!important;padding:.4rem!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.pagination-info{font-size:.7rem!important;white-space:nowrap!important}.pagination{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.2rem!important}.page-btn{border-radius:5px!important;font-size:.75rem!important;min-height:30px!important;min-width:30px!important;padding:.3rem .45rem!important}.page-btn.active{font-weight:600!important}.bulk-actions-grid{gap:.4rem!important;grid-template-columns:1fr 1fr!important}.bulk-action-btn{gap:.3rem!important;padding:.6rem .4rem!important}.bulk-action-btn .material-symbols-rounded{font-size:1.3rem!important}.bulk-action-btn span{font-size:.75rem!important}.enrollments-insights{left:.4rem!important;max-width:none!important;right:.4rem!important;top:70px!important;width:calc(100% - .8rem)!important}.grade-distribution-section{border-radius:10px!important;padding:.6rem!important}.distribution-title{font-size:.9rem!important;margin-bottom:.4rem!important}.grade-label{font-size:.75rem!important;min-width:55px!important}.grade-bar-wrapper{height:18px!important}.grade-count{font-size:.65rem!important}.resize-handle{display:none}}@media (max-width:480px){.enrollments-page{padding:.25rem .25rem 0}.enrollments-table-container{margin:.25rem}.checkbox-column{display:none}.enrollments-cards-grid{gap:.75rem;padding:.25rem}.enrollment-card{padding:1rem}.enrollment-card-avatar-large{font-size:1.1rem;height:44px;width:44px}.enrollment-card-title h3{font-size:.95rem}.enrollment-card-open-btn{font-size:.85rem;padding:.5rem .875rem}.enrollment-card-field .field-content label{font-size:.7rem}.enrollment-card-field .field-content span{font-size:.8rem}}@media print{.enrollmentid-cell{background:#0000;border:1px solid #ccc;color:#000}.enrollmentid-cell .inspect-icon{display:none}.enrollment-id-wrapper:before{background:#0000;border:1px solid #ccc}.resize-handle{display:none}}.enrollments-view-toggle-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--enrollments-page-border,#e2e8f0);color:#1e293b;color:var(--enroll-table-cell-text,#1e293b);display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.enrollments-view-toggle-row .enrollment-icon{color:var(--lead-icon-color);font-size:1.1rem}.enrollments-view-toggle-row .view-mode-toggle{margin-left:auto}@media (max-width:768px){.enrollments-view-toggle-row{font-size:.8rem!important;padding:.35rem .5rem!important}.enrollments-view-toggle-row .enrollment-icon{font-size:.95rem!important}.view-mode-toggle{display:flex!important;margin-left:auto!important}.view-mode-btn--table{display:none!important}.view-mode-toggle .view-mode-btn{align-items:center!important;display:flex!important;height:36px!important;justify-content:center!important;padding:0!important;width:36px!important}.view-mode-toggle .view-mode-btn .material-symbols-rounded{font-size:1.2rem!important}.view-mode-toggle .view-mode-btn.active{background:linear-gradient(135deg,#e0f2fe,#dbeafe)!important;color:#1e40af!important}[data-theme=dark] .view-mode-toggle .view-mode-btn.active{background:#3b82f62e!important;color:#60a5fa!important}.view-mode-toggle .view-mode-btn--slot.active{background:linear-gradient(135deg,#d1fae5,#ecfdf5)!important;color:#065f46!important}[data-theme=dark] .view-mode-toggle .view-mode-btn--slot.active{background:#10b9812e!important;color:#6ee7b7!important}.filter-left{justify-content:flex-start!important}}.enrollments-toolbar{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1rem;transition:all .3s ease}[data-theme=dark] .enrollments-toolbar{background:linear-gradient(135deg,#3b82f61a,#60a5fa0d);box-shadow:0 4px 20px #0000004d}.enrollments-toolbar .accent-green select{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#064e3b}.enrollments-toolbar .accent-blue select{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1e3a8a}.enrollments-toolbar .accent-purple select{background:linear-gradient(135deg,#e9d5ff,#f3e8ff);color:#581c87}.enrollments-toolbar .accent-amber select{background:linear-gradient(135deg,#fed7aa,#ffedd5);color:#7c2d12}.enrollments-toolbar .accent-teal select{background:linear-gradient(135deg,#99f6e4,#ccfbf1);color:#134e4a}.enrollments-toolbar .accent-violet select{background:linear-gradient(135deg,#ddd6fe,#ede9fe);color:#5b21b6}[data-theme=dark] .enrollments-toolbar .accent-green select{background:#10b98126;color:#10b981}[data-theme=dark] .enrollments-toolbar .accent-blue select{background:#3b82f626;color:#60a5fa}[data-theme=dark] .enrollments-toolbar .accent-purple select{background:#8b5cf626;color:#a78bfa}[data-theme=dark] .enrollments-toolbar .accent-amber select{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .enrollments-toolbar .accent-teal select{background:#14b8a626;color:#2dd4bf}[data-theme=dark] .enrollments-toolbar .accent-violet select{background:#8b5cf626;color:#a78bfa}.add-enrollment-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#451a03;overflow:hidden;position:relative}.add-enrollment-btn:before{background:radial-gradient(circle,#ffffff4d,#0000);content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease;width:100%}.add-enrollment-btn:hover:before{transform:translate(-50%,-50%) scale(2)}[data-theme=dark] .add-enrollment-btn{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);color:#fbbf24}.enrollments-toolbar .icon-btn{overflow:hidden;position:relative}.enrollments-toolbar .icon-btn span{position:relative;z-index:1}.enrollments-toolbar .icon-btn:after{background:#0000;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transition:background .2s ease;z-index:0}.enrollments-toolbar .add-enrollment-btn:hover:after,.enrollments-toolbar .bulk-create-btn:hover:after{background:#ffffff26}.enrollments-toolbar .icon-btn:not(.add-enrollment-btn):not(.bulk-create-btn):hover:after{background:#00000012}[data-theme=dark] .enrollments-toolbar .icon-btn:not(.add-enrollment-btn):not(.bulk-create-btn):hover:after{background:#ffffff14}.enrollments-toolbar .search-bar{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;box-shadow:0 1px 4px #3b82f61a;position:relative}[data-theme=dark] .enrollments-toolbar .search-bar{background:#3b82f61a;border-color:#3b82f64d}.enrollments-toolbar .search-bar:focus-within{background:linear-gradient(135deg,#e0f2fe,#dbeafe);box-shadow:0 0 0 3px #3b82f61a}.enrollments-toolbar .toolbar-actions{align-items:center;display:flex;gap:.75rem;padding-left:1rem}.enrollments-toolbar .custom-dropdown{position:relative}.enrollments-toolbar .dropdown-trigger{overflow:hidden;position:relative}.enrollments-toolbar .dropdown-trigger:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.enrollments-toolbar .dropdown-trigger:hover:before{left:100%}@media (max-width:1024px){.enrollments-toolbar{margin:.5rem!important;padding:.4rem!important}.enrollments-toolbar .primary-filters{grid-gap:.4rem!important;display:grid!important;gap:.4rem!important;grid-template-columns:1fr 1fr!important;width:100%!important}.enrollments-toolbar .primary-filters select{font-size:.75rem!important;min-height:38px!important;padding:.4rem!important}.advanced-filters-popup{max-width:90vw!important}.advanced-filters-popup-content{gap:.4rem!important;grid-template-columns:1fr 1fr!important}.advanced-filters-popup-content select{font-size:.7rem!important;padding:.4rem!important}.enrollments-toolbar .toolbar-actions{gap:.3rem!important}.enrollments-toolbar .toolbar-actions button{font-size:.75rem!important;padding:.4rem .6rem!important}.enrollments-toolbar .toolbar-actions .material-symbols-rounded{font-size:1rem!important}.enrollments-page{height:auto!important;min-height:auto!important}.enrollments-table-container{overflow-y:visible!important}}@media (max-width:768px){.enrollments-toolbar{margin:.4rem!important;padding:.4rem!important}.enrollments-toolbar .filter-panel{flex-direction:column!important;gap:.4rem!important}.enrollments-toolbar .toolbar-left{flex-direction:column!important;width:100%!important}.enrollments-toolbar .search-bar{width:100%!important}.enrollments-toolbar .search-bar input{font-size:.75rem!important;padding:.4rem!important}.enrollments-toolbar .primary-filters select{font-size:.7rem!important;min-height:36px!important;padding:.4rem!important}.advanced-filters-popup{left:.4rem!important;max-width:calc(100vw - .8rem)!important;padding:.6rem!important;right:.4rem!important}.advanced-filters-popup-header h3{font-size:.85rem!important}.advanced-filters-popup-content{gap:.3rem!important;grid-template-columns:1fr 1fr!important;max-height:60vh!important}.advanced-filters-popup-content select{font-size:.65rem!important;padding:.4rem!important}.advanced-filters-popup-content label{font-size:.6rem!important}.enrollments-toolbar .toolbar-actions button{font-size:0!important;height:36px!important;min-width:36px!important;padding:.4rem!important}.enrollments-toolbar .toolbar-actions .material-symbols-rounded{font-size:1rem!important;margin:0!important}}@media (max-width:480px){.enrollments-toolbar .toolbar-actions{justify-content:space-around;padding:0;width:100%}.advanced-filters-popup{padding:1rem}}.enrollments-toolbar.loading{opacity:.6;pointer-events:none}.enrollments-toolbar.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#3b82f61a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.enrollments-toolbar button:focus-visible,.enrollments-toolbar input:focus-visible,.enrollments-toolbar select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}[data-theme=dark] .enrollments-toolbar button:focus-visible,[data-theme=dark] .enrollments-toolbar input:focus-visible,[data-theme=dark] .enrollments-toolbar select:focus-visible{outline-color:#60a5fa}@media (prefers-reduced-motion:reduce){.enrollments-toolbar .dropdown-trigger:before,.enrollments-toolbar .icon-btn:after,.enrollments-toolbar.loading:after{animation:none;transition:none}.advanced-filters-popup{animation:none}}.bulk-create-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;overflow:hidden;position:relative}[data-theme=dark] .bulk-create-btn{background:linear-gradient(135deg,#6366f140,#8b5cf633);color:#a5b4fc}.bulk-assign-faculty-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;overflow:hidden;position:relative}[data-theme=dark] .bulk-assign-faculty-btn{background:linear-gradient(135deg,#7c3aed40,#a855f733);color:#c4b5fd}.enrollments-toolbar .bulk-assign-faculty-btn:hover:after{background:#ffffff26}.wspp-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9500}.wspp-panel{animation:wsppSlide .22s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:min(96vw,520px)}@keyframes wsppSlide{0%{opacity:0;transform:scale(.92) translateY(-16px)}to{opacity:1;transform:none}}.wspp-header{background:linear-gradient(135deg,#6366f10d,#8b5cf608);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;padding:1.1rem 1.25rem 1rem}.wspp-header,.wspp-header-left{align-items:center;display:flex}.wspp-header-left{gap:.75rem}.wspp-header-icon{color:#6366f1;font-size:1.5rem!important}.wspp-header-left h3{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:700;margin:0}.wspp-header-left p{color:#9ca3af;font-size:.75rem;margin:0}.wspp-close{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;padding:.3rem;transition:all .15s}.wspp-close:hover{background:#f3f4f6;color:#374151}.wspp-body{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.1rem 1.25rem}.wspp-loading{color:#9ca3af;font-size:.9rem;gap:.6rem;justify-content:center;padding:3rem}.wspp-error,.wspp-loading{align-items:center;display:flex}.wspp-error{background:#fee2e2;border-radius:10px;color:#991b1b;font-size:.84rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.wspp-retry{background:none;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;cursor:pointer;font-size:.78rem;margin-left:auto;padding:2px 8px;transition:all .15s}.wspp-retry:hover{background:#fee2e2}.wspp-empty{color:#9ca3af;font-size:.82rem;font-style:italic;padding:.5rem 0}.wspp-section{display:flex;flex-direction:column;gap:.65rem}.wspp-section-label{align-items:center;color:#6b7280;display:flex;font-size:.72rem;font-weight:800;gap:.35rem;letter-spacing:.8px;text-transform:uppercase}.wspp-section-label .material-symbols-rounded{color:#6366f1;font-size:.95rem}.wspp-required{color:#ef4444;margin-left:.1rem}.wspp-day-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.wspp-day-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.15rem;padding:.65rem .5rem;transition:all .18s}.wspp-day-btn:hover{background:#6366f10d;border-color:#6366f1;transform:translateY(-1px)}.wspp-day-btn.selected{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#6366f1;box-shadow:0 3px 10px #6366f133}.wspp-day-short{color:#111827;color:var(--text-primary,#111827);font-size:.95rem;font-weight:800}.wspp-day-btn.selected .wspp-day-short{color:#4338ca}.wspp-day-full{color:#9ca3af;font-size:.62rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.wspp-day-btn.selected .wspp-day-full{color:#6366f1}.wspp-session-list{display:flex;flex-direction:column;gap:.4rem}.wspp-session-row{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.7rem .9rem;transition:all .15s}.wspp-session-row:hover{background:#6366f10a;border-color:#6366f1}.wspp-session-row.selected{background:linear-gradient(135deg,#ede9fe,#f5f3ff);border-color:#6366f1}.wspp-session-check{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .15s;width:20px}.wspp-session-check.checked{background:#6366f1;border-color:#6366f1}.wspp-session-check .material-symbols-rounded{color:#fff;font-size:.8rem;font-variation-settings:"wght" 700}.wspp-session-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem}.wspp-session-num{color:#111827;color:var(--text-primary,#111827);font-size:.87rem;font-weight:700}.wspp-session-row.selected .wspp-session-num{color:#4338ca}.wspp-session-time{color:#6b7280;font-family:monospace;font-size:.75rem;font-weight:600}.wspp-session-row.selected .wspp-session-time{color:#6366f1}.wspp-session-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.15rem}.wspp-session-dur{background:#f3f4f6;border-radius:8px;color:#374151;font-size:.72rem;font-weight:700;padding:1px 7px}.wspp-session-row.selected .wspp-session-dur{background:#6366f126;color:#4338ca}.wspp-session-type{color:#9ca3af;font-size:.62rem}.wspp-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);gap:.75rem;justify-content:space-between;padding:.9rem 1.25rem}.wspp-footer,.wspp-summary{align-items:center;display:flex;flex-wrap:wrap}.wspp-summary{flex:1 1;gap:.4rem}.wspp-sum-chip{align-items:center;border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.25rem;padding:3px 9px}.wspp-sum-day{background:#ede9fe;color:#4338ca}.wspp-sum-session{background:#e0f2fe;color:#0369a1}.wspp-sum-chip .material-symbols-rounded{font-size:.82rem}.wspp-footer-actions{display:flex;flex-shrink:0;gap:.5rem}.wspp-btn-cancel{background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:9px;color:#6b7280;cursor:pointer;font-size:.84rem;font-weight:600;padding:.45rem .9rem;transition:all .15s}.wspp-btn-cancel:hover{background:#f3f4f6;color:#374151}.wspp-btn-confirm{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:9px;box-shadow:0 2px 8px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:.84rem;font-weight:700;gap:.3rem;padding:.45rem 1rem;transition:all .15s}.wspp-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 14px #6366f159;transform:translateY(-1px)}.wspp-btn-confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.wspp-btn-confirm .material-symbols-rounded{font-size:.95rem}.wspp-body::-webkit-scrollbar{width:5px}.wspp-body::-webkit-scrollbar-track{background:#0000}.wspp-body::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:3px}[data-theme=dark] .wspp-panel{background:#1f2937;background:var(--card-bg,#1f2937)}[data-theme=dark] .wspp-day-btn.selected{background:#6366f133}[data-theme=dark] .wspp-session-row.selected{background:#6366f126}:root{--ecp-overlay-bg:#0006;--ecp-overlay-backdrop:blur(8px);--ecp-popup-bg:#fffffff2;--ecp-popup-border:#fff3;--ecp-popup-shadow:0 20px 60px #00000026,0 8px 32px #00000014;--ecp-text-primary:#1e293b;--ecp-text-secondary:#374151;--ecp-text-muted:#6b7280;--ecp-header-bg:linear-gradient(135deg,#f0f9ff,#dbeafe);--ecp-header-border:#3b82f61a;--ecp-header-title:#1e40af;--ecp-header-subtitle:#3b82f6;--ecp-header-icon-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ecp-header-icon-text:#fff;--ecp-close-btn-bg:#fffc;--ecp-close-btn-text:#6b7280;--ecp-close-btn-hover-bg:#ef44441a;--ecp-close-btn-hover-text:#ef4444;--ecp-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--ecp-error-text:#991b1b;--ecp-error-border:#fca5a5;--ecp-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--ecp-success-text:#065f46;--ecp-success-border:#6ee7b7;--ecp-step-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--ecp-step-border:#e2e8f0;--ecp-step-number-bg:#e5e7eb;--ecp-step-number-text:#6b7280;--ecp-step-active-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ecp-step-active-text:#fff;--ecp-step-completed-bg:linear-gradient(135deg,#10b981,#059669);--ecp-step-connector:#e5e7eb;--ecp-body-bg:linear-gradient(135deg,#f9fafb,#fff);--ecp-form-input-bg:#fffc;--ecp-form-input-border:#e2e8f0cc;--ecp-form-input-text:#1e293b;--ecp-form-input-focus-border:#3b82f6;--ecp-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--ecp-btn-primary-text:#fff;--ecp-btn-secondary-bg:#ffffffe6;--ecp-btn-secondary-text:#374151;--ecp-btn-secondary-border:#e5e7eb;--ecp-btn-create-bg:linear-gradient(135deg,#059669,#065f46);--ecp-btn-create-text:#fff}[data-theme=dark]{--ecp-overlay-bg:#000000b3;--ecp-popup-bg:#1a1a1af2;--ecp-popup-border:#3b82f633;--ecp-popup-shadow:0 20px 60px #000c,0 8px 32px #3b82f61a;--ecp-text-primary:#fff;--ecp-text-secondary:#e2e8f0;--ecp-text-muted:#d1d5db;--ecp-header-bg:linear-gradient(135deg,#3b82f626,#1a1a1af2);--ecp-header-border:#3b82f626;--ecp-header-title:#60a5fa;--ecp-header-subtitle:#93c5fd;--ecp-close-btn-bg:#333c;--ecp-close-btn-text:#fff;--ecp-close-btn-hover-bg:#ef444433;--ecp-error-bg:#f4433633;--ecp-error-text:#ffcdd2;--ecp-error-border:#f4433666;--ecp-success-bg:#4caf5033;--ecp-success-text:#c8e6c9;--ecp-success-border:#4caf5066;--ecp-step-bg:#1a1a1ae6;--ecp-step-border:#3b82f633;--ecp-step-number-bg:#333c;--ecp-step-number-text:#fff;--ecp-body-bg:#1a1a1ae6;--ecp-form-input-bg:#1a1a1acc;--ecp-form-input-border:#ffffff1a;--ecp-form-input-text:#fff;--ecp-form-input-focus-border:#60a5fa}.enrollment-creation-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);backdrop-filter:var(--ecp-overlay-backdrop);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--ecp-overlay-backdrop);background:#0006;background:var(--ecp-overlay-bg);display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.enrollment-creation-popup{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--ecp-popup-bg);border:1px solid #fff3;border:1px solid var(--ecp-popup-border);border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 32px #00000014;box-shadow:var(--ecp-popup-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.popup-header{background:linear-gradient(135deg,#f0f9ff,#dbeafe);background:var(--ecp-header-bg);border-bottom:1px solid #3b82f61a;border-bottom:1px solid var(--ecp-header-border);padding:2rem 2.5rem 1.5rem}.header-content{gap:1rem}.header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--ecp-header-icon-bg);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;display:flex;height:56px;justify-content:center;width:56px}.header-icon .material-symbols-rounded{color:#fff;color:var(--ecp-header-icon-text);font-size:28px;font-variation-settings:"FILL" 1,"wght" 600}.header-text h2{color:#1e40af;color:var(--ecp-header-title);font-size:1.5rem;font-weight:700;margin:0}.header-text p{color:#3b82f6;color:var(--ecp-header-subtitle);font-size:.9rem;margin:.25rem 0 0;opacity:.8}.close-btn{background:#fffc;background:var(--ecp-close-btn-bg);border-radius:12px;color:#6b7280;color:var(--ecp-close-btn-text);transition:all .2s ease}.close-btn:hover{background:#ef44441a;background:var(--ecp-close-btn-hover-bg);color:#ef4444;color:var(--ecp-close-btn-hover-text)}.message-banner{align-items:center;animation:slideDown .3s ease-out;border-radius:12px;display:flex;font-weight:500;gap:.75rem;margin:0 2.5rem 1rem;padding:1rem 1.5rem}.message-banner.error{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--ecp-error-bg);border:1px solid #fca5a5;border:1px solid var(--ecp-error-border);color:#991b1b;color:var(--ecp-error-text)}.message-banner.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--ecp-success-bg);border:1px solid #6ee7b7;border:1px solid var(--ecp-success-border);color:#065f46;color:var(--ecp-success-text)}.step-indicator{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--ecp-step-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ecp-step-border);gap:2rem;justify-content:center;padding:1.5rem 2.5rem}.step,.step-indicator{align-items:center;display:flex}.step{flex-direction:column;gap:.5rem;position:relative}.step:after{background:#e5e7eb;background:var(--ecp-step-connector);content:"";height:2px;left:calc(100% + .5rem);position:absolute;top:16px;width:1.5rem}.step:last-child:after{display:none}.step.completed:after{background:linear-gradient(135deg,#10b981,#059669);background:var(--ecp-step-completed-bg)}.step-number{align-items:center;background:#e5e7eb;background:var(--ecp-step-number-bg);border-radius:50%;color:#6b7280;color:var(--ecp-step-number-text);display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.step.active .step-number{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--ecp-step-active-bg);box-shadow:0 4px 12px #3b82f666;color:#fff;color:var(--ecp-step-active-text)}.step.completed .step-number{background:linear-gradient(135deg,#10b981,#059669);background:var(--ecp-step-completed-bg);color:#fff;color:var(--ecp-step-active-text)}.step-label{color:#6b7280;color:var(--ecp-text-muted);font-size:.8rem;font-weight:500}.step.active .step-label,.step.completed .step-label{color:#1e293b;color:var(--ecp-text-primary);font-weight:600}.popup-body{background:linear-gradient(135deg,#f9fafb,#fff);background:var(--ecp-body-bg);padding:2rem 2.5rem}.popup-body::-webkit-scrollbar-thumb{background:#3b82f633}.step-content{animation:fadeInSlide .4s ease-out}.step-title{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--ecp-step-border);color:#1e293b;color:var(--ecp-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem}.step-title .material-symbols-rounded{background:#3b82f61a;border-radius:12px;color:#3b82f6;font-size:28px;padding:8px}.ecp-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.ecp-form-field{display:flex;flex-direction:column;gap:.5rem}.ecp-form-field.ecp-full-width{grid-column:span 2}.ecp-form-label{align-items:center;color:#374151;color:var(--ecp-text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:.25rem}.ecp-form-label.required:after{color:#ef4444;content:"*";font-weight:700;margin-left:.25rem}.ecp-form-input,.ecp-form-textarea{background:#fffc;background:var(--ecp-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--ecp-form-input-border);border-radius:12px;color:#1e293b;color:var(--ecp-form-input-text);font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s ease}.ecp-form-textarea{min-height:80px;resize:vertical}.ecp-form-input:focus,.ecp-form-textarea:focus{border-color:#3b82f6;border-color:var(--ecp-form-input-focus-border);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.ecp-form-error{color:#991b1b;color:var(--ecp-error-text);font-size:.8rem;font-weight:500;margin-top:.25rem}.ecp-form-loading{color:#6b7280;color:var(--ecp-text-muted);margin-top:.25rem}.ecp-form-help,.ecp-form-loading{align-items:center;display:flex;font-size:.8rem;gap:.5rem}.ecp-form-help{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;font-weight:500;margin-top:.5rem;padding:.5rem .75rem}[data-theme=dark] .ecp-form-help{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.ecp-form-help .material-symbols-rounded{font-size:16px;opacity:.8}.ecp-checkbox-group{display:flex;flex-wrap:wrap;gap:1.5rem}.ecp-checkbox-option{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 0}.ecp-checkbox-option input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--ecp-form-input-focus-border);cursor:pointer;height:18px;width:18px}.ecp-checkbox-label{color:#1e293b;color:var(--ecp-text-primary);cursor:pointer;font-size:.9rem;font-weight:500}.ecp-review-container{display:flex;flex-direction:column;gap:1.5rem}.ecp-review-section{background:#fff9;border:1px solid #e2e8f0;border:1px solid var(--ecp-step-border);border-radius:12px;padding:1.5rem}[data-theme=dark] .ecp-review-section{background:#1a1a1a99}.ecp-review-section h4{color:#1e293b;color:var(--ecp-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.ecp-review-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ecp-review-item{display:flex;flex-direction:column;gap:.25rem}.ecp-review-label{color:#6b7280;color:var(--ecp-text-muted);font-size:.8rem;font-weight:500}.ecp-review-value{color:#1e293b;color:var(--ecp-text-primary);font-size:.95rem;font-weight:600}.ecp-review-description{color:#374151;color:var(--ecp-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.popup-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--ecp-step-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--ecp-step-border);padding:1.5rem 2.5rem 2rem}.footer-actions{align-items:center;gap:1rem;justify-content:space-between}.btn-create,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--ecp-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;color:#fff;color:var(--ecp-btn-primary-text)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:#ffffffe6;background:var(--ecp-btn-secondary-bg);border:2px solid #e5e7eb;border:2px solid var(--ecp-btn-secondary-border);color:#374151;color:var(--ecp-btn-secondary-text)}.btn-secondary:hover:not(:disabled){box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.btn-create{background:linear-gradient(135deg,#059669,#065f46);background:var(--ecp-btn-create-bg);box-shadow:0 4px 12px #0596694d;color:#fff;color:var(--ecp-btn-create-text);margin-left:auto}.btn-create:hover:not(:disabled){box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}.btn-create:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.enrollment-creation-overlay{padding:.5rem}.enrollment-creation-popup{border-radius:16px;max-height:95vh;max-width:calc(100vw - 1rem);width:calc(100vw - 1rem)}.popup-body,.popup-footer,.popup-header{padding:1rem}.popup-header h2{font-size:1.25rem}.step-indicator{-webkit-overflow-scrolling:touch;gap:.75rem;overflow-x:auto;padding:.875rem 1rem}.step{flex-shrink:0;min-width:100px}.ecp-form-grid{gap:.75rem;grid-template-columns:1fr}.ecp-form-field.ecp-full-width{grid-column:span 1}.footer-actions{flex-direction:column;gap:.5rem}.btn-create,.btn-primary,.btn-secondary{font-size:16px;justify-content:center;min-height:44px;width:100%}.ecp-review-grid{gap:.75rem;grid-template-columns:1fr}input[type=date],input[type=number],input[type=text],select,textarea{font-size:16px!important;min-height:44px}label{font-size:.85rem}.ecp-review-item{padding:.75rem}}@media (max-width:480px){.enrollment-creation-overlay{padding:.25rem}.enrollment-creation-popup{border-radius:12px;max-height:98vh;max-width:calc(100vw - .5rem);width:calc(100vw - .5rem)}.popup-body,.popup-footer,.popup-header{padding:.75rem}.popup-header h2{font-size:1.1rem}.step-indicator{gap:.5rem;padding:.75rem}.step{min-width:80px}.step-number{font-size:.85rem;height:28px;width:28px}.step-label{font-size:.75rem}.ecp-form-grid{gap:.5rem}.footer-actions{gap:.375rem}.btn-create,.btn-primary,.btn-secondary{font-size:.9rem;padding:.5rem 1rem}label{font-size:.75rem}.ecp-review-item{padding:.5rem}.ecp-review-item label{font-size:.7rem}.ecp-review-item span{font-size:.85rem}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.ecp-schedule-trigger{align-items:center;background:#fffc;background:var(--ecp-form-input-bg,#fff);border:2px solid #e2e8f0cc;border:2px solid var(--ecp-form-input-border,#e5e7eb);border-radius:10px;cursor:pointer;display:flex;min-height:44px;padding:.6rem .9rem;transition:all .18s;width:100%}.ecp-schedule-trigger:hover{border-color:#3b82f6;border-color:var(--ecp-form-input-focus-border,#6366f1);box-shadow:0 0 0 3px #6366f11a}.ecp-schedule-trigger.has-value{background:linear-gradient(135deg,#6366f108,#fff);border-color:#6366f1}.ecp-schedule-trigger.read-only-trigger{cursor:default;opacity:.85}.ecp-schedule-trigger.read-only-trigger:hover{border-color:#e2e8f0cc;border-color:var(--ecp-form-input-border,#e5e7eb);box-shadow:none}.ecp-schedule-selected{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;flex:1 1;flex-wrap:wrap;font-size:.88rem;font-weight:600;gap:.4rem}.ecp-schedule-selected .material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:1rem}.ecp-schedule-day{color:#4338ca;font-weight:700}.ecp-schedule-sep{color:#d1d5db}.ecp-schedule-session{color:#374151;font-family:monospace;font-size:.83rem}.ecp-schedule-edit{color:#9ca3af!important;font-size:.9rem!important;margin-left:auto}.ecp-schedule-placeholder{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:.87rem;gap:.5rem}.ecp-schedule-placeholder .material-symbols-rounded{color:#9ca3af;font-size:1.1rem}.ecp-schedule-arrow{color:#9ca3af;margin-left:auto}.edp-draft-only-badge{align-items:center;background:#fef9c3;border:1px solid #f59e0b4d;border-radius:6px;color:#854d0e;display:inline-flex;font-size:.62rem;font-weight:700;letter-spacing:.4px;margin-left:.4rem;padding:1px 6px;text-transform:uppercase;vertical-align:middle}:root{--fs-container-bg:#fffffff2;--fs-container-border:#e2e8f0cc;--fs-card-bg:#fff;--fs-card-border:#e2e8f0cc;--fs-card-shadow:0 2px 8px #0000000f;--fs-card-hover-shadow:0 8px 25px #0000001a;--fs-text-primary:#1e293b;--fs-text-secondary:#374151;--fs-text-muted:#6b7280;--fs-selected-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--fs-selected-border:#3b82f6;--fs-badge-active-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--fs-badge-active-text:#065f46;--fs-badge-inactive-bg:linear-gradient(135deg,#fee2e2,#fecaca);--fs-badge-inactive-text:#991b1b}[data-theme=dark]{--fs-container-bg:#1a1a1af2;--fs-container-border:#ffffff1a;--fs-card-bg:#1f2937cc;--fs-card-border:#4b55634d;--fs-card-shadow:0 2px 8px #0003;--fs-card-hover-shadow:0 8px 25px #0000004d;--fs-text-primary:#fff;--fs-text-secondary:#e5e7eb;--fs-text-muted:#9ca3af;--fs-selected-bg:#3b82f633;--fs-selected-border:#60a5fa;--fs-badge-active-bg:#22c55e33;--fs-badge-active-text:#4ade80;--fs-badge-inactive-bg:#ef444433;--fs-badge-inactive-text:#f87171}.faculty-selection-step{min-height:400px;padding:0}.faculty-filters-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--fs-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fs-container-border);border-radius:12px;margin-bottom:1rem;padding:1rem}.mobile-filter-toggle{align-items:center;background:#fff;background:var(--fs-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fs-card-border);border-radius:10px;color:#1e293b;color:var(--fs-text-primary);cursor:pointer;display:none;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:space-between;padding:.75rem 1rem;transition:all .3s ease;width:100%}.mobile-filter-toggle:hover{background:#e2e8f0cc;background:var(--fs-card-border)}.mobile-filter-toggle .material-symbols-rounded{color:#3b82f6;color:var(--fs-selected-border);font-size:1.25rem}.filters-grid-faculty{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:2fr 1fr auto auto}.filter-field-faculty{display:flex;flex-direction:column;gap:.5rem}.filter-field-faculty label{color:#374151;color:var(--fs-text-secondary);font-size:.85rem;font-weight:600}.faculty-form-input{background:#fff;background:var(--fs-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--fs-card-border);border-radius:10px;color:#1e293b;color:var(--fs-text-primary);font-size:.9rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.faculty-form-input:focus{border-color:#3b82f6;border-color:var(--fs-selected-border);box-shadow:0 0 0 3px #3b82f61a}.checkbox-field-faculty,.checkbox-label-faculty{align-items:center;display:flex}.checkbox-label-faculty{color:#374151;color:var(--fs-text-secondary);cursor:pointer;font-weight:500;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox-label-faculty input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--fs-selected-border);cursor:pointer;height:18px;width:18px}.filter-actions-faculty{align-items:flex-end;display:flex}.clear-filters-btn-faculty{align-items:center;background:#fff;background:var(--fs-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fs-card-border);border-radius:10px;color:#374151;color:var(--fs-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.clear-filters-btn-faculty:hover{border-color:#3b82f6;border-color:var(--fs-selected-border);box-shadow:0 2px 8px #0000000f;box-shadow:var(--fs-card-shadow);color:#3b82f6;color:var(--fs-selected-border);transform:translateY(-1px)}.clear-filters-btn-faculty .material-symbols-rounded{font-size:1.1rem}.faculty-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.faculty-list-header h4{color:#1e293b;color:var(--fs-text-primary);font-size:1.1rem;font-weight:600;margin:0}.view-toggle-faculty{background:#fff;background:var(--fs-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fs-card-border);border-radius:10px;display:flex;gap:.25rem;padding:.25rem}.view-toggle-btn-faculty{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--fs-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.view-toggle-btn-faculty:hover{background:#e2e8f0cc;background:var(--fs-card-border);color:#1e293b;color:var(--fs-text-primary)}.view-toggle-btn-faculty.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--fs-selected-bg);color:#3b82f6;color:var(--fs-selected-border)}.view-toggle-btn-faculty .material-symbols-rounded{font-size:1.25rem}.faculty-grid-modern{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:500px;overflow-y:auto;padding:.5rem}.faculty-card-modern{align-items:center;background:#fff;background:var(--fs-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--fs-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--fs-card-shadow);cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.faculty-card-modern:hover{box-shadow:0 8px 25px #0000001a;box-shadow:var(--fs-card-hover-shadow);transform:translateY(-4px)}.faculty-card-modern.selected,.faculty-card-modern:hover{border-color:#3b82f6;border-color:var(--fs-selected-border)}.faculty-card-modern.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--fs-selected-bg);box-shadow:0 4px 12px #3b82f633}.faculty-card-modern.inactive{filter:grayscale(20%);opacity:.6}.selection-indicator{align-items:center;animation:scaleIn .3s ease;background:#3b82f6;background:var(--fs-selected-border);border-radius:50%;box-shadow:0 2px 8px #3b82f64d;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.selection-indicator .material-symbols-rounded{color:#fff;font-size:18px;font-variation-settings:"FILL" 1}.faculty-avatar-modern{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:3px solid #fff;border:3px solid var(--fs-card-bg);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:80px;justify-content:center;text-transform:uppercase;width:80px}[data-theme=dark] .faculty-avatar-modern{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.faculty-info-modern{flex:1 1;width:100%}.faculty-info-modern h4{color:#1e293b;color:var(--fs-text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.faculty-employee-id{font-family:Courier New,monospace;font-size:.8rem;font-weight:600;margin:0 0 .25rem}.faculty-email,.faculty-employee-id{color:#6b7280;color:var(--fs-text-muted)}.faculty-email{font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faculty-meta-modern{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.faculty-department-badge,.faculty-position-badge{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.35rem .75rem;text-transform:uppercase}.faculty-position-badge{background:#a855f71a;border:1px solid #a855f733;color:#7c3aed}.faculty-department-badge{background:#3b82f61a;border:1px solid #3b82f633;color:#1d4ed8}.faculty-status-modern{width:100%}.status-badge{border-radius:15px;display:inline-block;font-size:.7rem;padding:.35rem .75rem}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--fs-badge-active-bg);color:#065f46;color:var(--fs-badge-active-text)}.status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--fs-badge-inactive-bg);color:#991b1b;color:var(--fs-badge-inactive-text)}.faculty-table-container{background:#fff;background:var(--fs-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fs-card-border);border-radius:12px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--fs-card-shadow);overflow:hidden}.faculty-table{max-height:500px;overflow-x:auto;overflow-y:auto}.faculty-table table{border-collapse:collapse;min-width:900px;width:100%}.faculty-table th{background:#fff;background:var(--fs-card-bg);border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--fs-card-border);color:#374151;color:var(--fs-text-secondary);font-size:.85rem;font-weight:700;padding:1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.faculty-table td{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--fs-card-border);color:#1e293b;color:var(--fs-text-primary);font-size:.9rem;padding:1rem;vertical-align:middle}.faculty-table tr{cursor:pointer;transition:all .3s ease}.faculty-table tbody tr:hover{background:#e2e8f0cc;background:var(--fs-card-border)}.faculty-table tr.selected-row{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--fs-selected-bg)}.faculty-table tr.inactive-row{filter:grayscale(20%);opacity:.6}.select-column{text-align:center;width:50px}.radio-select{align-items:center;display:flex;justify-content:center}.radio-select input[type=radio]{accent-color:#3b82f6;accent-color:var(--fs-selected-border);cursor:pointer;height:18px;width:18px}.table-employee-id{background:#e2e8f0cc;background:var(--fs-card-border);border-radius:8px;color:#6b7280;color:var(--fs-text-muted);display:inline-block;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;padding:.35rem .75rem}.table-faculty-name{align-items:center;display:flex;gap:.75rem}.table-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #fff;border:2px solid var(--fs-card-bg);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;text-transform:uppercase;width:40px}[data-theme=dark] .table-avatar{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.table-email{color:#6b7280;color:var(--fs-text-muted);display:block;font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-position-tag{background:#a855f71a;border:1px solid #a855f733;border-radius:10px;color:#7c3aed}.table-department-tag,.table-position-tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.3rem .7rem;text-transform:uppercase}.table-department-tag{background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;color:#1d4ed8}.table-status-badge{display:inline-block;text-transform:uppercase}.table-status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--fs-badge-active-bg);color:#065f46;color:var(--fs-badge-active-text)}.table-status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--fs-badge-inactive-bg);color:#991b1b;color:var(--fs-badge-inactive-text)}.faculty-empty-state,.faculty-loading-state{align-items:center;background:#fff;background:var(--fs-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--fs-card-border);border-radius:12px;color:#6b7280;color:var(--fs-text-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.faculty-empty-state .material-symbols-rounded,.faculty-loading-state .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.6}.faculty-loading-state .spinning{animation:spin 1s linear infinite}.faculty-empty-state h3{color:#1e293b;color:var(--fs-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.faculty-empty-state p{font-size:.95rem;line-height:1.5;margin:0}[data-theme=dark] .faculty-position-badge{background:#a855f733;border-color:#a855f74d;color:#a855f7}[data-theme=dark] .faculty-department-badge{background:#60a5fa33;border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .table-position-tag{background:#a855f733;border-color:#a855f74d;color:#a855f7}[data-theme=dark] .table-department-tag{background:#60a5fa33;border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .table-employee-id{background:#4b556380}.faculty-grid-modern::-webkit-scrollbar,.faculty-table::-webkit-scrollbar{height:6px;width:6px}.faculty-grid-modern::-webkit-scrollbar-thumb,.faculty-table::-webkit-scrollbar-thumb{background:#3b82f633;border-radius:3px}.faculty-grid-modern::-webkit-scrollbar-thumb:hover,.faculty-table::-webkit-scrollbar-thumb:hover{background:#3b82f64d}.faculty-grid-modern::-webkit-scrollbar-track,.faculty-table::-webkit-scrollbar-track{background:#0000}@media (max-width:1200px){.faculty-grid-modern{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.faculty-filters-section{margin-bottom:.5rem!important;padding:0!important}.mobile-filter-toggle{display:flex!important;margin-bottom:0!important}.filters-grid-faculty{gap:.5rem!important;grid-template-columns:1fr!important;max-height:0!important;opacity:0!important;overflow:hidden!important;padding:.75rem!important;transition:all .3s ease!important}.filters-grid-faculty.expanded{margin-top:.5rem!important;max-height:500px!important;opacity:1!important}.filter-field-faculty label{font-size:.7rem!important}.filter-field-faculty input,.filter-field-faculty select{font-size:.8rem!important;padding:.5rem!important}.filter-actions-faculty{gap:.5rem!important;width:100%!important}.clear-filters-btn-faculty{font-size:.8rem!important;justify-content:center!important;padding:.5rem!important;width:100%!important}.faculty-list-header{align-items:center!important;flex-direction:row!important;gap:.5rem!important;justify-content:space-between!important;margin-bottom:.5rem!important;padding:.5rem!important}.faculty-list-header h4{font-size:.9rem!important;margin:0!important}.faculty-count-badge{font-size:.75rem!important;padding:.25rem .5rem!important}.view-toggle-faculty{display:none!important}.faculty-grid-modern{display:flex!important;flex-direction:column!important;gap:.375rem!important;padding:.5rem!important}.faculty-card-modern{grid-gap:.5rem!important;align-items:center!important;border-radius:8px!important;display:grid!important;gap:.5rem!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto auto!important;min-height:auto!important;padding:.5rem!important}.faculty-card-modern:hover{transform:none!important}.faculty-avatar-modern{flex-shrink:0!important;font-size:1rem!important;grid-row:1/3!important;height:40px!important;width:40px!important}.faculty-info-modern{flex:1 1!important;grid-column:2!important;grid-row:1!important;min-width:0!important}.faculty-info-modern h4{font-size:.85rem!important;margin:0 0 .125rem!important}.faculty-employee-id,.faculty-info-modern h4{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.faculty-employee-id{font-size:.7rem!important}.faculty-email{font-size:.65rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.faculty-meta-modern{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.25rem!important;grid-column:2!important;grid-row:2!important}.faculty-meta-modern p{font-size:.65rem!important;margin:0!important}.faculty-department-badge,.faculty-meta-modern p,.faculty-position-badge{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.faculty-department-badge,.faculty-position-badge{border-radius:4px!important;font-size:.6rem!important;max-width:100%!important;padding:.2rem .4rem!important}.faculty-status-modern{align-self:start!important;flex-shrink:0!important;grid-column:3!important;grid-row:1!important}.faculty-status-modern .status-badge{border-radius:4px!important;font-size:.6rem!important;padding:.2rem .4rem!important;white-space:nowrap!important}.selection-indicator{flex-shrink:0!important;height:20px!important;position:absolute!important;right:8px!important;top:8px!important;width:20px!important}.selection-indicator .material-symbols-rounded{font-size:1rem!important}.faculty-table-container{padding:.5rem!important}.faculty-table,.faculty-table-container{overflow:visible!important}.faculty-table table{display:none!important}.faculty-table tbody{display:flex!important;flex-direction:column!important;gap:.375rem!important}.faculty-table tbody tr{align-items:center!important;background:#fff!important;background:var(--fs-card-bg)!important;border:1px solid #e2e8f0cc!important;border:1px solid var(--fs-card-border)!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;flex-direction:row!important;gap:.5rem!important;padding:.5rem!important}.faculty-table tbody tr:hover{background:var(--fs-card-hover-bg)!important}.faculty-table tbody tr.selected-row{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;background:var(--fs-selected-bg)!important;border-color:#3b82f6!important;border-color:var(--fs-selected-border)!important}.faculty-table tbody tr td:first-child{display:flex!important;flex-shrink:0!important}.faculty-table tbody tr td:nth-child(2){display:none!important}.faculty-table tbody tr td:nth-child(3){display:flex!important;flex:1 1!important;min-width:0!important}.table-faculty-name{align-items:center!important;display:flex!important;gap:.5rem!important;width:100%!important}.table-avatar{flex-shrink:0!important;font-size:1rem!important;height:40px!important;width:40px!important}.table-faculty-name span{font-size:.85rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.faculty-table tbody tr td:nth-child(4),.faculty-table tbody tr td:nth-child(5),.faculty-table tbody tr td:nth-child(6){display:none!important}.faculty-table tbody tr td:nth-child(7){display:flex!important;flex-shrink:0!important}.table-status-badge{border-radius:4px!important;font-size:.6rem!important;padding:.2rem .4rem!important}.radio-select input[type=radio]{height:20px!important;width:20px!important}.faculty-empty-state,.faculty-loading-state{font-size:.85rem!important;padding:2rem 1rem!important}.faculty-empty-state .material-symbols-rounded,.faculty-loading-state .material-symbols-rounded{font-size:2rem!important}}@media (max-width:480px){.faculty-filters-section{margin-bottom:.5rem!important}.faculty-filters-section,.faculty-list-header{padding:.375rem!important}.faculty-list-header h4{font-size:.95rem!important}.faculty-card-modern,.faculty-table tbody tr{border-radius:6px!important;gap:.375rem!important;padding:.375rem!important}.faculty-avatar-modern,.table-avatar{font-size:.9rem!important;height:36px!important;width:36px!important}.faculty-info-modern h4,.table-faculty-name span{font-size:.8rem!important}.faculty-employee-id{font-size:.65rem!important}.faculty-email,.faculty-meta-modern p{font-size:.6rem!important}.faculty-department-badge,.faculty-position-badge,.table-status-badge{font-size:.55rem!important;padding:.15rem .35rem!important}.selection-indicator{height:18px!important;right:8px!important;top:8px!important;width:18px!important}.selection-indicator .material-symbols-rounded{font-size:.9rem!important}.radio-select input[type=radio]{height:18px!important;width:18px!important}.faculty-empty-state,.faculty-loading-state{padding:1.5rem .75rem!important}.faculty-empty-state .material-symbols-rounded,.faculty-loading-state .material-symbols-rounded{font-size:1.75rem!important}.faculty-empty-state h3{font-size:1rem!important}.faculty-empty-state p{font-size:.8rem!important}}@media (prefers-reduced-motion:reduce){.clear-filters-btn-faculty,.faculty-card-modern,.faculty-table tr,.view-toggle-btn-faculty{transition:none}.faculty-loading-state .spinning,.selection-indicator{animation:none}}.clear-filters-btn-faculty:focus-visible,.faculty-card-modern:focus-visible,.view-toggle-btn-faculty:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--fs-selected-border);outline-offset:2px}.checkbox-label-faculty input:focus-visible,.faculty-form-input:focus-visible,.radio-select input:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--fs-selected-border);outline-offset:2px}.bce-results-overlay{z-index:9100}.bce-overlay{align-items:center;animation:bceOverlayIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9000}@keyframes bceOverlayIn{0%{opacity:0}to{opacity:1}}.bce-popup{animation:bceSlideIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 24px 80px #00000038;display:flex;flex-direction:column;max-height:90vh;max-width:680px;overflow:hidden;width:100%}[data-theme=dark] .bce-popup{background:#1e293b;background:var(--card-bg,#1e293b);box-shadow:0 24px 80px #0009}@keyframes bceSlideIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.bce-header{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#e0f2fe);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:.75rem;padding:1.25rem 1.5rem}[data-theme=dark] .bce-header{background:linear-gradient(135deg,#3b82f61f,#60a5fa12);border-bottom-color:#334155;border-bottom-color:var(--border-color,#334155)}.bce-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.bce-header-icon .material-symbols-rounded{font-size:1.3rem}.bce-header h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.05rem;font-weight:700;margin:0 0 .15rem}[data-theme=dark] .bce-header h2{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.bce-header p{font-size:.8rem;margin:0}.bce-close-btn,.bce-header p{color:#64748b;color:var(--text-secondary,#64748b)}.bce-close-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;margin-left:auto;padding:4px;transition:background .2s}.bce-close-btn:hover{background:#00000014}[data-theme=dark] .bce-close-btn:hover{background:#ffffff14}.bce-message{align-items:center;display:flex;flex-shrink:0;font-size:.82rem;font-weight:500;gap:.5rem;padding:.65rem 1.5rem}.bce-message.error{background:#fef2f2;border-bottom:1px solid #fecaca;color:#b91c1c}[data-theme=dark] .bce-message.error{background:#ef44441f;border-bottom-color:#ef444433;color:#fca5a5}.bce-body{display:flex;flex:1 1;flex-direction:column;gap:1.1rem;overflow-y:auto;padding:1.25rem 1.5rem}.bce-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:560px){.bce-row{grid-template-columns:1fr}}.bce-field{display:flex;flex-direction:column;gap:.4rem}.bce-field-error .bce-faculty-trigger,.bce-field-error .bce-input,.bce-field-error .bce-select{border-color:#ef4444!important}.bce-label{align-items:center;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.8rem;font-weight:600;gap:.35rem;letter-spacing:.02em}[data-theme=dark] .bce-label{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.bce-label .material-symbols-rounded{color:#3b82f6;font-size:1rem}.bce-required{color:#ef4444;font-size:.75rem}.bce-hint{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem}.bce-error-msg{color:#ef4444;font-size:.72rem;font-weight:500}.bce-input,.bce-select{background:#f8fafc;background:var(--input-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;outline:none;padding:.55rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}[data-theme=dark] .bce-input,[data-theme=dark] .bce-select{background:#1e293b;background:var(--input-bg,#1e293b);border-color:#334155;border-color:var(--border-color,#334155);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.bce-input:focus,.bce-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.bce-faculty-trigger{align-items:center;background:#f8fafc;background:var(--input-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.55rem .75rem;text-align:left;transition:all .2s;width:100%}[data-theme=dark] .bce-faculty-trigger{background:#1e293b;background:var(--input-bg,#1e293b);border-color:#334155;border-color:var(--border-color,#334155);color:#94a3b8;color:var(--text-secondary,#94a3b8)}.bce-faculty-trigger:hover{background:#f0f9ff;border-color:#3b82f6}[data-theme=dark] .bce-faculty-trigger:hover{background:#3b82f614}.bce-faculty-trigger.selected{background:#f0fdf4;border-color:#22c55e;color:#166534}[data-theme=dark] .bce-faculty-trigger.selected{background:#22c55e1a;color:#86efac}.bce-faculty-trigger.selected .material-symbols-rounded:first-child{color:#22c55e}.bce-chevron{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:1.1rem!important;margin-left:auto}.bce-faculty-panel{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:10px;box-shadow:0 4px 16px #00000014;max-height:350px;overflow:hidden;overflow-y:auto}[data-theme=dark] .bce-faculty-panel{background:#1e293b;background:var(--card-bg,#1e293b);border-color:#334155;border-color:var(--border-color,#334155)}.bce-day-chips{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.bce-day-chip{background:#f8fafc;background:var(--input-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:20px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .85rem;transition:all .18s ease}[data-theme=dark] .bce-day-chip{background:#ffffff0d;border-color:#334155;border-color:var(--border-color,#334155);color:#94a3b8;color:var(--text-secondary,#94a3b8)}.bce-day-chip:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}[data-theme=dark] .bce-day-chip:hover{background:#3b82f61a}.bce-day-chip.active{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#0000;box-shadow:0 2px 8px #3b82f659;color:#fff}.bce-select-all-btn{background:none;border:1px dashed #cbd5e1;border:1px dashed var(--border-color,#cbd5e1);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.73rem;margin-left:.25rem;padding:.35rem .7rem;transition:all .15s}.bce-select-all-btn:hover{border-color:#3b82f6;color:#3b82f6}.bce-loading-chip{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:inline-flex;font-size:.73rem;gap:.25rem;margin-left:.5rem}.bce-shift-chips{display:flex;flex-wrap:wrap;gap:.6rem}.bce-shift-chip{align-items:center;background:#f8fafc;background:var(--input-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:10px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .18s ease}[data-theme=dark] .bce-shift-chip{background:#ffffff0a;border-color:#334155;border-color:var(--border-color,#334155);color:#94a3b8;color:var(--text-secondary,#94a3b8)}.bce-shift-chip:hover{background:#fffbeb;border-color:#f59e0b;color:#d97706}[data-theme=dark] .bce-shift-chip:hover{background:#f59e0b1a}.bce-shift-chip.active{background:linear-gradient(135deg,#f59e0b,#f97316);border-color:#0000;box-shadow:0 2px 8px #f59e0b59;color:#fff}.bce-preview-strip{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:.8rem;gap:.5rem;line-height:1.5;padding:.7rem .85rem}[data-theme=dark] .bce-preview-strip{background:#3b82f614;border-color:#3b82f633;color:#93c5fd}.bce-preview-strip .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:1rem;margin-top:.1rem}.bce-footer{background:#fff;background:var(--card-bg,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}[data-theme=dark] .bce-footer{background:#1e293b;background:var(--card-bg,#1e293b);border-top-color:#334155;border-top-color:var(--border-color,#334155)}.bce-btn-secondary{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.875rem;font-weight:600;padding:.55rem 1.25rem;transition:all .2s}.bce-btn-secondary:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9);border-color:#94a3b8}.bce-btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;box-shadow:0 2px 10px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.4rem;padding:.55rem 1.4rem;transition:all .2s}.bce-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #3b82f666;transform:translateY(-1px)}.bce-btn-primary:disabled,.bce-btn-secondary:disabled{cursor:not-allowed;opacity:.55}.bce-result-modal{animation:bceSlideIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 24px 80px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:720px;overflow:hidden;width:100%}[data-theme=dark] .bce-result-modal{background:#1e293b;background:var(--card-bg,#1e293b)}.bce-result-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:.65rem;padding:1.1rem 1.5rem}[data-theme=dark] .bce-result-header{border-bottom-color:#334155;border-bottom-color:var(--border-color,#334155)}.bce-result-header .material-symbols-rounded:first-child{color:#22c55e;font-size:1.4rem}.bce-result-header h2{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:1rem;font-weight:700;margin:0}[data-theme=dark] .bce-result-header h2{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.bce-result-summary{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem;padding:.9rem 1.5rem}[data-theme=dark] .bce-result-summary{border-bottom-color:#334155;border-bottom-color:var(--border-color,#334155)}.bce-result-pill{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:700;gap:.35rem;padding:.4rem .85rem}.bce-result-pill.success{background:#dcfce7;color:#166534}.bce-result-pill.skipped{background:#fef9c3;color:#854d0e}.bce-result-pill.failed{background:#fee2e2;color:#991b1b}[data-theme=dark] .bce-result-pill.success{background:#22c55e26;color:#86efac}[data-theme=dark] .bce-result-pill.skipped{background:#eab30826;color:#fde047}[data-theme=dark] .bce-result-pill.failed{background:#ef444426;color:#fca5a5}.bce-result-table-wrap{flex:1 1;overflow-y:auto;padding:0 1.5rem}.bce-result-table{border-collapse:collapse;font-size:.82rem;width:100%}.bce-result-table th{background:#f8fafc;background:var(--card-bg,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:.6rem .5rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}[data-theme=dark] .bce-result-table th{background:#1e293b;background:var(--card-bg,#1e293b);border-bottom-color:#334155;border-bottom-color:var(--border-color,#334155)}.bce-result-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);color:#334155;color:var(--text-primary,#334155);padding:.55rem .5rem;vertical-align:top}[data-theme=dark] .bce-result-table td{border-bottom-color:#1e293b;border-bottom-color:var(--border-color,#1e293b);color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.bce-result-row.success td{background:#22c55e08}.bce-result-row.skipped td{background:#eab30808}.bce-result-row.failed td{background:#ef44440a}.bce-status-badge{border-radius:10px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.2rem .55rem;text-transform:uppercase}.bce-status-badge.success{background:#dcfce7;color:#166534}.bce-status-badge.skipped{background:#fef9c3;color:#854d0e}.bce-status-badge.failed{background:#fee2e2;color:#991b1b}[data-theme=dark] .bce-status-badge.success{background:#22c55e26;color:#86efac}[data-theme=dark] .bce-status-badge.skipped{background:#eab30826;color:#fde047}[data-theme=dark] .bce-status-badge.failed{background:#ef444426;color:#fca5a5}.bce-result-msg{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:.77rem!important;max-width:200px;word-break:break-word}.bce-result-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;justify-content:flex-end;padding:.9rem 1.5rem}[data-theme=dark] .bce-result-footer{border-top-color:#334155;border-top-color:var(--border-color,#334155)}.spinning-sm{animation:spin .8s linear infinite;display:inline-block;font-size:1rem!important}@media (max-width:560px){.bce-overlay{align-items:flex-end;padding:0}.bce-popup{animation:bceSheetUp .32s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;max-height:92vh;max-width:100%}@keyframes bceSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bce-header:before{background:#00000026;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:36px}[data-theme=dark] .bce-header:before{background:#ffffff26}.bce-header{padding-top:1.5rem;position:relative}.bce-body,.bce-footer,.bce-header{padding-left:1rem;padding-right:1rem}.bce-shift-chips{gap:.4rem}.bce-shift-chip{font-size:.78rem;padding:.45rem .75rem}.bce-results-overlay{align-items:flex-end;padding:0}.bce-result-modal{animation:bceSheetUp .32s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;max-height:88vh;max-width:100%}}.bces-results-overlay{z-index:9100}.bces-overlay{align-items:center;animation:bcesOverlayIn .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9000}@keyframes bcesOverlayIn{0%{opacity:0}to{opacity:1}}.bces-popup{animation:bcesSlideIn .28s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0cc;border:1px solid var(--border-color,#e2e8f0cc);border-radius:20px;box-shadow:0 32px 100px #00000040,0 8px 32px #0000001a;display:flex;flex-direction:column;height:92vh;max-width:1400px;overflow:hidden;width:96vw}[data-theme=dark] .bces-popup{background:#0f172a;background:var(--card-bg,#0f172a);border-color:#33415599;box-shadow:0 32px 100px #000000b3}@keyframes bcesSlideIn{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.bces-header{align-items:center;background:linear-gradient(135deg,#eff6ff,#e0f2fe);border-bottom:1px solid #3b82f61f;display:flex;flex-shrink:0;gap:1rem;padding:1.35rem 1.75rem}[data-theme=dark] .bces-header{background:linear-gradient(135deg,#3b82f621,#60a5fa12);border-bottom-color:#3b82f62e}.bces-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.bces-header-icon .material-symbols-rounded{font-size:1.3rem}.bces-header-text{flex:1 1;min-width:0}.bces-header-text h2{color:#1e40af;font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .18rem}[data-theme=dark] .bces-header-text h2{color:#93c5fd}.bces-header-text p{font-size:.8rem;margin:0}.bces-close-btn,.bces-header-text p{color:#64748b;color:var(--text-secondary,#64748b)}.bces-close-btn{align-items:center;background:#fffc;border:1px solid #e2e8f0b3;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;margin-left:auto;padding:6px;transition:background .18s,color .18s,border-color .18s}.bces-close-btn:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444}[data-theme=dark] .bces-close-btn{background:#ffffff0f;border-color:#ffffff1a}.bces-message{align-items:center;border-bottom:1px solid #0000;display:flex;flex-shrink:0;font-size:.82rem;font-weight:500;gap:.5rem;padding:.6rem 1.75rem}.bces-message .material-symbols-rounded{flex-shrink:0;font-size:1rem}.bces-message.error{background:#fef2f2;border-bottom-color:#fecaca;color:#b91c1c}.bces-message.success{background:#f0fdf4;border-bottom-color:#bbf7d0;color:#166534}.bces-message.info{background:#eff6ff;border-bottom-color:#bfdbfe;color:#1d4ed8}[data-theme=dark] .bces-message.error{background:#ef44441a;border-bottom-color:#ef444433;color:#fca5a5}[data-theme=dark] .bces-message.success{background:#22c55e1a;border-bottom-color:#22c55e33;color:#86efac}[data-theme=dark] .bces-message.info{background:#3b82f61a;border-bottom-color:#3b82f633;color:#93c5fd}.bces-controls-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;flex-shrink:0;gap:.9rem;padding:1.1rem 1.75rem}[data-theme=dark] .bces-controls-section{border-bottom-color:#1e293b;border-bottom-color:var(--border-color,#1e293b)}.bces-controls-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.25rem}.bces-field{display:flex;flex-direction:column;gap:.38rem}.bces-label{align-items:center;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.75rem;font-weight:600;gap:.35rem;letter-spacing:.05em;text-transform:uppercase}[data-theme=dark] .bces-label{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.bces-label .material-symbols-rounded{color:#3b82f6;font-size:.95rem}.bces-label .bces-required{color:#ef4444;margin-left:1px}.bces-input,.bces-select{background:#f8fafc;background:var(--input-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:9px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;height:38px;outline:none;padding:0 .85rem;transition:border-color .18s,box-shadow .18s,background .18s}[data-theme=dark] .bces-input,[data-theme=dark] .bces-select{background:#1e293b;background:var(--input-bg,#1e293b);border-color:#334155;border-color:var(--border-color,#334155);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.bces-input:focus,.bces-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f621}[data-theme=dark] .bces-input:focus,[data-theme=dark] .bces-select:focus{background:#3b82f60f}.bces-field-year .bces-select{min-width:160px}.bces-field-cap .bces-input{width:120px}.bces-capacity-row{align-items:center;display:flex;gap:.5rem}.bces-btn-apply{align-items:center;background:#eff6ff;border:1.5px solid #3b82f6;border-radius:9px;color:#2563eb;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;gap:.35rem;height:38px;padding:0 1rem;transition:background .15s,box-shadow .15s;white-space:nowrap}.bces-btn-apply .material-symbols-rounded{font-size:.95rem}.bces-btn-apply:hover:not(:disabled){background:#dbeafe;box-shadow:0 2px 8px #3b82f633}.bces-btn-apply:disabled{cursor:not-allowed;opacity:.4}[data-theme=dark] .bces-btn-apply{background:#3b82f61f;border-color:#3b82f666;color:#93c5fd}.bces-info-strip{align-items:center;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;flex-wrap:wrap;font-size:.78rem;gap:.5rem;line-height:1.5;padding:.55rem .9rem}[data-theme=dark] .bces-info-strip{background:#3b82f614;border-color:#3b82f633;color:#93c5fd}.bces-info-strip .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:.95rem}.bces-info-sep{color:#cbd5e1;color:var(--border-color,#cbd5e1);font-weight:300;margin:0 .1rem}.bces-info-chip{align-items:center;background:#3b82f61a;border-radius:5px;display:inline-flex;font-weight:600;gap:.25rem;padding:.1rem .45rem}[data-theme=dark] .bces-info-chip{background:#3b82f62e;color:#93c5fd}.bces-table-wrap{flex:1 1;overflow-x:auto;overflow-y:auto}.bces-empty,.bces-loading{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;font-size:.9rem;gap:.85rem;justify-content:center;padding:4rem 2rem}.bces-empty .material-symbols-rounded,.bces-loading .material-symbols-rounded{font-size:2.4rem;opacity:.35}.bces-empty-title{color:#374151;color:var(--text-primary,#374151);font-size:.95rem;font-weight:600}.bces-empty-sub{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.82rem;line-height:1.5;max-width:340px;text-align:center}.bces-spin{animation:bcesSpin .9s linear infinite;display:inline-block}@keyframes bcesSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bces-table{border-collapse:collapse;font-size:.83rem;min-width:900px;width:100%}.bces-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.bces-table thead tr{background:#f8fafc;background:var(--surface-secondary,#f8fafc)}[data-theme=dark] .bces-table thead tr{background:#1e293b}.bces-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.7rem .9rem;text-align:left;text-transform:uppercase;white-space:nowrap}[data-theme=dark] .bces-table th{border-bottom-color:#334155;color:#94a3b8}.bces-th-check{text-align:center;width:48px}.bces-th-section{width:18%}.bces-th-name{min-width:220px}.bces-th-cap,.bces-th-room{width:120px}.bces-th-remarks{min-width:160px}.bces-table tbody tr{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);transition:background .12s}[data-theme=dark] .bces-table tbody tr{border-bottom-color:#1e293b}.bces-table tbody tr:last-child{border-bottom:none}.bces-row-checked:hover{background:#3b82f608}.bces-row-unchecked{opacity:.42}.bces-row-unchecked:hover{background:#f8fafc;background:var(--surface-secondary,#f8fafc);opacity:.55}[data-theme=dark] .bces-row-unchecked{background:#ffffff03}.bces-table td{padding:.45rem .9rem;vertical-align:middle}.bces-td-check{padding-left:.75rem;padding-right:.75rem;text-align:center}.bces-checkbox{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;position:relative;width:20px}.bces-checkbox input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.bces-checkmark{align-items:center;background:#f8fafc;background:var(--input-bg,#f8fafc);border:2px solid #cbd5e1;border:2px solid var(--border-color,#cbd5e1);border-radius:5px;display:flex;height:18px;justify-content:center;pointer-events:none;transition:background .18s,border-color .18s,box-shadow .18s;width:18px}[data-theme=dark] .bces-checkmark{background:#ffffff0d;border-color:#475569}.bces-checkmark .material-symbols-rounded{color:#fff;font-size:13px;opacity:0;transform:scale(.4);transition:opacity .18s,transform .18s}.bces-checkbox input:checked~.bces-checkmark{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f659}.bces-checkbox input:checked~.bces-checkmark .material-symbols-rounded{opacity:1;transform:scale(1)}.bces-checkbox input:indeterminate~.bces-checkmark{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.bces-checkbox input:indeterminate~.bces-checkmark .material-symbols-rounded{font-variation-settings:"FILL" 1;opacity:1;transform:scale(1)}.bces-checkbox:hover .bces-checkmark{background:#eff6ff;border-color:#3b82f6}[data-theme=dark] .bces-checkbox:hover .bces-checkmark{background:#3b82f61f}.bces-section-label{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:.83rem;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .bces-section-label{color:#e2e8f0}.bces-section-badge{align-items:center;background:#6366f11a;border-radius:4px;color:#6366f1;display:inline-flex;font-size:.67rem;font-weight:700;gap:.2rem;letter-spacing:.04em;margin-top:.18rem;padding:.08rem .38rem;text-transform:uppercase}[data-theme=dark] .bces-section-badge{background:#6366f12e;color:#a5b4fc}.bces-cell-input{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:.82rem;height:34px;outline:none;padding:0 .65rem;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.bces-cell-input::placeholder{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.bces-cell-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.bces-cell-input:disabled{background:#0000;border-color:#0000;box-shadow:none;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:not-allowed}[data-theme=dark] .bces-cell-input{background:#0f172a80;border-color:#334155;color:#f1f5f9}[data-theme=dark] .bces-cell-input:focus{background:#3b82f612;border-color:#3b82f6}[data-theme=dark] .bces-cell-input:disabled{background:#0000;border-color:#0000}.bces-cell-input-num{padding-right:.55rem;text-align:right}.bces-footer{align-items:center;background:#f8fafc;background:var(--surface-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1rem 1.75rem}[data-theme=dark] .bces-footer{background:#1e293b;border-top-color:#334155}.bces-footer-count{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.82rem;font-weight:500;gap:.4rem}.bces-footer-count strong{color:#3b82f6;font-size:.9rem}.bces-footer-actions{align-items:center;display:flex;gap:.75rem}.bces-btn-cancel{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:10px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.875rem;font-weight:600;height:40px;padding:0 1.3rem;transition:background .15s,border-color .15s}.bces-btn-cancel:hover:not(:disabled){background:#f1f5f9;background:var(--surface-secondary,#f1f5f9);border-color:#94a3b8}.bces-btn-cancel:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .bces-btn-cancel{background:#ffffff0a;border-color:#334155;color:#94a3b8}.bces-btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:10px;box-shadow:0 3px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.4rem;height:40px;padding:0 1.5rem;transition:opacity .15s,transform .12s,box-shadow .15s}.bces-btn-primary:hover:not(:disabled){box-shadow:0 5px 18px #6366f166;opacity:.92;transform:translateY(-1px)}.bces-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.bces-btn-primary .material-symbols-rounded{font-size:1rem}.bces-result-modal{animation:bcesSlideIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f099;border:1px solid var(--border-color,#e2e8f099);border-radius:18px;box-shadow:0 32px 100px #00000047;display:flex;flex-direction:column;max-height:82vh;max-width:820px;overflow:hidden;width:90vw}[data-theme=dark] .bces-result-modal{background:#0f172a;background:var(--card-bg,#0f172a);border-color:#33415580}.bces-result-header{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #16a34a26;display:flex;flex-shrink:0;gap:.75rem;padding:1.1rem 1.5rem}[data-theme=dark] .bces-result-header{background:linear-gradient(135deg,#16a34a1a,#10b98112);border-bottom-color:#16a34a2e}.bces-result-header .material-symbols-rounded:first-child{color:#16a34a;font-size:1.4rem}.bces-result-header h3{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:1rem;font-weight:700;margin:0}[data-theme=dark] .bces-result-header h3{color:#f1f5f9}.bces-result-summary{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.85rem;padding:.9rem 1.5rem}[data-theme=dark] .bces-result-summary{border-bottom-color:#334155}.bces-result-pill{align-items:center;border-radius:20px;display:flex;font-size:.82rem;font-weight:700;gap:.4rem;padding:.4rem 1rem}.bces-result-pill .material-symbols-rounded{font-size:1rem}.bces-result-pill.success{background:#dcfce7;color:#166534}.bces-result-pill.failed{background:#fee2e2;color:#991b1b}[data-theme=dark] .bces-result-pill.success{background:#22c55e26;color:#86efac}[data-theme=dark] .bces-result-pill.failed{background:#ef444426;color:#fca5a5}.bces-result-table-wrap{flex:1 1;overflow-y:auto;padding:0}.bces-result-table{border-collapse:collapse;font-size:.82rem;width:100%}.bces-result-table th{background:#f8fafc;background:var(--surface-secondary,#f8fafc);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:.71rem;font-weight:700;letter-spacing:.05em;padding:.65rem 1.1rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}[data-theme=dark] .bces-result-table th{background:#1e293b;border-bottom-color:#334155;color:#94a3b8}.bces-result-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);color:#334155;color:var(--text-primary,#334155);padding:.6rem 1.1rem;vertical-align:middle}[data-theme=dark] .bces-result-table td{border-bottom-color:#1e293b;color:#e2e8f0}.bces-result-row.success td{background:#22c55e08}.bces-result-row.failed td{background:#ef44440a}.bces-result-section{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600}[data-theme=dark] .bces-result-section{color:#f1f5f9}.bces-result-msg{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:.77rem;max-width:260px;word-break:break-word}.bces-status-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.22rem .65rem;text-transform:uppercase}.bces-status-badge.success{background:#dcfce7;color:#166534}.bces-status-badge.failed{background:#fee2e2;color:#991b1b}[data-theme=dark] .bces-status-badge.success{background:#22c55e2e;color:#86efac}[data-theme=dark] .bces-status-badge.failed{background:#ef44442e;color:#fca5a5}.bces-result-footer{background:#f8fafc;background:var(--surface-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;justify-content:flex-end;padding:.9rem 1.5rem}[data-theme=dark] .bces-result-footer{background:#1e293b;border-top-color:#334155}.baf-overlay{align-items:center;animation:bafOverlayIn .15s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000}@keyframes bafOverlayIn{0%{opacity:0}to{opacity:1}}.baf-popup{animation:bafPopupIn .2s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;max-height:calc(100vh - 4rem);max-width:calc(100vw - 2rem);overflow:hidden;width:480px}[data-theme=dark] .baf-popup{background:#1f2937;background:var(--card-bg,#1f2937);border-color:#374151;border-color:var(--border-color,#374151);box-shadow:0 24px 60px #00000080}@keyframes bafPopupIn{0%{opacity:0;transform:scale(.93) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.baf-header{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:1.1rem 1.25rem .9rem}[data-theme=dark] .baf-header{background:linear-gradient(135deg,#8b5cf626,#6366f11a);border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}.baf-header-left{align-items:center;display:flex;gap:.6rem}.baf-header-icon{color:#7c3aed;font-size:1.4rem}[data-theme=dark] .baf-header-icon{color:#a78bfa}.baf-header h2{color:#4c1d95;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0}[data-theme=dark] .baf-header h2{color:#ede9fe}.baf-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s ease,color .2s ease}.baf-close-btn:hover{background:#00000014;color:#4c1d95}[data-theme=dark] .baf-close-btn:hover{background:#ffffff1a;color:#a78bfa}.baf-body{display:flex;flex:1 1;flex-direction:column;gap:1.1rem;overflow-y:auto;padding:1.25rem}.baf-loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.875rem;gap:.5rem;padding:1rem 0}.baf-field{display:flex;flex-direction:column;gap:.4rem}.baf-field label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.baf-required-star{color:#ef4444;margin-left:2px}.baf-optional{font-size:.75rem;font-weight:400;letter-spacing:0;text-transform:none}.baf-hint,.baf-optional{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.baf-hint{font-size:.72rem;margin-top:2px}.baf-select-wrapper{align-items:center;display:flex;position:relative}.baf-select-icon{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:1rem;left:.65rem;pointer-events:none;position:absolute;z-index:1}.baf-select-wrapper select{appearance:none;-webkit-appearance:none;background:#f9fafb;background:var(--input-bg,#f9fafb);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:10px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:.875rem;padding:.55rem .75rem .55rem 2.1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.baf-select-wrapper select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626;outline:none}.baf-select-wrapper select.has-value{background-color:#faf5ff;border-color:#8b5cf6;color:#4c1d95}[data-theme=dark] .baf-select-wrapper select{background-color:#111827;background-color:var(--input-bg,#111827);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .baf-select-wrapper select.has-value{background-color:#8b5cf61a;border-color:#7c3aed;color:#c4b5fd}.baf-type-pills{display:flex;flex-wrap:wrap;gap:.4rem}.baf-type-pill{background:#f9fafb;background:var(--input-bg,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:20px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.8rem;font-weight:500;padding:.35rem .85rem;transition:all .18s ease}.baf-type-pill:hover{background:#faf5ff;border-color:#8b5cf6;color:#7c3aed}.baf-type-pill.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed4d;color:#fff}[data-theme=dark] .baf-type-pill{background:#ffffff0d;border-color:#374151;border-color:var(--border-color,#374151);color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .baf-type-pill:hover{background:#8b5cf61a;border-color:#8b5cf6;color:#a78bfa}[data-theme=dark] .baf-type-pill.active{background:linear-gradient(135deg,#8b5cf666,#7c3aed59);border-color:#8b5cf6;color:#ede9fe}.baf-date-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.baf-input-wrapper{align-items:center;display:flex;position:relative}.baf-input-icon{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:1rem;left:.65rem;pointer-events:none;position:absolute}.baf-input-wrapper input[type=date]{background:#f9fafb;background:var(--input-bg,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:10px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:.875rem;padding:.55rem .75rem .55rem 2.1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.baf-input-wrapper input[type=date]:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626;outline:none}[data-theme=dark] .baf-input-wrapper input[type=date]{background:#111827;background:var(--input-bg,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb);color-scheme:dark}.baf-banner{align-items:center;border-radius:10px;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.65rem .875rem}.baf-banner--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.baf-banner--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}[data-theme=dark] .baf-banner--error{background:#ef44441a;border-color:#ef44444d;color:#f87171}[data-theme=dark] .baf-banner--success{background:#22c55e1a;border-color:#22c55e4d;color:#4ade80}.baf-footer{align-items:center;background:#fff;background:var(--card-bg,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:.9rem 1.25rem}[data-theme=dark] .baf-footer{background:#1f2937;background:var(--card-bg,#1f2937);border-top-color:#374151;border-top-color:var(--border-color,#374151)}.baf-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.55rem 1.1rem;transition:all .2s ease}.baf-btn:disabled{cursor:not-allowed;opacity:.55}.baf-btn--cancel{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);color:#6b7280;color:var(--text-secondary,#6b7280)}.baf-btn--cancel:hover:not(:disabled){background:#e5e7eb;background:var(--hover-bg,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}[data-theme=dark] .baf-btn--cancel{background:#ffffff0f;border-color:#374151;border-color:var(--border-color,#374151);color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .baf-btn--cancel:hover:not(:disabled){background:#ffffff1a}.baf-btn--submit{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 2px 8px #7c3aed59;color:#fff}.baf-btn--submit:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7c3aed);box-shadow:0 4px 14px #7c3aed73;transform:translateY(-1px)}.baf-btn--submit:active:not(:disabled){transform:translateY(0)}[data-theme=dark] .baf-btn--submit{background:linear-gradient(135deg,#7c3aed59,#8b5cf64d);box-shadow:none;color:#ede9fe}@keyframes bafSpin{to{transform:rotate(1turn)}}.baf-spin{animation:bafSpin .9s linear infinite;display:inline-block}.baf-body::-webkit-scrollbar{width:5px}.baf-body::-webkit-scrollbar-track{background:#0000}.baf-body::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-color,#d1d5db);border-radius:3px}@media (max-width:520px){.baf-popup{width:calc(100vw - 1rem)}.baf-date-row{grid-template-columns:1fr}.baf-type-pills{gap:.3rem}.baf-type-pill{font-size:.75rem;padding:.3rem .65rem}}@media (prefers-reduced-motion:reduce){.baf-overlay,.baf-popup,.baf-spin{animation:none}}.sb-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9000}.sb-popup{animation:sbSlideUp .22s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 24px 64px #00000038;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}[data-theme=dark] .sb-popup{background:#1e2433;background:var(--card-bg,#1e2433);box-shadow:0 24px 64px #0000008c}@keyframes sbSlideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sb-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:1.1rem 1.4rem}[data-theme=dark] .sb-header{border-bottom-color:#2d3748;border-bottom-color:var(--border-color,#2d3748)}.sb-header-left{align-items:center;display:flex;gap:.75rem}.sb-header-icon{color:#6366f1;font-size:1.6rem}.sb-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:700;margin:0}[data-theme=dark] .sb-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.sb-subtitle{font-size:.8rem;margin:.15rem 0 0}.sb-close,.sb-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280)}.sb-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;padding:6px;transition:background .18s}.sb-close:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}[data-theme=dark] .sb-close:hover{background:#2d3748;background:var(--hover-bg,#2d3748)}.sb-steps{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;gap:0;padding:.85rem 1.4rem}[data-theme=dark] .sb-steps{border-bottom-color:#2d3748;border-bottom-color:var(--border-color,#2d3748)}.sb-step{flex-shrink:0;gap:.45rem}.sb-step,.sb-step-circle{align-items:center;display:flex}.sb-step-circle{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:50%;color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem;font-weight:700;height:28px;justify-content:center;transition:all .2s;width:28px}.sb-step-circle .material-symbols-rounded{font-size:1rem}.sb-step.active .sb-step-circle{background:#6366f1;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;color:#fff}.sb-step.done .sb-step-circle{background:#10b981;border-color:#10b981;color:#fff}.sb-step-label{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.78rem;font-weight:500;white-space:nowrap}.sb-step.active .sb-step-label{color:#6366f1;font-weight:600}.sb-step.done .sb-step-label{color:#10b981}.sb-step-line{background:#e5e7eb;background:var(--border-color,#e5e7eb);flex:1 1;height:2px;margin:0 .5rem;transition:background .2s}.sb-step-line.done{background:#10b981}.sb-body{flex:1 1;overflow-y:auto;padding:1.4rem}.sb-step-content{display:flex;flex-direction:column;gap:1.1rem}.sb-section-title{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:.95rem;font-weight:600;gap:.4rem;margin:0}[data-theme=dark] .sb-section-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.sb-section-title .material-symbols-rounded{color:#6366f1;font-size:1.1rem}.sb-field-group{display:flex;flex-direction:column;gap:.35rem}.sb-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sb-select{background:#fff;background:var(--input-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:.9rem;outline:none;padding:.6rem .85rem;transition:border-color .18s,box-shadow .18s;width:100%}[data-theme=dark] .sb-select{background:#1a2035;background:var(--input-bg,#1a2035);border-color:#374151;border-color:var(--border-color,#374151);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.sb-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.sb-date-trigger{align-items:center;background:#fff;background:var(--input-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem .85rem;text-align:left;transition:border-color .18s,box-shadow .18s;width:100%}[data-theme=dark] .sb-date-trigger{background:#1a2035;background:var(--input-bg,#1a2035);border-color:#374151;border-color:var(--border-color,#374151);color:#6b7280;color:var(--text-secondary,#6b7280)}.sb-date-trigger:hover{border-color:#6366f1}.sb-date-trigger:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.sb-date-trigger.has-value{background:#6366f10a;border-color:#6366f1;color:#1f2937;color:var(--text-primary,#1f2937)}[data-theme=dark] .sb-date-trigger.has-value{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.sb-date-trigger .material-symbols-rounded:first-child{color:#6366f1;flex-shrink:0;font-size:1.1rem}.sb-date-trigger-arrow{color:#9ca3af!important;color:var(--text-secondary,#9ca3af)!important;flex-shrink:0;font-size:1rem!important;margin-left:auto}.sb-context-chip{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:20px;color:#6366f1;display:inline-flex;flex-wrap:wrap;font-size:.78rem;font-weight:500;gap:.4rem;padding:.35rem .85rem}.sb-context-chip .material-symbols-rounded{font-size:.9rem}.sb-chip-divider{background:#6366f14d;height:14px;margin:0 .2rem;width:1px}.sb-search-bar{align-items:center;background:#f8fafc;background:var(--input-bg,#f8fafc);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;display:flex;gap:.5rem;padding:0 .75rem}[data-theme=dark] .sb-search-bar{background:#1a2035;background:var(--input-bg,#1a2035);border-color:#374151;border-color:var(--border-color,#374151)}.sb-search-bar .material-symbols-rounded{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:1.1rem}.sb-search-bar input{background:#0000;border:none;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:.88rem;outline:none;padding:.6rem 0}[data-theme=dark] .sb-search-bar input{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.sb-student-list{display:flex;flex-direction:column;gap:.4rem;max-height:280px;overflow-y:auto;padding-right:2px}.sb-student-row{align-items:center;background:#f8fafc;background:var(--hover-bg,#f8fafc);border:1.5px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.65rem .85rem;transition:all .15s}[data-theme=dark] .sb-student-row{background:#ffffff08}.sb-student-row:hover{background:#6366f10f;border-color:#6366f1}.sb-student-row.selected{background:#6366f11a;border-color:#6366f1}.sb-student-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:34px;justify-content:center;width:34px}.sb-student-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem}.sb-student-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.88rem;font-weight:600}[data-theme=dark] .sb-student-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.sb-student-id{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-family:monospace;font-size:.72rem}.sb-student-program{color:#6366f1;font-size:.72rem;font-weight:500}.sb-enrolled-badge{background:#10b9811f;border-radius:4px;color:#10b981;flex-shrink:0;font-size:.68rem;font-weight:600;padding:2px 6px}.sb-check{color:#6366f1;font-size:1.2rem}.sb-blocked-banner{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;display:flex;font-size:.88rem;font-weight:500;gap:.6rem;padding:.75rem 1rem}.sb-blocked-banner .material-symbols-rounded{font-size:1.2rem}.sb-loading-slots{color:#9ca3af;color:var(--text-secondary,#9ca3af);flex-direction:column;font-size:.9rem;gap:.75rem;padding:2rem}.sb-loading-slots,.sb-week-nav{align-items:center;display:flex}.sb-week-nav{background:#f8fafc;background:var(--hover-bg,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;justify-content:space-between;padding:.4rem .5rem}[data-theme=dark] .sb-week-nav{background:#ffffff0a;border-color:#2d3748;border-color:var(--border-color,#2d3748)}.sb-week-label{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.82rem;font-weight:600}[data-theme=dark] .sb-week-label{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.sb-week-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;padding:4px 8px;transition:all .15s}.sb-week-btn:hover:not(:disabled){background:#6366f11f;color:#6366f1}.sb-week-btn:disabled{cursor:not-allowed;opacity:.35}.sb-legend{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.75rem;gap:1rem}.sb-legend-dot{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}.sb-legend-dot.slot-open{background:#10b981}.sb-legend-dot.slot-low{background:#f59e0b}.sb-legend-dot.slot-full{background:#6b7280}.sb-timetable-scroll{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;overflow-x:auto}[data-theme=dark] .sb-timetable-scroll{border-color:#2d3748;border-color:var(--border-color,#2d3748)}.sb-timetable{border-collapse:collapse;min-width:420px;width:100%}.sb-tt-time-hdr{background:#f8fafc;background:var(--hover-bg,#f8fafc);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);color:#9ca3af;color:var(--text-secondary,#9ca3af);padding:.6rem .5rem;text-align:center;width:80px}.sb-tt-time-hdr .material-symbols-rounded{font-size:1.1rem}.sb-tt-day-hdr{background:#f8fafc;background:var(--hover-bg,#f8fafc);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);border-left:1px solid #e5e7eb;border-left:1px solid var(--border-color,#e5e7eb);min-width:110px;padding:.55rem .4rem;text-align:center}[data-theme=dark] .sb-tt-day-hdr,[data-theme=dark] .sb-tt-time-hdr{background:#ffffff08;border-color:#2d3748;border-color:var(--border-color,#2d3748)}.sb-tt-day{color:#6366f1;display:block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sb-tt-date{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-size:.75rem;font-weight:600}[data-theme=dark] .sb-tt-date{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.sb-tt-time-cell{background:#f8fafc;background:var(--hover-bg,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:.5rem .4rem;text-align:center;vertical-align:middle;white-space:nowrap}[data-theme=dark] .sb-tt-time-cell{background:#ffffff05;border-color:#2d3748;border-color:var(--border-color,#2d3748)}.sb-tt-time-end,.sb-tt-time-start{color:#374151;color:var(--text-primary,#374151);display:block;font-size:.72rem;font-weight:600}[data-theme=dark] .sb-tt-time-end,[data-theme=dark] .sb-tt-time-start{color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.sb-tt-time-sep{color:#9ca3af;color:var(--text-secondary,#9ca3af);display:block;font-size:.6rem}.sb-tt-dur{color:#6366f1;display:block;font-size:.62rem;font-weight:500;margin-top:2px}.sb-tt-slot-cell{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);border-left:1px solid #e5e7eb;border-left:1px solid var(--border-color,#e5e7eb);padding:4px;vertical-align:top}[data-theme=dark] .sb-tt-slot-cell{border-color:#2d3748;border-color:var(--border-color,#2d3748)}.sb-tt-slot{border:1.5px solid #0000;border-radius:8px;display:flex;flex-direction:column;gap:.2rem;min-height:72px;padding:.45rem .5rem;transition:all .15s}.sb-tt-none{background:#0000;min-height:72px}.sb-tt-open{background:#10b98112;border-color:#10b98140}.sb-tt-low{background:#f59e0b12;border-color:#f59e0b40}.sb-tt-full{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-color:#e5e7eb;border-color:var(--border-color,#e5e7eb);opacity:.6}.sb-tt-selected{background:#6366f11a!important;border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f133}.sb-tt-clickable{cursor:pointer}.sb-tt-clickable:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-1px)}.sb-tt-disabled{cursor:not-allowed}.sb-tt-slot-top{align-items:center;display:flex;gap:.3rem}.sb-tt-status-label{border-radius:4px;font-size:.62rem;font-weight:700;letter-spacing:.04em;padding:1px 5px;text-transform:uppercase}.sb-tt-status-label.sb-tt-open{background:#d1fae5;color:#065f46}.sb-tt-status-label.sb-tt-low{background:#fef3c7;color:#92400e}.sb-tt-status-label.sb-tt-full{background:#f1f5f9;color:#475569}.sb-tt-sel-label{align-items:center;color:#6366f1;display:flex;font-size:.62rem;font-weight:700;gap:2px;letter-spacing:.04em;text-transform:uppercase}.sb-tt-sel-label .material-symbols-rounded{font-size:.85rem}.sb-tt-enr-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.72rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .sb-tt-enr-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.sb-tt-avail{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.65rem;gap:3px}.sb-tt-avail .material-symbols-rounded{font-size:.8rem}.sb-tt-hint{color:#6366f1;font-size:.6rem;margin-top:auto;opacity:.7}.sb-selection-summary{align-items:center;background:#6366f11a;border:1px solid #6366f140;border-radius:10px;color:#4338ca;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.65rem 1rem}[data-theme=dark] .sb-selection-summary{color:#a5b4fc}.sb-selection-summary .material-symbols-rounded{font-size:1.1rem}.sb-empty{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;flex-direction:column;font-size:.88rem;gap:.5rem;padding:2rem}.sb-empty .material-symbols-rounded{font-size:2rem;opacity:.5}.sb-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;padding-top:.5rem}[data-theme=dark] .sb-actions{border-top-color:#2d3748;border-top-color:var(--border-color,#2d3748)}.sb-btn-secondary{align-items:center;background:none;border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:.35rem;padding:.55rem 1.1rem;transition:all .15s}.sb-btn-secondary:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}[data-theme=dark] .sb-btn-secondary{border-color:#374151;border-color:var(--border-color,#374151);color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.sb-btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:10px;box-shadow:0 2px 8px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:.88rem;font-weight:700;gap:.4rem;padding:.55rem 1.3rem;transition:all .15s}.sb-btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #6366f173;transform:translateY(-1px)}.sb-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.sb-btn-primary .material-symbols-rounded,.sb-btn-secondary .material-symbols-rounded{font-size:1rem}.sb-spinner{animation:sbSpin .6s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:14px;width:14px}.sb-spinner.large{border-color:#6366f1 #6366f140 #6366f140;height:28px;width:28px}@keyframes sbSpin{to{transform:rotate(1turn)}}.sb-step-calendar .sb-body-scroll{overflow-x:hidden}.sb-body::-webkit-scrollbar,.sb-student-list::-webkit-scrollbar{width:5px}.sb-body::-webkit-scrollbar-track,.sb-student-list::-webkit-scrollbar-track{background:#0000}.sb-body::-webkit-scrollbar-thumb,.sb-student-list::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-color,#d1d5db);border-radius:3px}@media (max-width:600px){.sb-popup{border-radius:12px 12px 0 0;max-height:95vh;max-width:100%}.sb-overlay{align-items:flex-end;padding:0}.sb-date-row{grid-template-columns:1fr}.sb-steps{gap:0;overflow-x:auto}.sb-step-label{display:none}.sb-week-label{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.sb-popup,.sb-spinner{animation:none}}.esv-root{animation:esv-enter .22s cubic-bezier(.34,1.1,.64,1);background:#fff;background:var(--enroll-table-bg,#fff);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}@keyframes esv-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.esv-header{align-items:center;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--enroll-table-header-border,#e2e8f0);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.9rem 1.25rem .75rem}[data-theme=dark] .esv-header{background:linear-gradient(135deg,#3b82f617,#10b9810f);border-bottom-color:#ffffff12}.esv-header-left{align-items:center;display:flex;gap:.75rem;min-width:0}.esv-header-right{flex-wrap:wrap;gap:.5rem}.esv-header-icon,.esv-header-right{align-items:center;display:flex;flex-shrink:0}.esv-header-icon{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:11px;color:#3b82f6;height:42px;justify-content:center;width:42px}[data-theme=dark] .esv-header-icon{background:#3b82f62e;color:#60a5fa}.esv-header-icon .material-symbols-rounded{font-size:1.4rem}.esv-title{color:#1e293b;color:var(--enroll-table-cell-text,#1e293b);font-size:1.1rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.esv-subtitle{align-items:center;color:#64748b;color:var(--enroll-table-header-text,#64748b);display:flex;flex-wrap:wrap;font-size:.82rem;gap:.4rem;margin:.14rem 0 0}.esv-grade-pill{align-items:center;background:#8b5cf61a;border-radius:20px;color:#6d28d9;display:inline-flex;font-size:.76rem;font-weight:600;gap:.2rem;padding:.12rem .5rem}[data-theme=dark] .esv-grade-pill{background:#8b5cf633;color:#c4b5fd}.esv-grade-pill .material-symbols-rounded{font-size:.82rem}.esv-year-chip{background:#3b82f61a;border-radius:20px;color:#2563eb;font-size:.76rem;font-weight:600;padding:.12rem .5rem}[data-theme=dark] .esv-year-chip{background:#3b82f633;color:#60a5fa}.esv-stat-pills{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem}.esv-stat-pill{border-radius:20px;font-size:.75rem;font-weight:700;padding:.2rem .6rem}.esv-stat-pill--open{background:#dcfce7;color:#166534}.esv-stat-pill--available{background:#dbeafe;color:#1e40af}.esv-stat-pill--filling{background:#fef9c3;color:#854d0e}.esv-stat-pill--full{background:#fee2e2;color:#991b1b}[data-theme=dark] .esv-stat-pill--open{background:#16a34a33;color:#86efac}[data-theme=dark] .esv-stat-pill--available{background:#3b82f633;color:#93c5fd}[data-theme=dark] .esv-stat-pill--filling{background:#eab30833;color:#fde047}[data-theme=dark] .esv-stat-pill--full{background:#ef444433;color:#fca5a5}.esv-today-badge{align-items:center;background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-radius:20px;color:#065f46;display:flex;font-size:.78rem;font-weight:600;gap:.3rem;padding:.28rem .7rem}[data-theme=dark] .esv-today-badge{background:#10b9812e;color:#6ee7b7}.esv-today-badge .material-symbols-rounded{font-size:.9rem}.esv-filters{align-items:center;background:#fff;background:var(--enroll-table-bg,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--enroll-table-header-border,#e2e8f0);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.85rem;padding:.65rem 1.25rem}[data-theme=dark] .esv-filters{border-bottom-color:#ffffff12}.esv-filter-group{align-items:center;display:flex;gap:.4rem}.esv-filter-group--days{flex:1 1;flex-wrap:wrap}.esv-filter-lbl{align-items:center;color:#64748b;color:var(--enroll-table-header-text,#64748b);display:flex;font-size:.75rem;font-weight:700;gap:.2rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.esv-filter-lbl .material-symbols-rounded{font-size:.88rem}.esv-day-pills{display:flex;flex-wrap:wrap;gap:.25rem}.esv-day-pill{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--enroll-table-header-border,#e2e8f0);border-radius:20px;color:#64748b;color:var(--enroll-table-header-text,#64748b);cursor:pointer;font-size:.76rem;font-weight:700;line-height:1;padding:.3rem .65rem;transition:all .14s}.esv-day-pill:hover{background:#3b82f60f;border-color:#3b82f6;color:#2563eb}.esv-day-pill--active{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#0000;color:#fff!important}.esv-day-pill--today:not(.esv-day-pill--active){border-color:#3b82f6;color:#2563eb}[data-theme=dark] .esv-day-pill{border-color:#ffffff1f;color:#94a3b8;color:var(--enroll-table-header-text,#94a3b8)}[data-theme=dark] .esv-day-pill:hover{background:#3b82f61a;border-color:#3b82f680;color:#93c5fd}[data-theme=dark] .esv-day-pill--today:not(.esv-day-pill--active){border-color:#3b82f680;color:#93c5fd}.esv-clear-btn{align-items:center;background:#fee2e2;border:1.5px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.25rem;padding:.32rem .68rem;transition:background .14s;white-space:nowrap}.esv-clear-btn:hover{background:#fecaca}[data-theme=dark] .esv-clear-btn{background:#ef44441f;border-color:#ef44444d;color:#f87171}.esv-clear-btn .material-symbols-rounded{font-size:.9rem}.esv-stats{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--enroll-table-header-border,#e2e8f0);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.25rem;padding:.55rem 1.25rem}[data-theme=dark] .esv-stats{background:#ffffff08;border-bottom-color:#ffffff12}.esv-stat{align-items:center;display:flex;gap:.4rem;padding:0 .85rem}.esv-stat:first-child{padding-left:0}.esv-stat-icon{color:#64748b;font-size:1.05rem}.esv-stat--green .esv-stat-icon{color:#16a34a}.esv-stat--amber .esv-stat-icon{color:#ca8a04}.esv-stat--red .esv-stat-icon{color:#dc2626}[data-theme=dark] .esv-stat-icon{color:#94a3b8}[data-theme=dark] .esv-stat--green .esv-stat-icon{color:#86efac}[data-theme=dark] .esv-stat--amber .esv-stat-icon{color:#fde047}[data-theme=dark] .esv-stat--red .esv-stat-icon{color:#fca5a5}.esv-stat-text{display:flex;flex-direction:column;line-height:1.2}.esv-stat-val{color:#1e293b;color:var(--enroll-table-cell-text,#1e293b);font-size:.97rem;font-weight:800;letter-spacing:-.02em}.esv-stat-lbl{color:#94a3b8;color:var(--enroll-table-header-text,#94a3b8);font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.esv-stat-sep{align-self:center;background:#e2e8f0;background:var(--enroll-table-header-border,#e2e8f0);height:24px;width:1px}[data-theme=dark] .esv-stat-sep{background:#ffffff1a}.esv-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:.8rem 1rem .9rem}.esv-grid{grid-gap:.7rem;align-items:start;display:grid;flex:1 1;gap:.7rem;grid-template-columns:repeat(6,minmax(170px,1fr));grid-template-columns:repeat(var(--col-count,6),minmax(170px,1fr));overflow-x:auto;overflow-y:auto;padding-bottom:.5rem}.esv-grid::-webkit-scrollbar{height:6px;width:6px}.esv-grid::-webkit-scrollbar-track{background:#0000}.esv-grid::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--enroll-table-header-border,#cbd5e1);border-radius:3px}[data-theme=dark] .esv-grid::-webkit-scrollbar-thumb{background:#ffffff1f}.esv-day-col{background:#fff;background:var(--enroll-table-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--enroll-table-header-border,#e2e8f0);border-radius:12px;min-height:90px;overflow:hidden;transition:box-shadow .17s}.esv-day-col:hover{box-shadow:0 6px 18px #00000012;box-shadow:var(--enroll-row-hover-shadow,0 6px 18px #00000012)}[data-theme=dark] .esv-day-col{background:hsla(0,0%,100%,.035);border-color:#ffffff17}.esv-day-col--empty{opacity:.6}.esv-day-col--today{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f624}[data-theme=dark] .esv-day-col--today{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa2e}.esv-day-head{align-items:center;background:linear-gradient(135deg,#f8faff,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--enroll-table-header-border,#e2e8f0);display:flex;justify-content:space-between;padding:.55rem .75rem .5rem}[data-theme=dark] .esv-day-head{background:#3b82f612;border-bottom-color:#ffffff12}.esv-day-col--today .esv-day-head{background:linear-gradient(135deg,#dbeafe,#eff6ff)}[data-theme=dark] .esv-day-col--today .esv-day-head{background:#3b82f624}.esv-day-head-left{align-items:center;display:flex;gap:.32rem}.esv-day-short{color:#1e293b;color:var(--enroll-table-cell-text,#1e293b);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}[data-theme=dark] .esv-day-short{color:#e2e8f0;color:var(--enroll-table-cell-text,#e2e8f0)}.esv-day-full-label{color:#94a3b8;color:var(--enroll-table-header-text,#94a3b8);display:none;font-size:.75rem;font-weight:500}.esv-today-dot{animation:esv-pulse 2s infinite;background:#3b82f6;border-radius:50%;box-shadow:0 0 0 2px #3b82f640;height:6px;width:6px}@keyframes esv-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.esv-day-count{background:#3b82f6;border-radius:20px;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:.08rem .4rem;text-align:center}.esv-day-body{gap:.45rem;padding:.55rem .5rem}.esv-day-body,.esv-empty-day{display:flex;flex-direction:column}.esv-empty-day{align-items:center;color:#94a3b8;color:var(--enroll-table-header-text,#94a3b8);font-size:.75rem;font-weight:500;gap:.25rem;justify-content:center;padding:1.4rem .5rem;text-align:center}.esv-empty-day .material-symbols-rounded{font-size:1.4rem;opacity:.35}.esv-card{animation:esv-card-in .2s ease both;border:1.5px solid;border-radius:10px;cursor:default;display:flex;flex-direction:column;gap:.35rem;padding:.6rem .65rem;transition:transform .13s,box-shadow .13s}@keyframes esv-card-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.esv-card:hover{box-shadow:0 5px 16px #0000001c;transform:translateY(-2px)}.esv-card--open{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#86efac}.esv-card--available{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#93c5fd}.esv-card--filling{background:linear-gradient(135deg,#fef9c3,#fefce8);border-color:#fde047}.esv-card--full{background:linear-gradient(135deg,#fee2e2,#fff1f2);border-color:#fca5a5}[data-theme=dark] .esv-card--open{background:#16a34a1f;border-color:#16a34a4d}[data-theme=dark] .esv-card--available{background:#3b82f61f;border-color:#3b82f64d}[data-theme=dark] .esv-card--filling{background:#eab3081f;border-color:#eab3084d}[data-theme=dark] .esv-card--full{background:#ef44441f;border-color:#ef44444d}.esv-card-time-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:space-between}.esv-card-time{align-items:center;color:#1e293b;color:var(--enroll-table-cell-text,#1e293b);display:flex;flex-wrap:wrap;font-size:.82rem;font-weight:700;gap:.2rem}[data-theme=dark] .esv-card-time{color:#e2e8f0;color:var(--enroll-table-cell-text,#e2e8f0)}.esv-card-arrow{font-size:.7rem;opacity:.45}.esv-card-dur{background:#00000014;border-radius:20px;color:#374151;color:var(--enroll-table-cell-text,#374151);font-size:.68rem;font-weight:700;padding:.05rem .32rem}[data-theme=dark] .esv-card-dur{background:#ffffff1f;color:#e2e8f0}.esv-card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.22rem}.esv-cap-badge{border-radius:20px;font-size:.68rem;font-weight:700;padding:.07rem .38rem}.esv-cap-badge--open{background:#dcfce7;color:#166534}.esv-cap-badge--available{background:#dbeafe;color:#1e40af}.esv-cap-badge--filling{background:#fef9c3;color:#854d0e}.esv-cap-badge--full{background:#fee2e2;color:#991b1b}[data-theme=dark] .esv-cap-badge--open{background:#16a34a40;color:#86efac}[data-theme=dark] .esv-cap-badge--available{background:#3b82f640;color:#93c5fd}[data-theme=dark] .esv-cap-badge--filling{background:#eab30840;color:#fde047}[data-theme=dark] .esv-cap-badge--full{background:#ef444440;color:#fca5a5}.esv-status-badge{background:#64748b1f;border-radius:20px;color:#475569;font-size:.67rem;font-weight:600;padding:.06rem .34rem}.esv-status-badge--active{background:#10b9811f;color:#065f46}.esv-status-badge--draft{background:#eab3081f;color:#854d0e}[data-theme=dark] .esv-status-badge{background:#ffffff14;color:#94a3b8}[data-theme=dark] .esv-status-badge--active{background:#10b98133;color:#86efac}[data-theme=dark] .esv-status-badge--draft{background:#eab30833;color:#fde047}.esv-card-section{align-items:flex-start;color:#374151;color:var(--enroll-table-cell-text,#374151);display:flex;font-size:.74rem;gap:.22rem;line-height:1.4}.esv-card-section .material-symbols-rounded{flex-shrink:0;font-size:.85rem;margin-top:.05rem;opacity:.6}.esv-card-section-path{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:600;overflow:hidden}.esv-card-meta{display:flex;flex-direction:column;gap:.18rem}.esv-meta-item{align-items:center;color:#64748b;color:var(--enroll-table-header-text,#64748b);display:flex;font-size:.74rem;gap:.22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.esv-meta-item .material-symbols-rounded{flex-shrink:0;font-size:.82rem;opacity:.75}.esv-card-cap{align-items:center;display:flex;gap:.35rem}.esv-cap-bar{background:#00000014;border-radius:3px;flex:1 1;height:5px;overflow:hidden}[data-theme=dark] .esv-cap-bar{background:#ffffff1a}.esv-cap-fill{border-radius:3px;height:100%;transition:width .4s ease}.esv-cap-fill--open{background:#16a34a}.esv-cap-fill--available{background:#3b82f6}.esv-cap-fill--filling{background:#ca8a04}.esv-cap-fill--full{background:#dc2626}.esv-cap-text{color:#64748b;color:var(--enroll-table-header-text,#64748b);font-size:.72rem;white-space:nowrap}.esv-cap-text strong{color:#374151;color:var(--enroll-table-cell-text,#374151);font-weight:700}.esv-seats-left{font-size:.69rem;opacity:.85}.esv-unlimited{color:#94a3b8;color:var(--enroll-table-header-text,#94a3b8);font-size:.72rem}.esv-card-open{align-items:center;align-self:flex-start;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #e2e8f0;border:1px solid var(--enroll-table-header-border,#e2e8f0);border-radius:7px;color:#0369a1;cursor:pointer;display:flex;font-size:.72rem;font-weight:600;gap:.28rem;margin-top:.12rem;padding:.25rem .5rem;transition:all .15s}[data-theme=dark] .esv-card-open{background:#3b82f61f;border-color:#3b82f633;color:#7dd3fc}.esv-card-open:hover{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.esv-card-open .material-symbols-rounded{font-size:.82rem}.esv-feedback{align-items:center;color:#64748b;color:var(--enroll-table-header-text,#64748b);display:flex;flex:1 1;flex-direction:column;gap:.7rem;justify-content:center;padding:2rem;text-align:center}.esv-feedback h3{color:#1e293b;color:var(--enroll-table-cell-text,#1e293b);font-size:1.05rem;font-weight:700;margin:0}[data-theme=dark] .esv-feedback h3{color:#e2e8f0;color:var(--enroll-table-cell-text,#e2e8f0)}.esv-feedback p{font-size:.88rem;margin:0;max-width:320px}.esv-empty-icon{font-size:3rem;opacity:.2}.view-mode-btn--slot.active{background:linear-gradient(135deg,#d1fae5,#ecfdf5)!important;color:#065f46!important}[data-theme=dark] .view-mode-btn--slot.active{background:#10b9812e!important;color:#6ee7b7!important}.pagination-wrapper.hidden{display:none!important}@media(min-width:900px){.esv-day-full-label{display:inline}}@media(max-width:1024px){.esv-grid{grid-template-columns:repeat(6,minmax(150px,1fr));grid-template-columns:repeat(var(--col-count,6),minmax(150px,1fr))}}@media(max-width:768px){.esv-header{gap:.4rem;padding:.45rem .85rem .4rem}.esv-header-icon{border-radius:8px;height:30px;width:30px}.esv-header-icon .material-symbols-rounded{font-size:1rem}.esv-title{font-size:.85rem}.esv-subtitle{font-size:.68rem;margin-top:.06rem}.esv-grade-pill,.esv-year-chip{font-size:.64rem;padding:.07rem .35rem}.esv-grade-pill .material-symbols-rounded{font-size:.68rem}.esv-stat-pill{font-size:.62rem;padding:.12rem .4rem}.esv-today-badge{font-size:.62rem;padding:.18rem .45rem}.esv-today-badge .material-symbols-rounded{font-size:.72rem}.esv-refresh-btn{height:26px;width:26px}.esv-filters,.esv-stats{display:none}.esv-body{padding:.5rem .6rem .7rem}.esv-stat{padding:0 .45rem}.esv-stat-val{font-size:.82rem}.esv-grid{gap:.4rem;grid-template-columns:repeat(6,minmax(130px,1fr));grid-template-columns:repeat(var(--col-count,6),minmax(130px,1fr))}.esv-card-time{font-size:.72rem}.esv-meta-item{font-size:.68rem}}@media(max-width:480px){.esv-grid{grid-template-columns:repeat(2,1fr)}.esv-stat-sep{display:none}}@media(prefers-reduced-motion:reduce){.esv-card,.esv-root,.esv-today-dot{animation:none}.esv-card:hover{transform:none}}.esv-mobile-tabs{-webkit-overflow-scrolling:touch;background:#fff;background:var(--enroll-table-bg,#fff);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--enroll-table-header-border,#e2e8f0);display:flex;flex-shrink:0;gap:0;overflow-x:auto;overflow-y:hidden;padding:0;scroll-snap-type:x mandatory;scrollbar-width:none}.esv-mobile-tabs::-webkit-scrollbar{display:none}[data-theme=dark] .esv-mobile-tabs{border-bottom-color:#ffffff1a}.esv-day-tab{align-items:center;background:#0000;border:none;border-bottom:2.5px solid #0000;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.08rem;margin-bottom:-2px;min-width:48px;padding:.35rem .6rem .3rem;position:relative;scroll-snap-align:center;transition:background .15s}.esv-day-tab:hover{background:#3b82f60f}.esv-day-tab--active{background:#3b82f60d;border-bottom-color:#3b82f6}[data-theme=dark] .esv-day-tab--active{background:#60a5fa14;border-bottom-color:#60a5fa}.esv-day-tab--today .esv-day-tab-short{color:#3b82f6}[data-theme=dark] .esv-day-tab--today .esv-day-tab-short{color:#60a5fa}.esv-day-tab-short{color:#64748b;color:var(--enroll-table-header-text,#64748b);font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:color .15s}.esv-day-tab--active .esv-day-tab-short{color:#2563eb}[data-theme=dark] .esv-day-tab--active .esv-day-tab-short{color:#60a5fa}.esv-day-tab-full{color:#94a3b8;color:var(--enroll-table-header-text,#94a3b8);font-size:.6rem;font-weight:500}.esv-day-tab--active .esv-day-tab-full{color:#3b82f6;font-weight:600}[data-theme=dark] .esv-day-tab--active .esv-day-tab-full{color:#93c5fd}.esv-day-tab-dot{animation:esv-pulse 2s infinite;background:#3b82f6;border-radius:50%;height:4px;position:absolute;right:.25rem;top:.25rem;width:4px}[data-theme=dark] .esv-day-tab-dot{background:#60a5fa}.esv-day-tab-count{background:#3b82f61f;border-radius:20px;color:#2563eb;font-size:.58rem;font-weight:700;line-height:1.4;min-width:16px;padding:.03rem .3rem;text-align:center}.esv-day-tab--active .esv-day-tab-count{background:#3b82f6;color:#fff}[data-theme=dark] .esv-day-tab-count{background:#60a5fa33;color:#93c5fd}[data-theme=dark] .esv-day-tab--active .esv-day-tab-count{background:#3b82f6;color:#fff}.esv-mobile-list{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:.6rem .7rem .8rem}.esv-mobile-list::-webkit-scrollbar{width:4px}.esv-mobile-list::-webkit-scrollbar-track{background:#0000}.esv-mobile-list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--enroll-table-header-border,#cbd5e1);border-radius:2px}[data-theme=dark] .esv-mobile-list::-webkit-scrollbar-thumb{background:#ffffff1f}@media (max-width:767px){.esv-mobile-list .esv-card{border-radius:10px;gap:.3rem;padding:.55rem .65rem}.esv-mobile-list .esv-card-time{font-size:.78rem}.esv-mobile-list .esv-card-dur{font-size:.62rem;padding:.04rem .28rem}.esv-mobile-list .esv-cap-badge,.esv-mobile-list .esv-status-badge{font-size:.62rem;padding:.06rem .36rem}.esv-mobile-list .esv-card-section{font-size:.69rem}.esv-mobile-list .esv-card-section .material-symbols-rounded{font-size:.78rem}.esv-mobile-list .esv-meta-item{font-size:.68rem}.esv-mobile-list .esv-meta-item .material-symbols-rounded{font-size:.75rem}.esv-mobile-list .esv-cap-text{font-size:.65rem}.esv-mobile-list .esv-seats-left{font-size:.62rem}.esv-mobile-list .esv-cap-bar{height:4px}.esv-mobile-list .esv-card-open{font-size:.65rem;padding:.2rem .45rem}.esv-mobile-list .esv-card-open .material-symbols-rounded{font-size:.72rem}.esv-stats{display:none}.esv-header{padding:.45rem .85rem .4rem}}:root{--edp-page-bg:#fff;--edp-page-border:#e2e8f0;--edp-page-shadow:0 1px 6px #0000000d;--edp-container-bg:#fff;--edp-container-border:#e2e8f0;--edp-container-shadow:0 6px 20px #0000000d;--edp-text-primary:#1e293b;--edp-text-secondary:#475569;--edp-text-muted:#64748b;--edp-text-light:#94a3b8;--edp-header-bg:linear-gradient(135deg,#dbeafe,#f8fafc);--edp-header-border:#e2e8f0;--edp-header-shadow:0 6px 20px #0000000d;--edp-card-bg:#fff;--edp-card-border:#e2e8f0;--edp-card-shadow:0 6px 20px #0000000d;--edp-card-hover-shadow:0 8px 20px #0000000f;--edp-input-bg:#0000;--edp-input-border:#0000;--edp-input-focus-border:#3b82f6;--edp-input-focus-shadow:0 0 0 2px #3b82f633;--edp-input-text:#0f172a;--edp-btn-bg:#f1f5f9;--edp-btn-text:#1e293b;--edp-btn-border:#e2e8f0;--edp-btn-shadow:0 1px 3px #0000000a;--edp-btn-hover-bg:#e0f2f1;--edp-btn-hover-shadow:0 6px 12px #0000001a;--edp-btn-save-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--edp-btn-save-text:#1e40af;--edp-btn-save-hover-bg:linear-gradient(135deg,#bfdbfe,#93c5fd);--edp-sidebar-bg:#ffffffd9;--edp-sidebar-border:#e2e8f0;--edp-sidebar-shadow:0 2px 20px #00000014;--edp-sidebar-hover-shadow:0 12px 28px #0000001a;--edp-tab-bg:#ffffffe6;--edp-tab-border:#e2e8f0;--edp-tab-text:#475569;--edp-tab-hover-bg:#1e40af0d;--edp-tab-hover-text:#1e40af;--edp-tab-hover-border:#1e40af;--edp-tab-active-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--edp-tab-active-text:#1e40af;--edp-field-label-text:#334155;--edp-field-value-text:#1e293b;--edp-field-hover-bg:#00000008;--edp-field-edit-icon:#64748b;--edp-field-edit-icon-hover:#0f172a;--edp-badge-draft-bg:linear-gradient(135deg,#f3f4f6,#e5e7eb);--edp-badge-draft-text:#374151;--edp-badge-waiting-bg:linear-gradient(135deg,#fef3c7,#fde68a);--edp-badge-waiting-text:#78350f;--edp-badge-active-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--edp-badge-active-text:#065f46;--edp-badge-closed-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--edp-badge-closed-text:#1e40af;--edp-badge-archived-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--edp-badge-archived-text:#6b21a8;--edp-badge-cancelled-bg:linear-gradient(135deg,#fee2e2,#fecaca);--edp-badge-cancelled-text:#b91c1c;--edp-banner-bg:#dbeafe;--edp-banner-text:#1e40af;--edp-banner-error-bg:#fee2e2;--edp-banner-error-text:#b91c1c;--edp-banner-success-bg:#d1fae5;--edp-banner-success-text:#065f46;--edp-form-section-bg:#f8fafc;--edp-form-section-border:#e2e8f0;--edp-form-input-bg:#f8fafc;--edp-form-input-border:#e2e8f0;--edp-scrollbar-thumb:#94a3b899;--edp-scrollbar-track:#0000;--edp-icon-color:#1e40af;--edp-icon-accent:#065f46;--edp-avatar-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--edp-avatar-text:#1e40af;--edp-avatar-shadow:0 6px 20px #0000000d;--edp-avatar-border:#e2e8f0;--edp-popup-bg:#fff;--edp-popup-border:#1e40af;--edp-popup-shadow:0 20px 40px #0000004d;--edp-popup-field-bg:#f8fafc;--edp-popup-field-border:#e2e8f0}[data-theme=dark]{--edp-page-bg:#1a1a1af2;--edp-page-border:#0f83;--edp-page-shadow:0 1px 6px #00ff881a;--edp-container-bg:#1a1a1af2;--edp-container-border:#ffffff1a;--edp-container-shadow:0 6px 20px #0009;--edp-text-primary:#fff;--edp-text-secondary:#ff9f0a;--edp-text-muted:#d1d5db;--edp-text-light:#9aa4b2;--edp-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--edp-header-border:#ffffff1a;--edp-header-shadow:0 6px 20px #0009;--edp-card-bg:#1a1a1af2;--edp-card-border:#ffffff1a;--edp-card-shadow:0 6px 20px #0009;--edp-card-hover-shadow:0 8px 25px #000000b3;--edp-input-bg:#0000;--edp-input-border:#00ff8840;--edp-input-focus-border:linear-gradient(135deg,#065f46,#047857);--edp-input-focus-shadow:0 0 0 2px #00ff8840;--edp-input-text:#fff;--edp-btn-bg:#333c;--edp-btn-text:#fff;--edp-btn-border:#0f83;--edp-btn-shadow:0 1px 3px #0006;--edp-btn-hover-bg:#00ff881a;--edp-btn-hover-shadow:0 6px 12px #0006;--edp-btn-save-bg:#0f83;--edp-btn-save-text:linear-gradient(135deg,#065f46,#047857);--edp-btn-save-hover-bg:#00ff8840;--edp-sidebar-bg:#1a1a1af2;--edp-sidebar-border:#ffffff1a;--edp-sidebar-shadow:0 2px 20px #0009;--edp-sidebar-hover-shadow:0 12px 30px #000c;--edp-tab-bg:#1a1a1ae6;--edp-tab-border:#ffffff1a;--edp-tab-text:#d1d5db;--edp-tab-hover-bg:#00ff880f;--edp-tab-hover-text:linear-gradient(135deg,#065f46,#047857);--edp-tab-hover-border:#00ff8840;--edp-tab-active-bg:linear-gradient(135deg,#065f46,#047857);--edp-tab-active-text:linear-gradient(135deg,#065f46,#047857);--edp-field-label-text:#fff;--edp-field-value-text:#fff;--edp-field-hover-bg:#00ff880f;--edp-field-edit-icon:#9aa4b2;--edp-field-edit-icon-hover:linear-gradient(135deg,#065f46,#047857);--edp-badge-draft-bg:#9ca3af33;--edp-badge-draft-text:#d1d5db;--edp-badge-waiting-bg:linear-gradient(135deg,#ffc1072e,#1a1a1af2);--edp-badge-waiting-text:#ffd666;--edp-badge-active-bg:linear-gradient(135deg,#065f46,#047857);--edp-badge-active-text:#3efcd9;--edp-badge-closed-bg:#3b82f633;--edp-badge-closed-text:#93c5fd;--edp-badge-archived-bg:#a855f733;--edp-badge-archived-text:#c4b5fd;--edp-badge-cancelled-bg:#f4433633;--edp-badge-cancelled-text:#ffcdd2;--edp-banner-bg:#2196f326;--edp-banner-text:#bbdefb;--edp-banner-error-bg:#f443362e;--edp-banner-error-text:#ffcdd2;--edp-banner-success-bg:#00ff882e;--edp-banner-success-text:linear-gradient(135deg,#065f46,#047857);--edp-form-section-bg:#1a1a1ae6;--edp-form-section-border:#ffffff1a;--edp-form-input-bg:#1a1a1ae6;--edp-form-input-border:#0f83;--edp-scrollbar-thumb:#00ff884d;--edp-scrollbar-track:#0000;--edp-icon-color:#33e6c4;--edp-icon-accent:linear-gradient(135deg,#ff9f0a33,#ff9f0a26);--edp-avatar-bg:linear-gradient(135deg,#065f46,#047857);--edp-avatar-text:#000;--edp-avatar-shadow:0 2px 8px #00ff884d;--edp-avatar-border:#0f83;--edp-popup-bg:#1a1a1af2;--edp-popup-border:#00ff8840;--edp-popup-shadow:0 20px 40px #000c;--edp-popup-field-bg:#1a1a1ae6;--edp-popup-field-border:#0f83}.enrollment-details-page{background:#fff;background:var(--edp-page-bg);box-sizing:border-box;color:#1e293b;color:var(--edp-text-primary);display:flex;flex-direction:column;font-family:Google Sans,Poppins,sans-serif;height:auto;min-height:100vh;overflow:visible;transition:all .3s ease;width:100%}.edp-error-container,.edp-loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh;text-align:center}.edp-loading-spinner{animation:spin 1s linear infinite;color:#1e40af;color:var(--edp-icon-color);font-size:2rem}.edp-error-container .material-symbols-rounded{font-size:3rem}.edp-error-container .material-symbols-rounded,.edp-error-container h3{color:#b91c1c;color:var(--edp-badge-cancelled-text);margin-bottom:1rem}.edp-retry-btn{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--edp-btn-save-bg);border:none;border-radius:8px;color:#1e40af;color:var(--edp-btn-save-text);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.edp-retry-btn:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);background:var(--edp-btn-save-hover-bg)}.enrollment-snapshot-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#dbeafe,#f8fafc);background:var(--edp-header-bg);border:1px solid #e2e8f0;border:1px solid var(--edp-header-border);border-radius:8px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--edp-header-shadow);display:flex;flex-direction:column;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:10}.edp-header-top-row{align-items:center;display:flex;justify-content:space-between;width:100%}.enrollment-snapshot-info{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.enrollment-snapshot-info h1{color:#1e293b;color:var(--edp-text-primary);font-size:2rem;font-weight:700;margin:0;transition:color .3s ease}.enrollment-next-action{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.edp-next-badge{align-items:center;background:#f8fafc;background:var(--edp-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--edp-container-border);border-radius:8px;color:#475569;color:var(--edp-text-secondary);display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.3rem .5rem .3rem .3rem;transition:all .3s ease}.edp-next-badge.active-enrollment{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--edp-badge-active-bg);border:1px solid #065f46;border:1px solid var(--edp-badge-active-text);color:#065f46;color:var(--edp-badge-active-text)}.edp-next-badge.waiting-enrollment{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--edp-badge-waiting-bg);border:1px solid #78350f;border:1px solid var(--edp-badge-waiting-text);color:#78350f;color:var(--edp-badge-waiting-text)}.edp-next-badge.draft-enrollment{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:var(--edp-badge-draft-bg);border:1px solid #374151;border:1px solid var(--edp-badge-draft-text);color:#374151;color:var(--edp-badge-draft-text)}.edp-followup-icon{font-size:1rem;font-variation-settings:"FILL" 1,"wght" 600}.enrollment-display-id{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--edp-badge-active-bg);border-radius:10px;color:#065f46;color:var(--edp-badge-active-text);display:inline-flex;font-size:.95rem;font-weight:500;padding:3px 8px;transition:all .3s ease}.enrollment-display-id .material-symbols-rounded{font-size:18px;margin-right:4px}.enrollment-snapshot-actions{display:flex;gap:.75rem}.enrollment-md3-btn{align-items:center;background-color:#f1f5f9;background-color:var(--edp-btn-bg);border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--edp-btn-shadow);color:#1e293b;color:var(--edp-btn-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transform:perspective(1px) translateZ(0);transition:all .25s ease;will-change:transform,box-shadow,background-color}.enrollment-md3-btn:hover{background-color:#e0f2f1;background-color:var(--edp-btn-hover-bg);border:2px solid #000;border-radius:24px;box-shadow:0 6px 12px #0000001a;box-shadow:var(--edp-btn-hover-shadow);transform:translateY(-3px) scale(1.02)}.enrollment-md3-btn .material-symbols-rounded{font-size:1.1rem}.enrollment-md3-btn.save-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--edp-btn-save-bg);color:#1e40af;color:var(--edp-btn-save-text)}.enrollment-md3-btn.save-btn:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);background:var(--edp-btn-save-hover-bg)}.enrollment-md3-btn:disabled{background-color:#f1f5f9;background-color:var(--edp-btn-bg);box-shadow:none;color:#94a3b8;color:var(--edp-text-light);opacity:.6;pointer-events:none}.edp-disabled-icon{opacity:.5}.enrollment-message-banner{align-items:center;background-color:#dbeafe;background-color:var(--edp-banner-bg);border-radius:6px;box-shadow:inset 0 -1px 0 #0000000d;color:#1e40af;color:var(--edp-banner-text);display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.enrollment-message-banner.error{background:#fee2e2;background:var(--edp-banner-error-bg);color:#b91c1c;color:var(--edp-banner-error-text)}.enrollment-message-banner.success{background:#d1fae5;background:var(--edp-banner-success-bg);color:#065f46;color:var(--edp-banner-success-text)}.enrollment-details-container{display:flex;flex:1 1;gap:.5rem;padding:1rem .5rem .5rem}.enrollment-sidebar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;background:var(--edp-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--edp-sidebar-border);border-radius:12px;box-shadow:0 2px 20px #00000014;box-shadow:var(--edp-sidebar-shadow);display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;width:500px}.enrollment-sidebar:hover{box-shadow:0 12px 28px #0000001a;box-shadow:var(--edp-sidebar-hover-shadow);transform:translateY(-4px)}.enrollment-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding-right:.5rem}.enrollment-sidebar-header h2{color:#1e293b;color:var(--edp-text-primary);font-size:1.4rem;font-weight:600;margin:0;transition:color .3s ease}.edp-sidebar-toggle-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#dbeafe40;border:1px solid #3b82f64d;border-radius:8px;box-shadow:2px 2px 8px #3b82f614;color:#065f46;color:var(--edp-icon-accent);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.edp-sidebar-toggle-btn:hover{background:#dbeafe59;box-shadow:2px 2px 12px #3b82f629;color:#065f46;color:var(--edp-icon-accent)}.edp-sidebar-toggle-btn .material-symbols-rounded{font-size:18px;transition:transform .3s ease}.edp-sidebar-toggle-btn:hover .material-symbols-rounded{transform:scale(1.1)}.enrollment-sidebar.collapsed{padding:1rem .5rem;transition:width .3s ease,padding .3s ease;width:60px}.enrollment-sidebar.collapsed .enrollment-sidebar-header h2,.enrollment-sidebar.collapsed .enrollment-sidebar-profile-horizontal,.enrollment-sidebar.collapsed .enrollment-sidebar-scrollable,.enrollment-sidebar.collapsed .enrollment-status-badge{display:none}.enrollment-collapsed-sidebar-icons{align-items:center;display:none;flex-direction:column;gap:1.5rem;margin-top:2rem;position:relative;z-index:100}.enrollment-sidebar.collapsed .enrollment-collapsed-sidebar-icons{display:flex!important}.enrollment-collapsed-icon-item{align-items:center;background:#fff;background:var(--edp-container-bg);border:1px solid #e2e8f0;border:1px solid var(--edp-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--edp-card-shadow);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:100}.enrollment-collapsed-icon-item:hover{background:#00000008;background:var(--edp-field-hover-bg);border-color:#065f46;border-color:var(--edp-icon-accent);box-shadow:0 8px 20px #0000000f;box-shadow:var(--edp-card-hover-shadow);transform:translateX(3px) scale(1.05);z-index:99999!important}.enrollment-collapsed-icon-item .material-symbols-rounded{color:#475569;color:var(--edp-text-secondary);font-size:20px;transition:color .3s ease}.enrollment-collapsed-icon-item:hover .material-symbols-rounded{color:#065f46;color:var(--edp-icon-accent)}.enrollment-sidebar-profile-horizontal{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--edp-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--edp-card-shadow);display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;transition:all .3s ease}.enrollment-sidebar-profile-horizontal:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--edp-card-hover-shadow);transform:translateY(-2px)}.enrollment-avatar-circle{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--edp-avatar-bg);border:1px solid #e2e8f0;border:1px solid var(--edp-avatar-border);border-radius:50%;box-shadow:0 6px 20px #0000000d;box-shadow:var(--edp-avatar-shadow);color:#1e40af;color:var(--edp-avatar-text);display:flex;flex-shrink:0;font-size:2rem;font-weight:600;height:96px;justify-content:center;text-transform:uppercase;transition:all .3s ease;width:96px}.enrollment-avatar-circle.active{box-shadow:0 0 0 4px #22c55e80}.enrollment-sidebar-profile-horizontal .edp-profile-info{display:flex;flex:1 1;flex-direction:column}.enrollment-sidebar-profile-horizontal .edp-name{color:#1e293b;color:var(--edp-text-primary);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.enrollment-sidebar-profile-horizontal .edp-meta{color:#475569;color:var(--edp-text-secondary);font-size:.85rem;margin:.15rem 0;transition:color .3s ease}.enrollment-status-badge{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--edp-container-border);border-radius:14px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--edp-card-shadow);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:4rem;padding:.5rem 1rem;pointer-events:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.edp-status-section{align-items:center;display:flex;gap:.4rem}.edp-status-icon{color:#1e40af;color:var(--edp-icon-color);font-size:1.2rem;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24;transition:color .3s ease}.edp-label-text{color:#64748b;color:var(--edp-text-muted);font-size:.8rem;transition:color .3s ease}.enrollment-status-value{border:1px solid #0000000d;border-radius:8px;box-shadow:inset 0 1px 1px #fff9;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .75rem;text-align:center;transition:all .3s ease}.enrollment-status-value.DRAFT{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:var(--edp-badge-draft-bg);color:#374151;color:var(--edp-badge-draft-text)}.enrollment-status-value.WAITING{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--edp-badge-waiting-bg);color:#78350f;color:var(--edp-badge-waiting-text)}.enrollment-status-value.ACTIVE{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--edp-badge-active-bg);color:#065f46;color:var(--edp-badge-active-text)}.enrollment-status-value.CLOSED{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--edp-badge-closed-bg);color:#1e40af;color:var(--edp-badge-closed-text)}.enrollment-status-value.ARCHIVED{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--edp-badge-archived-bg);color:#6b21a8;color:var(--edp-badge-archived-text)}.enrollment-status-value.CANCELLED{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--edp-badge-cancelled-bg);color:#b91c1c;color:var(--edp-badge-cancelled-text)}.enrollment-sidebar-scrollable{flex:1 1;margin-right:-8px;overflow-y:auto;padding-right:8px;padding-top:8px}.enrollment-sidebar-scrollable::-webkit-scrollbar{width:6px}.enrollment-sidebar-scrollable:hover::-webkit-scrollbar{width:8px}.enrollment-sidebar-scrollable::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--edp-scrollbar-thumb);border-radius:8px}.enrollment-sidebar-scrollable::-webkit-scrollbar-track{background:#0000;background:var(--edp-scrollbar-track)}.enrollment-sidebar-section{background-color:initial;border:1px solid #e2e8f0;border:1px solid var(--edp-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--edp-card-shadow);color:#1e293b;color:var(--edp-text-primary);margin-bottom:.5rem;padding:1rem 1rem 0;transition:all .3s ease}.enrollment-sidebar-section:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--edp-card-hover-shadow);transform:translateY(-2px)}.enrollment-sidebar-section.accent-blue{border-radius:1rem;overflow:hidden;padding:1.25rem;position:relative;z-index:0}.enrollment-sidebar-section.accent-blue:before{background:linear-gradient(145deg,#3b82f6,#60a5fa 30%,#93c5fd 60%,#dbeafe);border-radius:1rem;content:"";inset:0;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;padding:2px;pointer-events:none;position:absolute;z-index:-1}.enrollment-sidebar-section h4{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--edp-container-border);color:#1e293b;color:var(--edp-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;transition:all .3s ease}.enrollment-sidebar-section h4 .material-symbols-rounded{color:#1e40af;color:var(--edp-icon-color);font-size:1.3rem;transition:color .3s ease}.enrollment-main-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;background:var(--edp-sidebar-bg);border:1px solid #e2e8f0;border:1px solid var(--edp-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--edp-container-shadow);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem 1rem 0;position:relative;transition:all .3s ease;z-index:1}.enrollment-main-content::-webkit-scrollbar{width:8px}.enrollment-main-content::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--edp-scrollbar-thumb);border-radius:8px}.enrollment-main-content::-webkit-scrollbar-track{background:#0000;background:var(--edp-scrollbar-track)}.enrollment-tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--edp-tab-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--edp-tab-border);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 2px 8px #00000005;display:flex;gap:.75rem;margin:-1.5rem -1.5rem 1.5rem;padding:0 1.5rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s ease}.enrollment-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--edp-tab-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--edp-card-shadow);color:#475569;color:var(--edp-tab-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.enrollment-tab:hover{background-color:#1e40af0d;background-color:var(--edp-tab-hover-bg);border:1px solid #1e40af;border:1px solid var(--edp-tab-hover-border);border-radius:24px;color:#1e40af;color:var(--edp-tab-hover-text)}.enrollment-tab.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--edp-tab-active-bg);box-shadow:0 2px 8px #1e40af1a;color:#1e40af;color:var(--edp-tab-active-text);font-weight:600}.enrollment-tab .material-symbols-rounded{font-size:1.1rem}.enrollment-tab-content{padding:0;position:relative;z-index:1}.ed-enrollment-card{margin-bottom:1rem;padding:1rem}.ed-enrollment-card h4{align-items:center;color:#1e293b;color:var(--edp-text-primary);display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;transition:all .3s ease}.ed-enrollment-card h4 .material-symbols-rounded{color:#1e40af;color:var(--edp-icon-color);transition:color .3s ease}.ed-enrollment-card.color-emerald{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--edp-badge-active-bg);color:#065f46;color:var(--edp-badge-active-text);transition:all .3s ease}.ed-enrollment-card.color-emerald h4 .material-symbols-rounded{color:#065f46;color:var(--edp-badge-active-text);transition:color .3s ease}.ed-enrollment-card.color-yellow{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--edp-badge-waiting-bg);color:#78350f;color:var(--edp-badge-waiting-text);transition:all .3s ease}.ed-enrollment-card.color-yellow h4 .material-symbols-rounded{color:#78350f;color:var(--edp-badge-waiting-text);transition:color .3s ease}.edp-field-group{grid-gap:1.5rem 2rem;display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.edp-field-group .edp-field-item{flex-basis:calc(20% - 1.6rem);flex-grow:1;flex-shrink:1;min-width:180px}.edp-field-item.full-width{grid-column:1/-1}.edp-field-group.sidebar-two-col{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.edp-field-group.sidebar-two-col .edp-field-item{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:0}.edp-field-item{display:flex;flex-direction:column;position:relative}.edp-field-label{color:#334155;color:var(--edp-field-label-text);font-size:.85rem;font-weight:500;margin-bottom:.5rem;transition:color .3s ease}.edp-edit-input,.edp-edit-textarea{background:#0000;background:var(--edp-input-bg);border:1px solid #0000;border:1px solid var(--edp-input-border);border-radius:.6rem;color:#0f172a;color:var(--edp-input-text);font-family:inherit;font-size:.92rem;font-weight:500;outline:none;padding:.55rem .75rem;transition:all .2s ease;width:100%}.edp-edit-input:focus,.edp-edit-textarea:focus{background:#0000;background:var(--edp-input-bg);border-color:#3b82f6;border-color:var(--edp-input-focus-border);box-shadow:0 0 0 2px #3b82f633;box-shadow:var(--edp-input-focus-shadow);transform:scale(1.02)}.edp-edit-textarea{line-height:1.4;min-height:80px;resize:vertical}.edp-value-container{align-items:center;border-radius:.6rem;cursor:pointer;display:flex;justify-content:space-between;padding:.1rem .2rem;transition:background-color .2s ease}.edp-value-container:hover{background-color:#00000008;background-color:var(--edp-field-hover-bg)}.edp-value-text{color:#1e293b;color:var(--edp-field-value-text);flex-grow:1;font-size:.92rem;font-weight:600;transition:color .3s ease;white-space:pre-wrap;word-break:break-word}.edp-edit-icon-btn{background:#0000;border:none;color:#64748b;color:var(--edp-field-edit-icon);cursor:pointer;margin-left:.5rem;padding:0;transition:color .2s ease}.edp-edit-icon-btn:hover{color:#0f172a;color:var(--edp-field-edit-icon-hover)}.edp-value-container .edp-edit-icon-btn{opacity:0;transition:opacity .2s ease}.edp-value-container:hover .edp-edit-icon-btn{opacity:1;padding:.3rem}.edp-value-text:hover{padding:.2rem}.edp-value-container.read-only:hover{background-color:initial;cursor:default}.edp-value-container.read-only .edp-edit-icon-btn{display:none}.edp-value-container.read-only .edp-value-text:hover{padding:0}.edp-value-container.read-only .edp-value-text{cursor:default}.edp-sidebar-field-label{color:#334155;color:var(--edp-field-label-text);font-size:.85rem;font-weight:500;margin-bottom:.5rem;transition:color .3s ease}.edp-sidebar-field-value{color:#1e293b;color:var(--edp-field-value-text);font-size:.9rem;font-weight:500;transition:color .3s ease;word-break:break-word}.enrollment-audit-trail-block{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.enrollment-audit-pair{background:#f8fafc;background:var(--edp-form-section-bg);border:1px solid #e2e8f0;border:1px solid var(--edp-form-section-border);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.8rem 1rem;transition:all .3s ease}.enrollment-audit-pair .edp-audit-label{color:#64748b;color:var(--edp-text-muted);font-size:.8rem;font-weight:500;transition:color .3s ease}.enrollment-audit-pair .edp-audit-value{color:#1e293b;color:var(--edp-text-primary);flex:1 1 auto;font-size:.95rem;font-weight:500;transition:color .3s ease;word-break:break-word}.enrollment-details-tab.grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.enrollment-details-tab.list{display:flex;flex-direction:column;gap:1rem}.edp-empty-state{background:#fff;background:var(--edp-container-bg);border:1px solid #e2e8f0;border:1px solid var(--edp-container-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--edp-container-shadow);padding:3rem 2rem;text-align:center;transition:all .3s ease}.edp-empty-state-icon{margin-bottom:1.5rem}.edp-empty-state-icon .material-symbols-rounded{color:#94a3b8;color:var(--edp-text-light);font-size:4rem;transition:color .3s ease}.edp-empty-state h3{color:#1e293b;color:var(--edp-text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.edp-empty-state p{color:#64748b;color:var(--edp-text-muted);font-size:1rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;transition:color .3s ease}.enrollment-sidebar-hover-popup{background:#fff!important;background:var(--edp-popup-bg)!important;border:2px solid #1e40af!important;border:2px solid var(--edp-popup-border)!important;border-radius:12px;box-shadow:0 20px 40px #0000004d!important;box-shadow:var(--edp-popup-shadow)!important;max-width:400px;min-width:300px;opacity:0;padding:1rem;pointer-events:none;position:fixed!important;transition:all .2s ease;visibility:hidden;white-space:normal!important;z-index:999999!important}.enrollment-collapsed-icon-item:hover .enrollment-sidebar-hover-popup{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.enrollment-popup-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--edp-container-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;transition:border-color .3s ease;white-space:normal}.enrollment-popup-header .material-symbols-rounded{color:#065f46;color:var(--edp-icon-accent);flex-shrink:0;font-size:1.2rem;transition:color .3s ease}.enrollment-popup-header h4{color:#1e293b;color:var(--edp-text-primary);font-size:1rem;font-weight:600;margin:0;transition:color .3s ease;white-space:normal}.enrollment-popup-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;white-space:normal}.enrollment-popup-field{display:flex;flex-direction:column;gap:.25rem}.enrollment-popup-field-label{color:#64748b;color:var(--edp-text-muted);font-size:.8rem;font-weight:500;transition:color .3s ease;white-space:normal}.enrollment-popup-field-value{background:#f8fafc;background:var(--edp-popup-field-bg);border:1px solid #e2e8f0;border:1px solid var(--edp-popup-field-border);border-radius:6px;color:#1e293b;color:var(--edp-text-primary);font-size:.9rem;font-weight:500;padding:.3rem .5rem;transition:all .3s ease;white-space:normal;word-break:break-word}.enrollment-popup-field-value.empty{color:#94a3b8;color:var(--edp-text-light);font-style:italic}.edp-info-icon{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--edp-badge-active-bg);border-radius:50%;color:#065f46;color:var(--edp-badge-active-text);cursor:pointer;display:inline-flex;font-size:14px;height:18px;justify-content:center;margin-left:.5rem;transition:all .2s ease;width:18px}.edp-info-icon:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.2)}.edp-faculty-popup{background:#fff;background:var(--edp-popup-bg);border:2px solid #1e40af;border:2px solid var(--edp-popup-border);border-radius:12px;box-shadow:0 20px 40px #0000004d;box-shadow:var(--edp-popup-shadow);max-width:400px;min-width:320px;padding:1.25rem;position:fixed;z-index:999999}.edp-faculty-popup-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--edp-container-border);display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.edp-faculty-popup-avatar{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--edp-avatar-bg);border-radius:50%;color:#1e40af;color:var(--edp-avatar-text);display:flex;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;width:48px}.edp-faculty-popup-name{flex:1 1}.edp-faculty-popup-name h4{color:#1e293b;color:var(--edp-text-primary);font-size:1.1rem;margin:0 0 .25rem}.edp-faculty-popup-name p{color:#64748b;color:var(--edp-text-muted);font-size:.85rem;margin:0}.edp-icon-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000;border:1px solid #e2e8f0;border:1px solid var(--edp-container-border);border-radius:8px;color:#475569;color:var(--edp-text-secondary);cursor:pointer;display:flex;height:38px;justify-content:center;position:relative;transition:all .2s ease;width:38px}.edp-icon-btn:hover{background:#00000008;background:var(--edp-field-hover-bg);border-color:#065f46;border-color:var(--edp-icon-accent);box-shadow:0 6px 20px #0000000d;box-shadow:var(--edp-card-shadow);transform:translateY(-2px) scale(1.05)}.edp-icon-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.edp-icon-btn .material-symbols-rounded{font-size:22px;transition:color .3s ease}.edp-more-actions-dropdown{display:inline-block;position:relative}.edp-menu-popup{background:#fff;background:var(--edp-popup-bg);border:2px solid #1e40af;border:2px solid var(--edp-popup-border);border-radius:12px;box-shadow:0 20px 40px #0000004d;box-shadow:var(--edp-popup-shadow);padding:.5rem 0;position:absolute;right:0;top:40px;transition:all .3s ease;width:220px;z-index:999}.edp-popup-item{align-items:center;background:#0000;border:none;color:#1e293b;color:var(--edp-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;width:100%}.edp-popup-item:hover{background:#00000008;background:var(--edp-field-hover-bg)}.edp-popup-icon{color:#1e40af;color:var(--edp-icon-color);font-size:20px;margin-right:12px;transition:color .3s ease}@media (max-width:1200px){.enrollment-details-container{flex-direction:column;gap:1rem;max-width:100%}.enrollment-sidebar{margin-right:0;width:100%}.enrollment-main-content{margin-left:0}.enrollment-snapshot-header{align-items:flex-start;border-radius:12px;flex-direction:column;gap:1rem;position:static;top:auto}.enrollment-snapshot-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.enrollment-tabbar{border-radius:0;flex-wrap:wrap;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;position:static;top:auto}.enrollment-details-tab{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.enrollment-sidebar-hover-popup{left:20px!important;max-width:calc(100vw - 40px)!important;min-width:auto!important;right:20px!important}.enrollment-details-container{grid-template-columns:280px 1fr}.enrollment-snapshot-actions{flex-wrap:wrap;gap:.75rem}}@media (max-width:768px){.enrollment-details-page{padding:.25rem!important}.enrollment-details-container{display:flex!important;flex-direction:column!important;gap:.5rem!important;max-width:100%!important;width:100%!important}.enrollment-sidebar{border-radius:8px!important;order:-1!important;padding:.5rem!important;width:100%!important}.enrollment-sidebar.collapsed{flex-direction:row!important;max-width:100%!important;width:100%!important}.enrollment-collapsed-sidebar-icons{display:flex!important;flex-direction:row!important;gap:.5rem!important;justify-content:center!important;margin-top:0!important;padding:.5rem!important}.enrollment-collapsed-icon-item{height:48px!important;min-height:48px!important;min-width:48px!important;width:48px!important}.enrollment-main-content{border-radius:8px!important;order:1!important;padding:.5rem!important;width:100%!important}.enrollment-snapshot-header{flex-direction:column!important;gap:.5rem!important;padding:.5rem!important}.edp-header-top-row{align-items:center!important;display:flex!important;flex-direction:row!important;gap:.5rem!important;width:100%!important}.enrollment-snapshot-info{flex:1 1!important;min-width:0!important}.enrollment-snapshot-info h1{font-size:.95rem!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.enrollment-next-action{margin-top:.25rem!important}.edp-next-badge{border-radius:4px!important;font-size:.65rem!important;padding:.25rem .5rem!important;white-space:nowrap!important}.edp-next-badge .material-symbols-rounded{font-size:.9rem!important}.enrollment-snapshot-actions{display:flex!important;flex-direction:row!important;flex-shrink:0!important;gap:.375rem!important;width:auto!important}.enrollment-md3-btn{border-radius:8px!important;font-size:0!important;height:40px!important;justify-content:center!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;padding:0!important;width:40px!important}.enrollment-md3-btn .material-symbols-rounded{font-size:1.2rem!important;margin:0!important}.edp-icon-btn{border-radius:8px!important;height:40px!important;min-height:40px!important;min-width:40px!important;padding:0!important;width:40px!important}.edp-icon-btn .material-symbols-rounded{font-size:1.2rem!important}.enrollment-tabbar{-webkit-overflow-scrolling:touch;background:#fff!important;background:var(--edp-container-bg)!important;border-radius:12px!important;gap:.375rem!important;justify-content:flex-start!important;margin:.3rem!important;overflow-x:auto;padding:.375rem!important}.enrollment-tabbar::-webkit-scrollbar{height:3px}.enrollment-tabbar::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.enrollment-tab{border-radius:10px!important;flex-shrink:0!important;font-size:0!important;justify-content:center!important;max-width:48px!important;min-height:48px!important;min-width:48px!important;padding:.5rem!important;position:relative}.enrollment-tab .material-symbols-rounded{font-size:1.3rem!important;margin:0!important}.enrollment-tab.active:after{background:currentColor;border-radius:2px;bottom:4px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.ed-enrollment-card{border-radius:12px;margin-bottom:1rem;padding:1rem}.ed-enrollment-card-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.ed-enrollment-card-header-content{align-items:flex-start;flex-direction:row;gap:.5rem;width:100%}.ed-enrollment-card h4,.ed-enrollment-card-title{font-size:1rem}.ed-enrollment-card-content{padding:1rem .75rem}.edp-field-group{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.edp-field-item.full-width{grid-column:1/-1}.edp-field-item{margin-bottom:0}.edp-field-label{font-size:.8rem;margin-bottom:.375rem}.edp-edit-input,.edp-value-container{font-size:.9rem;min-height:44px;padding:.625rem .75rem;padding-left:0!important}input[type=date],input[type=email],input[type=number],input[type=text],select,textarea{font-size:16px!important;min-height:44px}.edp-dropdown-wrapper,.edp-dropdown-wrapper .custom-dropdown{min-height:44px}.enrollment-sidebar-section{padding:1rem .75rem}.enrollment-sidebar-field{margin-bottom:.75rem}.edp-sidebar-field-label{font-size:.75rem}.edp-sidebar-field-value{font-size:.875rem}.enrollment-avatar-circle{font-size:1.5rem;height:60px;width:60px}.enrollment-status-badge{font-size:.75rem;padding:.375rem .75rem}.enrollment-audit-trail-block{gap:.75rem;grid-template-columns:1fr}.enrollment-audit-item{padding:.75rem}.enrollment-sidebar-hover-popup{border-radius:12px;left:.5rem!important;max-width:calc(100vw - 1rem)!important;right:.5rem!important}.edp-faculty-popup{border-radius:12px;left:50%!important;max-width:calc(100vw - 1rem);transform:translateX(-50%)!important}.edp-toggle-btn,.enrollment-toggle-btn{min-height:44px;min-width:44px}.enrollment-collapsible-header{min-height:44px;padding:.625rem .75rem}}@media (max-width:480px){.enrollment-details-page{padding:.25rem}.enrollment-main-content,.enrollment-sidebar{border-radius:10px;padding:.75rem}.enrollment-collapsed-icon-item{height:48px;min-height:48px;min-width:48px;width:48px}.enrollment-snapshot-header{padding:.375rem!important}.enrollment-snapshot-info h1{font-size:.95rem!important}.edp-next-badge{font-size:.6rem!important;padding:.2rem .4rem!important}.edp-icon-btn,.enrollment-md3-btn{height:38px!important;min-height:38px!important;min-width:38px!important;width:38px!important}.edp-icon-btn .material-symbols-rounded,.enrollment-md3-btn .material-symbols-rounded{font-size:1.1rem!important}.enrollment-tab{font-size:0!important;max-width:44px!important;min-height:44px!important;min-width:44px!important;padding:.5rem!important}.enrollment-tab .material-symbols-rounded{font-size:1.2rem!important}.ed-enrollment-card{border-radius:10px;margin-bottom:.75rem;padding:.75rem}.ed-enrollment-card-header{padding:.625rem}.ed-enrollment-card h4,.ed-enrollment-card-title{font-size:.95rem}.ed-enrollment-card-icon{font-size:1.25rem}.ed-enrollment-card-content{padding:.75rem .625rem}.edp-field-group{gap:.5rem;grid-template-columns:1fr 1fr}.edp-field-item{margin-bottom:0}.edp-field-label{font-size:.75rem;margin-bottom:.25rem}.edp-edit-input,.edp-value-container{font-size:.85rem;padding:.5rem .625rem;padding-left:0!important}.enrollment-sidebar-section{padding:.75rem .625rem}.enrollment-sidebar-field{margin-bottom:.5rem}.edp-sidebar-field-label{font-size:.7rem}.edp-sidebar-field-value{font-size:.8rem}.enrollment-avatar-circle{font-size:1.3rem;height:52px;width:52px}.enrollment-status-badge{font-size:.7rem;padding:.3rem .625rem}.enrollment-audit-item{font-size:.8rem;padding:.625rem}.enrollment-audit-label{font-size:.7rem}.edp-edit-icon{font-size:1.1rem}.enrollment-message-banner{border-radius:8px;font-size:.85rem;margin:.5rem;padding:.75rem}.enrollment-message-banner .material-symbols-rounded{font-size:1.25rem}.enrollment-next-action{margin:.5rem}.enrollment-next-action h3{font-size:.95rem}.enrollment-next-action p{font-size:.8rem}.edp-info-icon{height:28px;min-height:28px;min-width:28px;width:28px}.edp-info-icon .material-symbols-rounded{font-size:1.1rem}}@media (max-width:600px){.enrollment-details-tab{grid-template-columns:1fr}.edp-field-group .edp-field-item{flex:1 1 100%}}.ed-enrollment-card{background:#fff;background:var(--edp-card-bg);border:1px solid #e2e8f0;border:1px solid var(--edp-card-border);border-radius:12px;box-shadow:0 6px 20px #0000000d;box-shadow:var(--edp-card-shadow);height:-webkit-fit-content;height:fit-content;margin-bottom:1rem!important;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.ed-enrollment-card:hover{box-shadow:0 8px 20px #0000000f;box-shadow:var(--edp-card-hover-shadow)}.ed-enrollment-card-header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--edp-container-border);display:flex;justify-content:space-between;margin-bottom:0;min-height:auto;padding:.75rem 1rem;transition:border-color .3s ease}.ed-enrollment-card-header-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.ed-enrollment-card-icon{border-radius:6px;color:#1e40af;color:var(--edp-icon-color);flex-shrink:0;font-size:1.2rem;padding:.4rem;transition:color .3s ease}.ed-enrollment-card-title{color:#1e293b;color:var(--edp-text-primary);flex-shrink:0;font-size:1rem;font-weight:600;margin:0;transition:color .3s ease}.ed-enrollment-card-content{padding:1rem}.ed-enrollment-card.color-emerald{background:linear-gradient(135deg,#22c55e14,#86efac0d);border:1px solid #22c55e33;box-shadow:0 4px 20px #22c55e1a,inset 0 1px 0 #ffffff1a}.ed-enrollment-card.color-emerald:hover{box-shadow:0 8px 30px #22c55e33,inset 0 1px 0 #fff3}.ed-enrollment-card.color-emerald .ed-enrollment-card-icon{color:#22c55e;filter:drop-shadow(0 2px 4px rgba(34,197,94,.3))}.ed-enrollment-card.color-emerald .ed-enrollment-card-header{background:linear-gradient(90deg,#22c55e1a,#0000)}.ed-enrollment-card.color-yellow{background:linear-gradient(135deg,#eab30814,#fde0470d);border:1px solid #eab30833;box-shadow:0 4px 20px #eab3081a,inset 0 1px 0 #ffffff1a}.ed-enrollment-card.color-yellow:hover{box-shadow:0 8px 30px #eab30833,inset 0 1px 0 #fff3}.ed-enrollment-card.color-yellow .ed-enrollment-card-icon{color:#eab308;filter:drop-shadow(0 2px 4px rgba(234,179,8,.3))}.ed-enrollment-card.color-yellow .ed-enrollment-card-header{background:linear-gradient(90deg,#eab3081a,#0000)}[data-theme=dark] .ed-enrollment-card.color-emerald{background:linear-gradient(135deg,#22c55e26,#16a34a14);border:1px solid #22c55e4d;box-shadow:0 4px 20px #22c55e26,inset 0 1px 0 #86efac1a}[data-theme=dark] .ed-enrollment-card.color-emerald:hover{box-shadow:0 8px 30px #22c55e40,inset 0 1px 0 #86efac33}[data-theme=dark] .ed-enrollment-card.color-emerald .ed-enrollment-card-icon{color:#86efac}[data-theme=dark] .ed-enrollment-card.color-yellow{background:linear-gradient(135deg,#eab30826,#ca8a0414);border:1px solid #eab3084d;box-shadow:0 4px 20px #eab30826,inset 0 1px 0 #fde0471a}[data-theme=dark] .ed-enrollment-card.color-yellow:hover{box-shadow:0 8px 30px #eab30840,inset 0 1px 0 #fde04733}[data-theme=dark] .ed-enrollment-card.color-yellow .ed-enrollment-card-icon{color:#fde047}.edp-value-container.editable{cursor:pointer;padding-right:2.5rem;position:relative;transition:all .2s ease}.edp-value-container.editable:hover{background:#3b82f60d;border-color:#3b82f64d}.edp-edit-icon{color:var(--color-primary);font-size:1.25rem;opacity:.6;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.edp-value-container.editable:hover .edp-edit-icon{opacity:1}.enrollment-md3-btn.teacher-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;gap:.5rem}.enrollment-md3-btn.teacher-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.enrollment-md3-btn.status-toggle-btn{gap:.5rem}.enrollment-md3-btn.status-toggle-btn.activate{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.enrollment-md3-btn.status-toggle-btn.activate:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.enrollment-md3-btn.status-toggle-btn.deactivate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.enrollment-md3-btn.status-toggle-btn.deactivate:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.enrollment-md3-btn:disabled{cursor:not-allowed;opacity:.5}.class-teacher-selection-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;overscroll-behavior:contain;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.class-teacher-selection-popup{animation:slideUp .3s ease-out;background:#fff;background:var(--edp-popup-bg);border:1px solid #1e40af;border:1px solid var(--edp-popup-border);border-radius:20px;box-shadow:0 20px 40px #0000004d;box-shadow:var(--edp-popup-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}.class-teacher-popup-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1.5rem 2rem}.class-teacher-popup-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;gap:.75rem;margin:0}.class-teacher-popup-header h2 .material-symbols-rounded{color:var(--color-primary);font-size:2rem}.class-teacher-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.class-teacher-close-btn:hover{background:#ef44441a;color:#ef4444}.class-teacher-popup-body{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.class-teacher-popup-body .faculty-card,.class-teacher-popup-body .teacher-card{align-items:center;background:#f8fafc;background:var(--edp-popup-field-bg);border:1px solid #e2e8f0;border:1px solid var(--edp-popup-field-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:row;gap:.75rem;padding:.75rem;transition:all .2s ease}.class-teacher-popup-body .faculty-card:hover,.class-teacher-popup-body .teacher-card:hover{border-color:#3b82f6;border-color:var(--edp-input-focus-border);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.class-teacher-popup-body .faculty-card-content,.class-teacher-popup-body .teacher-card-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.class-teacher-popup-body .faculty-card-name,.class-teacher-popup-body .teacher-card-name{color:#1e293b;color:var(--edp-text-primary);font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-teacher-popup-body .faculty-card-email,.class-teacher-popup-body .teacher-card-email{color:#475569;color:var(--edp-text-secondary);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-teacher-popup-body .faculty-card-details,.class-teacher-popup-body .teacher-card-details{color:#64748b;color:var(--edp-text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1200px){.enrollment-snapshot-actions{flex-wrap:wrap;gap:.75rem}}@media (max-width:768px){.enrollment-snapshot-actions{align-items:stretch;flex-direction:column}.enrollment-md3-btn{font-size:16px}.edp-icon-btn,.enrollment-md3-btn{justify-content:center;min-height:44px;width:100%}.class-teacher-selection-overlay{padding:.5rem!important}.class-teacher-selection-popup{border-radius:16px!important;margin:0!important;max-height:90vh!important;max-width:100%!important;width:100%!important}.class-teacher-popup-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--edp-popup-field-border);padding:.75rem!important}.class-teacher-popup-header h2{font-size:1rem!important;gap:.5rem!important}.class-teacher-popup-header h2 .material-symbols-rounded{font-size:1.25rem!important}.class-teacher-close-btn{height:36px!important;width:36px!important}.class-teacher-close-btn .material-symbols-rounded{font-size:1.25rem!important}.class-teacher-popup-body{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important;padding:.5rem!important}.class-teacher-popup-body .faculty-card,.class-teacher-popup-body .teacher-card{border-radius:10px!important;gap:.5rem!important;padding:.625rem!important}.class-teacher-popup-body .faculty-card-name,.class-teacher-popup-body .teacher-card-name{font-size:.9rem!important}.class-teacher-popup-body .faculty-card-email,.class-teacher-popup-body .teacher-card-email{font-size:.8rem!important}.class-teacher-popup-body .faculty-card-details,.class-teacher-popup-body .teacher-card-details{font-size:.75rem!important}.class-teacher-popup-body .faculty-avatar,.class-teacher-popup-body .teacher-avatar{font-size:1rem!important;height:44px!important;width:44px!important}.edp-value-container.editable{padding-right:2rem}.edp-edit-icon{font-size:1.1rem;right:.5rem}}@media (max-width:480px){.enrollment-md3-btn{font-size:.9rem;padding:.5rem 1rem}.enrollment-md3-btn .material-symbols-rounded{font-size:1.25rem}.class-teacher-selection-overlay{padding:.25rem!important}.class-teacher-selection-popup{border-radius:12px!important;max-height:95vh!important;width:100%!important}.class-teacher-popup-header{padding:.5rem!important}.class-teacher-popup-header h2{font-size:.9rem!important;gap:.375rem!important}.class-teacher-popup-header h2 .material-symbols-rounded{font-size:1.1rem!important}.class-teacher-close-btn{height:32px!important;width:32px!important}.class-teacher-close-btn .material-symbols-rounded{font-size:1.1rem!important}.class-teacher-popup-body{padding:.375rem!important}.class-teacher-popup-body .faculty-card,.class-teacher-popup-body .teacher-card{border-radius:8px!important;gap:.375rem!important;padding:.5rem!important}.class-teacher-popup-body .faculty-card-name,.class-teacher-popup-body .teacher-card-name{font-size:.85rem!important}.class-teacher-popup-body .faculty-card-email,.class-teacher-popup-body .teacher-card-email{font-size:.75rem!important}.class-teacher-popup-body .faculty-card-details,.class-teacher-popup-body .teacher-card-details{font-size:.7rem!important}.class-teacher-popup-body .faculty-avatar,.class-teacher-popup-body .teacher-avatar{font-size:.95rem!important;height:40px!important;width:40px!important}}.edp-field-item--full-width{grid-column:1/-1}.edp-institute-schedule-card{background:linear-gradient(135deg,#6366f10a,#8b5cf605);border:2px solid #6366f1;border-radius:14px;box-shadow:0 2px 12px #6366f11a;overflow:hidden}[data-theme=dark] .edp-institute-schedule-card{background:#6366f114;border-color:#6366f166}.edp-institute-schedule-header{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf612);border-bottom:1px solid #6366f126;display:flex;gap:.5rem;padding:.6rem 1rem}.edp-institute-schedule-header .material-symbols-rounded{color:#6366f1;font-size:1rem}.edp-institute-schedule-title{color:#4338ca;flex:1 1;font-size:.75rem;font-weight:800;letter-spacing:.7px;text-transform:uppercase}[data-theme=dark] .edp-institute-schedule-title{color:#a5b4fc}.edp-institute-schedule-required{background:#ef44441a;border:1px solid #ef444440;border-radius:5px;color:#ef4444;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:1px 6px;text-transform:uppercase}.edp-institute-schedule-body{padding:.85rem 1rem;transition:background .15s}.edp-institute-schedule-body.clickable{cursor:pointer}.edp-institute-schedule-body.clickable:hover{background:#6366f10f}.edp-institute-schedule-body.locked{cursor:default}.edp-institute-schedule-value{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.edp-sched-chip{align-items:center;border-radius:10px;display:inline-flex;font-size:.85rem;font-weight:700;gap:.3rem;padding:.35rem .75rem}.edp-sched-chip .material-symbols-rounded{font-size:1rem}.edp-sched-day{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #6366f133;color:#4338ca;font-size:.95rem}[data-theme=dark] .edp-sched-day{background:#6366f133;color:#a5b4fc}.edp-sched-session{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #0369a126;color:#0369a1;gap:.4rem}[data-theme=dark] .edp-sched-session{background:#0ea5e926;color:#7dd3fc}.edp-sched-time{font-family:monospace;font-size:.8rem;font-weight:700;opacity:.85}.edp-sched-dur{background:#0369a11f;border-radius:6px;font-size:.7rem;font-weight:600;opacity:.8;padding:1px 6px}.edp-sched-edit-btn{align-items:center;background:none;border:1.5px solid #6366f14d;border-radius:8px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:.25rem;margin-left:auto;padding:.3rem .65rem;transition:all .15s}.edp-sched-edit-btn:hover{background:#6366f114;border-color:#6366f1}.edp-sched-edit-btn .material-symbols-rounded{font-size:.85rem}.edp-institute-schedule-empty{align-items:center;color:#6b7280;display:flex;gap:.85rem}.edp-institute-schedule-empty .material-symbols-rounded:first-child{color:#a5b4fc;flex-shrink:0;font-size:2rem}.edp-institute-schedule-empty strong{color:#374151;display:block;font-size:.88rem;font-weight:700;margin-bottom:.15rem}[data-theme=dark] .edp-institute-schedule-empty strong{color:#e5e7eb}.edp-institute-schedule-empty p{color:#9ca3af;font-size:.75rem;margin:0}.edp-sched-chevron{color:#a5b4fc;font-size:1.3rem!important;margin-left:auto}.edp-institute-schedule-card--standalone{grid-column:1/-1;margin-bottom:.5rem}.est-course-details-card{padding:1.5rem}.est-course-details-header{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--est-card-border);margin-bottom:1.5rem;padding-bottom:1rem}.est-course-details-header h3{align-items:center;color:#1e293b;color:var(--est-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0;transition:color .3s ease}.est-course-details-header h3 .material-symbols-rounded{color:#374151;color:var(--est-text-secondary);font-size:1.3rem}.est-course-header{margin-bottom:1rem}.est-course-title-section{flex-direction:column}.est-course-title-section h2{font-size:1.3rem}.est-course-display-id{border-radius:10px;font-size:.8rem;padding:.3rem .8rem}.est-course-badge{border-radius:10px;font-size:.75rem;gap:.4rem;padding:.4rem .8rem}.est-course-badge .material-symbols-rounded{font-size:16px}.est-course-path{border-radius:10px;font-size:.85rem;padding:.8rem}.est-course-path .material-symbols-rounded{font-size:18px}.est-course-stats-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.est-course-stat{border-radius:10px;gap:.75rem;padding:.8rem}.est-course-stat .est-stat-icon{font-size:1.5rem}.est-course-stat .est-stat-content{gap:.2rem}.est-course-stat .est-stat-label{font-size:.7rem}.est-course-stat .est-stat-value{font-size:1.1rem}.est-course-accreditation{border-radius:10px;font-size:.85rem;gap:.6rem;padding:.8rem}.est-course-accreditation .material-symbols-rounded{font-size:20px}:root{--est-text-light:#9ca3af;--est-form-input-bg:#fffc;--est-form-input-border:#e2e8f0cc;--est-form-input-shadow:inset 0 2px 4px #0000000a;--est-form-input-focus-border:#3b82f6;--est-form-input-focus-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;--est-badge-active-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--est-badge-active-text:#065f46;--est-badge-inactive-bg:linear-gradient(135deg,#fee2e2,#fecaca);--est-badge-inactive-text:#991b1b;--est-scrollbar-track:#0000}[data-theme=dark]{--est-text-light:#6b7280;--est-form-input-bg:#1f2937cc;--est-form-input-border:#4b55634d;--est-form-input-shadow:inset 0 2px 4px #0000001a;--est-form-input-focus-border:#60a5fa;--est-form-input-focus-shadow:0 0 0 3px #60a5fa33,0 4px 12px #60a5fa33;--est-badge-active-bg:#22c55e33;--est-badge-active-text:#4ade80;--est-badge-inactive-bg:#ef444433;--est-badge-inactive-text:#f87171;--est-scrollbar-track:#0000}.enrollment-subjects-tab{padding:0;transition:all .3s ease}.est-course-details-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--est-card-shadow);margin-bottom:1rem;padding:2rem;transition:all .3s ease}.est-course-details-card:hover{box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--est-card-hover-shadow);transform:translateY(-2px)}.est-course-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.est-course-title-section{display:flex;flex:1 1;flex-direction:row;gap:.5rem;min-width:300px}.est-course-title-section h2{color:#1e293b;color:var(--est-text-primary);font-size:1.8rem;font-weight:700;margin:0;transition:color .3s ease}.est-course-display-id{align-self:flex-start;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;border-radius:12px;color:#1d4ed8;display:inline-block;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9rem;font-weight:600;padding:.4rem 1rem;transition:all .3s ease}.est-course-badges{display:flex;flex-wrap:wrap;gap:.75rem}.est-course-badge{align-items:center;border-radius:12px;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.est-course-badge.calendar{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b33;color:#d97706}.est-course-badge.delivery{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;color:#7c3aed}.est-course-badge .material-symbols-rounded{font-size:18px}.est-course-path{align-items:center;background:#fffc;background:var(--est-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-form-input-border);border-radius:12px;color:#374151;color:var(--est-text-secondary);display:flex;font-size:.95rem;font-weight:700;gap:.5rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.est-course-path .material-symbols-rounded{color:#6b7280;color:var(--est-text-muted);font-size:20px}.est-course-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.est-course-stat{align-items:center;background:#fffc;background:var(--est-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-form-input-border);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.est-course-stat:hover{box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--est-card-shadow);transform:translateY(-2px)}.est-course-stat .est-stat-icon{color:#3b82f6;font-size:2rem;transition:color .3s ease}.est-course-stat .est-stat-content{display:flex;flex-direction:column;gap:.25rem}.est-course-stat .est-stat-label{color:#6b7280;color:var(--est-text-muted);font-size:.8rem;font-weight:500;transition:color .3s ease}.est-course-stat .est-stat-value{color:#1e293b;color:var(--est-text-primary);font-size:1.4rem;font-weight:700;transition:color .3s ease}.est-course-accreditation{align-items:center;background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;border-radius:12px;color:#059669;display:flex;font-weight:600;gap:.75rem;padding:1rem;transition:all .3s ease}.est-course-accreditation .material-symbols-rounded{font-size:24px}.est-filters-header h4{transition:color .3s ease}.est-filters-header-actions{align-items:center;display:flex;gap:1rem}.est-clear-filters-btn,.est-toggle-filters-btn{align-items:center;background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:12px;color:#374151;color:var(--est-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.est-clear-filters-btn:hover,.est-toggle-filters-btn:hover{box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--est-card-shadow);transform:translateY(-1px)}.est-clear-filters-btn .material-symbols-rounded,.est-toggle-filters-btn .material-symbols-rounded{font-size:18px}.est-filter-field label{transition:color .3s ease}.est-form-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--est-form-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--est-form-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--est-form-input-shadow);color:#1e293b;color:var(--est-text-primary);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.est-form-input:focus{border-color:#3b82f6;border-color:var(--est-form-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--est-form-input-focus-shadow);transform:translateY(-1px)}.est-form-input::placeholder{color:#6b7280;color:var(--est-text-muted);font-weight:400}.est-checkbox-field{align-items:center;display:flex;margin-top:1.5rem}.est-checkbox-label{align-items:center;color:#374151;color:var(--est-text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;transition:color .3s ease}.est-checkbox-label input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--est-form-input-focus-border);height:18px;width:18px}.est-subjects-list-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--est-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--est-container-shadow);padding:1.5rem;transition:all .3s ease}.est-list-header h4{transition:color .3s ease}.est-header-actions{align-items:center;display:flex;gap:1rem}.est-view-toggle,.est-view-toggle-btn{transition:all .3s ease}.est-view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;color:var(--est-text-muted);cursor:pointer;display:flex;font-family:inherit;height:40px;justify-content:center;width:40px}.est-view-toggle-btn:hover{background:#e2e8f0cc;background:var(--est-card-border);color:#1e293b;color:var(--est-text-primary)}.est-view-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--est-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--est-btn-primary-shadow);color:#fff}.est-view-toggle-btn .material-symbols-rounded{font-size:20px}.est-empty-state,.est-loading-state{transition:color .3s ease}.est-empty-state-icon{margin-bottom:1rem;opacity:.6}.est-empty-state-icon .material-symbols-rounded{color:#6b7280;color:var(--est-text-muted);font-size:4rem}.est-loading-state .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.6}.est-loading-state .material-symbols-rounded.spinning{animation:spin 1s linear infinite}.est-empty-state h3{transition:color .3s ease}.est-subjects-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding:.5rem 0}.est-subject-card-modern{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:20px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--est-card-shadow);cursor:pointer;display:flex;flex-direction:column;height:360px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.est-subject-card-modern:hover{border-color:#3b82f64d;box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--est-card-hover-shadow);transform:translateY(-8px) scale(1.02)}.est-subject-card-modern.inactive{filter:grayscale(30%);opacity:.7}.est-subject-card-modern.inactive:hover{filter:grayscale(10%);opacity:.9}.est-subject-card-modern.trending{background:linear-gradient(135deg,#ec489908,#3b82f608);border:1px solid #ec489933}.est-subject-card-modern.trending:before{background:linear-gradient(90deg,#ec4899,#3b82f6);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.est-card-header-modern{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.25rem 0}.est-subject-id-modern{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f633;border-radius:12px;color:#1d4ed8;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.est-header-badges{align-items:flex-end;display:flex;flex-direction:row;gap:.5rem}.est-status-indicator{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.4rem .8rem;transition:all .3s ease}.est-status-indicator.active{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;color:#059669}.est-status-indicator.inactive{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:#dc2626}.est-status-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:50%;height:6px;width:6px}.est-status-indicator.active .est-status-dot{background:#059669}.est-status-indicator.inactive .est-status-dot{background:#dc2626}.est-trending-pill{align-items:center;background:linear-gradient(135deg,#ec4899,#be185d);border-radius:20px;box-shadow:0 4px 12px #ec48994d;color:#fff;display:flex;font-size:.7rem;font-weight:700;gap:.375rem;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.est-trending-pill .material-symbols-rounded{font-size:14px}.est-card-content-modern{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.est-subject-title-modern{display:flex;flex-direction:column;gap:.5rem}.est-subject-title-modern h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--est-text-primary);display:-webkit-box;font-size:1.1rem;font-weight:700;line-height:1.4;margin:0;min-height:2.8rem;overflow:hidden;transition:color .3s ease}.est-subject-acronym{align-self:flex-start;background:#fffc;background:var(--est-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-form-input-border);border-radius:12px;color:#6b7280;color:var(--est-text-muted);font-size:.7rem;font-weight:600;letter-spacing:1px;padding:.25rem .75rem;text-transform:uppercase;transition:all .3s ease}.est-subject-description-modern{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--est-text-muted);display:-webkit-box;font-size:.85rem;line-height:1.5;min-height:2.4rem;overflow:hidden;transition:color .3s ease}.est-subject-tags-modern{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.est-tag{transition:all .3s ease}.est-tag.est-category-tag{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.est-tag.est-type-tag{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;color:#7c3aed}.est-card-footer-modern{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-top:1px solid #e2e8f0cc;border-top:1px solid var(--est-card-border);display:flex;gap:1rem;justify-content:space-between;padding:1rem}[data-theme=dark] .est-card-footer-modern{background:linear-gradient(135deg,#1f2937cc,#111827cc)}.est-stats-section{align-items:center;display:flex;gap:1rem}.est-stat-item{align-items:center;display:flex;gap:.5rem}.est-stat-icon{color:#6b7280;color:var(--est-text-muted);font-size:18px;opacity:.7}.est-stat-content{display:flex;flex-direction:column;gap:.125rem}.est-stat-value.est-credits-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background-clip:text;-webkit-background-clip:text}.est-stat-divider{background:#e2e8f0cc;background:var(--est-card-border);height:24px;opacity:.5;width:1px}.est-actions-section{display:flex;gap:.5rem;opacity:.7;transition:all .3s ease}.est-subject-card-modern:hover .est-actions-section{opacity:1;transform:translateY(-2px)}.est-action-btn-modern{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;height:38px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:38px}.est-action-btn-modern:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1) translateY(-2px)}.est-action-btn-modern .material-symbols-rounded{font-size:16px;z-index:1}.est-action-btn-modern.est-info-btn{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.est-action-btn-modern.est-info-btn:hover{box-shadow:0 4px 15px #3b82f64d}.est-action-btn-modern.est-view-btn{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;color:#059669}.est-action-btn-modern.est-view-btn:hover{box-shadow:0 4px 15px #22c55e4d}.est-grid-spacer{height:0;visibility:hidden}.est-subjects-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--est-card-shadow);overflow:hidden}.est-subjects-table{max-height:600px;overflow-x:auto;overflow-y:auto}.est-subjects-table table{border-collapse:collapse;border-spacing:0;min-width:900px;width:100%}.est-subjects-table th{background:#fff;background:var(--est-card-bg);border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--est-card-border);color:#374151;color:var(--est-text-secondary);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;transition:all .3s ease;z-index:10}.est-subjects-table td{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--est-card-border);color:#1e293b;color:var(--est-text-primary);font-size:.9rem;padding:1rem;transition:all .3s ease;vertical-align:top}.est-subjects-table tr:hover{background:#e2e8f0cc;background:var(--est-card-border)}.est-subjects-table tr.inactive-row{filter:grayscale(20%);opacity:.6}.est-table-subject-id{background:#e2e8f0cc;background:var(--est-card-border);border-radius:8px;color:#6b7280;color:var(--est-text-muted);display:inline-block;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;padding:.35rem .75rem;transition:all .3s ease}.est-table-subject-name{color:#1e293b;color:var(--est-text-primary);font-weight:600;line-height:1.3;transition:color .3s ease}.est-subject-name-text{display:inline}.est-trending-badge{background:linear-gradient(135deg,#ec4899,#be185d);border-radius:6px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;margin-left:.5rem;padding:.2rem .5rem;vertical-align:middle}.est-table-short-name{color:#6b7280;color:var(--est-text-muted);font-style:italic;transition:color .3s ease}.est-table-meta-tag{border-radius:10px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase;transition:all .3s ease}.est-table-meta-tag.category{background:#3b82f61a;border:1px solid #3b82f633;color:#1d4ed8}.est-table-meta-tag.type{background:#a855f71a;border:1px solid #a855f733;color:#7c3aed}.est-table-credits{color:#374151;color:var(--est-text-secondary);font-weight:600;transition:color .3s ease}.est-table-status-badge{border-radius:15px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.3rem .7rem;text-transform:uppercase;transition:all .3s ease}.est-table-status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--est-badge-active-bg);color:#065f46;color:var(--est-badge-active-text)}.est-table-status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--est-badge-inactive-bg);color:#991b1b;color:var(--est-badge-inactive-text)}.est-table-actions{display:flex;gap:.5rem;justify-content:center}.est-table-action-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.est-table-action-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.est-table-action-btn:hover:before{height:36px;width:36px}.est-table-action-btn.view-btn{background:#3b82f61a;border:1px solid #3b82f633;color:#1d4ed8}.est-table-action-btn.view-btn:hover{box-shadow:0 4px 15px #3b82f64d;transform:scale(1.1)}.est-table-action-btn .material-symbols-rounded{font-size:18px;transition:transform .3s ease;z-index:1}.est-table-action-btn:hover .material-symbols-rounded{transform:scale(1.1)}.est-info-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.est-info-popup{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:20px;box-shadow:0 25px 50px #00000040,0 12px 30px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.est-info-popup,.est-info-popup-header{background:#fff;background:var(--est-card-bg)}.est-info-popup-header{align-items:flex-start;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--est-card-border);border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:2rem 2rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.est-popup-title{flex:1 1;margin-right:1rem}.est-popup-title h3{color:#1e293b;color:var(--est-text-primary);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .5rem;transition:color .3s ease}.est-popup-subject-id{background:#e2e8f0cc;background:var(--est-card-border);border-radius:8px;color:#6b7280;color:var(--est-text-muted);display:inline-block;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;padding:.35rem .75rem;transition:all .3s ease}.est-popup-close-btn{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.est-popup-close-btn:hover{box-shadow:0 4px 15px #ef44444d;transform:scale(1.1)}.est-popup-close-btn .material-symbols-rounded{font-size:20px}.est-info-popup-content{padding:1rem 2rem 2rem}.est-popup-section{margin-bottom:2rem}.est-popup-section:last-child{margin-bottom:0}.est-popup-section-title{color:#1e293b;color:var(--est-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem;transition:color .3s ease}.est-popup-status-row{align-items:center;display:flex;justify-content:space-between}.est-popup-badges{flex-wrap:wrap}.est-popup-badge{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase;transition:all .3s ease}.est-popup-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--est-badge-active-bg);color:#065f46;color:var(--est-badge-active-text)}.est-popup-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--est-badge-inactive-bg);color:#991b1b;color:var(--est-badge-inactive-text)}.est-popup-badge.trending{background:linear-gradient(135deg,#ec4899,#be185d);box-shadow:0 4px 12px #ec48994d;color:#fff}.est-popup-description{background:#fffc;background:var(--est-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-form-input-border);border-radius:12px;padding:1rem;transition:all .3s ease}.est-popup-description .rich-text-editor{background:#0000;border:none}.est-popup-description .ql-editor{color:#374151;color:var(--est-text-secondary);font-size:.95rem;line-height:1.6;padding:0}.est-popup-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.est-popup-detail-item{background:#fffc;background:var(--est-form-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-form-input-border);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.est-popup-detail-item:hover{box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--est-card-shadow);transform:translateY(-2px)}.est-detail-label{color:#6b7280;color:var(--est-text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.est-detail-label,.est-detail-value{font-weight:600;transition:color .3s ease}.est-detail-value{color:#1e293b;color:var(--est-text-primary);font-size:.95rem}.est-detail-value.est-category-tag{background:#3b82f61a;color:#1d4ed8}.est-detail-value.est-category-tag,.est-detail-value.est-type-tag{align-self:flex-start;border-radius:8px;font-size:.8rem;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.est-detail-value.est-type-tag{background:#a855f71a;color:#7c3aed}.est-detail-value.est-credits-highlight{align-self:flex-start;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;color:#fff;font-weight:700;padding:.25rem .6rem}.est-popup-actions{display:flex;flex-wrap:wrap;gap:1rem}.est-popup-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.est-popup-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--est-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--est-btn-primary-shadow);color:#fff}.est-popup-action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.est-popup-action-btn .material-symbols-rounded{font-size:18px}[data-theme=dark] .est-course-display-id{background:linear-gradient(135deg,#60a5fa26,#818cf826);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .est-course-badge.calendar{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-color:#fbbf244d;color:#fbbf24}[data-theme=dark] .est-course-badge.delivery{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f74d;color:#a855f7}[data-theme=dark] .est-course-accreditation{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .est-subject-id-modern{background:linear-gradient(135deg,#60a5fa26,#818cf826);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .est-status-indicator.active{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .est-status-indicator.inactive{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef44444d;color:#f87171}[data-theme=dark] .est-tag.est-category-tag{background:linear-gradient(135deg,#60a5fa26,#3b82f626);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .est-tag.est-type-tag{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f74d;color:#a855f7}[data-theme=dark] .est-detail-value.est-category-tag{background:#60a5fa33;color:#60a5fa}[data-theme=dark] .est-detail-value.est-type-tag{background:#a855f733;color:#a855f7}[data-theme=dark] .est-table-meta-tag.category{background:#60a5fa33;border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .est-table-meta-tag.type{background:#a855f733;border-color:#a855f74d;color:#a855f7}@media (max-width:1400px){.est-subjects-grid-modern{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1200px){.est-subjects-grid-modern{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.est-subject-card-modern{height:340px}.est-course-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.est-course-details-card{padding:1.5rem}.est-course-header{align-items:flex-start;flex-direction:column;gap:1rem}.est-course-title-section{min-width:0;min-width:auto;width:100%}.est-course-badges{flex-direction:row;justify-content:flex-start;width:100%}.est-course-stats-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.est-filters-section,.est-subjects-list-section{border-radius:12px;padding:1rem}.est-filters-header{align-items:stretch;flex-direction:column;gap:1rem}.est-filters-header-actions{justify-content:space-between}.est-filters-grid{gap:1rem;grid-template-columns:1fr}.est-list-header{align-items:stretch;flex-direction:column;gap:1rem}.est-header-actions{justify-content:center}.est-subjects-grid-modern{gap:1rem;grid-template-columns:1fr}.est-subject-card-modern{height:auto;min-height:300px}.est-card-header-modern{padding:1rem 1rem 0}.est-card-content-modern{padding:.75rem 1rem}.est-card-footer-modern{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.est-stats-section{justify-content:space-around}.est-actions-section{gap:.75rem;justify-content:center}.est-subjects-table table{min-width:700px}.est-subjects-table td,.est-subjects-table th{font-size:.85rem;padding:.75rem .5rem}.est-info-popup{border-radius:16px;margin:.5rem;max-width:95vw}.est-info-popup-header{border-radius:16px 16px 0 0;padding:1.5rem 1.5rem 1rem}.est-popup-title h3{font-size:1.25rem}.est-info-popup-content{padding:1rem 1.5rem 1.5rem}.est-popup-details-grid{gap:.75rem;grid-template-columns:1fr}.est-popup-actions{flex-direction:column;gap:.75rem}.est-popup-action-btn{min-width:0;min-width:auto}}@media (max-width:480px){.est-course-title-section h2{font-size:1.5rem}.est-course-stats-grid{grid-template-columns:1fr}.est-card-header-modern{align-items:stretch;flex-direction:column;gap:.75rem}.est-header-badges{align-items:center;flex-direction:row;justify-content:space-between}.est-subject-tags-modern{gap:.375rem;justify-content:center}.est-action-btn-modern{height:40px;width:40px}.est-action-btn-modern .material-symbols-rounded{font-size:18px}.est-subjects-table table{min-width:600px}.est-table-actions{flex-direction:column;gap:.25rem}.est-info-popup-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.est-popup-title{margin-right:0}.est-popup-close-btn{align-self:flex-end}.est-info-popup-content{padding:1rem}.est-popup-detail-item{padding:.75rem}.est-popup-action-btn{font-size:.85rem;padding:.75rem 1rem}}.est-action-btn-modern:focus,.est-table-action-btn:focus,.est-view-toggle-btn:focus{outline:3px solid #3b82f6;outline:3px solid var(--est-form-input-focus-border);outline-offset:2px}.est-form-input:focus{outline:none}@media print{.est-actions-section,.est-filters-section,.est-table-actions,.est-view-toggle{display:none!important}.est-subject-card-modern,.est-subjects-table-container{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast:high){.est-subject-card-modern{border:2px solid #1e293b;border:2px solid var(--est-text-primary)}.est-subject-card-modern:hover{border-color:#3b82f6;border-color:var(--est-form-input-focus-border)}}.est-info-popup::-webkit-scrollbar,.est-subjects-table::-webkit-scrollbar{height:8px;width:8px}.est-info-popup::-webkit-scrollbar-thumb,.est-subjects-table::-webkit-scrollbar-thumb{background-color:#94a3b899;background-color:var(--est-scrollbar-thumb);border-radius:8px}.est-info-popup::-webkit-scrollbar-track,.est-subjects-table::-webkit-scrollbar-track{background:#0000;background:var(--est-scrollbar-track)}.est-subject-card-modern.trending{overflow:visible;position:relative}.est-subject-card-modern.trending:after{background:linear-gradient(45deg,#ec4899,#be185d,#3b82f6,#1d4ed8);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.est-subject-card-modern.trending:hover:after{opacity:.3}.cfa-assignments-container.grid .meta-tag-item{align-items:center;border-radius:10px;display:flex;font-size:.7rem;font-weight:600;gap:.375rem;letter-spacing:.3px;padding:.4rem .75rem;white-space:nowrap}.cfa-assignments-container.grid .meta-tag-item.type{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;color:#7c3aed}.cfa-assignments-container.grid .meta-tag-item.year{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.cfa-assignments-container.grid .meta-tag-item .material-symbols-rounded{flex-shrink:0;font-size:14px}.cfa-container,.cou-filters-section{padding:1rem;transition:all .3s ease}.cou-filters-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--cs-container-bg);border:1px solid var(--cs-container-border);border-radius:12px;box-shadow:var(--cs-container-shadow);margin-bottom:.5rem}.cou-filters-section.collapsed{padding:1rem}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.filters-header h4{color:var(--cs-text-primary);font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.filters-header-actions{align-items:center;display:flex;gap:1rem}.clear-filters-btn,.toggle-filters-btn{align-items:center;background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:12px;color:var(--cs-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.clear-filters-btn:hover,.toggle-filters-btn:hover{box-shadow:var(--cs-card-shadow);transform:translateY(-1px)}.clear-filters-btn .material-symbols-rounded,.toggle-filters-btn .material-symbols-rounded{font-size:18px}.filters-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-field{display:flex;flex-direction:column;gap:.5rem}.filter-field label{color:var(--cs-text-secondary);font-size:.9rem;font-weight:600;transition:color .3s ease}.subjects-form-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--cs-form-input-bg);border:2px solid var(--cs-form-input-border);border-radius:12px;box-shadow:var(--cs-form-input-shadow);color:var(--cs-form-input-text);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.subjects-form-input:focus{border-color:var(--cs-form-input-focus-border);box-shadow:var(--cs-form-input-focus-shadow);transform:translateY(-1px)}.subjects-form-input::placeholder{color:var(--cs-form-input-placeholder);font-weight:400}.checkbox-field{align-items:center;display:flex;margin-top:1.5rem}.checkbox-label{align-items:center;color:var(--cs-text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;transition:color .3s ease}.checkbox-label input[type=checkbox]{accent-color:var(--cs-form-input-focus-border);height:18px;width:18px}.subjects-list-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--cs-container-bg);border:1px solid var(--cs-container-border);border-radius:12px;box-shadow:var(--cs-container-shadow);padding:1.5rem;transition:all .3s ease}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.list-header h4{color:var(--cs-text-primary);font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.view-mode-toggle{background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:12px}.view-mode-btn{border-radius:8px;color:var(--cs-text-secondary);font-family:inherit;padding:.5rem .75rem;transition:all .3s ease}.view-mode-btn .material-symbols-rounded{font-size:1.2rem}.view-mode-btn:hover{background:var(--cs-form-input-bg)}.cfa-add-btn,.view-mode-btn.active{background:var(--cs-btn-primary-bg);box-shadow:var(--cs-btn-primary-shadow);color:var(--cs-btn-primary-text)}.cfa-add-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.cfa-add-btn:hover{background:var(--cs-btn-primary-hover-bg);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.cfa-add-btn .material-symbols-rounded{font-size:1.1rem}.cfa-loading-container,.empty-state{align-items:center;color:var(--cs-text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center;transition:color .3s ease}.cfa-loading-spinner{color:var(--cs-info-icon-text);font-size:3rem;margin-bottom:1rem;opacity:.6}.cfa-loading-spinner .material-symbols-rounded{animation:spin 1s linear infinite}.empty-state-icon{margin-bottom:1rem;opacity:.6}.empty-state-icon .material-symbols-rounded{color:var(--cs-text-muted);font-size:4rem}.empty-state h3{color:var(--cs-text-primary);font-size:1.5rem;font-weight:600;transition:color .3s ease}.empty-state p{font-size:1rem;line-height:1.5}.cfa-subjects-container{display:flex;flex-direction:column;gap:2rem;overflow-y:auto;padding:.5rem}.cfa-subjects-container::-webkit-scrollbar{width:8px}.cfa-subjects-container::-webkit-scrollbar-track{background:#0000;border-radius:4px}.cfa-subjects-container::-webkit-scrollbar-thumb{background:#3b82f64d;background:var(--cs-scrollbar-thumb,#3b82f64d);border-radius:4px}.cfa-subjects-container::-webkit-scrollbar-thumb:hover{background:var(--cs-form-input-focus-border)}.cfa-subject-group{background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:16px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.cfa-subject-group:hover{box-shadow:0 4px 12px #0000001a}.cfa-subject-group-header{align-items:center;background:linear-gradient(135deg,#3b82f60d,#6366f10d);border-bottom:1px solid var(--cs-card-border);display:flex;justify-content:space-between;padding:.5rem}.subject-info{align-items:center;display:flex;gap:1rem}.subject-info .material-symbols-rounded{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;border-radius:12px;color:var(--cs-form-input-focus-border);font-size:2rem;padding:.5rem}.subject-details h3{color:var(--cs-text-primary);font-size:1.25rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.subject-code{background:var(--cs-form-input-bg);border:1px solid var(--cs-form-input-border);border-radius:8px;color:var(--cs-text-secondary);padding:.25rem .75rem}.subject-meta{align-items:center;display:flex;gap:1rem}.assignment-count{background:var(--cs-form-input-bg);border:1px solid var(--cs-form-input-border);border-radius:12px;color:var(--cs-text-secondary);font-size:.9rem;font-weight:600;padding:.5rem 1rem}.credits-badge{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;border-radius:12px;color:#7c3aed;font-size:.85rem;padding:.5rem 1rem}.subject-progress-btn{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;border-radius:12px;color:#3b82f6;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.subject-progress-btn:hover{background:linear-gradient(135deg,#3b82f626,#2563eb26);border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.subject-progress-btn .material-symbols-rounded{font-size:18px}.cfa-assignments-container{padding:1.5rem}.cfa-assignments-container.grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.cfa-assignments-container.grid .cfa-assignment-card{height:260px}.cfa-assignments-container.grid .cfa-assignment-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.cfa-assignments-container.grid .cfa-assignment-card:hover{border-color:#3b82f64d;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #3b82f61a;transform:translateY(-8px) scale(1.02)}.cfa-assignments-container.grid .cfa-assignment-card:hover:before{opacity:1}.cfa-assignments-container.grid .cfa-assignment-card.inactive{filter:grayscale(30%);opacity:.7}.cfa-assignments-container.grid .card-header-modern{gap:1rem}.cfa-assignments-container.grid .faculty-id-modern{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f633;border-radius:12px;color:var(--cs-form-input-focus-border);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;white-space:nowrap}.cfa-assignments-container.grid .trending-pill{align-items:center;background:linear-gradient(135deg,#ec4899,#be185d);border-radius:20px;box-shadow:0 4px 12px #ec48994d;color:#fff;display:flex;font-size:.7rem;font-weight:700;gap:.375rem;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.cfa-assignments-container.grid .trending-pill .material-symbols-rounded{font-size:14px}.cfa-assignments-container.grid .card-content-modern{gap:.75rem;padding:1rem 1.25rem}.cfa-assignments-container.grid .faculty-name-title{display:flex;flex-direction:column;gap:.5rem}.cfa-assignments-container.grid .faculty-name-title h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--cs-text-primary);display:-webkit-box;font-size:1.1rem;font-weight:700;line-height:1.4;margin:0;overflow:hidden}.cfa-assignments-container.grid .section-subtitle{align-items:center;color:var(--cs-text-muted);display:flex;font-size:.95rem;font-weight:700;gap:.5rem;line-height:1.5}.cfa-assignments-container.grid .section-subtitle .material-symbols-rounded{font-size:16px}.cfa-assignments-container.grid .assignment-info-grid{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr}.cfa-assignments-container.grid .assignment-meta-tags{display:contents}.cfa-assignments-container.grid .faculty-department{align-items:center;background:#f59e0b0d;border:1px solid #f59e0b26;border-radius:10px;color:var(--cs-text-secondary);display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.cfa-assignments-container.grid .faculty-department .material-symbols-rounded{color:#d97706;font-size:14px;opacity:.8}.cfa-assignments-container.grid .card-footer-modern{gap:1rem;padding:.75rem 1.25rem}.cfa-assignments-container.grid .action-btn-modern{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.cfa-assignments-container.grid .action-btn-modern .material-symbols-rounded{font-size:16px}.cfa-assignments-container.grid .action-btn-modern:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1) translateY(-2px)}.cfa-assignments-container.grid .action-btn-modern.info-btn{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.cfa-assignments-container.grid .action-btn-modern.edit-btn{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b33;color:#d97706}.cfa-assignments-container.grid .action-btn-modern.delete-btn{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:#dc2626}.status-indicator{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.4rem .8rem}.status-indicator.active{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;color:#059669}.status-indicator.inactive{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:#dc2626}.status-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:50%;height:6px;width:6px}.status-indicator.active .status-dot{background:#059669}.status-indicator.inactive .status-dot{background:#dc2626}.cfa-assignments-container.list{overflow:auto;padding:0}.cfa-assignments-table{border-collapse:collapse;overflow:hidden;width:100%}.cfa-assignments-table thead{background:var(--cs-card-bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.cfa-assignments-table th{border-bottom:2px solid var(--cs-card-border);color:var(--cs-text-secondary);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;white-space:nowrap}.cfa-assignments-table td{border-bottom:1px solid var(--cs-card-border);color:var(--cs-text-primary);font-size:.9rem;padding:1rem;vertical-align:middle}.cfa-assignments-table tbody tr{transition:all .3s ease}.cfa-assignments-table tbody tr:hover{background:var(--cs-form-input-bg)}.cfa-assignments-table tbody tr.inactive-row{filter:grayscale(20%);opacity:.6}.table-faculty-cell{min-width:200px}.table-faculty-name{color:var(--cs-text-primary);font-weight:700;margin-bottom:.25rem}.table-faculty-id{color:var(--cs-text-muted);font-family:Courier New,monospace;font-size:.75rem}.table-section-cell{min-width:180px}.table-section-name{color:var(--cs-text-primary);font-weight:600;margin-bottom:.25rem}.table-section-path{color:var(--cs-text-muted);font-size:.75rem;font-style:italic}.table-type-badge{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;border-radius:15px;color:#7c3aed;display:inline-block}.table-status-badge,.table-type-badge{font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.3rem .7rem}.table-status-badge{align-items:center;border-radius:15px;display:inline-flex;gap:.375rem}.table-status-badge.active{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;color:#059669}.table-status-badge.inactive{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:#dc2626}.table-status-badge .status-dot{height:5px;width:5px}.table-period-cell{color:var(--cs-text-secondary);font-size:.8rem;white-space:nowrap}.table-actions-cell{text-align:center}.table-actions{gap:.5rem}.table-action-btn,.table-actions{display:flex;justify-content:center}.table-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;height:36px;transition:all .3s ease;width:36px}.table-action-btn .material-symbols-rounded{font-size:18px}.table-action-btn:hover{transform:scale(1.1)}.table-action-btn.view-btn{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.table-action-btn.view-btn:hover{box-shadow:0 4px 15px #3b82f64d}.table-action-btn.edit-btn{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b33;color:#d97706}.table-action-btn.edit-btn:hover{box-shadow:0 4px 15px #f59e0b4d}.table-action-btn.remove-btn{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:#dc2626}.table-action-btn.remove-btn:hover{box-shadow:0 4px 15px #ef44444d}.cfa-popup-large{max-width:800px!important}.popup-badge.assignment-type{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733}.cfa-preview{animation:slideIn .3s ease;background:linear-gradient(135deg,#22c55e0d,#10b9810d);border:2px solid #22c55e33;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.cfa-preview h4{font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 1.25rem}.cfa-preview h4,.cfa-preview h4:before{align-items:center;color:#059669;display:flex}.cfa-preview h4:before{background:#fffffff2;border-radius:50%;content:"✓";font-size:1rem;height:28px;justify-content:center;width:28px}.cfa-preview-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cfa-preview-item{background:#fffc;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.cfa-preview-label{color:#059669;font-size:.8rem;font-weight:700;letter-spacing:.5px}.cfa-preview-value{color:var(--cs-text-primary);font-size:.95rem;font-weight:600}[data-theme=dark] .subject-info .material-symbols-rounded{background:linear-gradient(135deg,#60a5fa26,#3b82f626);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .status-indicator.active{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .status-indicator.inactive{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef44444d;color:#f87171}[data-theme=dark] .table-status-badge.active{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .table-status-badge.inactive{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef44444d;color:#f87171}[data-theme=dark] .credits-badge,[data-theme=dark] .meta-tag-item.type,[data-theme=dark] .table-type-badge{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f74d;color:#a855f7}[data-theme=dark] .subject-progress-btn{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f64d;color:#60a5fa}[data-theme=dark] .subject-progress-btn:hover{background:linear-gradient(135deg,#3b82f640,#2563eb40);border-color:#3b82f666;box-shadow:0 4px 12px #3b82f64d}[data-theme=dark] .faculty-id-modern{background:linear-gradient(135deg,#60a5fa26,#818cf826);border-color:#60a5fa4d;color:#60a5fa}.csf-registration-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.student-registration-popup{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:20px;box-shadow:0 25px 50px #00000040,0 12px 30px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:visible;position:relative;width:100%;z-index:10001}.student-registration-popup .popup-body{max-height:calc(90vh - 180px);overflow-x:hidden;overflow-y:auto}.student-registration-popup .custom-dropdown,.student-registration-popup .custom-dropdown-menu,.student-registration-popup .dropdown-menu,.student-registration-popup [class*=Dropdown],.student-registration-popup [class*=dropdown]{z-index:10002!important}.MuiPaper-root.MuiPickersPopper-paper,.MuiPickersPopper-root,.MuiPopper-root,.custom-dropdown-options,body>.custom-dropdown-menu,body>[class*=Dropdown],body>[class*=dropdown-menu],body>div[class*=Dropdown],body>div[class*=dropdown],div[role=dialog].MuiDialog-root,div[role=presentation]{z-index:10003!important}@media (max-width:1400px){.cfa-assignments-container.grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1200px){.cfa-assignments-container.grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cfa-assignments-container.grid .cfa-assignment-card{height:320px}.student-registration-popup{max-width:95vw}}@media (max-width:768px){.cfa-container{padding:.5rem}.list-header{align-items:stretch;flex-direction:column;gap:.75rem}.list-header>div{justify-content:space-between;width:100%}.cfa-subject-group-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.subject-meta{flex-wrap:wrap;gap:.5rem;justify-content:space-between;width:100%}.cfa-assignments-container.grid{gap:1rem;grid-template-columns:1fr}.cfa-assignments-container.grid .cfa-assignment-card{height:auto;min-height:280px;padding:0}.cfa-assignments-container.grid .card-header-modern{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.cfa-assignments-container.grid .faculty-id-modern{align-self:flex-start;font-size:.7rem;padding:.4rem .75rem}.cfa-assignments-container.grid .header-badges{flex-direction:row;flex-wrap:wrap;gap:.5rem;width:100%}.cfa-assignments-container.grid .card-content-modern{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:0 1rem 1rem}.cfa-assignments-container.grid .faculty-header-centered{gap:.75rem;margin-bottom:.5rem}.cfa-assignments-container.grid .faculty-avatar-centered{font-size:1.5rem;height:56px;width:56px}.cfa-assignments-container.grid .faculty-name-centered{font-size:1rem}.cfa-assignments-container.grid .faculty-designation{font-size:.8rem}.cfa-assignments-container.grid .card-footer-modern{flex-shrink:0;margin-top:auto;min-height:60px;padding:.75rem 1rem}.cfa-assignments-container.grid .assignment-period-compact{font-size:.7rem}.cfa-assignments-container.grid .actions-section-modern{gap:.5rem}.cfa-assignments-container.grid .action-btn-modern{font-size:.8rem;padding:.5rem .75rem}.filters-grid{gap:.75rem;grid-template-columns:1fr}.cfa-assignments-container.list{-webkit-overflow-scrolling:touch;overflow-x:auto}.cfa-assignments-table{min-width:700px}.cfa-assignments-table td,.cfa-assignments-table th{font-size:.85rem;padding:.625rem .5rem}.cfa-assignments-table th{white-space:nowrap}.student-registration-popup{border-radius:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.csf-registration-overlay{align-items:stretch!important;padding:0!important}.student-registration-popup .popup-header{border-bottom:1px solid var(--cs-card-border)!important;flex-shrink:0!important;padding:.75rem!important}.student-registration-popup .popup-header h2{font-size:1rem!important}.student-registration-popup .popup-header p{font-size:.85rem!important}.student-registration-popup .popup-body{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important;padding:.75rem!important}.student-registration-popup .popup-footer{background:var(--cs-card-bg)!important;border-top:1px solid var(--cs-card-border)!important;flex-shrink:0!important;padding:.75rem!important}.student-registration-popup .step-content{padding:0!important}.student-registration-popup .faculty-grid{gap:.75rem!important;grid-template-columns:1fr!important}.student-registration-popup .faculty-card{padding:.75rem!important}.student-registration-popup .faculty-filters-grid,.student-registration-popup .srg-form-grid{gap:.75rem!important;grid-template-columns:1fr!important}.action-btn-modern,.table-action-btn,button{font-size:16px;min-height:44px;min-width:44px}input[type=email],input[type=search],input[type=text],select,textarea{font-size:16px!important;min-height:44px}.cfa-assignment-card{padding:0}}@media (max-width:480px){.cfa-container{padding:.25rem}.list-header{gap:.5rem}.cfa-subject-group-header{gap:.5rem;padding:.75rem}.student-registration-popup .popup-header{padding:.5rem!important}.student-registration-popup .popup-header h2{font-size:.9rem!important}.student-registration-popup .popup-header p{font-size:.75rem!important}.student-registration-popup .faculty-card,.student-registration-popup .popup-body,.student-registration-popup .popup-footer{padding:.5rem!important}.student-registration-popup .faculty-filters-grid,.student-registration-popup .srg-form-grid{gap:.5rem!important}.cfa-assignments-container.grid .cfa-assignment-card{border-radius:16px;min-height:260px}.cfa-assignments-container.grid .card-header-modern{gap:.5rem;padding:.875rem}.cfa-assignments-container.grid .header-badges{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.cfa-assignments-container.grid .faculty-id-modern,.cfa-assignments-container.grid .trending-pill{font-size:.65rem;padding:.35rem .625rem}.cfa-assignments-container.grid .card-content-modern{padding:0 .875rem .875rem}.cfa-assignments-container.grid .faculty-avatar-centered{font-size:1.3rem;height:52px;width:52px}.cfa-assignments-container.grid .faculty-name-centered{font-size:.95rem}.cfa-assignments-container.grid .faculty-designation{font-size:.75rem}.cfa-assignments-container.grid .card-footer-modern{align-items:stretch;flex-direction:column;gap:.5rem;padding:.625rem .875rem}.cfa-assignments-container.grid .actions-section-modern{flex-wrap:wrap;justify-content:center}.cfa-assignments-container.grid .action-btn-modern{font-size:.75rem;padding:.4rem .625rem}.cfa-assignments-table{min-width:600px}.cfa-assignments-table td,.cfa-assignments-table th{font-size:.8rem;padding:.5rem .375rem}.cfa-assignment-card{padding:0}.badge,.status-badge{font-size:.7rem;padding:.25rem .5rem}.action-btn-modern{font-size:.85rem;padding:.5rem .75rem}}@media (prefers-reduced-motion:reduce){.action-btn-modern,.cfa-assignment-card,.cfa-subject-group,.status-dot,.table-action-btn{animation:none;transition:none}.action-btn-modern:hover,.cfa-assignment-card:hover,.table-action-btn:hover{transform:none}}.info-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.info-popup{animation:slideInUp .4s cubic-bezier(.4,0,.2,1);background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:24px;box-shadow:0 25px 50px #0000004d,0 12px 30px #0003;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.cfa-popup-large{max-width:900px!important;width:100%}.info-popup-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f614,#6366f114);border-bottom:1px solid var(--cs-card-border);display:flex;justify-content:space-between;padding:1.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.popup-title{align-items:center;display:flex;gap:1rem}.popup-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:var(--cs-text-primary);font-size:1.5rem;font-weight:700;margin:0}.popup-subject-id{background:linear-gradient(135deg,#3b82f626,#6366f126);border:1px solid #3b82f640;border-radius:12px;color:var(--cs-form-input-focus-border);font-family:SF Mono,Monaco,monospace;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem}.popup-close-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#dc2626;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.popup-close-btn:hover{background:#ef444433;transform:scale(1.05) rotate(90deg)}.popup-close-btn .material-symbols-rounded{font-size:20px}.info-popup-content{flex:1 1;overflow-y:auto;padding:2rem}.info-popup-content::-webkit-scrollbar{width:8px}.info-popup-content::-webkit-scrollbar-track{background:#0000}.info-popup-content::-webkit-scrollbar-thumb{background:#3b82f64d;background:var(--cs-scrollbar-thumb,#3b82f64d);border-radius:4px}.popup-section{background:var(--cs-form-input-bg);border:1px solid var(--cs-form-input-border);border-radius:16px;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.popup-section:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #0000000d}.popup-section:last-child{margin-bottom:0}.popup-section-title{align-items:center;border-bottom:2px solid var(--cs-card-border);color:var(--cs-text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem}.popup-section-title:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:2px;content:"";height:20px;width:4px}.popup-details-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.popup-detail-item{background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.popup-detail-item:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.detail-label{color:var(--cs-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.5px}.detail-value{color:var(--cs-text-primary);font-size:.95rem;font-weight:600;word-break:break-word}.detail-value.credits-highlight{color:#7c3aed;font-size:1.1rem;font-weight:700}.detail-value.type-tag{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;border-radius:10px;color:#7c3aed;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;width:-webkit-fit-content;width:fit-content}.popup-status-row{margin-bottom:1rem}.popup-badges{display:flex;flex-wrap:wrap;gap:.75rem}.popup-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:700;gap:.5rem;letter-spacing:.5px;padding:.6rem 1.2rem}.popup-badge.active{background:linear-gradient(135deg,#22c55e26,#10b98126);border:1px solid #22c55e4d;color:#059669}.popup-badge.inactive{background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid #ef44444d;color:#dc2626}.popup-badge.assignment-type{background:linear-gradient(135deg,#a855f726,#9333ea26);border:1px solid #a855f74d;color:#7c3aed}.popup-actions{display:flex;gap:1rem;justify-content:flex-end}.popup-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.popup-action-btn .material-symbols-rounded{font-size:18px}.popup-action-btn.danger{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:#dc2626}.popup-action-btn.danger:hover{background:linear-gradient(135deg,#ef444433,#dc262633);box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}[data-theme=dark] .popup-badge.active{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e59;color:#4ade80}[data-theme=dark] .popup-badge.inactive{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444459;color:#f87171}[data-theme=dark] .detail-value.type-tag,[data-theme=dark] .popup-badge.assignment-type{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f759;color:#a855f7}@media (max-width:768px){.info-popup-overlay{padding:1rem}.info-popup-header{padding:1.25rem 1.5rem}.popup-title{align-items:flex-start;flex-direction:column;gap:.5rem}.popup-title h3{font-size:1.25rem}.info-popup-content{padding:1.5rem}.popup-section{padding:1rem}.popup-details-grid{gap:1rem;grid-template-columns:1fr}.popup-actions{flex-direction:column}.popup-action-btn{justify-content:center;width:100%}}.faculty-search-section{background:linear-gradient(135deg,#3b82f60d,#6366f10d);border:1px solid var(--cs-card-border);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.faculty-search-title{align-items:center;color:var(--cs-text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 1.25rem}.faculty-filters-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faculty-selection-section{margin-bottom:1.5rem}.faculty-selection-title{color:var(--cs-text-primary);font-size:1.1rem;font-weight:700;margin:0 0 1.25rem}.faculty-empty-state,.faculty-loading{align-items:center;color:var(--cs-text-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.faculty-empty-state .material-symbols-rounded,.faculty-loading .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.6}.faculty-grid{grid-gap:1rem;background:var(--cs-form-input-bg);border:1px solid var(--cs-card-border);border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:400px;overflow-y:auto;padding:.5rem}.faculty-grid::-webkit-scrollbar{width:8px}.faculty-grid::-webkit-scrollbar-track{background:#0000;border-radius:4px}.faculty-grid::-webkit-scrollbar-thumb{background:#3b82f64d;background:var(--cs-scrollbar-thumb,#3b82f64d);border-radius:4px}.faculty-card{align-items:center;background:var(--cs-card-bg);border:2px solid var(--cs-card-border);border-radius:16px;cursor:pointer;display:flex;flex-direction:row;gap:1rem;padding:1rem;position:relative;transition:all .3s ease}.faculty-card:hover{border-color:#3b82f666;box-shadow:0 8px 20px #3b82f626;transform:translateY(-2px)}.faculty-card.selected{background:linear-gradient(135deg,#3b82f614,#6366f114);border-color:#3b82f6;box-shadow:0 8px 24px #3b82f633}.faculty-card-header{flex-direction:column;gap:.5rem}.faculty-avatar,.faculty-card-header{align-items:center;display:flex;flex-shrink:0}.faculty-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:3px solid var(--cs-card-bg);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;text-transform:uppercase;width:56px}[data-theme=dark] .faculty-avatar{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.faculty-avatar .material-symbols-rounded{color:#fff;font-size:28px}.faculty-select-indicator{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.faculty-select-indicator .material-symbols-rounded{animation:scaleIn .3s ease;color:#22c55e;font-size:20px}.faculty-card-body{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.faculty-name{color:var(--cs-text-primary);font-size:1rem;font-weight:700;line-height:1.4;margin:0}.faculty-details{display:flex;flex-direction:column;gap:.375rem}.faculty-detail{align-items:center;color:var(--cs-text-secondary);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faculty-detail .material-symbols-rounded{flex-shrink:0;font-size:16px;opacity:.7}.selected-faculty-summary{animation:slideIn .3s ease;background:linear-gradient(135deg,#22c55e14,#10b98114);border:2px solid #22c55e4d;border-radius:16px;margin-top:1.5rem;padding:1.5rem}.selected-faculty-summary h4{align-items:center;color:#059669;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.selected-faculty-summary h4:before{align-items:center;background:#fffffff2;border-radius:50%;color:#059669;content:"✓";display:flex;font-size:.9rem;height:24px;justify-content:center;width:24px}.summary-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{color:#059669;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:var(--cs-text-primary);font-size:.9rem;font-weight:600}@media print{.actions-section-modern,.assignment-actions,.cfa-add-btn,.table-actions,.view-mode-toggle{display:none!important}.cfa-assignment-card,.cfa-assignments-table{box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.table-filter-select-inline{-webkit-appearance:none;appearance:none;background:var(--cs-card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;border:1px solid var(--cs-card-border);border-radius:8px;color:var(--cs-text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;min-width:140px;outline:none;padding:.6rem 2rem .6rem .9rem;transition:all .3s ease}.table-filter-select-inline:hover{background-color:var(--cs-form-input-bg);border-color:var(--cs-form-input-focus-border)}.table-filter-select-inline:focus{background-color:var(--cs-form-input-focus-bg);border-color:var(--cs-form-input-focus-border);box-shadow:0 0 0 2px #3b82f61a}.table-filter-select-inline option{background:var(--cs-card-bg);color:var(--cs-text-primary);padding:.5rem}[data-theme=dark] .table-filter-select-inline{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239ca3af' d='M6 8 2 4h8z'/%3E%3C/svg%3E")}.subject-collapse-btn{align-items:center;background:var(--cs-form-input-bg);border:1px solid var(--cs-form-input-border);border-radius:10px;color:var(--cs-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.subject-collapse-btn:hover{background:var(--cs-form-input-focus-bg);border-color:var(--cs-form-input-focus-border);color:var(--cs-form-input-focus-border);transform:scale(1.05)}.subject-collapse-btn .material-symbols-rounded{font-size:20px}.cfa-assignments-container.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,360px));justify-content:start}.cfa-assignments-container.grid .cfa-assignment-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--cs-card-bg);border:1px solid var(--cs-card-border);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;flex-direction:column;max-width:365px;min-height:420px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.cfa-assignments-container.grid .card-header-modern{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;min-height:60px;padding:1.25rem 1.25rem 0}.cfa-assignments-container.grid .header-badges{align-items:flex-end;display:flex;flex-direction:row;flex-shrink:0;gap:.5rem}.cfa-assignments-container.grid .card-content-modern{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.875rem;justify-content:center;padding:1.25rem}.cfa-assignments-container.grid .faculty-header-centered{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.cfa-assignments-container.grid .faculty-avatar-centered{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:3px solid var(--cs-card-bg);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:72px;justify-content:center;position:relative;text-transform:uppercase;width:72px}[data-theme=dark] .cfa-assignments-container.grid .faculty-avatar-centered{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.cfa-assignments-container.grid .faculty-name-centered{word-wrap:break-word;color:var(--cs-text-primary);font-size:1.15rem;font-weight:700;line-height:1.4;margin:0;max-width:100%;text-align:center}.cfa-assignments-container.grid .faculty-contact-centered{color:var(--cs-text-muted);display:flex;flex-direction:column;font-size:.85rem;gap:.375rem;line-height:1.4;text-align:center;width:100%}.cfa-assignments-container.grid .contact-line-centered{word-wrap:break-word;align-items:center;color:var(--cs-text-muted);display:flex;font-size:.8rem;gap:.5rem;justify-content:center;line-height:1.6;overflow:hidden;text-overflow:ellipsis}.cfa-assignments-container.grid .contact-line-centered .material-symbols-rounded{flex-shrink:0;font-size:15px;opacity:.7}.cfa-assignments-container.grid .assignment-info-grid-centered{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.cfa-assignments-container.grid .meta-tag-item-centered{align-items:center;border-radius:10px;display:flex;font-size:.7rem;font-weight:600;gap:.375rem;letter-spacing:.3px;padding:.4rem .75rem;white-space:nowrap}.cfa-assignments-container.grid .meta-tag-item-centered.cfa-department{background:#f59e0b0d;border:1px solid #f59e0b26;color:var(--cs-text-secondary)}.cfa-assignments-container.grid .meta-tag-item-centered.cfa-department .material-symbols-rounded{color:#d97706;font-size:14px;opacity:.8}.cfa-assignments-container.grid .meta-tag-item-centered.type{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;color:#7c3aed}.cfa-assignments-container.grid .meta-tag-item-centered.year{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.cfa-assignments-container.grid .meta-tag-item-centered .material-symbols-rounded{flex-shrink:0;font-size:14px}.cfa-assignments-container.grid .card-footer-modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-top:1px solid var(--cs-card-border);display:flex;flex-shrink:0;gap:.75rem;justify-content:space-between;min-height:60px;padding:.75rem 1rem}[data-theme=dark] .cfa-assignments-container.grid .card-footer-modern{background:linear-gradient(135deg,#1f2937cc,#111827cc)}.cfa-assignments-container.grid .assignment-period-compact{align-items:center;color:var(--cs-text-secondary);display:flex;flex:1 1;font-size:.7rem;font-weight:600;gap:.5rem;min-width:0}.cfa-assignments-container.grid .assignment-period-compact .material-symbols-rounded{flex-shrink:0;font-size:14px;opacity:.7}.cfa-assignments-container.grid .assignment-period-compact .period-dates{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfa-assignments-container.grid .actions-section-modern{display:flex;flex-shrink:0;gap:.5rem}[data-theme=dark] .cfa-assignments-container.grid .meta-tag-item-centered.type{background:linear-gradient(135deg,#a855f733,#9333ea33);border-color:#a855f74d;color:#a855f7}[data-theme=dark] .cfa-assignments-container.grid .meta-tag-item-centered.year{background:linear-gradient(135deg,#60a5fa26,#818cf826);border-color:#60a5fa4d;color:#60a5fa}@media (max-width:1400px){.cfa-assignments-container.grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,340px))}}@media (max-width:1200px){.cfa-assignments-container.grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,340px))}.cfa-assignments-container.grid .cfa-assignment-card{min-height:400px}}@media (max-width:768px){.cfa-assignments-container.grid{gap:1rem;grid-template-columns:1fr;justify-content:center}.cfa-assignments-container.grid .cfa-assignment-card{max-width:100%;min-height:380px}.cfa-assignments-container.grid .faculty-avatar-centered{font-size:1.3rem;height:64px;width:64px}.cfa-assignments-container.grid .faculty-name-centered{font-size:1.05rem}.cfa-assignments-container.grid .card-footer-modern{align-items:stretch;flex-direction:column;gap:.5rem}.cfa-assignments-container.grid .actions-section-modern{justify-content:center}}:root{--est-container-bg:#fffffff2;--est-container-border:#e2e8f0cc;--est-container-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;--est-text-primary:#1e293b;--est-text-secondary:#374151;--est-text-muted:#6b7280;--est-card-bg:#fff;--est-card-border:#e2e8f0cc;--est-card-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;--est-card-hover-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;--est-input-bg:#fffc;--est-input-border:#e2e8f0cc;--est-input-shadow:inset 0 2px 4px #0000000a;--est-input-focus-border:#3b82f6;--est-input-focus-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;--est-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--est-btn-primary-shadow:0 4px 12px #3b82f64d;--est-scrollbar-thumb:#94a3b899}[data-theme=dark]{--est-container-bg:#1a1a1af2;--est-container-border:#ffffff1a;--est-container-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff0d;--est-text-primary:#fff;--est-text-secondary:#e5e7eb;--est-text-muted:#9ca3af;--est-card-bg:#1f2937cc;--est-card-border:#4b55634d;--est-card-shadow:0 2px 8px #0003,0 1px 4px #0000001a;--est-card-hover-shadow:0 8px 25px #0000004d,0 4px 12px #3b82f61a;--est-input-bg:#1f2937cc;--est-input-border:#4b55634d;--est-input-shadow:inset 0 2px 4px #0000001a;--est-input-focus-border:#60a5fa;--est-input-focus-shadow:0 0 0 3px #60a5fa33,0 4px 12px #60a5fa33;--est-btn-primary-bg:linear-gradient(135deg,#60a5fa,#3b82f6);--est-btn-primary-shadow:0 4px 12px #60a5fa4d;--est-scrollbar-thumb:#60a5fa4d}.enrollment-students-tab{padding:0;transition:all .3s ease}.est-filters-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--est-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--est-container-shadow);margin-bottom:1rem;padding:1rem;transition:all .3s ease}.est-filters-section.collapsed{padding:1rem}.est-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.est-filters-section.collapsed .est-filters-header{margin-bottom:0}.est-filters-header h4{color:#1e293b;color:var(--est-text-primary);font-size:1.25rem;font-weight:600;margin:0}.est-filters-actions{align-items:center;display:flex;gap:1rem}.est-add-btn,.est-btn{align-items:center;background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:12px;color:#374151;color:var(--est-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.est-add-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--est-btn-primary-bg);border-color:#0000;box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--est-btn-primary-shadow);color:#fff}.est-add-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-1px)}.est-btn:hover:not(:disabled){box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--est-card-shadow);transform:translateY(-1px)}.est-btn:disabled{cursor:not-allowed;opacity:.5}.est-filters-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.est-filter-field{display:flex;flex-direction:column;gap:.5rem}.est-filter-field label{color:#374151;color:var(--est-text-secondary);font-size:.9rem;font-weight:600}.est-search-box{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;background:var(--est-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--est-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--est-input-shadow);display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.est-search-box .material-symbols-rounded{color:#6b7280;color:var(--est-text-muted);font-size:20px}.est-search-box input{background:#0000;border:none;color:#1e293b;color:var(--est-text-primary);flex:1 1;font-family:inherit;font-size:.95rem;font-weight:500;outline:none}.est-search-box input::placeholder{color:#6b7280;color:var(--est-text-muted);font-weight:400}.est-search-box:focus-within{border-color:#3b82f6;border-color:var(--est-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--est-input-focus-shadow);transform:translateY(-1px)}.est-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;background:var(--est-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--est-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--est-input-shadow);color:#1e293b;color:var(--est-text-primary);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.est-input:focus{border-color:#3b82f6;border-color:var(--est-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--est-input-focus-shadow);transform:translateY(-1px)}.est-input::placeholder{color:#6b7280;color:var(--est-text-muted);font-weight:400}.est-list-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--est-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--est-container-shadow);padding:1.5rem}.est-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.est-list-header h4{color:#1e293b;color:var(--est-text-primary);font-size:1.25rem;font-weight:600;margin:0}.est-view-toggle{background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:12px;display:flex;padding:.25rem}.est-toggle-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;color:var(--est-text-muted);cursor:pointer;display:flex;font-family:inherit;height:40px;justify-content:center;transition:all .3s ease;width:40px}.est-toggle-btn:hover{background:#e2e8f0cc;background:var(--est-card-border);color:#1e293b;color:var(--est-text-primary)}.est-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--est-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--est-btn-primary-shadow);color:#fff}.est-empty-state,.est-loading-state{align-items:center;color:#6b7280;color:var(--est-text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.est-empty-state .material-symbols-rounded,.est-loading-state .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.6}.material-symbols-rounded.spinning{animation:spin 1s linear infinite}.est-empty-state h3{color:#1e293b;color:var(--est-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.est-empty-state p{font-size:1rem;line-height:1.5;margin:0}.est-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:.5rem 0}.est-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--est-card-shadow);cursor:pointer;display:flex;flex-direction:column;min-height:280px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.est-card:hover{border-color:#3b82f64d;box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--est-card-hover-shadow);transform:translateY(-8px) scale(1.02)}.est-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;padding:1rem 1rem 0}.est-student-id{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f633;border-radius:12px;color:#1d4ed8;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;white-space:nowrap}[data-theme=dark] .est-student-id{background:linear-gradient(135deg,#60a5fa26,#818cf826);border-color:#60a5fa4d;color:#60a5fa}.est-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.est-status{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.4rem .8rem}.est-status.active{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;color:#059669}.est-status.inactive{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:#dc2626}[data-theme=dark] .est-status.active{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .est-status.inactive{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef44444d;color:#f87171}.est-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:50%;height:6px;width:6px}.est-status.active .est-dot{background:#059669}.est-status.inactive .est-dot{background:#dc2626}.est-pill{align-items:center;border-radius:20px;display:flex;font-size:.7rem;font-weight:700;gap:.375rem;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.est-pill .material-symbols-rounded{font-size:14px}.est-pill.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.est-pill.info{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d44d;color:#fff}.est-card-body{flex:1 1;justify-content:center;padding:1.5rem 1rem;text-align:center}.est-card-body,.est-student-header{align-items:center;display:flex;flex-direction:column;gap:.75rem}.est-student-header{margin-bottom:.5rem}.est-student-header h3{color:#1e293b;color:var(--est-text-primary);font-size:1.25rem;font-weight:700;line-height:1.4;margin:.5rem 0 0}.est-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:3px solid #fff;border:3px solid var(--est-card-bg);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:72px;justify-content:center;position:relative;text-transform:uppercase;width:72px}.est-avatar.small{border:2px solid #fff;border:2px solid var(--est-card-bg);font-size:.9rem;height:40px;position:relative;width:40px}[data-theme=dark] .est-avatar{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.est-gender{align-items:center;background:#fff;background:var(--est-card-bg);border:2px solid #fff;border:2px solid var(--est-card-bg);border-radius:50%;bottom:0;box-shadow:0 2px 8px #00000026;display:flex;height:28px;justify-content:center;position:absolute;right:0;width:28px}.est-gender .material-symbols-rounded{font-size:16px}.est-gender.small{bottom:-1px;height:14px;right:-1px;width:14px}.est-gender.small .material-symbols-rounded{font-size:9px}.est-contact{display:block;font-size:.9rem;line-height:1.4;min-height:auto;overflow:visible;text-align:center}.est-contact,.est-contact-line{color:#6b7280;color:var(--est-text-muted)}.est-contact-line{align-items:center;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;line-height:1.6}.est-contact-line .material-symbols-rounded{font-size:16px;opacity:.7}.est-tags{flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.est-tag,.est-tags{align-items:center;display:flex}.est-tag{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;border-radius:12px;color:#1d4ed8;font-size:.7rem;font-weight:600;gap:.375rem;letter-spacing:.3px;padding:.4rem .75rem;text-transform:uppercase;white-space:nowrap}[data-theme=dark] .est-tag{background:linear-gradient(135deg,#60a5fa26,#3b82f626);border-color:#60a5fa4d;color:#60a5fa}.est-tag .material-symbols-rounded{font-size:14px;opacity:.8}.est-card-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-top:1px solid #e2e8f0cc;border-top:1px solid var(--est-card-border);display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}[data-theme=dark] .est-card-footer{background:linear-gradient(135deg,#1f2937cc,#111827cc)}.est-stats{gap:1rem}.est-stat,.est-stats{align-items:center;display:flex}.est-stat{gap:.5rem}.est-stat .material-symbols-rounded{color:#6b7280;color:var(--est-text-muted);font-size:18px;opacity:.7}.est-stat div{display:flex;flex-direction:column;gap:.125rem}.est-stat-value{color:#1e293b;color:var(--est-text-primary);font-size:.9rem;font-weight:700;line-height:1}.est-stat-label{color:#6b7280;color:var(--est-text-muted);font-size:.65rem;font-weight:500;letter-spacing:.5px;line-height:1;text-transform:uppercase}.est-divider{background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:12px;height:24px;width:1px}.est-actions{display:flex;gap:.5rem}.est-action-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;height:38px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:38px}.est-action-btn:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1) translateY(-2px)}.est-action-btn .material-symbols-rounded{font-size:16px}.est-action-btn.info{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;color:#1d4ed8}.est-action-btn.info:hover{box-shadow:0 4px 15px #3b82f64d}.est-action-btn.edit{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;color:#059669}.est-action-btn.edit:hover{box-shadow:0 4px 15px #22c55e4d}.est-action-btn.small{height:36px;width:36px}.est-action-btn.small .material-symbols-rounded{font-size:18px}.est-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background-clip:text;-webkit-background-clip:text}.est-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--est-card-shadow);overflow-x:auto}.est-table{border-collapse:collapse;min-width:800px;width:100%}.est-table thead tr{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--est-card-border)}.est-table th{background:#f8fafccc;color:#6b7280;color:var(--est-text-muted);font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}[data-theme=dark] .est-table th{background:#1f2937cc}.est-table tbody tr{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--est-card-border);cursor:pointer;transition:background-color .3s ease}.est-table tbody tr:hover{background:#3b82f60d}[data-theme=dark] .est-table tbody tr:hover{background:#60a5fa0d}.est-table td{color:#1e293b;color:var(--est-text-primary);font-size:.95rem;font-weight:500;padding:1rem 1.5rem;white-space:nowrap}.est-table-student-cell{align-items:center;display:flex;gap:.75rem}.est-table-student-cell .est-name{color:#1e293b;color:var(--est-text-primary);font-weight:600;line-height:1.2}.est-table-student-cell .est-meta{color:#6b7280;color:var(--est-text-muted);font-size:.8rem}.est-status-badge{display:inline-block;font-size:.75rem;padding:.3rem .75rem}.est-actions-table{display:flex;gap:.5rem;justify-content:flex-start}.est-list-view{display:flex;flex-direction:column;gap:.75rem}.est-student-item{align-items:center;background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--est-card-shadow);cursor:pointer;display:flex;padding:.75rem 1rem;transition:all .3s ease}.est-student-item:hover{background:#3b82f60d;border-color:#3b82f680}[data-theme=dark] .est-student-item:hover{background:#60a5fa0d;border-color:#60a5fa80}.est-student-item .est-avatar{border:2px solid #fff;border:2px solid var(--est-card-bg);box-shadow:0 2px 8px #3b82f64d;flex-shrink:0;font-size:.9rem;height:40px;margin-right:1rem;width:40px}.est-student-info{flex-grow:1;min-width:0}.est-student-info .est-name{color:#1e293b;color:var(--est-text-primary);font-weight:600}.est-student-info .est-meta,.est-student-info .est-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.est-student-info .est-meta{color:#6b7280;color:var(--est-text-muted);font-size:.8rem}.est-checkbox{cursor:pointer;flex-shrink:0;height:24px;margin-right:1rem;position:relative;width:24px}.est-checkbox input{height:0;opacity:0;width:0}.est-checkmark{align-items:center;background:#fffc;background:var(--est-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--est-input-border);border-radius:6px;display:flex;height:24px;justify-content:center;left:0;position:absolute;top:0;transition:all .3s ease;width:24px}.est-checkmark .material-symbols-rounded{color:#fff;font-size:16px;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s ease}.est-checkbox input:checked~.est-checkmark{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 8px #3b82f64d}.est-checkbox input:checked~.est-checkmark .material-symbols-rounded{opacity:1;transform:scale(1)}.est-student-item.selected{background:#3b82f61a;border-color:#3b82f6cc}[data-theme=dark] .est-student-item.selected{background:#60a5fa1a;border-color:#60a5facc}.est-empty-state.small{background:#f8fafc80;border:1px dashed #e2e8f0cc;border:1px dashed var(--est-card-border);border-radius:12px;margin-top:1rem;padding:2rem}[data-theme=dark] .est-empty-state.small{background:#1f293780}.est-available-list{max-height:400px;overflow-y:auto;padding-right:1rem}.est-pagination{background:#fffffff2;background:var(--est-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-container-border);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--est-card-shadow);gap:1rem;margin-top:1.5rem;padding:.75rem 1rem}.est-pagination,.est-pagination button{align-items:center;display:flex;justify-content:center}.est-pagination button{background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:8px;color:#1e293b;color:var(--est-text-primary);cursor:pointer;height:36px;transition:all .3s ease;width:36px}.est-pagination button:not(:disabled):hover{background:#3b82f61a;border-color:#3b82f6;transform:translateY(-1px)}.est-pagination button:disabled{cursor:not-allowed;opacity:.5}.est-page-info{color:#374151;color:var(--est-text-secondary);font-size:.9rem;font-weight:500}.est-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.est-info-popup,.est-modal{animation:modal-in .3s cubic-bezier(.25,.46,.45,.94) forwards;background:#fffffff2;background:var(--est-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-container-border);border-radius:16px;box-shadow:0 10px 30px #0003,0 4px 10px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;opacity:0;overflow:hidden;transform:scale(.95);width:100%}.est-add-modal{max-width:700px}.est-info-popup{max-width:550px}@keyframes modal-in{to{opacity:1;transform:scale(1)}}.est-modal-header{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--est-card-border);display:flex;justify-content:space-between;padding:1.5rem}.est-modal-header h3{align-items:center;color:#1e293b;color:var(--est-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.est-modal-header .material-symbols-rounded{color:#3b82f6;font-size:24px}.est-close-btn{align-items:center;background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.est-close-btn:hover{background:#ef44441a;border-color:#ef4444}.est-close-btn .material-symbols-rounded{color:#6b7280;color:var(--est-text-muted);font-size:20px}.est-modal-body{flex-grow:1;overflow-y:auto;padding:1.5rem}.est-modal-footer{border-top:1px solid #e2e8f0cc;border-top:1px solid var(--est-card-border);display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.est-btn-secondary{background:#fff;background:var(--est-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--est-card-border);border-radius:12px;color:#374151;color:var(--est-text-secondary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.est-btn-secondary:hover{background:#3b82f61a;border-color:#3b82f6}.est-btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--est-btn-primary-bg);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--est-btn-primary-shadow);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.est-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-1px)}.est-btn-primary:disabled{cursor:not-allowed;opacity:.5}.est-popup-title{display:flex;flex-direction:column}.est-popup-title h3{margin-bottom:.25rem}.est-popup-id{color:#6b7280;color:var(--est-text-muted);font-size:.9rem;font-weight:500}.est-detail-section{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--est-card-border);margin-bottom:.5rem;padding-bottom:.5rem}.est-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.est-detail-section h4{color:#374151;color:var(--est-text-secondary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.est-popup-badges{display:flex;gap:.5rem}.est-status-badge{border:1px solid;border-radius:16px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.est-badge-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.est-badge-info,.est-badge-warning{border-radius:16px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.est-badge-info{background:linear-gradient(135deg,#06b6d4,#0891b2)}.est-detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.est-detail-item{display:flex;flex-direction:column}.est-detail-item label{color:#6b7280;color:var(--est-text-muted);font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.est-detail-item p{color:#1e293b;color:var(--est-text-primary);font-size:1rem;font-weight:600;margin:0}@media (max-width:768px){.est-filters-header{align-items:flex-start;flex-direction:column;gap:.75rem}.est-filters-actions{flex-wrap:wrap;gap:.5rem;width:100%}.est-list-header{align-items:flex-start;flex-direction:column;gap:.75rem}.est-filters-grid{align-items:stretch;gap:.75rem;grid-template-columns:1fr}.est-grid{gap:1rem;grid-template-columns:1fr}.est-card{min-height:auto;padding:1rem}.est-card-footer{align-items:stretch;flex-direction:column;gap:.75rem}.est-stats{flex-wrap:wrap;justify-content:space-around}.est-actions{flex-wrap:wrap;gap:.5rem;justify-content:center}.est-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.est-table{min-width:600px}.est-table th{white-space:nowrap}.est-table td,.est-table th{font-size:.85rem;padding:.625rem .5rem}.est-info-popup,.est-modal{margin:.5rem;max-height:95vh;max-width:calc(100vw - 1rem)}.est-detail-grid{gap:.75rem;grid-template-columns:1fr}button{font-size:16px;min-height:44px;min-width:44px}input[type=email],input[type=search],input[type=text],select,textarea{font-size:16px!important;min-height:44px}}@media (max-width:480px){.est-filters-header{gap:.5rem}.est-card{padding:.75rem}.est-card-header{align-items:stretch;flex-direction:column;gap:.5rem}.est-badges{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.est-table{min-width:500px}.est-table td,.est-table th{font-size:.8rem;padding:.5rem .375rem}.est-info-popup,.est-modal{border-radius:12px;margin:.25rem;max-width:calc(100vw - .5rem)}.est-modal-body,.est-modal-header{padding:.75rem}.est-modal-footer{flex-direction:column;gap:.5rem;padding:.75rem}.est-modal-footer button{width:100%}.est-badge{font-size:.7rem;padding:.25rem .5rem}.est-stat-item{font-size:.8rem}.est-stat-value{font-size:1.1rem}}.est-sp-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--est-border,#f1f5f9);border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .15s}.est-sp-item:hover{background:#f8fafc;background:var(--est-hover-bg,#f8fafc)}.est-sp-item.selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b98126}.est-sp-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.est-sp-name-row{align-items:center;display:flex;gap:.35rem}.est-sp-gender{flex-shrink:0;font-size:1rem!important}.est-sp-program{align-items:center;color:#6366f1;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-top:.1rem}.est-sp-program .material-symbols-rounded{color:#6366f1;font-size:.85rem}.est-sp-status{flex-shrink:0}.est-sp-status-pill{border-radius:8px;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}.est-sp-status-active{background:#d1fae5;color:#065f46}.est-sp-status-completed{background:#dbeafe;color:#1e40af}.est-sp-status-draft{background:#f3f4f6;color:#6b7280}.est-sp-status-on_hold{background:#ffedd5;color:#9a3412}.est-sp-status-left{background:#fee2e2;color:#991b1b}[data-theme=dark] .est-sp-item.selected{background:#10b9811a}.est-institute-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(clamp(200px,calc(25% - .65rem),320px),1fr));padding:1rem 0}.est-inst-card{background:#fff;background:var(--est-card-bg,#fff);border:1.5px solid #e2e8f0cc;border:1.5px solid var(--est-card-border,#e5e7eb);border-radius:16px;box-shadow:0 1px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.1rem;transition:all .18s}.est-inst-card:hover{border-color:#6366f1;box-shadow:0 6px 18px #6366f11f;transform:translateY(-2px)}.est-inst-card-top{align-items:center;display:flex;gap:.75rem}.est-inst-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:800;height:44px;justify-content:center;position:relative;width:44px}.est-inst-name-block{flex:1 1;min-width:0}.est-inst-name{color:#1e293b;color:var(--est-text-primary,#111827);font-size:.92rem;font-weight:800;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.est-inst-id{color:#9ca3af;font-family:monospace;font-size:.65rem;margin-top:.06rem}.est-inst-status{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:800;gap:.25rem;letter-spacing:.4px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.est-inst-contact{display:flex;flex-wrap:wrap;gap:.5rem}.est-inst-contact-item{align-items:center;color:#6b7280;display:inline-flex;font-size:.75rem;gap:.25rem}.est-inst-contact-item .material-symbols-rounded{color:#9ca3af;font-size:.9rem}.est-inst-prog{background:linear-gradient(135deg,#6366f10f,#8b5cf608);border:1px solid #6366f126;border-radius:10px;display:flex;flex-direction:column;gap:.4rem;padding:.65rem .85rem}.est-inst-prog-header{align-items:center;display:flex;gap:.35rem}.est-inst-prog-header .material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:.95rem}.est-inst-prog-name{color:#4338ca;flex:1 1;font-size:.85rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.est-inst-prog-id{color:#9ca3af;flex-shrink:0;font-family:monospace;font-size:.62rem}.est-inst-prog-stats{align-items:center;color:#6b7280;display:flex;font-size:.73rem;font-weight:600;justify-content:space-between}.est-inst-prog-pct{color:#4338ca;font-weight:900}.est-inst-prog-track{background:#6366f11a;border-radius:6px;height:6px;overflow:hidden;width:100%}.est-inst-prog-fill{border-radius:6px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.est-inst-prog-block{margin-top:.5rem}.est-inst-popup-prog{display:flex;flex-direction:column;gap:.25rem}.est-inst-popup-prog-name{color:#4338ca;font-size:1rem;font-weight:800}.est-inst-popup-prog-id{color:#9ca3af;font-family:monospace;font-size:.72rem}.est-inst-card-footer{border-top:1px solid #e2e8f0cc;border-top:1px solid var(--est-card-border,#f1f5f9);display:flex;gap:.35rem;justify-content:flex-end;padding-top:.35rem}@media (max-width:640px){.est-institute-grid{grid-template-columns:1fr}}.est-inst-card{position:relative}.est-inst-new-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:0 14px 0 10px;box-shadow:0 2px 6px #10b98159;color:#fff;display:inline-flex;font-size:.65rem;font-weight:800;gap:.2rem;letter-spacing:.5px;padding:3px 9px;position:absolute;right:-1px;text-transform:uppercase;top:-1px;z-index:1}.est-inst-new-badge .material-symbols-rounded{font-size:.9rem}.est-bookings-panel{background:#6366f10a;border:1.5px solid #6366f133;border-radius:12px;margin-bottom:.75rem;overflow:hidden}[data-theme=dark] .est-bookings-panel{background:#6366f114;border-color:#6366f140}.est-bookings-header{align-items:center;background:#6366f10f;border-bottom:1px solid #6366f126;display:flex;gap:.5rem;padding:.65rem 1rem}.est-bookings-header .material-symbols-rounded{color:#6366f1;font-size:1.1rem}.est-bookings-header h4{color:#6366f1;flex:1 1;font-size:.85rem;font-weight:700;margin:0}.est-bookings-count{background:#6366f1;border-radius:20px;color:#fff;font-size:.72rem;font-weight:700;min-width:20px;padding:1px 8px;text-align:center}.est-bookings-list{display:flex;flex-direction:column;gap:0;max-height:240px;overflow-y:auto}.est-booking-row{align-items:center;border-bottom:1px solid #6366f114;display:flex;gap:.75rem;padding:.6rem 1rem;transition:background .15s}.est-booking-row:last-child{border-bottom:none}.est-booking-row:hover{background:#6366f10d}.est-booking-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:30px;justify-content:center;width:30px}.est-booking-info{display:flex;flex-direction:column;gap:1px;min-width:120px}.est-booking-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.82rem;font-weight:600}[data-theme=dark] .est-booking-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.est-booking-id{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-family:monospace;font-size:.68rem}.est-booking-dates{display:flex;flex:1 1;flex-wrap:wrap;gap:.35rem}.est-booking-date-chip{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:6px;color:#6366f1;display:inline-flex;font-size:.7rem;font-weight:500;gap:3px;padding:2px 7px}.est-booking-date-chip .material-symbols-rounded{font-size:.75rem}[data-theme=dark] .est-booking-date-chip{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.est-booking-program{color:#6366f1;font-size:.68rem;font-weight:500}.est-bookings-header{-webkit-user-select:none;user-select:none}.est-bookings-cards{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:.75rem}.est-booking-card{cursor:default!important}.est-booking-card .est-booking-dates{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;padding-top:.5rem}[data-theme=dark] .est-booking-card .est-booking-dates{border-top-color:#374151;border-top-color:var(--border-color,#374151)}.est-bulk-selected{background:#3b82f60d!important;outline:2px solid #3b82f6;outline-offset:-2px}.est-bulk-checkbox{left:10px;position:absolute;top:10px;z-index:2}.est-bulk-banner{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:10px;color:#1d4ed8;display:flex;flex-wrap:wrap;font-size:.83rem;gap:.6rem;margin:0 0 .75rem;padding:.65rem 1rem}.est-bulk-banner .material-symbols-rounded{font-size:18px}.est-bulk-banner-actions{display:flex;flex-shrink:0;gap:.4rem;margin-left:auto}.est-bulk-banner-btn{align-items:center;background:#fff;border:1px solid #93c5fd;border-radius:6px;color:#1d4ed8;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.3rem;padding:.3rem .7rem;transition:background .15s}.est-bulk-banner-btn:hover{background:#dbeafe}.est-bulk-banner-btn .material-symbols-rounded{font-size:15px}.est-bulk-count{background:#3b82f6;border-radius:12px;color:#fff;font-size:.78rem;font-weight:700;padding:1px 10px}.est-tr-selected{background:#3b82f612!important;outline:1px solid #93c5fd;outline-offset:-1px}.est-btn.est-btn-status-active{background:#05966912;border-color:#05966959;color:#059669}.est-btn.est-btn-status-all{background:#6366f112;border-color:#6366f159;color:#6366f1}.est-card.est-card-non-active{opacity:.88}.est-card.est-card-non-active:hover{opacity:1}:root{--tt-container-bg:#fffffff2;--tt-container-border:#e2e8f0cc;--tt-container-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;--tt-text-primary:#1e293b;--tt-text-secondary:#374151;--tt-text-muted:#6b7280;--tt-text-light:#9ca3af;--tt-card-bg:#fff;--tt-card-border:#e2e8f0cc;--tt-card-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;--tt-card-hover-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;--tt-input-bg:#fffc;--tt-input-border:#e2e8f0cc;--tt-input-shadow:inset 0 2px 4px #0000000a;--tt-input-focus-border:#3b82f6;--tt-input-focus-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;--tt-btn-primary-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--tt-btn-primary-shadow:0 4px 12px #3b82f64d;--tt-available-bg:linear-gradient(135deg,#22c55e1a,#10b9811a);--tt-available-border:#22c55e33;--tt-available-text:#059669;--tt-booked-bg:linear-gradient(135deg,#ef44441a,#dc26261a);--tt-booked-border:#ef444433;--tt-booked-text:#dc2626;--tt-day-based-bg:linear-gradient(135deg,#f59e0b1a,#d977061a);--tt-day-based-border:#f59e0b33;--tt-day-based-text:#d97706;--tt-break-bg:linear-gradient(135deg,#a855f714,#9333ea0d);--tt-break-border:#a855f733;--tt-break-text:#7c3aed;--tt-scrollbar-thumb:#94a3b899;--tt-scrollbar-track:#0000}[data-theme=dark]{--tt-container-bg:#1a1a1af2;--tt-container-border:#ffffff1a;--tt-container-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff0d;--tt-text-primary:#fff;--tt-text-secondary:#e5e7eb;--tt-text-muted:#9ca3af;--tt-text-light:#6b7280;--tt-card-bg:#1f2937cc;--tt-card-border:#4b55634d;--tt-card-shadow:0 2px 8px #0003,0 1px 4px #0000001a;--tt-card-hover-shadow:0 8px 25px #0000004d,0 4px 12px #3b82f61a;--tt-input-bg:#1f2937cc;--tt-input-border:#4b55634d;--tt-input-shadow:inset 0 2px 4px #0000001a;--tt-input-focus-border:#60a5fa;--tt-input-focus-shadow:0 0 0 3px #60a5fa33,0 4px 12px #60a5fa33;--tt-btn-primary-bg:linear-gradient(135deg,#60a5fa,#3b82f6);--tt-btn-primary-shadow:0 4px 12px #60a5fa4d;--tt-available-bg:#22c55e33;--tt-available-border:#22c55e4d;--tt-available-text:#4ade80;--tt-booked-bg:#ef444433;--tt-booked-border:#ef44444d;--tt-booked-text:#f87171;--tt-day-based-bg:#f59e0b33;--tt-day-based-border:#f59e0b4d;--tt-day-based-text:#fbbf24;--tt-break-bg:linear-gradient(135deg,#c084fc26,#a855f71a);--tt-break-border:#c084fc4d;--tt-break-text:#c084fc;--tt-scrollbar-thumb:#60a5fa4d;--tt-scrollbar-track:#0000}.timetable-tab{padding:0;transition:all .3s ease}.tt-header-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--tt-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--tt-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--tt-container-shadow);margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.tt-header-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.tt-header-info h3{align-items:center;color:#1e293b;color:var(--tt-text-primary);display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin:0 0 .5rem;transition:color .3s ease}.tt-header-info h3 .material-symbols-rounded{color:#3b82f6;font-size:1.5rem}.tt-header-info p{color:#6b7280;color:var(--tt-text-muted);font-size:.95rem;margin:0}.tt-create-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--tt-btn-primary-bg);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--tt-btn-primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.tt-create-btn:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.tt-create-btn:disabled{cursor:not-allowed;opacity:.5}.tt-create-btn .material-symbols-rounded{font-size:1.2rem}.tt-branch-schedule-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--tt-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--tt-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--tt-card-shadow);margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.tt-card-header{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--tt-card-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.tt-card-header .material-symbols-rounded{color:#3b82f6;font-size:1.3rem}.tt-card-header h4{color:#1e293b;color:var(--tt-text-primary);font-size:1.1rem;font-weight:600;margin:0}.tt-schedule-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tt-schedule-stat{align-items:center;background:#fffc;background:var(--tt-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--tt-input-border);border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.tt-schedule-stat:hover{box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--tt-card-shadow);transform:translateY(-2px)}.tt-schedule-stat .material-symbols-rounded{color:#3b82f6;font-size:1.8rem}.tt-stat-label{color:#6b7280;color:var(--tt-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.tt-stat-value{color:#1e293b;color:var(--tt-text-primary);font-size:1.1rem;font-weight:700}.tt-empty-state{background:#fffffff2;background:var(--tt-container-bg);border:1px solid #e2e8f0cc;border:1px solid var(--tt-container-border);border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--tt-container-shadow);padding:4rem 2rem;text-align:center}.tt-empty-state .material-symbols-rounded{color:#9ca3af;color:var(--tt-text-light);font-size:4rem;margin-bottom:1rem;opacity:.6}.tt-empty-state h3{color:#1e293b;color:var(--tt-text-primary);font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.tt-empty-state p{font-size:1rem;margin:0}.tt-empty-state p,.tt-loading-state{color:#6b7280;color:var(--tt-text-muted)}.tt-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.tt-loading-state .material-symbols-rounded{font-size:3rem;margin-bottom:1rem;opacity:.6}.tt-loading-state .material-symbols-rounded.spinning{animation:spin 1s linear infinite}.tt-loading-state p{font-size:1rem;margin:0}.tt-timetable-display{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--tt-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);border-radius:24px;box-shadow:0 10px 40px #00000014;margin-bottom:2rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.tt-timetable-display:hover{box-shadow:0 20px 60px #0000001f;transform:translateY(-4px)}.tt-timetable-display-header{align-items:flex-start;border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--tt-card-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.tt-timetable-display-title h3{align-items:center;color:#1e293b;color:var(--tt-text-primary);display:flex;font-size:1.5rem;font-weight:800;gap:.75rem;letter-spacing:-.02em;margin:0 0 .75rem}.tt-timetable-display-title h3 .material-symbols-rounded{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2rem}.tt-timetable-period{align-items:center;color:#6b7280;color:var(--tt-text-muted);display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin:0}.tt-timetable-period .material-symbols-rounded{color:#3b82f6;font-size:1.2rem}.tt-timetable-display-actions{display:flex;gap:.75rem}.tt-icon-btn{align-items:center;border:2px solid;border-radius:12px;cursor:pointer;display:flex;font-weight:600;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.tt-icon-btn:before{content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.tt-icon-btn:hover:before{opacity:.1}.tt-icon-btn.tt-primary{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-color:#3b82f64d;color:#1d4ed8}.tt-icon-btn.tt-primary:before{background:#3b82f6}.tt-icon-btn.tt-primary:hover{border-color:#3b82f6;box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.tt-icon-btn.tt-success{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-color:#22c55e4d;color:#059669}.tt-icon-btn.tt-success:before{background:#10b981}.tt-icon-btn.tt-success:hover{border-color:#10b981;box-shadow:0 8px 20px #22c55e4d;transform:translateY(-2px)}.tt-icon-btn.tt-danger{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef44444d;color:#dc2626}.tt-icon-btn.tt-danger:before{background:#ef4444}.tt-icon-btn.tt-danger:hover{border-color:#ef4444;box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.tt-icon-btn .material-symbols-rounded{font-size:1.3rem}.tt-week-calendar{background:#fffc;background:var(--tt-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);border-radius:16px;overflow-x:auto}.tt-calendar-table{border-collapse:initial;border-spacing:0;min-width:1000px;width:100%}.tt-calendar-header-cell{background:linear-gradient(135deg,#fff,#fffc);background:linear-gradient(135deg,var(--tt-card-bg),var(--tt-input-bg));border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--tt-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--tt-card-border);color:#374151;color:var(--tt-text-secondary);font-size:.9rem;font-weight:800;letter-spacing:1px;padding:1.25rem;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:10}.tt-calendar-header-cell:last-child{border-right:none}.tt-calendar-header-cell:first-child{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-bottom-color:#1d4ed8;color:#fff;text-align:left;width:180px}.tt-day-name{color:#1e293b;color:var(--tt-text-primary);font-size:1.1rem;font-weight:800}.tt-calendar-session-cell{background:linear-gradient(135deg,#fffc,#fff);background:linear-gradient(135deg,var(--tt-input-bg),var(--tt-card-bg));border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--tt-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--tt-card-border);font-weight:700;left:0;padding:1.25rem;position:-webkit-sticky;position:sticky;vertical-align:middle;z-index:5}.tt-session-label{color:#1e293b;color:var(--tt-text-primary);display:block;font-size:1rem;font-weight:800;margin-bottom:.5rem}.tt-session-time-label{color:#6b7280;color:var(--tt-text-muted);display:block;font-size:.8rem;font-weight:600}.tt-calendar-slot-cell{background:#fff;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--tt-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--tt-card-border);min-height:100px;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);vertical-align:middle}.tt-calendar-slot-cell:last-child{border-right:none}.tt-calendar-slot-cell.tt-has-class{background:linear-gradient(135deg,#3b82f60d,#2563eb08);cursor:pointer}.tt-calendar-slot-cell.tt-has-class:hover{background:linear-gradient(135deg,#3b82f61f,#2563eb14);box-shadow:0 8px 24px #3b82f633;transform:scale(1.02);z-index:2}.tt-calendar-slot-cell.tt-empty-slot{background:#fffc;background:var(--tt-input-bg)}.tt-empty-slot-content{align-items:center;color:#9ca3af;color:var(--tt-text-light);display:flex;justify-content:center;min-height:80px;opacity:.3}.tt-empty-slot-content .material-symbols-rounded{font-size:2rem}.tt-break-row{background:linear-gradient(135deg,#a855f714,#9333ea0d);background:var(--tt-break-bg)}.tt-break-cell{border-bottom:2px solid #a855f733;border-bottom:2px solid var(--tt-break-border);border-right:1px solid #a855f733;border-right:1px solid var(--tt-break-border);color:#7c3aed;color:var(--tt-break-text);font-size:.9rem;font-weight:700;letter-spacing:1px;padding:1rem 1.5rem;text-align:center;text-transform:uppercase}.tt-break-cell:last-child{border-right:none}.tt-break-label{align-items:center;display:flex;gap:.5rem;justify-content:center}.tt-break-label .material-symbols-rounded{font-size:1.3rem}.tt-class-card-modern{background:linear-gradient(135deg,#3b82f60d,#93c5fd08);border:1px solid #3b82f626;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;min-height:90px;padding:.75rem;transition:all .3s ease}.tt-class-card-modern:hover{background:linear-gradient(135deg,#3b82f61a,#93c5fd14);border-color:#3b82f64d;transform:scale(1.02)}[data-theme=dark] .tt-class-card-modern{background:linear-gradient(135deg,#60a5fa1a,#93c5fd0d);border-color:#60a5fa33}[data-theme=dark] .tt-class-card-modern:hover{background:linear-gradient(135deg,#60a5fa26,#93c5fd1a);border-color:#60a5fa66}.tt-class-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.tt-class-type-badge{border:1.5px solid;border-radius:6px;font-size:.7rem;font-weight:800;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.tt-class-type-badge.theory{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f64d;color:#1d4ed8}.tt-class-type-badge.lab{background:linear-gradient(135deg,#a855f726,#9333ea1a);border-color:#a855f74d;color:#7c3aed}[data-theme=dark] .tt-class-type-badge.theory{background:linear-gradient(135deg,#60a5fa33,#3b82f626);border-color:#60a5fa66;color:#60a5fa}[data-theme=dark] .tt-class-type-badge.lab{background:linear-gradient(135deg,#c084fc33,#a855f726);border-color:#c084fc66;color:#c084fc}.tt-class-subject-modern{align-items:center;background:#ffffff80;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.tt-class-subject-modern:hover{background:#fffc;transform:translateX(4px)}[data-theme=dark] .tt-class-subject-modern{background:#1f293780}[data-theme=dark] .tt-class-subject-modern:hover{background:#1f2937cc}.tt-class-subject-modern .material-symbols-rounded{color:#3b82f6;font-size:1.2rem}[data-theme=dark] .tt-class-subject-modern .material-symbols-rounded{color:#60a5fa}.tt-subject-name-modern{color:#1e293b;color:var(--tt-text-primary);font-size:.9rem;font-weight:700;line-height:1.3}.tt-class-faculty-modern{align-items:center;background:linear-gradient(135deg,#22c55e14,#10b9810d);border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.tt-class-faculty-modern:hover{background:linear-gradient(135deg,#22c55e26,#10b9811a);transform:translateX(4px)}[data-theme=dark] .tt-class-faculty-modern{background:linear-gradient(135deg,#22c55e1f,#10b98114)}[data-theme=dark] .tt-class-faculty-modern:hover{background:linear-gradient(135deg,#22c55e33,#10b98126)}.tt-class-faculty-modern .material-symbols-rounded{color:#059669;font-size:1.2rem}[data-theme=dark] .tt-class-faculty-modern .material-symbols-rounded{color:#4ade80}.tt-faculty-name-modern{color:#1e293b;color:var(--tt-text-primary);font-size:.85rem;font-weight:700}.tt-modal-overlay-fullscreen{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.tt-modal{animation:slideInUp .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#fff;background:var(--tt-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);border-radius:24px;box-shadow:0 30px 60px #0000004d,0 15px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.tt-modal-large{max-width:1400px!important}.tt-availability-modal{max-width:1800px}.tt-modal-header{align-items:flex-start;border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--tt-card-border);display:flex;flex-shrink:0;justify-content:space-between;padding:2rem 2.5rem 1.5rem}.tt-modal-header h3{color:#1e293b;color:var(--tt-text-primary);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0}.tt-close-btn{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid #ef44444d;border-radius:12px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.tt-close-btn:hover{border-color:#ef4444;box-shadow:0 8px 24px #ef44444d;transform:scale(1.1) rotate(90deg)}.tt-modal-content{flex:1 1;overflow-y:auto;padding:2rem 2.5rem}.tt-modal-content::-webkit-scrollbar{width:10px}.tt-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#94a3b899,#3b82f666);background:linear-gradient(135deg,var(--tt-scrollbar-thumb),#3b82f666);border-radius:10px}.tt-modal-content::-webkit-scrollbar-track{background:#0000;background:var(--tt-scrollbar-track);border-radius:10px}.tt-modal-footer{border-top:2px solid #e2e8f0cc;border-top:2px solid var(--tt-card-border);display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1.5rem 2.5rem 2rem}.tt-form-section{margin-bottom:2rem}.tt-form-section h4{color:#1e293b;color:var(--tt-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.tt-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tt-section-header h4{margin:0}.tt-add-session-btn{align-items:center;background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;border-radius:10px;color:#059669;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.tt-add-session-btn:hover{box-shadow:0 4px 12px #22c55e33;transform:translateY(-1px)}.tt-form-group{margin-bottom:1.5rem}.tt-form-group label{color:#374151;color:var(--tt-text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.tt-input,.tt-select{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;background:var(--tt-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--tt-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--tt-input-shadow);color:#1e293b;color:var(--tt-text-primary);font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.tt-input:focus,.tt-select:focus{border-color:#3b82f6;border-color:var(--tt-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--tt-input-focus-shadow);transform:translateY(-1px)}.tt-select:disabled{background:#fffc;background:var(--tt-input-bg);cursor:not-allowed;opacity:.6}.tt-type-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.tt-type-card{background:#fff;background:var(--tt-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);border-radius:12px;cursor:pointer;padding:1.25rem;text-align:center;transition:all .3s ease}.tt-type-card:hover{box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--tt-card-shadow);transform:translateY(-2px)}.tt-type-card.active{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tt-type-card .material-symbols-rounded{color:#3b82f6;font-size:2.5rem;margin-bottom:.5rem}.tt-type-title{color:#1e293b;color:var(--tt-text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.tt-type-desc{color:#6b7280;color:var(--tt-text-muted);font-size:.85rem}.tt-days-selector{display:flex;flex-wrap:wrap;gap:.5rem}.tt-day-chip{background:#fff;background:var(--tt-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);border-radius:10px;color:#374151;color:var(--tt-text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.tt-day-chip:hover{border-color:#3b82f6;transform:translateY(-1px)}.tt-day-chip.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.tt-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.5px;padding:.4rem .75rem;text-transform:uppercase;white-space:nowrap}.tt-status-badge .material-symbols-rounded{font-size:1rem}.tt-status-badge.tt-available{background:linear-gradient(135deg,#22c55e1a,#10b9811a);background:var(--tt-available-bg);border:1px solid #22c55e33;border:1px solid var(--tt-available-border);color:#059669;color:var(--tt-available-text)}.tt-status-badge.tt-conflict{background:linear-gradient(135deg,#ef44441a,#dc26261a);background:var(--tt-booked-bg);border:1px solid #ef444433;border:1px solid var(--tt-booked-border);color:#dc2626;color:var(--tt-booked-text)}.tt-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.tt-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--tt-btn-primary-bg);box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--tt-btn-primary-shadow);color:#fff}.tt-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.tt-btn-primary:disabled{cursor:not-allowed;opacity:.5}.tt-btn-secondary{background:#fff;background:var(--tt-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);color:#374151;color:var(--tt-text-secondary)}.tt-btn-secondary:hover{background:#fffc;background:var(--tt-input-bg);box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--tt-card-shadow);transform:translateY(-1px)}.tt-btn .material-symbols-rounded{font-size:1.1rem}.tt-delete-btn{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid #ef44444d;border-radius:12px;box-shadow:0 4px 12px #ef444433;color:#dc2626;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.tt-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef4444;box-shadow:0 8px 20px #ef444466;transform:translateY(-2px)}[data-theme=dark] .tt-delete-btn{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444466;color:#f87171}[data-theme=dark] .tt-delete-btn:hover{background:linear-gradient(135deg,#ef44444d,#dc262640)}.tt-availability-legend{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.tt-legend-item{align-items:center;background:#fff;background:var(--tt-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);border-radius:16px;box-shadow:0 2px 12px #0000000a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.tt-legend-item:hover{box-shadow:0 8px 28px #0000001f;transform:translateY(-4px)}.tt-legend-box{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s ease;width:56px}.tt-legend-box .material-symbols-rounded{font-size:2rem;font-weight:500}.tt-legend-item:hover .tt-legend-box{transform:scale(1.1) rotate(8deg)}.tt-legend-box.tt-available{background:linear-gradient(135deg,#22c55e33,#10b98126);box-shadow:0 4px 16px #22c55e33;color:#059669;color:var(--tt-available-text)}.tt-legend-box.tt-booked{background:linear-gradient(135deg,#ef444433,#dc262626);box-shadow:0 4px 16px #ef444433;color:#dc2626;color:var(--tt-booked-text)}.tt-legend-box.tt-day-based{background:linear-gradient(135deg,#f59e0b33,#d9770626);box-shadow:0 4px 16px #f59e0b33;color:#d97706;color:var(--tt-day-based-text)}.tt-legend-box.tt-cell-selected-box{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f64d;color:#fff}.tt-legend-item span:not(.material-symbols-rounded){color:#1e293b;color:var(--tt-text-primary);font-size:.95rem;font-weight:600}.tt-availability-grid{border-radius:20px;box-shadow:0 8px 32px #00000014;margin-bottom:2rem;overflow-x:auto}.tt-availability-grid table{border-collapse:initial;border-spacing:0;min-width:900px;width:100%}.tt-availability-grid th{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:3px solid #1d4ed8;color:#fff;font-size:.95rem;font-weight:800;letter-spacing:1px;padding:1.5rem 1rem;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:10}.tt-availability-grid th:first-child{border-top-left-radius:20px;padding-left:1.5rem;text-align:left}.tt-availability-grid th:last-child{border-top-right-radius:20px}.tt-availability-grid td{border:none;padding:0}.tt-session-header{background:linear-gradient(135deg,#fff,#fffc);background:linear-gradient(135deg,var(--tt-card-bg),var(--tt-input-bg));border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--tt-card-border);border-right:2px solid #e2e8f0cc;border-right:2px solid var(--tt-card-border);color:#1e293b;color:var(--tt-text-primary);font-weight:800;left:0;padding:1.5rem;position:-webkit-sticky;position:sticky;z-index:5}.tt-session-header>div:first-child{align-items:center;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:.5rem}.tt-session-time{align-items:center;color:#6b7280;color:var(--tt-text-muted);display:flex;font-size:.85rem;font-weight:600;gap:.375rem}.tt-slot{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--tt-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--tt-card-border);min-height:100px;padding:1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.tt-slot:before{content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.tt-slot:hover{box-shadow:0 8px 24px #0000001a;transform:scale(1.05);z-index:2}.tt-slot.tt-available{background:linear-gradient(135deg,#22c55e1a,#10b98114);border-left:4px solid #059669;border-left:4px solid var(--tt-available-text)}.tt-slot.tt-available:hover:before{background:#22c55e26;opacity:1}.tt-slot.tt-booked{background:linear-gradient(135deg,#ef44441a,#dc262614);border-left:4px solid #dc2626;border-left:4px solid var(--tt-booked-text)}.tt-slot.tt-booked:hover:before{background:#ef444426;opacity:1}.tt-slot.tt-day-based{background:linear-gradient(135deg,#f59e0b1a,#d9770614);border-left:4px solid #d97706;border-left:4px solid var(--tt-day-based-text)}.tt-slot.tt-day-based:hover:before{background:#f59e0b26;opacity:1}.tt-slot-content{align-items:center;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center}.tt-slot-content .material-symbols-rounded{font-size:2.5rem;font-weight:400}.tt-slot.tt-available .material-symbols-rounded{color:#059669;color:var(--tt-available-text)}.tt-slot.tt-booked .material-symbols-rounded{color:#dc2626;color:var(--tt-booked-text)}.tt-slot.tt-day-based .material-symbols-rounded{color:#d97706;color:var(--tt-day-based-text)}.tt-slot-content span:not(.material-symbols-rounded){color:#1e293b;color:var(--tt-text-primary);font-size:1rem;font-weight:700}.tt-slot-type{border-radius:20px;font-size:.75rem;font-weight:800;letter-spacing:1.2px;margin-top:.5rem;padding:.375rem 1rem;text-transform:uppercase}.tt-slot.tt-booked .tt-slot-type{background:linear-gradient(135deg,#ef444433,#dc262626);color:#dc2626;color:var(--tt-booked-text)}.tt-slot.tt-day-based .tt-slot-type{background:linear-gradient(135deg,#f59e0b33,#d9770626);color:#d97706;color:var(--tt-day-based-text)}.tt-slot-enrollment{background:#ffffff80;border-radius:10px;font-size:.9rem;font-weight:700;margin-top:.5rem;padding:.5rem 1rem}.tt-slot.tt-booked .tt-slot-enrollment{color:#dc2626;color:var(--tt-booked-text)}.tt-slot.tt-day-based .tt-slot-enrollment{color:#d97706;color:var(--tt-day-based-text)}.tt-bookings-summary{background:linear-gradient(135deg,#fff,#fffc);background:linear-gradient(135deg,var(--tt-card-bg),var(--tt-input-bg));border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);border-radius:20px;box-shadow:0 8px 32px #0000000f;padding:2rem}.tt-bookings-summary h4{align-items:center;color:#1e293b;color:var(--tt-text-primary);display:flex;font-size:1.3rem;font-weight:800;gap:.75rem;margin:0 0 1.5rem}.tt-bookings-summary h4:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:4px;content:"";height:32px;width:5px}.tt-bookings-list{display:flex;flex-direction:column;gap:1rem}.tt-booking-item{align-items:center;background:#fff;background:var(--tt-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:1.25rem;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.tt-booking-item:hover{border-color:#3b82f6;box-shadow:0 12px 32px #0000001f;transform:translateX(12px)}.tt-booking-badge{border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;font-size:.75rem;font-weight:800;letter-spacing:1.2px;padding:.625rem 1.25rem;text-transform:uppercase}.tt-booking-badge.tt-day-based{background:linear-gradient(135deg,#f59e0b33,#d9770626);border:2px solid #f59e0b33;border:2px solid var(--tt-day-based-border);color:#d97706;color:var(--tt-day-based-text)}.tt-booking-badge.tt-week-based{background:linear-gradient(135deg,#ef444433,#dc262626);border:2px solid #ef444433;border:2px solid var(--tt-booked-border);color:#dc2626;color:var(--tt-booked-text)}.tt-booking-enrollment{color:#1e293b;color:var(--tt-text-primary);flex:1 1;font-size:1rem;font-weight:700}.tt-booking-details{background:#fffc;background:var(--tt-input-bg);border-radius:8px;color:#6b7280;color:var(--tt-text-muted);font-size:.9rem;font-weight:600;padding:.5rem 1rem}.tt-beta-badge{background:linear-gradient(135deg,#f59e0b33,#d9770626);border:1px solid #f59e0b4d;border-radius:6px;color:#d97706;display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.5px;margin-left:.5rem;padding:.15rem .5rem;text-transform:uppercase;vertical-align:middle}[data-theme=dark] .tt-beta-badge{background:linear-gradient(135deg,#fbbf2440,#f59e0b33);border-color:#fbbf2466;color:#fbbf24}.tt-timesheet-grid{background:#fffc;background:var(--tt-input-bg);border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);border-radius:16px;margin-top:1.5rem;overflow-x:auto}.tt-timesheet-table{border-collapse:initial;border-spacing:0;min-width:900px;width:100%}.tt-timesheet-header{background:linear-gradient(135deg,#fff,#fffc);background:linear-gradient(135deg,var(--tt-card-bg),var(--tt-input-bg));border-bottom:2px solid #e2e8f0cc;border-bottom:2px solid var(--tt-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--tt-card-border);color:#374151;color:var(--tt-text-secondary);font-size:.9rem;font-weight:800;letter-spacing:.5px;padding:1.25rem;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:10}.tt-timesheet-header:last-child{border-right:none}.tt-timesheet-header:first-child{text-align:left;width:180px}.tt-timesheet-session-cell{background:linear-gradient(135deg,#fffc,#fff);background:linear-gradient(135deg,var(--tt-input-bg),var(--tt-card-bg));border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--tt-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--tt-card-border);font-weight:700;left:0;padding:1.25rem;position:-webkit-sticky;position:sticky;transition:all .3s ease;z-index:5}.tt-timesheet-session-cell:hover{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);transform:scale(1.02)}.tt-timesheet-cell{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--tt-card-border);border-right:1px solid #e2e8f0cc;border-right:1px solid var(--tt-card-border);cursor:pointer;min-height:80px;padding:1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.tt-timesheet-cell:last-child{border-right:none}.tt-cell-available{background:linear-gradient(135deg,#22c55e1a,#10b9811a);background:var(--tt-available-bg);border:2px solid #22c55e33;border:2px solid var(--tt-available-border)}.tt-cell-available:hover{background:linear-gradient(135deg,#22c55e33,#10b98126);box-shadow:0 4px 16px #22c55e4d;transform:scale(1.05);z-index:2}.tt-cell-selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #1d4ed8;box-shadow:0 4px 16px #3b82f666;color:#fff}.tt-cell-selected:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f680;transform:scale(1.05);z-index:2}.tt-cell-conflict{background:linear-gradient(135deg,#ef44441a,#dc26261a);background:var(--tt-booked-bg);border:2px solid #ef444433;border:2px solid var(--tt-booked-border);cursor:not-allowed;opacity:.7}.tt-cell-disabled{background:linear-gradient(135deg,#94a3b81a,#64748b0d);border:2px solid #94a3b833;cursor:not-allowed;opacity:.5}.tt-cell-icon{animation:scaleIn .3s ease-out;color:#fff;font-size:2rem}.tt-cell-icon-hover{color:#059669;color:var(--tt-available-text);font-size:2rem;opacity:0;transition:opacity .3s ease}.tt-cell-available:hover .tt-cell-icon-hover{opacity:.5}.tt-conflict-info{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;min-height:60px}.tt-conflict-info .material-symbols-rounded{color:#dc2626;color:var(--tt-booked-text);font-size:2rem}.tt-conflict-text{color:#dc2626;color:var(--tt-booked-text);font-size:.75rem;font-weight:700;line-height:1.3;text-align:center}.tt-selection-summary{background:linear-gradient(135deg,#3b82f60d,#2563eb08);border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);border-radius:16px;display:flex;flex-wrap:wrap;gap:2rem;padding:1.5rem}.tt-summary-item{display:flex;flex-direction:column;gap:.5rem}.tt-summary-label{color:#6b7280;color:var(--tt-text-muted);font-size:.75rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.tt-summary-value{color:#1e293b;color:var(--tt-text-primary);font-size:1.1rem;font-weight:700}.tt-subject-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.tt-subject-card{align-items:center;background:#fff;background:var(--tt-card-bg);border:2px solid #e2e8f0cc;border:2px solid var(--tt-card-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center;transition:all .3s ease}.tt-subject-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--tt-card-hover-shadow);transform:translateY(-4px)}.tt-subject-card.active{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tt-subject-card .material-symbols-rounded{color:#3b82f6;font-size:2.5rem}.tt-subject-name{color:#1e293b;color:var(--tt-text-primary);font-size:1.1rem;font-weight:700}.tt-subject-types{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tt-info-box{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:2px solid #3b82f633;border-radius:12px;display:flex;gap:1rem;margin-top:1.5rem;padding:1rem 1.5rem}.tt-info-box .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:1.5rem}.tt-info-box p{color:#374151;color:var(--tt-text-secondary);font-size:.95rem;font-weight:500;margin:0}.tt-cell-content{align-items:center;gap:.5rem;height:100%;justify-content:center;min-height:80px}.tt-cell-content,.tt-cell-info{display:flex;flex-direction:column}.tt-cell-info{gap:.25rem;margin-top:.5rem;text-align:center}.tt-cell-subject{color:#fff;font-size:.75rem;font-weight:700;line-height:1.2}.tt-cell-faculty{color:#ffffffe6;font-size:.7rem;font-weight:600;line-height:1.2}[data-theme=dark] .tt-calendar-header-cell:first-child{background:linear-gradient(135deg,#60a5fa,#3b82f6)}[data-theme=dark] .tt-calendar-slot-cell.tt-has-class{background:linear-gradient(135deg,#60a5fa1a,#3b82f614)}[data-theme=dark] .tt-calendar-slot-cell.tt-has-class:hover{background:linear-gradient(135deg,#60a5fa2e,#3b82f626)}[data-theme=dark] .tt-icon-btn.tt-primary{background:linear-gradient(135deg,#60a5fa26,#3b82f61f);border-color:#60a5fa66;color:#60a5fa}[data-theme=dark] .tt-icon-btn.tt-success{background:linear-gradient(135deg,#22c55e33,#10b98126);border-color:#22c55e66;color:#4ade80}[data-theme=dark] .tt-icon-btn.tt-danger{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444466;color:#f87171}[data-theme=dark] .tt-type-card.active{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border-color:#60a5fa}[data-theme=dark] .tt-day-chip.active{background:linear-gradient(135deg,#60a5fa,#3b82f6)}[data-theme=dark] .tt-add-session-btn{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .tt-timesheet-session-cell:hover{background:linear-gradient(135deg,#60a5fa26,#3b82f61a)}[data-theme=dark] .tt-cell-available{background:#22c55e26;border-color:#22c55e4d}[data-theme=dark] .tt-cell-available:hover{background:linear-gradient(135deg,#22c55e40,#10b98133)}[data-theme=dark] .tt-cell-selected{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:#2563eb}[data-theme=dark] .tt-cell-selected:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}[data-theme=dark] .tt-cell-conflict{background:#ef444433;border-color:#ef444466}[data-theme=dark] .tt-selection-summary{background:linear-gradient(135deg,#60a5fa1a,#3b82f614)}[data-theme=dark] .tt-subject-card:hover{border-color:#60a5fa}[data-theme=dark] .tt-subject-card.active{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border-color:#60a5fa}[data-theme=dark] .tt-info-box{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border-color:#60a5fa4d}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.spinning{animation:spin 1s linear infinite}.tt-availability-grid::-webkit-scrollbar,.tt-timesheet-grid::-webkit-scrollbar,.tt-week-calendar::-webkit-scrollbar{height:10px;width:8px}.tt-availability-grid::-webkit-scrollbar-thumb,.tt-timesheet-grid::-webkit-scrollbar-thumb,.tt-week-calendar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#94a3b899,#3b82f666);background:linear-gradient(135deg,var(--tt-scrollbar-thumb),#3b82f666);border-radius:10px}.tt-availability-grid::-webkit-scrollbar-track,.tt-timesheet-grid::-webkit-scrollbar-track,.tt-week-calendar::-webkit-scrollbar-track{background:#0000;background:var(--tt-scrollbar-track);border-radius:10px}@media (max-width:1200px){.tt-calendar-table{min-width:900px}.tt-modal-overlay-fullscreen{padding:1rem}}@media (max-width:768px){.tt-branch-schedule-card,.tt-header-section{padding:.75rem}.tt-header-content{align-items:stretch;flex-direction:column;gap:.75rem}.tt-create-btn{font-size:16px;justify-content:center;min-height:44px;width:100%}.tt-schedule-info{gap:.75rem;grid-template-columns:1fr}.tt-timetable-display{margin:.5rem;padding:1rem}.tt-timetable-display-header{flex-direction:column;gap:.75rem}.tt-timetable-display-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.tt-calendar-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.tt-calendar-table{min-width:700px}.tt-modal{border-radius:20px;max-height:95vh;max-width:calc(100vw - 1rem);width:calc(100vw - 1rem)}.tt-modal-content,.tt-modal-footer,.tt-modal-header{padding-left:1rem;padding-right:1rem}.tt-modal-header h3{font-size:1.25rem}.tt-type-selector{gap:.75rem;grid-template-columns:1fr}.tt-type-option{min-height:44px}.tt-availability-legend{gap:.5rem;grid-template-columns:1fr}.tt-availability-grid table{min-width:600px}.tt-modal-footer{flex-direction:column;gap:.5rem}.tt-btn{font-size:16px;justify-content:center;min-height:44px;width:100%}.tt-booking-item{align-items:flex-start;flex-direction:column;gap:.5rem}.tt-selection-summary{flex-direction:column;gap:.75rem}.tt-subject-grid{gap:.75rem;grid-template-columns:1fr}input[type=text],input[type=time],select,textarea{font-size:16px!important;min-height:44px}}@media (max-width:480px){.tt-branch-schedule-card,.tt-header-section{margin:.25rem;padding:.5rem}.tt-timetable-display{border-radius:12px;margin:.25rem;padding:.75rem}.tt-icon-btn{height:44px;min-height:44px;min-width:44px;width:44px}.tt-icon-btn .material-symbols-rounded{font-size:1.25rem}.tt-modal-overlay-fullscreen{padding:.25rem}.tt-modal{border-radius:16px;max-height:98vh;max-width:calc(100vw - .5rem);width:calc(100vw - .5rem)}.tt-modal-header h3{font-size:1.1rem}.tt-modal-content,.tt-modal-footer,.tt-modal-header{padding:.75rem}.tt-availability-grid table{min-width:500px}.tt-calendar-table{min-width:600px}.tt-schedule-info{gap:.5rem}.tt-modal-footer{gap:.375rem}.tt-subject-grid{gap:.5rem}.tt-btn,.tt-create-btn{font-size:.9rem;padding:.5rem 1rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tt-add-session-btn:focus-visible,.tt-btn:focus-visible,.tt-close-btn:focus-visible,.tt-create-btn:focus-visible,.tt-icon-btn:focus-visible,.tt-input:focus-visible,.tt-select:focus-visible{outline:3px solid #3b82f6;outline:3px solid var(--tt-input-focus-border);outline-offset:2px}.tt-day-chip:focus-visible,.tt-subject-card:focus-visible,.tt-timesheet-cell:focus-visible,.tt-type-card:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--tt-input-focus-border);outline-offset:2px}:root{--tte-bg:#fff;--tte-surface:#fafbfc;--tte-border:#e5e7eb;--tte-divider:#f3f4f6;--tte-text-primary:#0f172a;--tte-text-secondary:#475569;--tte-text-tertiary:#94a3b8;--tte-primary:#2563eb;--tte-primary-light:#3b82f6;--tte-primary-dark:#1e40af;--tte-primary-surface:#eff6ff;--tte-success:#10b981;--tte-success-surface:#ecfdf5;--tte-warning:#f59e0b;--tte-warning-surface:#fffbeb;--tte-error:#ef4444;--tte-error-surface:#fef2f2;--tte-purple:#8b5cf6;--tte-purple-surface:#f5f3ff;--tte-shadow-sm:0 1px 2px 0 #0000000d;--tte-shadow-md:0 4px 6px -1px #0000001a;--tte-shadow-lg:0 10px 15px -3px #0000001a;--tte-shadow-xl:0 20px 25px -5px #0000001a;--tte-hover-opacity:0.9;--tte-active-scale:0.98}[data-theme=dark]{--tte-bg:#0f172a;--tte-surface:#1e293b;--tte-border:#334155;--tte-divider:#1e293b;--tte-text-primary:#f8fafc;--tte-text-secondary:#cbd5e1;--tte-text-tertiary:#64748b;--tte-primary:#3b82f6;--tte-primary-light:#60a5fa;--tte-primary-dark:#2563eb;--tte-primary-surface:#1e3a8a;--tte-success:#34d399;--tte-success-surface:#064e3b;--tte-warning:#fbbf24;--tte-warning-surface:#78350f;--tte-error:#f87171;--tte-error-surface:#7f1d1d;--tte-purple:#a78bfa;--tte-purple-surface:#4c1d95;--tte-shadow-sm:0 1px 2px 0 #0000004d;--tte-shadow-md:0 4px 6px -1px #0006;--tte-shadow-lg:0 10px 15px -3px #00000080;--tte-shadow-xl:0 20px 25px -5px #0009}.tte-modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:10000}.tte-modal{animation:slideUp .2s ease;background:#fff;background:var(--tte-bg);border:1px solid #e5e7eb;border:1px solid var(--tte-border);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--tte-shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:1400px;width:100%}.tte-availability-modal{max-width:1600px}.tte-modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--tte-border);flex-shrink:0;padding:1.25rem 1.5rem}.tte-modal-header,.tte-modal-header>div{align-items:center;display:flex;justify-content:space-between}.tte-modal-header>div{flex:1 1;gap:1rem}.tte-modal-header h3{color:#0f172a;color:var(--tte-text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;margin:0}.tte-faculty-name{color:#94a3b8;color:var(--tte-text-tertiary);font-size:.875rem;margin:.25rem 0 0}.tte-delete-btn-small{align-items:center;background:#fef2f2;background:var(--tte-error-surface);border:1px solid #e5e7eb;border:1px solid var(--tte-border);border-radius:6px;color:#ef4444;color:var(--tte-error);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .15s ease}.tte-delete-btn-small:hover{background:#ef4444;background:var(--tte-error);border-color:#ef4444;border-color:var(--tte-error);color:#fff}.tte-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--tte-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s ease;width:32px}.tte-close-btn:hover{background:#fafbfc;background:var(--tte-surface);color:#0f172a;color:var(--tte-text-primary)}.tte-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.tte-modal-content::-webkit-scrollbar{width:6px}.tte-modal-content::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--tte-border);border-radius:3px}.tte-form-section{display:flex;flex-direction:column;gap:1.5rem}.tte-form-section h4{color:#0f172a;color:var(--tte-text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.tte-type-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.tte-type-card{background:#fff;background:var(--tte-bg);border:1.5px solid #e5e7eb;border:1.5px solid var(--tte-border);border-radius:8px;cursor:pointer;padding:1.25rem;position:relative;text-align:center;transition:all .15s ease}.tte-type-card:hover{background:#fafbfc;background:var(--tte-surface);border-color:#3b82f6;border-color:var(--tte-primary-light)}.tte-type-card.active{background:#eff6ff;background:var(--tte-primary-surface);border-color:#2563eb;border-color:var(--tte-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--tte-shadow-sm)}.tte-type-card .material-symbols-rounded{color:#2563eb;color:var(--tte-primary);font-size:2rem;margin-bottom:.5rem}.tte-type-title{align-items:center;color:#0f172a;color:var(--tte-text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.25rem}.tte-type-desc{color:#475569;color:var(--tte-text-secondary);font-size:.8125rem;line-height:1.4}.tte-beta-badge{background:#fffbeb;background:var(--tte-warning-surface);border-radius:3px;color:#f59e0b;color:var(--tte-warning);display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:.125rem .375rem}.tte-subject-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.tte-subject-card{align-items:center;background:#fff;background:var(--tte-bg);border:1.5px solid #e5e7eb;border:1.5px solid var(--tte-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.625rem;padding:1rem;text-align:center;transition:all .15s ease}.tte-subject-card:hover{background:#fafbfc;background:var(--tte-surface);border-color:#3b82f6;border-color:var(--tte-primary-light);transform:translateY(-1px)}.tte-subject-card.active{background:#eff6ff;background:var(--tte-primary-surface);border-color:#2563eb;border-color:var(--tte-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--tte-shadow-sm)}.tte-subject-card .material-symbols-rounded{color:#2563eb;color:var(--tte-primary);font-size:1.75rem}.tte-subject-name{color:#0f172a;color:var(--tte-text-primary);font-size:.9375rem;font-weight:600;line-height:1.3}.tte-subject-types{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center}.tte-badge{border-radius:4px;font-size:.6875rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.tte-badge.tte-theory{background:#ecfdf5;background:var(--tte-success-surface);color:#10b981;color:var(--tte-success)}.tte-badge.tte-lab{background:#fffbeb;background:var(--tte-warning-surface);color:#f59e0b;color:var(--tte-warning)}.tte-selection-summary{grid-gap:.75rem;background:#fafbfc;background:var(--tte-surface);border:1px solid #e5e7eb;border:1px solid var(--tte-border);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:1rem}.tte-summary-item{display:flex;flex-direction:column;gap:.25rem}.tte-summary-label{color:#94a3b8;color:var(--tte-text-tertiary);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tte-summary-value{color:#0f172a;color:var(--tte-text-primary);font-size:.875rem;font-weight:600}.tte-legend{background:#fafbfc;background:var(--tte-surface);border:1px solid #e5e7eb;border:1px solid var(--tte-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;padding:.875rem 1rem}.tte-legend-item{align-items:center;display:flex;gap:.5rem}.tte-legend-box{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.tte-legend-box .material-symbols-rounded{font-size:1.125rem}.tte-legend-box.tte-available{background:#ecfdf5;background:var(--tte-success-surface);color:#10b981;color:var(--tte-success)}.tte-legend-box.tte-selected{background:#2563eb;background:var(--tte-primary);color:#fff}.tte-legend-box.tte-conflict{background:#fef2f2;background:var(--tte-error-surface);color:#ef4444;color:var(--tte-error)}.tte-legend-box.tte-day-based{background:#fffbeb;background:var(--tte-warning-surface);color:#f59e0b;color:var(--tte-warning)}.tte-legend-item span:not(.material-symbols-rounded){color:#475569;color:var(--tte-text-secondary);font-size:.8125rem;font-weight:500}.tte-grid-container{background:#fff;background:var(--tte-bg);border:1px solid #e5e7eb;border:1px solid var(--tte-border);border-radius:8px;overflow-x:auto}.tte-grid{border-collapse:initial;border-spacing:0;min-width:900px;table-layout:fixed;width:100%}.tte-grid thead th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--tte-border);color:#475569;color:var(--tte-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.875rem .625rem;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:10}.tte-grid thead th,[data-theme=dark] .tte-grid thead th{background:#fafbfc;background:var(--tte-surface)}.tte-grid thead th.tte-day-header{background:#10b981;background:var(--tte-success);color:#fff;width:calc(16.66667% - 23.33333px)}.tte-grid thead th.tte-session-col{background:#2563eb;background:var(--tte-primary);color:#fff;left:0;padding-left:.875rem;position:-webkit-sticky;position:sticky;text-align:left;width:140px;z-index:11}.tte-hint{font-size:.625rem;font-weight:400;margin-top:.25rem;opacity:.85;text-transform:none}.tte-session-cell{background:#fff;background:var(--tte-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--tte-border);border-right:1px solid #e5e7eb;border-right:1px solid var(--tte-border);cursor:pointer;font-weight:500;left:0;padding:.875rem;position:-webkit-sticky;position:sticky;transition:background-color .15s ease;width:140px;z-index:5}.tte-session-cell:hover{background:#fafbfc;background:var(--tte-surface)}.tte-session-num{color:#0f172a;color:var(--tte-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.125rem}.tte-session-time{color:#94a3b8;color:var(--tte-text-tertiary);font-size:.6875rem}.tte-cell{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--tte-border);border-right:1px solid #e5e7eb;border-right:1px solid var(--tte-border);cursor:pointer;height:72px;padding:0;position:relative;text-align:center;transition:all .15s ease;vertical-align:middle;width:calc(16.66667% - 23.33333px)}.tte-cell:last-child{border-right:none}.tte-cell-content{align-items:center;display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:center;width:100%}.tte-cell .material-symbols-rounded{font-size:1.5rem}.tte-hover-icon{opacity:0;transition:opacity .15s ease}.tte-cell.tte-available{background:#ecfdf5;background:var(--tte-success-surface);color:#10b981;color:var(--tte-success)}.tte-cell.tte-available:hover{background:#d1fae5;box-shadow:inset 0 0 0 1px #10b981;box-shadow:inset 0 0 0 1px var(--tte-success)}.tte-cell.tte-available:hover .tte-hover-icon{opacity:1}.tte-cell.tte-selected{background:#2563eb;background:var(--tte-primary);color:#fff}.tte-cell.tte-selected:hover{background:#1e40af;background:var(--tte-primary-dark)}.tte-cell.tte-conflict{background:#fef2f2;background:var(--tte-error-surface);color:#ef4444;color:var(--tte-error);cursor:not-allowed}.tte-cell.tte-occupied{background:#f5f3ff;background:var(--tte-purple-surface);color:#8b5cf6;color:var(--tte-purple);cursor:not-allowed}.tte-cell.tte-disabled{background:#f3f4f6;background:var(--tte-divider);color:#94a3b8;color:var(--tte-text-tertiary);cursor:not-allowed;opacity:.6}.tte-cell.tte-day-based{background:#fffbeb;background:var(--tte-warning-surface);color:#f59e0b;color:var(--tte-warning);cursor:default}.tte-conflict-text{font-size:.625rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.tte-booking-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.625rem;font-weight:500;line-height:1.3;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis}.tte-break-row{background:#f5f3ff;background:var(--tte-purple-surface)}.tte-break-cell{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--tte-border);border-right:1px solid #e5e7eb;border-right:1px solid var(--tte-border);color:#8b5cf6;color:var(--tte-purple);font-size:.75rem;font-weight:500;height:48px;padding:.625rem;text-align:center;vertical-align:middle}.tte-break-cell:first-child{align-items:center;background:#f5f3ff;background:var(--tte-purple-surface);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;left:0;position:-webkit-sticky;position:sticky;z-index:5}.tte-break-cell:last-child{border-right:none}.tte-break-cell .material-symbols-rounded{font-size:1rem}.tte-break-time{font-size:.6875rem;font-weight:400}.tte-info-box{align-items:center;background:#eff6ff;background:var(--tte-primary-surface);border:1px solid #e5e7eb;border:1px solid var(--tte-border);border-radius:8px;display:flex;gap:.75rem;padding:.875rem 1rem}.tte-info-box .material-symbols-rounded{color:#2563eb;color:var(--tte-primary);font-size:1.125rem}.tte-info-box p{color:#475569;color:var(--tte-text-secondary);font-size:.8125rem;line-height:1.5;margin:0}.tte-empty,.tte-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.tte-loading .material-symbols-rounded{animation:spin 1s linear infinite;color:#2563eb;color:var(--tte-primary);font-size:2rem;margin-bottom:.75rem}.tte-empty .material-symbols-rounded{color:#94a3b8;color:var(--tte-text-tertiary);font-size:2rem;margin-bottom:.75rem;opacity:.5}.tte-empty h3{color:#0f172a;color:var(--tte-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.tte-empty p{color:#475569;color:var(--tte-text-secondary);font-size:.875rem;margin:0}.tte-modal-footer{background:#fafbfc;background:var(--tte-surface);border-top:1px solid #e5e7eb;border-top:1px solid var(--tte-border);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.tte-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .15s ease}.tte-btn .material-symbols-rounded{font-size:1rem}.tte-btn-primary{background:#2563eb;background:var(--tte-primary);color:#fff}.tte-btn-primary:hover:not(:disabled){background:#1e40af;background:var(--tte-primary-dark)}.tte-btn-primary:disabled{cursor:not-allowed;opacity:.5}.tte-btn-secondary{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--tte-border);color:#475569;color:var(--tte-text-secondary)}.tte-btn-secondary:hover{background:#fafbfc;background:var(--tte-surface);color:#0f172a;color:var(--tte-text-primary)}.tte-grid-container::-webkit-scrollbar{height:6px}.tte-grid-container::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--tte-border);border-radius:3px}@media (max-width:1200px){.tte-modal{max-width:95vw;width:95vw}}@media (max-width:768px){.tte-modal-overlay{padding:.5rem}.tte-modal{max-height:95vh;max-width:calc(100vw - 1rem);width:calc(100vw - 1rem)}.tte-modal-content,.tte-modal-footer,.tte-modal-header{padding:1rem}.tte-modal-header h2{font-size:1.25rem}.tte-type-selector{gap:.75rem;grid-template-columns:1fr}.tte-type-option{min-height:44px}.tte-subject-grid{gap:.75rem;grid-template-columns:1fr}.tte-legend,.tte-modal-footer{flex-direction:column;gap:.5rem}.tte-btn{font-size:16px;justify-content:center;min-height:44px;width:100%}.tte-grid-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.tte-grid{min-width:600px}input[type=text],input[type=time],select,textarea{font-size:16px!important;min-height:44px}}@media (max-width:480px){.tte-modal-overlay{padding:.25rem}.tte-modal{border-radius:12px;max-height:98vh;max-width:calc(100vw - .5rem);width:calc(100vw - .5rem)}.tte-modal-content,.tte-modal-footer,.tte-modal-header{padding:.75rem}.tte-modal-header h2{font-size:1.1rem}.tte-modal-header>div{align-items:flex-start;flex-direction:column;gap:.5rem}.tte-grid thead th.tte-session-col,.tte-session-cell{font-size:.75rem;padding:.375rem .25rem;width:100px}.tte-grid{min-width:500px}.tte-grid-cell{font-size:.75rem}.tte-subject-grid,.tte-type-selector{gap:.5rem}.tte-modal-footer{gap:.375rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tte-btn:focus-visible,.tte-cell:focus-visible,.tte-close-btn:focus-visible,.tte-subject-card:focus-visible,.tte-type-card:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--tte-primary);outline-offset:2px}.tte-non-working-header{background-color:#f5f5f5;color:#999}.tte-cell.tte-non-working{background-color:#fafafa;cursor:not-allowed;opacity:.5}.tte-cell.tte-non-working .material-symbols-rounded{color:#ccc;font-size:1.5rem}.tte-legend-box.tte-non-working{background-color:#fafafa;border:2px solid #e0e0e0}.classs-page{padding-bottom:1rem}.classs-table td,.classs-table th{white-space:nowrap}@media (max-width:768px){.classs-table thead{display:none!important}.classs-table,.classs-table tbody{display:block;width:100%}.classs-table tbody tr{background:#fff;background:var(--cls-table-bg);border:1px solid #e2e8f0;border-left:4px solid #38bdf8;border:1px solid var(--classs-page-border);border-left:4px solid var(--displayid-badge-border);border-radius:12px;box-shadow:0 2px 8px #00000014;display:block!important;margin-bottom:16px;padding:16px;position:relative}.classs-table tbody tr:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.classs-table td{align-items:center;border:none!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--cls-table-cell-border)!important;display:flex!important;justify-content:space-between;min-height:44px;padding:12px 0!important;position:relative}.classs-table td:last-child{border-bottom:none!important}.classs-table td:before{color:#334155;color:var(--cls-table-header-text);content:attr(data-label);flex:0 0 40%;font-size:.75rem;font-weight:600;letter-spacing:.5px;opacity:.8;padding-right:12px}.classs-table td>*{align-items:center;display:flex;flex:1 1;justify-content:flex-end;text-align:right}.classs-table td.display-id-sticky{background:#0000!important;border:none!important;box-shadow:none!important;left:auto!important;margin-bottom:12px;padding:0!important;position:relative!important;z-index:1!important}.classs-table td.display-id-sticky:before{display:none}.classs-table td.display-id-sticky .classid-cell{align-items:center;display:flex;justify-content:space-between;margin:0;padding:12px 16px;width:100%}.classs-table td.display-id-sticky .classid-cell .inspect-icon{margin-left:auto;opacity:1;position:static;transform:none}.classs-table td.checkbox-column{background:#0000!important;border:none!important;box-shadow:none!important;justify-content:flex-start!important;left:auto!important;margin-bottom:12px;padding:12px 0!important;position:relative!important}.classs-table td.checkbox-column:before{content:"Select"}.classs-table td.checkbox-column input[type=checkbox]{margin-left:auto}.classs-table td.actions-sticky{background:#0000!important;box-shadow:none!important;padding:12px 0!important;position:relative!important;right:auto!important}.classs-table td.actions-sticky:before{content:"Actions"}.classs-table td.class-status-cell:before{content:"Status"}.class-status-pill{margin-left:auto}.student-name-with-avatar{flex-direction:row-reverse;margin-left:auto}.boolean-indicator{margin-left:auto}.resize-handle{display:none!important}.classs-table td:empty:before{content:none}.classs-table td:empty{display:none!important}}@media (max-width:480px){.classs-table tbody tr{margin-bottom:12px;padding:12px}.classs-table td{align-items:flex-start;flex-direction:column;padding:10px 0!important}.classs-table td:before{flex:1 1;margin-bottom:6px;padding-right:0}.classs-table td>*{justify-content:flex-start;text-align:left;width:100%}.student-name-with-avatar{flex-direction:row;margin-left:0}.boolean-indicator,.class-status-pill{margin-left:0}}[data-theme=dark] .classs-table tbody tr{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .classs-table td{border-bottom-color:#ffffff0d!important}.classs-table tbody tr.row-highlight{border-left-color:#38bdf8;border-left-color:var(--displayid-badge-border)}.classs-table tbody tr[data-loading=true]{opacity:.6;pointer-events:none}.classs-table tbody:empty:after{color:#334155;color:var(--cls-table-header-text);content:"No classes found";display:block;font-size:14px;padding:40px 20px;text-align:center}.cls-filter-badge{background:var(--filter-badge-bg);border:1px solid var(--filter-badge-border);border-radius:999px;box-shadow:0 0 0 2px #fffc;color:var(--filter-badge-color);font-size:.65rem;font-weight:700;padding:2px 5px;transition:all .3s ease}.view-mode-toggle{background:var(--cls-table-bg);border:1px solid #e2e8f0;border:1px solid var(--cls-table-cell-border)}.view-mode-btn{color:#334155;color:var(--cls-table-header-text)}.view-mode-btn:hover{background:#e0f2fe;background:var(--cls-row-hover-bg)}@media (max-width:768px){.classs-page{padding:.25rem!important}.classs-table-container.card-view-mode{margin:.25rem!important}.classes-cards-grid{gap:.5rem!important;grid-template-columns:1fr!important;padding:.25rem!important}.class-card{border-radius:10px!important;padding:.5rem!important}.class-card,.class-card:hover{transform:none!important}.class-card-header{gap:.5rem!important;margin-bottom:.5rem!important;padding-bottom:.5rem!important}.class-card-avatar{font-size:.95rem!important;height:40px!important;width:40px!important}.class-card:hover .class-card-avatar{transform:none!important}.class-card-title h3{font-size:.9rem!important;margin-bottom:.15rem!important}.class-card-id{font-size:.65rem!important;padding:.15rem .4rem!important}.class-card-actions-btn{font-size:1.1rem!important;height:32px!important;width:32px!important}.class-card-actions-btn:hover{transform:none!important}.class-card-body{grid-gap:.4rem!important;display:grid!important;gap:.4rem!important;grid-template-columns:1fr 1fr!important}.class-card-status{grid-column:1/-1!important;margin-bottom:.2rem!important}.class-card-field{background:#00000005!important;border-radius:6px!important;gap:.35rem!important;padding:.35rem!important}[data-theme=dark] .class-card-field{background:#ffffff08!important}.class-card-field .field-icon{font-size:.9rem!important;margin-top:0!important}.class-card-field .field-content label{font-size:.6rem!important;margin-bottom:.1rem!important}.class-card-field .field-content span{font-size:.75rem!important;line-height:1.2!important}.pagination-wrapper{align-items:center!important;background:#fff!important;background:var(--cls-table-bg)!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--cls-table-cell-border)!important;bottom:0!important;box-shadow:0 -2px 8px #00000014!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;justify-content:space-between!important;padding:.4rem .5rem!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.pagination-info{font-size:.7rem!important;white-space:nowrap!important}.pagination{display:flex!important;flex-direction:row!important;gap:.2rem!important}.page-btn{border-radius:6px!important;font-size:.75rem!important;min-height:30px!important;min-width:30px!important;padding:.3rem .45rem!important}}@media (max-width:480px){.class-card{padding:.4rem!important}.class-card-avatar{height:36px!important;width:36px!important}.class-card-avatar,.class-card-title h3{font-size:.85rem!important}.class-card-field{padding:.3rem!important}.class-card-field .field-content label{font-size:.55rem!important}.class-card-field .field-content span{font-size:.7rem!important}.pagination-wrapper{padding:.35rem .4rem!important}.pagination-info{font-size:.65rem!important}.page-btn{font-size:.7rem!important;min-height:28px!important;min-width:28px!important;padding:.25rem .375rem!important}}[data-theme=dark] .class-card{background:#fff;background:var(--cls-table-bg);border-color:#e2e8f0;border-color:var(--cls-table-cell-border)}[data-theme=dark] .class-card-header{border-bottom-color:#e2e8f0;border-bottom-color:var(--cls-table-cell-border)}[data-theme=dark] .class-card-avatar{box-shadow:inset 0 0 2px #ffffff1a,0 2px 6px #0000004d}[data-theme=dark] .class-card-actions-btn{background:#fffffff2;background:var(--inspect-icon-bg);border-color:#0ea5e933;border-color:var(--inspect-icon-border);color:#0284c7;color:var(--inspect-icon-color)}@media (prefers-reduced-motion:reduce){.class-card,.class-card-actions-btn,.class-card-avatar{animation:none;transition:none}.class-card:hover,.class-card:hover .class-card-avatar{transform:none}.classes-cards-grid{animation:none}}:root{--tooltip-bg:#1e293bf2;--tooltip-color:#fff;--tooltip-arrow-color:#1e293bf2}[data-theme=dark]{--tooltip-bg:#fffffff2;--tooltip-color:#1e293b;--tooltip-arrow-color:#fffffff2}.tooltip-portal{animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.classes-toolbar{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-radius:12px;box-shadow:0 4px 20px #0000000d;overflow:visible;transition:all .3s ease}[data-theme=dark] .classes-toolbar{background:linear-gradient(135deg,#3b82f61a,#60a5fa0d);box-shadow:0 4px 20px #0000004d}.advanced-filter-badge{animation:pulse 2s infinite;background:#f59e0b;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}[data-theme=dark] .advanced-filter-badge{background:#ff9f0a;border-color:#1f2937;border-color:var(--card-bg,#1f2937)}.advanced-filters-popup{animation:fadeInUp .2s ease;border:1px solid #0000001a;box-shadow:0 20px 40px #00000026;min-width:400px;z-index:9999}[data-theme=dark] .advanced-filters-popup{border:1px solid #ffffff1a;box-shadow:0 20px 40px #0009}.advanced-filters-popup-header{background:#8b5cf60d;border-bottom:1px solid #0000001a;border-radius:12px 12px 0 0;color:#8b5cf6;font-weight:600;gap:.5rem;padding:1rem 1.25rem}[data-theme=dark] .advanced-filters-popup-header{background:#8b5cf61a;border-bottom:1px solid #ffffff1a;color:#a78bfa}.close-popup-btn{border-radius:4px}.close-popup-btn:hover{background:#0000001a;color:#374151}[data-theme=dark] .close-popup-btn:hover{background:#ffffff1a;color:#d1d5db}.advanced-filters-popup-content{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1.5rem 1.25rem}.advanced-filters-popup-footer{background:#00000005;border-radius:0 0 12px 12px;border-top:1px solid #0000001a;display:flex;justify-content:center;padding:1rem 1.25rem}[data-theme=dark] .advanced-filters-popup-footer{background:#ffffff05;border-top:1px solid #ffffff1a}.popup-clear-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.popup-clear-btn:hover{background:#ef444433;box-shadow:0 4px 8px #ef444433;transform:translateY(-1px)}[data-theme=dark] .popup-clear-btn{background:#f871711a;border-color:#f8717133;color:#f87171}[data-theme=dark] .popup-clear-btn:hover{background:#f8717133}.primary-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}@media (min-width:1025px){.primary-filters{flex-wrap:wrap}}.advanced-filters-popup{animation:popupFadeIn .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:600px;min-width:320px;padding:1.25rem}[data-theme=dark] .advanced-filters-popup{background:#1f2937;background:var(--card-bg,#1f2937);border-color:#374151;border-color:var(--border-color,#374151);box-shadow:0 10px 40px #00000080}.advanced-filters-popup-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}[data-theme=dark] .advanced-filters-popup-header{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}.advanced-filters-popup-header h3{fontSize:1rem;color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600;margin:0}[data-theme=dark] .advanced-filters-popup-header h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}.close-popup-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.close-popup-btn:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}[data-theme=dark] .close-popup-btn{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .close-popup-btn:hover{background:#374151;background:var(--hover-bg,#374151)}.advanced-filters-popup-content{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px));max-height:400px;overflow-y:auto;padding:.25rem}.advanced-filter-btn{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;border-radius:8px;color:#4c1d95;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:.45rem .75rem;transition:all .2s ease}[data-theme=dark] .advanced-filter-btn{background:#a5b4fc26;border-color:#a5b4fc4d;color:#a5b4fc}.advanced-filter-btn:hover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);transform:translateY(-1px)}.classes-toolbar .accent-indigo select{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4c1d95}.classes-toolbar .accent-green select{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#064e3b}.classes-toolbar .accent-blue select{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1e3a8a}.classes-toolbar .accent-purple select{background:linear-gradient(135deg,#e9d5ff,#f3e8ff);color:#581c87}.classes-toolbar .accent-amber select{background:linear-gradient(135deg,#fed7aa,#ffedd5);color:#7c2d12}.classes-toolbar .accent-teal select{background:linear-gradient(135deg,#99f6e4,#ccfbf1);color:#134e4a}.classes-toolbar .accent-violet select{background:linear-gradient(135deg,#ddd6fe,#ede9fe);color:#5b21b6}.custom-date-input{display:flex;flex-direction:column;gap:.25rem}.custom-date-input label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.custom-date-input .date-input{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#581c87;cursor:pointer;font-size:.9rem;padding:.45rem .75rem;transition:all .2s ease}.custom-date-input .date-input:focus{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.custom-date-input .date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(26%) sepia(82%) saturate(1894%) hue-rotate(258deg)}.custom-date-popup-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.custom-date-popup{animation:slideUp .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;overflow:hidden;width:90%}[data-theme=dark] .custom-date-popup{background:#1f2937;background:var(--card-bg,#1f2937);box-shadow:0 20px 60px #000000b3}.custom-date-popup-header{align-items:center;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}[data-theme=dark] .custom-date-popup-header{background:linear-gradient(135deg,#8b5cf61a,#a78bfa0d);border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}.custom-date-popup-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin:0}[data-theme=dark] .custom-date-popup-header h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}.custom-date-popup-content{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.date-picker-group{display:flex;flex-direction:column;gap:.5rem}.date-picker-group label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:600}[data-theme=dark] .date-picker-group label{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.custom-date-picker-input .MuiInputBase-root{background:#fff;background:var(--input-bg,#fff);border-radius:10px;font-family:inherit;font-size:1rem;transition:all .2s ease}.custom-date-picker-input .MuiOutlinedInput-notchedOutline{border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:10px}.custom-date-picker-input .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#a78bfa}.custom-date-picker-input .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#8b5cf6;border-width:2px;box-shadow:0 0 0 4px #8b5cf61a}.custom-date-picker-input .MuiInputBase-input{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;padding:.75rem 1rem}.custom-date-picker-input .MuiIconButton-root{color:#8b5cf6}.custom-date-picker-input .MuiIconButton-root:hover{background-color:#8b5cf61a}[data-theme=dark] .custom-date-picker-input .MuiInputBase-root{background:#374151;background:var(--input-bg,#374151)}[data-theme=dark] .custom-date-picker-input .MuiOutlinedInput-notchedOutline{border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .custom-date-picker-input .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#a78bfa}[data-theme=dark] .custom-date-picker-input .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#a78bfa;box-shadow:0 0 0 4px #a78bfa1a}[data-theme=dark] .custom-date-picker-input .MuiInputBase-input{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .custom-date-picker-input .MuiIconButton-root{color:#a78bfa}.MuiDateCalendar-root,.MuiPickersLayout-root{background:#fff;background:var(--card-bg,#fff)}.MuiDateCalendar-root{border-radius:12px;box-shadow:0 10px 40px #00000026}[data-theme=dark] .MuiDateCalendar-root,[data-theme=dark] .MuiPickersLayout-root{background:#1f2937;background:var(--card-bg,#1f2937)}[data-theme=dark] .MuiDateCalendar-root{box-shadow:0 10px 40px #00000080}.MuiPickersCalendarHeader-root{color:#1f2937;color:var(--text-primary,#1f2937);padding:1rem}[data-theme=dark] .MuiPickersCalendarHeader-root{color:#f9fafb;color:var(--text-primary,#f9fafb)}.MuiPickersCalendarHeader-label{color:#8b5cf6}[data-theme=dark] .MuiPickersCalendarHeader-label{color:#a78bfa}.MuiPickersDay-root{color:#1f2937;color:var(--text-primary,#1f2937)}[data-theme=dark] .MuiPickersDay-root{color:var(--text-primary,#f9fafb)}.MuiPickersDay-root.Mui-selected{background-color:#8b5cf6!important}.MuiPickersDay-root.Mui-selected:hover{background-color:#7c3aed!important}.MuiPickersDay-root:hover{background-color:#8b5cf61a}[data-theme=dark] .MuiPickersDay-root:hover{background-color:#a78bfa1a}.MuiPickersMonth-monthButton.Mui-selected,.MuiPickersYear-yearButton.Mui-selected{background-color:#8b5cf6!important;color:#fff!important}.custom-date-popup-actions{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:.75rem;padding:1rem 1.5rem 1.25rem}[data-theme=dark] .custom-date-popup-actions{background:#111827;background:var(--bg-secondary,#111827);border-top-color:#374151;border-top-color:var(--border-color,#374151)}.custom-date-popup-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.cancel-btn{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280)}.cancel-btn:hover{background:#e5e7eb;background:var(--hover-bg,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}[data-theme=dark] .cancel-btn{background:#374151;background:var(--bg-secondary,#374151);color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .cancel-btn:hover{background:#4b5563;background:var(--hover-bg,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}.apply-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d;color:#fff}.apply-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.apply-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}[data-theme=dark] .apply-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 2px 8px #a78bfa4d}[data-theme=dark] .apply-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #a78bfa66}@media (max-width:640px){.custom-date-popup{max-width:none;width:95%}.custom-date-popup-header{padding:1rem 1.25rem}.custom-date-popup-content{padding:1.25rem}.custom-date-popup-actions{flex-direction:column;padding:.75rem 1.25rem 1rem}.custom-date-popup-actions button{width:100%}}[data-theme=dark] .custom-date-input label{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .custom-date-input .date-input{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}[data-theme=dark] .custom-date-input .date-input:focus{background:#8b5cf633;border-color:#a78bfa}[data-theme=dark] .custom-date-input .date-input::-webkit-calendar-picker-indicator{filter:invert(75%) sepia(28%) saturate(1395%) hue-rotate(207deg)}[data-theme=dark] .classes-toolbar .accent-indigo select{background:#818cf826;color:#818cf8}[data-theme=dark] .classes-toolbar .accent-green select{background:#10b98126;color:#10b981}[data-theme=dark] .classes-toolbar .accent-blue select{background:#3b82f626;color:#60a5fa}[data-theme=dark] .classes-toolbar .accent-purple select{background:#8b5cf626;color:#a78bfa}[data-theme=dark] .classes-toolbar .accent-amber select{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .classes-toolbar .accent-teal select{background:#14b8a626;color:#2dd4bf}[data-theme=dark] .classes-toolbar .accent-violet select{background:#8b5cf626;color:#a78bfa}.add-class-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#451a03;overflow:hidden;position:relative}.add-class-btn:before{background:radial-gradient(circle,#ffffff4d,#0000);content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease;width:100%}.add-class-btn:hover:before{transform:translate(-50%,-50%) scale(2)}[data-theme=dark] .add-class-btn{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);color:#fbbf24}.classes-toolbar .icon-btn{overflow:visible;position:relative}.classes-toolbar .icon-btn[data-tooltip]:hover:after{animation:tooltipFadeIn .2s ease;background:#1e293bf2;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(data-tooltip);font-size:.75rem;font-weight:500;left:50%;padding:6px 12px;pointer-events:none;position:absolute;top:calc(100% + 4px);transform:translateX(-50%);white-space:nowrap;z-index:99999}.classes-toolbar .icon-btn:after,.classes-toolbar .icon-btn:before,.classes-toolbar .icon-btn:hover:before{content:none!important;display:none!important}.classes-toolbar .icon-btn[data-tooltip]:hover:after{content:attr(data-tooltip)!important;display:block!important}[data-theme=dark] .classes-toolbar .icon-btn[data-tooltip]:hover:after{background:#fffffff2;color:#1e293b}.classes-toolbar .icon-btn span{position:relative;z-index:1}.icon-teal{background:#14b8a61a!important;border:1px solid #14b8a633!important;color:#14b8a6!important;position:relative}.icon-teal:hover{background:#14b8a633!important;transform:translateY(-2px)}.icon-teal-active{background:linear-gradient(135deg,#14b8a6,#0d9488)!important;border:1px solid #14b8a6!important;box-shadow:0 2px 8px #14b8a64d;color:#fff!important;position:relative}.icon-teal-active:hover{background:linear-gradient(135deg,#0d9488,#0f766e)!important;box-shadow:0 4px 12px #14b8a666;transform:translateY(-2px)}[data-theme=dark] .icon-teal{background:#14b8a626!important;border-color:#14b8a64d!important;color:#5eead4!important}[data-theme=dark] .icon-teal:hover{background:#14b8a640!important}[data-theme=dark] .icon-teal-active{background:linear-gradient(135deg,#14b8a6,#0d9488)!important;border-color:#14b8a6!important;box-shadow:0 2px 8px #14b8a666;color:#fff!important}[data-theme=dark] .icon-teal-active:hover{background:linear-gradient(135deg,#0d9488,#0f766e)!important;box-shadow:0 4px 12px #14b8a680}.classes-toolbar .search-bar{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;box-shadow:0 1px 4px #3b82f61a;position:relative}[data-theme=dark] .classes-toolbar .search-bar{background:#3b82f61a;border-color:#3b82f64d}.classes-toolbar .search-bar:focus-within{background:linear-gradient(135deg,#e0f2fe,#dbeafe);box-shadow:0 0 0 3px #3b82f61a}.classes-toolbar .toolbar-actions{align-items:center;display:flex;gap:.75rem;padding-left:1rem}.classes-toolbar .custom-dropdown{position:relative}.classes-toolbar .dropdown-trigger{overflow:hidden;position:relative}.classes-toolbar .dropdown-trigger [class*=label],.classes-toolbar .dropdown-trigger [class*=selected],.classes-toolbar .dropdown-trigger button,.classes-toolbar .dropdown-trigger span:not(.material-symbols-rounded){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classes-toolbar .dropdown-trigger:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.classes-toolbar .dropdown-trigger:hover:before{left:100%}.filter-panel{align-items:center;display:flex;gap:.75rem;overflow:visible;padding:.5rem 0}.classes-toolbar.loading{opacity:.6;pointer-events:none}.classes-toolbar.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#3b82f61a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.classes-toolbar button:focus-visible,.classes-toolbar input:focus-visible,.classes-toolbar select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}[data-theme=dark] .classes-toolbar button:focus-visible,[data-theme=dark] .classes-toolbar input:focus-visible,[data-theme=dark] .classes-toolbar select:focus-visible{outline-color:#60a5fa}.close-popup-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}[data-theme=dark] .close-popup-btn:focus-visible{outline-color:#60a5fa}.advanced-filters-popup-content::-webkit-scrollbar{width:6px}.advanced-filters-popup-content::-webkit-scrollbar-track{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-radius:3px}.advanced-filters-popup-content::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-color,#d1d5db);border-radius:3px}.advanced-filters-popup-content::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-secondary,#9ca3af)}[data-theme=dark] .advanced-filters-popup-content::-webkit-scrollbar-track{background:#374151;background:var(--hover-bg,#374151)}[data-theme=dark] .advanced-filters-popup-content::-webkit-scrollbar-thumb{background:#4b5563;background:var(--border-color,#4b5563)}[data-theme=dark] .advanced-filters-popup-content::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-secondary,#6b7280)}@media (prefers-reduced-motion:reduce){.classes-toolbar .dropdown-trigger:before,.classes-toolbar .icon-btn:after,.classes-toolbar.loading:after{animation:none;transition:none}.advanced-filters-popup{animation:none}}@media (max-width:1024px){.classes-toolbar{padding:.6rem .8rem}.classes-toolbar .search-bar{width:160px}.classes-toolbar .icon-btn{padding:.5rem}}@media (max-width:768px){.classes-toolbar{gap:.5rem;padding:.5rem}.classes-toolbar .toolbar-left{flex-wrap:wrap;gap:.5rem}.classes-toolbar .filter-toggle-btn{font-size:.8rem;padding:.4rem .75rem}.classes-toolbar .filter-panel{display:flex!important;flex-direction:column!important;gap:.5rem!important;width:100%}.classes-toolbar .primary-filters{grid-gap:.5rem!important;display:grid!important;flex-wrap:nowrap!important;gap:.5rem!important;grid-template-columns:1fr 1fr!important;overflow-x:visible!important;overflow-x:initial!important;width:100%}.classes-toolbar .filter-panel .icon-clear{justify-content:center!important;width:100%!important}.classes-toolbar .primary-filters .icon-teal,.classes-toolbar .primary-filters .icon-teal-active{grid-column:1/-1!important;justify-content:center;width:100%!important}.classes-toolbar .custom-dropdown{min-width:auto!important}.classes-toolbar .dropdown-trigger{font-size:.75rem!important;gap:.3rem!important;padding:.4rem .6rem!important}.classes-toolbar .dropdown-trigger span:first-child{font-size:.9rem!important}.classes-toolbar .search-bar{order:10;width:140px}.classes-toolbar .search-bar input{font-size:.8rem;padding:.5rem .5rem .5rem 2rem}.classes-toolbar .search-bar:focus-within{width:200px}.classes-toolbar .toolbar-actions{flex-wrap:wrap;gap:.4rem}.classes-toolbar .icon-btn{min-height:36px;min-width:36px;padding:.4rem}.classes-toolbar .icon-btn span{font-size:1.1rem}.view-mode-toggle{padding:.2rem}.view-mode-btn{padding:.4rem}.view-mode-btn span{font-size:1rem}.advanced-filters-popup{left:1rem!important;max-width:calc(100vw - 2rem)!important;right:1rem!important;width:calc(100vw - 2rem)!important}.advanced-filters-popup-content{grid-template-columns:1fr!important}}@media (max-width:480px){.classes-toolbar{gap:.4rem;padding:.4rem}.classes-toolbar .filter-toggle-btn{font-size:.75rem;padding:.35rem .6rem}.classes-toolbar .filter-panel,.classes-toolbar .primary-filters{gap:.4rem!important}.classes-toolbar .dropdown-trigger{font-size:.7rem!important;padding:.35rem .5rem!important}.classes-toolbar .dropdown-trigger span:first-child{font-size:.85rem!important}.classes-toolbar .search-bar{width:110px}.classes-toolbar .search-bar input{font-size:.75rem}.classes-toolbar .search-bar:focus-within{width:160px}.classes-toolbar .icon-btn{min-height:32px;min-width:32px;padding:.35rem}.classes-toolbar .icon-btn span{font-size:1rem}.view-mode-btn{padding:.35rem}.view-mode-btn span{font-size:.9rem}}:root{--ucp-page-bg:#fff;--ucp-container-bg:#fff;--ucp-container-border:#e2e8f0;--ucp-text-primary:#1e293b;--ucp-text-secondary:#475569;--ucp-text-muted:#64748b;--ucp-header-bg:linear-gradient(135deg,#dbeafe,#f8fafc);--ucp-card-bg:#fff;--ucp-card-border:#e2e8f0;--ucp-card-shadow:0 2px 8px #0000000f;--ucp-icon-color:#3b82f6;--ucp-hover-bg:#1e40af0d;--ucp-hover-text:#1e40af;--ucp-badge-scheduled-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--ucp-badge-scheduled-text:#1e40af;--ucp-badge-ongoing-bg:linear-gradient(135deg,#fef3c7,#fde68a);--ucp-badge-ongoing-text:#78350f;--ucp-badge-completed-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--ucp-badge-completed-text:#065f46;--ucp-badge-cancelled-bg:linear-gradient(135deg,#fee2e2,#fecaca);--ucp-badge-cancelled-text:#b91c1c}[data-theme=dark]{--ucp-page-bg:#1a1a1af2;--ucp-container-bg:#1a1a1af2;--ucp-container-border:#0f83;--ucp-card-shadow:0 6px 20px #0009;--ucp-text-primary:#fff;--ucp-text-secondary:#ff9f0a;--ucp-text-muted:#d1d5db;--ucp-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--ucp-card-bg:#1a1a1af2;--ucp-card-border:#ffffff1a;--ucp-icon-color:#3efcd9;--ucp-hover-bg:#00ff880f;--ucp-hover-text:#3efcd9;--ucp-badge-scheduled-bg:#00f2fe26;--ucp-badge-scheduled-text:#00f2fe;--ucp-badge-ongoing-bg:linear-gradient(135deg,#ffc1072e,#1a1a1af2);--ucp-badge-ongoing-text:#ffd666;--ucp-badge-completed-bg:linear-gradient(135deg,#065f46,#047857);--ucp-badge-completed-text:#3efcd9;--ucp-badge-cancelled-bg:#f4433633;--ucp-badge-cancelled-text:#ff6659}.upcoming-popup{animation:slideInScale .3s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--ucp-container-bg);border:1px solid #e2e8f0;border:1px solid var(--ucp-container-border);border-radius:12px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--ucp-card-shadow);display:flex;flex-direction:column;font-family:Google Sans,Poppins,sans-serif;height:auto;max-height:580px;overflow:hidden;position:fixed;right:24px;top:70px;width:400px;z-index:10000}.upcoming-popup.closing{animation:ucpPopOut .25s ease-in forwards}@keyframes slideInScale{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ucpPopOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.96)}}.popup-header{align-items:center;background:linear-gradient(135deg,#dbeafe,#f8fafc);background:var(--ucp-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ucp-container-border);display:flex;flex-shrink:0;justify-content:space-between;padding:.5rem .875rem}.header-left{gap:.625rem}.header-left .material-symbols-rounded{color:#3b82f6;color:var(--ucp-icon-color);font-size:1.1rem;font-weight:500}.popup-header h3{color:#1e293b;color:var(--ucp-text-primary);font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin:0}.header-left .count{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--ucp-badge-scheduled-bg);border-radius:12px;color:#1e40af;color:var(--ucp-badge-scheduled-text);display:inline-flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 .5rem}.header-actions{align-items:center;display:flex;gap:.5rem}.view-all-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--ucp-badge-scheduled-bg);border:none;border-radius:5px;color:#1e40af;color:var(--ucp-badge-scheduled-text);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:500;padding:.25rem .625rem;transition:all .2s ease}.view-all-btn:hover{opacity:.9;transform:translateY(-1px)}.minimize-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#64748b;color:var(--ucp-text-muted);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .2s ease;width:26px}.minimize-btn:hover{background:#1e40af0d;background:var(--ucp-hover-bg);color:#1e40af;color:var(--ucp-hover-text)}.minimize-btn .material-symbols-rounded{font-size:1.05rem}.popup-body{-webkit-overflow-scrolling:touch;background:#fff;background:var(--ucp-page-bg);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:.375rem}.popup-body::-webkit-scrollbar{width:6px}.popup-body::-webkit-scrollbar-track{background:#0000}.popup-body::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--ucp-container-border);border-radius:3px}.popup-body::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--ucp-text-muted)}.classes-list{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.class-item{grid-gap:.5rem;align-items:center;animation:fadeInUp .3s ease forwards;background:#fff;background:var(--ucp-card-bg);border:1px solid #e2e8f0;border:1px solid var(--ucp-card-border);border-radius:8px;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:60px 1fr 26px;opacity:0;padding:.4rem .6rem;transition:all .2s ease}.class-item:hover{background:#1e40af0d;background:var(--ucp-hover-bg);border-color:#3b82f6;border-color:var(--ucp-icon-color);box-shadow:0 4px 12px #3b82f61f;transform:translateX(4px)}.item-left{gap:.25rem;width:60px}.class-date,.item-left{align-items:center;display:flex;flex-direction:column}.class-date{border-radius:5px;justify-content:center;padding:.3rem .25rem;text-align:center;width:100%}.class-item:nth-child(5n+1) .class-date{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--ucp-badge-scheduled-bg)}.class-item:nth-child(5n+2) .class-date{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--ucp-badge-ongoing-bg)}.class-item:nth-child(5n+3) .class-date{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--ucp-badge-completed-bg)}.class-item:nth-child(5n+4) .class-date{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--ucp-badge-scheduled-bg)}.class-item:nth-child(5n+5) .class-date{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--ucp-badge-ongoing-bg)}.class-item:nth-child(5n+1) .class-date .date-text,.class-item:nth-child(5n+1) .class-date .day-text{color:#1e40af;color:var(--ucp-badge-scheduled-text)}.class-item:nth-child(5n+2) .class-date .date-text,.class-item:nth-child(5n+2) .class-date .day-text{color:#78350f;color:var(--ucp-badge-ongoing-text)}.class-item:nth-child(5n+3) .class-date .date-text,.class-item:nth-child(5n+3) .class-date .day-text{color:#065f46;color:var(--ucp-badge-completed-text)}.class-item:nth-child(5n+4) .class-date .date-text,.class-item:nth-child(5n+4) .class-date .day-text{color:#1e40af;color:var(--ucp-badge-scheduled-text)}.class-item:nth-child(5n+5) .class-date .date-text,.class-item:nth-child(5n+5) .class-date .day-text{color:#78350f;color:var(--ucp-badge-ongoing-text)}.date-text{font-size:.7rem;font-weight:700;line-height:1.1}.day-text{font-size:.625rem;font-weight:600;letter-spacing:.3px;margin-top:.125rem;opacity:.85;text-transform:uppercase}.class-time{background:#1e40af0d;background:var(--ucp-hover-bg);border-radius:4px;color:#475569;color:var(--ucp-text-secondary);font-size:.6rem;font-weight:600;gap:.1875rem;justify-content:center;padding:.15rem .25rem;width:100%}.class-time .material-symbols-rounded{color:#3b82f6;color:var(--ucp-icon-color);font-size:.8125rem}.item-content{align-self:center;display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.class-header{flex-wrap:wrap;gap:.375rem}.class-id{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--ucp-badge-scheduled-bg);border-radius:4px;color:#1e40af;color:var(--ucp-badge-scheduled-text);font-size:.625rem;font-weight:600;padding:.125rem .4rem;white-space:nowrap}.subject-name{color:var(--ucp-text-primary);font-size:.775rem;text-overflow:ellipsis;white-space:nowrap}.topic-title{align-items:center;display:flex;gap:.25rem;margin:.125rem 0;padding:.125rem 0}.topic-title .material-symbols-rounded{color:#3b82f6;color:var(--ucp-icon-color);font-size:.875rem;opacity:.7}.topic-text{color:#475569;color:var(--ucp-text-secondary);font-size:.75rem;font-style:italic;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-info{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem}.info-item{color:var(--ucp-text-secondary);font-size:.75rem;font-weight:500;gap:.25rem}.info-item .material-symbols-rounded{color:#3b82f6;color:var(--ucp-icon-color);font-size:.875rem}.faculty-section{display:flex;flex-direction:column;gap:.25rem}.faculty-row-prominent{align-items:center;background:#1e40af0d;background:var(--ucp-hover-bg);border-radius:4px;display:flex;gap:.3rem;margin:.05rem 0;padding:.15rem .4rem}.upc-faculty-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.625rem;font-weight:700;height:20px;justify-content:center;width:20px}.faculty-name-prominent{color:#1e293b;color:var(--ucp-text-primary);flex:1 1;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faculty-row-secondary{align-items:center;background:#0000;border-left:2px solid #e2e8f0;border-left:2px solid var(--ucp-container-border);display:flex;gap:.3125rem;margin-left:.5rem;padding:.1875rem .5rem}.upc-faculty-avatar-small{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.5625rem;font-weight:700;height:16px;justify-content:center;width:16px}.faculty-name-secondary{color:#475569;color:var(--ucp-text-secondary);flex:1 1;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faculty-indicator{align-items:center;border-radius:3px;display:inline-flex;flex-shrink:0;font-size:.625rem;font-weight:700;height:18px;justify-content:center;width:18px}.faculty-indicator.assigned{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--ucp-badge-completed-bg);color:#065f46;color:var(--ucp-badge-completed-text)}.faculty-indicator.original{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--ucp-badge-ongoing-bg);color:#78350f;color:var(--ucp-badge-ongoing-text)}.item-right{align-items:center;align-self:center;background:#1e40af0d;background:var(--ucp-hover-bg);border-radius:5px;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all .2s ease;width:26px}.item-right .material-symbols-rounded{color:#3b82f6;color:var(--ucp-icon-color);font-size:.875rem;transition:all .2s ease}.class-item:hover .item-right{background:#3b82f6;background:var(--ucp-icon-color)}.class-item:hover .item-right .material-symbols-rounded{color:#fff;transform:translateX(2px)}.popup-loading{align-items:center;color:#64748b;color:var(--ucp-text-muted);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1.5rem 1rem}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#3b82f6;border:3px solid var(--ucp-container-border);border-radius:50%;border-top-color:var(--ucp-icon-color);height:36px;width:36px}.popup-loading p{font-size:.875rem;margin:0}.popup-error{align-items:center;color:#b91c1c;color:var(--ucp-badge-cancelled-text);display:flex;flex-direction:column;gap:.625rem;justify-content:center;padding:1.5rem 1rem}.popup-error .material-symbols-rounded{font-size:2.5rem;opacity:.5}.popup-error p{font-size:.875rem;margin:0;text-align:center}.popup-empty{align-items:center;color:#64748b;color:var(--ucp-text-muted);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1.5rem 1rem}.popup-empty .material-symbols-rounded{font-size:2.5rem;margin-bottom:.375rem;opacity:.3}.popup-empty p{font-size:.875rem;margin:0}.upcoming-classes-toolbar-btn{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--ucp-badge-scheduled-bg);border:1px solid #e2e8f0;border:1px solid var(--ucp-container-border);border-radius:6px;color:#1e40af;color:var(--ucp-badge-scheduled-text);cursor:pointer;display:flex;font-family:Google Sans,Poppins,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .875rem;transition:all .2s ease}.upcoming-classes-toolbar-btn:hover{box-shadow:0 2px 8px #3b82f626;opacity:.9;transform:translateY(-1px)}.upcoming-classes-toolbar-btn .material-symbols-rounded{font-size:1.125rem}.btn-text{font-weight:500}.btn-badge{align-items:center;background:#1e40af;background:var(--ucp-badge-scheduled-text);border-radius:9px;color:#fff;display:inline-flex;font-size:.6875rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 .375rem}.ucp-drag-handle{display:none}@media (max-width:768px){.ucp-overlay{animation:ucpOverlayIn .25s ease-out;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0f172a73;display:block;inset:0;position:fixed;z-index:9999}.ucp-overlay.closing{animation:ucpOverlayOut .28s ease-in forwards}.upcoming-popup{animation:ucpSheetUp .32s cubic-bezier(.32,.72,0,1);border-radius:18px 18px 0 0;bottom:0;height:auto;left:0;max-height:80dvh;max-width:100%;overflow:hidden;position:fixed;right:0;top:auto;transition:transform .2s ease;width:100%;z-index:10000}.upcoming-popup.closing{animation:ucpSheetDown .28s cubic-bezier(.32,.72,0,1) forwards}.ucp-drag-handle{background:#0000002e;border-radius:999px;display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}[data-theme=dark] .ucp-drag-handle{background:#fff3}.popup-body{-webkit-overflow-scrolling:touch;max-height:calc(80dvh - 95px);overflow-y:scroll;padding-bottom:env(safe-area-inset-bottom,1rem)}.class-item{padding:.4rem .6rem}}@media (max-width:480px){.upcoming-popup{max-height:92dvh}.class-item{gap:.75rem;grid-template-columns:1fr}.item-left{flex-direction:row;justify-content:space-between;width:100%}.class-date{min-width:65px;width:auto}.class-time{min-width:75px;width:auto}.item-right{position:absolute;right:1rem;top:1rem}}@keyframes ucpOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes ucpOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes ucpSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ucpSheetDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}:root{--clsd-header-bg:#fff;--clsd-header-gradient:linear-gradient(135deg,#dbeafe,#f8fafc);--clsd-banner-postponed-bg:#fef3c7;--clsd-banner-postponed-text:#92400e;--clsd-banner-postponed-border:#fbbf24}[data-theme=dark]{--clsd-header-bg:#1a1a1a;--clsd-header-gradient:linear-gradient(135deg,#00f2fe1a,#1a1a1af2);--clsd-banner-postponed-bg:#ffc1072e;--clsd-banner-postponed-text:#ffd666;--clsd-banner-postponed-border:#ffc10766}.class-details-page{background:#fff;background:var(--clsd-page-bg);color:#1e293b;color:var(--clsd-text-primary);font-family:Google Sans,Poppins,sans-serif;min-height:100vh;transition:all .3s ease}.clsd-full-width{max-width:100%;width:100%}.class-details-page.cancelled-class .attendance-container,.class-details-page.cancelled-class .clsd-attendance-content,.class-details-page.cancelled-class .clsd-attendance-tab,.class-details-page.cancelled-class .clsd-extensions-content,.class-details-page.cancelled-class .clsd-overview-content,.class-details-page.cancelled-class .clsd-quick-info-grid,.class-details-page.cancelled-class .clsd-section-card.clsd-class-info-section,.class-details-page.cancelled-class .clsd-section-card:has(.clsd-faculty-info){filter:grayscale(50%);opacity:.5;pointer-events:none}.class-details-page.postponed-class .attendance-container,.class-details-page.postponed-class .clsd-attendance-content,.class-details-page.postponed-class .clsd-attendance-tab,.class-details-page.postponed-class .clsd-extensions-content,.class-details-page.postponed-class .clsd-overview-content,.class-details-page.postponed-class .clsd-quick-info-grid,.class-details-page.postponed-class .clsd-section-card.clsd-class-info-section,.class-details-page.postponed-class .clsd-section-card:has(.clsd-faculty-info){opacity:.6;pointer-events:none}.class-details-page.cancelled-class .class-snapshot-header{pointer-events:auto}.class-details-page.cancelled-class .clsd-actions-menu,.class-details-page.cancelled-class .clsd-tabs-container{filter:none;opacity:1;pointer-events:auto}.class-details-page.cancelled-class .clsd-action-item:not(:disabled){opacity:1;pointer-events:auto}.class-details-page.cancelled-class .clsd-assignments-container,.class-details-page.cancelled-class .clsd-notes-resources-container{filter:none;opacity:1;pointer-events:auto}.class-details-page.cancelled-class .attendance-container button,.class-details-page.cancelled-class .attendance-container input,.class-details-page.cancelled-class .attendance-container select,.class-details-page.cancelled-class .attendance-container textarea,.class-details-page.cancelled-class .clsd-attendance-content button,.class-details-page.cancelled-class .clsd-attendance-content input,.class-details-page.cancelled-class .clsd-attendance-content select,.class-details-page.cancelled-class .clsd-attendance-content textarea,.class-details-page.cancelled-class .clsd-attendance-tab button,.class-details-page.cancelled-class .clsd-attendance-tab input,.class-details-page.cancelled-class .clsd-attendance-tab select,.class-details-page.cancelled-class .clsd-attendance-tab textarea,.class-details-page.cancelled-class .clsd-extensions-content button,.class-details-page.cancelled-class .clsd-extensions-content input,.class-details-page.cancelled-class .clsd-extensions-content select,.class-details-page.cancelled-class .clsd-extensions-content textarea,.class-details-page.cancelled-class .clsd-overview-content button,.class-details-page.cancelled-class .clsd-overview-content input,.class-details-page.cancelled-class .clsd-overview-content select,.class-details-page.cancelled-class .clsd-overview-content textarea{cursor:not-allowed!important;opacity:.6!important;pointer-events:none!important}.clsd-error-container,.clsd-loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.clsd-loading-spinner{animation:spin 1s linear infinite;color:#3b82f6;color:var(--clsd-icon-color);font-size:48px}.clsd-banner{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:12px;margin:1rem 2rem;padding:16px 24px}.clsd-banner.success{background:#d1fae5;background:var(--clsd-banner-success-bg);color:#065f46;color:var(--clsd-banner-success-text)}.clsd-banner.error{background:#fee2e2;background:var(--clsd-banner-error-bg);color:#b91c1c;color:var(--clsd-banner-error-text)}.clsd-postponed-banner{align-items:center;background:#fef3c7;background:var(--clsd-banner-postponed-bg);border:2px solid #fbbf24;border:2px solid var(--clsd-banner-postponed-border);border-radius:12px;box-shadow:0 2px 8px #fbbf241a;color:#92400e;color:var(--clsd-banner-postponed-text);display:flex;font-size:14px;font-weight:500;gap:12px;margin:1rem 2rem;padding:16px 24px}.clsd-postponed-banner .material-symbols-rounded{font-size:20px}.clsd-tab-disabled-banner{align-items:center;background:#fef3c7;background:var(--clsd-banner-postponed-bg);border:2px solid #fbbf24;border:2px solid var(--clsd-banner-postponed-border);border-radius:12px;box-shadow:0 2px 8px #fbbf241a;color:#92400e;color:var(--clsd-banner-postponed-text);display:flex;font-size:14px;font-weight:500;gap:12px;margin:1rem 0;padding:16px 24px}.clsd-tab-disabled-banner .material-symbols-rounded{font-size:20px}.clsd-banner-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;padding:4px}.class-snapshot-header{background:#0000;margin-left:.5%;margin-top:.5rem;position:-webkit-sticky;position:sticky;top:0;width:99%;z-index:100}.class-snapshot-container{background:#fff;background:var(--clsd-header-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:12px;box-shadow:0 4px 20px #00000014;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.class-snapshot-container:before{background:linear-gradient(135deg,#dbeafe,#f8fafc);background:var(--clsd-header-gradient);border-radius:12px;content:"";inset:0;opacity:.6;pointer-events:none;position:absolute;z-index:0}[data-theme=dark] .class-snapshot-container{background:#1a1a1a}.clsd-header-bar{justify-content:space-between;min-height:60px;padding:.6rem 1rem;position:relative;z-index:2}.clsd-header-bar,.clsd-header-left{align-items:center;display:flex;gap:1rem}.clsd-header-left{flex:1 1;min-width:0}.clsd-header-info h1{color:#1e293b;color:var(--clsd-text-primary);font-size:1.15rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-header-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.clsd-header-details{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.class-snapshot-container.pinned .clsd-header-details{border-top:1px solid #0000000d;max-height:500px;opacity:1}.class-snapshot-container.unpinned .clsd-header-details{background:#fff;background:var(--clsd-header-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:0 0 12px 12px;border-top:none;box-shadow:0 15px 30px #00000026;left:0;max-height:0;opacity:0;pointer-events:none;position:absolute;top:100%;transform:translateY(-5px);width:100%}[data-theme=dark] .class-snapshot-container.unpinned .clsd-header-details{background:#1a1a1a;box-shadow:0 15px 30px #0009}.class-snapshot-container.unpinned.hovered .clsd-header-details{border-top:1px solid #0000000d;max-height:400px;opacity:1;pointer-events:auto;transform:translateY(0)}.class-snapshot-container.unpinned.hovered,.class-snapshot-container.unpinned.hovered:before{border-radius:12px 12px 0 0}.clsd-pin-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;color:var(--clsd-text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s ease;width:34px}.clsd-pin-btn:hover{background:#0000000d;color:#1e293b;color:var(--clsd-text-primary)}.clsd-pin-btn.active{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.clsd-pin-btn .material-symbols-rounded{font-size:20px;transition:transform .3s}.clsd-pin-btn.active .material-symbols-rounded{transform:rotate(45deg)}.clsd-header-topic-inline{align-items:center;background:#ffffff80;border:1px solid #0000;border-radius:6px;color:#475569;color:var(--clsd-text-secondary);cursor:default;display:inline-flex;font-size:.85rem;gap:.4rem;max-width:300px;overflow:hidden;padding:.25rem .6rem;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.clsd-header-topic-inline.editable:hover{background:#ffffffe6;border-color:#3b82f6;border-color:var(--clsd-icon-color);cursor:pointer}[data-theme=dark] .clsd-header-topic-inline{background:#ffffff0d}.clsd-topic-inline-input{background:#fff;background:var(--clsd-card-bg);border:1px solid #3b82f6;border:1px solid var(--clsd-icon-color);border-radius:4px;color:#1e293b;color:var(--clsd-text-primary);font-size:.85rem;outline:none;padding:2px 6px;width:250px}.clsd-status-pill{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.clsd-status-pill.scheduled{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--clsd-badge-scheduled-bg);color:#1e40af;color:var(--clsd-badge-scheduled-text)}.clsd-status-pill.ongoing{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--clsd-badge-ongoing-bg);color:#78350f;color:var(--clsd-badge-ongoing-text)}.clsd-status-pill.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--clsd-badge-completed-bg);color:#065f46;color:var(--clsd-badge-completed-text)}.clsd-status-pill.cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--clsd-badge-cancelled-bg);color:#b91c1c;color:var(--clsd-badge-cancelled-text)}.clsd-quick-info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:.5rem 1rem 0}.clsd-info-card-mini{background:#fff9;border:1px solid #0000;border-radius:10px;gap:.75rem;padding:.75rem;transition:all .2s}[data-theme=dark] .clsd-info-card-mini{background:#ffffff08}.clsd-info-card-mini:hover{background:#ffffffe6;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.clsd-info-icon{border-radius:8px;font-size:20px!important;padding:.5rem}.clsd-info-label{color:#475569;color:var(--clsd-text-secondary);font-size:.75rem;letter-spacing:.3px;margin:0}.clsd-info-value{font-size:.95rem}.clsd-info-card-mini.date-card .clsd-info-icon{background:#dbeafe}.clsd-info-card-mini.time-card .clsd-info-icon{background:#f3e8ff;color:#7e22ce}.clsd-info-card-mini.attendance-card .clsd-info-icon{background:#dcfce7;color:#15803d}.clsd-info-card-mini.room-card .clsd-info-icon{background:#e0e7ff;color:#4338ca}.clsd-info-card-mini.completed-card .clsd-info-icon{background:#dcfce7;color:#15803d}.clsd-info-card-mini.archived-card .clsd-info-icon{background:#fef3c7;color:#b45309}.clsd-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.5rem;transition:all .2s}.class-snapshot-header.minimized .clsd-btn{border-radius:8px;font-size:.8125rem;padding:.4rem .75rem}.class-snapshot-header.minimized .clsd-btn .material-symbols-rounded{font-size:18px}.clsd-btn.actions{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.clsd-btn.actions:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.clsd-btn.refresh{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.clsd-btn.refresh:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.clsd-btn.save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.clsd-btn.save:hover:not(.disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.clsd-btn.save.disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.clsd-btn .material-symbols-rounded{font-size:20px}.clsd-actions-dropdown{position:relative;z-index:100}.clsd-actions-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10000}[data-theme=dark] .clsd-actions-menu{background:#fff;background:var(--clsd-card-bg);box-shadow:0 10px 30px #00000080}.clsd-action-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.875rem 1.25rem;text-align:left;transition:all .15s;width:100%}.clsd-action-item:hover:not(:disabled){background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);color:#1e40af}.clsd-action-item.danger{color:#dc2626}.clsd-action-item.danger:hover{background:linear-gradient(135deg,#ef44440d,#dc26260d);color:#b91c1c}.clsd-action-item.primary{color:#10b981;font-weight:600}.clsd-action-item.primary:hover:not(:disabled){background:linear-gradient(135deg,#10b9811a,#0596691a);color:#059669}.clsd-action-item:disabled{cursor:not-allowed;opacity:.4}.clsd-action-item .material-symbols-rounded{font-size:20px}.clsd-quick-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0 1rem 1rem;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.class-snapshot-header.minimized .clsd-quick-info-grid{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:.5rem 1rem}.clsd-info-card-mini{align-items:center;border-radius:12px;display:flex;gap:1rem;padding:.5rem;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.class-snapshot-header.minimized .clsd-info-card-mini{border-radius:8px;gap:.5rem;padding:.5rem .75rem}.class-snapshot-header.minimized .clsd-info-card-mini .clsd-info-icon{border-radius:8px!important;font-size:18px!important;padding:.4rem!important}.clsd-info-card-mini.colorful-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid}.clsd-info-card-mini.colorful-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.clsd-info-card-mini.date-card{background:linear-gradient(135deg,#3b82f614,#1d4ed814);border-color:#3b82f64d}.clsd-info-card-mini.date-card .clsd-info-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;color:#1e40af;font-size:28px;padding:.75rem}.clsd-info-card-mini.time-card{background:linear-gradient(135deg,#8b5cf614,#7c3aed14);border-color:#8b5cf64d}.clsd-info-card-mini.time-card .clsd-info-icon{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-radius:12px;color:#6b21a8;font-size:28px;padding:.75rem}.clsd-info-card-mini.attendance-card{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b9814d}.clsd-info-card-mini.attendance-card .clsd-info-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;color:#065f46;font-size:28px;padding:.75rem}.clsd-info-card-mini.active-card{background:linear-gradient(135deg,#14b8a614,#0d948814);border-color:#14b8a64d}.clsd-info-card-mini.active-card .clsd-info-icon{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-radius:12px;color:#115e59;font-size:28px;padding:.75rem}.clsd-info-card-mini.completed-card{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b9814d}.clsd-info-card-mini.completed-card .clsd-info-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;color:#065f46;font-size:28px;padding:.75rem}.clsd-info-card-mini.room-card{background:linear-gradient(135deg,#6366f114,#4f46e514);border-color:#6366f14d}.clsd-info-card-mini.room-card .clsd-info-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:12px;color:#3730a3;font-size:28px;padding:.75rem}.clsd-info-card-mini.archived-card{background:linear-gradient(135deg,#f59e0b14,#d9770614);border-color:#f59e0b4d}.clsd-info-card-mini.archived-card .clsd-info-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;color:#78350f;font-size:28px;padding:.75rem}.clsd-info-content{flex:1 1}.clsd-info-content,.clsd-info-label{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.clsd-info-label{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem}.class-snapshot-header.minimized .clsd-info-label{font-size:.65rem;letter-spacing:.3px;margin-bottom:.1rem}.clsd-info-value{color:#1e293b;color:var(--clsd-text-primary);font-size:1rem;font-weight:700;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.class-snapshot-header.minimized .clsd-info-value{font-size:.85rem;font-weight:600}.clsd-content-container{border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--clsd-card-shadow);display:flex;flex-direction:column;margin:.5rem;min-height:0}.clsd-tabs-container{background:#0000;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--clsd-card-border);display:flex;flex-shrink:0;gap:.5rem;overflow-x:auto;padding:.5rem}.clsd-tab{align-items:center;background:#ffffffe6;background:var(--clsd-tab-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:8px;color:#475569;color:var(--clsd-tab-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.clsd-tab:hover:not(.active){background:#1e40af0d;background:var(--clsd-tab-hover-bg);color:#1e40af;color:var(--clsd-tab-hover-text)}.clsd-tab.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--clsd-tab-active-bg);border-color:#1e40af;border-color:var(--clsd-tab-active-text);color:#1e40af;color:var(--clsd-tab-active-text)}.clsd-tab .material-symbols-rounded{font-size:1.25rem}@media (max-width:768px){.clsd-tabs-container{gap:.25rem;justify-content:space-around;padding:.25rem}.clsd-tab{border-radius:6px;flex:0 1 auto;min-width:auto;padding:.75rem .625rem;position:relative}.clsd-tab-label{display:none}.clsd-tab:after{background:#000000f2;border-radius:6px;bottom:100%;color:#fff;content:attr(title);font-size:.8125rem;font-weight:500;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:1000}.clsd-tab:focus:after,.clsd-tab:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px)}.clsd-tab:before{border:5px solid #0000;border-top-color:#000000f2;bottom:100%;content:"";left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-2px);transition:opacity .2s ease,transform .2s ease;z-index:999}.clsd-tab:focus:before,.clsd-tab:hover:before{opacity:1;transform:translateX(-50%) translateY(2px)}.clsd-tab .material-symbols-rounded{font-size:1.375rem}}@media (max-width:480px){.clsd-tab{padding:.625rem .5rem}.clsd-tab .material-symbols-rounded{font-size:1.25rem}.clsd-field-grid{grid-template-columns:1fr}.clsd-header-info h1{font-size:.85rem!important}}[data-theme=dark] .clsd-tab:after{background:#fffffff2;color:#111}[data-theme=dark] .clsd-tab:before{border-top-color:#fffffff2}.clsd-tab-content{background:#fff;background:var(--clsd-page-bg);flex:1 1;overflow-y:auto;padding:1rem}.clsd-overview-container{display:flex;flex-direction:column;gap:1rem}.clsd-section-card{background:#fff;background:var(--clsd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--clsd-card-shadow);padding:.5rem}.clsd-section-card.clsd-class-info-section{background:linear-gradient(135deg,#22c55e14,#86efac0d);border:1px solid #22c55e33;box-shadow:0 4px 20px #22c55e1a,inset 0 1px 0 #ffffff1a}.clsd-section-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--clsd-card-border);margin-bottom:.5rem;padding-bottom:.5rem}.clsd-section-title .material-symbols-rounded{color:var(--clsd-icon-color);font-size:28px}.clsd-section-title h3{color:#1e293b;color:var(--clsd-text-primary)}.clsd-faculty-mismatch-badge{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b4d;border-radius:8px;color:#78350f;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;margin-left:auto;padding:.4rem .875rem}.clsd-faculty-mismatch-badge .material-symbols-rounded{font-size:18px}.clsd-field-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.clsd-field-item{display:flex;flex-direction:column;gap:.5rem}.clsd-field-item.full-width{grid-column:1/-1}.clsd-field-label{color:#64748b;color:var(--clsd-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px}.clsd-field-value{color:#1e293b;color:var(--clsd-text-primary);font-size:1rem;font-weight:500}.clsd-attendance-badge,.clsd-category-badge,.clsd-lock-badge,.clsd-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem .75rem}.clsd-status-badge.scheduled{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);color:#1e40af}.clsd-status-badge.ongoing{background:linear-gradient(135deg,#f59e0b1a,#d977061a);color:#78350f}.clsd-status-badge.completed{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#065f46}.clsd-status-badge.cancelled{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#b91c1c}.clsd-attendance-badge.marked{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#065f46}.clsd-attendance-badge.pending{background:linear-gradient(135deg,#f59e0b1a,#d977061a);color:#78350f}.clsd-lock-badge{align-items:center;display:inline-flex;gap:.4rem}.clsd-lock-badge.locked{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#b91c1c}.clsd-lock-badge.unlocked{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#065f46}.clsd-lock-badge .material-symbols-rounded{font-size:18px}.clsd-category-badge.core{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);color:#1e40af}.clsd-category-badge.elective{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);color:#6b21a8}.clsd-teacher-field{align-items:center;display:flex;gap:.5rem}.clsd-info-icon-btn{border-radius:50%;color:#3b82f6;cursor:pointer;font-size:20px;padding:4px;transition:all .2s}.clsd-info-icon-btn:hover{background:#3b82f61a;transform:scale(1.1)}.clsd-teacher-details-popup{animation:popupFadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:400px;min-width:300px;z-index:10000}.clsd-teacher-popup-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom:1px solid #bfdbfe;border-radius:12px 12px 0 0;padding:1rem 1.25rem}.clsd-teacher-popup-header h4{color:#1e40af;font-size:1rem;font-weight:600;margin:0}.clsd-teacher-popup-content{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.clsd-teacher-popup-field{display:flex;font-size:.9rem}.clsd-teacher-popup-label{color:#374151;font-weight:600;min-width:100px}.clsd-teacher-popup-field span:last-child{color:#1e293b}.clsd-faculty-subsection{background:linear-gradient(135deg,#3b82f605,#1d4ed805);border:1px solid #3b82f626;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.clsd-faculty-subsection:last-child{margin-bottom:0}.clsd-subsection-title{border-bottom:1px solid #3b82f633;color:#1e40af;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.clsd-extensions-container{display:flex;flex-direction:column;gap:1.5rem}.clsd-extension-input,.clsd-extension-textarea{background:#fff;background:var(--clsd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:8px;color:#1e293b;color:var(--clsd-text-primary);font-size:.95rem;padding:.75rem;transition:all .2s;width:100%}.clsd-extension-input:focus,.clsd-extension-textarea:focus{border-color:#3b82f6;border-color:var(--clsd-icon-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.clsd-extension-textarea{min-height:100px;resize:vertical}.clsd-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.clsd-extension-checkbox{cursor:pointer;height:18px;width:18px}.clsd-empty-state,.clsd-error-message{align-items:center;color:#64748b;color:var(--clsd-text-muted);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem}.clsd-empty-state .material-symbols-rounded,.clsd-error-message .material-symbols-rounded{font-size:48px;opacity:.5}.clsd-html-content{line-height:1.6}.clsd-html-content ol,.clsd-html-content ul{margin:.5rem 0;padding-left:1.5rem}.clsd-html-content li{margin:.25rem 0}[data-theme=dark] .clsd-content-container{background:#1a1a1af2}[data-theme=dark] .clsd-tabs-container{background:#1a1a1af2;border-bottom-color:#ffffff1a}[data-theme=dark] .clsd-tab{background:#1a1a1ae6;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .clsd-tab:hover:not(.active){background:#00ff880f;border-color:#00ff8840;color:#3efcd9}[data-theme=dark] .clsd-tab.active{background:linear-gradient(135deg,#065f46,#047857);border-color:#00ff8880;color:#3efcd9}[data-theme=dark] .clsd-tab-content{background:#1a1a1af2}[data-theme=dark] .clsd-actions-menu{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .clsd-action-item{color:#fff}[data-theme=dark] .clsd-action-item:hover:not(:disabled){background:#00ff880f;color:#3efcd9}[data-theme=dark] .clsd-info-value{color:#fff}[data-theme=dark] .clsd-teacher-details-popup{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .clsd-teacher-popup-header{background:linear-gradient(135deg,#00f2fe40,#1a1a1af2);border-bottom-color:#0f83}[data-theme=dark] .clsd-teacher-popup-header h4{color:#3efcd9}[data-theme=dark] .clsd-teacher-popup-label{color:#9aa4b2}[data-theme=dark] .clsd-teacher-popup-field span:last-child{color:#fff}[data-theme=dark] .clsd-faculty-subsection{background:#00ff8808;border-color:#0f83}[data-theme=dark] .clsd-subsection-title{border-bottom-color:#00ff8840;color:#3efcd9}[data-theme=dark] .clsd-section-card{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .clsd-extension-input,[data-theme=dark] .clsd-extension-textarea{background:#1a1a1af2;border-color:#ffffff1a;color:#fff}[data-theme=dark] .clsd-extension-input:focus,[data-theme=dark] .clsd-extension-textarea:focus{border-color:#00ff8880;box-shadow:0 0 0 3px #00ff8826}[data-theme=dark] .clsd-info-icon-btn{color:#3efcd9}[data-theme=dark] .clsd-info-icon-btn:hover{background:#00ff881a}[data-theme=dark] .clsd-lock-badge.locked{background:#f4433633;color:#ff6659}[data-theme=dark] .clsd-lock-badge.unlocked{background:linear-gradient(135deg,#065f46,#047857);color:#3efcd9}[data-theme=dark] .clsd-category-badge.core{background:#00f2fe26;color:#00f2fe}[data-theme=dark] .clsd-category-badge.elective{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);color:#c4b5fd}[data-theme=dark] .clsd-info-label{color:#9aa4b2}@media (max-width:768px){.clsd-quick-info-grid{grid-template-columns:1fr}.clsd-header-top-row{flex-direction:column;gap:1rem}.clsd-header-actions{flex-wrap:wrap}.clsd-actions-menu{left:0;right:auto}.clsd-teacher-details-popup{max-width:90vw}.clsd-field-grid{grid-template-columns:repeat(2,1fr)}.clsd-tabs-container{padding:.75rem 1rem}.clsd-tab-content{padding:1rem}.clsd-header-bar{grid-gap:.5rem!important;align-items:center!important;display:grid!important;gap:.5rem!important;grid-template-columns:1fr auto!important;min-height:0!important;min-height:auto!important;padding:.625rem .875rem!important}.clsd-header-left{align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:.25rem!important;grid-column:1!important;min-width:0!important;overflow:hidden!important}.clsd-header-info h1{font-size:.975rem!important;font-weight:700!important;line-height:1.2!important;margin:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.clsd-header-topic-inline{background:#ffffff8c!important;display:inline-flex!important;font-size:.7rem!important;max-width:160px!important;padding:.15rem .45rem!important}.clsd-topic-inline-input{font-size:.78rem!important;max-width:150px!important;padding:.2rem .5rem!important}.clsd-status-pill{display:inline-flex!important;flex-shrink:0!important;font-size:.65rem!important;letter-spacing:.3px!important;padding:.15rem .5rem!important;white-space:nowrap!important}.clsd-header-right{flex-direction:row!important;flex-shrink:0!important;gap:.25rem!important;grid-column:2!important}.clsd-header-right,.clsd-header-right>*{align-items:center!important;display:flex!important}.clsd-header-right>*{border-radius:9px!important;gap:0!important;height:34px!important;justify-content:center!important;min-width:34px!important;padding:0!important;width:34px!important}.clsd-btn.actions span:last-child{display:none!important}.clsd-btn.actions .material-symbols-rounded,.clsd-btn.refresh .material-symbols-rounded,.clsd-btn.save .material-symbols-rounded{font-size:1.15rem!important;margin:0!important}}.clsd-link-chapters-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:.5rem;transition:all .2s ease}.clsd-link-chapters-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.clsd-link-chapters-btn .material-symbols-rounded{font-size:20px}[data-theme=dark] .clsd-link-chapters-btn{background:linear-gradient(135deg,#065f46,#047857);box-shadow:0 4px 12px #10b98133}[data-theme=dark] .clsd-link-chapters-btn:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 6px 16px #10b9814d}.clsd-full-width{grid-column:1/-1}.clsd-chapters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(520px,1fr));margin-top:16px}.clsd-chapter-card{background:#fff;background:var(--clsd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:12px;display:flex;flex-direction:column;gap:12px;overflow:auto;padding:16px;transition:all .2s ease}.clsd-chapter-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.clsd-chapter-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.clsd-chapter-title{align-items:center;color:#1e293b;color:var(--clsd-text-primary);display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px}.clsd-chapter-title .material-symbols-rounded{color:#3b82f6;color:var(--clsd-icon-color);flex-shrink:0;font-size:20px}.clsd-chapter-id{background:#0000000d;border-radius:4px;color:#64748b;color:var(--clsd-text-muted);font-family:Courier New,monospace;font-size:11px;padding:2px 8px;white-space:nowrap}[data-theme=dark] .clsd-chapter-id{background:#ffffff1a}.clsd-chapter-header-actions{align-items:center;display:flex;gap:8px}.clsd-chapter-unlink-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;pointer-events:none;transition:all .2s ease;width:32px}.clsd-chapter-card:hover .clsd-chapter-unlink-btn{opacity:1;pointer-events:all}.clsd-chapter-unlink-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.05)}.clsd-chapter-unlink-btn .material-symbols-rounded{font-size:18px}[data-theme=dark] .clsd-chapter-unlink-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)}.clsd-chapter-parent{align-items:center;background:#3b82f614;border-left:3px solid #3b82f6;border-radius:6px;color:#475569;color:var(--clsd-text-secondary);display:flex;font-size:12px;gap:6px;padding:6px 10px}.clsd-chapter-parent .material-symbols-rounded{color:#3b82f6;font-size:16px}[data-theme=dark] .clsd-chapter-parent{background:#3b82f61f}.clsd-chapter-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;position:relative}[data-theme=dark] .clsd-chapter-progress-bar{background:#ffffff1a}.clsd-chapter-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.clsd-chapter-progress-text{color:#1e293b;color:var(--clsd-text-primary);font-size:10px;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.clsd-chapter-details{display:flex;flex-wrap:wrap;gap:12px}.clsd-chapter-detail-item{align-items:center;background:#fff;background:var(--clsd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:8px;color:#475569;color:var(--clsd-text-secondary);display:flex;font-size:12px;gap:6px;padding:6px 12px}.clsd-chapter-detail-item .material-symbols-rounded{color:#3b82f6;color:var(--clsd-icon-color);font-size:16px}.clsd-chapter-completed{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:8px;color:#065f46;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px}[data-theme=dark] .clsd-chapter-completed{background:linear-gradient(135deg,#065f46,#047857);color:#3efcd9}.clsd-chapter-completed .material-symbols-rounded{font-size:18px}.clsd-chapter-notes{align-items:flex-start;background:#fffbeb;border-left:3px solid #fbbf24;border-radius:6px;color:#78350f;display:flex;font-size:12px;gap:8px;padding:10px 12px}[data-theme=dark] .clsd-chapter-notes{background:#fbbf241f;color:#fcd34d}.clsd-chapter-notes .material-symbols-rounded{color:#fbbf24;flex-shrink:0;font-size:16px}@media (max-width:1200px){.clsd-chapters-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.clsd-chapters-grid{grid-template-columns:1fr}.clsd-chapter-details{flex-direction:column;gap:8px}.clsd-chapter-detail-item{width:100%}.clsd-link-chapters-btn{justify-content:center;width:100%}}.clsd-two-column-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.clsd-two-column-grid{grid-template-columns:1fr}}.clsd-chapter-card.clsd-clickable{cursor:pointer}.clsd-chapter-card.clsd-clickable:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}[data-theme=dark] .clsd-chapter-card.clsd-clickable:hover{box-shadow:0 12px 32px #0009}.clsd-dialog-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.clsd-dialog-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}[data-theme=dark] .clsd-dialog-container{background:#1a1a1afa;border:1px solid #ffffff1a;box-shadow:0 20px 60px #0009}.clsd-dialog-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:24px 24px 16px}[data-theme=dark] .clsd-dialog-header{border-bottom-color:#ffffff1a}.clsd-dialog-icon{font-size:32px}.clsd-dialog-icon.warning{color:#f59e0b}.clsd-dialog-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}[data-theme=dark] .clsd-dialog-header h2{color:#fff}.clsd-dialog-content{padding:20px 24px}.clsd-dialog-content p{color:#475569;font-size:15px;line-height:1.6;margin:0 0 12px}[data-theme=dark] .clsd-dialog-content p{color:#d1d5db}.clsd-dialog-content p:last-child{margin-bottom:0}.clsd-dialog-content strong{color:#1e293b;font-weight:600}[data-theme=dark] .clsd-dialog-content strong{color:#fff}.clsd-dialog-warning{background:#ef44441a;border-left:3px solid #dc2626;border-radius:8px;color:#dc2626;font-size:14px;padding:12px}[data-theme=dark] .clsd-dialog-warning{background:#ef444426;color:#fca5a5}.clsd-dialog-actions{align-items:center;background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}[data-theme=dark] .clsd-dialog-actions{background:#ffffff05;border-top-color:#ffffff1a}.clsd-dialog-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.clsd-dialog-btn.cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b}.clsd-dialog-btn.cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}[data-theme=dark] .clsd-dialog-btn.cancel{background:#ffffff0d;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .clsd-dialog-btn.cancel:hover{background:#ffffff14;color:#fff}.clsd-dialog-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.clsd-dialog-btn.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.clsd-dialog-btn .material-symbols-rounded{font-size:18px}@media (max-width:768px){.class-details-page{min-height:100vh;overflow-x:hidden;padding:0}.class-snapshot-header{border-radius:0!important;box-shadow:0 2px 8px #0000001a;left:auto!important;margin:0!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important;z-index:10}.class-snapshot-header.minimized{padding:.75rem 1rem}.class-snapshot-header.expanded{padding:1rem}.clsd-header-top-row{align-items:center!important;flex-direction:row!important;gap:.5rem}.clsd-class-title-section{flex:1 1;min-width:0}.clsd-class-title{font-size:1rem!important;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-class-subtitle{font-size:.875rem}.clsd-header-actions{flex-direction:row!important;flex-wrap:wrap;gap:.375rem;width:auto!important}.clsd-header-actions button{min-height:40px;min-width:40px}.clsd-btn.actions{gap:0!important;height:32px!important;justify-content:center!important;min-width:32px!important;padding:0!important;width:32px!important}.clsd-btn.actions span:last-child{display:none!important}.clsd-btn{height:32px!important;justify-content:center!important;min-width:32px!important;padding:0!important;width:32px!important}.clsd-btn .material-symbols-rounded{font-size:16px!important;margin:0!important}.clsd-pin-btn{height:32px!important;width:32px!important}.clsd-pin-btn .material-symbols-rounded{font-size:16px!important}.clsd-link-chapters-btn{gap:0!important;height:32px!important;justify-content:center!important;min-width:32px!important;padding:0!important;width:32px!important}.clsd-link-chapters-btn .material-symbols-rounded{font-size:16px!important}.clsd-header-right{gap:.25rem!important}.clsd-status-pill{font-size:.65rem!important;padding:.2rem .5rem!important}.clsd-header-topic-inline{font-size:.72rem!important;padding:.2rem .4rem!important}.clsd-quick-info-grid{gap:.75rem;grid-template-columns:1fr!important}.clsd-info-item{padding:.75rem}.clsd-tabs-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;padding:.5rem .75rem!important;position:-webkit-sticky!important;position:sticky!important;scrollbar-width:none;top:0;z-index:9}.clsd-tabs-container::-webkit-scrollbar{display:none}.clsd-tabs{flex-wrap:nowrap!important;gap:.5rem;min-width:-webkit-min-content;min-width:min-content}.clsd-tab-button{flex-shrink:0;font-size:.875rem;min-width:auto;padding:.625rem 1rem!important;white-space:nowrap}.clsd-tab-content{height:auto!important;min-height:auto!important;padding:1rem .75rem!important}.clsd-section-card{border-radius:12px;margin-bottom:1rem;padding:1rem!important}.clsd-section-header{margin-bottom:.75rem;padding:0 0 .75rem}.clsd-section-title{font-size:1.125rem!important}.clsd-field-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)!important}.clsd-field-item{padding:.75rem}.clsd-field-label{font-size:.7rem!important}.clsd-field-value{font-size:.82rem!important}.sdt-chat-layout{border-radius:0!important;height:calc(100vh - 160px)!important;margin:0 -.75rem;min-height:500px}.sdt-conversation,.sdt-sidebar{border-radius:0}.sdt-sidebar-header{padding:1rem .75rem}.sdt-create-button{font-size:.875rem;padding:.625rem 1rem}.sdt-thread-item{margin:4px .5rem}.sdt-conversation-header{padding:1rem .75rem}.sdt-conversation-question{font-size:.875rem;padding:.875rem .75rem}.sdt-messages{padding:1rem .75rem}.sdt-compose{padding:.875rem .75rem}.clsd-rating-popup,.clsd-teacher-details-popup,.sdt-modal{max-height:90vh;max-width:95vw!important;overflow-y:auto;width:95vw!important}.clsd-modal-body,.clsd-modal-header,.sdt-modal-body,.sdt-modal-header{padding:1rem .875rem}.clsd-modal-footer,.sdt-modal-footer{flex-direction:column;gap:.625rem;padding:.875rem}.clsd-modal-footer button,.sdt-modal-footer button{width:100%}.clsd-actions-menu{left:auto;max-width:calc(100vw - 2rem);min-width:200px;right:0}.attendance-container{padding:0!important}.attendance-header{flex-direction:column;gap:.75rem;padding:1rem .75rem}.attendance-stats{gap:.625rem;grid-template-columns:1fr 1fr!important}.attendance-list{padding:.75rem}.student-attendance-item{padding:.875rem}.clsd-materials-grid{gap:.75rem;grid-template-columns:1fr!important}.clsd-material-card{padding:1rem}.clsd-assignments-list{padding:.75rem 0}.clsd-assignment-card{margin-bottom:.75rem;padding:1rem}.clsd-hide-on-mobile{display:none!important}.clsd-show-on-mobile{display:block!important}.clickable,a,button{min-height:44px;min-width:44px}*{max-width:100%}}@media (max-width:576px){.clsd-class-title{font-size:1.125rem!important}.clsd-section-card{margin-bottom:.875rem;padding:.875rem!important}.clsd-tab-button{font-size:.8125rem;padding:.5rem .875rem!important}.sdt-chat-layout{height:calc(100vh - 140px)!important}.attendance-stats{grid-template-columns:1fr!important}}.clsd-notes-resources-container{overflow-x:hidden;padding:0;position:relative}.clsd-toast{align-items:center;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:12px;box-shadow:0 8px 32px #00000026,0 0 0 1px #0000000d;display:flex;gap:.75rem;max-width:500px;min-width:320px;padding:1rem 1.25rem;position:fixed;right:20px;top:20px;z-index:10000}.clsd-toast-success{border-left:4px solid #10b981}.clsd-toast-error{border-left:4px solid #ef4444}.clsd-toast-warning{border-left:4px solid #f59e0b}.clsd-toast-info{border-left:4px solid #3b82f6}.clsd-toast-icon{flex-shrink:0;font-size:24px}.clsd-toast-success .clsd-toast-icon{color:#10b981}.clsd-toast-error .clsd-toast-icon{color:#ef4444}.clsd-toast-warning .clsd-toast-icon{color:#f59e0b}.clsd-toast-info .clsd-toast-icon{color:#3b82f6}.clsd-toast-message{color:#111827;flex:1 1;font-size:.9375rem;font-weight:500;line-height:1.5}.clsd-toast-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.clsd-toast-close:hover{background:#0000001a;transform:rotate(90deg)}.clsd-toast-close .material-symbols-rounded{color:#6b7280;font-size:18px}.clsd-section-tabs{-webkit-overflow-scrolling:touch;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-bottom:1px solid #e5e7ebcc;display:flex;gap:.5rem;overflow-x:auto;padding:1rem 1.5rem}.clsd-section-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;position:relative;transition:all .2s}.clsd-section-tab:hover{background:#f3f4f6cc;color:#374151}.clsd-section-tab.active{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);color:#1e40af;font-weight:600}.clsd-section-tab .material-symbols-rounded{font-size:20px}.clsd-tab-count{background:#3b82f633;border-radius:12px;color:#1e40af;font-size:.75rem;font-weight:600;margin-left:.25rem;padding:.125rem .5rem}.clsd-section-tab.active .clsd-tab-count{background:#3b82f64d}.clsd-nrt-section-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-bottom:1px solid #e5e7ebcc;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem}.clsd-section-title h3{font-size:1.125rem}.clsd-section-title .material-symbols-rounded{color:#3b82f6}.clsd-header-actions{flex-wrap:wrap}.clsd-header-actions,.clsd-search-filter-group{align-items:center;display:flex;gap:.75rem}.clsd-search-box{align-items:center;display:flex;position:relative}.clsd-search-icon{color:#6b7280;font-size:20px;left:.75rem;pointer-events:none;position:absolute}.clsd-search-input{background:#ffffffe6;border:2px solid #e5e7ebcc;border-radius:10px;color:#111827;font-family:inherit;font-size:.875rem;min-width:200px;padding:.625rem 2.5rem;transition:all .2s}.clsd-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clsd-search-input::placeholder{color:#9ca3af}.clsd-search-clear{align-items:center;background:#6b72801a;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:.5rem;transition:all .2s;width:24px}.clsd-search-clear:hover{background:#6b728033}.clsd-search-clear .material-symbols-rounded{color:#6b7280;font-size:16px}.clsd-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffffe6 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E") no-repeat right .5rem center/1.25rem;border:2px solid #e5e7ebcc;border-radius:10px;color:#111827;cursor:pointer;font-family:inherit;font-size:.875rem;padding:.625rem 2.5rem .625rem .875rem;transition:all .2s}.clsd-filter-select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clsd-clear-filters-btn{background:#0000;border:2px solid #3b82f6;border-radius:10px;color:#3b82f6;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.625rem 1.25rem;transition:all .2s}.clsd-clear-filters-btn:hover{background:#3b82f61a;transform:translateY(-1px)}.clsd-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.clsd-loading-state .clsd-spinner{animation:spin 1s linear infinite;color:#3b82f6;font-size:48px;margin-bottom:1rem}.clsd-loading-state p{color:#6b7280;font-size:.9375rem;margin:0}.clsd-notes-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.clsd-note-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7ebcc;border-radius:12px;padding:1.25rem;transition:all .2s}.clsd-note-item:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.clsd-note-item.clsd-note-editing{background:#fffffff2;border-color:#10b98166;box-shadow:0 0 0 3px #10b9811a,0 4px 12px #10b98126}.clsd-inline-title-input{background:#ffffffe6;border:2px solid #10b9814d;border-radius:8px;color:#111827;flex:1 1;font-family:inherit;font-size:1.0625rem;font-weight:600;min-width:0;padding:.5rem .75rem;transition:all .2s}.clsd-inline-title-input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.clsd-inline-status-select{background:#ffffffe6;border:2px solid #10b9814d;border-radius:8px;color:#111827;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:600;padding:.375rem .75rem;transition:all .2s;white-space:nowrap}.clsd-inline-status-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.clsd-inline-edit-content{margin-top:1rem}.clsd-save-btn{background:linear-gradient(135deg,#10b98126,#05966926);border:2px solid #10b9814d}.clsd-save-btn:hover{background:linear-gradient(135deg,#10b98140,#05966940);border-color:#10b981;box-shadow:0 4px 12px #10b98133}.clsd-save-btn .material-symbols-rounded{color:#10b981;font-weight:600}.clsd-save-btn:hover .material-symbols-rounded{color:#059669}.clsd-cancel-btn{background:linear-gradient(135deg,#6b72801a,#4b55631a);border:2px solid #6b72804d}.clsd-cancel-btn:hover{background:linear-gradient(135deg,#6b728033,#4b556333);border-color:#6b7280;box-shadow:0 4px 12px #6b728033}.clsd-cancel-btn .material-symbols-rounded{color:#6b7280;font-weight:600}.clsd-cancel-btn:hover .material-symbols-rounded{color:#4b5563}.clsd-note-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.clsd-note-title-row{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.clsd-note-title-row h4{color:#111827;flex:1 1;font-size:1.0625rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-note-status-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.clsd-note-status-badge .material-symbols-rounded{font-size:14px}.clsd-note-actions{display:flex;flex-shrink:0;gap:.5rem}.clsd-note-content{margin:0 0 .875rem}.clsd-note-content p{margin:0}.clsd-note-content p,.clsd-note-content-full{color:#374151;font-size:.9375rem;line-height:1.6}.clsd-note-content-full{overflow-wrap:break-word;overflow-x:hidden;word-break:break-word}.clsd-note-content-full p{margin:0 0 .75rem}.clsd-note-content-full p:last-child{margin-bottom:0}.clsd-note-content-full ol,.clsd-note-content-full ul{margin:0 0 .75rem;padding-left:1.5rem}.clsd-note-content-full li{margin-bottom:.25rem}.clsd-note-content-full strong{color:#111827;font-weight:600}.clsd-expand-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.25rem 0;transition:all .2s}.clsd-expand-btn:hover{color:#1e40af;text-decoration:underline}.clsd-ai-summary{background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border:1px solid #8b5cf633;border-radius:10px;margin:.875rem 0;padding:1rem}.clsd-ai-summary-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.clsd-ai-summary-title{align-items:center;color:#7c3aed;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.clsd-ai-summary-title .material-symbols-rounded{font-size:18px}.clsd-ai-generating{animation:pulse 1.5s ease-in-out infinite;color:#7c3aed;font-size:.75rem;font-weight:500;margin-left:.5rem}.clsd-ai-summary-toggle-btn{align-items:center;background:#8b5cf61a;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.clsd-ai-summary-toggle-btn:hover{background:#8b5cf633}.clsd-ai-summary-toggle-btn .material-symbols-rounded{color:#7c3aed;font-size:20px}.clsd-ai-summary-content{color:#4b5563;font-size:.875rem;line-height:1.6}.clsd-ai-summary-content p{margin:.5rem 0}.clsd-ai-summary-content p:first-child{margin-top:0}.clsd-ai-summary-content p:last-child{margin-bottom:0}.clsd-ai-summary p{color:#4b5563;font-size:.875rem;line-height:1.6;margin:0}.clsd-ai-summary-date{border-top:1px solid #8b5cf633;color:#7c3aed;font-size:.75rem;font-style:italic;margin-top:.75rem;padding-top:.75rem}.clsd-note-chapter{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#1e40af;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;margin-bottom:.875rem;padding:.375rem .75rem}.clsd-note-chapter .material-symbols-rounded{font-size:16px}.clsd-note-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.25rem .5rem}.clsd-note-author{align-items:center;display:flex;gap:.25rem}.clsd-note-author .material-symbols-rounded{font-size:16px}.clsd-version{background:#6b72801a;border-radius:12px;color:#374151;font-weight:600;padding:.125rem .5rem}.clsd-resources-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.clsd-resource-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7ebcc;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s}.clsd-resource-item:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.clsd-resource-icon{align-items:center;background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.clsd-resource-icon .material-symbols-rounded{color:#1e40af;font-size:24px}.clsd-resource-content{flex:1 1;min-width:0}.clsd-resource-content h4{color:#111827;font-size:1.0625rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-resource-meta{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;gap:.5rem}.clsd-resource-actions{display:flex;flex-shrink:0;gap:.5rem}.clsd-icon-btn{align-items:center;background:#f3f4f6cc;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.clsd-icon-btn:hover{background:#e5e7ebe6;transform:translateY(-1px)}.clsd-icon-btn .material-symbols-rounded{color:#6b7280;font-size:20px}.clsd-icon-btn:hover .material-symbols-rounded{color:#374151}.clsd-fullscreen-btn{background:#8b5cf61a}.clsd-fullscreen-btn .material-symbols-rounded{color:#7c3aed}.clsd-fullscreen-btn:hover{background:#8b5cf633;border:1px solid #8b5cf64d}.clsd-fullscreen-btn:hover .material-symbols-rounded{color:#6b21a8}.clsd-ai-summary-btn{background:#8b5cf61a}.clsd-ai-summary-btn .material-symbols-rounded{color:#7c3aed}.clsd-ai-summary-btn:hover{background:#8b5cf633;border:1px solid #8b5cf64d}.clsd-ai-summary-btn:hover .material-symbols-rounded{color:#6b21a8}.clsd-stats-btn{background:#3b82f61a}.clsd-stats-btn .material-symbols-rounded{color:#3b82f6}.clsd-stats-btn:hover{background:#3b82f633;border:1px solid #3b82f64d}.clsd-stats-btn:hover .material-symbols-rounded{color:#1d4ed8}.clsd-publish-btn{background:#10b9811a}.clsd-publish-btn .material-symbols-rounded{color:#10b981}.clsd-publish-btn:hover{background:#10b98133;border:1px solid #10b9814d}.clsd-publish-btn:hover .material-symbols-rounded{color:#059669}.clsd-icon-btn:not(.clsd-fullscreen-btn):not(.clsd-ai-summary-btn):not(.clsd-stats-btn):not(.clsd-publish-btn):not(.clsd-delete-btn):not(.clsd-save-btn):not(.clsd-cancel-btn){background:#3b82f61a}.clsd-icon-btn:not(.clsd-fullscreen-btn):not(.clsd-ai-summary-btn):not(.clsd-stats-btn):not(.clsd-publish-btn):not(.clsd-delete-btn):not(.clsd-save-btn):not(.clsd-cancel-btn) .material-symbols-rounded{color:#3b82f6}.clsd-icon-btn:not(.clsd-fullscreen-btn):not(.clsd-ai-summary-btn):not(.clsd-stats-btn):not(.clsd-publish-btn):not(.clsd-delete-btn):not(.clsd-save-btn):not(.clsd-cancel-btn):hover{background:#3b82f633;border:1px solid #3b82f64d}.clsd-icon-btn:not(.clsd-fullscreen-btn):not(.clsd-ai-summary-btn):not(.clsd-stats-btn):not(.clsd-publish-btn):not(.clsd-delete-btn):not(.clsd-save-btn):not(.clsd-cancel-btn):hover .material-symbols-rounded{color:#1d4ed8}.clsd-delete-btn{background:#ef44441a}.clsd-delete-btn .material-symbols-rounded{color:#ef4444}.clsd-delete-btn:hover{background:#ef444433;border:1px solid #ef44444d}.clsd-delete-btn:hover .material-symbols-rounded{color:#dc2626}.clsd-read-mode-overlay{-webkit-overflow-scrolling:touch;animation:fadeIn .3s ease-out;background:#fffffffa;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;right:0;top:0;z-index:10000}.clsd-read-mode-container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100%;width:100%}.clsd-read-mode-header{align-items:flex-start;background:#fffffffa;border-bottom:2px solid #e5e7ebcc;display:flex;flex-shrink:0;gap:2rem;justify-content:space-between;padding:2rem 3rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.clsd-read-mode-title-section{flex:1 1;min-width:0;overflow:hidden}.clsd-read-mode-title-section h1{color:#111827;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem;overflow-wrap:break-word;word-break:break-word}.clsd-read-mode-close{align-items:center;background:#ffffffe6;border:2px solid #e5e7ebcc;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.clsd-read-mode-close:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.clsd-read-mode-close .material-symbols-rounded{font-size:20px}.clsd-read-mode-meta{background:#f3f4f680;border-bottom:1px solid #e5e7ebcc;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 3rem}.clsd-read-mode-meta-item{align-items:center;color:#6b7280;display:flex;font-size:.9375rem;gap:.5rem}.clsd-read-mode-meta-item .material-symbols-rounded{color:#3b82f6;font-size:20px}.clsd-read-mode-ai-summary{background:linear-gradient(135deg,#8b5cf614,#7c3aed14);border:2px solid #8b5cf633;border-radius:12px;flex-shrink:0;margin:2rem 3rem;padding:1.5rem}.clsd-read-mode-ai-header{align-items:center;color:#7c3aed;display:flex;gap:.75rem;margin-bottom:1rem}.clsd-read-mode-ai-header .material-symbols-rounded{font-size:24px}.clsd-read-mode-ai-header h3{font-size:1.125rem;font-weight:600;margin:0}.clsd-read-mode-ai-summary p{color:#4b5563;font-size:1rem;line-height:1.7;margin:0}.clsd-read-mode-content{overflow-wrap:break-word;overflow-x:hidden;padding:2rem 3rem;word-break:break-word}.clsd-read-mode-content::-webkit-scrollbar{width:12px}.clsd-read-mode-content::-webkit-scrollbar-track{background:#f3f4f680}.clsd-read-mode-content::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:6px}.clsd-read-mode-content::-webkit-scrollbar-thumb:hover{background:#6b7280b3}.clsd-read-mode-text{color:#1f2937;font-size:1.125rem;line-height:1.8;margin:0 auto;max-width:800px;overflow-x:hidden}.clsd-read-mode-text,.clsd-read-mode-text *{overflow-wrap:break-word;word-break:break-word}.clsd-read-mode-text *{max-width:100%}.clsd-read-mode-text code,.clsd-read-mode-text pre,.clsd-read-mode-text table{max-width:100%;overflow-x:auto;white-space:pre-wrap}.clsd-read-mode-text p{margin:0 0 1.5rem}.clsd-read-mode-text p:last-child{margin-bottom:0}.clsd-read-mode-text h1,.clsd-read-mode-text h2,.clsd-read-mode-text h3,.clsd-read-mode-text h4{color:#111827;font-weight:600;margin:2rem 0 1rem}.clsd-read-mode-text h1{font-size:2rem}.clsd-read-mode-text h2{font-size:1.75rem}.clsd-read-mode-text h3{font-size:1.5rem}.clsd-read-mode-text h4{font-size:1.25rem}.clsd-read-mode-text ol,.clsd-read-mode-text ul{margin:0 0 1.5rem;padding-left:2rem}.clsd-read-mode-text li{margin-bottom:.75rem}.clsd-read-mode-text strong{color:#111827;font-weight:600}.clsd-read-mode-text em{font-style:italic}.clsd-read-mode-text code{background:#6b72801a;border-radius:4px;font-family:Courier New,monospace;font-size:.95em;padding:.125rem .375rem}.clsd-read-mode-text blockquote{border-left:4px solid #3b82f6;color:#4b5563;font-style:italic;margin:1.5rem 0;padding-left:1.5rem}.clsd-read-mode-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.clsd-read-mode-empty .material-symbols-rounded{font-size:64px;margin-bottom:1rem}.clsd-read-mode-empty p{font-size:1.125rem;margin:0}.clsd-read-mode-footer{background:#f3f4f680;border-top:1px solid #e5e7ebcc;flex-shrink:0;padding:1rem 3rem;text-align:center}.clsd-read-mode-hint{align-items:center;color:#6b7280;display:inline-flex;font-size:.875rem;gap:.5rem}.clsd-read-mode-hint .material-symbols-rounded{font-size:18px}.clsd-read-mode-hint kbd{background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:4px;box-shadow:0 2px 4px #0000000d;color:#374151;font-family:Courier New,monospace;font-size:.8125rem;font-weight:600;padding:.25rem .5rem}.clsd-empty-state{flex-direction:column;padding:4rem 2rem;text-align:center}.clsd-empty-state,.clsd-modal-overlay{align-items:center;display:flex;justify-content:center}.clsd-modal-overlay{animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.clsd-modal-content{animation:slideUp .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e5e7ebcc;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.clsd-modal-header{align-items:center;border-bottom:1px solid #e5e7ebcc;display:flex;justify-content:space-between;padding:1.5rem}.clsd-modal-header h2{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.clsd-modal-header .material-symbols-rounded{color:#3b82f6;font-size:28px}.clsd-modal-close{align-items:center;background:#f3f4f6cc;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.clsd-modal-close:hover{background:#e5e7ebe6;transform:rotate(90deg)}.clsd-modal-close .material-symbols-rounded{color:#6b7280;font-size:20px}.clsd-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.clsd-modal-body::-webkit-scrollbar{width:8px}.clsd-modal-body::-webkit-scrollbar-track{background:#f3f4f680;border-radius:4px}.clsd-modal-body::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:4px}.clsd-modal-body::-webkit-scrollbar-thumb:hover{background:#6b7280b3}.clsd-modal-footer{border-top:1px solid #e5e7ebcc;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.clsd-form-field{margin-bottom:1.5rem}.clsd-form-label{color:#374151}.clsd-required{color:#ef4444;margin-left:.25rem}.clsd-form-input{background:#ffffffe6;border:2px solid #e5e7ebcc;border-radius:10px;color:#111827;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s;width:100%}.clsd-form-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clsd-form-select{background:#ffffffe6;border:2px solid #e5e7ebcc;border-radius:10px;color:#111827;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s;width:100%}.clsd-form-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clsd-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.clsd-btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 12px #3b82f64d;color:#fff}.clsd-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e3a8a);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.clsd-btn-secondary{background:#f3f4f6e6;border:1px solid #e5e7ebcc;color:#374151}.clsd-btn-secondary:hover{background:#e5e7ebe6;transform:translateY(-1px)}.clsd-modal-btn .material-symbols-rounded{font-size:20px}.clsd-stats-modal .clsd-modal-content{max-width:600px}.clsd-stats-note-title{border-bottom:2px solid #e5e7ebcc;color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:1rem}.clsd-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.clsd-stat-card{background:#fffc;border:1px solid #e5e7ebcc;gap:1rem}.clsd-stat-card:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.clsd-stat-icon{align-items:center;background:#3b82f61a;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.clsd-stat-content{gap:.25rem}.clsd-stat-value{font-size:1.875rem;font-weight:700;line-height:1}.clsd-stat-label{font-size:.875rem;letter-spacing:.5px}.clsd-note-content-preview{color:#4b5563;font-size:.9375rem;line-height:1.7}.clsd-note-content-preview strong{color:#1f2937;font-weight:600}.clsd-note-content-preview em{font-style:italic}.clsd-note-content-full,.clsd-read-mode-text{color:#1f2937;line-height:1.8}.clsd-note-content-full h1,.clsd-read-mode-text h1{border-bottom:3px solid #3b82f6;color:#111827;font-size:2rem;font-weight:700;margin:2rem 0 1rem;padding-bottom:.5rem}.clsd-note-content-full h2,.clsd-read-mode-text h2{border-bottom:2px solid #3b82f64d;color:#111827;font-size:1.625rem;font-weight:700;margin:1.75rem 0 .875rem;padding-bottom:.375rem}.clsd-note-content-full h3,.clsd-read-mode-text h3{color:#1f2937;font-size:1.375rem;font-weight:600;margin:1.5rem 0 .75rem}.clsd-note-content-full h4,.clsd-read-mode-text h4{color:#374151;font-size:1.125rem;font-weight:600;margin:1.25rem 0 .625rem}.clsd-note-content-full h5,.clsd-read-mode-text h5{color:#4b5563;font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.clsd-note-content-full p,.clsd-read-mode-text p{color:#374151;line-height:1.8;margin:.875rem 0}.clsd-note-content-full strong,.clsd-read-mode-text strong{color:#111827;font-weight:600}.clsd-note-content-full em,.clsd-read-mode-text em{color:#1f2937;font-style:italic}.clsd-note-content-full ul,.clsd-read-mode-text ul{list-style-type:disc;margin:1rem 0;padding-left:1.75rem}.clsd-note-content-full ol,.clsd-read-mode-text ol{list-style-type:decimal;margin:1rem 0;padding-left:1.75rem}.clsd-note-content-full li,.clsd-read-mode-text li{color:#374151;line-height:1.7;margin:.5rem 0}.clsd-note-content-full li::marker,.clsd-read-mode-text li::marker{color:#3b82f6;font-weight:600}.clsd-note-content-full hr,.clsd-read-mode-text hr{border:none;border-top:2px solid #e5e7ebcc;margin:2rem 0}.clsd-note-content-full blockquote,.clsd-read-mode-text blockquote{background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;color:#4b5563;font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.clsd-note-content-full code,.clsd-read-mode-text code{background:#ef44441a;border:1px solid #ef444433;border-radius:4px;color:#dc2626;font-family:Courier New,Courier,monospace;font-size:.9em;padding:.2rem .4rem}.clsd-note-content-full pre,.clsd-read-mode-text pre{background:#1f2937;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1.25rem}.clsd-note-content-full pre code,.clsd-read-mode-text pre code{background:#0000;border:none;color:#f3f4f6;font-size:.875rem;padding:0}.clsd-note-content-full h1+p,.clsd-note-content-full h2+p,.clsd-read-mode-text h1+p,.clsd-read-mode-text h2+p{color:#1f2937;font-size:1.0625rem;margin-top:1rem}.clsd-note-content-full ol ol,.clsd-note-content-full ol ul,.clsd-note-content-full ul ol,.clsd-note-content-full ul ul,.clsd-read-mode-text ol ol,.clsd-read-mode-text ol ul,.clsd-read-mode-text ul ol,.clsd-read-mode-text ul ul{margin:.5rem 0}.clsn-ai-generate-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b98126,#0596691a)!important;border:1.5px solid #10b98166!important;box-shadow:0 2px 8px #10b98126,inset 0 0 0 1px #10b9810d!important;color:#059669!important;overflow:hidden;position:relative}.clsn-ai-generate-btn:after{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.clsn-ai-generate-btn:hover:after{left:100%}.clsn-ai-generate-btn:hover{background:linear-gradient(135deg,#10b98140,#05966933)!important;border-color:#10b98199!important;box-shadow:0 4px 16px #10b98140,inset 0 0 0 1px #10b9811a!important;transform:translateY(-1px)!important}.clsn-ai-generate-btn:active{transform:translateY(0)!important}.clsn-ai-generate-btn .material-symbols-rounded{color:#10b981;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.clsd-ai-info-box{background:linear-gradient(135deg,#8b5cf61a,#6d28d91a);border:2px solid #8b5cf633;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.clsd-ai-info-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.clsd-ai-info-icon .material-symbols-rounded{color:#fff;font-size:24px}.clsd-ai-info-content h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .5rem}.clsd-ai-info-content p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.clsd-complexity-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.clsd-complexity-card{background:#fffc;border:2px solid #e5e7ebcc;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:1.25rem;position:relative;transition:all .2s}.clsd-complexity-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.clsd-complexity-card.selected{background:linear-gradient(135deg,#8b5cf61a,#6d28d90d);border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf633}.clsd-complexity-card input[type=radio]{opacity:0;pointer-events:none;position:absolute}.clsd-complexity-content{display:flex;flex-direction:column;gap:.75rem}.clsd-complexity-header{align-items:center;display:flex;gap:.5rem}.clsd-complexity-header .material-symbols-rounded{color:#8b5cf6;font-size:24px}.clsd-complexity-name{color:#111827;font-size:1rem;font-weight:600}.clsd-complexity-desc{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.clsd-ai-summary-btn .clsd-spinner{animation:spin 1s linear infinite}@media (max-width:1024px){.clsd-complexity-grid{grid-template-columns:1fr}}@media (max-width:768px){.clsd-toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.clsd-nrt-section-header{align-items:stretch;flex-direction:column;padding:1rem}.clsd-header-actions,.clsd-search-filter-group{flex-direction:column;width:100%}.clsd-filter-select,.clsd-search-box,.clsd-search-input{width:100%}.clsd-search-input{min-width:auto}.clsd-section-tabs{padding:1rem}.clsd-section-tab{font-size:.875rem;padding:.625rem 1rem}.clsd-note-item,.clsd-notes-list,.clsd-resource-item,.clsd-resources-list{padding:1rem}.clsd-note-header{align-items:stretch;flex-direction:column;gap:.75rem}.clsd-note-title-row{align-items:flex-start;flex-direction:column;gap:.5rem}.clsd-note-title-row h4{white-space:normal}.clsd-inline-title-input{font-size:1rem}.clsd-inline-status-select{font-size:.75rem}.clsd-note-actions{flex-wrap:wrap;justify-content:flex-end}.clsd-resource-icon{height:40px;width:40px}.clsd-resource-icon .material-symbols-rounded{font-size:20px}.clsd-modal-content{border-radius:0;max-height:100vh;max-width:100%}.clsd-modal-body,.clsd-modal-footer,.clsd-modal-header{padding:1rem}.clsd-stats-grid{grid-template-columns:1fr}.clsd-modal-footer{flex-direction:column}.clsd-modal-btn{justify-content:center;width:100%}.clsd-complexity-grid{grid-template-columns:1fr}.clsd-ai-info-box{flex-direction:column;text-align:center}.clsd-ai-info-icon{margin:0 auto}}@media (max-width:480px){.clsd-toast{font-size:.875rem;padding:.875rem 1rem}.clsd-toast-icon{font-size:20px}.clsd-tab-count{font-size:.6875rem;padding:.0625rem .375rem}.clsd-note-item,.clsd-resource-item{padding:.875rem}.clsd-icon-btn{height:32px;width:32px}.clsd-icon-btn .material-symbols-rounded{font-size:18px}.clsd-stat-icon{font-size:20px;height:40px;width:40px}.clsd-stat-value{font-size:1.5rem}.clsd-read-mode-header{flex-direction:column;gap:1rem;padding:1.5rem}.clsd-read-mode-title-section h1{font-size:1.75rem}.clsd-read-mode-container{height:100dvh;height:100vh}.clsd-read-mode-ai-summary,.clsd-read-mode-content,.clsd-read-mode-meta{margin-left:0;margin-right:0;padding:1.5rem}.clsd-read-mode-content{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.clsd-read-mode-footer{padding:1rem 1.5rem}.clsd-read-mode-text{font-size:1rem}.clsd-read-mode-text h1{font-size:1.5rem}.clsd-read-mode-text h2{font-size:1.375rem}.clsd-read-mode-text h3{font-size:1.25rem}}.clsd-ai-summary-float-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981f2,#059669f2);border:2px solid #10b9814d;border-radius:50%;bottom:2rem;box-shadow:0 8px 32px #10b98166,inset 0 0 0 1px #ffffff1a;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:1000}.clsd-ai-summary-float-btn .material-symbols-rounded{animation:pulse-glow 2s ease-in-out infinite;color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.5));font-size:28px}.clsd-ai-summary-float-btn:hover{box-shadow:0 12px 48px #10b98180,inset 0 0 0 1px #fff3;transform:scale(1.1)}.clsd-ai-summary-float-btn:active{transform:scale(1.05)}.clsd-pinned-indicator{animation:blink 1s ease-in-out infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;height:16px;position:absolute;right:-4px;top:-4px;width:16px}.clsd-ai-summary-popup{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #10b98133;border-radius:16px;bottom:6rem;box-shadow:0 20px 60px #00000026,inset 0 0 0 1px #ffffff80;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:fixed;right:2rem;width:420px;z-index:999}.clsd-ai-summary-popup.pinned{border-color:#10b98166;box-shadow:0 20px 60px #10b98133,inset 0 0 0 1px #ffffff80}.clsd-ai-summary-popup-header{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596690d);border-bottom:2px solid #10b98133;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.clsd-ai-summary-popup-title{align-items:center;display:flex;gap:.75rem}.clsd-ai-summary-popup-title .material-symbols-rounded{color:#10b981;filter:drop-shadow(0 0 8px rgba(16,185,129,.3));font-size:24px}.clsd-ai-summary-popup-title h4{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.clsd-ai-summary-pin-btn{align-items:center;background:#10b9811a;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.clsd-ai-summary-pin-btn:hover{background:#10b98133;transform:rotate(15deg)}.clsd-ai-summary-pin-btn .material-symbols-rounded{color:#10b981;font-size:20px}.clsd-ai-summary-popup-content{color:#374151;flex:1 1;line-height:1.7;overflow-y:auto;padding:1.5rem}.clsd-ai-summary-popup-content::-webkit-scrollbar{width:6px}.clsd-ai-summary-popup-content::-webkit-scrollbar-track{background:#f3f4f680;border-radius:3px}.clsd-ai-summary-popup-content::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:3px}.clsd-ai-summary-popup-content::-webkit-scrollbar-thumb:hover{background:#10b98180}.clsd-ai-summary-popup-content h1,.clsd-ai-summary-popup-content h2,.clsd-ai-summary-popup-content h3,.clsd-ai-summary-popup-content h4,.clsd-ai-summary-popup-content h5{color:#111827;margin-bottom:.5rem;margin-top:1rem}.clsd-ai-summary-popup-content h1{font-size:1.5rem}.clsd-ai-summary-popup-content h2{font-size:1.25rem}.clsd-ai-summary-popup-content h3{font-size:1.125rem}.clsd-ai-summary-popup-content h4{font-size:1rem}.clsd-ai-summary-popup-content h5{font-size:.9375rem}.clsd-ai-summary-popup-content p{line-height:1.7;margin:.75rem 0}.clsd-ai-summary-popup-content strong{color:#111827;font-weight:600}.clsd-ai-summary-popup-content ol,.clsd-ai-summary-popup-content ul{margin:.75rem 0;padding-left:1.5rem}.clsd-ai-summary-popup-content li{line-height:1.6;margin:.375rem 0}.clsd-ai-summary-popup-content li::marker{color:#10b981}.clsd-ai-summary-popup-footer{align-items:center;background:#f3f4f680;border-top:1px solid #e5e7ebcc;color:#6b7280;display:flex;flex-shrink:0;font-size:.8125rem;gap:.5rem;padding:1rem 1.5rem}.clsd-ai-summary-popup-footer .material-symbols-rounded{font-size:16px}@media (max-width:768px){.clsd-ai-summary-popup{bottom:5rem;max-height:400px;right:1rem;width:calc(100vw - 2rem)}.clsd-ai-summary-float-btn{bottom:1.5rem;height:56px;right:1.5rem;width:56px}}@media (max-width:480px){.clsd-ai-summary-popup{border-radius:12px;bottom:4.5rem;max-height:350px;right:.5rem;width:calc(100vw - 1rem)}.clsd-ai-summary-float-btn{bottom:1rem;height:52px;right:1rem;width:52px}.clsd-ai-summary-float-btn .material-symbols-rounded{font-size:24px}.clsd-ai-summary-popup-content,.clsd-ai-summary-popup-header{padding:1rem}.clsd-ai-summary-popup-footer{padding:.75rem 1rem}}[data-theme=dark] .clsd-notes-resources-container{--clsd-bg-primary:#1a1a1af2;--clsd-bg-secondary:#262626f2;--clsd-bg-tertiary:#333333e6;--clsd-text-primary:#e5e7eb;--clsd-text-secondary:#9ca3af;--clsd-text-tertiary:#6b7280;--clsd-border-primary:#4b55634d;--clsd-border-secondary:#3741514d}[data-theme=dark] .clsd-toast{background:#262626fa;border-left-color:initial}[data-theme=dark] .clsd-toast-message{color:#e5e7eb}[data-theme=dark] .clsd-toast-close{background:#ffffff1a}[data-theme=dark] .clsd-toast-close:hover{background:#ffffff26}[data-theme=dark] .clsd-toast-close .material-symbols-rounded{color:#9ca3af}[data-theme=dark] .clsd-section-card{background:#1a1a1acc;border-color:#4b55634d}[data-theme=dark] .clsd-nrt-section-header{background:#1a1a1acc;border-bottom-color:#4b55634d}[data-theme=dark] .clsd-section-title,[data-theme=dark] .clsd-section-title h3,[data-theme=dark] h3,[data-theme=dark] h4{color:#e5e7eb!important}[data-theme=dark] .clsd-filter-select,[data-theme=dark] .clsd-search-input{background:#262626e6;border-color:#4b55634d;color:#e5e7eb}[data-theme=dark] .clsd-search-input::placeholder{color:#6b7280}[data-theme=dark] .clsd-filter-select:focus,[data-theme=dark] .clsd-search-input:focus{background:#262626;border-color:#3b82f6}[data-theme=dark] .clsd-search-icon{color:#9ca3af}[data-theme=dark] .clsd-search-clear{background:#ffffff1a}[data-theme=dark] .clsd-search-clear:hover{background:#ffffff26}[data-theme=dark] .clsd-loading-state p{color:#9ca3af}[data-theme=dark] .clsd-note-item{background:#262626cc;border-color:#4b55634d}[data-theme=dark] .clsd-note-item:hover{border-color:#3b82f680;box-shadow:0 4px 12px #3b82f633}[data-theme=dark] .clsd-note-editing{background:#262626f2;border-color:#10b98199;box-shadow:0 0 0 3px #10b98126,0 4px 12px #10b98140}[data-theme=dark] .clsd-note-header h4,[data-theme=dark] .clsd-note-title-row h4{color:#e5e7eb!important}[data-theme=dark] .clsd-inline-title-input{background:#262626e6;border-color:#4b55634d;color:#e5e7eb}[data-theme=dark] .clsd-inline-title-input:focus{background:#262626;border-color:#10b981}[data-theme=dark] .clsd-inline-title-input::placeholder{color:#6b7280}[data-theme=dark] .clsd-inline-status-select{background:#262626e6;border-color:#4b55634d;color:#e5e7eb}[data-theme=dark] .clsd-inline-status-select:focus{background:#262626;border-color:#10b981}[data-theme=dark] .clsd-status-draft{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .clsd-status-published{background:#10b98126;color:#34d399}[data-theme=dark] .clsd-status-archived{background:#6b728026;color:#9ca3af}[data-theme=dark] .clsd-note-meta{color:#9ca3af}[data-theme=dark] .clsd-version{background:#6b728033}[data-theme=dark] .clsd-note-content-full,[data-theme=dark] .clsd-note-content-preview{color:#d1d5db}[data-theme=dark] .clsd-note-content-full h1,[data-theme=dark] .clsd-note-content-full h2,[data-theme=dark] .clsd-note-content-full h3,[data-theme=dark] .clsd-note-content-full h4,[data-theme=dark] .clsd-note-content-full h5{color:#f3f4f6}[data-theme=dark] .clsd-note-content-full h1{border-bottom-color:#3b82f6}[data-theme=dark] .clsd-note-content-full h2{border-bottom-color:#3b82f64d}[data-theme=dark] .clsd-note-content-full strong{color:#f3f4f6}[data-theme=dark] .clsd-note-content-full hr{border-top-color:#4b55634d}[data-theme=dark] .clsd-note-content-full code{background:#ef444426;border-color:#ef44444d}[data-theme=dark] .clsd-note-content-full pre{background:#1a1a1a}[data-theme=dark] .clsd-expand-btn{color:#3b82f6}[data-theme=dark] .clsd-expand-btn:hover{background:#3b82f626}[data-theme=dark] .clsd-note-chapter{background:#3b82f61a;border-left-color:#3b82f6}[data-theme=dark] .clsd-icon-btn{background:#6b72801a}[data-theme=dark] .clsd-icon-btn:hover{background:#6b728033}[data-theme=dark] .clsd-save-btn{background:#10b98126}[data-theme=dark] .clsd-save-btn:hover{background:#10b98140}[data-theme=dark] .clsd-cancel-btn:hover,[data-theme=dark] .clsd-delete-btn:hover{background:#ef444426}[data-theme=dark] .clsd-note-stats{background:#1a1a1a80;border-top-color:#4b55634d}[data-theme=dark] .clsd-empty-state p,[data-theme=dark] .clsd-stat-item{color:#9ca3af}[data-theme=dark] .clsd-clear-filters-btn{border-color:#3b82f6;color:#3b82f6}[data-theme=dark] .clsd-clear-filters-btn:hover{background:#3b82f626}[data-theme=dark] .clsd-modal-overlay{background:#000000b3}[data-theme=dark] .clsd-modal-content{background:#1f2937fa;border-color:#4b556380}[data-theme=dark] .clsd-modal-header{background:linear-gradient(135deg,#262626cc,#1a1a1acc);border-bottom-color:#4b55634d}[data-theme=dark] .clsd-modal-header h3{color:#e5e7eb!important}[data-theme=dark] .clsd-modal-close{background:#6b72801a}[data-theme=dark] .clsd-modal-close:hover{background:#6b728033}[data-theme=dark] .clsd-modal-body{color:#d1d5db}[data-theme=dark] .clsd-form-group label,[data-theme=dark] .clsd-modal-body label,[data-theme=dark] .clsd-modal-body p{color:#d1d5db!important}[data-theme=dark] .clsd-form-input,[data-theme=dark] .clsd-form-select{background:#262626e6;border-color:#4b55634d;color:#e5e7eb}[data-theme=dark] .clsd-form-input::placeholder{color:#6b7280}[data-theme=dark] .clsd-form-input:focus,[data-theme=dark] .clsd-form-select:focus{background:#262626;border-color:#3b82f6}[data-theme=dark] .clsd-complexity-grid{gap:1rem}[data-theme=dark] .clsd-complexity-card{background:#262626cc;border-color:#4b55634d}[data-theme=dark] .clsd-complexity-card:hover{background:#262626f2;border-color:#3b82f680}[data-theme=dark] .clsd-complexity-card.active{background:#3b82f626;border-color:#3b82f6}[data-theme=dark] .clsd-complexity-card h4{color:#e5e7eb!important}[data-theme=dark] .clsd-complexity-card p{color:#9ca3af!important}[data-theme=dark] .clsd-ai-info-box{background:#10b9811a;border-color:#10b9814d}[data-theme=dark] .clsd-ai-info-box p{color:#d1d5db!important}[data-theme=dark] .clsd-stats-grid{gap:1rem}[data-theme=dark] .clsd-stat-card{background:#262626cc;border-color:#4b55634d}[data-theme=dark] .clsd-stat-label{color:#9ca3af!important}[data-theme=dark] .clsd-stat-value{color:#e5e7eb!important}[data-theme=dark] .clsd-read-mode-overlay{background:#111827fa}[data-theme=dark] .clsd-read-mode-container{background:#111827}[data-theme=dark] .clsd-read-mode-header{border-bottom-color:#4b55634d}[data-theme=dark] .clsd-read-mode-title-section h1{color:#f3f4f6}[data-theme=dark] .clsd-read-mode-close{background:#262626e6;border-color:#4b55634d;color:#d1d5db}[data-theme=dark] .clsd-read-mode-close:hover{background:#3b82f626;border-color:#3b82f6;color:#3b82f6}[data-theme=dark] .clsd-read-mode-meta{background:#1a1a1a80;border-bottom-color:#4b55634d}[data-theme=dark] .clsd-read-mode-meta-item{color:#9ca3af}[data-theme=dark] .clsd-read-mode-content{background:#111827}[data-theme=dark] .clsd-read-mode-content::-webkit-scrollbar-track{background:#26262680}[data-theme=dark] .clsd-read-mode-content::-webkit-scrollbar-thumb{background:#6b728080}[data-theme=dark] .clsd-read-mode-content::-webkit-scrollbar-thumb:hover{background:#6b7280b3}[data-theme=dark] .clsd-read-mode-text{color:#d1d5db}[data-theme=dark] .clsd-read-mode-text h1,[data-theme=dark] .clsd-read-mode-text h2,[data-theme=dark] .clsd-read-mode-text h3,[data-theme=dark] .clsd-read-mode-text h4{color:#f3f4f6}[data-theme=dark] .clsd-read-mode-text h1{border-bottom-color:#3b82f6}[data-theme=dark] .clsd-read-mode-text h2{border-bottom-color:#3b82f64d}[data-theme=dark] .clsd-read-mode-text strong{color:#f3f4f6}[data-theme=dark] .clsd-read-mode-text hr{border-top-color:#4b55634d}[data-theme=dark] .clsd-read-mode-text code{background:#ef444426;border-color:#ef44444d}[data-theme=dark] .clsd-read-mode-text pre{background:#0d1117}[data-theme=dark] .clsd-read-mode-empty p{color:#9ca3af}[data-theme=dark] .clsd-read-mode-footer{background:#1a1a1a80;border-top-color:#4b55634d}[data-theme=dark] .clsd-read-mode-hint{color:#9ca3af}[data-theme=dark] .clsd-read-mode-hint kbd{background:#4b5563}[data-theme=dark] .clsd-ai-summary-popup{background:#1f2937fa;border-color:#10b9814d}[data-theme=dark] .clsd-ai-summary-popup.pinned{border-color:#10b98180}[data-theme=dark] .clsd-ai-summary-popup-header{background:linear-gradient(135deg,#10b98126,#0596691a);border-bottom-color:#10b9814d}[data-theme=dark] .clsd-ai-summary-popup-title h4{color:#f3f4f6}[data-theme=dark] .clsd-ai-summary-pin-btn{background:#10b98126}[data-theme=dark] .clsd-ai-summary-pin-btn:hover{background:#10b98140}[data-theme=dark] .clsd-ai-summary-popup-content{color:#d1d5db}[data-theme=dark] .clsd-ai-summary-popup-content::-webkit-scrollbar-track{background:#10b98114}[data-theme=dark] .clsd-ai-summary-popup-content::-webkit-scrollbar-thumb{background:#10b98166}[data-theme=dark] .clsd-ai-summary-popup-content::-webkit-scrollbar-thumb:hover{background:#10b98199}[data-theme=dark] .clsd-ai-summary-popup-footer{background:#1a1a1acc;border-top-color:#4b55634d}[data-theme=dark] .clsd-inline-edit-content .ql-container,[data-theme=dark] .clsd-inline-edit-content .ql-toolbar{background:#262626e6;border-color:#4b55634d}[data-theme=dark] .clsd-inline-edit-content .ql-editor{color:#e5e7eb}[data-theme=dark] .clsd-inline-edit-content .ql-editor.ql-blank:before{color:#6b7280}[data-theme=dark] .clsd-inline-edit-content .ql-stroke{stroke:#9ca3af}[data-theme=dark] .clsd-inline-edit-content .ql-fill{fill:#9ca3af}[data-theme=dark] .clsd-inline-edit-content .ql-picker-label{color:#9ca3af}[data-theme=dark] .clsd-inline-edit-content .ql-picker-options{background:#262626fa;border-color:#4b55634d}[data-theme=dark] .clsd-inline-edit-content .ql-picker-item{color:#e5e7eb}[data-theme=dark] .clsd-inline-edit-content .ql-picker-item:hover{background:#3b82f626}[data-theme=dark] .clsd-section-tabs{background:#1a1a1acc;border-bottom-color:#4b55634d}[data-theme=dark] .clsd-section-tab{color:#9ca3af}[data-theme=dark] .clsd-section-tab:hover{background:#37415180;color:#d1d5db}[data-theme=dark] .clsd-section-tab.active{background:linear-gradient(135deg,#3b82f633,#1d4ed826);color:#60a5fa}[data-theme=dark] .clsd-section-tab.active .clsd-tab-count{background:#3b82f64d;color:#93c5fd}[data-theme=dark] .clsd-tabs-nav{background:#1a1a1acc;border-bottom-color:#4b55634d}[data-theme=dark] .clsd-tab-btn{color:#9ca3af}[data-theme=dark] .clsd-tab-btn.active{color:#3b82f6}[data-theme=dark] .clsd-tab-btn:hover:not(.active){background:#3b82f61a;color:#60a5fa}[data-theme=dark] .clsd-tab-count{background:#3b82f633;color:#60a5fa}[data-theme=dark] .clsd-dialog-overlay{background:#000000b3}[data-theme=dark] .clsd-dialog-content{background:#1f2937fa;border-color:#4b556380}[data-theme=dark] .clsd-dialog-header h3{color:#e5e7eb}[data-theme=dark] .clsd-dialog-body p{color:#d1d5db}[data-theme=dark] .clsd-dialog-warning{background:#f59e0b1a;border-color:#f59e0b4d}[data-theme=dark] .clsd-dialog-warning p{color:#fbbf24}.clsd-quick-stats{gap:.75rem}.clsd-quick-stat,.clsd-quick-stats{align-items:center;display:inline-flex}.clsd-quick-stat{color:#6b7280;font-size:.8125rem;font-weight:600;gap:.25rem}.clsd-quick-stat .material-symbols-rounded{font-size:16px}[data-theme=dark] .clsd-quick-stat{color:#9ca3af}.clsd-stats-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;position:relative;transition:all .2s}.clsd-stats-btn:hover{background:#3b82f61a}.clsd-stats-btn .material-symbols-rounded{font-size:16px}.clsd-stats-dropdown{animation:slideUp .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #e5e7ebcc;border-radius:10px;bottom:calc(100% + .25rem);box-shadow:0 8px 24px #0000001f;min-width:220px;position:absolute;right:0;z-index:1000}.clsd-stats-dropdown:before{content:"";height:.5rem;left:0;position:absolute;right:0;top:100%}.clsd-stat-row{align-items:center;border-bottom:1px solid #e5e7eb80;color:#374151;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.clsd-stat-row:last-child{border-bottom:none}.clsd-stat-row .material-symbols-rounded{font-size:18px}.clsd-stat-row span:nth-child(2){flex:1 1}.clsd-stat-clickable{cursor:pointer}.clsd-stat-clickable:hover{background:#f59e0b0d}.clsd-stat-clickable .clsd-arrow{color:#f59e0b;font-size:16px}.clsd-students-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;max-height:400px;overflow-y:auto}.clsd-student-item{align-items:center;background:#f9fafbcc;border:1px solid #e5e7ebcc;border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.clsd-student-item:hover{background:#f3f4f6e6;border-color:#d1d5dbe6}.clsd-student-item .material-symbols-rounded{color:#f59e0b;font-size:20px}.clsd-student-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.clsd-student-name{color:#111827;font-size:.9375rem;font-weight:500}.clsd-student-meta{color:#6b7280;font-size:.8125rem;font-weight:500}[data-theme=dark] .clsd-stats-btn{color:#60a5fa}[data-theme=dark] .clsd-stats-btn:hover{background:#3b82f626}[data-theme=dark] .clsd-stats-dropdown{background:#1f2937fa;border-color:#4b556380}[data-theme=dark] .clsd-stat-row{border-bottom-color:#4b55634d;color:#d1d5db}[data-theme=dark] .clsd-stat-clickable:hover{background:#f59e0b1a}[data-theme=dark] .clsd-student-item{background:#262626cc;border-color:#4b55634d}[data-theme=dark] .clsd-student-item:hover{background:#333333e6;border-color:#4b556380}[data-theme=dark] .clsd-student-name{color:#e5e7eb}[data-theme=dark] .clsd-student-meta{color:#9ca3af}.clsd-ai-summary-actions{align-items:center;display:flex;gap:.5rem}.clsd-ai-summary-minimize-btn{align-items:center;background:#10b9811a;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.clsd-ai-summary-minimize-btn:hover{background:#10b98133;transform:translateY(2px)}.clsd-ai-summary-minimize-btn .material-symbols-rounded{color:#10b981;font-size:20px}.clsd-ai-summary-float-btn.maximized{background:#10b98133}[data-theme=dark] .clsd-ai-summary-minimize-btn{background:#10b98126}[data-theme=dark] .clsd-ai-summary-minimize-btn:hover{background:#10b98140}[data-theme=dark] .clsd-ai-summary-toggle-btn{background:#8b5cf626}[data-theme=dark] .clsd-ai-summary-toggle-btn:hover{background:#8b5cf640}[data-theme=dark] .clsd-ai-summary-content{color:#d1d5db}.clsd-resource-item-deprecated{opacity:.6}.clsd-resource-item-deprecated .clsd-resource-content h4{color:#9ca3af;text-decoration:line-through}.clsd-resource-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.clsd-resource-title-row h4{margin:0!important}.clsd-resource-status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:2px 8px}.clsd-resource-deprecated{background:#6b72801a;color:#6b7280}.clsd-resource-deprecated .material-symbols-rounded{font-size:14px}.clsd-resource-url{color:#3b82f6;font-size:.8125rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-resource-filename{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;gap:.25rem;margin-bottom:.25rem}.clsd-resource-filename .material-symbols-rounded{font-size:16px}.clsd-resource-size{color:#9ca3af;font-size:.75rem}.clsd-resource-meta .material-symbols-rounded{font-size:14px}.clsd-resource-file-preview{align-items:center;background:#3b82f60d;border:1px solid #3b82f633;border-radius:6px;color:#374151;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;padding:.5rem}.clsd-btn-secondary-outline{background:#0000!important;border:1px solid #3b82f666!important;color:#3b82f6!important}.clsd-btn-secondary-outline:hover{background:#3b82f614!important;border-color:#3b82f699!important}.clsd-warning-btn:hover .material-symbols-rounded{color:#f59e0b!important}.clsd-warning-btn:hover{background:#f59e0b1a!important}[data-theme=dark] .clsd-resource-item-deprecated .clsd-resource-content h4{color:#6b7280}[data-theme=dark] .clsd-resource-url{color:#60a5fa}[data-theme=dark] .clsd-resource-file-preview{background:#3b82f61a;border-color:#3b82f64d;color:#d1d5db}[data-theme=dark] .clsd-btn-secondary-outline{border-color:#60a5fa66!important;color:#60a5fa!important}.cls-ast-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.cls-ast-section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.clsd-section-title{align-items:center;display:flex;gap:.75rem}.clsd-section-title .material-symbols-rounded{color:#059669;font-size:24px}.clsd-section-title h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.clsd-assignments-list{display:flex;flex-direction:column;gap:1.25rem}.clsd-assignment-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#3b82f614,#9333ea0f 50%,#ec489914);border:1px solid #3b82f633;border-radius:16px;box-shadow:0 4px 20px #3b82f614,inset 0 1px 0 #ffffff4d;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.clsd-assignment-card:before{background:linear-gradient(90deg,#3b82f6b3,#9333eab3 50%,#ec4899b3);content:"";height:4px;left:0;opacity:.5;position:absolute;right:0;top:0;transition:opacity .3s}.clsd-assignment-card:hover{background:linear-gradient(135deg,#3b82f61f,#9333ea1a 50%,#ec48991f);border-color:#3b82f64d;box-shadow:0 8px 30px #3b82f626,inset 0 1px 0 #fff6;transform:translateY(-4px)}.clsd-assignment-card:hover:before{opacity:1}.clsd-assignment-card[data-status=DRAFT]{background:linear-gradient(135deg,#3b82f61a,#2563eb14);border-color:#3b82f640}.clsd-assignment-card[data-status=DRAFT]:before{background:linear-gradient(90deg,#3b82f6cc,#2563ebb3)}.clsd-assignment-card[data-status=IN_PROGRESS],.clsd-assignment-card[data-status=PUBLISHED]{background:linear-gradient(135deg,#10b9811a,#05966914);border-color:#10b98140}.clsd-assignment-card[data-status=IN_PROGRESS]:before,.clsd-assignment-card[data-status=PUBLISHED]:before{background:linear-gradient(90deg,#10b981cc,#059669b3)}.clsd-assignment-card[data-status=COMPLETED],.clsd-assignment-card[data-status=GRADED]{background:linear-gradient(135deg,#f59e0b1a,#d9770614);border-color:#f59e0b40}.clsd-assignment-card[data-status=COMPLETED]:before,.clsd-assignment-card[data-status=GRADED]:before{background:linear-gradient(90deg,#f59e0bcc,#d97706b3)}.clsd-assignment-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.clsd-assignment-title-section{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.clsd-assignment-title-section h4{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.clsd-assignment-status-badge{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:10px;font-size:.75rem;font-weight:600;letter-spacing:.8px;padding:.375rem .875rem;text-transform:uppercase;white-space:nowrap}.clsd-assignment-actions{display:flex;flex-shrink:0;gap:.5rem}.clsd-info-banner{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf614,#7c3aed0d);border:1px solid #8b5cf633;border-radius:12px;box-shadow:0 2px 8px #8b5cf61a;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.clsd-info-banner-content{align-items:center;color:#6b21a8;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem}.clsd-info-banner-content .material-symbols-rounded{color:#7c3aed;font-size:22px}.clsd-banner-actions{align-items:center;display:flex;gap:.75rem}.clsd-banner-select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #8b5cf64d;border-radius:10px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;min-width:200px;padding:.625rem 1rem;transition:all .2s}.clsd-banner-select:hover:not(:disabled){background:#fff;border-color:#8b5cf680}.clsd-banner-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.clsd-banner-select:disabled{cursor:not-allowed;opacity:.5}.clsd-banner-publish-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.clsd-banner-publish-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.clsd-banner-publish-btn:disabled{cursor:not-allowed;opacity:.5}.clsd-banner-publish-btn .material-symbols-rounded{font-size:18px}.clsd-assignment-description{color:#374151;font-size:.9375rem;line-height:1.6;margin:0 0 1.25rem}.clsd-assignment-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.25rem}.clsd-stat-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 4px 12px #0000000d;display:flex;gap:.75rem;padding:.875rem;transition:all .2s}.clsd-stat-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.clsd-stat-item .material-symbols-rounded{align-items:center;border-radius:8px;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.clsd-stat-item:first-child{background:linear-gradient(135deg,#ef444426,#dc262614);border:1px solid #ef44444d}.clsd-stat-item:first-child:hover{background:linear-gradient(135deg,#ef444433,#dc26261f);box-shadow:0 8px 20px #ef444433}.clsd-stat-item:first-child .material-symbols-rounded{color:#dc2626}.clsd-stat-item:nth-child(2){background:linear-gradient(135deg,#3b82f626,#2563eb14);border:1px solid #3b82f64d}.clsd-stat-item:nth-child(2):hover{background:linear-gradient(135deg,#3b82f633,#2563eb1f);box-shadow:0 8px 20px #3b82f633}.clsd-stat-item:nth-child(2) .material-symbols-rounded{color:#2563eb}.clsd-stat-item:nth-child(3){background:linear-gradient(135deg,#f59e0b26,#d9770614);border:1px solid #f59e0b4d}.clsd-stat-item:nth-child(3):hover{background:linear-gradient(135deg,#f59e0b33,#d977061f);box-shadow:0 8px 20px #f59e0b33}.clsd-stat-item:nth-child(3) .material-symbols-rounded{color:#d97706}.clsd-stat-item:nth-child(4){background:linear-gradient(135deg,#22c55e26,#16a34a14);border:1px solid #22c55e4d}.clsd-stat-item:nth-child(4):hover{background:linear-gradient(135deg,#22c55e33,#16a34a1f);box-shadow:0 8px 20px #22c55e33}.clsd-stat-item:nth-child(4) .material-symbols-rounded{color:#16a34a}.clsd-stat-item:nth-child(5){background:linear-gradient(135deg,#8b5cf626,#7c3aed14);border:1px solid #8b5cf64d}.clsd-stat-item:nth-child(5):hover{background:linear-gradient(135deg,#8b5cf633,#7c3aed1f);box-shadow:0 8px 20px #8b5cf633}.clsd-stat-item:nth-child(5) .material-symbols-rounded{color:#7c3aed}.clsd-stat-item:nth-child(6){background:linear-gradient(135deg,#ec489926,#db277714);border:1px solid #ec48994d}.clsd-stat-item:nth-child(6):hover{background:linear-gradient(135deg,#ec489933,#db27771f);box-shadow:0 8px 20px #ec489933}.clsd-stat-item:nth-child(6) .material-symbols-rounded{color:#db2777}.clsd-stat-item:nth-child(7){background:linear-gradient(135deg,#14b8a626,#0d948814);border:1px solid #14b8a64d}.clsd-stat-item:nth-child(7):hover{background:linear-gradient(135deg,#14b8a633,#0d94881f);box-shadow:0 8px 20px #14b8a633}.clsd-stat-item:nth-child(7) .material-symbols-rounded{color:#0d9488}.clsd-stat-item:nth-child(8){background:linear-gradient(135deg,#6366f126,#4f46e514);border:1px solid #6366f14d}.clsd-stat-item:nth-child(8):hover{background:linear-gradient(135deg,#6366f133,#4f46e51f);box-shadow:0 8px 20px #6366f133}.clsd-stat-item:nth-child(8) .material-symbols-rounded{color:#4f46e5}.clsd-stat-content{display:flex;flex-direction:column;gap:.125rem}.clsd-stat-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.clsd-stat-value{color:#111827;font-size:1rem;font-weight:600}.clsd-assignment-progress{border-top:1px solid #e5e7ebcc;margin-top:1rem;padding-top:1rem}.clsd-progress-header{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.clsd-progress-bar{background:linear-gradient(135deg,#e5e7ebe6,#d1d5dbd9);border-radius:4px;box-shadow:inset 0 2px 4px #0000000d;height:8px;overflow:hidden;width:100%}.clsd-progress-fill{background:linear-gradient(90deg,#10b981,#059669f2 50%,#06b6d4e6);border-radius:4px;box-shadow:0 1px 3px #10b98166;height:100%;transition:width .3s ease}.clsd-empty-state .material-symbols-rounded{color:#d1d5db;font-size:64px;margin-bottom:1rem}.clsd-empty-state p{color:#6b7280;font-size:.9375rem;margin:0}:root{--clsd-badge-scheduled-bg:linear-gradient(135deg,#3b82f633,#2563eb26);--clsd-badge-ongoing-bg:linear-gradient(135deg,#10b98133,#05966926);--clsd-badge-ongoing-text:#065f46;--clsd-badge-completed-bg:linear-gradient(135deg,#f59e0b33,#d9770626);--clsd-badge-completed-text:#92400e}.clsd-assignment-popup-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.clsd-assignment-popup{animation:popupSlideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:#fff;border:.5px solid #fff9;border-radius:28px;box-shadow:0 20px 60px #0000004d,inset 0 1px 0 #fffc;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.clsd-popup-header{align-items:center;background:linear-gradient(135deg,#f9fafbe6,#f3f4f6d9);border-bottom:1px solid #e5e7eb99;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.clsd-popup-title-section{align-items:center;display:flex;flex:1 1;gap:.75rem}.clsd-popup-title-section .material-symbols-rounded{color:#059669;font-size:28px}.clsd-popup-title-section h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.clsd-popup-close{align-items:center;background:linear-gradient(135deg,#f3f4f6e6,#e5e7ebd9);border:1px solid #d1d5db80;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.clsd-popup-close:hover{background:linear-gradient(135deg,#e5e7ebf2,#d1d5dbe6);transform:rotate(90deg)}.clsd-popup-close .material-symbols-rounded{color:#6b7280;font-size:24px}.clsd-popup-content{flex:1 1;overflow-y:auto;padding:2rem}.clsd-create-popup .clsd-popup-content{max-height:calc(90vh - 200px);overflow-y:auto}.clsd-popup-content::-webkit-scrollbar{width:8px}.clsd-popup-content::-webkit-scrollbar-track{background:#f3f4f680;border-radius:4px}.clsd-popup-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9ca3afb3,#6b728099);border-radius:4px}.clsd-popup-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6b7280cc,#4b5563b3)}.clsd-popup-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-radius:16px;box-shadow:var(--clsd-card-shadow);margin-bottom:1rem;padding:1.5rem}.clsd-popup-section-title{align-items:center;color:#111827;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin:0 0 1.25rem}.clsd-popup-section-title .material-symbols-rounded{color:#059669;font-size:22px}.clsd-popup-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.clsd-detail-item{display:flex;flex-direction:column;gap:.375rem}.clsd-detail-full{grid-column:1/-1}.clsd-detail-label{color:#6b7280;font-size:.8125rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.clsd-detail-value{color:#111827;font-size:.9375rem;font-weight:500}.clsd-detail-description{color:#374151;font-size:.9375rem;line-height:1.6;margin:.5rem 0 0}.clsd-faculty-info{align-items:center;display:flex;gap:1rem}.clsd-faculty-avatar{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:600;height:60px;justify-content:center;width:60px}.clsd-faculty-details{flex:1 1}.clsd-faculty-name{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.375rem}.clsd-faculty-meta{display:flex;flex-direction:column;gap:.25rem}.clsd-faculty-meta span{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.clsd-faculty-meta .material-symbols-rounded{color:#9ca3af;font-size:16px}.clsd-grading-strategy{margin-bottom:1rem}.clsd-strategy-card{align-items:center;background:linear-gradient(135deg,#f9fafbe6,#f3f4f6d9);border:1px solid #e5e7eb99;border-radius:12px;display:flex;gap:1rem;padding:1rem}.clsd-strategy-icon{font-size:32px;font-variation-settings:"FILL" 1}.clsd-strategy-info{flex:1 1}.clsd-strategy-name{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.25rem}.clsd-strategy-desc{color:#6b7280;font-size:.875rem}.clsd-links-section{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.clsd-link-btn{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb14);border:1px solid #3b82f640;border-radius:10px;color:#2563eb;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s}.clsd-link-btn:hover{background:linear-gradient(135deg,#3b82f626,#2563eb1f);border-color:#3b82f659}.clsd-link-btn .material-symbols-rounded{font-size:20px}.clsd-popup-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.clsd-stat-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s}.clsd-stat-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.clsd-stat-card .material-symbols-rounded{font-size:32px}.clsd-stat-card:first-child{background:linear-gradient(135deg,#8b5cf626,#7c3aed14);border:1px solid #8b5cf64d}.clsd-stat-card:first-child:hover{background:linear-gradient(135deg,#8b5cf633,#7c3aed1f);box-shadow:0 8px 20px #8b5cf633}.clsd-stat-card:first-child .material-symbols-rounded{color:#7c3aed}.clsd-stat-card:nth-child(2){background:linear-gradient(135deg,#22c55e26,#16a34a14);border:1px solid #22c55e4d}.clsd-stat-card:nth-child(2):hover{background:linear-gradient(135deg,#22c55e33,#16a34a1f);box-shadow:0 8px 20px #22c55e33}.clsd-stat-card:nth-child(2) .material-symbols-rounded{color:#16a34a}.clsd-stat-card:nth-child(3){background:linear-gradient(135deg,#3b82f626,#2563eb14);border:1px solid #3b82f64d}.clsd-stat-card:nth-child(3):hover{background:linear-gradient(135deg,#3b82f633,#2563eb1f);box-shadow:0 8px 20px #3b82f633}.clsd-stat-card:nth-child(3) .material-symbols-rounded{color:#2563eb}.clsd-stat-card:nth-child(4){background:linear-gradient(135deg,#f59e0b26,#d9770614);border:1px solid #f59e0b4d}.clsd-stat-card:nth-child(4):hover{background:linear-gradient(135deg,#f59e0b33,#d977061f);box-shadow:0 8px 20px #f59e0b33}.clsd-stat-card:nth-child(4) .material-symbols-rounded{color:#d97706}.clsd-stat-info{text-align:center}.clsd-stat-number{color:#111827;font-size:1.75rem;font-weight:700}.clsd-stat-text{color:#6b7280;font-size:.8125rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.clsd-popup-footer{background:linear-gradient(135deg,#f9fafbe6,#f3f4f6d9);border-top:1px solid #e5e7eb99;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.clsd-publish-action-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.clsd-publish-results-action-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:#fff!important}.clsd-form-group{margin-bottom:.875rem}.clsd-form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.clsd-form-label{color:#1d1d1f;display:block;font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem}.clsd-form-input,.clsd-form-select,.clsd-form-textarea{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffb3;border:.5px solid #0000001a;border-radius:12px;box-shadow:0 2px 8px #0000000a,inset 0 1px 0 #ffffffe6;color:#1d1d1f;font-family:inherit;font-size:.9375rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.clsd-form-input:focus,.clsd-form-select:focus,.clsd-form-textarea:focus{background:#ffffffd9;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a,0 4px 12px #007aff26,inset 0 1px 0 #fff;outline:none}.clsd-form-input::placeholder,.clsd-form-textarea::placeholder{color:#86868b}.clsd-form-textarea{min-height:100px;resize:vertical}.clsd-form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%23007AFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.clsd-form-checkbox-group{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fff9;border:.5px solid #0000000f;border-radius:12px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:1rem}.clsd-form-checkbox{flex-shrink:0;height:26px;position:relative;width:44px}.clsd-form-checkbox input{height:0;opacity:0;width:0}.clsd-form-checkbox-slider{background:#78788029;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.clsd-form-checkbox-slider:before{background:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:2px;position:absolute;transition:.3s;width:22px}.clsd-form-checkbox input:checked+.clsd-form-checkbox-slider{background:#34c759}.clsd-form-checkbox input:checked+.clsd-form-checkbox-slider:before{transform:translateX(18px)}.clsd-form-checkbox-label{color:#1d1d1f;flex:1 1;font-size:.9375rem;font-weight:500}.clsd-grading-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.clsd-grading-option{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fff9;border:1.5px solid #0000000f;border-radius:14px;box-shadow:0 2px 8px #0000000a,inset 0 1px 0 #ffffffe6;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.clsd-grading-option:hover{background:#fffc;box-shadow:0 6px 16px #00000014,inset 0 1px 0 #fff;transform:translateY(-2px)}.clsd-grading-option.selected{background:#007aff1a;border-color:#007aff;box-shadow:0 4px 12px #007aff33,inset 0 1px 0 #ffffffe6}.clsd-grading-option .material-symbols-rounded{font-size:28px;font-variation-settings:"FILL" 1}.clsd-option-name{color:#1d1d1f;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;text-align:center}.clsd-grading-option.selected .clsd-option-name{color:#007aff}@media (max-width:768px){.clsd-assignment-popup{margin:1rem;max-height:calc(100vh - 2rem)}.clsd-popup-content{padding:1.5rem}.clsd-assignment-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.clsd-form-row{grid-template-columns:1fr}.clsd-grading-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.clsd-info-box{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:1px solid #3b82f633;border-radius:12px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.clsd-info-box .material-symbols-rounded{color:#2563eb;flex-shrink:0;font-size:24px}.clsd-info-box p{color:#374151;font-size:.9375rem;line-height:1.5;margin:0}.clsd-questions-section{display:flex;flex-direction:column;gap:1.25rem}.clsd-question-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:2px solid #6366f126;border-radius:16px;box-shadow:0 4px 20px #6366f114,0 2px 8px #0000000a,inset 0 1px 0 #ffffff80;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.clsd-question-card:before{background:linear-gradient(180deg,#6366f1cc,#8b5cf6cc 50%,#a855f7cc);bottom:0;content:"";left:0;opacity:.6;position:absolute;top:0;transition:opacity .3s,width .3s;width:5px}.clsd-question-card:hover{background:linear-gradient(135deg,#fff,#f9fafbf2);border-color:#6366f14d;box-shadow:0 8px 30px #6366f126,0 4px 12px #0000000f,inset 0 1px 0 #ffffffb3;transform:translateY(-2px)}.clsd-question-card:hover:before{opacity:1;width:6px}.clsd-question-card:nth-child(odd){background:linear-gradient(135deg,#f9fafbf2,#f1f5f9e6);border-color:#6366f11f}.clsd-question-card:nth-child(2n){background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-color:#8b5cf61f}.clsd-question-card:nth-child(2n):before{background:linear-gradient(180deg,#8b5cf6cc,#a855f7cc 50%,#c084fccc)}.clsd-question-card:nth-child(odd):hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6f2)}.clsd-question-card:nth-child(2n):hover{background:linear-gradient(135deg,#fff,#f9fafbf2)}.clsd-question-header{align-items:flex-start;border-bottom:1px solid #e5e7eb99;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.clsd-question-title-area{flex:1 1;min-width:0}.clsd-question-number{align-items:center;color:#111827;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:.375rem}.clsd-question-number .material-symbols-rounded{color:#7c3aed;font-size:18px}.clsd-question-preview{background:linear-gradient(135deg,#f9fafbcc,#f3f4f6b3);border-left:3px solid #7c3aed;border-radius:6px;color:#374151;font-size:.875rem;font-style:italic;line-height:1.5;margin-top:.375rem;padding:.5rem .75rem}.clsd-question-actions{display:flex;gap:.5rem}.clsd-question-minimize-btn{align-items:center;background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border:1px solid #8b5cf64d;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.clsd-question-minimize-btn:hover{background:linear-gradient(135deg,#8b5cf640,#7c3aed26);transform:scale(1.05)}.clsd-question-minimize-btn .material-symbols-rounded{color:#7c3aed;font-size:18px}.clsd-question-remove-btn{align-items:center;background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef44444d;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.clsd-question-remove-btn:hover{background:linear-gradient(135deg,#ef444440,#dc262626);transform:scale(1.05)}.clsd-question-remove-btn .material-symbols-rounded{color:#dc2626;font-size:18px}.clsd-mcq-options-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:.75rem}.clsd-mcq-option{align-items:center;display:flex;gap:.5rem}.clsd-mcq-option-label{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:600;height:28px;justify-content:center;width:28px}.clsd-mcq-option input{flex:1 1}.clsd-correct-answer-section{background:linear-gradient(135deg,#22c55e14,#16a34a0d);border:1px solid #22c55e33;border-radius:10px;margin-bottom:.75rem;padding:.75rem}.clsd-correct-answer-label{color:#065f46;display:block;font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.clsd-correct-options-grid{display:flex;flex-wrap:wrap;gap:.625rem}.clsd-correct-option-checkbox{align-items:center;background:#ffffffb3;border:1px solid #22c55e4d;border-radius:6px;display:flex;gap:.375rem;padding:.375rem .625rem}.clsd-correct-option-checkbox input[type=checkbox],.clsd-correct-option-checkbox input[type=radio]{accent-color:#16a34a;cursor:pointer;height:18px;width:18px}.clsd-correct-option-checkbox label{color:#065f46;cursor:pointer;font-weight:600}.clsd-add-question-btn{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border:1.5px dashed #8b5cf666;border-radius:12px;color:#7c3aed;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s;width:100%}.clsd-add-question-btn:hover{background:linear-gradient(135deg,#8b5cf633,#7c3aed26);border-color:#8b5cf699;transform:translateY(-2px)}.clsd-add-question-btn .material-symbols-rounded{font-size:22px}.clsd-correct-option-checkbox input[type=checkbox]:checked:disabled+label,.clsd-correct-option-checkbox input[type=radio]:checked:disabled+label{background:linear-gradient(135deg,#22c55e40,#16a34a33);border:1.5px solid #22c55e80;border-radius:6px;color:#065f46;font-weight:700;padding:.25rem .75rem}.clsd-correct-option-checkbox input[type=checkbox]:checked:disabled,.clsd-correct-option-checkbox input[type=radio]:checked:disabled{accent-color:#16a34a;cursor:not-allowed}.clsd-correct-option-checkbox:has(input:checked:disabled){background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1.5px solid #22c55e66;box-shadow:0 2px 8px #22c55e33}.clsd-correct-option-checkbox:has(input:checked:disabled):before{color:#16a34a;content:"✓";font-size:1.125rem;font-weight:700;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.clsd-correct-option-checkbox{position:relative}.clsd-correct-option-checkbox:has(input:disabled):hover{background:#ffffffb3;border:1px solid #22c55e4d}.clsd-correct-option-checkbox:has(input:checked:disabled):hover{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1.5px solid #22c55e66}.clsd-mcq-option:has(input:disabled) .clsd-mcq-option-label{opacity:.7}.clsd-questions-section input[type=text]:disabled{cursor:not-allowed;opacity:.8}.clsd-popup-section:has(input:disabled) .clsd-correct-answer-section{background:linear-gradient(135deg,#22c55e1f,#16a34a14);border:1.5px solid #22c55e4d}.clsd-popup-section:has(input:disabled) .clsd-correct-answer-label{color:#047857;font-weight:700}.clsd-text-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f3f4f6e6,#e5e7ebd9);border:1px solid #d1d5db80;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem .875rem;transition:all .2s;white-space:nowrap}.clsd-text-btn:hover{background:linear-gradient(135deg,#e5e7ebf2,#d1d5dbe6);box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.clsd-text-btn .material-symbols-rounded{font-size:18px}.clsd-text-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.clsd-view-btn{background:linear-gradient(135deg,#64748b26,#4755691a);border:1px solid #64748b4d;color:#475569}.clsd-view-btn:hover{background:linear-gradient(135deg,#64748b40,#47556926);border-color:#64748b66}.clsd-view-btn .material-symbols-rounded{color:#475569}.clsd-publish-btn{background:linear-gradient(135deg,#3b82f633,#2563eb26);border:1px solid #3b82f64d;color:#1e40af}.clsd-publish-btn:hover{background:linear-gradient(135deg,#3b82f64d,#2563eb40);border-color:#3b82f666}.clsd-publish-btn .material-symbols-rounded{color:#2563eb}.clsd-grade-btn{background:linear-gradient(135deg,#f59e0b33,#d9770626);border:1px solid #f59e0b4d;color:#92400e}.clsd-grade-btn:hover{background:linear-gradient(135deg,#f59e0b4d,#d9770640);border-color:#f59e0b66}.clsd-grade-btn .material-symbols-rounded{color:#d97706}.clsd-questions-btn{background:linear-gradient(135deg,#8b5cf633,#7c3aed26);border:1px solid #8b5cf64d;color:#6b21a8}.clsd-questions-btn:hover{background:linear-gradient(135deg,#8b5cf64d,#7c3aed40);border-color:#8b5cf666}.clsd-questions-btn .material-symbols-rounded{color:#7c3aed}.clsd-view-questions-btn{background:linear-gradient(135deg,#14b8a633,#0d948826);border:1px solid #14b8a64d;color:#115e59}.clsd-view-questions-btn:hover{background:linear-gradient(135deg,#14b8a64d,#0d948840);border-color:#14b8a666}.clsd-view-questions-btn .material-symbols-rounded{color:#0d9488}.clsd-edit-btn{background:linear-gradient(135deg,#6366f126,#4f46e51a);border:1px solid #6366f14d;color:#3730a3}.clsd-edit-btn:hover{background:linear-gradient(135deg,#6366f140,#4f46e526);border-color:#6366f166}.clsd-edit-btn .material-symbols-rounded{color:#4f46e5}.clsd-delete-btn{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef44444d;color:#991b1b}.clsd-delete-btn:hover{background:linear-gradient(135deg,#ef444440,#dc262626);border-color:#ef444466}.clsd-delete-btn .material-symbols-rounded{color:#dc2626}.clsd-open-tab-btn{background:linear-gradient(135deg,#06b6d426,#0891b21a);border:1px solid #06b6d44d;color:#155e75}.clsd-open-tab-btn:hover{background:linear-gradient(135deg,#06b6d440,#0891b226);border-color:#06b6d466}.clsd-open-tab-btn .material-symbols-rounded{color:#0891b2}.clsd-ai-actions-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf60f,#6366f10a);border:1.5px solid #8b5cf626;border-radius:14px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.clsd-ai-download-btn,.clsd-ai-upload-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.625rem;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.clsd-ai-upload-btn{background:linear-gradient(135deg,#8b5cf6f2,#7c3aede6);box-shadow:0 4px 16px #8b5cf64d,inset 0 1px 0 #fff3;color:#fff;overflow:hidden;position:relative}.clsd-ai-upload-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.clsd-ai-upload-btn:hover:before{left:100%}.clsd-ai-upload-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9f2);box-shadow:0 6px 24px #8b5cf666,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.clsd-ai-upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.clsd-ai-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .625rem;text-transform:uppercase}.clsd-ai-download-btn{background:linear-gradient(135deg,#10b98126,#0596691a);border:1.5px solid #10b9814d;color:#047857}.clsd-ai-download-btn:hover{background:linear-gradient(135deg,#10b98140,#05966933);border-color:#10b98166;box-shadow:0 4px 12px #10b98133;transform:translateY(-2px)}.clsd-ai-download-btn .material-symbols-rounded{color:#10b981}.clsd-ai-upload-card{animation:slideDown .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fffffffa,#f9fafbf2);border:2px solid #8b5cf64d;border-radius:20px;box-shadow:0 12px 40px #8b5cf633,0 4px 16px #00000014,inset 0 2px 0 #ffffffb3;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.clsd-ai-upload-card:before{background:linear-gradient(90deg,#8b5cf6cc,#7c3aedcc 50%,#a855f7cc);content:"";height:5px;left:0;position:absolute;right:0;top:0}.clsd-ai-upload-header{align-items:center;border-bottom:2px solid #8b5cf626;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.clsd-ai-upload-title{align-items:center;display:flex;gap:.75rem}.clsd-ai-upload-title .material-symbols-rounded{animation:sparkle 2s ease-in-out infinite;color:#7c3aed;font-size:28px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.clsd-ai-upload-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:1.375rem;font-weight:700;margin:0}.clsd-ai-close-btn{align-items:center;background:linear-gradient(135deg,#ef44441f,#dc262614);border:1.5px solid #ef444440;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.clsd-ai-close-btn:hover{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444466;transform:rotate(90deg)}.clsd-ai-close-btn .material-symbols-rounded{color:#dc2626;font-size:22px}.clsd-ai-upload-body{display:flex;flex-direction:column;gap:1.5rem}.clsd-ai-upload-info{display:flex;flex-direction:column;gap:1rem}.clsd-ai-upload-description{background:linear-gradient(135deg,#8b5cf60f,#7c3aed0a);border-left:4px solid #7c3aed;border-radius:10px;color:#4b5563;font-size:.9375rem;line-height:1.6;margin:0;padding:1rem}.clsd-ai-supported-formats{background:linear-gradient(135deg,#f9fafbe6,#f3f4f6cc);border:1.5px solid #8b5cf626;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.clsd-format-label{color:#6b7280;font-size:.875rem;font-weight:600}.clsd-format-badges{display:flex;flex-wrap:wrap;gap:.625rem}.clsd-format-badge{background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border:1px solid #8b5cf64d;border-radius:8px;color:#7c3aed;font-size:.8125rem;font-weight:600;padding:.375rem .875rem}.clsd-file-upload-area{width:100%}.clsd-file-upload-label{align-items:center;background:linear-gradient(135deg,#f9fafbf2,#f3f4f6e6);border:2px dashed #8b5cf64d;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;padding:2.5rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.clsd-file-upload-label:hover{background:linear-gradient(135deg,#f3f4f6,#edeef2f2);border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf626;transform:translateY(-2px)}.clsd-file-upload-label.has-file{background:linear-gradient(135deg,#10b98114,#0596690d);border-color:#10b98166;border-style:solid}.clsd-file-upload-label.has-file:hover{background:linear-gradient(135deg,#10b9811f,#05966914);border-color:#10b98180;box-shadow:0 8px 24px #10b98126}.clsd-upload-icon-wrapper{align-items:center;background:linear-gradient(135deg,#8b5cf61f,#7c3aed14);border-radius:20px;display:flex;height:80px;justify-content:center;transition:all .3s;width:80px}.clsd-file-upload-label.has-file .clsd-upload-icon-wrapper{background:linear-gradient(135deg,#10b98126,#0596691a)}.clsd-upload-icon{color:#7c3aed;font-size:48px!important;transition:all .3s}.clsd-file-upload-label.has-file .clsd-upload-icon{color:#10b981}.clsd-file-upload-label:hover .clsd-upload-icon{transform:scale(1.1)}.clsd-upload-text{align-items:center;display:flex;flex-direction:column;gap:.375rem;text-align:center}.clsd-file-name,.clsd-upload-primary{color:#1f2937;font-size:1rem;font-weight:600}.clsd-file-name{color:#047857;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clsd-file-size,.clsd-upload-secondary{color:#6b7280;font-size:.875rem}.clsd-file-size{color:#059669;font-weight:500}.clsd-remove-file-btn{align-items:center;background:linear-gradient(135deg,#ef444426,#dc26261a);border:1.5px solid #ef44444d;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px}.clsd-remove-file-btn:hover{background:linear-gradient(135deg,#ef444440,#dc262626);border-color:#ef444480;transform:scale(1.05)}.clsd-remove-file-btn .material-symbols-rounded{color:#dc2626;font-size:20px}.clsd-remove-file-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.clsd-ai-generate-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#8b5cf6f2,#7c3aede6);border:none;border-radius:14px;box-shadow:0 6px 20px #8b5cf64d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.clsd-ai-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9f2);box-shadow:0 8px 28px #8b5cf666,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.clsd-ai-generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.clsd-ai-generate-btn .material-symbols-rounded{font-size:24px}.clsd-spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}@media (max-width:768px){.clsd-assignment-popup-overlay{align-items:flex-end!important;padding:0!important}.clsd-assignment-popup{animation:sheetSlideUp .38s cubic-bezier(.32,.72,0,1)!important;border-radius:24px 24px 0 0!important;margin:0!important;max-height:92vh!important;transform-origin:bottom center;width:100%!important}@keyframes sheetSlideUp{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.clsd-popup-header:before{background:#00000026;border-radius:2px;content:"";display:block;height:4px;margin:0 auto .75rem;width:40px}.clsd-assignment-popup{transition:transform .15s ease}.clsd-popup-header{cursor:grab;flex-direction:column;padding:.75rem 1.25rem 1rem!important}.clsd-popup-header h2{font-size:1.125rem!important}.clsd-popup-content{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:1rem!important}.clsd-popup-footer{flex-direction:row!important;flex-wrap:wrap!important;gap:.625rem!important;padding:.875rem 1rem max(.875rem,env(safe-area-inset-bottom))!important}.clsd-popup-footer .enrollment-md3-btn,.clsd-popup-footer button{flex:1 1!important;justify-content:center!important;min-width:0!important}.clsd-popup-section{border-radius:12px!important;margin-bottom:.75rem!important;padding:1rem!important}.clsd-popup-section-title{font-size:.9375rem!important;margin-bottom:.875rem!important}.clsd-popup-details-grid{gap:.625rem!important;grid-template-columns:1fr!important}.clsd-popup-stats-grid{gap:.625rem!important;grid-template-columns:1fr 1fr!important}.clsd-form-row{gap:.5rem!important;grid-template-columns:1fr!important}.clsd-grading-options{gap:.5rem!important;grid-template-columns:1fr 1fr!important}.clsd-grading-option{padding:.75rem .5rem!important}.cls-ast-section-header{align-items:flex-start!important;flex-direction:column!important;gap:.75rem!important}.cls-ast-section-header .enrollment-md3-btn{justify-content:center!important;width:100%!important}.clsd-info-banner{align-items:flex-start!important;flex-direction:column!important;gap:.75rem!important}.clsd-banner-actions{flex-direction:column!important;gap:.5rem!important;width:100%}.clsd-banner-select{min-width:0!important;min-width:auto!important;width:100%!important}.clsd-banner-publish-btn{justify-content:center!important;width:100%!important}.clsd-assignment-card{border-radius:12px!important;padding:1rem!important}.clsd-assignment-header{flex-direction:column!important;gap:.625rem!important}.clsd-assignment-title-section{flex-wrap:wrap}.clsd-assignment-title-section h4{font-size:1rem!important}.clsd-assignment-actions{flex-wrap:wrap!important;gap:.375rem!important}.clsd-text-btn{font-size:.75rem!important;padding:.4rem .625rem!important}.clsd-text-btn span:not(.material-symbols-rounded){display:none}.clsd-assignment-stats{gap:.5rem!important;grid-template-columns:1fr 1fr!important}.clsd-stat-item{padding:.625rem!important}.clsd-stat-label{font-size:.6875rem!important}.clsd-stat-value{font-size:.875rem!important}.clsd-ai-actions-bar{flex-direction:column!important;gap:.625rem!important;padding:.75rem!important}.clsd-ai-download-btn,.clsd-ai-upload-btn{justify-content:center!important;width:100%!important}.clsd-ai-upload-card{border-radius:14px!important;margin-bottom:1rem!important;padding:1.25rem!important}.clsd-file-upload-label{padding:1.5rem 1rem!important}.clsd-upload-icon-wrapper{height:56px!important;width:56px!important}.clsd-upload-icon{font-size:32px!important}.clsd-mcq-options-grid{grid-template-columns:1fr!important}.clsd-question-card{padding:1rem!important}}@media (min-width:769px) and (max-width:1024px){.clsd-assignment-popup{max-height:88vh}.clsd-assignment-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.clsd-popup-details-grid,.clsd-popup-stats-grid{grid-template-columns:1fr 1fr}.clsd-assignment-actions{flex-wrap:wrap;gap:.375rem}.clsd-banner-select{min-width:160px}}.ext-container{display:flex;flex-direction:column;gap:1.5rem;padding:0}.ext-section-card{border-radius:16px;box-shadow:0 4px 20px #0000000d,inset 0 1px 0 #ffffff1a;padding:1.5rem;transition:all .2s ease}.ext-section-card:hover{box-shadow:0 8px 24px #00000014,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.ext-section-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.ext-section-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ext-section-icon .material-symbols-rounded{font-size:24px}.ext-section-title{flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.ext-fields-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ext-field-item{display:flex;flex-direction:column;gap:.5rem}.ext-field-item.full-width{grid-column:1/-1}.ext-field-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;margin:0}.ext-required{color:#ef4444;font-weight:700;margin-left:.125rem}.ext-help-icon{align-items:center;cursor:help;display:inline-flex;height:16px;justify-content:center;opacity:.6;transition:opacity .2s;width:16px}.ext-help-icon:hover{opacity:1}.ext-help-icon .material-symbols-rounded{color:#6b7280;font-size:16px}.ext-field-input,.ext-field-textarea{background:#fffc;border:1px solid #d1d5db;border-radius:10px;color:#111827;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.ext-field-input:focus,.ext-field-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.ext-field-input:disabled,.ext-field-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.ext-field-input::placeholder,.ext-field-textarea::placeholder{color:#9ca3af}.ext-field-textarea{line-height:1.6;min-height:100px;resize:vertical}.ext-field-display{align-items:center;background:#f9fafbcc;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;min-height:44px;padding:.75rem 1rem;position:relative;transition:all .2s ease}.ext-field-display:hover{background:#f3f4f6e6;border-color:#d1d5db}.ext-field-display.read-only{background:#f9fafb80;cursor:default}.ext-field-display.read-only:hover{background:#f9fafb80;border-color:#0000}.ext-field-display-value{color:#111827;flex:1 1;font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ext-field-display.read-only .ext-field-display-value{color:#6b7280}.ext-field-edit-icon{align-items:center;background:#3b82f61a;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:0;transition:all .2s ease;width:24px}.ext-field-edit-icon .material-symbols-rounded{color:#3b82f6;font-size:16px}.ext-field-display:hover .ext-field-edit-icon{opacity:1}.ext-checkbox-container{align-items:center;cursor:pointer;display:flex;gap:.75rem;position:relative;-webkit-user-select:none;user-select:none}.ext-checkbox-container input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.ext-checkbox-checkmark{align-items:center;background:#fffc;border:2px solid #d1d5db;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.ext-checkbox-checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700;opacity:0;transform:scale(0);transition:all .2s ease}.ext-checkbox-container input:checked~.ext-checkbox-checkmark{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.ext-checkbox-container input:checked~.ext-checkbox-checkmark:after{opacity:1;transform:scale(1)}.ext-checkbox-container input:disabled~.ext-checkbox-checkmark{background:#f3f4f6;border-color:#d1d5db;cursor:not-allowed;opacity:.6}.ext-checkbox-label{color:#374151;font-size:.9375rem;font-weight:500}.ext-checkbox-container input:disabled~.ext-checkbox-label{color:#9ca3af}.ext-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.ext-loading-spinner{animation:spin 1s linear infinite;color:#3b82f6;font-size:48px}.ext-loading p{color:#6b7280;font-size:.9375rem;margin:1rem 0 0}.ext-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.ext-error-icon{color:#ef4444;font-size:64px;margin-bottom:1rem}.ext-error h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.ext-error p{color:#6b7280;font-size:.9375rem;margin:0 0 1.5rem}.ext-retry-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.ext-retry-btn:hover{box-shadow:0 8px 16px #3b82f64d;transform:translateY(-2px)}.ext-retry-btn .material-symbols-rounded{font-size:20px}.ext-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.ext-empty-icon{color:#d1d5db;font-size:64px;margin-bottom:1rem}.ext-empty h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.ext-empty p{color:#6b7280;font-size:.9375rem;margin:0}@media (max-width:768px){.ext-fields-grid{grid-template-columns:1fr}.ext-section-card{padding:1.25rem}.ext-section-header{margin-bottom:1.25rem;padding-bottom:.875rem}.ext-section-icon{height:40px;width:40px}.ext-section-icon .material-symbols-rounded{font-size:20px}.ext-section-title{font-size:1.125rem}.ext-field-input,.ext-field-textarea{font-size:.875rem;padding:.625rem .875rem}}@media (max-width:480px){.ext-container{gap:1rem}.ext-section-card{border-radius:12px;padding:1rem}.ext-fields-grid{gap:1rem}.ext-section-title{font-size:1rem}}[data-theme=dark] .ext-section-card{background:#1f2937cc!important;border-color:#374151!important}[data-theme=dark] .ext-section-title{color:#f3f4f6!important}[data-theme=dark] .ext-field-label{color:#d1d5db}[data-theme=dark] .ext-field-input,[data-theme=dark] .ext-field-textarea{background:#1f293799;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .ext-field-input:focus,[data-theme=dark] .ext-field-textarea:focus{background:#1f2937cc;border-color:#3b82f6}[data-theme=dark] .ext-checkbox-checkmark{background:#1f293799;border-color:#4b5563}.afp-overlay{align-items:center;animation:fadeIn .15s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.afp-dialog{animation:slideUp .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 25px 50px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:85vh;max-width:600px;width:90%}.afp-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-bottom:1px solid #e5e7ebcc;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.afp-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.afp-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s;width:36px}.afp-icon-btn:hover{background:#f3f4f6}.afp-icon-btn .material-symbols-rounded{color:#6b7280;font-size:22px}.afp-search{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-bottom:1px solid #e5e7ebcc;padding:1rem 1.5rem;position:relative}.afp-search .material-symbols-rounded{color:#9ca3af;font-size:20px;left:2rem;position:absolute;top:50%;transform:translateY(-50%)}.afp-search input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7ebcc;border-radius:10px;font-family:inherit;font-size:.9375rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .15s;width:100%}.afp-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.afp-search input::placeholder{color:#9ca3af}.afp-body{flex:1 1;overflow-y:auto;padding:.5rem 0}.afp-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.afp-state .material-symbols-rounded{color:#d1d5db;font-size:48px;margin-bottom:.75rem}.afp-state .material-symbols-rounded.spin{animation:spin 1s linear infinite;color:#3b82f6}.afp-state p{color:#6b7280;font-size:.9375rem;margin:0}.afp-list{padding:0 .5rem}.afp-item{align-items:center;background:#ffffff80;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin:.25rem 0;padding:1rem;transition:all .15s}.afp-item:hover{background:#f9fafbcc;border-color:#e5e7eb99;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.afp-item.selected,.afp-item:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.afp-item.selected{background:#eff6ffe6;border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f61a}.afp-item-left{flex:1 1;gap:.875rem;min-width:0}.afp-avatar,.afp-item-left{align-items:center;display:flex}.afp-avatar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f3f4f6cc,#e5e7ebcc);border:1px solid #fff9;border-radius:50%;box-shadow:0 2px 8px #0000000d;flex-shrink:0;height:44px;justify-content:center;width:44px}.afp-avatar .material-symbols-rounded{color:#9ca3af;font-size:24px}.afp-info{flex:1 1;min-width:0}.afp-name{color:#111827;font-size:.9375rem;font-weight:500;margin-bottom:.25rem}.afp-meta,.afp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.afp-meta{color:#6b7280;font-size:.8125rem}.afp-item-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.afp-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid;border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.25rem .625rem;text-transform:uppercase}.afp-badge.subject{background:linear-gradient(135deg,#d1fae5e6,#a7f3d0e6);border-color:#10b9814d;color:#065f46}.afp-badge.dept{background:linear-gradient(135deg,#fef3c7e6,#fde68ae6);border-color:#f59e0b4d;color:#92400e}.afp-check{color:#3b82f6;font-size:22px}.afp-footer{background:#ffffff80;border-radius:0 0 16px 16px;border-top:1px solid #e5e7ebcc;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.afp-btn,.afp-footer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.afp-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;transition:all .15s}.afp-btn.secondary{background:#f3f4f6cc;border:1px solid #e5e7eb99;color:#374151}.afp-btn.secondary:hover{background:#e5e7ebe6;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.afp-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f640;color:#fff}.afp-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.afp-btn.primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.afp-drag-handle{display:none}@media (max-width:640px){.afp-overlay{align-items:flex-end;padding:0}.afp-overlay.closing{animation:afpOverlayOut .28s ease-in forwards}.afp-dialog{animation:afpSheetUp .32s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;max-height:92dvh;max-width:100%;transition:transform .2s ease;width:100%}.afp-dialog.closing{animation:afpSheetDown .28s cubic-bezier(.32,.72,0,1) forwards}.afp-header{border-radius:20px 20px 0 0;padding:1rem 1.25rem}.afp-header h2{font-size:1.125rem}.afp-search{padding:.875rem 1.25rem}.afp-item{padding:.875rem}.afp-avatar{height:40px;width:40px}.afp-name{font-size:.875rem}.afp-meta{font-size:.75rem}.afp-footer{border-radius:0;padding:.875rem 1.25rem max(.875rem,env(safe-area-inset-bottom))}.afp-btn{font-size:.875rem;padding:.5rem 1rem}.afp-drag-handle{background:#00000026;border-radius:999px;display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}}@keyframes afpOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes afpSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes afpSheetDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.cancel-class-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.cancel-class-popup{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-width:500px;width:90%}.cancel-class-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.cancel-class-header-title{align-items:center;display:flex;gap:.75rem}.cancel-class-header-title .material-symbols-rounded{color:#ef4444;font-size:28px}.cancel-class-header-title h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.cancel-class-close-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.cancel-class-close-btn:hover{background:#f3f4f6}.cancel-class-close-btn .material-symbols-rounded{color:#6b7280;font-size:24px}.cancel-class-content{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.cancel-warning{background:linear-gradient(135deg,#ef44440d,#dc26260d);border:1px solid #ef444433;border-radius:10px;display:flex;gap:.75rem;padding:1rem}.cancel-warning .material-symbols-rounded{color:#ef4444;flex-shrink:0;font-size:24px}.cancel-warning p{color:#991b1b;font-size:.9rem;line-height:1.5;margin:0}.cancel-class-field{display:flex;flex-direction:column;gap:.5rem}.cancel-class-label{color:#374151;font-size:.9rem;font-weight:600}.cancel-class-label .optional{color:#9ca3af;font-weight:400}.cancel-class-textarea{border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:.95rem;min-height:100px;padding:.75rem;resize:vertical;transition:all .2s;width:100%}.cancel-class-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.cancel-class-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.cancel-class-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.cancel-class-btn.back{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.cancel-class-btn.back:hover{background:#f3f4f6;border-color:#d1d5db}.cancel-class-btn.confirm{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.cancel-class-btn.confirm:hover{box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}[data-theme=dark] .cancel-class-popup{background:#1f2937}[data-theme=dark] .cancel-class-header{border-bottom-color:#374151}[data-theme=dark] .cancel-class-header-title h2{color:#f9fafb}[data-theme=dark] .cancel-class-close-btn:hover{background:#374151}[data-theme=dark] .cancel-class-label{color:#e5e7eb}[data-theme=dark] .cancel-class-textarea{background:#111827;border-color:#374151;color:#f9fafb}[data-theme=dark] .cancel-class-footer{background:#111827;border-top-color:#374151}.ccp-drag-handle{display:none}@media (max-width:768px){.cancel-class-overlay{align-items:flex-end!important;padding:0!important}.cancel-class-overlay.ccp-closing{animation:ccpOvOut .28s ease-in forwards}.cancel-class-popup{animation:ccpShUp .32s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0!important;max-height:92dvh;max-width:100%!important;transition:transform .2s ease;width:100%!important}.cancel-class-header{border-radius:20px 20px 0 0}.cancel-class-footer{border-radius:0;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.cancel-class-popup.ccp-closing{animation:ccpShDn .28s cubic-bezier(.32,.72,0,1) forwards}.ccp-drag-handle{background:#00000026;border-radius:999px;display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}[data-theme=dark] .ccp-drag-handle{background:#fff3}}@keyframes ccpOvOut{0%{opacity:1}to{opacity:0}}@keyframes ccpShUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ccpShDn{0%{transform:translateY(0)}to{transform:translateY(100%)}}.archive-class-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.archive-class-popup{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-width:500px;width:90%}.archive-class-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.archive-class-header-title{align-items:center;display:flex;gap:.75rem}.archive-class-header-title .material-symbols-rounded{color:#f59e0b;font-size:28px}.archive-class-header-title h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.archive-class-close-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.archive-class-close-btn:hover{background:#f3f4f6}.archive-class-close-btn .material-symbols-rounded{color:#6b7280;font-size:24px}.archive-class-content{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.archive-warning{background:linear-gradient(135deg,#f59e0b0d,#d977060d);border:1px solid #f59e0b33;border-radius:10px;display:flex;gap:.75rem;padding:1rem}.archive-warning .material-symbols-rounded{color:#f59e0b;flex-shrink:0;font-size:24px}.archive-warning h4{color:#92400e;font-size:1rem;margin:0 0 .5rem}.archive-warning p{color:#78350f;font-size:.9rem;line-height:1.5;margin:0}.archive-confirmation{background:#f9fafb;border-radius:10px;padding:1rem}.archive-confirmation p{color:#374151;font-size:.95rem;margin:0;text-align:center}.archive-class-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.archive-class-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.archive-class-btn.cancel{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.archive-class-btn.cancel:hover{background:#f3f4f6;border-color:#d1d5db}.archive-class-btn.confirm{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.archive-class-btn.confirm:hover{box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}[data-theme=dark] .archive-class-popup{background:#1f2937}[data-theme=dark] .archive-class-header{border-bottom-color:#374151}[data-theme=dark] .archive-class-header-title h2{color:#f9fafb}[data-theme=dark] .archive-class-close-btn:hover{background:#374151}[data-theme=dark] .archive-confirmation{background:#111827}[data-theme=dark] .archive-confirmation p{color:#e5e7eb}[data-theme=dark] .archive-class-footer{background:#111827;border-top-color:#374151}.archive-drag-handle{display:none}@media (max-width:640px){.archive-class-overlay{align-items:flex-end;padding:0}.archive-class-overlay.closing{animation:archOverlayOut .28s ease-in forwards}.archive-class-popup{animation:archSheetUp .32s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;max-width:100%;transition:transform .2s ease;width:100%}.archive-class-popup.closing{animation:archSheetDown .28s cubic-bezier(.32,.72,0,1) forwards}.archive-class-header{border-radius:20px 20px 0 0;padding:1rem 1.25rem}.archive-class-footer{border-radius:0;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.archive-drag-handle{background:#00000026;border-radius:999px;display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}}[data-theme=dark] .archive-drag-handle{background:#fff3}@keyframes archOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes archSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes archSheetDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.lcp-overlay{align-items:center;animation:lcp-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes lcp-fade-in{0%{opacity:0}to{opacity:1}}.lcp-modal{animation:lcp-slide-up .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:100%}@keyframes lcp-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lcp-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.lcp-header-content{align-items:center;display:flex;gap:12px}.lcp-header-icon{color:#3b82f6;font-size:28px}.lcp-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.lcp-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.lcp-close-btn:hover{background:#f1f5f9;color:#1e293b}.lcp-search-bar{border-bottom:1px solid #e2e8f0;padding:16px 24px;position:relative}.lcp-search-icon{color:#94a3b8;font-size:20px;left:36px;position:absolute;top:50%;transform:translateY(-50%)}.lcp-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;padding:12px 40px 12px 44px;transition:all .2s ease;width:100%}.lcp-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.lcp-clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:32px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.lcp-clear-search:hover{background:#e2e8f0;color:#475569}.lcp-clear-search .material-symbols-rounded{font-size:18px}.lcp-selected-summary{align-items:center;background:linear-gradient(135deg,#dbeafe,#f0f9ff);border-bottom:1px solid #bfdbfe;color:#1e40af;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px}.lcp-selected-summary .material-symbols-rounded{font-size:20px}.lcp-content{flex:1 1;overflow-y:auto;padding:16px}.lcp-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.lcp-spinner{animation:lcp-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes lcp-spin{to{transform:rotate(1turn)}}.lcp-loading p{color:#64748b;font-size:14px;margin:0}.lcp-error{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.lcp-error .material-symbols-rounded{color:#ef4444;font-size:48px}.lcp-error p{color:#64748b;font-size:14px;margin:0}.lcp-retry-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.lcp-retry-btn:hover{background:#2563eb;transform:translateY(-1px)}.lcp-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.lcp-empty .material-symbols-rounded{color:#cbd5e1;font-size:48px}.lcp-empty p{color:#94a3b8;font-size:14px;margin:0}.lcp-chapters-list{display:flex;flex-direction:column;gap:16px}.lcp-unit{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.lcp-unit:hover{box-shadow:0 4px 12px #00000014}.lcp-unit-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.lcp-unit-header:hover{background:#f1f5f9}.lcp-unit-header.lcp-expanded{background:#dbeafe;border-bottom-color:#bfdbfe}.lcp-unit-left{flex:1 1;gap:12px}.lcp-expand-btn,.lcp-unit-left{align-items:center;display:flex}.lcp-expand-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;height:28px;justify-content:center;transition:all .2s ease;width:28px}.lcp-expand-btn:hover{background:#0000000d}.lcp-expand-btn .material-symbols-rounded{font-size:24px}.lcp-unit-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.lcp-unit-title{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:600;gap:8px}.lcp-unit-title .material-symbols-rounded{color:#3b82f6;font-size:20px}.lcp-unit-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.lcp-unit-id{background:#0000000d;border-radius:4px;font-family:Courier New,monospace;padding:2px 8px}.lcp-unit-id,.lcp-unit-stat{color:#64748b;font-size:12px}.lcp-unit-stat{align-items:center;display:flex;gap:4px}.lcp-unit-stat .material-symbols-rounded{font-size:16px}.lcp-unit-progress-change,.lcp-unit-right{align-items:center;display:flex;gap:12px}.lcp-unit-progress-change{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:12px;padding:8px 16px}[data-theme=dark] .lcp-unit-progress-change{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f6}.lcp-progress-after,.lcp-progress-before{align-items:center;display:flex;flex-direction:column}.lcp-progress-label{color:#64748b;font-size:10px;font-weight:600;margin-bottom:2px;text-transform:uppercase}[data-theme=dark] .lcp-progress-label{color:#9ca3af}.lcp-progress-value{color:#1e293b;font-size:16px;font-weight:700}[data-theme=dark] .lcp-progress-value{color:#fff}.lcp-progress-value.lcp-highlight{color:#3b82f6;font-size:18px}.lcp-unit-progress-change .lcp-arrow{color:#3b82f6;font-size:20px}.lcp-unit-progress{height:48px;width:48px}.lcp-unit-progress,.lcp-unit-progress-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.lcp-unit-progress-inner{background:#fff;color:#1e293b;font-size:11px;font-weight:600;height:36px;width:36px}.lcp-unit-status{background:#0000000d;border-radius:6px;font-size:12px;font-weight:500;padding:4px 12px}.lcp-chapters{display:flex;flex-direction:column}.lcp-chapter{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.lcp-chapter:last-child{border-bottom:none}.lcp-chapter:hover:not(.lcp-disabled){background:#f8fafc}.lcp-chapter.lcp-selected{background:linear-gradient(135deg,#dbeafe,#f0f9ff);border-left:3px solid #3b82f6}.lcp-chapter.lcp-disabled{cursor:not-allowed;opacity:.5}.lcp-chapter-left{align-items:center;display:flex;flex:1 1;gap:12px}.lcp-checkbox{align-items:center;border:2px solid #cbd5e1;border-radius:6px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.lcp-chapter.lcp-selected .lcp-checkbox{background:#3b82f6;border-color:#3b82f6}.lcp-checkbox .material-symbols-rounded{color:#fff;font-size:16px}.lcp-chapter-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.lcp-chapter-title{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:500;gap:8px}.lcp-chapter-title .material-symbols-rounded{color:#3b82f6;font-size:18px}.lcp-chapter-title .material-symbols-rounded:first-child{color:#fbbf24}.lcp-recommended-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:4px;color:#78350f;font-size:11px;font-weight:600;padding:2px 8px}.lcp-chapter-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.lcp-chapter-id{background:#0000000d;border-radius:3px;color:#64748b;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.lcp-chapter-path{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcp-chapter-path .material-symbols-rounded{flex-shrink:0;font-size:14px}.lcp-chapter-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.lcp-chapter-stats{align-items:center;display:flex;gap:12px}.lcp-chapter-stat{align-items:center;color:#64748b;display:flex;font-size:11px;gap:4px}.lcp-chapter-stat .material-symbols-rounded{font-size:14px}.lcp-chapter-status{background:#0000000d;border-radius:5px;font-size:11px;font-weight:500;padding:3px 10px}.lcp-chapter-progress-bar{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden;width:120px}.lcp-chapter-progress-fill{height:100%;transition:width .3s ease}.lcp-chapter-completion-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:8px 12px}[data-theme=dark] .lcp-chapter-completion-input{background:#ffffff0d;border-color:#ffffff1a}.lcp-chapter-completion-input label{color:#64748b;font-size:12px;font-weight:500}[data-theme=dark] .lcp-chapter-completion-input label{color:#d1d5db}.lcp-current-progress-hint{color:#3b82f6;font-size:11px;font-weight:400;margin-left:4px}.lcp-completed-notice{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:6px;color:#065f46;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px}[data-theme=dark] .lcp-completed-notice{background:linear-gradient(135deg,#065f46,#047857);color:#3efcd9}.lcp-completed-notice .material-symbols-rounded{font-size:16px}.lcp-completion-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:13px;outline:none;padding:6px 10px;transition:all .2s ease;width:80px}.lcp-completion-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .lcp-completion-input{background:#ffffff14;border-color:#fff3;color:#fff}[data-theme=dark] .lcp-completion-input:focus{border-color:#3b82f6}.lcp-footer{background:#f8fafc;border-top:1px solid #e2e8f0;gap:12px;justify-content:flex-end;padding:20px 24px}.lcp-btn,.lcp-footer{align-items:center;display:flex}.lcp-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.lcp-btn .material-symbols-rounded{font-size:20px}.lcp-cancel-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.lcp-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.lcp-link-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.lcp-link-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.lcp-link-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}[data-theme=dark] .lcp-modal{background:#1a1a1afa;border:1px solid #ffffff1a}[data-theme=dark] .lcp-header{border-bottom-color:#ffffff1a}[data-theme=dark] .lcp-header h2{color:#fff}[data-theme=dark] .lcp-close-btn{color:#d1d5db}[data-theme=dark] .lcp-close-btn:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .lcp-search-bar{border-bottom-color:#ffffff1a}[data-theme=dark] .lcp-search-input{background:#ffffff0d;border-color:#ffffff1a;color:#fff}[data-theme=dark] .lcp-search-input:focus{background:#ffffff14;border-color:#3b82f6}[data-theme=dark] .lcp-selected-summary{background:#3b82f626;border-bottom-color:#3b82f64d;color:#60a5fa}[data-theme=dark] .lcp-unit{background:#ffffff05;border-color:#ffffff1a}[data-theme=dark] .lcp-unit-header{background:#ffffff08;border-bottom-color:#ffffff1a}[data-theme=dark] .lcp-unit-header:hover{background:#ffffff0d}[data-theme=dark] .lcp-unit-header.lcp-expanded{background:#3b82f61f;border-bottom-color:#3b82f64d}[data-theme=dark] .lcp-unit-title{color:#fff}[data-theme=dark] .lcp-chapter-id,[data-theme=dark] .lcp-chapter-path,[data-theme=dark] .lcp-chapter-stat,[data-theme=dark] .lcp-unit-id,[data-theme=dark] .lcp-unit-stat{color:#9aa4b2}[data-theme=dark] .lcp-unit-progress-inner{background:#1a1a1af2;color:#fff}[data-theme=dark] .lcp-chapter{background:#ffffff05;border-bottom-color:#ffffff0d}[data-theme=dark] .lcp-chapter:hover:not(.lcp-disabled){background:#ffffff0d}[data-theme=dark] .lcp-chapter.lcp-selected{background:#3b82f626;border-left-color:#3b82f6}[data-theme=dark] .lcp-chapter-title{color:#fff}[data-theme=dark] .lcp-checkbox{border-color:#fff3}[data-theme=dark] .lcp-footer{background:#ffffff05;border-top-color:#ffffff1a}[data-theme=dark] .lcp-cancel-btn{background:#ffffff0d;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .lcp-cancel-btn:hover{background:#ffffff14;color:#fff}.lcp-content::-webkit-scrollbar{width:8px}.lcp-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.lcp-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.lcp-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .lcp-content::-webkit-scrollbar-track{background:#ffffff0d}[data-theme=dark] .lcp-content::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .lcp-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.lcp-modal{margin:10px;max-height:95vh;max-width:100%}.lcp-chapter-meta,.lcp-unit-meta{align-items:flex-start;flex-direction:column;gap:6px}.lcp-chapter-right{align-items:flex-start}}.lcp-drag-handle{display:none}@media (max-width:768px){.lcp-overlay{align-items:flex-end!important;padding:0!important}.lcp-overlay.lcp-closing{animation:lcpOvOut .28s ease-in forwards}.lcp-modal{animation:lcpShUp .32s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0!important;max-height:92dvh;max-width:100%!important;transition:transform .2s ease;width:100%!important}.lcp-footer{border-radius:0;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.lcp-modal.lcp-closing{animation:lcpShDn .28s cubic-bezier(.32,.72,0,1) forwards}.lcp-drag-handle{background:#00000026;border-radius:999px;display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}[data-theme=dark] .lcp-drag-handle{background:#fff3}}@keyframes lcpOvOut{0%{opacity:1}to{opacity:0}}@keyframes lcpShUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes lcpShDn{0%{transform:translateY(0)}to{transform:translateY(100%)}}.ecpp-overlay{align-items:center;animation:ecpp-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes ecpp-fade-in{0%{opacity:0}to{opacity:1}}.ecpp-modal{animation:ecpp-slide-up .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}@keyframes ecpp-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ecpp-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.ecpp-header-actions,.ecpp-header-content{align-items:center;display:flex;gap:12px}.ecpp-header-icon{color:#3b82f6;font-size:28px}.ecpp-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.ecpp-unlink-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.ecpp-unlink-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.ecpp-unlink-btn .material-symbols-rounded{font-size:18px}.ecpp-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ecpp-close-btn:hover{background:#f1f5f9;color:#1e293b}.ecpp-content{display:flex;flex-direction:column;gap:20px;padding:24px}.ecpp-chapter-info{align-items:center;display:flex;gap:12px;justify-content:space-between}.ecpp-chapter-title{align-items:center;color:#1e293b;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px}.ecpp-chapter-title .material-symbols-rounded{color:#3b82f6;font-size:24px}.ecpp-chapter-id{background:#0000000d;border-radius:6px;color:#64748b;font-family:Courier New,monospace;font-size:11px;padding:4px 10px}.ecpp-parent-chapter{align-items:center;background:#3b82f614;border-left:3px solid #3b82f6;border-radius:8px;color:#475569;display:flex;font-size:13px;gap:6px;padding:8px 12px}.ecpp-parent-chapter .material-symbols-rounded{color:#3b82f6;font-size:18px}.ecpp-current-progress{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.ecpp-current-status{background:#f1f5f9;border-radius:10px;display:flex;gap:16px;margin-bottom:12px;padding:12px 16px}[data-theme=dark] .ecpp-current-status{background:#ffffff0d}.ecpp-status-item{display:flex;flex-direction:column;gap:4px}.ecpp-status-label{color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase}[data-theme=dark] .ecpp-status-label{color:#9ca3af}.ecpp-status-value{color:#3b82f6;font-size:18px;font-weight:700}.ecpp-progress-label{color:#64748b;font-size:12px;font-weight:600;margin-bottom:8px}[data-theme=dark] .ecpp-progress-label{color:#d1d5db}.ecpp-completed-message{align-items:flex-start;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #10b981;border-radius:12px;display:flex;gap:12px;padding:16px}[data-theme=dark] .ecpp-completed-message{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b981}.ecpp-completed-message .material-symbols-rounded{color:#10b981;flex-shrink:0;font-size:32px}.ecpp-completed-text{flex:1 1}.ecpp-completed-text strong{color:#065f46;display:block;font-size:16px;font-weight:700;margin-bottom:4px}[data-theme=dark] .ecpp-completed-text strong{color:#10b981}.ecpp-completed-text p{color:#047857;font-size:14px;margin:0}[data-theme=dark] .ecpp-completed-text p{color:#6ee7b7}.ecpp-progress-bar{background:#e2e8f0;border-radius:8px;height:32px;overflow:hidden;position:relative}.ecpp-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:8px;height:100%;transition:width .3s ease}.ecpp-progress-text{color:#1e293b;font-size:14px;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #fffc;top:50%;transform:translate(-50%,-50%)}.ecpp-form{gap:16px}.ecpp-form,.ecpp-form-group{display:flex;flex-direction:column}.ecpp-form-group{gap:8px}.ecpp-label{color:#1e293b;font-size:14px;font-weight:600}.ecpp-input-with-slider{display:flex;flex-direction:column;gap:12px}.ecpp-input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#1e293b;font-size:16px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.ecpp-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ecpp-slider{-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:4px;height:8px;outline:none;width:100%}.ecpp-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;box-shadow:0 2px 8px #3b82f666;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.ecpp-slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}.ecpp-slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 8px #3b82f666;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.ecpp-slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.1)}.ecpp-checkbox-label{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px;transition:all .2s ease}.ecpp-checkbox-label:hover{background:#f1f5f9;border-color:#cbd5e1}.ecpp-checkbox{cursor:pointer;height:20px;width:20px}.ecpp-mark-complete-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.ecpp-mark-complete-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.ecpp-mark-complete-btn .material-symbols-rounded{font-size:20px}.ecpp-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:16px}.ecpp-stat-item{align-items:center;color:#475569;display:flex;flex:1 1;font-size:13px;gap:6px}.ecpp-stat-item .material-symbols-rounded{color:#3b82f6;font-size:18px}.ecpp-footer{background:#f8fafc;border-top:1px solid #e2e8f0;gap:12px;justify-content:flex-end;padding:20px 24px}.ecpp-btn,.ecpp-footer{align-items:center;display:flex}.ecpp-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.ecpp-btn .material-symbols-rounded{font-size:20px}.ecpp-cancel-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.ecpp-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.ecpp-update-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.ecpp-update-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}[data-theme=dark] .ecpp-modal{background:#1a1a1afa;border:1px solid #ffffff1a}[data-theme=dark] .ecpp-header{border-bottom-color:#ffffff1a}[data-theme=dark] .ecpp-header h2{color:#fff}[data-theme=dark] .ecpp-close-btn{color:#d1d5db}[data-theme=dark] .ecpp-close-btn:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .ecpp-chapter-title{color:#fff}[data-theme=dark] .ecpp-chapter-id{background:#ffffff1a}[data-theme=dark] .ecpp-parent-chapter{background:#3b82f61f;color:#60a5fa}[data-theme=dark] .ecpp-current-progress,[data-theme=dark] .ecpp-stats{background:#ffffff08;border-color:#ffffff1a}[data-theme=dark] .ecpp-progress-bar{background:#ffffff1a}[data-theme=dark] .ecpp-label,[data-theme=dark] .ecpp-progress-text{color:#fff}[data-theme=dark] .ecpp-input{background:#ffffff0d;border-color:#ffffff1a;color:#fff}[data-theme=dark] .ecpp-slider{background:#ffffff1a}[data-theme=dark] .ecpp-checkbox-label{background:#ffffff08;border-color:#ffffff1a;color:#fff}[data-theme=dark] .ecpp-checkbox-label:hover{background:#ffffff0d}[data-theme=dark] .ecpp-stat-item{color:#d1d5db}[data-theme=dark] .ecpp-footer{background:#ffffff05;border-top-color:#ffffff1a}[data-theme=dark] .ecpp-cancel-btn{background:#ffffff0d;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .ecpp-cancel-btn:hover{background:#ffffff14;color:#fff}.ecpp-confirm-overlay{align-items:center;animation:ecpp-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.ecpp-confirm-dialog{animation:ecpp-slide-up .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:450px;width:90%}[data-theme=dark] .ecpp-confirm-dialog{background:#1a1a1afa;border:1px solid #ffffff1a}.ecpp-confirm-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:24px 24px 16px}[data-theme=dark] .ecpp-confirm-header{border-bottom-color:#ffffff1a}.ecpp-confirm-icon{color:#f59e0b;font-size:32px}.ecpp-confirm-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}[data-theme=dark] .ecpp-confirm-header h3{color:#fff}.ecpp-confirm-content{padding:20px 24px}.ecpp-confirm-content p{color:#475569;font-size:14px;line-height:1.6;margin:0 0 12px}[data-theme=dark] .ecpp-confirm-content p{color:#d1d5db}.ecpp-confirm-content p:last-child{margin-bottom:0}.ecpp-confirm-warning{background:#ef44441a;border-left:3px solid #dc2626;border-radius:8px;color:#dc2626;font-size:13px;padding:8px 12px}[data-theme=dark] .ecpp-confirm-warning{background:#ef444426;color:#fca5a5}.ecpp-confirm-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}[data-theme=dark] .ecpp-confirm-footer{background:#ffffff05;border-top-color:#ffffff1a}.ecpp-confirm-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.ecpp-confirm-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}[data-theme=dark] .ecpp-confirm-cancel-btn{background:#ffffff0d;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .ecpp-confirm-cancel-btn:hover{background:#ffffff14;color:#fff}.ecpp-confirm-unlink-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.ecpp-confirm-unlink-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.ecpp-confirm-unlink-btn .material-symbols-rounded{font-size:18px}.ecpp-drag-handle{display:none}@media (max-width:768px){.ecpp-overlay{align-items:flex-end!important;padding:0!important}.ecpp-overlay.ecpp-closing{animation:ecppOvOut .28s ease-in forwards}.ecpp-modal{animation:ecppShUp .32s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0!important;max-height:92dvh;max-width:100%!important;transition:transform .2s ease;width:100%!important}.ecpp-footer{border-radius:0;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.ecpp-modal.ecpp-closing{animation:ecppShDn .28s cubic-bezier(.32,.72,0,1) forwards}.ecpp-drag-handle{background:#00000026;border-radius:999px;display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}[data-theme=dark] .ecpp-drag-handle{background:#fff3}}@keyframes ecppOvOut{0%{opacity:1}to{opacity:0}}@keyframes ecppShUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ecppShDn{0%{transform:translateY(0)}to{transform:translateY(100%)}}.fdt-chat-layout{background:#ffffffb3;border-radius:16px;box-shadow:0 8px 32px #0000001f,0 0 0 1px #0000000d;height:calc(100vh - 240px);min-height:500px;overflow:hidden}.fdt-chat-layout,.fdt-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex}.fdt-sidebar{background:#fffffff2;border-right:1px solid #e5e7ebcc;flex-direction:column;flex-shrink:0;width:400px}.fdt-sidebar-header{align-items:center;background:#ffffff80;border-bottom:1px solid #e5e7ebcc;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.fdt-sidebar-header h3{color:#111827;font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0}.fdt-count{background:linear-gradient(135deg,#10b981,#059669);border-radius:999px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:12px;font-weight:700;padding:4px 10px}.fdt-sidebar-filters{background:#fff6;border-bottom:1px solid #e5e7ebcc;display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.fdt-search{align-items:center;display:flex;flex:1 1;position:relative}.fdt-search .material-symbols-rounded{color:#9ca3af;font-size:20px;left:12px;pointer-events:none;position:absolute}.fdt-search input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;border:1px solid #e5e7ebcc;border-radius:10px;font-size:14px;outline:none;padding:10px 12px 10px 40px;transition:all .2s;width:100%}.fdt-search input:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.fdt-filter{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;border:1px solid #e5e7ebcc;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:10px 14px;transition:all .2s}.fdt-filter:hover{background:#fffffff2;border-color:#3b82f6}.fdt-thread-list{flex:1 1;overflow-x:hidden;overflow-y:auto}.fdt-thread-list::-webkit-scrollbar{width:6px}.fdt-thread-list::-webkit-scrollbar-track{background:#0000}.fdt-thread-list::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.fdt-thread-list::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.fdt-unified-card{background:#fff;border-bottom:1px solid #0000000a;border-left:4px solid #0000;cursor:pointer;padding:16px 20px;position:relative;transition:all .2s ease}.fdt-unified-card:hover{background:#fafbfc}.fdt-unified-card.active{background:#eff6ff;border-left-color:#3b82f6!important}.fdt-unified-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.fdt-student-avatar.small{height:28px;width:28px}.fdt-student-avatar.small .material-symbols-rounded{font-size:16px}.fdt-unified-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.fdt-unified-name{color:#111827;font-size:13px;font-weight:600}.fdt-unified-time{color:#9ca3af;font-size:11px}.fdt-unified-question{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:8px;overflow:hidden}.fdt-unified-card.active .fdt-unified-question{color:#1e40af;font-weight:500}.fdt-unified-meta{gap:8px;justify-content:space-between}.fdt-unified-meta,.fdt-unified-meta-left{align-items:center;display:flex;flex-wrap:wrap}.fdt-unified-meta-left{flex:1 1;gap:6px;min-width:0}.fdt-text-truncate{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdt-unified-badges{flex-shrink:0;gap:8px}.fdt-icon-badge,.fdt-unified-badges{align-items:center;display:flex}.fdt-icon-badge .material-symbols-rounded{font-size:16px}.fdt-strip-high{border-left:4px solid #ef4444!important}.fdt-strip-medium{border-left:4px solid #f59e0b!important}.fdt-strip-low{border-left:4px solid #10b981!important}.fdt-student-group{border-bottom:1px solid #f3f4f6}.fdt-student-header{align-items:center;background:#fff;display:flex;gap:12px;min-height:64px;padding:12px 20px;transition:background .15s ease}.fdt-student-header.clickable{cursor:pointer}.fdt-student-header.clickable:hover{background:#fafbfc}.fdt-student-avatar{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.fdt-student-avatar .material-symbols-rounded{color:#3b82f6;font-size:18px}.fdt-student-avatar img{height:100%;object-fit:cover;width:100%}.fdt-student-info{flex:1 1;min-width:0}.fdt-student-name-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.fdt-student-name{color:#111827;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdt-student-time{color:#9ca3af;flex-shrink:0;font-size:11px}.fdt-student-meta{align-items:center;display:flex;gap:6px;margin-top:2px}.fdt-doubt-count{color:#6b7280;font-size:11px}.fdt-expand-icon{color:#9ca3af;flex-shrink:0;font-size:20px;transition:transform .2s}.fdt-expand-icon.expanded{transform:rotate(180deg)}.fdt-single-icon{color:#d1d5db;flex-shrink:0;font-size:16px}.fdt-doubts-list{background:#fafbfc;max-height:0;overflow:hidden;padding-left:30px;position:relative;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.fdt-doubts-list.expanded{max-height:1200px}.fdt-doubts-list.collapsed{max-height:0}.fdt-doubts-list:before{background:#e5e7eb;bottom:8px;content:"";left:15px;position:absolute;top:0;width:1.5px}.fdt-doubt-item{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:8px;margin:6px 12px 6px 6px;padding:12px 14px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1)}.fdt-doubt-item:before{background:#e5e7eb;content:"";height:1px;left:-21px;position:absolute;top:18px;width:14px}.fdt-doubt-item:after{background:#fff;border:1.5px solid #e5e7eb;border-radius:50%;content:"";height:5px;left:-7px;position:absolute;top:15px;width:5px}.fdt-doubt-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000f}.fdt-doubt-item:hover:before{background:#cbd5e1}.fdt-doubt-item:hover:after{background:#eff6ff;border-color:#cbd5e1}.fdt-doubt-item.active{background:#eff6ff;border-color:#3b82f6;border-left-color:#3b82f6!important;box-shadow:0 0 0 1px #3b82f6,0 2px 6px #3b82f626}.fdt-doubt-item.active:before{background:#3b82f6;height:1.5px}.fdt-doubt-item.active:after{background:#3b82f6;border-color:#3b82f6;border-width:2px}.fdt-doubt-question{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.fdt-doubt-item.active .fdt-doubt-question{color:#1e40af;font-weight:600}.fdt-doubt-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.fdt-doubt-chapter{align-items:center;background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-flex;font-size:10px;font-weight:500;gap:4px;padding:3px 8px}.fdt-doubt-chapter .material-symbols-rounded{color:#9ca3af;font-size:12px}.fdt-unread-count{animation:pulse 2s ease-in-out infinite;border-radius:999px;box-shadow:0 2px 6px #ef444466;font-size:11px;padding:3px 8px}.fdt-conversation{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f8fafc80}.fdt-conversation,.fdt-empty-state{display:flex;flex:1 1;flex-direction:column}.fdt-empty-state{align-items:center;color:#9ca3af;gap:16px;justify-content:center;padding:40px}.fdt-empty-state .material-symbols-rounded{color:#d1d5db;font-size:80px;opacity:.5}.fdt-empty-state h3{color:#6b7280;font-size:20px;font-weight:600;margin:0}.fdt-empty-state p{color:#9ca3af;font-size:14px;margin:0}.fdt-conversation-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #e5e7ebcc;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.fdt-back-button{display:none}.fdt-conversation-info{align-items:center;display:flex;gap:14px}.fdt-conversation-avatar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#6366f133,#4f46e526);border:1px solid #6366f14d;border-radius:12px;box-shadow:0 2px 8px #6366f133;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.fdt-conversation-avatar .material-symbols-rounded{color:#4f46e5;font-size:24px;font-variation-settings:"FILL" 0}.fdt-conversation-avatar img{height:100%;object-fit:cover;width:100%}.fdt-conversation-info h4{color:#111827;font-size:16px;font-weight:700;margin:0}.fdt-conversation-info p{color:#9ca3af;font-size:13px;font-weight:500;margin:0}.fdt-conversation-badges-wrapper{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.fdt-conversation-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.fdt-conversation-chapter-badge{align-items:center;background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px}.fdt-conversation-chapter-badge .material-symbols-rounded{color:#9ca3af;font-size:14px}.fdt-conversation-question{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf2414,#f59e0b0d);border-bottom:1px solid #fbbf2433;border-left:3px solid #f59e0b;color:#111827;flex-shrink:0;font-size:15px;font-weight:600;line-height:1.6;padding:16px 24px}.fdt-conversation-question strong{color:#92400e;margin-right:8px}.fdt-floating-date-pill{align-self:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fffc;border-radius:20px;box-shadow:0 4px 12px #00000014;color:#1f2937;font-size:12px;font-weight:600;margin-bottom:-34px;opacity:0;padding:6px 16px;pointer-events:none;position:-webkit-sticky;position:sticky;top:10px;transform:translateY(-10px);transition:opacity .2s ease-out,transform .2s ease-out;z-index:50}.fdt-floating-date-pill.fdt-pill-visible{opacity:1;transform:translateY(0)}.fdt-scroll-bottom-btn{align-items:center;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#3b82f640;border:1px solid #3b82f666;border-radius:50%;bottom:90px;box-shadow:0 4px 12px #3b82f633;color:#2563eb;cursor:pointer;display:flex;height:36px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:36px;z-index:100}.fdt-scroll-bottom-btn:hover{background:#3b82f666;box-shadow:0 6px 16px #3b82f64d;color:#1e40af;transform:translateX(-50%) scale(1.1)}.fdt-scroll-bottom-btn .material-symbols-rounded{font-size:24px}.fdt-messages{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;padding:24px;position:relative}.fdt-messages::-webkit-scrollbar{width:6px}.fdt-messages::-webkit-scrollbar-track{background:#0000}.fdt-messages::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.fdt-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.fdt-date-divider{align-items:center;display:flex;justify-content:center;margin:24px 0;position:relative;z-index:1}.fdt-date-divider:before{background:linear-gradient(90deg,#0000,#e5e7ebcc,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:-1}.fdt-date-divider-text{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 2px 6px #0000000a;color:#4b5563;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 16px}.fdt-message-wrapper{animation:slideIn .3s ease-out;display:flex;margin-bottom:16px;width:100%}.fdt-message-wrapper.left{justify-content:flex-start}.fdt-message-wrapper.right{justify-content:flex-end}.fdt-message{display:flex;gap:12px;max-width:75%}.fdt-message.right{flex-direction:row}.fdt-message.new .fdt-message-bubble{animation:glow 1.5s ease-in-out}.fdt-message-avatar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:24px;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.fdt-message.left .fdt-message-avatar{background:linear-gradient(135deg,#64748b26,#4755691a);border:1px solid #64748b4d}.fdt-message.left .fdt-message-avatar .material-symbols-rounded{color:#475569;font-size:22px;font-variation-settings:"FILL" 0}.fdt-message-avatar img{height:100%;object-fit:cover;width:100%}.fdt-message.ai .fdt-message-avatar{background:linear-gradient(135deg,#3b82f633,#2563eb26);border:1px solid #3b82f64d}.fdt-message.ai .fdt-message-avatar .material-symbols-rounded{color:#3b82f6}.fdt-message.right:not(.ai):not(.other-faculty) .fdt-message-avatar{background:linear-gradient(135deg,#10b98133,#05966926);border:1px solid #10b9814d}.fdt-message.right:not(.ai):not(.other-faculty) .fdt-message-avatar .material-symbols-rounded{color:#059669}.fdt-message.right.other-faculty .fdt-message-avatar{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border:1px solid #fbbf244d}.fdt-message.right.other-faculty .fdt-message-avatar .material-symbols-rounded{color:#d97706}.fdt-message-bubble{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 2px 12px #00000014;flex:1 1;padding:12px 16px;position:relative}.fdt-message.left .fdt-message-bubble{background:#fffffff2;border:1px solid #e5e7ebcc;border-bottom-left-radius:4px}.fdt-message.ai .fdt-message-bubble{background:linear-gradient(135deg,#3b82f61f,#2563eb14);border:1px solid #3b82f64d;border-bottom-right-radius:4px}.fdt-message.right:not(.ai):not(.other-faculty) .fdt-message-bubble{background:linear-gradient(135deg,#10b98126,#0596691f);border:1px solid #10b98159;border-bottom-right-radius:4px}.fdt-message.right.other-faculty .fdt-message-bubble{background:linear-gradient(135deg,#fbbf2426,#f59e0b1f);border:1px solid #fbbf2459;border-bottom-right-radius:4px}.fdt-message-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.fdt-message-sender{color:#374151;font-size:13px;font-weight:700}.fdt-message.ai .fdt-message-sender{color:#1e40af}.fdt-message.right:not(.ai):not(.other-faculty) .fdt-message-sender{color:#065f46}.fdt-message.right.other-faculty .fdt-message-sender{color:#92400e}.mavi-badge{align-items:center;background:#6366f126;border:1px solid #6366f133;border-radius:999px;color:#4f46e5;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.mavi-badge .material-symbols-rounded{font-size:13px}.fdt-new-badge{align-items:center;animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef44444d;border-radius:999px;box-shadow:0 2px 6px #ef444466;color:#fff;display:inline-flex;font-size:10px;font-weight:700;gap:3px;padding:3px 7px}.fdt-new-badge .material-symbols-rounded{font-size:11px;font-variation-settings:"FILL" 1}.fdt-edit-btn{align-items:center;background:#0000000d;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;transform:translateX(-5px);transition:all .2s}.fdt-message:hover .fdt-edit-btn{opacity:1;transform:translateX(0)}.fdt-edit-btn:hover{background:#00000026;transform:scale(1.1)}.fdt-edit-btn .material-symbols-rounded{color:#374151;font-size:16px}.fdt-message-text{word-wrap:break-word;font-size:14px;line-height:1.6;white-space:pre-wrap}.fdt-message.left .fdt-message-text{color:#111827}.fdt-message.ai .fdt-message-text{color:#1e40af;font-weight:500}.fdt-message.right:not(.ai):not(.other-faculty) .fdt-message-text{color:#065f46;font-weight:500}.fdt-message.right.other-faculty .fdt-message-text{color:#92400e;font-weight:500}.fdt-message-footer{align-items:center;display:flex;font-size:11px;font-weight:500;gap:8px;margin-top:8px}.fdt-message.left .fdt-message-footer{color:#9ca3af}.fdt-message.ai .fdt-message-footer,.fdt-message.right:not(.ai) .fdt-message-footer{color:#0006}.fdt-message-time{opacity:.8}.fdt-edited{font-size:.7rem;font-style:italic;opacity:.6}.fdt-ai-confidence{background:#3b82f626;border:1px solid #3b82f633;border-radius:999px;color:#1e40af;font-weight:700;padding:2px 7px}.fdt-no-more-messages{margin:12px 0;padding:20px;text-align:center}.fdt-no-more-messages span{background:#00000005;border-radius:16px;color:#9ca3af;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 16px}.fdt-message-edit-container{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.fdt-message-edit-container textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:10px;font-family:inherit;font-size:14px;min-height:80px;outline:none;padding:10px 12px;resize:vertical;transition:all .2s;width:100%}.fdt-message-edit-container textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.fdt-edit-actions{display:flex;gap:10px;margin-top:10px}.fdt-edit-actions button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.fdt-edit-actions button:first-child{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.fdt-edit-actions button:first-child:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.fdt-edit-actions button:last-child{background:#f3f4f6cc;color:#6b7280}.fdt-edit-actions button:last-child:hover{background:#e5e7ebcc}.fdt-compose{align-items:flex-end;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-top:1px solid #e5e7ebcc;display:flex;flex-shrink:0;gap:14px;padding:20px 24px}.fdt-compose textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:120px;outline:none;padding:12px 16px;resize:none;transition:all .2s}.fdt-compose textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.fdt-compose button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.fdt-compose button:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.fdt-compose button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.fdt-compose button .material-symbols-rounded{font-size:22px}.fdt-resolved-notice{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#10b98114,#0596690d);border-top:1px solid #10b98133;color:#065f46;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:10px;justify-content:center;padding:16px 24px}.fdt-resolved-notice .material-symbols-rounded{color:#10b981;font-size:20px}.fdt-badge{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid;border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.fdt-status-open{background:#3b82f61a;border-color:#3b82f633;color:#1e40af}.fdt-status-assigned{background:#fbbf241a;border-color:#fbbf2433;color:#92400e}.fdt-status-helped{display:none}.fdt-status-resolved{background:#10b9811a;border-color:#10b98133;color:#065f46}.fdt-priority-low{background:#9ca3af1a;border-color:#9ca3af33;color:#4b5563}.fdt-priority-medium{background:#fbbf241a;border-color:#fbbf2433;color:#92400e}.fdt-priority-high{background:#ef44441a;border-color:#ef444433;color:#991b1b}.fdt-conversation-badges .fdt-status-helped{display:inline-flex}.fdt-unread-count{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 1px 3px #ef444466;color:#fff;display:inline-flex;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px}.fdt-loading,.fdt-unread-count{align-items:center;justify-content:center}.fdt-loading{display:flex;flex-direction:column;gap:16px;padding:60px}.fdt-loading-spinner{animation:spin .8s linear infinite;border:4px solid #3b82f61a;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.fdt-loading p{color:#9ca3af;font-size:14px;font-weight:500}.fdt-loading-older{align-items:center;background:#3b82f60d;border-radius:12px;display:flex;gap:12px;justify-content:center;margin:12px 16px;padding:16px}.fdt-loading-spinner-small{animation:spin .6s linear infinite;border:2px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}.fdt-loading-older span{color:#3b82f6;font-size:13px;font-weight:600}.fdt-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.fdt-empty .material-symbols-rounded{color:#d1d5db;font-size:64px;opacity:.5}.fdt-empty p{font-size:14px;font-weight:500;margin:0}.fdt-toast{align-items:center;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa!important;border-radius:12px;box-shadow:0 8px 32px #00000026,0 0 0 1px #0000000d;display:flex;gap:12px;max-width:500px;min-width:320px;padding:16px 20px;pointer-events:auto!important;position:fixed!important;right:20px!important;top:80px!important;z-index:999999!important}.fdt-toast-success{border-left:4px solid #10b981}.fdt-toast-error{border-left:4px solid #ef4444}.fdt-toast-warning{border-left:4px solid #f59e0b}.fdt-toast-info{border-left:4px solid #3b82f6}.fdt-toast-icon{flex-shrink:0;font-size:24px}.fdt-toast-success .fdt-toast-icon{color:#10b981}.fdt-toast-error .fdt-toast-icon{color:#ef4444}.fdt-toast-warning .fdt-toast-icon{color:#f59e0b}.fdt-toast-info .fdt-toast-icon{color:#3b82f6}.fdt-toast-message{color:#111827;flex:1 1;font-size:14px;font-weight:600;line-height:1.5}.fdt-toast-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.fdt-toast-close:hover{background:#00000026;transform:rotate(90deg)}.fdt-toast-close .material-symbols-rounded{color:#6b7280;font-size:18px}.fdt-edit-popup-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.fdt-edit-popup{animation:slideUp .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.fdt-edit-popup-header{align-items:center;border-bottom:1px solid #e5e7ebcc;display:flex;justify-content:space-between;padding:20px 24px}.fdt-edit-popup-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.fdt-popup-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.fdt-popup-close:hover{background:#00000026;transform:rotate(90deg)}.fdt-popup-close .material-symbols-rounded{color:#6b7280;font-size:20px}.fdt-edit-popup-content{flex:1 1;overflow-y:auto;padding:24px}.fdt-edit-popup-content textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:12px;font-family:inherit;font-size:14px;line-height:1.6;min-height:200px;outline:none;padding:14px 16px;resize:vertical;transition:all .2s;width:100%}.fdt-edit-popup-content textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.fdt-edit-popup-actions{border-top:1px solid #e5e7ebcc;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.fdt-popup-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.fdt-popup-btn.cancel{background:#f3f4f6cc;color:#6b7280}.fdt-popup-btn.cancel:hover{background:#e5e7ebcc}.fdt-popup-btn.save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.fdt-popup-btn.save:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.fdt-popup-btn.save:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.fdt-popup-btn .material-symbols-rounded{font-size:18px}@media (max-width:1024px){.fdt-sidebar{width:340px}.fdt-message{max-width:80%}}@media (max-width:768px){.fdt-chat-layout{height:calc(100vh - 180px);min-height:600px}.fdt-sidebar{bottom:0;left:0;position:absolute;top:0;transition:transform .3s ease;width:100%;z-index:1}.fdt-sidebar.hidden{transform:translateX(-100%)}.fdt-conversation{bottom:0;left:0;position:absolute;top:0;transform:translateX(100%);transition:transform .3s ease;width:100%;z-index:2}.fdt-conversation.visible{transform:translateX(0)}.fdt-compose,.fdt-conversation-header,.fdt-conversation-question,.fdt-messages,.fdt-sidebar-filters,.fdt-sidebar-header,.fdt-student-header{padding:12px 16px}.fdt-back-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex!important;height:36px;justify-content:center;margin-right:8px;transition:background .15s ease;width:36px}.fdt-back-button:hover{background:#0000000d}.fdt-back-button .material-symbols-rounded{color:#374151;font-size:24px}.fdt-conversation-info{flex:1 1;min-width:0}.fdt-conversation-info h4{font-size:14px}.fdt-conversation-info p{font-size:12px}.fdt-conversation-badges-wrapper{display:none}.fdt-message{max-width:85%}.fdt-doubts-list{padding-left:24px}.fdt-doubt-item{margin:6px 12px 6px 4px}.fdt-edit-btn{opacity:1;transform:translateX(0)}}@media (max-width:480px){.fdt-chat-layout{border-radius:0;height:calc(100vh - 140px)}.fdt-message{max-width:90%}.fdt-message-avatar,.fdt-student-avatar{height:32px;width:32px}.fdt-student-avatar .material-symbols-rounded{font-size:16px}.fdt-conversation-avatar{height:36px;width:36px}}[data-theme=dark] .fdt-chat-layout{background:#1a1a1af2;border:1px solid #ffffff1a}[data-theme=dark] .fdt-sidebar{background:#1a1a1afa;border-right:1px solid #ffffff1a}[data-theme=dark] .fdt-sidebar-header{background:#1a1a1af2;border-bottom:1px solid #ffffff1a}[data-theme=dark] .fdt-sidebar-header h3{color:#fff}[data-theme=dark] .fdt-count{background:linear-gradient(135deg,#10b981,#059669)}[data-theme=dark] .fdt-filter,[data-theme=dark] .fdt-search input{background:#1a1a1acc;border-color:#ffffff1a;color:#fff}[data-theme=dark] .fdt-search input::placeholder{color:#9aa4b2}[data-theme=dark] .fdt-filter:hover,[data-theme=dark] .fdt-search input:focus{background:#1a1a1af2;border-color:#00ff884d}[data-theme=dark] .fdt-student-group{border-bottom:1px solid #ffffff0d}[data-theme=dark] .fdt-student-header{background:#1a1a1af2}[data-theme=dark] .fdt-student-header.clickable:hover{background:#282828f2}[data-theme=dark] .fdt-student-avatar{background:linear-gradient(135deg,#00f2fe33,#00c8d226);border:1px solid #0f83}[data-theme=dark] .fdt-student-avatar .material-symbols-rounded{color:#3efcd9}[data-theme=dark] .fdt-student-name{color:#fff}[data-theme=dark] .fdt-student-time{color:#9aa4b2}[data-theme=dark] .fdt-doubt-count{color:#d1d5db}[data-theme=dark] .fdt-expand-icon{color:#9aa4b2}[data-theme=dark] .fdt-doubts-list{background:#14141480}[data-theme=dark] .fdt-doubts-list:before{background:#ffffff26}[data-theme=dark] .fdt-doubt-item{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .fdt-doubt-item:before{background:#ffffff26}[data-theme=dark] .fdt-doubt-item:after{background:#1a1a1af2;border-color:#ffffff26}[data-theme=dark] .fdt-doubt-item:hover{background:#282828f2;border-color:#0f83}[data-theme=dark] .fdt-doubt-item:hover:before{background:#00ff884d}[data-theme=dark] .fdt-doubt-item:hover:after{background:#00f2fe26;border-color:#00ff884d}[data-theme=dark] .fdt-doubt-item.active{background:#00f2fe1a;border-color:#3efcd9;border-left-color:#3efcd9!important}[data-theme=dark] .fdt-doubt-item.active:before{background:#3efcd9}[data-theme=dark] .fdt-doubt-item.active:after{background:#3efcd9;border-color:#3efcd9}[data-theme=dark] .fdt-doubt-question{color:#d1d5db}[data-theme=dark] .fdt-doubt-item.active .fdt-doubt-question{color:#3efcd9}[data-theme=dark] .fdt-doubt-chapter{background:#ffffff0d;color:#9aa4b2}[data-theme=dark] .fdt-conversation{background:#1a1a1ae6}[data-theme=dark] .fdt-conversation-header{background:#1a1a1af2;border-bottom:1px solid #ffffff1a}[data-theme=dark] .fdt-conversation-info h4{color:#fff}[data-theme=dark] .fdt-conversation-info p{color:#9aa4b2}[data-theme=dark] .fdt-conversation-avatar{background:linear-gradient(135deg,#00f2fe33,#00c8d226);border:1px solid #0f83}[data-theme=dark] .fdt-conversation-avatar .material-symbols-rounded{color:#3efcd9}[data-theme=dark] .fdt-conversation-chapter-badge{background:#ffffff0d;color:#9aa4b2}[data-theme=dark] .fdt-conversation-question{background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border-left-color:#fbbf24;color:#d1d5db}[data-theme=dark] .fdt-conversation-question strong{color:#fbbf24}[data-theme=dark] .fdt-messages{background:#14141480}[data-theme=dark] .fdt-message.left .fdt-message-bubble{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .fdt-message.left .fdt-message-text{color:#d1d5db}[data-theme=dark] .fdt-message.ai .fdt-message-bubble{background:linear-gradient(135deg,#00f2fe26,#00c8d21a);border-color:#00ff8840}[data-theme=dark] .fdt-message.ai .fdt-message-text{color:#3efcd9}[data-theme=dark] .fdt-message.right:not(.ai):not(.other-faculty) .fdt-message-bubble{background:linear-gradient(135deg,#065f46,#047857);border-color:#00ff884d}[data-theme=dark] .fdt-message.right:not(.ai):not(.other-faculty) .fdt-message-text{color:#3efcd9}[data-theme=dark] .fdt-message.right.other-faculty .fdt-message-bubble{background:linear-gradient(135deg,#fbbf241a,#f59e0b14);border-color:#fbbf2440}[data-theme=dark] .fdt-message.right.other-faculty .fdt-message-text{color:#fbbf24}[data-theme=dark] .fdt-message-sender{color:#d1d5db}[data-theme=dark] .fdt-message.right.other-faculty .fdt-message-sender{color:#fbbf24}[data-theme=dark] .fdt-message-footer{color:#9aa4b2}[data-theme=dark] .fdt-compose{background:#1a1a1af2;border-top:1px solid #ffffff1a}[data-theme=dark] .fdt-compose textarea{background:#1a1a1ae6;border-color:#ffffff1a;color:#fff}[data-theme=dark] .fdt-compose textarea:focus{background:#1a1a1af2;border-color:#00ff884d}[data-theme=dark] .fdt-badge{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .fdt-status-open{background:#00f2fe26;border-color:#00f2fe4d;color:#00f2fe}[data-theme=dark] .fdt-status-assigned{background:#ffc10726;border-color:#ffc1074d;color:#ffd666}[data-theme=dark] .fdt-status-resolved{background:linear-gradient(135deg,#065f46,#047857);border-color:#00ff884d;color:#3efcd9}[data-theme=dark] .fdt-priority-high{background:#f4433633;border-color:#f443364d;color:#ff6659}[data-theme=dark] .fdt-edit-popup{background:#1a1a1afa;border:1px solid #ffffff1a}[data-theme=dark] .fdt-edit-popup-header{border-bottom:1px solid #ffffff1a}[data-theme=dark] .fdt-edit-popup-header h3{color:#fff}[data-theme=dark] .fdt-edit-popup-content textarea{background:#1a1a1ae6;border-color:#ffffff1a;color:#fff}[data-theme=dark] .fdt-edit-popup-content textarea:focus{border-color:#00ff884d}[data-theme=dark] .fdt-edit-popup-actions{border-top:1px solid #ffffff1a}[data-theme=dark] .fdt-popup-btn.cancel{background:#ffffff0d;color:#d1d5db}[data-theme=dark] .fdt-popup-btn.cancel:hover{background:#ffffff1a}[data-theme=dark] .fdt-empty,[data-theme=dark] .fdt-empty-state{color:#9aa4b2}[data-theme=dark] .fdt-empty-state h3{color:#d1d5db}[data-theme=dark] .fdt-loading p{color:#9aa4b2}[data-theme=dark] .fdt-loading-spinner{border-color:#3efcd9 #00ff881a #00ff881a}[data-theme=dark] .fdt-loading-older{background:#00ff880d}[data-theme=dark] .fdt-loading-spinner-small{border-color:#3efcd9 #0f83 #0f83}[data-theme=dark] .fdt-loading-older span{color:#3efcd9}[data-theme=dark] .fdt-toast{background:#1a1a1afa!important;border:1px solid #ffffff1a}[data-theme=dark] .fdt-toast-message{color:#fff}[data-theme=dark] .fdt-back-button:hover{background:#ffffff1a}[data-theme=dark] .fdt-back-button .material-symbols-rounded{color:#fff}[data-theme=dark] .fdt-resolved-notice{background:linear-gradient(135deg,#10b98126,#0596691a);border-top-color:#10b9814d;color:#3efcd9}[data-theme=dark] .fdt-resolved-notice .material-symbols-rounded{color:#10b981}[data-theme=dark] .fdt-unified-card{background:#1a1a1af2;border-bottom:1px solid #ffffff0d}[data-theme=dark] .fdt-unified-card:hover{background:#282828f2}[data-theme=dark] .fdt-unified-card.active{background:#00f2fe1a;border-left-color:#3efcd9!important}[data-theme=dark] .fdt-unified-name{color:#fff}[data-theme=dark] .fdt-unified-time{color:#9aa4b2}[data-theme=dark] .fdt-unified-question{color:#d1d5db}[data-theme=dark] .fdt-unified-card.active .fdt-unified-question{color:#3efcd9}:root{--asd-page-bg:#fff;--asd-container-bg:#fff;--asd-container-border:#e2e8f0;--asd-text-primary:#1e293b;--asd-text-secondary:#475569;--asd-text-muted:#64748b;--asd-header-bg:linear-gradient(135deg,#dbeafe,#f8fafc);--asd-card-bg:#fff;--asd-card-border:#e2e8f0;--asd-card-shadow:0 2px 8px #0000000f;--asd-tab-bg:#ffffffe6;--asd-tab-text:#475569;--asd-tab-hover-bg:#1e40af0d;--asd-tab-hover-text:#1e40af;--asd-tab-active-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--asd-tab-active-text:#1e40af;--asd-icon-color:#3b82f6;--asd-banner-success-bg:#d1fae5;--asd-banner-success-text:#065f46;--asd-banner-error-bg:#fee2e2;--asd-banner-error-text:#b91c1c}[data-theme=dark]{--asd-page-bg:#1a1a1af2;--asd-container-bg:#1a1a1af2;--asd-container-border:#0f83;--asd-card-shadow:0 6px 20px #0009;--asd-text-primary:#fff;--asd-text-secondary:#ff9f0a;--asd-text-muted:#d1d5db;--asd-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--asd-card-bg:#1a1a1af2;--asd-card-border:#ffffff1a;--asd-tab-bg:#1a1a1ae6;--asd-tab-text:#d1d5db;--asd-tab-hover-bg:#00ff880f;--asd-tab-hover-text:#3efcd9;--asd-tab-active-bg:linear-gradient(135deg,#065f46,#047857);--asd-tab-active-text:#3efcd9;--asd-icon-color:#3efcd9;--asd-banner-success-bg:#00ff8826;--asd-banner-success-text:#3efcd9;--asd-banner-error-bg:#f4433633;--asd-banner-error-text:#ff6659}.asd-container{background:#fff;background:var(--asd-page-bg);color:#1e293b;color:var(--asd-text-primary);display:flex;flex-direction:column;font-family:Google Sans,Poppins,sans-serif;min-height:100vh}.asd-error-container,.asd-loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.asd-spinner{animation:asd-spin 1s linear infinite;color:#3b82f6;color:var(--asd-icon-color);font-size:48px}@keyframes asd-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.asd-message-banner{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:12px;margin:1rem 2rem;padding:16px 24px}.asd-message-banner.success{background:#d1fae5;background:var(--asd-banner-success-bg);color:#065f46;color:var(--asd-banner-success-text)}.asd-message-banner.error{background:#fee2e2;background:var(--asd-banner-error-bg);color:#b91c1c;color:var(--asd-banner-error-text)}.asd-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#dbeafe,#f8fafc);background:var(--asd-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--asd-card-border);border-radius:8px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--asd-card-shadow);margin-left:.5rem;position:-webkit-sticky;position:sticky;top:0;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:100}.asd-header.compact{background:#fffffffa;box-shadow:0 4px 20px #00000026}.asd-header-main{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.asd-header.compact .asd-header-main{padding:.75rem 1.25rem}.asd-header-left{display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-width:0}.asd-header-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.asd-header h1{color:#1e293b;color:var(--asd-text-primary);font-size:1.5rem;font-weight:700;margin:0;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.asd-header.compact h1{font-size:1.125rem}.asd-header-badges{align-items:center;display:flex;gap:.5rem}.asd-status-badge{font-weight:600}.asd-status-badge,.asd-type-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;gap:.4rem;letter-spacing:.5px;padding:.4rem .875rem;text-transform:uppercase}.asd-header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.asd-meta-item{align-items:center;color:#475569;color:var(--asd-text-secondary);display:flex;font-size:.9rem;gap:.5rem}.asd-meta-item .material-symbols-rounded{color:#3b82f6;color:var(--asd-icon-color);font-size:18px}.asd-display-id{color:#3b82f6;font-family:Courier New,monospace;font-weight:600}.asd-header-actions{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.asd-header.compact .asd-header-actions{gap:.4rem}.asd-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.asd-header.compact .asd-btn{border-radius:8px;font-size:.8125rem;padding:.4rem .75rem}.asd-btn.save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.asd-btn.save:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.asd-btn.publish{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.asd-btn.publish:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.asd-btn.complete{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.asd-btn.complete:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.asd-btn .material-symbols-rounded{font-size:20px}.asd-header.compact .asd-btn .material-symbols-rounded{font-size:18px}.asd-tabs{background:#0000;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--asd-card-border);flex-shrink:0;overflow-x:auto;padding:.5rem}.asd-tab,.asd-tabs{display:flex;gap:.5rem}.asd-tab{align-items:center;background:#ffffffe6;background:var(--asd-tab-bg);border:1px solid #e2e8f0;border:1px solid var(--asd-card-border);border-radius:8px;color:#475569;color:var(--asd-tab-text);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.25rem;position:relative;transition:all .3s ease;white-space:nowrap}.asd-tab.attempt-tab{padding-right:2.5rem}.asd-tab-close{align-items:center;border-radius:4px;display:flex;font-size:18px;justify-content:center;opacity:.6;padding:2px;position:absolute;right:.5rem;transition:all .2s}.asd-tab-close:hover{background:#0000001a;opacity:1}[data-theme=dark] .asd-tab-close:hover{background:#ffffff1a}.asd-tab:hover:not(.active){background:#1e40af0d;background:var(--asd-tab-hover-bg);color:#1e40af;color:var(--asd-tab-hover-text)}.asd-tab.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--asd-tab-active-bg);border-color:#1e40af;border-color:var(--asd-tab-active-text);color:#1e40af;color:var(--asd-tab-active-text)}.asd-tab .material-symbols-rounded{font-size:1.25rem}.asd-content{background:#fff;background:var(--asd-page-bg);flex:1 1;overflow-y:auto;padding:1rem}.asd-overview-tab{display:flex;flex-direction:column;gap:1rem}.asd-section{background:#fff;background:var(--asd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--asd-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--asd-card-shadow);padding:1.5rem}.asd-section.asd-assignment-info-section{background:linear-gradient(135deg,#22c55e14,#86efac0d);border:1px solid #22c55e33;box-shadow:0 4px 20px #22c55e1a,inset 0 1px 0 #ffffff1a}.asd-section h3{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--asd-card-border);color:#1e293b;color:var(--asd-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.5rem}.asd-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.asd-info-item{display:flex;flex-direction:column;gap:.5rem}.asd-info-item.full-width{grid-column:1/-1}.asd-info-item label{color:#64748b;color:var(--asd-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px}.asd-value,.asd-value-with-edit{color:#1e293b;color:var(--asd-text-primary);font-size:1rem;font-weight:500}.asd-value-with-edit{align-items:center;display:flex;gap:.5rem}.asd-edit-icon{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;color:var(--asd-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.asd-edit-icon:hover{background:#3b82f61a;color:#3b82f6;color:var(--asd-icon-color)}.asd-edit-icon .material-symbols-rounded{font-size:18px}.asd-inline-edit{display:flex;gap:.5rem}.asd-inline-edit input,.asd-inline-edit textarea{background:#fff;background:var(--asd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--asd-card-border);border-radius:8px;color:#1e293b;color:var(--asd-text-primary);flex:1 1;font-family:inherit;font-size:1rem;padding:.5rem .75rem;transition:all .2s}.asd-inline-edit input:focus,.asd-inline-edit textarea:focus{border-color:#3b82f6;border-color:var(--asd-icon-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.asd-inline-actions{display:flex;gap:.25rem}.asd-inline-actions button{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--asd-card-border);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.asd-inline-actions button:first-child{border-color:#10b981;color:#10b981}.asd-inline-actions button:first-child:hover{background:linear-gradient(135deg,#10b9811a,#0596691a)}.asd-inline-actions button:last-child{border-color:#ef4444;color:#ef4444}.asd-inline-actions button:last-child:hover{background:linear-gradient(135deg,#ef44441a,#dc26261a)}.asd-inline-actions .material-symbols-rounded{font-size:18px}.asd-type-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .75rem}.asd-links{display:flex;flex-wrap:wrap;gap:1rem}.asd-link{align-items:center;background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);border:1px solid #3b82f633;border-radius:8px;color:#1e40af;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s}.asd-link:hover{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);transform:translateY(-2px)}.asd-link .material-symbols-rounded{font-size:18px}.asd-empty-state,.asd-questions-tab{display:flex;flex-direction:column;gap:1rem}.asd-empty-state{align-items:center;color:#64748b;color:var(--asd-text-muted);justify-content:center;padding:4rem 2rem}.asd-empty-state .material-symbols-rounded{font-size:64px}.asd-questions-list{display:flex;flex-direction:column;gap:1.5rem}.asd-question-card{background:#fff;background:var(--asd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--asd-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--asd-card-shadow);padding:1.5rem;transition:all .3s ease}.asd-question-card.minimized{padding:1rem 1.5rem}.asd-question-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--asd-card-border);display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem}.asd-question-card.minimized .asd-question-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.asd-question-toggle-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-width:32px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.asd-question-toggle-btn:before{background:linear-gradient(135deg,#3b82f633,#9333ea33);border-radius:50%;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.asd-question-toggle-btn:hover:before{opacity:1}.asd-question-toggle-btn:hover{background:#3b82f614;transform:scale(1.15)}.asd-question-toggle-btn:active{transform:scale(.95)}.asd-question-toggle-btn .material-symbols-rounded{color:#475569;color:var(--asd-text-secondary);font-size:22px;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.asd-question-card.minimized .asd-question-toggle-btn .material-symbols-rounded{color:#3b82f6}.asd-question-header-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.asd-question-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.asd-question-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.asd-question-type{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);color:#6b21a8;text-transform:capitalize}.asd-question-marks,.asd-question-type{border-radius:6px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.asd-question-marks{background:linear-gradient(135deg,#f59e0b1a,#d977061a);color:#78350f}.asd-mandatory-badge{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-radius:6px;color:#b91c1c;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.asd-question-text{color:#1e293b;color:var(--asd-text-primary);font-size:1rem;line-height:1.6;margin-bottom:1rem}.asd-question-options{display:flex;flex-direction:column;gap:.75rem}.asd-option{align-items:center;background:#f8fafccc;border:1px solid #e2e8f0;border:1px solid var(--asd-card-border);border-radius:8px;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s}.asd-option.correct{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b9814d}.asd-option-label{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--asd-card-border);border-radius:50%;color:#475569;color:var(--asd-text-secondary);display:flex;font-size:.875rem;font-weight:600;height:28px;justify-content:center;width:28px}.asd-option.correct .asd-option-label{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.asd-option-text{color:#1e293b;color:var(--asd-text-primary);flex:1 1;font-size:.95rem}.asd-correct-icon{color:#10b981;font-size:20px}.asd-answer-key{background:linear-gradient(135deg,#10b9810d,#0596690d);border-left:3px solid #10b981;border-radius:8px;margin-top:1rem;padding:1rem}.asd-answer-key label{color:#059669;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.asd-answer-key p{color:#1e293b;color:var(--asd-text-primary);font-size:.95rem;margin:0}.asd-partial-credit{align-items:center;background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);border-radius:8px;color:#1e40af;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.asd-partial-credit .material-symbols-rounded{font-size:18px}.asd-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.asd-refresh-btn{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:none;border-radius:12px;box-shadow:0 2px 8px #3b82f633;color:#1e40af;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.asd-refresh-btn:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.asd-refresh-btn .material-symbols-rounded{font-size:20px}.asd-manage-questions-btn{align-items:center;background:linear-gradient(135deg,#ddd6fe,#c7d2fe);border:none;border-radius:12px;box-shadow:0 2px 8px #6366f133;color:#4338ca;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.asd-manage-questions-btn:hover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.asd-manage-questions-btn .material-symbols-rounded{font-size:20px}.asd-grading-settings-btn{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:none;border-radius:12px;box-shadow:0 2px 8px #f59e0b33;color:#92400e;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.asd-grading-settings-btn:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.asd-grading-settings-btn .material-symbols-rounded{font-size:20px}.asd-publish-btn{align-items:center;background:linear-gradient(135deg,#bbf7d0,#4ade80);border:none;border-radius:12px;box-shadow:0 2px 8px #22c55e33;color:#064e3b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.asd-publish-btn:hover{background:linear-gradient(135deg,#86efac,#22c55e);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.asd-publish-btn .material-symbols-rounded{font-size:20px}.asd-complete-btn{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:none;border-radius:12px;box-shadow:0 2px 8px #10b98133;color:#065f46;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.asd-complete-btn:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.asd-complete-btn .material-symbols-rounded{font-size:20px}.asd-complete-btn:disabled,.asd-grading-settings-btn:disabled,.asd-manage-questions-btn:disabled,.asd-publish-btn:disabled,.asd-refresh-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.asd-header-actions{justify-content:flex-start;width:100%}.asd-complete-btn,.asd-grading-settings-btn,.asd-manage-questions-btn,.asd-publish-btn,.asd-refresh-btn{flex:1 1;min-width:150px}}:root{--aat-container-bg:#fffffff2;--aat-container-border:#e2e8f0cc;--aat-container-shadow:0 4px 12px #0000000d,inset 0 1px 0 #fffc;--aat-text-primary:#1e293b;--aat-text-secondary:#374151;--aat-text-muted:#6b7280;--aat-card-bg:#fff;--aat-card-border:#e2e8f0cc;--aat-card-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;--aat-card-hover-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;--aat-input-bg:#fffc;--aat-input-border:#e2e8f0cc;--aat-input-shadow:inset 0 2px 4px #0000000a;--aat-input-focus-border:#3b82f6;--aat-input-focus-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626}[data-theme=dark]{--aat-container-bg:#1a1a1af2;--aat-container-border:#ffffff1a;--aat-container-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff0d;--aat-text-primary:#fff;--aat-text-secondary:#e5e7eb;--aat-text-muted:#9ca3af;--aat-card-bg:#1f2937cc;--aat-card-border:#4b55634d;--aat-card-shadow:0 2px 8px #0003,0 1px 4px #0000001a;--aat-card-hover-shadow:0 8px 25px #0000004d,0 4px 12px #3b82f61a;--aat-input-bg:#1f2937cc;--aat-input-border:#4b55634d;--aat-input-shadow:inset 0 2px 4px #0000001a;--aat-input-focus-border:#60a5fa;--aat-input-focus-shadow:0 0 0 3px #60a5fa33,0 4px 12px #60a5fa33}.aat-container{gap:1.5rem;padding:0}.aat-container,.aat-loading{display:flex;flex-direction:column}.aat-loading{align-items:center;color:#374151;color:var(--aat-text-secondary);gap:1rem;justify-content:center;min-height:400px}.aat-spinner{animation:aat-spin 1s linear infinite;color:#3b82f6;font-size:48px}@keyframes aat-spin{to{transform:rotate(1turn)}}.aat-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.aat-stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--aat-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--aat-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--aat-card-shadow);display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.aat-stat-card:hover{box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--aat-card-hover-shadow);transform:translateY(-2px)}.aat-stat-card>.material-symbols-rounded{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.aat-stat-card:first-child{background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);border-color:#3b82f633}.aat-stat-card:first-child>.material-symbols-rounded{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.aat-stat-card:nth-child(2){background:linear-gradient(135deg,#10b9810d,#0596690d);border-color:#10b98133}.aat-stat-card:nth-child(2)>.material-symbols-rounded{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.aat-stat-card:nth-child(3){background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border-color:#8b5cf633}.aat-stat-card:nth-child(3)>.material-symbols-rounded{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.aat-stat-card:nth-child(4){background:linear-gradient(135deg,#f59e0b0d,#d977060d);border-color:#f59e0b33}.aat-stat-card:nth-child(4)>.material-symbols-rounded{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.aat-stat-content{flex:1 1}.aat-stat-value{color:#1e293b;color:var(--aat-text-primary);font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.25rem}.aat-stat-label{color:#6b7280;color:var(--aat-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.aat-controls{flex-wrap:wrap;gap:1rem}.aat-controls,.aat-search-bar{align-items:center;display:flex}.aat-search-bar{flex:1 1;min-width:250px;position:relative}.aat-search-bar .material-symbols-rounded{color:#6b7280;color:var(--aat-text-muted);font-size:20px;left:1rem;position:absolute}.aat-search-bar input{background:#fffc;background:var(--aat-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--aat-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--aat-input-shadow);color:#1e293b;color:var(--aat-text-primary);flex:1 1;font-size:.95rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s ease}.aat-search-bar input:focus{border-color:#3b82f6;border-color:var(--aat-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--aat-input-focus-shadow);outline:none}.aat-search-bar input::placeholder{color:#6b7280;color:var(--aat-text-muted)}.aat-filters{align-items:center;display:flex;gap:.75rem}.aat-filter-select{background:#fffc;background:var(--aat-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--aat-input-border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--aat-input-shadow);color:#1e293b;color:var(--aat-text-primary);cursor:pointer;font-size:.95rem;padding:.875rem 1rem;transition:all .3s ease}.aat-filter-select:focus{border-color:#3b82f6;border-color:var(--aat-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--aat-input-focus-shadow);outline:none}.aat-view-toggle{background:#fff;background:var(--aat-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--aat-card-border);border-radius:8px;display:flex;overflow:hidden}.aat-view-toggle button{align-items:center;background:#0000;border:none;color:#6b7280;color:var(--aat-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.625rem .875rem;transition:all .2s}.aat-view-toggle button:not(:last-child){border-right:1px solid #e2e8f0cc;border-right:1px solid var(--aat-card-border)}.aat-view-toggle button:hover{background:#3b82f60d}.aat-view-toggle button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.aat-view-toggle .material-symbols-rounded{font-size:20px}.aat-empty-state{align-items:center;background:#fff;background:var(--aat-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--aat-card-border);border-radius:16px;color:#6b7280;color:var(--aat-text-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.aat-empty-state .material-symbols-rounded{font-size:64px}.aat-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.aat-card{background:#fff;background:var(--aat-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--aat-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--aat-card-shadow);cursor:pointer;padding:1.25rem;position:relative;transition:all .3s ease}.aat-card:hover{box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000f;box-shadow:var(--aat-card-hover-shadow);transform:translateY(-4px)}.aat-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.aat-student-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:.95rem;font-weight:600;height:48px;justify-content:center;width:48px}.aat-student-info{flex:1 1;min-width:0}.aat-student-name{color:#1e293b;color:var(--aat-text-primary);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aat-student-id{color:#6b7280;color:var(--aat-text-muted);font-family:Courier New,monospace;font-size:.8rem}.aat-card-status{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.aat-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;letter-spacing:.5px;padding:.4rem .75rem;text-transform:uppercase}.aat-status-badge.submitted{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);border:1px solid #3b82f64d;color:#1e40af}.aat-status-badge.graded{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid #10b9814d;color:#065f46}.aat-status-badge.in-progress{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b4d;color:#78350f}.aat-status-badge.not-started{background:linear-gradient(135deg,#94a3b81a,#64748b1a);border:1px solid #94a3b84d;color:#475569}[data-theme=dark] .aat-status-badge.submitted{background:#00f2fe26;border-color:#00f2fe4d;color:#00f2fe}[data-theme=dark] .aat-status-badge.graded{background:linear-gradient(135deg,#065f46,#047857);border-color:#047857;color:#3efcd9}[data-theme=dark] .aat-status-badge.in-progress{background:linear-gradient(135deg,#ffc1072e,#1a1a1af2);border-color:#ffc10766;color:#ffd666}[data-theme=dark] .aat-status-badge.not-started{background:#94a3b826;border-color:#94a3b84d;color:#cbd5e1}.aat-status-badge.small{font-size:.75rem;padding:.25rem .625rem}.aat-pass-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase}.aat-pass-badge .material-symbols-rounded{font-size:16px}.aat-pass-badge.pass{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #34d399;color:#065f46}.aat-pass-badge.fail{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.aat-pass-badge.small{font-size:.7rem;padding:.25rem .625rem}.aat-pass-badge.small .material-symbols-rounded{font-size:14px}[data-theme=dark] .aat-pass-badge.pass{background:linear-gradient(135deg,#dcfce726,#bbf7d01a);border-color:#34d39966;color:#86efac}[data-theme=dark] .aat-pass-badge.fail{background:linear-gradient(135deg,#fee2e226,#fca5a51a);border-color:#f8717166;color:#fca5a5}.aat-card-score{margin-bottom:1rem}.aat-score-main{align-items:baseline;display:flex;gap:.75rem;margin-bottom:.5rem}.aat-score-value{color:#1e293b;color:var(--aat-text-primary);font-size:1.25rem;font-weight:700}.aat-percentage{color:#7c3aed;font-size:.875rem;font-weight:600;margin-top:.25rem;text-align:center}.aat-score-percentage{font-size:1rem;font-weight:600}.aat-grade-badge{align-items:center;background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);border:1px solid #3b82f64d;border-radius:6px;color:#1e40af;display:inline-flex;font-size:.875rem;font-weight:700;gap:.4rem;padding:.4rem .75rem}.aat-grade-badge.small{font-size:.75rem;padding:.25rem .625rem}.aat-card-meta{align-items:center;color:#6b7280;color:var(--aat-text-muted);display:flex;font-size:.8rem;gap:.5rem}.aat-card-meta .material-symbols-rounded{font-size:16px}.aat-retry-badge{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border-radius:6px;color:#78350f;font-size:.7rem;font-weight:600;padding:.25rem .625rem;position:absolute;right:1rem;top:1rem}.aat-table-container{background:#fff;background:var(--aat-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--aat-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--aat-card-shadow);overflow:hidden}.aat-table{border-collapse:collapse;width:100%}.aat-table thead{background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc)}.aat-table th{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--aat-card-border);color:#6b7280;color:var(--aat-text-muted);font-size:.875rem;font-weight:600;padding:1rem;text-align:left}.aat-table-row{cursor:pointer;transition:background .2s}.aat-table-row:hover{background:#3b82f608}.aat-table td{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--aat-card-border);color:#1e293b;color:var(--aat-text-primary);font-size:.95rem;padding:1rem}.aat-table-student{align-items:center;display:flex;gap:.75rem}.aat-table-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:36px;justify-content:center;width:36px}.aat-details-container{background:#fff;background:var(--aat-card-bg);border:1px solid #e2e8f0cc;border:1px solid var(--aat-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;box-shadow:var(--aat-card-shadow);padding:1.5rem}.aat-details-header{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--aat-card-border);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.aat-back-btn{align-items:center;background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);border:1px solid #3b82f633;border-radius:8px;color:#1e40af;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.aat-back-btn:hover{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a)}.aat-details-header h3{color:#1e293b;color:var(--aat-text-primary);font-size:1.25rem;font-weight:600;margin:0}.aat-details-content{display:flex;flex-direction:column;gap:1.5rem}.aat-details-section{background:linear-gradient(135deg,#f8fafc80,#f1f5f980);border-radius:12px;padding:1.5rem}.aat-details-section h4{color:#1e293b;color:var(--aat-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.aat-details-section h4,.aat-section-header{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--aat-card-border);padding-bottom:.75rem}.aat-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.aat-section-header h4{border:none;margin:0;padding:0}.aat-auto-grade-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.aat-auto-grade-btn:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.aat-details-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.aat-detail-item{display:flex;flex-direction:column;gap:.5rem}.aat-detail-item label{color:#6b7280;color:var(--aat-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px}.aat-detail-value{color:#1e293b;color:var(--aat-text-primary);font-size:.95rem}.aat-value-with-edit{align-items:center;display:flex;gap:.5rem}.aat-edit-icon{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border:1px solid var(--aat-card-border);border-radius:4px;color:#6b7280;color:var(--aat-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.aat-edit-icon:hover{background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.aat-edit-icon .material-symbols-rounded{font-size:18px}.aat-inline-edit{display:flex;gap:.5rem}.aat-inline-edit input{background:#fffc;background:var(--aat-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--aat-input-border);border-radius:8px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--aat-input-shadow);color:#1e293b;color:var(--aat-text-primary);flex:1 1;font-size:.95rem;padding:.5rem .75rem;transition:all .3s ease}.aat-inline-edit input:focus{border-color:#3b82f6;border-color:var(--aat-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--aat-input-focus-shadow);outline:none}.aat-inline-actions{display:flex;gap:.25rem}.aat-inline-actions button{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border:1px solid var(--aat-card-border);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.aat-inline-actions button:first-child{border-color:#10b981;color:#10b981}.aat-inline-actions button:first-child:hover{background:linear-gradient(135deg,#10b9811a,#0596691a)}.aat-inline-actions button:last-child{border-color:#ef4444;color:#ef4444}.aat-inline-actions button:last-child:hover{background:linear-gradient(135deg,#ef44441a,#dc26261a)}.aat-inline-actions .material-symbols-rounded{font-size:18px}.aat-feedback-edit{display:flex;flex-direction:column;gap:.75rem}.aat-feedback-edit textarea{background:#fffc;background:var(--aat-input-bg);border:1px solid #e2e8f0cc;border:1px solid var(--aat-input-border);border-radius:8px;box-shadow:inset 0 2px 4px #0000000a;box-shadow:var(--aat-input-shadow);color:#1e293b;color:var(--aat-text-primary);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;resize:vertical;transition:all .3s ease;width:100%}.aat-feedback-edit textarea:focus{border-color:#3b82f6;border-color:var(--aat-input-focus-border);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;box-shadow:var(--aat-input-focus-shadow);outline:none}.aat-feedback-edit .aat-inline-actions{align-self:flex-start}.aat-feedback-display{display:flex;flex-direction:column;gap:1rem}.aat-feedback-display p{background:#fff;border:1px solid #e2e8f0cc;border:1px solid var(--aat-card-border);border-radius:8px;color:#6b7280;color:var(--aat-text-muted);font-size:.95rem;font-style:italic;margin:0;padding:.75rem 1rem}.aat-edit-feedback-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);border:1px solid #3b82f633;border-radius:8px;color:#1e40af;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.aat-edit-feedback-btn:hover{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a)}.aat-edit-feedback-btn .material-symbols-rounded{font-size:18px}.aat-quick-grade-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.aat-quick-grade-btn-small{display:inline-flex;font-size:.75rem}.aat-quick-grade-btn-small:hover{transform:scale(1.05)}.aat-quick-grade-btn-small:disabled{cursor:not-allowed;opacity:.5;transform:none}.aat-card-actions{border-top:1px solid #e2e8f066;display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.aat-quick-grade-btn{align-items:center;background:linear-gradient(135deg,#bbf7d0,#4ade80);border:none;border-radius:10px;color:#064e3b;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.aat-quick-grade-btn:hover{background:linear-gradient(135deg,#86efac,#22c55e);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.aat-quick-grade-btn .material-symbols-rounded{font-size:18px}.aat-quick-grade-btn-small{align-items:center;background:linear-gradient(135deg,#bbf7d0,#4ade80);border:none;border-radius:8px;color:#064e3b;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;justify-content:center;padding:.5rem .75rem;transition:all .2s ease}.aat-quick-grade-btn-small:hover{background:linear-gradient(135deg,#86efac,#22c55e);box-shadow:0 2px 8px #22c55e4d;transform:translateY(-1px)}.aat-quick-grade-btn-small .material-symbols-rounded{font-size:16px}.atd-error,.atd-loading{align-items:center;color:#4a5568;color:var(--text-secondary);display:flex;font-size:1.125rem;justify-content:center;min-height:400px}.atd-message{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1000}.atd-message.success{background:#d1fae5;background:var(--success-bg);border:1px solid #a7f3d0;border:1px solid var(--success-border);color:#065f46;color:var(--success-text)}.atd-message.error{background:#fee2e2;background:var(--error-bg);border:1px solid #fecaca;border:1px solid var(--error-border);color:#991b1b;color:var(--error-text)}.atd-message .material-symbols-rounded{font-size:20px}.atd-container{background:#0000;display:flex;gap:24px;min-height:100vh}.atd-sidebar{background:var(--asd-card-bg);border:1px solid var(--asd-card-border);border-radius:16px;box-shadow:var(--asd-card-shadow);display:flex;flex-direction:column;flex-shrink:0;gap:20px;padding:1.5rem;width:480px}.atd-sidebar.full-width{margin:0 auto;width:100%}.atd-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.atd-cards-grid{grid-template-columns:1fr}}.atd-sidebar-section{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);margin-bottom:.5rem;padding:20px}.atd-sidebar-section.accent-teal{background:linear-gradient(135deg,#22c55e26,#16a34a14);border:1px solid #22c55e4d}.atd-sidebar-section.accent-blue{background:linear-gradient(135deg,#3b82f626,#2563eb14);border:1px solid #3b82f64d;border-left:4px solid #3b82f6}.atd-sidebar-section.accent-purple{background:linear-gradient(135deg,#a855f726,#9333ea14);border:1px solid #a855f74d;border-left:4px solid #a855f7}.atd-sidebar-section h4{align-items:center;color:#1a202c;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px}.atd-sidebar-section h4 .material-symbols-rounded{color:#16a34a;font-size:20px}.atd-info-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:10px 0}.atd-info-row:last-child{border-bottom:none}.atd-info-label{color:#4a5568;color:var(--text-secondary);font-size:.875rem;font-weight:500}.atd-info-value{color:#1a202c;color:var(--text-primary);font-size:.9375rem;font-weight:600}.atd-status-badge{border-radius:6px;font-size:.8125rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.atd-status-badge.submitted{background:#dbeafe;background:var(--blue-bg);color:#1e40af;color:var(--blue-text)}.atd-status-badge.graded{background:#d1fae5;background:var(--green-bg);color:#065f46;color:var(--green-text)}.atd-status-badge.in_progress{background:#fef3c7;background:var(--yellow-bg);color:#92400e;color:var(--yellow-text)}.atd-pass-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.8125rem;font-weight:700;gap:4px;padding:4px 12px}.atd-pass-badge.pass{background:#d1fae5;background:var(--green-bg);color:#065f46;color:var(--green-text)}.atd-pass-badge.fail{background:#fee2e2;background:var(--red-bg);color:#991b1b;color:var(--red-text)}.atd-pass-badge .material-symbols-rounded{font-size:16px}.atd-score-display{background:linear-gradient(135deg,#a855f726,#9333ea14);border-radius:10px;margin-bottom:16px;padding:20px;text-align:center}.atd-score-main{color:#9333ea;font-size:2.5rem;font-weight:700;margin-bottom:8px}.atd-score-percentage{color:#4a5568;color:var(--text-secondary);font-size:1.25rem;font-weight:600}.atd-action-buttons{display:flex;flex-direction:column;gap:12px}.atd-auto-correct-all-btn,.atd-grade-attempt-btn{border:none;border-radius:8px;display:flex;gap:8px;padding:12px 20px}.atd-auto-correct-all-btn,.atd-grade-attempt-btn{align-items:center;cursor:pointer;font-weight:600;justify-content:center;transition:all .2s ease}.atd-grade-attempt-btn{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:none;border-radius:12px;box-shadow:0 2px 4px #0596691a;color:#065f46;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.25rem}.atd-grade-attempt-btn:hover:not(:disabled){background:linear-gradient(135deg,#a7f3d0,#6ee7b7);box-shadow:0 4px 8px #05966933;transform:translateY(-1px)}.atd-auto-correct-all-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.atd-auto-correct-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.atd-auto-correct-all-btn:disabled,.atd-grade-attempt-btn:disabled{cursor:not-allowed;opacity:.5}.atd-auto-correct-all-btn .material-symbols-rounded,.atd-grade-attempt-btn .material-symbols-rounded{font-size:20px}.atd-direct-grading{background:#16a34a14;border-color:#22c55e4d}.atd-direct-grading-form{display:flex;flex-direction:column;gap:16px}.atd-form-group{display:flex;flex-direction:column;gap:8px}.atd-form-label{color:#1a202c;color:var(--text-primary);font-size:.875rem;font-weight:600}.atd-marks-input-row{align-items:center;display:flex;gap:8px}.atd-form-input{background:#fff;background:var(--input-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#1a202c;color:var(--text-primary);flex:1 1;font-size:.9375rem;padding:10px 12px}.atd-form-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #22c55e33;outline:none}.atd-total-marks{color:#4a5568;color:var(--text-secondary);font-size:.9375rem;font-weight:600}.atd-form-textarea{background:#fff;background:var(--input-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#1a202c;color:var(--text-primary);font-family:inherit;font-size:.9375rem;padding:10px 12px;resize:vertical}.atd-form-textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #22c55e33;outline:none}.atd-save-direct-btn{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:none;border-radius:12px;box-shadow:0 2px 4px #2563eb1a;color:#1e40af;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.atd-save-direct-btn:hover:not(:disabled){background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 4px 8px #2563eb33;transform:translateY(-1px)}.atd-save-direct-btn:disabled{cursor:not-allowed;opacity:.5}.atd-save-direct-btn .material-symbols-rounded{font-size:18px}.atd-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.atd-summary-item{background:#f8fafc;background:var(--summary-bg);border-radius:8px;padding:12px;text-align:center}.atd-summary-value{color:#16a34a;font-size:1.75rem;font-weight:700;margin-bottom:4px}.atd-summary-label{color:#4a5568;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.atd-questions-panel{display:flex;flex:1 1;flex-direction:column;gap:20px}.atd-question-card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:24px}.atd-question-card.correct{background:#ecfdf5;background:var(--green-light-bg);border-color:#a7f3d0;border-color:var(--green-border)}.atd-question-card.incorrect{background:#fef2f2;background:var(--red-light-bg);border-color:#fecaca;border-color:var(--red-border)}.atd-question-card.partial{background:#fefce8;background:var(--yellow-light-bg);border-color:#fde68a;border-color:var(--yellow-border)}.atd-question-card.graded{border-color:#bfdbfe;border-color:var(--blue-border)}.atd-question-card.ungraded{border-color:#fdba74;border-color:var(--orange-border)}.atd-question-card.unanswered{background:#f9fafb;background:var(--gray-light-bg);border-color:#d1d5db;border-color:var(--gray-border)}.atd-question-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.atd-question-number{align-items:center;color:#1a202c;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:8px}.atd-question-number .material-symbols-rounded{color:#16a34a;font-size:20px}.atd-question-meta{align-items:center;display:flex;gap:12px}.atd-question-marks,.atd-question-type{border-radius:6px;font-size:.8125rem;font-weight:600;padding:4px 10px}.atd-question-type{background:#dbeafe;background:var(--blue-bg);color:#1e40af;color:var(--blue-text)}.atd-question-marks{background:#16a34a14;color:#16a34a}.atd-outcome-badge{border-radius:6px;font-size:.8125rem;font-weight:600;padding:4px 10px}.atd-outcome-badge.correct{background:#d1fae5;background:var(--green-bg);color:#065f46;color:var(--green-text)}.atd-outcome-badge.incorrect{background:#fee2e2;background:var(--red-bg);color:#991b1b;color:var(--red-text)}.atd-outcome-badge.partial{background:#fef3c7;background:var(--yellow-bg);color:#92400e;color:var(--yellow-text)}.atd-outcome-badge.graded{background:#dbeafe;background:var(--blue-bg);color:#1e40af;color:var(--blue-text)}.atd-outcome-badge.ungraded{background:#fed7aa;background:var(--orange-bg);color:#9a3412;color:var(--orange-text)}.atd-outcome-badge.unanswered{background:#e5e7eb;background:var(--gray-bg);color:#6b7280;color:var(--gray-text)}.atd-question-text{color:#1a202c;color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:20px}.atd-merged-options{margin-bottom:20px}.atd-options-label{color:#4a5568;color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:12px}.atd-options-list{display:flex;flex-direction:column;gap:10px}.atd-option-row{align-items:center;background:#fff;background:var(--option-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.atd-option-row.correct-student{background:#ecfdf5;background:var(--green-light-bg);border-color:#a7f3d0;border-color:var(--green-border)}.atd-option-row.correct-only{background:#eff6ff;background:var(--blue-light-bg);border-color:#bfdbfe;border-color:var(--blue-border)}.atd-option-row.wrong-student{background:#fef2f2;background:var(--red-light-bg);border-color:#fecaca;border-color:var(--red-border)}.atd-option-letter{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.atd-option-text{color:#1a202c;color:var(--text-primary);flex:1 1;font-size:.9375rem}.atd-option-indicator{border-radius:6px;flex-shrink:0;font-size:.75rem;font-weight:600;padding:4px 10px}.atd-option-indicator.correct{background:#d1fae5;background:var(--green-bg);color:#065f46;color:var(--green-text)}.atd-option-indicator.wrong{background:#fee2e2;background:var(--red-bg);color:#991b1b;color:var(--red-text)}.atd-marks-display{align-items:center;background:#16a34a14;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.atd-marks-label{color:#4a5568;color:var(--text-secondary);font-size:.875rem;font-weight:600}.atd-marks-value{color:#16a34a;font-size:1rem;font-weight:700}.atd-model-answer,.atd-student-answer{margin-bottom:16px}.atd-model-answer label,.atd-student-answer label{color:#4a5568;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.atd-answer-text{background:#f8fafc;background:var(--answer-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#1a202c;color:var(--text-primary);font-size:.9375rem;line-height:1.6;padding:12px 16px}.atd-no-answer{color:#a0aec0;color:var(--text-tertiary);font-style:italic}.atd-manual-grading{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);margin-top:20px;padding-top:20px}.atd-grading-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.atd-grading-row label{color:#1a202c;color:var(--text-primary);font-size:.875rem;font-weight:600;min-width:80px}.atd-marks-input{background:#fff;background:var(--input-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#1a202c;color:var(--text-primary);flex:0 0 100px;font-size:.9375rem;padding:8px 12px}.atd-marks-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #22c55e33;outline:none}.atd-feedback-row{margin-bottom:16px}.atd-feedback-row label{color:#1a202c;color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.atd-feedback-input{background:#fff;background:var(--input-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#1a202c;color:var(--text-primary);font-family:inherit;font-size:.9375rem;padding:10px 12px;resize:vertical;width:100%}.atd-feedback-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #22c55e33;outline:none}.atd-btn{border:none;border-radius:6px;gap:6px;padding:10px 16px}.atd-btn,.atd-save-marks-btn{align-items:center;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;transition:all .2s ease}.atd-save-marks-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:none;border-radius:12px;box-shadow:0 2px 4px #2563eb1a;color:#1e40af;font-size:.875rem;gap:.5rem;padding:.75rem 1.25rem}.atd-save-marks-btn:hover:not(:disabled){background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 4px 8px #2563eb33;transform:translateY(-1px)}.atd-save-marks-btn:disabled{cursor:not-allowed;opacity:.5}.atd-save-marks-btn .material-symbols-rounded{font-size:18px}.atd-edit-icon-btn{align-items:center;background:#0000;border:1px solid #3b82f64d;border-radius:6px;color:#2563eb;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.atd-edit-icon-btn:hover{background:#3b82f61a;border-color:#2563eb}.atd-edit-icon-btn .material-symbols-rounded{font-size:18px}.atd-cancel-edit-btn{align-items:center;background:#0000;border:1px solid #64748b4d;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.atd-cancel-edit-btn:hover{background:#64748b1a;border-color:#64748b}.atd-cancel-edit-btn .material-symbols-rounded{font-size:18px}.atd-feedback-input:read-only,.atd-form-input:read-only,.atd-form-textarea:read-only,.atd-marks-input:read-only{background:#64748b0d;cursor:not-allowed;opacity:.7}:root{--background:#f5f7fa;--card-bg:#fff;--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#a0aec0;--border:#e2e8f0;--border-light:#f1f5f9;--shadow:#00000014;--input-bg:#fff;--option-bg:#fff;--answer-bg:#f8fafc;--summary-bg:#f8fafc;--purple:#7c3aed;--purple-dark:#6d28d9;--purple-bg:#faf5ff;--purple-light-bg:#f5f3ff;--purple-border:#ddd6fe;--purple-shadow:#7c3aed33;--blue:#3b82f6;--blue-dark:#2563eb;--blue-bg:#dbeafe;--blue-light-bg:#eff6ff;--blue-border:#bfdbfe;--blue-text:#1e40af;--blue-shadow:#3b82f633;--green-bg:#d1fae5;--green-light-bg:#ecfdf5;--green-border:#a7f3d0;--green-text:#065f46;--red-bg:#fee2e2;--red-light-bg:#fef2f2;--red-border:#fecaca;--red-text:#991b1b;--yellow-bg:#fef3c7;--yellow-light-bg:#fefce8;--yellow-border:#fde68a;--yellow-text:#92400e;--orange-bg:#fed7aa;--orange-text:#9a3412;--orange-border:#fdba74;--gray-bg:#e5e7eb;--gray-light-bg:#f9fafb;--gray-border:#d1d5db;--gray-text:#6b7280;--success-bg:#d1fae5;--success-text:#065f46;--success-border:#a7f3d0;--error-bg:#fee2e2;--error-text:#991b1b;--error-border:#fecaca}[data-theme=dark]{--background:#0f1419;--card-bg:#1a1f2e;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#ef4444;--border:#2d3748;--border-light:#1e293b;--shadow:#0000004d;--input-bg:#1e293b;--option-bg:#1e293b;--answer-bg:#1e293b;--summary-bg:#1e293b;--purple:#a78bfa;--purple-dark:#8b5cf6;--purple-bg:#7c3aed26;--purple-light-bg:#7c3aed1a;--purple-border:#7c3aed4d;--purple-shadow:#a78bfa4d;--blue:#60a5fa;--blue-dark:#3b82f6;--blue-bg:#3b82f633;--blue-light-bg:#3b82f61a;--blue-border:#3b82f64d;--blue-text:#93c5fd;--blue-shadow:#60a5fa4d;--green-bg:#22c55e33;--green-light-bg:#22c55e1a;--green-border:#22c55e4d;--green-text:#86efac;--red-bg:#ef444433;--red-light-bg:#ef44441a;--red-border:#ef44444d;--red-text:#fca5a5;--yellow-bg:#eab30833;--yellow-light-bg:#eab3081a;--yellow-border:#eab3084d;--yellow-text:#fde047;--orange-bg:#f9731633;--orange-text:#fdba74;--orange-border:#f973164d;--gray-bg:#6b728033;--gray-light-bg:#6b72801a;--gray-border:#6b72804d;--gray-text:#9ca3af;--success-bg:#22c55e33;--success-text:#86efac;--success-border:#22c55e4d;--error-bg:#ef444433;--error-text:#fca5a5;--error-border:#ef44444d}@media (max-width:1024px){.atd-container{flex-direction:column}.atd-sidebar{width:100%}}@media (max-width:768px){.atd-container{gap:16px;padding:16px}.atd-question-card,.atd-sidebar-section{padding:16px}.atd-summary-grid{grid-template-columns:1fr}.atd-score-main{font-size:2rem}}.clsd-loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.clsd-spinner{animation:spin .8s linear infinite;border:4px solid #007aff1a;border-radius:50%;border-top-color:#007aff;height:48px;width:48px}.clsd-create-action-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none;border-radius:12px;box-shadow:0 4px 12px #10b98140,inset 0 1px 0 #fff3;color:#fff!important;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.clsd-create-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 16px #10b98159,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.clsd-create-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.clsd-popup-message-banner{align-items:center;animation:slideDown .3s ease;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;margin:1rem 2rem 0;padding:1rem 1.25rem}.clsd-popup-message-banner.success{background:linear-gradient(135deg,#d1fae5,#f0fdf4);border:1px solid #34d399;color:#065f46}.clsd-popup-message-banner.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#b91c1c}.clsd-popup-message-banner .material-symbols-rounded{font-size:20px}.clsd-current-value{color:#059669;font-size:.8125rem;font-weight:500;margin-left:.5rem}.lc-messages-area{background:#fff;contain:layout style;gap:12px;overflow-x:hidden;overflow-y:scroll;padding:20px}.lc-msg-wrapper{gap:12px;margin-bottom:4px;max-width:85%}.lc-msg{border-radius:18px;box-shadow:0 1px 2px #0000001a;font-size:14px;line-height:1.4;padding:12px 16px;position:relative}.lc-msg-student{background:#10b981;color:#fff}.lc-msg-faculty{background:#f3f4f6;border-bottom-left-radius:4px;color:#1f2937}.lc-sidebar{contain:strict;overflow-y:auto;width:350px}.learning-circles-container{background:linear-gradient(135deg,#f0fdf4,#dcfce7);display:flex;flex-direction:column;font-family:Google Sans,Inter,system-ui,sans-serif;height:100%;width:100%}.lc-layout,.lc-layout-3col{display:flex;gap:0;height:100%;overflow:hidden}.lc-chat-area{height:100%;min-width:0}.lc-chat-area,.lc-empty-state-center{display:flex;flex:1 1;flex-direction:column}.lc-empty-state-center{align-items:center;gap:16px;justify-content:center;padding:48px;text-align:center}.lc-empty-state-center .material-symbols-rounded{color:#d1fae5;font-size:4rem}.lc-empty-state-center h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.lc-empty-state-center p{color:#6b7280;font-size:1rem;margin:0}.lc-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e5e7ebcc;border-radius:16px 0 0 16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease;width:400px}.lc-sidebar-header{align-items:center;background:#ffffff80;border-bottom:1px solid #e5e7ebcc;display:flex;justify-content:space-between;padding:1.5rem}.lc-sidebar-header h2{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.lc-header-actions{align-items:center}.lc-create-btn,.lc-create-button{align-items:center;background:linear-gradient(135deg,#3b82f626,#2563eb1f);border:1px solid #3b82f659;border-radius:10px;color:#1e40af;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.lc-create-btn:hover,.lc-create-button:hover{background:linear-gradient(135deg,#3b82f640,#2563eb33);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.lc-create-btn .material-symbols-rounded,.lc-create-button svg{height:16px;width:16px}.lc-create-text{display:inline}.lc-create-icon-mobile{display:none}.lc-filter-bar{background:#fff9;border-bottom:1px solid #e5e7ebcc;display:flex;flex-direction:column;gap:12px;padding:12px 16px}.lc-filter-tabs{background:#f3f4f6cc;border-radius:10px;display:flex;gap:4px;padding:4px}.lc-filter-tab{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s ease}.lc-filter-tab:hover{background:#ffffff80;color:#111827}.lc-filter-tab.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#3b82f6}.lc-search-icon{color:#9ca3af;font-size:18px;left:10px;pointer-events:none;position:absolute}.lc-search-box input{border:1px solid #d1d5dbcc;border-radius:8px;font-size:13px;padding:8px 36px;transition:all .2s ease}.lc-clear-search{height:24px;right:8px;width:24px}.lc-clear-search .material-symbols-rounded{font-size:16px}.lc-purpose-filter{background:#ffffffe6;border:1px solid #d1d5dbcc;border-radius:8px;color:#111827;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s;width:100%}.lc-purpose-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.lc-sidebar-list{flex:1 1;overflow-y:auto;padding:1rem}.lc-sidebar-list::-webkit-scrollbar{width:6px}.lc-sidebar-list::-webkit-scrollbar-track{background:#0000}.lc-sidebar-list::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.lc-sidebar-list::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.lc-circle-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #e5e7eb80;border-radius:12px;cursor:pointer;margin-bottom:10px;padding:12px;position:relative;transition:all .2s ease}.lc-circle-card:hover{background:#fffffff2;box-shadow:0 8px 16px #0000001a;transform:translateX(4px)}.lc-circle-card.active{background:linear-gradient(135deg,#3b82f61f,#2563eb1a);border-color:#3b82f666;box-shadow:0 4px 12px #3b82f626}.lc-circle-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.lc-circle-badges{align-items:center;display:flex;gap:6px}.lc-purpose-badge{align-items:center;border:1px solid;border-radius:8px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;justify-content:center;padding:4px 8px}.lc-badge-icon{font-size:14px!important}.lc-ai-badge{align-items:center;background:linear-gradient(135deg,#8b5cf626,#7c3aed1f);border:1px solid #8b5cf64d;border-radius:6px;color:#7c3aed;display:inline-flex;height:24px;justify-content:center;width:24px}.lc-ai-badge .material-symbols-rounded{font-size:14px}.lc-circle-time{color:#9ca3af;font-size:11px;font-weight:500}.lc-circle-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:14px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.lc-last-message-preview{align-items:flex-start;background:#f3f4f680;border-radius:8px;display:flex;gap:8px;margin-bottom:8px;padding:6px}.lc-sender-avatar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 4px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:24px;justify-content:center;position:relative;text-shadow:0 1px 2px #0000004d;text-transform:uppercase;width:24px}.lc-sender-avatar:after{background:linear-gradient(135deg,#ffffff26,#0000);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.lc-last-message-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.lc-last-sender{color:#374151;font-size:11px;font-weight:600}.lc-last-text{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-circle-footer{align-items:center;display:flex;gap:12px}.lc-message-count,.lc-participant-count{align-items:center;color:#6b7280;display:inline-flex;font-size:11px;font-weight:500;gap:4px}.lc-message-count .material-symbols-rounded,.lc-participant-count .material-symbols-rounded{font-size:14px}.lc-unread-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 2px 8px #3b82f666;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:12px;top:12px}.lc-empty-state{padding:3rem 2rem}.lc-empty-icon{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:16px;width:80px}.lc-empty-state .material-symbols-rounded{color:#3b82f6;font-size:40px}.lc-empty-state small{font-size:12px}.lc-sidebar-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.lc-sidebar-loading p{color:#6b7280;font-size:14px;font-weight:500;margin-top:1rem}.lc-chat-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e5e7ebcc;border-left:none;border-radius:0 16px 16px 0;box-shadow:0 4px 20px #00000014;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.lc-chat-header{align-items:center;background:#ffffff80;border-bottom:1px solid #e5e7ebcc;display:flex;justify-content:space-between;padding:1.5rem}.lc-chat-header-left{align-items:center;display:flex;gap:16px}.lc-header-info h2{font-size:1.125rem;margin:0 0 4px}.lc-header-meta{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;gap:16px}.lc-btn-add-participants,.lc-btn-icon,.lc-details-btn{align-items:center;background:#ffffff80;border:1px solid #e5e7ebcc;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.lc-btn-add-participants{background:linear-gradient(135deg,#3b82f626,#2563eb1f);border-color:#3b82f659;color:#1e40af;font-size:.875rem;padding:0 12px;width:auto}.lc-btn-add-participants:hover,.lc-btn-icon:hover,.lc-details-btn:hover{background:#f3f4f6cc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;color:#3b82f6;transform:translateY(-2px)}.lc-btn-add-participants:hover{background:linear-gradient(135deg,#3b82f640,#2563eb33)}.lc-btn-add-participants .material-symbols-rounded,.lc-btn-icon .material-symbols-rounded,.lc-details-btn .material-symbols-rounded{font-size:20px}.lc-messages-area{flex:1 1;gap:16px;padding:1.5rem}.lc-messages-area::-webkit-scrollbar{width:8px}.lc-messages-area::-webkit-scrollbar-track{background:#f3f4f680}.lc-messages-area::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:4px}.lc-messages-area::-webkit-scrollbar-thumb:hover{background:#9ca3af99}.lc-load-more{align-self:center;background:#f3f4f6cc;border:1px dashed #e5e7ebcc;border-radius:10px;color:#6b7280;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.lc-load-more:hover:not(:disabled){background:#e5e7ebcc;border-color:#9ca3afcc}.lc-no-messages{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.lc-no-messages .material-symbols-rounded{color:#6b7280;font-size:4rem;margin-bottom:16px;opacity:.3}.lc-no-messages p{color:#374151;font-size:1rem;font-weight:600;margin:0 0 8px}.lc-no-messages small{color:#6b7280}.lc-msg-wrapper{align-items:flex-end;gap:10px}.lc-msg-wrapper-left{align-self:flex-start}.lc-msg-wrapper-right{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}.lc-msg-avatar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff4d;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;position:relative;text-shadow:0 1px 2px #0000004d;text-transform:uppercase;width:32px}.lc-msg-avatar:after{background:linear-gradient(135deg,#ffffff26,#0000);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.lc-msg-avatar span{position:relative;z-index:2}.lc-msg-avatar-ai{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf6cc,#7c3aedb3)!important;border:1px solid #8b5cf680;box-shadow:0 4px 12px #8b5cf666,inset 0 1px 0 #ffffff4d}.lc-msg{border-radius:12px;box-shadow:0 2px 8px #00000014;max-width:95%;padding:10px 14px}.lc-msg-student{background:linear-gradient(135deg,#10b9812e,#05966926);border:1px solid #10b98159;border-bottom-right-radius:4px}.lc-msg-ai,.lc-msg-faculty{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-bottom-left-radius:4px}.lc-msg-ai{background:linear-gradient(135deg,#8b5cf61f,#7c3aed1a);border-color:#8b5cf640}.lc-msg-sender{color:#6b7280;font-size:11px;font-weight:600;margin-bottom:4px}.lc-msg-ai .lc-msg-sender{color:#7c3aed}.lc-msg-text{color:#111827;font-size:14px;line-height:1.5;overflow-wrap:break-word}.lc-msg-footer{display:flex;justify-content:flex-end;margin-top:6px}.lc-msg-time{color:#9ca3af;font-size:10px;font-weight:500}.lc-input-container{background:#ffffff80;border-top:1px solid #e5e7ebcc;padding:1rem 1.5rem}.lc-input-form{align-items:flex-end;display:flex;gap:8px}.lc-input{background:#fff;border:1px solid #d1d5dbcc;border-radius:10px;flex:1 1;font-family:inherit;font-size:14px;max-height:120px;padding:10px 14px;resize:none;transition:all .2s}.lc-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.lc-ask-mavi-btn{background:linear-gradient(135deg,#8b5cf626,#7c3aed1f);border:1px solid #8b5cf64d;color:#7c3aed;display:inline-flex;font-size:.875rem;padding:10px 16px;transition:all .2s ease}.lc-ask-mavi-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf640,#7c3aed33);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.lc-send-btn{align-items:center;background:linear-gradient(135deg,#3b82f62e,#2563eb26);border:1px solid #3b82f659;border-radius:10px;color:#1e40af;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s ease;width:42px}.lc-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f640,#2563eb33);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.lc-send-btn:disabled{cursor:not-allowed;opacity:.4}.lc-send-btn .material-symbols-rounded{font-size:22px}.lc-participants-sidebar{box-shadow:-4px 0 16px #0000000d;transition:all .2s ease}.lc-participants-header{min-height:80px;padding:20px 16px}.lc-participants-title{align-items:center;gap:12px}.lc-participants-title h3{font-size:1.125rem;margin:0}.lc-participants-count{font-weight:400}.lc-participants-header-actions{gap:8px}.lc-add-participants-btn{align-items:center;background:linear-gradient(135deg,#3b82f626,#2563eb1f);border:1px solid #3b82f659;border-radius:8px;color:#1e40af;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.lc-add-participants-btn:hover{background:linear-gradient(135deg,#3b82f640,#2563eb33);box-shadow:0 2px 8px #3b82f633}.lc-collapse-btn{align-items:center;background:#ffffff80;border:1px solid #e5e7ebcc;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.lc-collapse-btn:hover{background:#f3f4f6cc;border-color:#3b82f6}.lc-collapsed-info{display:flex}.lc-collapsed-count{font-size:.875rem;font-weight:600}.lc-group-label{font-weight:600}.lc-participant-item{border-radius:8px;gap:12px;margin-bottom:4px;padding:12px}.lc-participant-item:hover{background:#e5e7eb80}.lc-avatar-circle{border:1px solid #ffffff4d;box-shadow:0 2px 8px #00000026;font-size:14px;height:40px;text-shadow:0 1px 2px #0000004d;width:40px}.lc-avatar-circle:after{z-index:1}.lc-avatar-circle span{position:relative;z-index:2}.lc-avatar-circle.online{box-shadow:0 0 0 2px #fff,0 0 0 4px #10b981,0 2px 8px #00000026}.lc-online-indicator{bottom:2px;height:12px;right:2px;width:12px}.lc-you-badge{font-size:.625rem}.lc-participant-meta{margin-top:4px}.lc-role-pill{border:1px solid;border-radius:10px;font-size:.7rem;font-weight:600}.lc-role-pill.lc-role-creator{border-color:#fbbf244d}.lc-role-pill.lc-role-moderator{border-color:#3b82f64d}.lc-role-pill.lc-role-member{background:linear-gradient(135deg,#10b98126,#0596691f);border-color:#10b9814d;color:#065f46}.lc-modal-overlay{bottom:0;left:0;right:0;top:0}.lc-modal-header{padding:20px 24px}.lc-modal-header h2{font-size:1.25rem}.lc-modal-close{background:#0000;padding:8px;transition:all .2s ease}.lc-modal-close:hover{background:#0000000d;color:#111827}.lc-modal-content{padding:24px}.lc-modal-footer{padding:16px 24px}.lc-modal-form{gap:20px}.lc-form-group,.lc-modal-form{display:flex;flex-direction:column}.lc-form-group{gap:8px}.lc-form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:8px}.lc-form-group input,.lc-form-group select,.lc-form-group textarea{background:#ffffffe6;border:1px solid #e2e8f0cc;border-radius:8px;color:#111827;font-family:inherit;font-size:.9375rem;padding:10px 14px;transition:all .2s ease}.lc-form-group input:focus,.lc-form-group select:focus,.lc-form-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.lc-field-hint{color:#6b7280;display:block;font-size:.75rem;margin-top:4px}.lc-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.lc-checkbox-group{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:10px;padding:16px}.lc-checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.lc-checkbox-label input[type=checkbox]{display:none}.lc-checkbox-custom{background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:4px;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.lc-checkbox-label input[type=checkbox]:checked+.lc-checkbox-custom{background:#7c3aed;border-color:#7c3aed}.lc-checkbox-label input[type=checkbox]:checked+.lc-checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.lc-btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f62e,#2563eb26);border:1px solid #3b82f659;border-radius:8px;color:#1e40af;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.lc-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d}.lc-btn-primary:disabled{cursor:not-allowed;opacity:.5}.lc-btn-secondary{background:#ffffffe6;border:1px solid #e2e8f0cc;border-radius:8px;color:#374151;cursor:pointer;font-size:.9375rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.lc-btn-secondary:hover{background:#fff;border-color:#9ca3afcc}.lc-btn-danger{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.lc-btn-danger:hover{background:#ef444433}.lc-details-tabs{background:#ffffff80;border-bottom:1px solid #e5e7ebcc;display:flex}.lc-tab{color:#374151;font-size:.875rem;padding:14px 20px;transition:all .2s ease}.lc-tab:hover{background:#fffc}.lc-tab.active{background:#3b82f60d;border-bottom-color:#3b82f6}.lc-details-content,.lc-participants-content,.lc-settings-content{display:flex;flex-direction:column;gap:20px}.lc-detail-group{gap:8px}.lc-detail-group label{font-size:.75rem;font-weight:600}.lc-detail-value{background:#f3f4f680}.lc-detail-row{grid-template-columns:1fr 1fr}.lc-toggle-switch{background:#e2e8f0cc;border-radius:14px;height:28px;transition:all .2s ease;width:48px}.lc-toggle-switch.active{background:linear-gradient(135deg,#3b82f64d,#2563eb33)}.lc-toggle-slider{left:2px;top:2px;transition:all .2s ease}.lc-toggle-switch.active .lc-toggle-slider{left:32px}.lc-setting-item{align-items:center;background:#ffffff80;border:1px solid #e2e8f0cc;border-radius:10px;display:flex;justify-content:space-between;padding:16px}.lc-setting-title{font-size:.9375rem;font-weight:600;margin-bottom:4px}.lc-setting-description{font-size:.8125rem}@media (max-width:1024px){.lc-sidebar{width:350px}}@media (max-width:768px){.lc-sidebar{border-radius:0;bottom:0;left:0;position:fixed;top:0;width:100%;z-index:100}.lc-sidebar.hidden{transform:translateX(-100%)}.lc-chat-wrapper{border:none;border-radius:0}.lc-sidebar-header{padding:1rem}.lc-sidebar-header h2{font-size:1.125rem}.lc-create-button{min-width:36px;padding:8px}.lc-create-text{display:none}.lc-create-icon-mobile{display:block}.lc-filter-bar{padding:10px 12px}.lc-filter-tab{font-size:12px;padding:5px 8px}.lc-search-box input{font-size:12px;padding:6px 32px}.lc-purpose-filter{font-size:12px;padding:6px 10px}.lc-circle-card{padding:10px}.lc-circle-title{font-size:13px}.lc-sender-avatar{font-size:9px;height:20px;width:20px}.lc-chat-header{padding:1rem}.lc-header-info h2{font-size:.9375rem}.lc-btn-add-participants span:not(.material-symbols-rounded){display:none}.lc-btn-add-participants{padding:0;width:36px}.lc-messages-area{padding:1rem}.lc-msg{font-size:13px;max-width:85%}.lc-msg-avatar{font-size:11px;height:28px;width:28px}.lc-input-container{padding:.75rem 1rem}.lc-input{font-size:13px;width:100%}.lc-ask-mavi-btn{font-size:.8125rem;padding:8px 12px}.lc-send-btn{height:38px;width:38px}.lc-participants-sidebar{bottom:0;position:fixed;right:0;top:0;z-index:101}.lc-participants-sidebar.collapsed{transform:translateX(100%)}.lc-modal{max-width:95%}.lc-form-row{grid-template-columns:1fr}}@media (max-width:480px){.lc-sidebar-list{padding:.75rem}.lc-filter-tab{font-size:11px;padding:4px 6px}.lc-circle-card{margin-bottom:8px;padding:8px}.lc-messages-area{gap:12px;padding:.75rem}.lc-msg{max-width:90%;padding:8px 12px}}.lc-participant-menu-btn{background:none;border-radius:4px;color:#6b7280;padding:4px;transition:all .2s ease}.lc-participant-menu-btn:hover{background:#6b72801a}.lc-participant-menu{border:1px solid #e2e8f0cc;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:180px;padding:8px}.lc-menu-section{margin-bottom:8px}.lc-menu-label{color:#6b7280;font-size:.75rem;font-weight:600;padding:4px 8px}.lc-menu-item{background:none;color:#111827;gap:8px;transition:all .2s ease}.lc-menu-item:hover{background:#e5e7eb80}.lc-menu-item.danger{color:#ef4444}.lc-menu-item .lc-check{font-size:1rem}.lc-menu-divider{background:#e2e8f0cc;margin:8px 0}.lc-add-participants-modal{display:flex;flex-direction:column;max-width:800px;width:90vw}.lc-modal-subtitle{margin-top:4px}.lc-modal-tabs{border-bottom:1px solid #e2e8f0cc;padding:0 24px}.lc-user-avatar-large{border:1px solid #ffffff4d}.lc-purpose-text{margin-top:8px}.lc-error-banner{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:12px;padding:12px 16px}.lc-error-banner .material-symbols-rounded{font-size:1.25rem}.lc-checkbox-text{align-items:flex-start;display:flex;gap:8px}.lc-checkbox-text .material-symbols-rounded{color:#7c3aed;font-size:1.25rem}.lc-checkbox-text strong{color:#111827;display:block;font-size:.9375rem;margin-bottom:2px}.lc-checkbox-text small{color:#6b7280;display:block;font-size:.8125rem}.lc-no-selection{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);display:flex;flex:1 1;justify-content:center}.lc-no-selection-content{padding:40px;text-align:center}.lc-no-selection-icon{color:#6b7280;font-size:6rem;margin-bottom:24px;opacity:.3}.lc-no-selection-content h3{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 8px}.lc-no-selection-content p{color:#6b7280;margin:0 0 24px}.lc-create-btn-large{align-items:center;background:linear-gradient(135deg,#3b82f62e,#2563eb26);border:1px solid #3b82f659;border-radius:10px;color:#1e40af;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.lc-create-btn-large:hover{box-shadow:0 8px 25px #3b82f640;transform:translateY(-2px)}.lc-chat-header-top{padding:1.5rem 1.5rem 0}.lc-chat-tabs{border-bottom:2px solid #e5e7eb80;display:flex;gap:4px;margin-top:1rem;padding:0 1.5rem}.lc-tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:8px;margin-bottom:-2px;padding:12px 20px;position:relative;transition:all .2s ease}.lc-tab-btn .material-symbols-rounded{font-size:20px}.lc-tab-btn:hover{background:#10b9810d;color:#10b981}.lc-tab-active{background:#10b98114!important;border-bottom-color:#10b981!important;color:#10b981!important}.lc-tab-count{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.lc-tab-content{background:#ffffff80;padding:1.5rem}.lc-tab-content::-webkit-scrollbar{width:6px}.lc-tab-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#059669);border-radius:3px}.lc-participants-header{margin-bottom:1.5rem}.lc-participants-header h3{font-size:1.25rem}.lc-participant-card{background:#fffc;padding:14px;transition:all .2s ease}.lc-participant-card:hover{background:#fffffff2;transform:translateX(4px)}.lc-participant-name{font-size:.9375rem;margin-bottom:2px}.lc-participant-role{font-size:.8125rem;font-weight:500}.lc-details-content{max-width:600px}.lc-details-content h3{color:#111827;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.lc-detail-section{margin-bottom:1.25rem}.lc-detail-section label{font-size:.8125rem;gap:6px;letter-spacing:.05em;text-transform:uppercase}.lc-detail-section label .material-symbols-rounded{font-size:16px}.lc-detail-value{background:#fffc;border-radius:8px;padding:10px 14px}.lc-detail-badge{font-size:.875rem;padding:8px 14px;text-transform:capitalize}.lc-purpose-badge{background:#fbbf2426;border:1px solid #fbbf244d;color:#92400e}.lc-privacy-badge{background:#8b5cf626;border:1px solid #8b5cf64d}.lc-status-badge{border-radius:8px;padding:6px 12px}.lc-status-badge.enabled{border:1px solid #10b9814d}.lc-status-badge.disabled{border:1px solid #9ca3af4d}.lc-floating-date-pill{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#10b981f2;border-radius:20px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.5px;margin:0 auto 16px;opacity:0;padding:8px 16px;position:-webkit-sticky;position:sticky;top:16px;transition:opacity .2s ease;z-index:100}.lc-floating-date-pill.lc-pill-visible{opacity:1}.lc-date-pill{background:#6b728026;border-radius:16px;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin:16px auto;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.lc-date-pill,.lc-loading-older{align-items:center;color:#6b7280;display:flex;justify-content:center}.lc-loading-older{font-size:.875rem;font-weight:500;gap:10px;padding:16px}.lc-spinner-small{animation:spin .6s linear infinite;border:2px solid #10b9814d;border-radius:50%;border-top-color:#10b981;height:16px;width:16px}@media (max-width:768px){.lc-chat-tabs{padding:0 1rem}.lc-tab-btn{font-size:.875rem;padding:10px 16px}.lc-tab-btn span:not(.material-symbols-rounded):not(.lc-tab-count){display:none}.lc-tab-content{padding:1rem}.lc-participant-card{padding:12px}.lc-participant-avatar{font-size:.9375rem;height:40px;width:40px}}@media (max-width:480px){.lc-chat-header-top{padding:1rem 1rem 0}.lc-chat-tabs{gap:2px;padding:0 .75rem}.lc-tab-btn{padding:8px 12px}.lc-tab-btn .material-symbols-rounded{font-size:18px}.lc-date-pill,.lc-floating-date-pill{font-size:.6875rem;padding:6px 12px}}.lc-participant-avatar{box-shadow:0 2px 8px #0000001a;font-size:1rem;font-weight:700;height:44px;width:44px}.lc-online-dot{bottom:0;box-shadow:0 0 4px #10b98166;right:0}.lc-you-badge{align-items:center;border-radius:10px;display:inline-flex;margin-left:6px}.lc-messages-area{flex-direction:column;overflow-y:auto;position:relative;will-change:scroll-position}.lc-messages-area,.lc-msg-wrapper{display:flex;transform:translateZ(0)}.lc-msg-wrapper{margin-bottom:12px}.lc-msg,.lc-msg-wrapper{contain:layout style paint}.lc-msg{display:flex;flex-direction:column}.lc-msg-text{word-wrap:break-word;white-space:pre-wrap;word-break:break-word}.lc-msg-avatar{transform:translateZ(0);will-change:transform}.lc-date-pill{contain:layout style paint}.lc-messages-area{-webkit-overflow-scrolling:touch!important;contain:layout style!important;flex:1 1!important;flex-direction:column!important;gap:16px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1.5rem!important;position:relative!important;will-change:scroll-position!important}.lc-messages-area,.lc-msg-wrapper{display:flex!important;transform:translateZ(0)!important}.lc-msg-wrapper{align-items:flex-end!important;animation:none!important;contain:layout style paint!important;gap:10px!important;transition:none!important}.lc-floating-date-pill{align-items:center!important;animation:none!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#10b981f2!important;border-radius:20px!important;box-shadow:0 4px 12px #10b9814d!important;color:#fff!important;display:inline-flex!important;font-size:.75rem!important;font-weight:700!important;justify-content:center!important;left:50%!important;letter-spacing:.5px!important;opacity:0!important;padding:8px 16px!important;pointer-events:none!important;position:-webkit-sticky!important;position:sticky!important;top:16px!important;transform:translateX(-50%)!important;transition:opacity .15s ease!important;z-index:100!important}.lc-floating-date-pill.lc-pill-visible{opacity:1!important}.lc-date-pill{align-items:center!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#6b728026!important;border-radius:12px!important;color:#6b7280!important;display:flex!important;font-size:.7rem!important;font-weight:700!important;justify-content:center!important;letter-spacing:.5px!important;margin:16px auto!important;padding:6px 14px!important}.lc-date-pill,.lc-msg{animation:none!important;transition:none!important}.lc-msg{word-wrap:break-word!important;border-radius:16px!important;contain:layout style paint!important;max-width:500px!important;padding:12px 16px!important;position:relative!important}.lc-msg-avatar{align-items:center!important;animation:none!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;font-size:.875rem!important;font-weight:600!important;height:36px!important;justify-content:center!important;transform:none!important;transition:none!important;width:36px!important}.lc-chat-area{flex:1 1!important;position:relative!important}.lc-chat-area,.lc-chat-wrapper{background:#fff!important;border-radius:16px!important;contain:layout style!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.lc-chat-wrapper{height:100%!important}*{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.lc-loading-older{align-items:center!important;color:#6b7280!important;display:flex!important;font-size:.875rem!important;gap:8px!important;justify-content:center!important;padding:12px!important}.lc-spinner-small{animation:spin .8s linear infinite!important;border:2px solid #6b72804d!important;border-radius:50%!important;border-top-color:#10b981!important;height:16px!important;width:16px!important}.circles-brand{align-items:center;display:flex;gap:12px}.circles-logo{animation:logoRotate 20s linear infinite;flex-shrink:0}@keyframes logoRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo-ring{stroke-linecap:round;transition:all .3s ease}.logo-ring-blue{fill:url(#blueGradient);stroke:#3b82f699;stroke-width:1.5}.logo-ring-green{fill:url(#greenGradient);stroke:#22c55e99;stroke-width:1.5}.logo-ring-purple{fill:url(#purpleGradient);stroke:#8b5cf699;stroke-width:1.5}.logo-center{fill:url(#redGradient);stroke:#ef444499;stroke-width:1}.circles-brand:hover .logo-ring-blue{fill:url(#blueGradientHover);filter:drop-shadow(0 2px 6px rgba(59,130,246,.4))}.circles-brand:hover .logo-ring-green{fill:url(#greenGradientHover);filter:drop-shadow(0 2px 6px rgba(34,197,94,.4))}.circles-brand:hover .logo-ring-purple{fill:url(#purpleGradientHover);filter:drop-shadow(0 2px 6px rgba(139,92,246,.4))}.circles-brand:hover .logo-center{fill:url(#redGradientHover);filter:drop-shadow(0 2px 8px rgba(239,68,68,.5))}.circles-brand h2{color:#111827;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;margin:0}.lc-header-unread-badge{align-items:center;animation:pulseUnread 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;box-shadow:0 2px 8px #ef444466;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 6px}@keyframes pulseUnread{0%,to{box-shadow:0 2px 8px #ef444466}50%{box-shadow:0 2px 12px #ef444499}}.lc-header-teams-style{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e5e7ebcc;display:flex;justify-content:space-between;margin-top:3rem;padding:1rem 1.25rem}.lc-teams-actions{align-items:center;display:flex;gap:6px}.lc-btn-wrapper{position:relative}.lc-filter-badge{animation:badgePulse 2s ease-in-out infinite;border:2px solid #fffffff2;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px;z-index:1}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.lc-badge-blue{background:#3b82f6;box-shadow:0 0 8px #3b82f699}.lc-badge-green{background:#22c55e;box-shadow:0 0 8px #22c55e99}.lc-badge-purple{background:#8b5cf6;box-shadow:0 0 8px #8b5cf699}.lc-tooltip{background:#111827f2;border-radius:6px;bottom:-32px;color:#fff;font-size:.6875rem;font-weight:600;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.9);transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:10000}.lc-btn-wrapper:hover .lc-tooltip{bottom:-28px;opacity:1;transform:translateX(-50%) scale(1)}.lc-teams-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.lc-teams-btn .material-symbols-rounded{font-size:18px;transition:transform .2s}.lc-teams-btn:hover .material-symbols-rounded{transform:scale(1.15)}.lc-teams-btn.active{transform:scale(.95)}.lc-teams-blue{background:linear-gradient(135deg,#3b82f626,#2563eb14);border:1px solid #3b82f64d;color:#1e40af}.lc-teams-blue:hover{background:linear-gradient(135deg,#3b82f633,#2563eb1f);box-shadow:0 4px 12px #3b82f633}.lc-teams-blue.active{background:linear-gradient(135deg,#3b82f640,#2563eb26);box-shadow:0 0 0 2px #3b82f64d}.lc-teams-green{background:linear-gradient(135deg,#22c55e26,#16a34a14);border:1px solid #22c55e4d;color:#15803d}.lc-teams-green:hover{background:linear-gradient(135deg,#22c55e33,#16a34a1f);box-shadow:0 4px 12px #22c55e33}.lc-teams-green.active{background:linear-gradient(135deg,#22c55e40,#16a34a26);box-shadow:0 0 0 2px #22c55e4d}.lc-teams-purple{background:linear-gradient(135deg,#8b5cf626,#7c3aed14);border:1px solid #8b5cf64d;color:#6d28d9}.lc-teams-purple:hover{background:linear-gradient(135deg,#8b5cf633,#7c3aed1f);box-shadow:0 4px 12px #8b5cf633}.lc-teams-purple.active{background:linear-gradient(135deg,#8b5cf640,#7c3aed26);box-shadow:0 0 0 2px #8b5cf64d}.lc-teams-orange{background:linear-gradient(135deg,#f9731626,#ea580c14);border:1px solid #f973164d;color:#c2410c}.lc-teams-orange:hover{background:linear-gradient(135deg,#f9731633,#ea580c1f);box-shadow:0 4px 12px #f9731633}.lc-teams-red{background:linear-gradient(135deg,#ef444426,#dc262614);border:1px solid #ef44444d;color:#b91c1c}.lc-teams-red:hover{background:linear-gradient(135deg,#ef444433,#dc26261f);box-shadow:0 4px 12px #ef444433}.lc-dropdown-overlay{animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);left:0;padding:12px 16px;position:absolute;right:0;top:0;z-index:100}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.lc-teams-menu{animation:menuSlideDown .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb80;border-radius:10px;box-shadow:0 8px 24px #00000026;margin:0 auto;max-width:320px;overflow:hidden}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lc-teams-menu-blue{border-top:3px solid #3b82f6}.lc-teams-menu-green{border-top:3px solid #22c55e}.lc-teams-menu-purple{border-top:3px solid #8b5cf6}.lc-teams-menu-search{padding:12px;position:relative}.lc-teams-menu-search input{border:1.5px solid #e5e7ebcc;border-radius:8px;font-family:inherit;font-size:.875rem;padding:10px 36px 10px 12px;transition:all .2s;width:100%}.lc-teams-menu-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.lc-teams-menu-search button{align-items:center;background:#9ca3af26;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:18px;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.lc-teams-menu-search button:hover{background:#ef444426;color:#ef4444}.lc-teams-menu-search button .material-symbols-rounded{font-size:16px}.lc-teams-menu-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #e5e7eb80;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .15s;width:100%}.lc-teams-menu-item:last-child{border-bottom:none}.lc-teams-menu-item:hover{background:#f3f4f6cc}.lc-teams-menu-item.selected{background:#3b82f614;color:#1e40af;font-weight:600}.lc-teams-menu-item .material-symbols-rounded{color:#10b981;font-size:18px}.lc-sidebar-list{position:relative}.lc-favorite-inline{align-items:center;background:#0000;border:none;border-radius:8px;color:#d1d5db;cursor:pointer;display:inline-flex;height:26px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:26px}.lc-favorite-inline .material-symbols-rounded{font-size:18px;font-variation-settings:"FILL" 0,"wght" 300;transition:all .2s}.lc-favorite-inline:hover{background:#fbbf241a;color:#fbbf24;transform:scale(1.1)}.lc-favorite-inline.active{color:#fbbf24}.lc-favorite-inline.active .material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400}.lc-favorite-inline:disabled{cursor:not-allowed;opacity:.5}.lc-favorites-separator{align-items:center;display:flex;gap:12px;margin:0;padding:16px 20px}.lc-separator-line{background:linear-gradient(90deg,#0000,#e5e7ebcc 50%,#0000);flex:1 1;height:1px}.lc-separator-text{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.lc-separator-text .material-symbols-rounded{color:#d1d5db;font-size:16px;font-variation-settings:"FILL" 1}:root[data-theme=dark] .lc-header-teams-style{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-bottom:1px solid #ffffff26;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #fff3}:root[data-theme=dark] .logo-ring-blue{stroke:#3b82f6b3}:root[data-theme=dark] .logo-ring-green{stroke:#22c55eb3}:root[data-theme=dark] .logo-ring-purple{stroke:#8b5cf6b3}:root[data-theme=dark] .logo-center{stroke:#ef4444b3}:root[data-theme=dark] .circles-brand:hover .logo-ring-blue{stroke:#3b82f6e6;filter:drop-shadow(0 2px 8px rgba(59,130,246,.5))}:root[data-theme=dark] .circles-brand:hover .logo-ring-green{stroke:#22c55ee6;filter:drop-shadow(0 2px 8px rgba(34,197,94,.5))}:root[data-theme=dark] .circles-brand:hover .logo-ring-purple{stroke:#8b5cf6e6;filter:drop-shadow(0 2px 8px rgba(139,92,246,.5))}:root[data-theme=dark] .circles-brand:hover .logo-center{stroke:#ef4444e6;filter:drop-shadow(0 2px 10px rgba(239,68,68,.6))}:root[data-theme=dark] .circles-brand h2{color:#f9fafb}:root[data-theme=dark] .lc-teams-blue{background:linear-gradient(135deg,#3b82f640,#2563eb26);border:1px solid #3b82f666;color:#93c5fd}:root[data-theme=dark] .lc-teams-green{background:linear-gradient(135deg,#22c55e40,#16a34a26);border:1px solid #22c55e66;color:#86efac}:root[data-theme=dark] .lc-teams-purple{background:linear-gradient(135deg,#8b5cf640,#7c3aed26);border:1px solid #8b5cf666;color:#c4b5fd}:root[data-theme=dark] .lc-teams-orange{background:linear-gradient(135deg,#f9731640,#ea580c26);border:1px solid #f9731666;color:#fdba74}:root[data-theme=dark] .lc-teams-red{background:linear-gradient(135deg,#ef444440,#dc262626);border:1px solid #ef444466;color:#fca5a5}:root[data-theme=dark] .lc-teams-menu{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1f;box-shadow:0 8px 24px #0006}:root[data-theme=dark] .lc-teams-menu-search input{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #ffffff1f;color:#f9fafb}:root[data-theme=dark] .lc-teams-menu-search input::placeholder{color:#9ca3af}:root[data-theme=dark] .lc-teams-menu-item{border-bottom:1px solid #ffffff14;color:#e5e7eb}:root[data-theme=dark] .lc-teams-menu-item:hover{background:#ffffff0f}:root[data-theme=dark] .lc-teams-menu-item.selected{background:#3b82f626;color:#93c5fd}:root[data-theme=dark] .lc-tooltip{background:#374151fa}:root[data-theme=dark] .lc-filter-badge{border:2px solid #1f2937f2}:root[data-theme=dark] .lc-badge-blue{background:#60a5fa;box-shadow:0 0 8px #60a5facc}:root[data-theme=dark] .lc-badge-green{background:#4ade80;box-shadow:0 0 8px #4ade80cc}:root[data-theme=dark] .lc-badge-purple{background:#a78bfa;box-shadow:0 0 8px #a78bfacc}:root[data-theme=dark] .lc-favorite-inline{color:#6b7280}:root[data-theme=dark] .lc-favorite-inline:hover{background:#fbbf2426;color:#fbbf24}:root[data-theme=dark] .lc-favorite-inline.active{color:#fbbf24}:root[data-theme=dark] .lc-separator-line{background:linear-gradient(90deg,#0000,#ffffff1f 50%,#0000)}:root[data-theme=dark] .lc-separator-text{color:#9ca3af}:root[data-theme=dark] .lc-separator-text .material-symbols-rounded{color:#6b7280}.lc-teams-actions{gap:5px}.lc-teams-btn{height:30px;width:30px}.lc-teams-btn .material-symbols-rounded{font-size:16px}.lc-dropdown-overlay{padding:10px 12px}@media (max-width:480px){.lc-header-teams-style{padding:.75rem .875rem}.lc-header-teams-style h2{font-size:1rem}.lc-teams-btn{height:28px;width:28px}.lc-teams-btn .material-symbols-rounded{font-size:15px}.lc-teams-menu-item{font-size:.8125rem;padding:10px 12px}.lc-dropdown-overlay{padding:8px 10px}}.lc-toggle-switch{width:64px}.lc-toggle-switch.active .lc-toggle-slider{transform:translateX(4px)}@media (max-width:768px){.lc-header{padding:16px}.lc-header-info h2{font-size:18px}.lc-header-info p{font-size:12px}.lc-circle-icon{height:40px;width:40px}.lc-circle-icon .material-symbols-rounded{font-size:24px}.lc-tabs{padding:0 16px}.lc-tab{font-size:13px;padding:10px 12px}.lc-tab .material-symbols-rounded{font-size:18px}.lc-messages-container{padding:16px}.lc-message{max-width:85%}.lc-avatar-initials,.lc-message-avatar{height:32px;width:32px}.lc-message-avatar .material-symbols-rounded{font-size:18px}.lc-avatar-initials{font-size:12px}.lc-compose{padding:12px 16px}.lc-ask-mavi-btn span:last-child{display:none}.lc-scroll-bottom-btn{bottom:80px;height:40px;right:16px;width:40px}.lc-tab-content{padding:16px}.lc-detail-row{grid-template-columns:1fr}.lc-setting-title{font-size:14px}.lc-setting-description{font-size:12px}.lc-edit-popup{margin:0 16px;width:95%}.lc-toast{left:16px;right:16px;top:16px}.lc-edit-btn,.lc-star-btn{min-height:24px;min-width:24px;opacity:1;transform:translateX(0)}}.lc-modal-header{align-items:center}.lc-modal-header h2{margin:0}.lc-modal-body{padding:1.5rem}.lc-modal-body::-webkit-scrollbar{width:6px}.lc-modal-body::-webkit-scrollbar-thumb{border-radius:3px}.lc-details-section{margin-bottom:1.5rem}.lc-details-section h3{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0 0 12px}.lc-details-section h3 .material-symbols-rounded{color:#3b82f6;font-size:20px}.lc-detail-row{margin-bottom:1rem}.lc-detail-row label{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;font-weight:600;gap:6px;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.lc-detail-row label .material-symbols-rounded{font-size:16px}.lc-detail-value{color:#111827;font-size:.9375rem;line-height:1.6}.lc-purpose-highlight{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:10px;margin-bottom:1rem;padding:16px}.lc-purpose-highlight label{align-items:center;color:#92400e;display:flex;font-size:.875rem;font-weight:700;gap:6px;margin-bottom:8px}.lc-purpose-highlight label .material-symbols-rounded{color:#f59e0b;font-size:1.125rem}.lc-purpose-text{color:#78350f;font-size:1rem;font-weight:500;line-height:1.6}.lc-detail-badge{background:#6366f11a;border-radius:8px;color:#4f46e5;font-size:.8125rem;gap:6px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.lc-detail-badge .material-symbols-rounded{font-size:16px}.lc-type-badge{background:#3b82f61a;color:#2563eb;text-transform:capitalize}.lc-privacy-badge{background:#8b5cf61a;color:#7c3aed;text-transform:capitalize}.lc-audience-badge{background:#10b9811a;color:#059669}.lc-context-id{align-items:center;background:#6b72800d;border:1px solid #6b72801a;border-radius:6px;display:flex;font-family:Monaco,Courier New,monospace;font-size:.875rem;gap:8px;padding:8px 12px}.lc-context-id .material-symbols-rounded{color:#6b7280;font-size:1rem}.lc-status-badge{border-radius:12px;font-size:.8125rem;padding:.25rem .75rem}.lc-status-badge.enabled{background:#10b98126;color:#065f46}.lc-status-badge.disabled{background:#9ca3af26}.lc-edit-input,.lc-edit-textarea{border:2px solid #e5e7ebcc;border-radius:8px;font-family:inherit;font-size:.9375rem;padding:.625rem .75rem;transition:all .2s;width:100%}.lc-edit-input:focus,.lc-edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.lc-edit-textarea{min-height:80px;resize:vertical}.lc-btn-cancel,.lc-btn-edit,.lc-btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem .75rem;transition:all .2s}.lc-btn-edit{background:#3b82f61a}.lc-btn-edit:hover{background:#3b82f633}.lc-btn-save{background:linear-gradient(135deg,#10b9812e,#05966926);border:1px solid #10b98159;color:#065f46}.lc-btn-save:hover{background:linear-gradient(135deg,#10b98140,#05966933)}.lc-btn-cancel{background:#9ca3af1a}.lc-btn-cancel:hover{background:#9ca3af33}.lc-btn-cancel .material-symbols-rounded,.lc-btn-edit .material-symbols-rounded,.lc-btn-save .material-symbols-rounded{font-size:16px}.lc-metadata-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.lc-join-date{color:#6b7280;font-size:.75rem}.lc-divider{background:#e5e7ebcc;height:1px;margin:1.5rem 0}.lc-modal-footer{justify-content:flex-end}.lc-btn-danger,.lc-btn-primary,.lc-btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.lc-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.lc-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.lc-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.lc-btn-danger .material-symbols-rounded,.lc-btn-primary .material-symbols-rounded,.lc-btn-secondary .material-symbols-rounded{font-size:18px}@media (max-width:768px){.lc-modal{border-radius:0;max-height:100vh;max-width:100%}.lc-modal-overlay{padding:0}.lc-modal-header{padding:1rem}.lc-modal-header h2{font-size:1.25rem}.lc-modal-body{padding:1rem}.lc-details-section{margin-bottom:1.25rem}.lc-metadata-grid{grid-template-columns:1fr}.lc-modal-footer{flex-direction:column-reverse;padding:1rem}.lc-btn-danger,.lc-btn-primary,.lc-btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.lc-modal-header h2{font-size:1.125rem}.lc-details-section h3{font-size:.9375rem}.lc-detail-value{font-size:.875rem}.lc-purpose-text{font-size:.9375rem}}.lc-modal-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.lc-add-participants-modal{max-height:85vh;max-width:900px}.lc-modal{animation:modalSlideUp .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.lc-modal-header{align-items:flex-start;background:#fffc;border-bottom:1px solid #e5e7ebcc;display:flex;justify-content:space-between;padding:1.5rem}.lc-modal-header h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 4px}.lc-modal-subtitle{color:#6b7280;font-size:.875rem;margin:0}.lc-modal-close{align-items:center;background:#9ca3af26;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.lc-modal-close:hover{background:#ef444426;color:#ef4444}.lc-modal-close .material-symbols-rounded{font-size:20px}.lc-modal-tabs{background:#f3f4f680;border-bottom:1px solid #e5e7ebcc;display:flex;gap:8px;padding:12px 16px}.lc-tab{border-radius:10px;flex:1 1;font-size:.9375rem;font-weight:600;justify-content:center;padding:10px 16px}.lc-tab:hover{background:#ffffffb3;color:#111827}.lc-tab.active{background:linear-gradient(135deg,#3b82f626,#2563eb1f);box-shadow:0 2px 8px #3b82f633;color:#1e40af}.lc-search-box{align-items:center;background:#fff9;border-bottom:1px solid #e5e7ebcc;display:flex;padding:12px 16px;position:relative}.lc-search-box .material-symbols-rounded{color:#9ca3af;font-size:20px;left:26px;pointer-events:none;position:absolute}.lc-search-box input{background:#ffffffe6;border:2px solid #d1d5dbcc;border-radius:10px;color:#111827;font-family:inherit;font-size:.9375rem;padding:10px 40px;transition:all .2s;width:100%}.lc-search-box input::placeholder{color:#9ca3af}.lc-search-box input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.lc-clear-search{align-items:center;background:#9ca3af26;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:26px;transition:all .2s;width:28px}.lc-clear-search:hover{background:#ef444426;color:#ef4444}.lc-clear-search .material-symbols-rounded{font-size:18px}.lc-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.lc-modal-body::-webkit-scrollbar{width:8px}.lc-modal-body::-webkit-scrollbar-track{background:#0000}.lc-modal-body::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:4px}.lc-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.lc-user-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.lc-user-card{align-items:center;background:#fff;border:2px solid #e2e8f0cc;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;position:relative;transition:all .2s ease}.lc-user-card:hover{border-color:#10b9814d;box-shadow:0 4px 12px #10b9811a;transform:translateY(-2px)}.lc-user-card.selected{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.lc-user-checkbox{position:absolute;right:12px;top:12px}.lc-user-checkbox input{opacity:0;position:absolute}.lc-user-checkbox .lc-checkbox-custom{align-items:center;background:#fff;border:2px solid #e2e8f0cc;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.lc-user-card.selected .lc-checkbox-custom{background:#3b82f6;border-color:#3b82f6}.lc-checkbox-custom .material-symbols-rounded{color:#fff;font-size:.875rem}.lc-user-avatar-large{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:60px;justify-content:center;position:relative;text-shadow:0 1px 2px #0000004d;text-transform:uppercase;width:60px}.lc-user-avatar-large:after{background:linear-gradient(135deg,#ffffff26,#0000);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.lc-user-info-card{text-align:center;width:100%}.lc-user-name-card{color:#111827;font-size:.9375rem;font-weight:600;margin-bottom:8px}.lc-user-email,.lc-user-phone{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:6px;justify-content:center;margin-top:4px}.lc-user-email .material-symbols-rounded,.lc-user-phone .material-symbols-rounded{font-size:.875rem}.lc-loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.lc-spinner{animation:spin .8s linear infinite;border:3px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.lc-loading-state p{color:#6b7280;font-size:.9375rem}.lc-empty-state{padding:60px 20px}.lc-empty-state .material-symbols-rounded{margin-bottom:16px}.lc-empty-state p{font-size:1rem;font-weight:600;margin:0 0 4px}.lc-empty-state small{color:#9ca3af;font-size:.875rem}.lc-modal-footer{align-items:center;background:#f9fafbcc;border-top:1px solid #e5e7ebcc;display:flex;gap:12px;justify-content:space-between;padding:1rem 1.5rem}.lc-selected-count{color:#3b82f6;font-size:.875rem;font-weight:600}.lc-modal-actions{display:flex;gap:12px}.lc-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.lc-btn-secondary{background:#9ca3af26;color:#6b7280}.lc-btn-secondary:hover{background:#9ca3af40}.lc-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.lc-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.lc-btn:disabled{cursor:not-allowed;opacity:.5}.lc-btn .material-symbols-rounded{font-size:18px}.lc-btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.lc-add-participants-modal{border-radius:0;max-height:100vh;max-width:100%}.lc-modal-overlay{padding:0}.lc-modal-header{padding:1rem}.lc-modal-header h2{font-size:1.25rem}.lc-modal-tabs,.lc-tab{padding:8px 12px}.lc-tab{font-size:.875rem}.lc-search-box{padding:10px 12px}.lc-modal-body{padding:16px}.lc-user-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.lc-modal-footer{align-items:stretch;flex-direction:column;padding:1rem}.lc-modal-actions{flex-direction:column-reverse;width:100%}.lc-btn{justify-content:center;width:100%}.lc-selected-count{text-align:center}}@media (max-width:480px){.lc-user-grid{grid-template-columns:1fr}.lc-tab span:last-child{display:none}.lc-user-avatar-large{font-size:1.125rem;height:50px;width:50px}}.ccm-overlay{align-items:center;animation:ccm-fadeIn .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1500}@keyframes ccm-fadeIn{0%{opacity:0}to{opacity:1}}.ccm-bg-orbs{inset:0;overflow:hidden;pointer-events:none;position:absolute}.ccm-orb{animation:ccm-orbFloat 6s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.ccm-orb-1{background:linear-gradient(135deg,#3b82f666,#10b98166);right:-10%;top:-20%}.ccm-orb-1,.ccm-orb-2{height:300px;width:300px}.ccm-orb-2{animation-delay:3s;background:linear-gradient(135deg,#8b5cf666,#f59e0b66);bottom:-20%;left:-10%}@keyframes ccm-orbFloat{0%,to{opacity:.3;transform:scale(1) translate(0)}50%{opacity:.4;transform:scale(1.1) translate(15px,15px)}}.ccm-modal{animation:ccm-slideUp .5s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #ffffff80;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%;z-index:10}@keyframes ccm-slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ccm-header{align-items:center;background:linear-gradient(135deg,#f1f5f9cc,#fffc);border-bottom:1px solid #e2e8f080;display:flex;justify-content:space-between;padding:28px 32px}.ccm-header-content{align-items:center;display:flex;gap:16px}.ccm-header-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;box-shadow:0 8px 20px #10b9814d;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.ccm-header-icon svg{height:1.5rem;width:1.5rem}.ccm-header h2{color:#0f172a;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.ccm-header p{color:#64748b;font-size:.875rem;font-weight:500;margin:0}.ccm-close-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:none;border-radius:12px;box-shadow:0 4px 14px #0000001a;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.ccm-close-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #ef444466;color:#fff;transform:rotate(90deg) scale(1.1)}.ccm-close-btn svg{height:18px;width:18px}.ccm-form{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:32px}.ccm-form::-webkit-scrollbar{width:6px}.ccm-form::-webkit-scrollbar-track{background:#0000}.ccm-form::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#059669);border-radius:3px}.ccm-error-banner{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef44444d;border-radius:14px;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:12px;padding:14px 18px}.ccm-error-banner svg{flex-shrink:0;height:20px;width:20px}.ccm-form-section{display:flex;flex-direction:column}.ccm-full-width{width:100%}.ccm-grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.ccm-form-group{display:flex;flex-direction:column}.ccm-form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:10px}.ccm-form-group label svg{color:#6b7280;height:16px;width:16px}.ccm-select-wrapper{align-items:center;display:flex;position:relative}.ccm-select-icon{color:#6b7280;font-size:20px;left:14px;pointer-events:none;position:absolute;z-index:1}.ccm-select-with-icon{padding-left:46px!important}.ccm-form-group input[type=text],.ccm-form-group select,.ccm-form-group textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:12px;color:#111827;font-family:inherit;font-size:.9375rem;padding:12px 16px;transition:all .3s ease;width:100%}.ccm-form-group input[type=text]::placeholder,.ccm-form-group textarea::placeholder{color:#9ca3af}.ccm-form-group input[type=text]:focus,.ccm-form-group select:focus,.ccm-form-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.ccm-form-group textarea{line-height:1.6;min-height:90px;resize:vertical}.ccm-form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:44px}.ccm-hint{color:#6b7280;display:block;font-size:.8125rem;font-weight:500;margin-top:6px}.ccm-checkbox-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ccm-checkbox-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:2px solid #e2e8f0cc;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;padding:18px;position:relative;transition:all .3s ease}.ccm-checkbox-card:hover{background:#fffffff2;border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.ccm-checkbox-card input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.ccm-checkbox-content{align-items:center;display:flex;gap:12px}.ccm-checkbox-icon{align-items:center;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;height:40px;justify-content:center;width:40px}.ccm-checkbox-icon svg{height:1.125rem;width:1.125rem}.ccm-checkbox-text{flex:1 1}.ccm-checkbox-text strong{color:#111827;display:block;font-size:.9375rem;font-weight:600;margin-bottom:2px}.ccm-checkbox-text small{color:#6b7280;display:block;font-size:.8125rem;font-weight:500}.ccm-checkbox-check{align-items:center;background:#fff;border:2px solid #d1d5dbcc;border-radius:6px;display:flex;height:22px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:22px}.ccm-checkbox-check:after{color:#fff;content:"✓";font-size:14px;font-weight:700;opacity:0;transform:scale(0);transition:all .3s ease}.ccm-checkbox-card input[type=checkbox]:checked~.ccm-checkbox-check{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.ccm-checkbox-card input[type=checkbox]:checked~.ccm-checkbox-check:after{opacity:1;transform:scale(1)}.ccm-footer{background:linear-gradient(135deg,#f9fafbcc,#fffc);border-top:1px solid #e2e8f080;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.ccm-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.ccm-btn svg{height:18px;width:18px}.ccm-btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0cc;color:#64748b}.ccm-btn-secondary:hover:not(:disabled){background:#fffffff2;box-shadow:0 6px 20px #0000001a;color:#374151;transform:translateY(-2px)}.ccm-btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #10b98166;color:#fff}.ccm-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 30px #10b98180;transform:translateY(-2px) scale(1.02)}.ccm-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.ccm-spinner{animation:ccm-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes ccm-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.ccm-modal{border-radius:20px;max-height:95vh;max-width:100%}.ccm-overlay{padding:12px}.ccm-header{padding:20px 24px}.ccm-header h2{font-size:1.25rem}.ccm-header p{font-size:.8125rem}.ccm-form{padding:24px}.ccm-checkbox-grid,.ccm-grid-2{grid-template-columns:1fr}.ccm-footer{padding:20px 24px}}@media (max-width:480px){.ccm-modal{border-radius:16px;max-height:100vh}.ccm-header{padding:16px 20px}.ccm-header-icon{font-size:1.25rem;height:40px;width:40px}.ccm-header-icon svg{height:1.25rem;width:1.25rem}.ccm-header h2{font-size:1.125rem}.ccm-close-btn{height:36px;width:36px}.ccm-close-btn svg{height:16px;width:16px}.ccm-form{gap:20px;padding:20px}.ccm-form-group input[type=text],.ccm-form-group select,.ccm-form-group textarea{font-size:.875rem;padding:10px 14px}.ccm-checkbox-card{padding:14px}.ccm-checkbox-icon{font-size:1rem;height:36px;width:36px}.ccm-checkbox-icon svg{height:1rem;width:1rem}.ccm-footer{flex-direction:column-reverse;padding:16px 20px}.ccm-btn{justify-content:center;padding:12px 20px;width:100%}}.lc-participants-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-left:1px solid #e5e7ebcc;display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease;width:320px}.lc-participants-sidebar.collapsed{width:60px}.lc-participants-header{background:#fffc;border-bottom:1px solid #e5e7ebcc;gap:12px;padding:1rem 1.25rem}.lc-participants-title{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.lc-participants-title .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:24px}.lc-participants-title h3{color:#111827;font-size:1rem;font-weight:700;margin:0 0 2px}.lc-participants-count{color:#6b7280;font-size:.75rem;font-weight:500}.lc-participants-header-actions{align-items:center;display:flex;gap:6px}.lc-add-participants-btn,.lc-collapse-btn{align-items:center;background:#f3f4f6cc;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.lc-add-participants-btn:hover{background:#10b9811a;color:#10b981}.lc-collapse-btn:hover{background:#3b82f61a;color:#3b82f6}.lc-add-participants-btn .material-symbols-rounded,.lc-collapse-btn .material-symbols-rounded{font-size:18px}.lc-participants-list{flex:1 1;overflow-y:auto;padding:12px}.lc-participants-list::-webkit-scrollbar{width:6px}.lc-participants-list::-webkit-scrollbar-track{background:#0000}.lc-participants-list::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.lc-participants-list::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.lc-participant-group{margin-bottom:20px}.lc-group-label{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.05em;margin-bottom:8px;padding:0 8px;text-transform:uppercase}.lc-group-label .material-symbols-rounded{font-size:14px}.lc-participant-item{align-items:center;border-radius:10px;display:flex;gap:10px;margin-bottom:6px;padding:10px 8px;position:relative;transition:all .2s ease}.lc-participant-item:hover{background:#f3f4f6cc}.lc-avatar-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0000001f;color:#fff;display:flex;font-size:13px;font-weight:700;height:38px;justify-content:center;position:relative;text-shadow:0 1px 2px #0003;text-transform:uppercase;width:38px}.lc-avatar-circle:after{background:linear-gradient(135deg,#ffffff26,#0000);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.lc-avatar-circle.online{border-color:#10b981}.lc-online-indicator{animation:pulse 2s ease-in-out infinite;background:#10b981;border:2px solid #fff;border-radius:50%;bottom:0;box-shadow:0 0 0 2px #10b98133;height:10px;position:absolute;right:0;width:10px}.lc-participant-name{font-size:.875rem;gap:6px;margin-bottom:3px}.lc-you-badge{background:#3b82f61a;color:#3b82f6;display:inline-block;font-size:.6875rem;padding:2px 6px;text-transform:uppercase}.lc-participant-meta{align-items:center;display:flex;gap:6px}.lc-role-pill{align-items:center;border-radius:6px;display:inline-flex;font-size:.6875rem;font-weight:700;padding:2px 8px;text-transform:capitalize}.lc-role-pill.lc-role-creator{background:linear-gradient(135deg,#fbbf2426,#f59e0b1f);border:1px solid #fbbf244d;color:#92400e}.lc-role-pill.lc-role-moderator{background:linear-gradient(135deg,#3b82f626,#2563eb1f);border:1px solid #3b82f64d;color:#1e40af}.lc-role-pill.lc-role-member{background:#6b72801a;border:1px solid #6b728033;color:#4b5563}.lc-muted-badge{align-items:center;color:#ef4444;display:inline-flex}.lc-muted-badge .material-symbols-rounded{font-size:14px}.lc-participant-menu-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;transition:all .2s;width:24px}.lc-participant-item:hover .lc-participant-menu-btn{opacity:1}.lc-participant-menu-btn:hover{background:#9ca3af26;color:#6b7280}.lc-participant-menu-btn .material-symbols-rounded{font-size:18px}.lc-participant-menu{animation:menuSlideIn .2s ease;background:#fff;border:1px solid #e5e7ebcc;border-radius:10px;box-shadow:0 10px 30px #00000026;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;right:8px;top:100%;z-index:100}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.lc-menu-section{padding:6px}.lc-menu-label{color:#9ca3af;font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.lc-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:10px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.lc-menu-item:hover:not(:disabled){background:#f3f4f6cc}.lc-menu-item:disabled{cursor:not-allowed;opacity:.5}.lc-menu-item.danger{color:#dc2626}.lc-menu-item.danger:hover{background:#ef44441a}.lc-menu-item .material-symbols-rounded{font-size:18px}.lc-menu-item .lc-check{color:#10b981;margin-left:auto}.lc-menu-divider{background:#e5e7ebcc;height:1px;margin:4px 0}.lc-empty-state{padding:40px 20px}.lc-empty-state .material-symbols-rounded{font-size:48px;margin-bottom:12px}.lc-empty-state p{color:#9ca3af;font-size:.875rem}.lc-collapsed-info{align-items:center;display:none;flex-direction:column;gap:8px;justify-content:center;padding:20px 0}.lc-participants-sidebar.collapsed .lc-collapsed-info{display:flex}.lc-collapsed-info .material-symbols-rounded{color:#3b82f6;font-size:28px}.lc-collapsed-count{color:#6b7280;font-size:.75rem;font-weight:700}@media (max-width:1200px){.lc-participants-sidebar{width:280px}}@media (max-width:768px){.lc-participants-sidebar{bottom:0;box-shadow:-4px 0 20px #0000001a;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:320px;z-index:999}.lc-participants-sidebar.show{transform:translateX(0)}.lc-participants-sidebar.collapsed{transform:translateX(100%)}}@media (max-width:480px){.lc-participants-sidebar{width:100%}.lc-participant-item{padding:8px}.lc-avatar-circle{font-size:12px;height:34px;width:34px}.lc-participant-name{font-size:.8125rem}.lc-role-pill{font-size:.625rem;padding:2px 6px}}.lcg-overlay{align-items:center;animation:lcg-fadeIn .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}@keyframes lcg-fadeIn{0%{opacity:0}to{opacity:1}}.lcg-bg-orbs{inset:0;overflow:hidden;pointer-events:none;position:absolute}.lcg-orb{animation:lcg-orbPulse 6s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.lcg-orb-1{background:linear-gradient(135deg,#3b82f666,#10b98166);right:-10%;top:-15%}.lcg-orb-1,.lcg-orb-2{height:400px;width:400px}.lcg-orb-2{animation-delay:2s;background:linear-gradient(135deg,#8b5cf666,#f59e0b66);bottom:-15%;left:-10%}.lcg-orb-3{animation-delay:4s;background:linear-gradient(135deg,#10b9814d,#3b82f64d);height:500px;left:50%;top:50%;transform:translate(-50%,-50%);width:500px}@keyframes lcg-orbPulse{0%,to{opacity:.3;transform:scale(1) translate(0)}50%{opacity:.4;transform:scale(1.2) translate(20px,20px)}}.lcg-container{animation:lcg-slideIn .5s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #ffffff80;max-width:750px;padding:48px 40px 36px;position:relative;width:100%;z-index:10}@keyframes lcg-slideIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.lcg-close-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:none;border-radius:12px;box-shadow:0 4px 14px #0000001a;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:10}.lcg-close-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #ef444466;color:#fff;transform:rotate(90deg) scale(1.1)}.lcg-close-btn i,.lcg-close-btn svg{font-size:18px;height:18px;width:18px}.lcg-slide{animation-duration:.6s;animation-fill-mode:both;text-align:center}.lcg-fade-in{animation-name:lcg-fadeInSlide}@keyframes lcg-fadeInSlide{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.lcg-slide-up{animation-name:lcg-slideUpAnim}@keyframes lcg-slideUpAnim{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.lcg-bounce-in{animation-name:lcg-bounceInAnim}@keyframes lcg-bounceInAnim{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.lcg-scale-in{animation-name:lcg-scaleInAnim}@keyframes lcg-scaleInAnim{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lcg-main-icon-wrapper{align-items:center;animation:lcg-iconFloat 3s ease-in-out infinite;border-radius:24px;box-shadow:0 10px 30px #0003;display:flex;height:110px;justify-content:center;margin:0 auto 28px;width:110px}@keyframes lcg-iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lcg-main-icon{align-items:center;color:#fff;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3.5rem;justify-content:center}.lcg-main-icon svg{height:3.5rem;width:3.5rem}.lcg-title{color:#0f172a;font-size:2.125rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 10px}.lcg-subtitle{color:#64748b;font-size:1.125rem;font-weight:500;line-height:1.5;margin:0 0 36px}.lcg-content-list{display:flex;flex-direction:column;gap:14px;margin-bottom:40px;text-align:left}.lcg-content-item{align-items:center;animation:lcg-itemSlideIn .5s ease forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 4px 14px #0000000d;color:#374151;display:flex;font-size:.9375rem;gap:14px;line-height:1.6;opacity:0;padding:16px 20px;transition:all .3s ease}@keyframes lcg-itemSlideIn{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.lcg-content-item:hover{background:#fffffff2;box-shadow:0 8px 24px #0000001f;transform:translateX(6px) translateY(-2px)}.lcg-item-icon-box{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.lcg-content-item:hover .lcg-item-icon-box{transform:scale(1.15) rotate(5deg)}.lcg-item-icon{align-items:center;display:flex;font-size:1.25rem;justify-content:center}.lcg-item-icon svg{height:1.25rem;width:1.25rem}.lcg-item-text{flex:1 1;font-weight:500}.lcg-nav-section{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-top:36px}.lcg-nav-btn{align-items:center;border:none;border-radius:14px;box-shadow:0 4px 14px #00000014;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:10px;padding:13px 24px;transition:all .3s ease}.lcg-btn-prev{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff80;color:#64748b}.lcg-btn-prev:hover:not(:disabled){background:#fffffff2;box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.lcg-btn-prev:disabled{cursor:not-allowed;opacity:.4;transform:none}.lcg-btn-next{box-shadow:0 6px 20px #10b98166;color:#fff}.lcg-btn-next:hover:not(:disabled){box-shadow:0 8px 30px #10b98180;transform:translateY(-3px) scale(1.02)}.lcg-nav-btn i,.lcg-nav-btn svg{font-size:16px;height:16px;width:16px}.lcg-dots-container{align-items:center;display:flex;gap:10px}.lcg-dot{background:#9ca3af4d;border:none;border-radius:50%;box-shadow:0 2px 6px #0000001a;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.lcg-dot:hover{background:#9ca3af80;transform:scale(1.4)}.lcg-dot-active{border-radius:5px;box-shadow:0 4px 12px #0003;transform:scale(1);width:32px}@media (max-width:768px){.clickable,a,button{min-height:10px;min-width:10px}.lcg-container{border-radius:20px;max-height:95vh;max-width:100%;overflow-y:auto;padding:40px 28px 28px}.lcg-container::-webkit-scrollbar{width:6px}.lcg-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#059669);border-radius:3px}.lcg-main-icon-wrapper{border-radius:20px;height:90px;margin-bottom:24px;width:90px}.lcg-main-icon{font-size:3rem}.lcg-main-icon svg{height:3rem;width:3rem}.lcg-title{font-size:1.625rem;margin-bottom:8px}.lcg-subtitle{font-size:1rem;margin-bottom:28px}.lcg-content-list{gap:12px;margin-bottom:32px}.lcg-content-item{border-radius:14px;font-size:.875rem;gap:12px;padding:14px 16px}.lcg-item-icon-box{border-radius:10px;height:38px;width:38px}.lcg-item-icon{font-size:1.125rem}.lcg-item-icon svg{height:1.125rem;width:1.125rem}.lcg-nav-section{flex-wrap:wrap;gap:14px}.lcg-nav-btn{font-size:.875rem;padding:11px 20px}}@media (max-width:480px){.lcg-overlay{padding:12px}.lcg-container{border-radius:16px;padding:36px 20px 24px}.lcg-close-btn{height:36px;right:14px;top:14px;width:36px}.lcg-close-btn i,.lcg-close-btn svg{font-size:16px;height:16px;width:16px}.lcg-main-icon-wrapper{border-radius:18px;height:80px;width:80px}.lcg-main-icon{font-size:2.5rem}.lcg-main-icon svg{height:2.5rem;width:2.5rem}.lcg-title{font-size:1.375rem}.lcg-subtitle{font-size:.9375rem;margin-bottom:24px}.lcg-content-list{margin-bottom:28px}.lcg-content-item{font-size:.8125rem;gap:10px;padding:12px 14px}.lcg-item-icon-box{border-radius:9px;height:36px;width:36px}.lcg-item-icon{font-size:1rem}.lcg-item-icon svg{height:1rem;width:1rem}}.lcg-nav-section{flex-direction:column;gap:12px}.lcg-nav-btn{justify-content:center;padding:12px 20px;width:100%}.lcg-dots-container{order:-1}@media (prefers-color-scheme:dark){.lcg-overlay{background:#000000b3}.lcg-container{background:#1f2937e6}.lcg-title{color:#f9fafb}.lcg-subtitle{color:#d1d5db}.lcg-content-item{background:#374151b3;border-color:#4b556380;color:#e5e7eb}.lcg-content-item:hover{background:#374151f2}.lcg-close-btn{background:#4b5563cc;color:#d1d5db}.lcg-btn-prev{background:#374151cc;border-color:#4b556380;color:#d1d5db}}.lc-header{flex-shrink:0!important;min-height:56px!important;overflow:visible!important;padding:10px 16px!important}.lc-header,.lc-header-left{align-items:center!important;display:flex!important;gap:8px!important}.lc-header-left{flex:1 1!important;min-width:0!important}.lc-circle-icon{align-items:center!important;border-radius:10px!important;display:flex!important;flex-shrink:0!important;height:36px!important;justify-content:center!important;width:36px!important}.lc-circle-icon .material-symbols-rounded{font-size:20px!important}.lc-header-info{flex:1 1!important;min-width:0!important}.lc-header-info h2{font-size:15px!important;font-weight:700!important;line-height:1.3!important}.lc-header-info h2,.lc-header-info p{margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.lc-header-info p{font-size:11px!important}.lc-header-actions{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:4px!important}.lc-header-actions .lc-icon-btn{border-radius:8px!important;flex-shrink:0!important;height:34px!important;width:34px!important}.lc-header-actions .lc-icon-btn .material-symbols-rounded{font-size:18px!important}.lc-tabs{flex-shrink:0!important;gap:4px!important;padding:0 12px!important}.lc-tab{font-size:13px!important;gap:5px!important;padding:8px 12px!important}.lc-tab .material-symbols-rounded{font-size:17px!important}.lc-mobile-back-btn{align-items:center;background:#10b9811f;border:none;border-radius:8px;color:#10b981;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .15s;width:34px}.lc-mobile-back-btn .material-symbols-rounded{font-size:20px}.lc-mobile-back-btn:hover{background:#10b98138}.lc-messages-container{padding:12px!important}.lc-message{gap:8px!important}.lc-message-avatar{border-radius:15px!important;flex-shrink:0!important;height:30px!important;width:30px!important}.lc-message-avatar .material-symbols-rounded{font-size:16px!important}.lc-message-bubble{border-radius:12px!important;padding:8px 12px!important}.lc-message-header{gap:6px!important;margin-bottom:4px!important}.lc-message-sender{font-size:12px!important;font-weight:700!important}.lc-message-text{font-size:13px!important;line-height:1.5!important}.lc-message-footer{font-size:10px!important;gap:4px!important;margin-top:4px!important}.lc-faculty-badge,.lc-mavi-badge,.lc-new-badge{font-size:10px!important;padding:2px 6px!important}.lc-compose{flex-shrink:0!important;gap:8px!important;padding:8px 12px!important}.lc-compose textarea{border-radius:10px!important;font-size:13px!important;min-height:36px!important;padding:8px 12px!important}.lc-compose button[type=submit]{border-radius:8px!important;flex-shrink:0!important;height:36px!important;width:36px!important}.lc-compose button[type=submit] .material-symbols-rounded{font-size:18px!important}.lc-ask-mavi-btn{border-radius:8px!important;flex-shrink:0!important;font-size:12px!important;height:36px!important;padding:0 10px!important}.lc-ask-mavi-btn .material-symbols-rounded{font-size:17px!important}.lc-details-modal{max-width:680px!important}.lc-details-modal .lc-modal-header{padding:14px 20px!important}.lc-details-modal .lc-modal-header h2{font-size:1.125rem!important}.lc-modal-content{flex:1 1;overflow-y:auto;padding:16px 20px}.lc-modal-content::-webkit-scrollbar{width:6px}.lc-modal-content::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.lc-details-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:1fr 1fr;margin-top:10px}.lc-detail-group.lc-full-width{grid-column:1/-1}.lc-detail-group{background:#f9fafb99;border:1px solid #e5e7eb99;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.lc-detail-group label{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.05em;text-transform:uppercase}.lc-detail-group label .material-symbols-rounded{color:#9ca3af;font-size:14px}.lc-detail-group .lc-detail-value{color:#111827;font-size:13px!important;font-weight:500}.lc-detail-group .lc-detail-badge{border-radius:6px;font-size:12px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.lc-detail-group .lc-edit-input,.lc-detail-group .lc-edit-textarea{border-radius:7px!important;font-size:13px!important;padding:6px 10px!important}.lc-detail-group .lc-edit-textarea{min-height:60px!important;resize:vertical}.lc-details-modal .lc-modal-footer{gap:8px!important;padding:10px 20px!important}@media (max-width:600px){.lc-details-grid{grid-template-columns:1fr!important}.lc-detail-group.lc-full-width{grid-column:1!important}.lc-details-modal{border-radius:0!important;max-height:100dvh!important;max-width:100%!important}}.lc-modal-overlay:has(.lc-add-participants-modal){align-items:stretch!important;justify-content:stretch!important;padding:0!important}.lc-add-participants-modal{border-radius:0!important;height:100%!important;max-height:100%!important;max-width:100%!important;width:100%!important}.lc-add-participants-modal .lc-modal-header{flex-shrink:0;padding:14px 20px!important}.lc-add-participants-modal .lc-modal-tabs{background:#f9fafbcc;border-bottom:1px solid #e5e7ebcc;flex-shrink:0;padding:0 16px!important}.lc-add-participants-modal .lc-tab{border-bottom:2px solid #0000;flex:1 1;font-size:13px!important;justify-content:center;padding:10px 16px!important}.lc-add-participants-modal .lc-tab.active{background:#10b9810d;border-bottom-color:#10b981;color:#10b981}.lc-add-participants-modal .lc-search-box{background:#ffffffe6;border-bottom:1px solid #e5e7eb99;flex-shrink:0;padding:10px 16px!important}.lc-add-participants-modal .lc-search-box input{border-radius:10px!important;font-size:14px!important;padding:9px 36px 9px 38px!important}.lc-add-participants-modal .lc-modal-body{background:#f9fafb66;flex:1 1!important;overflow-y:auto!important;padding:0!important}.lc-add-participants-modal .lc-modal-footer{background:#fffffff2;border-top:1px solid #e5e7ebcc;flex-shrink:0;padding:12px 20px!important}.lc-user-list{display:flex;flex-direction:column}.lc-user-list-item{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb80;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s ease}.lc-user-list-item:last-child{border-bottom:none}.lc-user-list-item:hover{background:#f3f4f6cc}.lc-user-list-item.selected{background:#10b9810f;border-bottom-color:#10b98126}.lc-user-list-item.selected:hover{background:#10b9811a}.lc-list-checkbox{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:50%;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .2s;width:22px}.lc-list-checkbox.checked{background:#10b981;border-color:#10b981}.lc-list-checkbox .material-symbols-rounded{color:#fff;font-size:14px;font-variation-settings:"wght" 700}.lc-list-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 2px 6px #10b98140;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.lc-list-info{flex:1 1;min-width:0}.lc-list-name{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-user-list-item.selected .lc-list-name{color:#065f46}.lc-list-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:3px}.lc-list-meta-item{align-items:center;color:#9ca3af;display:inline-flex;font-size:11px;font-weight:500;gap:3px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-list-meta-item .material-symbols-rounded{flex-shrink:0;font-size:13px}.lc-list-selected-icon{color:#10b981;flex-shrink:0;font-size:20px;font-variation-settings:"FILL" 1}@media (max-width:768px){.lc-list-avatar{font-size:13px;height:36px;width:36px}.lc-user-list-item{gap:10px;padding:10px 14px}.lc-list-name{font-size:13px}.lc-list-meta-item{font-size:10px;max-width:150px}}.lc-chat-view{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border-radius:16px;box-shadow:0 8px 32px #0000001f,0 0 0 1px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.lc-header{background:#ffffff80;border-bottom:1px solid #e5e7ebcc;flex-shrink:0;justify-content:space-between;padding:20px 24px}.lc-header,.lc-header-left{align-items:center;display:flex}.lc-header-left{gap:12px}.lc-circle-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 2px 8px #10b9814d;display:flex;height:48px;justify-content:center;width:48px}.lc-circle-icon .material-symbols-rounded{color:#fff;font-size:28px}.lc-header-info h2{color:#111827;font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0}.lc-header-info p{color:#6b7280;font-size:13px;margin:4px 0 0}.lc-header-actions{display:flex;gap:8px}.lc-icon-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;border:1px solid #e5e7ebcc;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.lc-icon-btn:hover{background:#fffffff2;border-color:#3b82f6;transform:translateY(-1px)}.lc-icon-btn .material-symbols-rounded{color:#374151;font-size:20px}.lc-tabs{background:#fff6;border-bottom:1px solid #e5e7ebcc;flex-shrink:0;padding:0 24px}.lc-tab,.lc-tabs{display:flex;gap:8px}.lc-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.lc-tab:hover{background:#ffffff80;color:#374151}.lc-tab.active{background:#10b9810d;border-bottom-color:#10b981;color:#10b981}.lc-tab .material-symbols-rounded{font-size:20px}.lc-messages-container{background:#f9fafb80;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative}.lc-messages-container::-webkit-scrollbar{width:6px}.lc-messages-container::-webkit-scrollbar-track{background:#0000}.lc-messages-container::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.lc-messages-container::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.lc-floating-date{align-self:center;animation:fadeIn .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border-radius:999px;box-shadow:0 4px 12px #00000026;color:#6b7280;font-size:11px;font-weight:700;left:50%;letter-spacing:.5px;margin-bottom:10px;padding:8px 16px;position:-webkit-sticky;position:sticky;top:10px;transform:translateX(-50%);z-index:10}.lc-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:48px}.lc-loading-spinner{animation:spin .8s linear infinite;border:3px solid #10b9811a;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}.lc-loading p{color:#6b7280;font-size:14px}.lc-loading-older-sticky{align-items:center;animation:slideDown .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981f2,#059669e6);box-shadow:0 2px 8px #10b9814d;display:flex;gap:10px;justify-content:center;left:0;margin:-20px -20px 16px;padding:12px;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:15}.lc-loading-older-sticky .lc-loading-spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.lc-loading-older-sticky span{color:#fff;font-size:13px;font-weight:600}.lc-loading-older{display:none}.lc-loading-spinner-small{animation:spin .6s linear infinite;border:2px solid #10b98133;border-radius:50%;border-top-color:#10b981;height:16px;width:16px}.lc-empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:48px;text-align:center}.lc-empty-state .material-symbols-rounded{color:#d1d5db;font-size:64px}.lc-empty-state h3{color:#374151;font-size:18px;font-weight:600;margin:0}.lc-empty-state p{color:#6b7280;font-size:14px;margin:0}.lc-date-separator{align-items:center;display:flex;justify-content:center;margin:20px 0;position:relative;text-align:center}.lc-date-separator:after,.lc-date-separator:before{background:#e5e7ebcc;content:"";flex:1 1;height:1px}.lc-date-separator:before{margin-right:16px}.lc-date-separator:after{margin-left:16px}.lc-date-separator{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border-radius:999px;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 16px}.lc-message-wrapper{animation:slideIn .3s ease-out;display:flex;margin-bottom:16px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lc-message-wrapper.left{justify-content:flex-start}.lc-message-wrapper.right{justify-content:flex-end}.lc-message{display:flex;gap:12px;max-width:75%}.lc-message.right{flex-direction:row;gap:0}.lc-message.new .lc-message-bubble{animation:glow 1.5s ease-in-out}@keyframes glow{0%,to{box-shadow:0 2px 12px #3b82f64d}50%{box-shadow:0 4px 20px #3b82f680}}.lc-message-avatar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:24px;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.lc-message.left .lc-message-avatar{background:linear-gradient(135deg,#64748b26,#4755691a);border:1px solid #64748b4d}.lc-message.left .lc-message-avatar .material-symbols-rounded{color:#475569;font-size:22px;font-variation-settings:"FILL" 0}.lc-message-avatar img{height:100%;object-fit:cover;width:100%}.lc-message.ai .lc-message-avatar{background:linear-gradient(135deg,#3b82f633,#2563eb26);border:1px solid #3b82f64d}.lc-message.ai .lc-message-avatar .material-symbols-rounded{color:#3b82f6}.lc-message.faculty .lc-message-avatar{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border:1px solid #fbbf244d}.lc-message.right:not(.ai) .lc-message-avatar{background:linear-gradient(135deg,#10b98133,#05966926);border:1px solid #10b9814d}.lc-message.right:not(.ai) .lc-message-avatar .material-symbols-rounded{color:#059669}.lc-message-bubble{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 2px 12px #00000014;flex:1 1;padding:12px 16px;position:relative}.lc-message.left .lc-message-bubble{background:#fffffff2;border:1px solid #e5e7ebcc;border-bottom-left-radius:4px}.lc-message.ai .lc-message-bubble{background:linear-gradient(135deg,#3b82f61f,#2563eb14);border:1px solid #3b82f64d;border-bottom-right-radius:4px}.lc-message.faculty .lc-message-bubble{background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border:1px solid #fbbf244d;border-bottom-left-radius:4px}.lc-message.right:not(.ai) .lc-message-bubble{background:linear-gradient(135deg,#10b98126,#0596691f);border:1px solid #10b98159;border-bottom-right-radius:4px}.lc-message-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.lc-message-sender{color:#374151;flex:1 1;font-size:13px;font-weight:700}.lc-message.ai .lc-message-sender{color:#1e40af}.lc-message.right:not(.ai) .lc-message-sender{color:#065f46}.lc-message-actions{align-items:center;display:flex;gap:4px;margin-left:auto}.lc-star-btn{align-items:center;background:#0000000d;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;transform:translateX(-5px);transition:all .2s}.lc-message:hover .lc-star-btn,.lc-star-btn.starred{opacity:1;transform:translateX(0)}.lc-star-btn.starred{background:#fbbf2426}.lc-star-btn:hover{background:#00000026;transform:scale(1.1)}.lc-star-btn.starred:hover{background:#fbbf2440}.lc-star-btn .material-symbols-rounded{color:#9ca3af;font-size:16px}.lc-star-btn.starred .material-symbols-rounded{color:#f59e0b;font-variation-settings:"FILL" 1}.lc-star-btn:disabled{cursor:not-allowed;opacity:.5}.lc-edit-btn{align-items:center;background:#0000000d;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;transform:translateX(-5px);transition:all .2s}.lc-message:hover .lc-edit-btn{opacity:1;transform:translateX(0)}.lc-edit-btn:hover{background:#00000026;transform:scale(1.1)}.lc-edit-btn .material-symbols-rounded{color:#374151;font-size:16px}.lc-mavi-badge{align-items:center;background:#6366f126;border:1px solid #6366f133;border-radius:999px;color:#4f46e5;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.lc-mavi-badge .material-symbols-rounded{font-size:13px}.lc-faculty-badge{align-items:center;background:#fbbf2426;border:1px solid #fbbf2433;border-radius:999px;color:#d97706;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.lc-faculty-badge .material-symbols-rounded{font-size:13px}.lc-new-badge{align-items:center;animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef44444d;border-radius:999px;box-shadow:0 2px 6px #ef444466;color:#fff;display:inline-flex;font-size:10px;font-weight:700;gap:3px;padding:3px 7px}.lc-new-badge .material-symbols-rounded{font-size:11px;font-variation-settings:"FILL" 1}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.lc-message-text{word-wrap:break-word;font-size:14px;line-height:1.6;white-space:pre-wrap}.lc-message.left .lc-message-text{color:#111827}.lc-message.ai .lc-message-text{color:#1e40af;font-weight:500}.lc-message.faculty .lc-message-text{color:#92400e;font-weight:500}.lc-message.right:not(.ai) .lc-message-text{color:#065f46;font-weight:500}.lc-message-footer{align-items:center;display:flex;font-size:11px;font-weight:500;gap:8px;margin-top:8px}.lc-message.left .lc-message-footer{color:#9ca3af}.lc-message.ai .lc-message-footer,.lc-message.faculty .lc-message-footer,.lc-message.right:not(.ai) .lc-message-footer{color:#0006}.lc-message-time{opacity:.8}.lc-edited{font-size:.7rem;font-style:italic;opacity:.6}.lc-ai-confidence{background:#3b82f626;border:1px solid #3b82f633;border-radius:999px;color:#1e40af;font-weight:700;padding:2px 7px}.lc-scroll-bottom-btn{align-items:center;animation:fadeInUp .3s ease;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 12px #10b98166;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:24px;transition:all .2s;width:44px;z-index:10}.lc-scroll-bottom-btn:hover{box-shadow:0 6px 16px #10b98180;transform:translateY(-2px)}.lc-scroll-bottom-btn .material-symbols-rounded{color:#fff;font-size:24px}.lc-compose{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #e5e7ebcc;display:flex;flex-shrink:0;gap:12px;padding:16px 24px}.lc-compose textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;max-height:120px;min-height:44px;outline:none;padding:12px 16px;resize:none;transition:all .2s}.lc-compose textarea:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.lc-compose textarea:disabled{cursor:not-allowed;opacity:.6}.lc-ask-mavi-btn{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:1px solid #3b82f64d;border-radius:10px;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:0 16px;transition:all .2s}.lc-ask-mavi-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f6;transform:translateY(-1px)}.lc-ask-mavi-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.lc-ask-mavi-btn .material-symbols-rounded{font-size:20px}.lc-compose button[type=submit]{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.lc-compose button[type=submit]:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.lc-compose button[type=submit]:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.lc-compose button .material-symbols-rounded{font-size:20px}.lc-tab-content{background:#f9fafb80;flex:1 1;overflow-y:auto;padding:24px}.lc-participants-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.lc-participants-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.lc-btn-add-participants{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b9814d;border-radius:10px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s}.lc-btn-add-participants:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.lc-btn-add-participants .material-symbols-rounded{font-size:18px}.lc-participants-list{display:flex;flex-direction:column;gap:12px}.lc-participant-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s}.lc-participant-card:hover{background:#fff;border-color:#10b981;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.lc-participant-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;position:relative;width:48px}.lc-online-dot{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.lc-participant-info{flex:1 1;min-width:0}.lc-participant-name{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:4px}.lc-you-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px}.lc-participant-role{color:#6b7280;font-size:13px}.lc-role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.lc-role-badge .material-symbols-rounded{font-size:14px}.lc-role-creator{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid #fbbf244d;color:#d97706}.lc-role-moderator{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border:1px solid #3b82f64d;color:#3b82f6}.lc-role-member{background:#9ca3af1a;border:1px solid #9ca3af33;color:#6b7280}.lc-details-content{max-width:700px}.lc-details-header{align-items:center;border-bottom:2px solid #e5e7ebcc;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.lc-details-header h3{color:#111827;font-size:20px;font-weight:700;margin:0}.lc-btn-edit{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.lc-btn-edit:hover{background:linear-gradient(135deg,#3b82f626,#2563eb1a);transform:translateY(-1px)}.lc-btn-edit .material-symbols-rounded{font-size:18px}.lc-edit-actions{display:flex;gap:8px}.lc-btn-cancel{background:#f3f4f6cc;border:1px solid #e5e7ebcc;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.lc-btn-cancel:hover{background:#e5e7ebcc}.lc-btn-save{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.lc-btn-save:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.lc-btn-save .material-symbols-rounded{font-size:18px}.lc-detail-input,.lc-detail-textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:10px;color:#1f2937;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.lc-detail-input:focus,.lc-detail-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.lc-detail-textarea{line-height:1.5;min-height:100px;resize:vertical}.lc-detail-value.lc-empty{color:#9ca3af;font-style:italic}.lc-detail-section{margin-bottom:20px}.lc-detail-section label{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:8px}.lc-detail-section label .material-symbols-rounded{font-size:18px}.lc-detail-value{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:10px;color:#1f2937;font-size:14px;line-height:1.5;padding:12px 16px}.lc-detail-value.lc-context-id{color:#6b7280;font-family:Courier New,monospace;font-size:13px}.lc-detail-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.lc-detail-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px}.lc-purpose-badge{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid #10b98133;color:#10b981}.lc-context-badge{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);border:1px solid #8b5cf633;color:#8b5cf6}.lc-privacy-badge{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:1px solid #3b82f633;color:#3b82f6}.lc-privacy-badge .material-symbols-rounded{font-size:16px}.lc-audience-badge{background:linear-gradient(135deg,#ec48991a,#db27770d);border:1px solid #ec489933;color:#ec4899}.lc-status-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:13px;font-weight:600;padding:10px 16px}.lc-status-badge.enabled{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.lc-status-badge.disabled{background:#9ca3af1a;border:1px solid #9ca3af33;color:#6b7280}.lc-detail-section.lc-ai-toggle-section{align-items:center;background:linear-gradient(135deg,#3b82f60d,#2563eb05);border:1px solid #3b82f633;border-radius:12px;display:flex;gap:20px;justify-content:space-between;padding:20px}.lc-setting-info{flex:1 1}.lc-setting-title{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:6px}.lc-setting-title .material-symbols-rounded{color:#3b82f6;font-size:20px}.lc-setting-description{color:#6b7280;font-size:13px;line-height:1.5}.lc-toggle-switch{background:#d1d5db;border:none;border-radius:999px;cursor:pointer;flex-shrink:0;height:32px;position:relative;transition:background .3s;width:56px}.lc-toggle-switch.active{background:linear-gradient(135deg,#10b981,#059669)}.lc-toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:4px;position:absolute;top:4px;transition:transform .3s;width:24px}.lc-toggle-switch.active .lc-toggle-slider{transform:translateX(24px)}.lc-detail-section.lc-leave-section{border-top:2px solid #e5e7ebcc;margin-top:32px;padding-top:24px}.lc-btn-leave{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef44444d;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s;width:100%}.lc-btn-leave:hover{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#dc2626;box-shadow:0 4px 12px #ef444433;transform:translateY(-1px)}.lc-btn-leave .material-symbols-rounded{font-size:20px}.lc-leave-confirm{background:#fef2f280;border:1px solid #ef444433;border-radius:10px;padding:20px}.lc-confirm-text{color:#991b1b;display:block;font-size:14px;font-weight:600;margin-bottom:16px;text-align:center}.lc-confirm-actions{display:flex;gap:12px}.lc-btn-danger-confirm{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.lc-btn-danger-confirm:hover{box-shadow:0 4px 12px #dc262666;transform:translateY(-1px)}.lc-btn-cancel-confirm{background:#f3f4f6cc;border:1px solid #e5e7ebcc;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.lc-btn-cancel-confirm:hover{background:#e5e7ebcc}.lc-edit-popup-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.lc-edit-popup{animation:slideUp .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:90%}.lc-edit-popup-header{align-items:center;background:#f9fafbcc;border-bottom:1px solid #e5e7ebcc;display:flex;justify-content:space-between;padding:20px 24px}.lc-edit-popup-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.lc-popup-close{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.lc-popup-close:hover{background:#f3f4f6cc}.lc-popup-close .material-symbols-rounded{color:#6b7280;font-size:24px}.lc-edit-popup-content{padding:24px}.lc-edit-popup-content textarea{background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:12px;font-family:inherit;font-size:14px;min-height:120px;outline:none;padding:12px 16px;resize:vertical;transition:all .2s;width:100%}.lc-edit-popup-content textarea:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.lc-edit-popup-actions{border-top:1px solid #e5e7ebcc;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.lc-popup-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.lc-popup-btn.cancel{background:#f3f4f6cc;color:#6b7280}.lc-popup-btn.cancel:hover{background:#e5e7ebcc}.lc-popup-btn.save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.lc-popup-btn.save:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.lc-popup-btn.save:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.lc-popup-btn .material-symbols-rounded{font-size:18px}.lc-toast{align-items:center;animation:toastSlideIn .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-left:4px solid;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;gap:12px;padding:16px 20px;position:fixed;right:24px;top:24px;z-index:1001}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.lc-toast-success{border-left-color:#10b981}.lc-toast-error{border-left-color:#ef4444}.lc-toast-info{border-left-color:#3b82f6}.lc-toast .material-symbols-rounded{font-size:24px}.lc-toast-success .material-symbols-rounded{color:#10b981}.lc-toast-error .material-symbols-rounded{color:#ef4444}.lc-toast-info .material-symbols-rounded{color:#3b82f6}.lc-toast-message{color:#1f2937;font-size:14px;font-weight:500}@media (max-width:768px){.lc-header{padding:16px}.lc-header-info h2{font-size:18px}.lc-header-info p{font-size:12px}.lc-circle-icon{height:40px;width:40px}.lc-circle-icon .material-symbols-rounded{font-size:24px}.lc-tabs{padding:0 16px}.lc-tab{font-size:13px;padding:10px 12px}.lc-tab .material-symbols-rounded{font-size:18px}.lc-messages-container{padding:16px}.lc-message{max-width:85%}.lc-avatar-initials,.lc-message-avatar{height:32px;width:32px}.lc-message-avatar .material-symbols-rounded{font-size:18px}.lc-avatar-initials{font-size:12px}.lc-compose{padding:12px 16px}.lc-ask-mavi-btn span:last-child{display:none}.lc-scroll-bottom-btn{bottom:80px;height:40px;right:16px;width:40px}.lc-tab-content{padding:16px}.lc-detail-row{grid-template-columns:1fr}.lc-setting-title{font-size:14px}.lc-setting-description{font-size:12px}.lc-edit-popup{margin:0 16px;width:95%}.lc-toast{left:16px;right:16px;top:16px}.lc-edit-btn,.lc-star-btn{opacity:1;transform:translateX(0)}}@media (max-width:480px){.lc-message{max-width:90%}.lc-header-actions button:not(:last-child){display:none}}[data-theme=dark] .lc-chat-view{background:#1a1a1af2;border:1px solid #ffffff1a}[data-theme=dark] .lc-header{background:#1a1a1af2;border-bottom:1px solid #ffffff1a}[data-theme=dark] .lc-header-info h2{color:#fff}[data-theme=dark] .lc-header-info p{color:#9aa4b2}[data-theme=dark] .lc-icon-btn{background:#1a1a1acc;border-color:#ffffff1a}[data-theme=dark] .lc-icon-btn:hover{background:#1a1a1af2;border-color:#00ff884d}[data-theme=dark] .lc-icon-btn .material-symbols-rounded{color:#fff}[data-theme=dark] .lc-tabs{background:#1a1a1af2;border-bottom:1px solid #ffffff1a}[data-theme=dark] .lc-tab{color:#9aa4b2}[data-theme=dark] .lc-tab:hover{background:#ffffff0d;color:#fff}[data-theme=dark] .lc-tab.active{background:#00ff880d;border-bottom-color:#3efcd9;color:#3efcd9}[data-theme=dark] .lc-messages-container{background:#14141480}[data-theme=dark] .lc-loading p{color:#9aa4b2}[data-theme=dark] .lc-loading-spinner{border-color:#3efcd9 #00ff881a #00ff881a}[data-theme=dark] .lc-loading-older-sticky{background:linear-gradient(135deg,#10b981f2,#059669e6)}[data-theme=dark] .lc-empty-state .material-symbols-rounded{color:#4b5563}[data-theme=dark] .lc-empty-state h3{color:#d1d5db}[data-theme=dark] .lc-empty-state p{color:#9aa4b2}[data-theme=dark] .lc-date-separator{background:#1a1a1ae6;color:#9aa4b2}[data-theme=dark] .lc-date-separator:after,[data-theme=dark] .lc-date-separator:before{background:#ffffff1a}[data-theme=dark] .lc-floating-date{background:#1a1a1af2;box-shadow:0 4px 12px #00000080;color:#9aa4b2}[data-theme=dark] .lc-message.left .lc-message-bubble{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .lc-message.left .lc-message-text{color:#d1d5db}[data-theme=dark] .lc-message.right:not(.ai) .lc-message-bubble{background:linear-gradient(135deg,#065f46,#047857);border-color:#00ff884d}[data-theme=dark] .lc-message.right:not(.ai) .lc-message-text{color:#3efcd9}[data-theme=dark] .lc-message.ai .lc-message-bubble{background:linear-gradient(135deg,#00f2fe26,#00c8d21a);border-color:#00ff8840}[data-theme=dark] .lc-message.ai .lc-message-text{color:#3efcd9}[data-theme=dark] .lc-message.faculty .lc-message-bubble{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-color:#fbbf244d}[data-theme=dark] .lc-message.faculty .lc-message-text{color:#fbbf24}[data-theme=dark] .lc-faculty-badge{background:#fbbf2433;border-color:#fbbf244d;color:#fbbf24}[data-theme=dark] .lc-message-sender{color:#d1d5db}[data-theme=dark] .lc-edit-btn{background:#1a1a1acc;border-color:#ffffff1a}[data-theme=dark] .lc-edit-btn:hover{background:#1a1a1af2;border-color:#00ff884d}[data-theme=dark] .lc-edit-btn .material-symbols-rounded{color:#9aa4b2}[data-theme=dark] .lc-edit-btn:hover .material-symbols-rounded{color:#3efcd9}[data-theme=dark] .lc-star-btn{background:#ffffff0d}[data-theme=dark] .lc-star-btn:hover{background:#ffffff1a}[data-theme=dark] .lc-star-btn.starred{background:#fbbf2426}[data-theme=dark] .lc-star-btn.starred:hover{background:#fbbf2440}[data-theme=dark] .lc-star-btn .material-symbols-rounded{color:#9aa4b2}[data-theme=dark] .lc-star-btn.starred .material-symbols-rounded{color:#fbbf24}[data-theme=dark] .lc-message-footer{color:#9aa4b2}[data-theme=dark] .lc-compose{background:#1a1a1af2;border-top:1px solid #ffffff1a}[data-theme=dark] .lc-compose textarea{background:#1a1a1ae6;border-color:#ffffff1a;color:#fff}[data-theme=dark] .lc-compose textarea:focus{background:#1a1a1af2;border-color:#00ff884d}[data-theme=dark] .lc-participant-card{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .lc-participant-card:hover{background:#282828f2;border-color:#00ff884d}[data-theme=dark] .lc-participant-name{color:#fff}[data-theme=dark] .lc-participant-role{color:#9aa4b2}[data-theme=dark] .lc-btn-edit{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f666;color:#60a5fa}[data-theme=dark] .lc-btn-edit:hover{background:linear-gradient(135deg,#3b82f633,#2563eb26)}[data-theme=dark] .lc-btn-cancel{background:#ffffff0d;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .lc-btn-cancel:hover{background:#ffffff1a}[data-theme=dark] .lc-detail-input,[data-theme=dark] .lc-detail-textarea{background:#1a1a1ae6;border-color:#ffffff1a;color:#fff}[data-theme=dark] .lc-detail-input:focus,[data-theme=dark] .lc-detail-textarea:focus{background:#1a1a1af2;border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .lc-detail-value.lc-empty{color:#6b7280}[data-theme=dark] .lc-role-creator{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border-color:#fbbf2466;color:#fbbf24}[data-theme=dark] .lc-role-moderator{background:linear-gradient(135deg,#3b82f633,#2563eb26);border-color:#3b82f666;color:#60a5fa}[data-theme=dark] .lc-role-member{background:#ffffff0d;border-color:#ffffff1a;color:#9aa4b2}[data-theme=dark] .lc-details-header{border-bottom-color:#ffffff1a}[data-theme=dark] .lc-details-header h3{color:#fff}[data-theme=dark] .lc-detail-value{background:#1a1a1ae6;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .lc-detail-section label,[data-theme=dark] .lc-detail-value.lc-context-id{color:#9aa4b2}[data-theme=dark] .lc-purpose-badge{background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b9814d;color:#3efcd9}[data-theme=dark] .lc-context-badge{background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border-color:#8b5cf64d;color:#c4b5fd}[data-theme=dark] .lc-privacy-badge{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f64d;color:#60a5fa}[data-theme=dark] .lc-audience-badge{background:linear-gradient(135deg,#ec489926,#db27771a);border-color:#ec48994d;color:#f9a8d4}[data-theme=dark] .lc-status-badge.disabled{background:#ffffff0d;border-color:#ffffff1a;color:#9aa4b2}[data-theme=dark] .lc-detail-section.lc-ai-toggle-section{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f64d}[data-theme=dark] .lc-setting-title{color:#fff}[data-theme=dark] .lc-setting-title .material-symbols-rounded{color:#60a5fa}[data-theme=dark] .lc-setting-description{color:#9aa4b2}[data-theme=dark] .lc-toggle-switch{background:#ffffff1a}[data-theme=dark] .lc-detail-section.lc-leave-section{border-top-color:#ffffff1a}[data-theme=dark] .lc-btn-leave{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef444466;color:#ef4444}[data-theme=dark] .lc-btn-leave:hover{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef4444}[data-theme=dark] .lc-leave-confirm{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .lc-confirm-text{color:#fca5a5}[data-theme=dark] .lc-btn-cancel-confirm{background:#ffffff0d;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .lc-btn-cancel-confirm:hover{background:#ffffff1a}[data-theme=dark] .lc-participants-header h3{color:#fff}[data-theme=dark] .lc-edit-popup{background:#1a1a1afa;border:1px solid #ffffff1a}[data-theme=dark] .lc-edit-popup-header{background:#141414cc;border-bottom:1px solid #ffffff1a}[data-theme=dark] .lc-edit-popup-header h3{color:#fff}[data-theme=dark] .lc-popup-close:hover{background:#ffffff0d}[data-theme=dark] .lc-popup-close .material-symbols-rounded{color:#9aa4b2}[data-theme=dark] .lc-edit-popup-content textarea{background:#1a1a1ae6;border-color:#ffffff1a;color:#fff}[data-theme=dark] .lc-edit-popup-content textarea:focus{border-color:#00ff884d}[data-theme=dark] .lc-edit-popup-actions{border-top:1px solid #ffffff1a}[data-theme=dark] .lc-popup-btn.cancel{background:#ffffff0d;color:#d1d5db}[data-theme=dark] .lc-popup-btn.cancel:hover{background:#ffffff1a}[data-theme=dark] .lc-toast{background:#1a1a1afa!important;border:1px solid #ffffff1a}[data-theme=dark] .lc-toast-message{color:#fff}[data-theme=dark] .lc-tab-content{background:#14141480}.et-filters{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;flex-shrink:0;gap:.6rem;overflow:hidden;padding:.875rem 1.5rem}.et-search{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;flex:1 1;gap:.5rem;min-width:240px;padding:.5rem .75rem;transition:border-color .2s}.et-search:focus-within{border-color:#065f46;border-color:var(--color-primary,#065f46)}.et-search .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:1.1rem}.et-search input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:.875rem;outline:none}.et-search-clear{background:none;border:none;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;padding:0}.et-pills,.et-search-clear{align-items:center;display:flex}.et-pills{flex-wrap:wrap;gap:.375rem;min-width:0}.et-pill-sep{background:#e2e8f0;background:var(--border-color,#e2e8f0);flex-shrink:0;height:20px;margin:0 .25rem;width:1px}.et-pill{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-size:.78rem;font-weight:500;padding:.3rem .75rem;transition:all .15s;white-space:nowrap}.et-pill:hover{color:#065f46;color:var(--color-primary,#065f46)}.et-pill.active,.et-pill:hover{border-color:#065f46;border-color:var(--color-primary,#065f46)}.et-pill.active{background:#065f46;background:var(--color-primary,#065f46);color:#fff}.et-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.et-filter-select{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.8rem;gap:.3rem;height:32px;overflow:hidden;padding:0 .5rem 0 .6rem;position:relative;transition:border-color .15s}.et-filter-select:focus-within{border-color:#065f46;border-color:var(--color-primary,#065f46)}.et-filter-select>.material-symbols-rounded:first-child{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:.95rem;pointer-events:none}.et-filter-select select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-family:inherit;font-size:.8rem;outline:none;padding-right:20px;position:relative;z-index:1}.et-filter-caret{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:.9rem!important;pointer-events:none;position:absolute;right:6px}.et-filter-toggle{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:.3rem;height:32px;padding:0 .7rem;transition:all .15s;white-space:nowrap}.et-filter-toggle .material-symbols-rounded{font-size:.95rem}.et-filter-toggle:hover{border-color:#065f46;border-color:var(--color-primary,#065f46);color:#065f46;color:var(--color-primary,#065f46)}.et-filter-toggle.active{background:#eab3081a;border-color:#eab30880;color:#b45309}.et-filter-toggle.active .material-symbols-rounded{color:#f59e0b}.et-filter-toggle.active.standard{background:#6366f11a;border-color:#6366f166;color:#4f46e5}.et-filter-toggle.active.standard .material-symbols-rounded{color:#6366f1}.et-content{flex:1 1;overflow-y:auto;padding:1.5rem}.et-empty{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:4rem 2rem;text-align:center}.et-empty .material-symbols-rounded{font-size:3rem;opacity:.4}.et-empty p{color:#475569;color:var(--text-secondary,#475569);font-size:1rem;font-weight:500;margin:0}.et-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.et-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.25rem;transition:box-shadow .2s,border-color .2s}.et-card:hover{border-color:#065f46;border-color:var(--color-primary,#065f46);box-shadow:0 4px 16px #00000012}.et-card.inactive{opacity:.65}.et-card-header{gap:.65rem;min-width:0}.et-card-header,.et-card-icon{align-items:center;display:flex}.et-card-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:9px;flex-shrink:0;height:36px;justify-content:center;width:36px}.et-card-icon .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:1.1rem}.et-card-name{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:.95rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.et-act-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.et-act-btn .material-symbols-rounded{color:#64748b;color:var(--text-secondary,#64748b);font-size:1rem}.et-act-btn:hover{background:#065f460f;border-color:#065f46;border-color:var(--color-primary,#065f46)}.et-act-btn:hover .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46)}.et-act-btn.danger:hover{background:#fee2e2;border-color:#dc2626}.et-act-btn.danger:hover .material-symbols-rounded{color:#dc2626}.et-act-btn.set-default .material-symbols-rounded{color:#9ca3af}.et-act-btn.set-default:hover{background:#fef3c7;border-color:#f59e0b}.et-act-btn.set-default:hover .material-symbols-rounded{color:#b45309}.et-act-btn.set-default.is-default{background:#eab3080f;border-color:#eab30866}.et-act-btn.set-default.is-default .material-symbols-rounded{color:#f59e0b}.et-act-btn.set-default.is-default:hover{background:#fef3c7}.et-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.et-status-badge,.et-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.71rem;font-weight:700;gap:.25rem;letter-spacing:.04em;padding:.2rem .6rem;text-transform:uppercase}.et-status-badge .material-symbols-rounded,.et-type-badge .material-symbols-rounded{font-size:.82rem}.et-type-badge.general{background:#eff6ff;color:#0284c7}.et-type-badge.event{background:#fff7ed;color:#ea580c}.et-status-badge.active{background:#dcfce7;color:#059669}.et-status-badge.inactive{background:#9ca3af1f;color:#9ca3af}.et-status-badge.default{background:#eab3081f;border:1px solid #eab30840;color:#b45309}.et-status-badge.default .material-symbols-rounded{font-size:.82rem}.et-status-badge.standard{background:#6366f11a;border:1px solid #6366f140;color:#4f46e5}.et-status-badge.standard .material-symbols-rounded{font-size:.82rem}.et-act-btn.copy .material-symbols-rounded{color:#4f46e5}.et-act-btn.copy:hover{background:#6366f114;border-color:#4f46e5}.et-card-code{background:#065f4612;border-radius:5px;color:#065f46;color:var(--color-primary,#065f46);font-family:Courier New,monospace;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.15rem .45rem;text-transform:uppercase}.et-card-subject{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:7px;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.82rem;gap:.35rem;padding:.35rem .65rem}.et-card-subject .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:.9rem}.et-card-subject-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.et-card-footer{justify-content:space-between}.et-card-footer,.et-card-footer-left{align-items:center;display:flex;gap:.5rem}.et-card-footer-left{flex:1 1;flex-wrap:wrap;min-width:0}.et-card-desc{color:#475569;color:var(--text-secondary,#475569);font-size:.8rem}.et-card-ph-count{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:inline-flex;font-size:.75rem;gap:.25rem}.et-card-ph-count .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:.82rem}.et-card-date{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.75rem;gap:.25rem}.et-card-date .material-symbols-rounded{font-size:.82rem}.et-card-actions{display:flex;flex-shrink:0;gap:.3rem}.et-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.et-modal{animation:et-in .2s cubic-bezier(.34,1.3,.64,1);background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 24px 64px #00000038;display:flex;flex-direction:column;max-height:92vh;max-width:660px;overflow:hidden;width:100%}.et-modal-wide{max-width:92vw;width:1200px}.et-modal-sm{max-width:500px}.et-modal-preview{max-width:780px}@keyframes et-in{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:none}}.et-modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem 1rem}.et-modal-header h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.05rem;font-weight:700;margin:0}.et-modal-header p{font-size:.8rem;margin:.2rem 0 0}.et-modal-close,.et-modal-header p{color:#94a3b8;color:var(--text-muted,#94a3b8)}.et-modal-close{align-items:center;background:#f8fafc;background:var(--bg-primary,#f8fafc);border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;width:32px}.et-modal-close:hover{background:#fee2e2;color:#dc2626}.et-preview-header-btn{align-items:center;background:#f8fafc;background:var(--bg-primary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:7px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;gap:.3rem;padding:.35rem .8rem;transition:all .15s}.et-preview-header-btn:hover{border-color:#0284c7;color:#0284c7}.et-preview-header-btn .material-symbols-rounded{font-size:.95rem}.et-modal-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.25rem 1.5rem}.et-modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.et-btn-pri,.et-modal-footer{align-items:center;display:flex}.et-btn-pri{background:linear-gradient(135deg,#065f46,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;gap:.4rem;padding:.575rem 1.25rem;transition:all .15s}.et-btn-pri:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.et-btn-pri:disabled{cursor:not-allowed;opacity:.45;transform:none}.et-btn-pri .material-symbols-rounded{font-size:1rem}.et-btn-sec{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-family:inherit;font-size:.875rem;padding:.575rem 1.1rem;transition:all .15s}.et-btn-sec:hover{border-color:#dc2626;color:#dc2626}.et-fg-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.et-fg{display:flex;flex-direction:column;gap:.375rem}.et-fg label{color:#475569;color:var(--text-secondary,#475569);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.et-req{color:#dc2626}.et-fg input{background:#f8fafc;background:var(--bg-primary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:.875rem;outline:none;padding:.6rem .875rem;transition:border-color .2s}.et-fg input:focus{border-color:#065f46;border-color:var(--color-primary,#065f46)}.et-fg input[readonly]{cursor:not-allowed;opacity:.55}.et-event-banner{align-items:center;background:#ea580c0f;border:1px solid #ea580c33;border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem}.et-event-banner>.material-symbols-rounded{color:#ea580c;font-size:1.5rem}.et-event-banner>div{display:flex;flex:1 1;flex-direction:column;gap:.1rem}.et-event-banner strong{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem}.et-event-banner>div span{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.775rem}.et-event-banner>button{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-family:inherit;font-size:.78rem;gap:.3rem;padding:.3rem .65rem;transition:all .15s}.et-event-banner>button:hover{border-color:#ea580c;color:#ea580c}.et-evt-search{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:.5rem;padding:.75rem 1.5rem}.et-evt-search .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:1.1rem}.et-evt-search input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:.9rem;outline:none}.et-evt-list{max-height:380px;overflow-y:auto}.et-evt-empty,.et-evt-loading{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:2rem}.et-evt-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:.875rem 1.5rem;text-align:left;transition:background .12s;width:100%}.et-evt-item:hover{background:#f8fafc;background:var(--bg-primary,#f8fafc)}.et-evt-item:last-child{border-bottom:none}.et-evt-left{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.et-evt-code{color:#065f46;color:var(--color-primary,#065f46);font-family:Courier New,monospace;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.et-evt-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:600}.et-evt-desc{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.775rem}.et-evt-right{align-items:center;display:flex;flex-shrink:0;gap:.3rem}.et-evt-module{background:#065f4614;border-radius:20px;color:#065f46;color:var(--color-primary,#065f46);font-size:.7rem;font-weight:500;padding:.2rem .5rem}.et-evt-right .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:1.1rem}.et-rich-editor{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;display:flex;flex-direction:column;min-height:400px;overflow:visible;position:relative}.et-editor-topbar{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.5rem .875rem}.et-editor-topbar-right{align-items:center;display:flex;gap:.5rem}.et-tpl-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:7px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;gap:.3rem;padding:.3rem .75rem;transition:all .15s}.et-tpl-btn .material-symbols-rounded{font-size:.9rem}.et-tpl-btn.active,.et-tpl-btn:hover{background:#065f460d;border-color:#065f46;border-color:var(--color-primary,#065f46);color:#065f46;color:var(--color-primary,#065f46)}.et-tpl-picker{background:#065f4608;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem .875rem}.et-tpl-option{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:7px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;gap:.35rem;padding:.35rem .75rem;transition:all .15s}.et-tpl-option .material-symbols-rounded{font-size:1rem}.et-tpl-option:hover{background:#065f460d;border-color:#065f46;border-color:var(--color-primary,#065f46);color:#065f46;color:var(--color-primary,#065f46)}.et-mode-toggle{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:7px;display:flex;overflow:hidden}.et-mode-toggle button{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:none;border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0);color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-family:inherit;font-size:.78rem;gap:.25rem;padding:.3rem .75rem;transition:all .15s}.et-mode-toggle button:last-child{border-right:none}.et-mode-toggle button .material-symbols-rounded{font-size:.9rem}.et-mode-toggle button.active{background:#065f46;background:var(--color-primary,#065f46);color:#fff}.et-toolbar{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-wrap:wrap;gap:.125rem;padding:.375rem .875rem}.et-heading-select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:5px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-family:inherit;font-size:.78rem;margin-right:.25rem;outline:none;padding:.2rem .4rem}.et-toolbar-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .12s;width:28px}.et-toolbar-btn:hover{background:#e2e8f0;background:var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.et-toolbar-btn .material-symbols-rounded{font-size:1.05rem}.et-toolbar-sep{background:#e2e8f0;background:var(--border-color,#e2e8f0);height:18px;margin:0 .2rem;width:1px}.et-color-wrap{align-items:center;cursor:pointer;display:flex;gap:.1rem;position:relative}.et-color-wrap .material-symbols-rounded{color:#475569;color:var(--text-secondary,#475569);font-size:1.05rem}.et-color-input{border:none;cursor:pointer;height:20px;inset:0;opacity:0;padding:0;position:absolute;width:20px}.et-editor-body{min-height:320px}.et-editor-body,.et-editor-main{display:flex;flex:1 1;overflow:hidden}.et-editor-main{flex-direction:column}.et-content-editable{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:.9rem;line-height:1.65;min-height:320px;outline:none;overflow-y:auto;padding:1rem 1.25rem}.et-content-editable:empty:before{content:"Start writing your email body here, or pick an HTML template above..."}.et-content-editable [contenteditable]{outline:none}.et-html-textarea{background:#0d1117!important;border:none;caret-color:#58a6ff;color:#e6edf3!important;flex:1 1;font-family:JetBrains Mono,Fira Code,Cascadia Code,Courier New,monospace;font-size:.825rem;letter-spacing:.02em;line-height:1.75;min-height:320px;outline:none;padding:1.25rem 1.5rem;resize:none;tab-size:2}.et-html-textarea::placeholder{color:#484f58}.et-html-textarea:focus{background:#010409!important;outline:none}.et-field-panel{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-left:1px solid #e2e8f0;border-left:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:220px}.et-field-panel-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#475569;color:var(--text-secondary,#475569);display:flex;flex-shrink:0;font-size:.76rem;font-weight:700;gap:.4rem;letter-spacing:.05em;padding:.6rem .875rem;text-transform:uppercase}.et-field-panel-header .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:.95rem}.et-field-search{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:.35rem;padding:.4rem .75rem}.et-field-search .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.9rem}.et-field-search input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:.78rem;outline:none}.et-field-list{flex:1 1;overflow-y:auto;padding:.375rem 0}.et-field-empty,.et-field-loading{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;flex-direction:column;font-size:.775rem;gap:.35rem;justify-content:center;padding:1.5rem .75rem;text-align:center}.et-field-empty .material-symbols-rounded,.et-field-loading .material-symbols-rounded{font-size:1.5rem;opacity:.5}.et-field-group{padding:0 .25rem}.et-field-group.nested{margin-top:.25rem}.et-field-group-header{align-items:center;background:#0000;border:none;border-radius:5px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-family:inherit;font-size:.76rem;font-weight:600;gap:.25rem;padding:.35rem .5rem;text-align:left;transition:background .12s;width:100%}.et-field-group-header:hover{background:#e2e8f0;background:var(--border-color,#e2e8f0)}.et-field-group-header .material-symbols-rounded{font-size:.9rem}.et-fg-icon,.et-field-group-count{color:#065f46;color:var(--color-primary,#065f46)}.et-field-group-count{background:#065f461a;border-radius:10px;font-size:.68rem;font-weight:600;margin-left:auto;padding:.1rem .35rem}.et-field-group-items{padding-left:.5rem}.et-field-chip{align-items:center;background:#0000;border:none;border-radius:5px;cursor:pointer;display:flex;font-family:inherit;gap:.4rem;padding:.35rem .5rem;text-align:left;transition:background .12s;width:100%}.et-field-chip:hover{background:#065f460f}.et-field-chip:hover .et-field-chip-add{opacity:1}.et-field-chip.nested{padding-left:.75rem}.et-field-chip-icon{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:.85rem}.et-field-chip-body{display:flex;flex:1 1;flex-direction:column;gap:.05rem;overflow:hidden}.et-field-chip-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.78rem;font-weight:500}.et-field-chip-name,.et-field-chip-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.et-field-chip-path{font-family:Courier New,monospace;font-size:.66rem}.et-field-chip-add,.et-field-chip-path{color:#065f46;color:var(--color-primary,#065f46)}.et-field-chip-add{flex-shrink:0;font-size:.9rem;opacity:0;transition:opacity .15s}.et-preview-subject{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;flex-shrink:0;font-size:.875rem;gap:.5rem;padding:.75rem 1.5rem}.et-preview-subject .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:1rem}.et-preview-subject strong{color:#64748b;color:var(--text-muted,#64748b);margin-right:.25rem}.et-preview-body{background:#f1f5f9;flex:1 1;overflow-y:auto;padding:1.5rem}.et-preview-frame{background:#fff;border-radius:10px;box-shadow:0 2px 16px #0000001a;min-height:200px;overflow:hidden;padding:2rem}.et-preview-html{color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}.et-preview-html p{margin:0 0 1em}.et-preview-empty{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:3rem;text-align:center}.et-preview-empty .material-symbols-rounded{font-size:2.5rem;opacity:.4}.et-preview-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);flex-shrink:0;gap:1rem;justify-content:space-between;padding:.875rem 1.5rem}.et-preview-chips,.et-preview-footer{align-items:center;display:flex;flex-wrap:wrap}.et-preview-chips{flex:1 1;gap:.4rem}.et-preview-chips-label{align-items:center;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.78rem;font-weight:600;gap:.25rem;white-space:nowrap}.et-preview-chips-label .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:.9rem}.et-preview-ph-chip{background:#065f4614;border-radius:4px;color:#065f46;color:var(--color-primary,#065f46);font-family:Courier New,monospace;font-size:.72rem;font-weight:600;padding:.15rem .5rem}.et-preview-no-ph{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.78rem}.et-view-toggle{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:8px;display:flex;gap:2px;padding:2px}.et-view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s;width:30px}.et-view-btn .material-symbols-rounded{font-size:1rem}.et-view-btn.active{background:#fff;background:var(--bg-primary,#fff);box-shadow:0 1px 4px #0000001a;color:#065f46;color:var(--color-primary,#065f46)}.et-list{display:flex;flex-direction:column;gap:.5rem}.et-list-row{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;gap:1rem;padding:.875rem 1.25rem;transition:box-shadow .2s,border-color .2s}.et-list-row:hover{border-color:#065f46;border-color:var(--color-primary,#065f46);box-shadow:0 4px 16px #00000012}.et-list-row.inactive{opacity:.6}.et-list-left{flex:1 1;gap:.75rem;min-width:0}.et-list-icon,.et-list-left{align-items:center;display:flex}.et-list-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:9px;flex-shrink:0;height:38px;justify-content:center;width:38px}.et-list-icon .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:1.15rem}.et-list-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0;overflow:hidden}.et-list-top{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.et-list-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:600;margin-right:.25rem}.et-list-subject{align-items:center;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.8rem;gap:.3rem;overflow:hidden}.et-list-subject-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.et-list-subject .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:.85rem}.et-list-meta{align-items:center;display:flex;gap:.75rem}.et-list-code{background:#065f4614;border-radius:4px;color:#065f46;color:var(--color-primary,#065f46);font-family:Courier New,monospace;font-size:.7rem;font-weight:700;padding:.1rem .4rem}.et-list-date{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.72rem;gap:.25rem}.et-list-date .material-symbols-rounded{font-size:.8rem}.et-list-actions{display:flex;flex-shrink:0;gap:.25rem}@media (max-width:900px){.et-modal-wide{max-width:98vw;width:98vw}.et-field-panel{width:180px}}@media (max-width:768px){.et-overlay{align-items:flex-end;padding:0}.et-modal{animation:et-slide-up .28s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;max-height:88vh}.et-modal,.et-modal-wide{max-width:100%;width:100%}.et-modal-wide{border-radius:16px 16px 0 0;max-height:95vh}.et-modal-preview{border-radius:20px 20px 0 0;max-width:100%}.et-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@keyframes et-slide-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.et-card-name{font-size:.875rem}.et-filters{gap:.4rem;padding:.6rem .75rem}.et-filter-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;padding-bottom:3px}.et-filter-select,.et-filter-toggle{flex-shrink:0;font-size:.72rem;height:28px}.et-pill-sep{flex-shrink:0}.et-view-toggle{display:none}.et-content{padding:.75rem}.et-grid{gap:.6rem;grid-template-columns:1fr}.et-list-row{align-items:stretch;flex-direction:column;gap:.5rem;padding:.75rem .875rem}.et-list-left{gap:.6rem}.et-list-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:.3rem;justify-content:flex-end;padding-top:.4rem}.et-list-name{font-size:.875rem}.et-list-top{flex-wrap:wrap;gap:.3rem}.et-list-subject{font-size:.78rem}.et-list-meta{gap:.5rem}.et-editor-body{flex-direction:column}.et-field-panel{border-left:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);height:150px;width:100%}.et-toolbar{-webkit-overflow-scrolling:touch;overflow-x:auto}.et-toolbar-group{flex-wrap:nowrap}.et-fg-row{grid-template-columns:1fr}.et-modal{border-radius:20px 20px 0 0;max-height:92vh}.et-modal-wide{max-height:98vh}}.et-sample-btn{align-items:center;background:#fef9c399;border:1px solid #eab30866;border-radius:7px;color:#92400e;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.3rem;padding:.3rem .75rem;transition:all .15s}.et-sample-btn .material-symbols-rounded{color:#d97706;font-size:.9rem}.et-sample-btn:hover{background:#fef08a;border-color:#d97706}.et-evt-has-sample{align-items:center;background:#eab30826;border:1px solid #eab30859;border-radius:20px;color:#92400e;display:inline-flex;font-size:.65rem;font-weight:700;gap:.2rem;letter-spacing:.04em;padding:.1rem .4rem;text-transform:uppercase}.et-evt-has-sample .material-symbols-rounded{font-size:.7rem}.et-content-editable:empty:before{color:#94a3b8;color:var(--text-muted,#94a3b8);content:attr(data-placeholder);pointer-events:none}.et-img-btn .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46)}.et-img-btn:hover{background:#065f4614!important}.et-img-modal{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014;left:-9999px;overflow:visible;position:fixed;top:-9999px;width:360px;z-index:9999}.et-toolbar{overflow:visible;position:relative}.et-img-modal-header{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.875rem 1rem}.et-img-modal-header .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:1.1rem}.et-img-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;display:flex;margin-left:auto;padding:.15rem;transition:all .15s}.et-img-modal-close:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.et-img-modal-close .material-symbols-rounded{font-size:1rem}.et-img-modal-body{gap:.75rem;padding:.875rem 1rem}.et-img-field,.et-img-modal-body{display:flex;flex-direction:column}.et-img-field{gap:.3rem}.et-img-field label{color:#475569;color:var(--text-secondary,#475569);font-size:.75rem;font-weight:600}.et-img-field input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:.8rem;outline:none;padding:.45rem .65rem;transition:border-color .15s}.et-img-field input:focus{border-color:#065f46;border-color:var(--color-primary,#065f46)}.et-img-options{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:1fr 80px}.et-img-options .et-img-field:first-child{grid-column:1/-1}.et-img-align-btns{display:flex;gap:.25rem}.et-img-align-btns button{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:5px;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:.35rem;transition:all .15s}.et-img-align-btns button .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:1rem}.et-img-align-btns button.active,.et-img-align-btns button:hover{border-color:#065f46;border-color:var(--color-primary,#065f46)}.et-img-align-btns button.active{background:#065f46;background:var(--color-primary,#065f46)}.et-img-align-btns button.active .material-symbols-rounded{color:#fff}.et-img-preview{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;justify-content:center;max-height:120px;overflow:hidden}.et-img-preview img{display:block;max-height:120px;max-width:100%;object-fit:contain}.et-img-url-hint{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.72rem;gap:.3rem;margin-top:2px}.et-img-url-hint .material-symbols-rounded{flex-shrink:0;font-size:.82rem}.et-img-modal-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.et-btn-insert-btn .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46)}.et-btn-insert-btn:hover{background:#065f4614!important}.et-btn-modal{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014;left:-9999px;overflow:visible;position:fixed;top:-9999px;width:340px;z-index:9999}.et-btn-modal-row{align-items:flex-start;display:flex;gap:.75rem}.et-btn-color-row{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;margin-top:2px}.et-btn-color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;flex-shrink:0;height:24px;padding:0;transition:transform .15s,border-color .15s;width:24px}.et-btn-color-swatch:hover{transform:scale(1.15)}.et-btn-color-swatch.active{border-color:#1e293b;border-color:var(--text-primary,#1e293b);box-shadow:inset 0 0 0 2px #fff;transform:scale(1.18)}.et-btn-color-custom{align-items:center;border:2px dashed #e2e8f0;border:2px dashed var(--border-color,#e2e8f0);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;overflow:hidden;position:relative;transition:border-color .15s;width:24px}.et-btn-color-custom:hover{border-color:#065f46;border-color:var(--color-primary,#065f46)}.et-btn-color-custom .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.9rem;pointer-events:none}.et-btn-color-custom input[type=color]{border:none;cursor:pointer;height:100%;inset:0;opacity:0;padding:0;position:absolute;width:100%}.et-btn-preview{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:6px 12px 10px}.et-btn-preview-label{color:#94a3b8;color:var(--text-muted,#94a3b8);display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.et-content-editable a[data-cta-btn]{cursor:pointer;position:relative}.et-content-editable a[data-cta-btn]:hover:after{background:#1e293b;border-radius:4px;color:#fff;content:"✎ Edit button";font-size:11px;left:50%;padding:3px 8px;pointer-events:none;position:absolute;top:-26px;transform:translateX(-50%);white-space:nowrap;z-index:100}.et-entity-badge{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.78rem;gap:.4rem;padding:.3rem .75rem;-webkit-user-select:none;user-select:none}.et-entity-badge .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:.95rem}.et-entity-badge-name{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600}.et-entity-badge-empty{color:#94a3b8;color:var(--text-muted,#94a3b8);font-style:italic}.et-entity-locked{align-items:center;background:#f0fdf4;border:1px solid #a7f3d0;border-radius:8px;cursor:default;display:flex;font-size:.85rem;gap:.5rem;padding:.45rem .75rem}.et-entity-locked .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:.95rem}.et-entity-locked-name{color:#065f46;color:var(--color-primary,#065f46);font-weight:700}.et-entity-locked-hint{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.75rem;font-style:italic;margin-left:auto}.et-entity-select-wrap{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;gap:.5rem;padding:0 .65rem;transition:border-color .2s}.et-entity-select-wrap:focus-within{border-color:#065f46;border-color:var(--color-primary,#065f46)}.et-entity-select-wrap .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);flex-shrink:0;font-size:1rem}.et-entity-select-wrap select{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;flex:1 1;font-family:inherit;font-size:.875rem;outline:none;padding:.45rem 0}.et-help-panel{animation:et-help-in .18s ease;background:#f0f9ff;border-bottom:1px solid #bae6fd;padding:1rem 1.5rem 1.25rem;position:relative}@keyframes et-help-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.et-help-close{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;padding:2px;position:absolute;right:1rem;top:.75rem;transition:color .15s}.et-help-close:hover{color:#1e293b}.et-help-close .material-symbols-rounded{font-size:1.1rem}.et-help-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.et-help-grid{grid-template-columns:1fr}.et-help-panel{padding:.875rem .875rem 1rem}}.et-help-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;border-top:3px solid #e2e8f0;padding:.875rem 1rem}.et-help-card.active{border-top-color:#059669}.et-help-card.default{border-top-color:#f59e0b}.et-help-card.standard{border-top-color:#6366f1}.et-help-card-header{align-items:center;display:flex;font-size:.875rem;font-weight:700;gap:.4rem;margin-bottom:.5rem}.et-help-card.active .et-help-card-header{color:#059669}.et-help-card.default .et-help-card-header{color:#b45309}.et-help-card.standard .et-help-card-header{color:#4f46e5}.et-help-card-header .material-symbols-rounded{font-size:1.1rem}.et-help-card p{color:#475569;font-size:.8rem;line-height:1.65;margin:0}.et-help-card p strong{color:#1e293b}.et-help-card p em{color:#0369a1;font-style:normal;font-weight:500}.et-social-section{display:flex;flex-direction:column;gap:.625rem}.et-social-section-label{align-items:center;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.78rem;font-weight:700;gap:.35rem;letter-spacing:.05em;text-transform:uppercase}.et-social-label{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:.82rem;font-weight:600;gap:.4rem;margin-bottom:.5rem}.et-social-label .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:1rem}.et-social-label-hint{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.72rem;font-weight:400;margin-left:.25rem}.et-social-fields-row{display:flex;flex-direction:column;gap:.4rem}.et-social-brand-pill{align-items:center;border-radius:5px;display:flex;flex-shrink:0;height:24px;justify-content:center;overflow:hidden;width:24px}.et-social-brand-pill svg{display:block}.et-social-field{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;gap:.5rem;height:38px;padding:0 .65rem;transition:border-color .2s,box-shadow .2s}.et-social-field input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:.875rem;min-width:0;outline:none;padding:0}.et-social-field input::placeholder,.et-social-prefix{color:#94a3b8;color:var(--text-muted,#94a3b8)}.et-social-prefix{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0);flex-shrink:0;font-size:.8rem;font-weight:500;margin-right:.15rem;padding-right:.5rem;white-space:nowrap}.et-social-field.instagram:focus-within{border-color:#c13584;box-shadow:0 0 0 3px #c135841a}.et-social-field.x-twitter:focus-within{border-color:#000;box-shadow:0 0 0 3px #00000014}.et-social-field.google:focus-within{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41f}.et-social-brand{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:22px;justify-content:center;overflow:hidden;width:22px}.et-social-brand img{border:0;display:block;height:22px;width:22px}.et-social-rating-row{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;gap:.5rem;height:38px;padding:0 .65rem;transition:border-color .2s,box-shadow .2s}.et-social-rating-row:focus-within{border-color:#fbbc04;box-shadow:0 0 0 3px #fbbc0424}.et-social-rating-label{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0);color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:.8rem;margin-right:.15rem;padding-right:.5rem;white-space:nowrap}.et-social-rating-stars{color:#fbbc04;flex-shrink:0;font-size:.95rem;letter-spacing:1px}.et-social-rating-row input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:.875rem;font-weight:600;min-width:0;outline:none;padding:0;width:60px}.et-social-clear{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;display:flex;flex-shrink:0;padding:0;transition:color .15s}.et-social-clear:hover{color:#dc2626}.et-social-clear .material-symbols-rounded{font-size:.95rem}.et-social-token-btn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;display:flex;flex-shrink:0;padding:0 2px;transition:color .15s,background .15s}.et-social-token-btn .material-symbols-rounded{font-size:1rem}.et-social-token-btn.active,.et-social-token-btn:hover{background:#065f4612;color:#065f46;color:var(--color-primary,#065f46)}.et-social-token-drop{animation:et-in .15s cubic-bezier(.34,1.3,.64,1);background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.et-social-token-drop-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.55rem .75rem .3rem;text-transform:uppercase}.et-social-token-item{align-items:center;background:none;border:none;color:#065f46;color:var(--color-primary,#065f46);cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:.82rem;font-weight:500;gap:.45rem;overflow:hidden;padding:.45rem .75rem;text-align:left;text-overflow:ellipsis;transition:background .12s;white-space:nowrap;width:100%}.et-social-token-item .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:.85rem}.et-social-token-item:hover{background:#065f460f}.et-social-token-item.active{background:#065f461a;font-weight:700}.et-social-token-drop-hint{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.72rem;font-style:italic;margin-top:2px;padding:.35rem .75rem .55rem}.et-social-field.rating:focus-within{border-color:#fbbc04;box-shadow:0 0 0 3px #fbbc0424}.et-wishes-picker{animation:et-in .18s cubic-bezier(.34,1.2,.64,1);background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0)}.et-wishes-picker-header{align-items:center;background:linear-gradient(135deg,#7c3aed14,#db27770d);border-bottom:1px solid #7c3aed26;color:#7c3aed;display:flex;font-size:.82rem;font-weight:700;gap:.5rem;padding:.65rem 1rem}.et-wishes-picker-header .material-symbols-rounded{color:#7c3aed;font-size:1rem}.et-wishes-picker-close{align-items:center;background:none;border:none;border-radius:5px;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;display:flex;margin-left:auto;padding:2px;transition:color .15s,background .15s}.et-wishes-picker-close:hover{background:#fee2e2;color:#dc2626}.et-wishes-picker-close .material-symbols-rounded{font-size:1rem}.et-wishes-picker-body{max-height:340px;overflow-y:auto;padding:.75rem 1rem 1rem}.et-wishes-cat{margin-bottom:.5rem}.et-wishes-cat-label{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.68rem;font-weight:800;gap:.35rem;letter-spacing:.08em;margin-top:.25rem;padding:.5rem 0 .35rem;text-transform:uppercase}.et-wishes-cat:first-child .et-wishes-cat-label{border-top:none;margin-top:0;padding-top:0}.et-wishes-cat-label .material-symbols-rounded{font-size:.82rem}.et-wishes-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(2,1fr)}.et-wish-card{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:9px;cursor:pointer;display:flex;font-family:inherit;gap:.55rem;padding:.6rem .75rem;text-align:left;transition:all .15s}.et-wish-card:hover{background:#7c3aed0a;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed1f;transform:translateY(-1px)}.et-wish-card-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-family:Arial,sans-serif;font-size:14px;height:30px;justify-content:center;line-height:30px;text-align:center;width:30px}.et-wish-card-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.et-wish-card-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.78rem;font-weight:700}.et-wish-card-hint,.et-wish-card-label{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.et-wish-card-hint{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.68rem}.et-tpl-option.wishes{background:linear-gradient(135deg,#7c3aed12,#db27770a);border-color:#7c3aed4d;color:#7c3aed}.et-tpl-option.wishes:hover{background:linear-gradient(135deg,#7c3aed24,#db277717);border-color:#7c3aed}.et-tpl-option.wishes .material-symbols-rounded{color:#7c3aed}.et-card-wish-badge{align-items:center;background:linear-gradient(135deg,#7c3aed1a,#db277714);border:1px solid #7c3aed33;border-radius:20px;color:#7c3aed;display:inline-flex;font-size:.68rem;font-weight:700;gap:.25rem;letter-spacing:.04em;padding:.18rem .5rem;text-transform:uppercase}.et-card-wish-badge .material-symbols-rounded{font-size:.75rem}.sn-page{height:100%}.sn-empty,.sn-loading,.sn-page{display:flex;flex-direction:column}.sn-empty,.sn-loading{align-items:center;color:#475569;color:var(--text-secondary,#475569);gap:.75rem;justify-content:center;padding:4rem 2rem;text-align:center}.sn-empty .material-symbols-rounded,.sn-loading .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:3rem;opacity:.5}.sn-empty p{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:600;margin:0}.sn-empty span{font-size:.875rem}.sn-list{gap:.75rem}.sn-card,.sn-list{display:flex;flex-direction:column}.sn-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;gap:.6rem;padding:1rem 1.25rem;transition:box-shadow .2s,border-color .2s}.sn-card:hover{border-color:#065f46;border-color:var(--color-primary,#065f46);box-shadow:0 4px 16px #00000012}.sn-card-header{gap:.65rem;min-width:0}.sn-card-header,.sn-card-icon{align-items:center;display:flex}.sn-card-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:9px;flex-shrink:0;height:36px;justify-content:center;width:36px}.sn-card-icon .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:1.1rem}.sn-card-name{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:.95rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-status-badge{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.71rem;font-weight:700;gap:.3rem;padding:.2rem .6rem}.sn-status-badge .material-symbols-rounded{font-size:.85rem}.sn-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.sn-meta-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:.72rem;font-weight:600;gap:.25rem;padding:.2rem .6rem}.sn-meta-pill .material-symbols-rounded{font-size:.82rem}.sn-meta-pill.event{background:#fef3c7;color:#92400e}.sn-meta-pill.delivery.email{background:#eff6ff;color:#1d4ed8}.sn-meta-pill.delivery.in_app{background:#ecfdf5;color:#065f46}.sn-meta-pill.recip{background:#f3e8ff;color:#6d28d9}.sn-card-footer{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.sn-card-desc{color:#475569;color:var(--text-secondary,#475569);flex:1 1;font-size:.8rem;min-width:0}.sn-card-actions{display:flex;flex-shrink:0;gap:.3rem}.sn-act-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.sn-act-btn .material-symbols-rounded{color:#64748b;color:var(--text-secondary,#64748b);font-size:1rem}.sn-act-btn:hover{background:#065f460f;border-color:#065f46;border-color:var(--color-primary,#065f46)}.sn-act-btn:hover .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46)}.sn-act-btn.danger:hover{background:#fee2e2;border-color:#dc2626}.sn-act-btn.danger:hover .material-symbols-rounded{color:#dc2626}.sn-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.sn-modal{background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 24px 64px #0000002e;max-height:90vh;max-width:640px}.sn-modal-header{background:#f8fafc;background:var(--bg-secondary,#f8fafc);gap:.75rem;padding:1.25rem 1.5rem}.sn-modal-header .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:1.4rem}.sn-modal-header h2{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:1.05rem;font-weight:700;margin:0}.sn-modal-close{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.sn-modal-close .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:1rem}.sn-modal-close:hover{background:#fee2e2;border-color:#dc2626}.sn-modal-close:hover .material-symbols-rounded{color:#dc2626}.sn-modal-steps{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:1.25rem 1.5rem 0}.sn-step-bar{padding-bottom:1.25rem}.sn-step,.sn-step-bar{align-items:center;display:flex}.sn-step{flex-direction:column;gap:.4rem}.sn-step-circle{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:50%;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.82rem;font-weight:700;height:32px;justify-content:center;transition:all .2s;width:32px}.sn-step-circle .material-symbols-rounded{font-size:.95rem}.sn-step.active .sn-step-circle{background:#065f46;background:var(--color-primary,#065f46);color:#fff}.sn-step.active .sn-step-circle,.sn-step.done .sn-step-circle{border-color:#065f46;border-color:var(--color-primary,#065f46)}.sn-step.done .sn-step-circle{background:#dcfce7;color:#065f46;color:var(--color-primary,#065f46)}.sn-step-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.7rem;font-weight:500;white-space:nowrap}.sn-step.active .sn-step-label{color:#065f46;color:var(--color-primary,#065f46);font-weight:600}.sn-step.done .sn-step-label{color:#475569;color:var(--text-secondary,#475569)}.sn-step-line{background:#e2e8f0;background:var(--border-color,#e2e8f0);flex:1 1;height:2px;margin:0 .5rem 1.4rem;transition:background .2s}.sn-step-line.done{background:#065f46;background:var(--color-primary,#065f46)}.sn-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.sn-step-body{display:flex;flex-direction:column;gap:1rem}.sn-step-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 .25rem}.sn-step-title .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:1.2rem}.sn-step-hint{font-size:.82rem;margin:0 0 .5rem}.sn-field-label,.sn-step-hint{color:#475569;color:var(--text-secondary,#475569)}.sn-field-label{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;margin-bottom:.4rem}.sn-field-required{color:#dc2626;font-size:.72rem;font-weight:500}.sn-optional{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.72rem;font-weight:400}.sn-field-group{display:flex;flex-direction:column;gap:.35rem}.sn-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:border-color .15s}.sn-input:focus{border-color:#065f46;border-color:var(--color-primary,#065f46)}.sn-textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:.875rem;outline:none;padding:.5rem .75rem;resize:vertical;transition:border-color .15s}.sn-textarea:focus{border-color:#065f46;border-color:var(--color-primary,#065f46)}.sn-loading-row{align-items:center;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.82rem;gap:.5rem;padding:.5rem 0}.sn-event-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.sn-event-card{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.4rem;padding:1rem .75rem;position:relative;text-align:center;transition:all .15s}.sn-event-card:hover{background:#065f4608}.sn-event-card.selected,.sn-event-card:hover{border-color:#065f46;border-color:var(--color-primary,#065f46)}.sn-event-card.selected{background:#ecfdf5}.sn-event-icon{color:#065f46;color:var(--color-primary,#065f46);font-size:1.5rem}.sn-event-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.8rem;font-weight:600;line-height:1.3}.sn-event-code{color:#94a3b8;color:var(--text-muted,#94a3b8);font-family:monospace;font-size:.68rem}.sn-event-check{color:#065f46;color:var(--color-primary,#065f46);font-size:1rem;position:absolute;right:6px;top:6px}.sn-no-templates{align-items:center;border:2px dashed #e2e8f0;border:2px dashed var(--border-color,#e2e8f0);border-radius:10px;color:#475569;color:var(--text-secondary,#475569);display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center}.sn-no-templates .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:2rem}.sn-no-templates p{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:500;margin:0}.sn-no-templates span{font-size:.8rem}.sn-template-list{display:flex;flex-direction:column;gap:.4rem}.sn-template-row{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;font-family:inherit;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .15s}.sn-template-row .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:1.1rem}.sn-template-row:hover{background:#065f4608}.sn-template-row.selected,.sn-template-row:hover{border-color:#065f46;border-color:var(--color-primary,#065f46)}.sn-template-row.selected{background:#ecfdf5}.sn-template-row.selected .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46)}.sn-template-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.sn-template-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.85rem;font-weight:600}.sn-template-subject{color:#475569;color:var(--text-secondary,#475569);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-check-icon{color:#065f46;color:var(--color-primary,#065f46);flex-shrink:0;font-size:1.1rem}.sn-delivery-card{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.4rem;padding:1.1rem .75rem;position:relative;text-align:center;transition:all .15s}.sn-delivery-card.selected,.sn-delivery-card:hover:not(.disabled){border-color:#065f46;border-color:var(--color-primary,#065f46)}.sn-delivery-card.selected{background:#ecfdf5}.sn-delivery-card.disabled{cursor:not-allowed;opacity:.45}.sn-delivery-icon{color:#065f46;color:var(--color-primary,#065f46);font-size:1.6rem}.sn-delivery-card.disabled .sn-delivery-icon{color:#94a3b8;color:var(--text-muted,#94a3b8)}.sn-delivery-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.82rem;font-weight:600}.sn-delivery-desc{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.72rem}.sn-delivery-check{color:#065f46;color:var(--color-primary,#065f46);font-size:1rem;position:absolute;right:6px;top:6px}.sn-coming-soon{background:#fef3c7;border-radius:10px;color:#92400e;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:.15rem .45rem}.sn-inapp-config{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.sn-recip-type-row{display:flex;flex-direction:column;gap:.5rem}.sn-recip-type-card{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:10px;cursor:pointer;display:flex;font-family:inherit;gap:.875rem;padding:.875rem 1rem;text-align:left;transition:all .15s}.sn-recip-type-card .material-symbols-rounded:first-child{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:1.4rem}.sn-recip-type-card.selected,.sn-recip-type-card:hover{border-color:#065f46;border-color:var(--color-primary,#065f46)}.sn-recip-type-card.selected{background:#ecfdf5}.sn-recip-type-card.selected .material-symbols-rounded:first-child{color:#065f46;color:var(--color-primary,#065f46)}.sn-recip-type-card>div{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.sn-recip-type-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:600}.sn-recip-type-desc{color:#475569;color:var(--text-secondary,#475569);font-size:.77rem}.sn-context-fields{display:flex;flex-direction:column;gap:.75rem}.sn-context-note{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.78rem;gap:.5rem;padding:.65rem .875rem}.sn-context-note .material-symbols-rounded{color:#3b82f6;flex-shrink:0;font-size:.95rem;margin-top:1px}.sn-explicit-fields{display:flex;flex-direction:column;gap:.5rem}.sn-chip-hint{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.72rem}.sn-chip-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:text;min-height:42px;padding:.4rem .5rem;transition:border-color .15s}.sn-chip-input:focus-within{border-color:#065f46;border-color:var(--color-primary,#065f46)}.sn-chips{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.sn-chip{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;display:inline-flex;font-size:.78rem;font-weight:500;gap:.25rem;padding:.2rem .35rem .2rem .6rem}.sn-chip,.sn-chip button{align-items:center;color:#065f46}.sn-chip button{background:none;border:none;cursor:pointer;display:flex;opacity:.6;padding:0;transition:opacity .1s}.sn-chip button:hover{opacity:1}.sn-chip button .material-symbols-rounded{font-size:.85rem}.sn-chips input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:.82rem;min-width:180px;outline:none}.sn-review-card{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow:hidden}.sn-review-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:.875rem;padding:.75rem 1rem}.sn-review-row:last-child{border-bottom:none}.sn-review-row>.material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);flex-shrink:0;font-size:1.1rem}.sn-review-row>div{display:flex;flex-direction:column;gap:.1rem}.sn-review-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sn-review-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:500}.sn-error-banner{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;display:flex;font-size:.82rem;gap:.5rem;padding:.65rem .875rem}.sn-error-banner .material-symbols-rounded{font-size:1rem}.sn-modal-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.sn-btn-sec{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.35rem;padding:.55rem 1.1rem;transition:all .15s}.sn-btn-sec:hover{border-color:#065f46;border-color:var(--color-primary,#065f46);color:#065f46;color:var(--color-primary,#065f46)}.sn-btn-sec .material-symbols-rounded{font-size:1rem}.sn-btn-pri{align-items:center;background:linear-gradient(135deg,#065f46,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.35rem;padding:.55rem 1.25rem;transition:all .15s}.sn-btn-pri:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669)}.sn-btn-pri:disabled{cursor:not-allowed;opacity:.45}.sn-btn-pri .material-symbols-rounded{font-size:1rem}[data-theme=dark]{.sn-card{background:#1e293b;background:var(--bg-primary,#1e293b);border-color:#334155;border-color:var(--border-color,#334155)}.sn-card-icon{background:#10b9811f;border-color:#10b98140}.sn-modal{background:#1e293b;background:var(--bg-primary,#1e293b)}.sn-delivery-card,.sn-event-card,.sn-modal-footer,.sn-modal-header,.sn-recip-type-card,.sn-template-row{background:#0f172a;background:var(--bg-secondary,#0f172a);border-color:#334155;border-color:var(--border-color,#334155)}.sn-delivery-card.selected,.sn-event-card.selected,.sn-recip-type-card.selected,.sn-template-row.selected{background:#065f4626}.sn-chip-input,.sn-input,.sn-textarea{background:#0f172a;background:var(--bg-secondary,#0f172a);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.sn-chip-input,.sn-input,.sn-review-card,.sn-review-row,.sn-step-circle,.sn-textarea{border-color:#334155;border-color:var(--border-color,#334155)}.sn-step-circle{background:#0f172a;background:var(--bg-secondary,#0f172a)}.sn-step-line{background:#334155;background:var(--border-color,#334155)}}.sn-detail-modal{max-width:520px}.sn-detail-content{display:flex;flex-direction:column;gap:0;padding:1.25rem 1.5rem}.sn-detail-section-title{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);color:#065f46;color:var(--color-primary,#065f46);display:flex;font-size:.72rem;font-weight:700;gap:.4rem;letter-spacing:.6px;margin-top:.25rem;padding:1rem 0 .5rem;text-transform:uppercase}.sn-detail-section-title:first-of-type{border-top:none;padding-top:.5rem}.sn-detail-section-title .material-symbols-rounded{font-size:.95rem}.sn-detail-section{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.25rem}.sn-detail-row{align-items:center;display:flex;font-size:.85rem;gap:1rem;min-height:28px}.sn-detail-row-top{align-items:flex-start}.sn-detail-label{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:.78rem;font-weight:600;min-width:120px}.sn-detail-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;word-break:break-word}.sn-detail-code{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:5px;color:#065f46;color:var(--color-primary,#065f46);font-family:Courier New,monospace;font-size:.8rem;padding:.15rem .5rem}.sn-detail-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.78rem;font-weight:700;gap:.3rem;padding:.2rem .6rem}.sn-detail-status .material-symbols-rounded{font-size:.9rem}.sn-detail-status.active{background:#dcfce7;color:#065f46}.sn-detail-status.inactive{background:#f1f5f9;color:#64748b}.sn-detail-chips,.sn-detail-pills{display:flex;flex-wrap:wrap;gap:.35rem}.sn-detail-chips{padding-top:.1rem}.sn-detail-chip{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;color:#065f46;display:inline-flex;font-size:.75rem;font-weight:500;padding:.2rem .65rem}[data-theme=dark]{.sn-detail-code{background:#1e293b;background:var(--bg-primary,#1e293b);border-color:#334155;border-color:var(--border-color,#334155);color:#34d399}.sn-detail-chip{background:#10b9811f;border-color:#10b98140;color:#34d399}.sn-detail-section-title{border-color:#334155;border-color:var(--border-color,#334155)}}@media (max-width:768px){.sn-modal-overlay{align-items:flex-end;padding:0}.sn-modal{animation:sn-slide-up .3s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;max-height:88vh;max-width:100%;width:100%}.sn-step-label{font-size:.68rem}.sn-modal-content{padding:1rem 1.25rem}.sn-modal-footer{padding:.875rem 1.25rem}.sn-modal-header{padding:1rem 1.25rem}}@keyframes sn-slide-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.sn-page .lead-snapshot-header{padding:.75rem}.sn-page .header-top-row{align-items:stretch;flex-direction:column;gap:.6rem}.sn-page .lead-snapshot-info h1{font-size:1.1rem}.sn-page .lead-snapshot-info p{font-size:.8rem}.sn-page .lead-snapshot-actions{display:flex;gap:.5rem}.sn-page .lead-snapshot-actions .btn-primary-action{flex:1 1;font-size:.82rem;justify-content:center;padding:.5rem}.sn-list{gap:.5rem}.sn-page .lead-details-container{padding:.75rem}.sn-card{padding:.75rem .875rem}.sn-card-icon{height:34px;width:34px}.sn-card-icon .material-symbols-rounded{font-size:1rem}.sn-card-top{gap:.5rem}.sn-card-name{font-size:.875rem}.sn-status-badge{font-size:.65rem;gap:.2rem;padding:.15rem .45rem}.sn-status-badge .material-symbols-rounded{font-size:.75rem}.sn-card-actions{gap:.2rem}.sn-act-btn{border-radius:7px;height:30px;width:30px}.sn-act-btn .material-symbols-rounded{font-size:.875rem}.sn-card-meta{gap:.3rem;margin-top:.4rem}.sn-meta-pill{font-size:.68rem;padding:.15rem .45rem}.sn-meta-pill .material-symbols-rounded{font-size:.72rem}.sn-step-label{display:none}.sn-step-circle{font-size:.75rem;height:26px;width:26px}.sn-modal-steps{padding:.875rem 1.25rem 0}.sn-event-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.sn-event-card{padding:.75rem .5rem}.sn-event-icon{font-size:1.2rem}.sn-event-name{font-size:.75rem}.sn-event-code{font-size:.63rem}.sn-delivery-grid{gap:.4rem;grid-template-columns:1fr}.sn-delivery-card{align-items:center;flex-direction:row;gap:.75rem;justify-content:flex-start;padding:.7rem 1rem;text-align:left}.sn-delivery-icon{font-size:1.3rem}.sn-delivery-name{font-size:.875rem}.sn-chip,.sn-delivery-desc{font-size:.75rem}.sn-chip-input-field{font-size:.875rem}.sn-template-row{padding:.625rem .875rem}.sn-template-name{font-size:.82rem}.sn-recip-type-card{padding:.75rem}.sn-input,.sn-textarea{font-size:.875rem;padding:.5rem .75rem}.sn-review-card{padding:.75rem}.sn-review-row{padding:.5rem .625rem}.sn-review-label{font-size:.7rem}.sn-review-value{font-size:.82rem}.sn-modal{max-height:92vh}.sn-detail-row{align-items:flex-start;flex-direction:column;gap:.15rem;min-height:0;min-height:auto}.sn-detail-label{min-width:0;min-width:auto}.sn-detail-content{padding:1rem}}:root{--notif-loading-text:#64748b;--notif-loading-icon:#10b981;--notif-activity-bg:#0000;--notif-activity-title:#1e293b;--notif-no-activity:#64748b;--notif-timeline-line:linear-gradient(180deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);--notif-timeline-item-bg:#0000;--notif-unread-bg:linear-gradient(135deg,#ecfdf5,#f0fdf4);--notif-unread-border:#bbf7d0;--notif-icon-bg:#fff;--notif-icon-border:#e2e8f0;--notif-icon-academic-border:#065f46;--notif-icon-academic-bg:linear-gradient(135deg,#ecfdf5,#d1fae5);--notif-icon-finance-border:#dc2626;--notif-icon-finance-bg:linear-gradient(135deg,#fee2e2,#fecaca);--notif-icon-library-border:#7c3aed;--notif-icon-library-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--notif-icon-admin-border:#059669;--notif-icon-admin-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--notif-icon-events-border:#ea580c;--notif-icon-events-bg:linear-gradient(135deg,#fed7aa,#fdba74);--notif-icon-default-border:#065f46;--notif-icon-default-bg:linear-gradient(135deg,#ecfdf5,#d1fae5);--notif-title-text:#1e293b;--notif-subtext:#475569;--notif-meta-label:#64748b;--notif-meta-value:#1e293b;--notif-time-text:#64748b;--notif-unread-indicator-bg:linear-gradient(135deg,#10b981,#059669);--notif-unread-indicator-text:#fff;--notif-btn-mark-read-bg:linear-gradient(135deg,#d1fae5,#10b981);--notif-btn-mark-read-text:#065f46;--notif-btn-mark-read-hover-bg:linear-gradient(135deg,#a7f3d0,#059669);--notif-btn-mark-read-hover-text:#fff;--notif-btn-view-bg:linear-gradient(135deg,#dbeafe,#3b82f6);--notif-btn-view-text:#1e40af;--notif-btn-view-hover-bg:linear-gradient(135deg,#93c5fd,#2563eb);--notif-btn-view-hover-text:#fff;--notif-btn-delete-bg:linear-gradient(135deg,#fee2e2,#ef4444);--notif-btn-delete-text:#dc2626;--notif-btn-delete-hover-bg:linear-gradient(135deg,#fca5a5,#dc2626);--notif-btn-delete-hover-text:#fff;--notif-badge-academic-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--notif-badge-academic-text:#065f46;--notif-badge-finance-bg:linear-gradient(135deg,#fee2e2,#fecaca);--notif-badge-finance-text:#b91c1c;--notif-badge-library-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--notif-badge-library-text:#7c2d12;--notif-badge-admin-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--notif-badge-admin-text:#065f46;--notif-badge-events-bg:linear-gradient(135deg,#fed7aa,#fdba74);--notif-badge-events-text:#ea580c;--notif-badge-default-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--notif-badge-default-text:#065f46;--notif-save-btn-bg:linear-gradient(135deg,#065f46,#10b981);--notif-save-btn-text:#fff;--notif-save-btn-hover-bg:linear-gradient(135deg,#047857,#059669);--notif-save-btn-disabled-bg:#e2e8f0;--notif-save-btn-disabled-text:#94a3b8;--notif-lead-save-btn-bg:linear-gradient(135deg,#d1fae5,#10b981);--notif-lead-save-btn-text:#065f46;--notif-lead-save-btn-hover-bg:linear-gradient(135deg,#a7f3d0,#059669);--notif-lead-save-btn-hover-text:#fff}[data-theme=dark]{--notif-loading-text:#d1d5db;--notif-loading-icon:linear-gradient(135deg,#065f46,#047857);--notif-activity-bg:#0000;--notif-activity-title:#fff;--notif-no-activity:#d1d5db;--notif-timeline-line:linear-gradient(180deg,#ffffff1a,#0f83 50%,#ffffff1a);--notif-timeline-item-bg:#0000;--notif-unread-bg:#00ff8826;--notif-unread-border:#00ff884d;--notif-icon-bg:#1a1a1acc;--notif-icon-border:#ffffff1a;--notif-icon-academic-border:linear-gradient(135deg,#065f46,#047857);--notif-icon-academic-bg:#0f83;--notif-icon-finance-border:#ff6b6b;--notif-icon-finance-bg:#ff6b6b33;--notif-icon-library-border:#a78bfa;--notif-icon-library-bg:#a78bfa33;--notif-icon-admin-border:linear-gradient(135deg,#065f46,#047857);--notif-icon-admin-bg:#0f83;--notif-icon-events-border:#fb923c;--notif-icon-events-bg:#fb923c33;--notif-icon-default-border:linear-gradient(135deg,#065f46,#047857);--notif-icon-default-bg:#0f83;--notif-title-text:#fff;--notif-subtext:#fff;--notif-meta-label:#d1d5db;--notif-meta-value:#fff;--notif-time-text:#d1d5db;--notif-unread-indicator-bg:linear-gradient(135deg,#065f46,#047857);--notif-unread-indicator-text:#000;--notif-btn-mark-read-bg:#0f83;--notif-btn-mark-read-text:linear-gradient(135deg,#065f46,#047857);--notif-btn-mark-read-hover-bg:linear-gradient(135deg,#065f46,#047857);--notif-btn-mark-read-hover-text:#000;--notif-btn-view-bg:#00f2fe33;--notif-btn-view-text:#00f2fe;--notif-btn-view-hover-bg:linear-gradient(135deg,#00f2fe,#0ea5e9);--notif-btn-view-hover-text:#000;--notif-btn-delete-bg:#ff6b6b33;--notif-btn-delete-text:#ff6b6b;--notif-btn-delete-hover-bg:linear-gradient(135deg,#ff6b6b,#ef4444);--notif-btn-delete-hover-text:#000;--notif-badge-academic-bg:#0f83;--notif-badge-academic-text:linear-gradient(135deg,#065f46,#047857);--notif-badge-finance-bg:#ff6b6b33;--notif-badge-finance-text:#ff6b6b;--notif-badge-library-bg:#a78bfa33;--notif-badge-library-text:#a78bfa;--notif-badge-admin-bg:#0f83;--notif-badge-admin-text:linear-gradient(135deg,#065f46,#047857);--notif-badge-events-bg:#fb923c33;--notif-badge-events-text:#fb923c;--notif-badge-default-bg:#0f83;--notif-badge-default-text:linear-gradient(135deg,#065f46,#047857);--notif-save-btn-bg:linear-gradient(135deg,#065f46,#047857);--notif-save-btn-text:#000;--notif-save-btn-hover-bg:linear-gradient(135deg,#00cc6a,#00b359);--notif-save-btn-disabled-bg:#333c;--notif-save-btn-disabled-text:#9aa4b2;--notif-lead-save-btn-bg:#0f83;--notif-lead-save-btn-text:linear-gradient(135deg,#065f46,#047857);--notif-lead-save-btn-hover-bg:linear-gradient(135deg,#065f46,#047857);--notif-lead-save-btn-hover-text:#000}.loading-message{color:var(--notif-loading-text);gap:1rem;padding:3rem;text-align:center;transition:color .3s ease}.loading-message .material-symbols-rounded{color:var(--notif-loading-icon);transition:color .3s ease}.activity-tab-content{background:#0000;background:var(--notif-activity-bg);padding:1rem 0;transition:background .3s ease}.activity-tab-content h2{align-items:center;color:#1e293b;color:var(--notif-activity-title);display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;transition:color .3s ease}.no-activity-msg{color:#64748b;color:var(--notif-no-activity);font-style:italic;padding:3rem;text-align:center;transition:color .3s ease}.activity-timeline{padding-left:2rem;position:relative}.activity-timeline:before{background:linear-gradient(180deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);background:var(--notif-timeline-line);bottom:0;content:"";left:1.25rem;position:absolute;top:0;transition:background .3s ease;width:2px}.timeline-item{align-items:flex-start;background:#0000;background:var(--notif-timeline-item-bg);display:flex;gap:1rem;margin-bottom:2rem;position:relative;transition:background .3s ease}.timeline-item.unread{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);background:var(--notif-unread-bg);border:1px solid #bbf7d0;border:1px solid var(--notif-unread-border);border-radius:.75rem;margin-right:-1rem;padding:1rem}.timeline-icon,.timeline-item.unread{margin-left:-1rem;transition:all .3s ease}.timeline-icon{align-items:center;background:#fff;background:var(--notif-icon-bg);border:3px solid #e2e8f0;border:3px solid var(--notif-icon-border);border-radius:50%;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;position:relative;width:2.5rem;z-index:2}.timeline-icon.academic{background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:var(--notif-icon-academic-bg);border-color:#065f46;border-color:var(--notif-icon-academic-border)}.timeline-icon.finance{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--notif-icon-finance-bg);border-color:#dc2626;border-color:var(--notif-icon-finance-border)}.timeline-icon.library{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--notif-icon-library-bg);border-color:#7c3aed;border-color:var(--notif-icon-library-border)}.timeline-icon.admin{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--notif-icon-admin-bg);border-color:#059669;border-color:var(--notif-icon-admin-border)}.timeline-icon.events{background:linear-gradient(135deg,#fed7aa,#fdba74);background:var(--notif-icon-events-bg);border-color:#ea580c;border-color:var(--notif-icon-events-border)}.timeline-icon.default{background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:var(--notif-icon-default-bg);border-color:#065f46;border-color:var(--notif-icon-default-border)}.timeline-icon .material-symbols-rounded{font-size:1.25rem;font-weight:500;transition:color .3s ease}.timeline-content{flex:1 1;min-width:0}.timeline-title{color:#1e293b;color:var(--notif-title-text);display:flex;flex-wrap:wrap;font-size:1.1rem;gap:.75rem;margin-bottom:.5rem;transition:color .3s ease}.timeline-title,.unread-indicator{align-items:center;font-weight:600}.unread-indicator{background:linear-gradient(135deg,#10b981,#059669);background:var(--notif-unread-indicator-bg);border-radius:6px;color:#fff;color:var(--notif-unread-indicator-text);display:inline-flex;font-size:.75rem;gap:.25rem;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase;transition:all .3s ease}.unread-indicator .material-symbols-rounded{font-size:14px}.timeline-subtext{color:#475569;color:var(--notif-subtext);line-height:1.6;margin-bottom:.75rem;transition:color .3s ease}.timeline-meta{display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.meta-label{color:#64748b;color:var(--notif-meta-label);font-weight:500}.meta-label,.meta-value{transition:color .3s ease}.meta-value{color:#1e293b;color:var(--notif-meta-value);font-weight:600}.timeline-time{color:#64748b;color:var(--notif-time-text);font-size:.85rem;margin-bottom:.75rem;transition:color .3s ease}.timeline-actions{display:flex;gap:.5rem;margin-top:.75rem}.timeline-action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.timeline-action-btn.mark-read{background:linear-gradient(135deg,#d1fae5,#10b981);background:var(--notif-btn-mark-read-bg);color:#065f46;color:var(--notif-btn-mark-read-text)}.timeline-action-btn.mark-read:hover{background:linear-gradient(135deg,#a7f3d0,#059669);background:var(--notif-btn-mark-read-hover-bg);color:#fff;color:var(--notif-btn-mark-read-hover-text);transform:translateY(-1px)}.timeline-action-btn.view-details{background:linear-gradient(135deg,#dbeafe,#3b82f6);background:var(--notif-btn-view-bg);color:#1e40af;color:var(--notif-btn-view-text)}.timeline-action-btn.view-details:hover{background:linear-gradient(135deg,#93c5fd,#2563eb);background:var(--notif-btn-view-hover-bg);color:#fff;color:var(--notif-btn-view-hover-text);transform:translateY(-1px)}.timeline-action-btn.delete{background:linear-gradient(135deg,#fee2e2,#ef4444);background:var(--notif-btn-delete-bg);color:#dc2626;color:var(--notif-btn-delete-text)}.timeline-action-btn.delete:hover{background:linear-gradient(135deg,#fca5a5,#dc2626);background:var(--notif-btn-delete-hover-bg);color:#fff;color:var(--notif-btn-delete-hover-text);transform:translateY(-1px)}.timeline-action-btn .material-symbols-rounded{font-size:1rem}.lead-type-badge.ACADEMIC{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--notif-badge-academic-bg);color:#065f46;color:var(--notif-badge-academic-text);transition:all .3s ease}.lead-type-badge.FINANCE{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--notif-badge-finance-bg);color:#b91c1c;color:var(--notif-badge-finance-text);transition:all .3s ease}.lead-type-badge.LIBRARY{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--notif-badge-library-bg);color:#7c2d12;color:var(--notif-badge-library-text);transition:all .3s ease}.lead-type-badge.ADMIN{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--notif-badge-admin-bg);color:#065f46;color:var(--notif-badge-admin-text);transition:all .3s ease}.lead-type-badge.EVENTS{background:linear-gradient(135deg,#fed7aa,#fdba74);background:var(--notif-badge-events-bg);color:#ea580c;color:var(--notif-badge-events-text);transition:all .3s ease}.lead-type-badge.DEFAULT{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--notif-badge-default-bg);color:#065f46;color:var(--notif-badge-default-text);transition:all .3s ease}.btn-primary-action.save-btn{background:linear-gradient(135deg,#065f46,#10b981);background:var(--notif-save-btn-bg);color:#fff;color:var(--notif-save-btn-text);transition:all .3s ease}.btn-primary-action.save-btn:hover{background:linear-gradient(135deg,#047857,#059669);background:var(--notif-save-btn-hover-bg)}.btn-primary-action.save-btn:disabled{background:#e2e8f0;background:var(--notif-save-btn-disabled-bg);color:#94a3b8;color:var(--notif-save-btn-disabled-text);cursor:not-allowed}.lead-md3-btn.save-btn{background:linear-gradient(135deg,#d1fae5,#10b981);background:var(--notif-lead-save-btn-bg);color:#065f46;color:var(--notif-lead-save-btn-text);transition:all .3s ease}.lead-md3-btn.save-btn:hover{background:linear-gradient(135deg,#a7f3d0,#059669);background:var(--notif-lead-save-btn-hover-bg);color:#fff;color:var(--notif-lead-save-btn-hover-text)}@media (max-width:768px){.activity-timeline{padding-left:1rem}.activity-timeline:before{left:.625rem}.timeline-icon{height:2rem;margin-left:-.75rem;width:2rem}.timeline-icon .material-symbols-rounded{font-size:1rem}.timeline-item.unread{margin-left:-.5rem;margin-right:-.5rem;padding:.75rem}.timeline-actions{flex-wrap:wrap}.timeline-title{align-items:flex-start;flex-direction:column;gap:.5rem}.lead-details-container{flex-direction:column;gap:1rem}}.timeline-action-btn:focus{outline:2px solid #065f46;outline:2px solid var(--notif-btn-mark-read-text);outline-offset:2px}@media (prefers-contrast:high){.timeline-icon{border-width:3px}.timeline-action-btn{border:2px solid}.unread-indicator{border:1px solid}}@media (prefers-reduced-motion:reduce){.timeline-action-btn,.timeline-icon,.timeline-item,.unread-indicator{transition:none}.timeline-action-btn:hover{transform:none}.rotating{animation:none}}@media (max-width:768px){.lead-snapshot-header .header-top-row{align-items:flex-start;flex-direction:column;gap:1rem}.lead-snapshot-header .lead-snapshot-actions{display:flex;gap:.5rem;width:100%}.lead-snapshot-header .lead-snapshot-actions .btn-primary-action{flex:1 1;font-size:.8rem;justify-content:center;padding:.5rem .75rem}.lead-tabbar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap!important;gap:.25rem;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.lead-tabbar::-webkit-scrollbar{display:none}.lead-tab{flex-shrink:0;font-size:.8rem;padding:.5rem .75rem;white-space:nowrap}.activity-tab-content{padding:.75rem 0}.activity-tab-content h2{font-size:1.1rem;margin-bottom:1rem}.activity-timeline{padding-left:1.25rem}.activity-timeline:before{left:.5rem}.timeline-item{gap:.75rem;margin-bottom:1.25rem}.timeline-icon{flex-shrink:0;height:2rem;margin-left:-.875rem;width:2rem}.timeline-title{flex-direction:row;flex-wrap:wrap;font-size:.95rem;gap:.4rem}.timeline-subtext{font-size:.85rem}.timeline-time{font-size:.78rem}.timeline-actions{gap:.4rem}.timeline-action-btn{height:1.75rem;width:1.75rem}.timeline-action-btn .material-symbols-rounded{font-size:.9rem}.timeline-item.unread{margin-left:-.5rem;margin-right:-.25rem;padding:.75rem}}@media (max-width:480px){.lead-snapshot-header .lead-snapshot-info h1{font-size:1.25rem}.lead-snapshot-header .lead-snapshot-info p{font-size:.85rem!important}.lead-tab{font-size:.75rem;padding:.4rem .6rem}.lead-tab .material-symbols-rounded{font-size:1rem}.timeline-title{font-size:.875rem}.timeline-subtext{font-size:.8rem}.unread-indicator{font-size:.7rem;padding:.2rem .4rem}.unread-indicator .material-symbols-rounded{font-size:12px}}.sn-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.sn-modal{animation:sn-in .22s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:18px;box-shadow:0 24px 64px #00000038;display:flex;flex-direction:column;max-height:calc(100vh - 5.5rem);max-width:620px;overflow:hidden;width:100%}@keyframes sn-in{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sn-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:1.25rem 1.5rem 1rem}.sn-modal-title{gap:.875rem}.sn-modal-icon,.sn-modal-title{align-items:center;display:flex}.sn-modal-icon{background:linear-gradient(135deg,#065f46,#10b981);border-radius:12px;color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.sn-modal-icon .material-symbols-rounded{font-size:1.25rem}.sn-modal-title h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.05rem;font-weight:700;margin:0}.sn-modal-title p{font-size:.8rem;margin:.1rem 0 0}.sn-close,.sn-modal-title p{color:#64748b;color:var(--text-muted,#64748b)}.sn-close{align-items:center;background:#f8fafc;background:var(--bg-primary,#f8fafc);border:none;border-radius:8px;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .15s;width:34px}.sn-close:hover{background:#fee2e2;color:#dc2626}.sn-progress{background:#e2e8f0;background:var(--border-color,#e2e8f0);height:3px}.sn-progress-bar{background:linear-gradient(90deg,#065f46,#10b981);height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.sn-modal-body{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.25rem 1.5rem}.sn-success{align-items:center;background:#dcfce7;border-radius:10px;color:#166534;display:flex;font-size:.9rem;font-weight:600;gap:.625rem;padding:.875rem 1rem}.sn-success .material-symbols-rounded{color:#16a34a;font-size:1.25rem}.sn-error{align-items:center;background:#fee2e2;border-radius:10px;color:#b91c1c;display:flex;font-size:.875rem;gap:.625rem;padding:.75rem 1rem}.sn-error .material-symbols-rounded:first-child{color:#dc2626;font-size:1.1rem}.sn-error button{align-items:center;background:none;border:none;color:#b91c1c;cursor:pointer;display:flex;margin-left:auto}.sn-section{display:flex;flex-direction:column;gap:.625rem}.sn-section-label{align-items:center;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.8rem;font-weight:700;gap:.4rem;letter-spacing:.05em;text-transform:uppercase}.sn-section-label .material-symbols-rounded{font-size:1rem}.sn-required{color:#dc2626}.sn-hint{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.75rem;font-weight:400;letter-spacing:0;margin-left:.25rem;text-transform:none}.sn-type-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.sn-type-card{align-items:center;background:#f8fafc;background:var(--bg-primary,#f8fafc);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;cursor:pointer;display:flex;gap:.875rem;padding:1rem;position:relative;text-align:left;transition:all .15s}.sn-type-card:hover{border-color:#10b981}.sn-type-card.selected{background:#065f460a;border-color:#065f46}.sn-type-icon{align-items:center;background:#065f461a;border-radius:10px;color:#065f46;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.sn-type-icon.event{background:#ea580c1a;color:#ea580c}.sn-type-icon .material-symbols-rounded{font-size:1.4rem}.sn-type-body{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.sn-type-body strong{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem}.sn-type-body span{color:#64748b;color:var(--text-muted,#64748b);font-size:.775rem;line-height:1.4}.sn-selected-check{color:#065f46;flex-shrink:0;font-size:1.1rem!important}.sn-channel-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.sn-channel-card{align-items:center;background:#f8fafc;background:var(--bg-primary,#f8fafc);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;cursor:pointer;display:flex;gap:.875rem;padding:.875rem 1rem;position:relative;transition:all .15s}.sn-channel-card:hover{border-color:#10b981}.sn-channel-card.selected{background:#065f460a;border-color:#065f46}.sn-channel-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.sn-channel-icon.email{background:#0ea5e91f;color:#0284c7}.sn-channel-icon.whatsapp{background:#10b9811f;color:#059669}.sn-channel-icon .material-symbols-rounded{font-size:1.25rem}.sn-channel-body{display:flex;flex:1 1;flex-direction:column;gap:.15rem;text-align:left}.sn-channel-body strong{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem}.sn-channel-body span{color:#64748b;color:var(--text-muted,#64748b);font-size:.775rem}.sn-ch-check{color:#065f46;flex-shrink:0;font-size:1.1rem!important}.sn-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.sn-form-group{display:flex;flex-direction:column;gap:.4rem}.sn-form-group label{color:#475569;color:var(--text-secondary,#475569);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sn-input-wrap{align-items:center;background:#f8fafc;background:var(--bg-primary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;gap:.5rem;padding:0 .875rem;transition:border-color .2s}.sn-input-wrap:focus-within{border-color:#065f46}.sn-input-wrap .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:1rem}.sn-input-wrap input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:.875rem;outline:none;padding:.6rem 0}.sn-select-wrap{align-items:center;background:#f8fafc;background:var(--bg-primary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;gap:.5rem;padding:0 .875rem;transition:border-color .2s}.sn-select-wrap:focus-within{border-color:#065f46}.sn-select-wrap .material-symbols-rounded{color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:1rem}.sn-select-wrap select{background:#0000;border:none;cursor:pointer;flex:1 1;padding:.6rem 0}.sn-form-group textarea,.sn-select-wrap select{color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:.875rem;outline:none}.sn-form-group textarea{background:#f8fafc;background:var(--bg-primary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:.65rem .875rem;resize:vertical;transition:border-color .2s}.sn-form-group textarea:focus{border-color:#065f46}.sn-pick-btn{align-items:center;background:#0000;border:2px dashed #cbd5e1;border:2px dashed var(--border-color,#cbd5e1);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:all .15s;width:100%}.sn-pick-btn:hover{background:#065f460a;border-color:#065f46;color:#065f46}.sn-pick-arrow{margin-left:auto}.sn-event-selected{align-items:center;background:#065f460f;border:1px solid #065f4633;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.sn-event-selected-info{align-items:center;display:flex;gap:.75rem}.sn-event-selected-info>.material-symbols-rounded{color:#ea580c;font-size:1.25rem}.sn-event-selected-info div{display:flex;flex-direction:column;gap:.1rem}.sn-event-selected-info strong{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem}.sn-event-selected-info span{color:#64748b;color:var(--text-muted,#64748b);font-size:.775rem}.sn-change-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-size:.78rem;gap:.3rem;padding:.3rem .7rem;transition:all .15s;white-space:nowrap}.sn-change-btn:hover{border-color:#065f46;color:#065f46}.sn-event-picker{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;margin-top:.5rem;overflow:hidden}.sn-picker-search{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:.5rem;padding:.625rem .875rem}.sn-picker-search .material-symbols-rounded:first-child{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:1.05rem}.sn-picker-search input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:.875rem;outline:none}.sn-picker-search button{align-items:center;background:none;border:none;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;display:flex}.sn-picker-list{max-height:210px;overflow-y:auto}.sn-picker-empty,.sn-picker-loading{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:1.5rem}.sn-picker-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem;text-align:left;transition:background .12s;width:100%}.sn-picker-item:hover{background:#f8fafc;background:var(--bg-primary,#f8fafc)}.sn-picker-item:last-child{border-bottom:none}.sn-picker-item-left{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.sn-evt-code{color:#065f46;font-family:Courier New,monospace;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.sn-evt-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:500}.sn-evt-module{background:#065f4614;border-radius:20px;color:#065f46;flex-shrink:0;font-size:.72rem;font-weight:500;padding:.2rem .5rem;white-space:nowrap}.sn-modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);gap:.75rem;padding:1rem 1.5rem}.sn-btn-back,.sn-modal-footer{align-items:center;display:flex}.sn-btn-back{background:#f8fafc;background:var(--bg-primary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-family:inherit;font-size:.875rem;gap:.35rem;padding:.55rem 1rem;transition:all .15s}.sn-btn-back:hover{border-color:#065f46;color:#065f46}.sn-btn-cancel{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-family:inherit;font-size:.875rem;padding:.55rem 1.1rem;transition:all .15s}.sn-btn-cancel:hover{border-color:#dc2626;color:#dc2626}.sn-btn-primary{align-items:center;background:linear-gradient(135deg,#065f46,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.4rem;padding:.575rem 1.25rem;transition:all .15s}.sn-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.sn-btn-primary:disabled{cursor:not-allowed;opacity:.45;transform:none}.sn-btn-primary .material-symbols-rounded{font-size:1rem}.sn-btn-send{background:linear-gradient(135deg,#065f46,#059669)}@media (max-width:600px){.sn-channel-grid,.sn-form-row,.sn-type-grid{grid-template-columns:1fr}.sn-modal{border-radius:14px}.sn-modal-body,.sn-modal-header{padding:1rem}.sn-modal-footer{padding:.875rem 1rem}}.mn-send-modal{max-width:780px}.mn-send-info{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:.82rem;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem}.mn-send-info .material-symbols-rounded{flex-shrink:0;font-size:1.1rem;margin-top:1px}.mn-send-info p{margin:0}.mn-info-banner{align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#065f46;display:flex;font-size:.82rem;gap:.6rem;margin-bottom:1rem;padding:.75rem 1rem}.mn-info-banner .material-symbols-rounded{flex-shrink:0;font-size:1.1rem;margin-top:1px}.mn-section{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem}.mn-section-header{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:.85rem;font-weight:700;gap:.5rem;margin-bottom:.35rem}.mn-section-header .material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);font-size:1.1rem}.mn-email-mode-row{display:flex;gap:.5rem;margin-bottom:.5rem}.mn-mode-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.8rem;font-weight:500;gap:.4rem;justify-content:center;padding:.5rem .75rem;transition:all .15s}.mn-mode-btn .material-symbols-rounded{font-size:.95rem}.mn-mode-btn.active,.mn-mode-btn:hover{border-color:#065f46;border-color:var(--color-primary,#065f46);color:#065f46;color:var(--color-primary,#065f46)}.mn-mode-btn.active{background:#ecfdf5;font-weight:600}.mn-success-banner{align-items:center;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;color:#065f46;display:flex;font-size:.82rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.65rem .875rem}.mn-success-banner .material-symbols-rounded{font-size:1rem}@media (max-width:768px){.mn-send-modal{max-width:100%!important;width:100%}.notif-card{padding:.75rem .875rem}.notif-header{flex-wrap:wrap;gap:.35rem}.notif-page-header{padding:.875rem 1rem}.notif-header-actions{flex-wrap:wrap;gap:.4rem}.notif-header-actions .btn-primary-action{flex:1 1;justify-content:center;min-width:120px}}@keyframes mn-slide-up{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.mn-send-modal{max-height:92vh}.mn-section{padding:.75rem}.mn-email-mode-row{gap:.35rem}.mn-mode-btn{font-size:.75rem;padding:.4rem .5rem}.mn-info-banner,.mn-send-info{font-size:.78rem}}.mn-ntype-badge{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:600;gap:.25rem;letter-spacing:.02em;padding:.2rem .55rem;white-space:nowrap}.mn-ntype-badge .material-symbols-rounded{font-size:.85rem}.ntype-reminder{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.ntype-approval{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.ntype-lc{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.ntype-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}[data-theme=dark] .ntype-reminder{background:#fbbf242e;color:#fbbf24}[data-theme=dark] .ntype-approval{background:#00ff8826;color:#0f8}[data-theme=dark] .ntype-lc{background:#a78bfa33;color:#a78bfa}[data-theme=dark] .ntype-info{background:#00f2fe26;color:#00f2fe}.mn-list{display:flex;flex-direction:column;gap:.6rem}.mn-card{align-items:flex-start;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;gap:.875rem;overflow:hidden;padding:.875rem 1rem;position:relative;transition:box-shadow .18s,border-color .18s,transform .15s}.mn-card:hover{box-shadow:0 4px 16px #00000012;transform:translateY(-1px)}.mn-card--unread{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);background:var(--notif-unread-bg);border-color:#bbf7d0;border-color:var(--notif-unread-border)}.mn-card-accent{background:linear-gradient(180deg,#10b981,#059669);border-radius:12px 0 0 12px;bottom:0;left:0;position:absolute;top:0;width:3px}[data-theme=dark] .mn-card-accent{background:linear-gradient(180deg,#0f8,#00cc6a)}.mn-card-icon{align-items:center;background:color-mix(in srgb,#065f46 12%,#0000);background:color-mix(in srgb,var(--svc-color,#065f46) 12%,#0000);border:1.5px solid color-mix(in srgb,#065f46 30%,#0000);border:1.5px solid color-mix(in srgb,var(--svc-color,#065f46) 30%,#0000);border-radius:50%;display:flex;flex-shrink:0;height:2.25rem;justify-content:center;margin-top:.1rem;width:2.25rem}.mn-card-icon .material-symbols-rounded{font-size:1.1rem}.mn-card-body{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-width:0}.mn-card-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.mn-card-title{color:#1e293b;color:var(--notif-title-text,#1e293b);flex:1 1;font-size:.9rem;font-weight:600;line-height:1.4;min-width:0}.mn-card-badges{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.35rem}.mn-svc-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.68rem;font-weight:700;letter-spacing:.05em;padding:.2rem .5rem;text-transform:uppercase}.mn-svc-badge--lead{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.mn-svc-badge--academic{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--notif-badge-academic-bg);color:#065f46;color:var(--notif-badge-academic-text)}.mn-svc-badge--finance{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--notif-badge-finance-bg);color:#b91c1c;color:var(--notif-badge-finance-text)}.mn-svc-badge--library{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--notif-badge-library-bg);color:#7c2d12;color:var(--notif-badge-library-text)}.mn-svc-badge--admin{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--notif-badge-admin-bg);color:#065f46;color:var(--notif-badge-admin-text)}.mn-svc-badge--events{background:linear-gradient(135deg,#fed7aa,#fdba74);background:var(--notif-badge-events-bg);color:#ea580c;color:var(--notif-badge-events-text)}.mn-svc-badge--default{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--notif-badge-default-bg);color:#065f46;color:var(--notif-badge-default-text)}[data-theme=dark] .mn-svc-badge--lead{background:#00f2fe26;color:#00f2fe}.mn-unread-dot{background:#10b981;border-radius:50%;box-shadow:0 0 0 2px #10b98140;flex-shrink:0;height:8px;width:8px}[data-theme=dark] .mn-unread-dot{background:#0f8}.mn-card-message{color:#475569;color:var(--notif-subtext,#475569);font-size:.82rem;line-height:1.55;margin:0}.mn-card-footer{flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:.25rem}.mn-card-footer,.mn-card-time{align-items:center;display:flex}.mn-card-time{color:#64748b;color:var(--notif-time-text,#94a3b8);font-size:.75rem;gap:.3rem}.mn-card-time .material-symbols-rounded{font-size:.85rem}.mn-card-actions{align-items:center;display:flex;gap:.35rem}.mn-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:500;gap:.3rem;padding:.3rem .65rem;transition:all .15s;white-space:nowrap}.mn-action-btn .material-symbols-rounded{font-size:.95rem}.mn-action-btn--read{background:linear-gradient(135deg,#d1fae5,#10b981);background:var(--notif-btn-mark-read-bg);color:#065f46;color:var(--notif-btn-mark-read-text)}.mn-action-btn--read:hover{background:linear-gradient(135deg,#a7f3d0,#059669);background:var(--notif-btn-mark-read-hover-bg);color:#fff;color:var(--notif-btn-mark-read-hover-text);transform:translateY(-1px)}.mn-action-btn--delete{background:linear-gradient(135deg,#fee2e2,#ef4444);background:var(--notif-btn-delete-bg);color:#dc2626;color:var(--notif-btn-delete-text);padding:.3rem .5rem}.mn-action-btn--delete:hover{background:linear-gradient(135deg,#fca5a5,#dc2626);background:var(--notif-btn-delete-hover-bg);color:#fff;color:var(--notif-btn-delete-hover-text);transform:translateY(-1px)}.mn-action-label{display:inline}.mn-header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:.3rem 0 0}.mn-meta-chip{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;color:#475569;color:var(--text-secondary,#475569);display:inline-flex;font-size:.78rem;font-weight:500;gap:.3rem;padding:.2rem .6rem}.mn-meta-chip .material-symbols-rounded{font-size:.9rem}.mn-meta-chip--unread{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#065f46}[data-theme=dark] .mn-meta-chip{background:#ffffff12;border-color:#ffffff1f;color:#d1d5db}[data-theme=dark] .mn-meta-chip--unread{background:#00ff8826;border-color:#00ff884d;color:#0f8}.mn-tab-count{align-items:center;background:#e2e8f0;background:var(--bg-secondary,#e2e8f0);border-radius:20px;color:#64748b;color:var(--text-muted,#64748b);display:inline-flex;font-size:.68rem;font-weight:700;height:1.25rem;justify-content:center;margin-left:.15rem;min-width:1.25rem;padding:0 .3rem}.lead-tab.active .mn-tab-count{background:#ffffff40;color:inherit}.mn-tabbar-scroll{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}.mn-tabbar-scroll::-webkit-scrollbar{display:none}.mn-empty{align-items:center;color:#64748b;color:var(--notif-no-activity,#64748b);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3.5rem 1.5rem;text-align:center}.mn-empty .material-symbols-rounded{font-size:2.5rem;opacity:.4}.mn-empty p{font-size:.95rem;margin:0}.mn-empty-reset{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#065f46;color:var(--color-primary,#065f46);cursor:pointer;font-family:inherit;font-size:.8rem;margin-top:.25rem;padding:.4rem 1rem;transition:all .15s}.mn-empty-reset:hover{background:#ecfdf5;border-color:#065f46}@media (max-width:640px){.mn-card{gap:.65rem;padding:.75rem .875rem}.mn-card-icon{height:2rem;width:2rem}.mn-card-icon .material-symbols-rounded{font-size:.95rem}.mn-card-title{font-size:.84rem}.mn-card-message{font-size:.78rem}.mn-card-top{align-items:flex-start;flex-direction:column}.mn-card-badges{gap:.25rem}.mn-action-label{display:none}.mn-action-btn--read{padding:.3rem .5rem}.mn-card-footer{gap:.3rem}.mn-card-time{font-size:.7rem}}@media (max-width:480px){.mn-ntype-badge{font-size:.65rem;padding:.15rem .4rem}.mn-svc-badge{font-size:.62rem}}.mn-type-filter-row{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;padding:.5rem 0 .25rem;scrollbar-width:none}.mn-type-filter-row::-webkit-scrollbar{display:none}.mn-type-chip{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:20px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.78rem;font-weight:500;gap:.3rem;padding:.3rem .75rem;transition:all .15s;white-space:nowrap}.mn-type-chip .material-symbols-rounded{font-size:.9rem}.mn-type-chip:hover{border-color:#065f46;border-color:var(--color-primary,#065f46);color:#065f46;color:var(--color-primary,#065f46)}.mn-type-chip.active{border-width:1.5px;font-weight:600}.mn-type-chip.ntype-reminder.active{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.mn-type-chip.ntype-approval.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46}.mn-type-chip.ntype-lc.active{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#818cf8;color:#3730a3}.mn-type-chip.ntype-info.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa;color:#1e40af}.mn-type-chip.active:not([class*=ntype-]){background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-color:#64748b;border-color:var(--text-secondary,#64748b);color:#1e293b;color:var(--text-primary,#1e293b)}[data-theme=dark] .mn-type-chip{background:#ffffff0d;border-color:#ffffff1f;color:#9ca3af}[data-theme=dark] .mn-type-chip:hover{border-color:#0f8;color:#0f8}[data-theme=dark] .mn-type-chip.ntype-reminder.active{background:#fbbf242e;border-color:#fbbf24;color:#fbbf24}[data-theme=dark] .mn-type-chip.ntype-approval.active{background:#00ff8826;border-color:#0f8;color:#0f8}[data-theme=dark] .mn-type-chip.ntype-lc.active{background:#a78bfa33;border-color:#a78bfa;color:#a78bfa}[data-theme=dark] .mn-type-chip.ntype-info.active{background:#00f2fe26;border-color:#00f2fe;color:#00f2fe}[data-theme=dark] .mn-type-chip.active:not([class*=ntype-]){background:#ffffff1a;border-color:#d1d5db;color:#f9fafb}.mn-type-chip-count{align-items:center;background:#00000014;border-radius:20px;color:inherit;display:inline-flex;font-size:.65rem;font-weight:700;height:1.1rem;justify-content:center;min-width:1.1rem;padding:0 .25rem}[data-theme=dark] .mn-type-chip-count{background:#ffffff1f}@media (max-width:480px){.mn-type-chip{font-size:.72rem;padding:.25rem .6rem}}.mn-info-banner--row{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.6rem 1rem}.mn-info-banner-text{align-items:flex-start;color:#065f46;display:flex;flex:1 1;font-size:.82rem;gap:.5rem;min-width:0}.mn-info-banner-text .material-symbols-rounded{flex-shrink:0;font-size:1rem;margin-top:1px}.mn-service-filter-tabs{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.25rem}.mn-svc-tab{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:20px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:500;gap:.25rem;padding:.28rem .65rem;transition:all .15s;white-space:nowrap}.mn-svc-tab .material-symbols-rounded{font-size:.85rem}.mn-svc-tab:hover{border-color:#065f46;color:#065f46}.mn-svc-tab.active{background:linear-gradient(135deg,#065f46,#10b981);border-color:#0000;color:#fff;font-weight:600}.mn-svc-tab.active .mn-tab-count{background:#ffffff40;color:#fff}[data-theme=dark] .mn-svc-tab{border-color:#ffffff1f;color:#9ca3af}[data-theme=dark] .mn-svc-tab:hover{border-color:#0f8;color:#0f8}[data-theme=dark] .mn-svc-tab.active{background:linear-gradient(135deg,#065f46,#047857);color:#000}.mn-service-filter-select{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:20px;color:#475569;color:var(--text-secondary,#475569);display:none;flex-shrink:0;font-size:.78rem;font-weight:500;gap:.35rem;padding:.35rem .75rem .35rem .6rem;position:relative}.mn-service-filter-select .material-symbols-rounded{color:#065f46;font-size:.9rem}.mn-select-arrow{color:#94a3b8!important;color:var(--text-muted,#94a3b8)!important;font-size:.85rem!important}.mn-service-filter-select select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:500;outline:none;padding-right:.1rem}[data-theme=dark] .mn-service-filter-select{background:#ffffff0f;border-color:#ffffff1f;color:#d1d5db}[data-theme=dark] .mn-service-filter-select select{color:#d1d5db}@media (max-width:768px){.mn-info-banner--row{align-items:flex-start;flex-direction:column}.mn-info-banner-text{font-size:.78rem}.mn-service-filter-tabs{display:none}}@media (max-width:640px){.mn-action-btn--delete{align-items:center;border-radius:8px;display:inline-flex;height:1.75rem;justify-content:center;padding:0;width:1.75rem}.mn-action-btn--delete .material-symbols-rounded{font-size:.9rem}}.mn-section-required{background:#fee2e2;border-radius:20px;color:#dc2626;font-size:.68rem;font-weight:500;margin-left:auto;padding:.15rem .45rem}[data-theme=dark] .mn-section-required{background:#ff6b6b26;color:#ff6b6b}.mn-recip-block{display:flex;flex-direction:column;gap:.5rem}.mn-recip-block-label{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:.78rem;font-weight:600;gap:.35rem}.mn-recip-block-label .material-symbols-rounded{color:#065f46;font-size:.95rem}[data-theme=dark] .mn-recip-block-label .material-symbols-rounded{color:#0f8}[data-theme=dark] .mn-recip-block-label{color:#e2e8f0}.mn-recip-hint{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.68rem;font-weight:400;margin-left:auto}.mn-recip-pick-btn{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1.5px dashed #cbd5e1;border:1.5px dashed var(--border-color,#cbd5e1);border-radius:10px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:500;gap:.4rem;justify-content:center;padding:.55rem 1rem;transition:all .15s;width:100%}.mn-recip-pick-btn .material-symbols-rounded{font-size:1rem}.mn-recip-pick-btn:hover{background:#ecfdf5;border-color:#065f46;color:#065f46}[data-theme=dark] .mn-recip-pick-btn{background:#ffffff0a;border-color:#ffffff26;color:#9ca3af}[data-theme=dark] .mn-recip-pick-btn:hover{background:#00ff880f;border-color:#0f8;color:#0f8}.mn-recip-chips-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.mn-recip-chips{display:flex;flex:1 1;flex-wrap:wrap;gap:.35rem}.mn-recip-chip{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:20px;color:#065f46;display:inline-flex;font-size:.72rem;font-weight:600;gap:.3rem;padding:.2rem .55rem .2rem .3rem}.mn-recip-chip-avatar{align-items:center;background:#065f46;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.62rem;font-weight:700;height:1.2rem;justify-content:center;width:1.2rem}.mn-recip-chip--more{background:#e2e8f0;background:var(--bg-secondary,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}[data-theme=dark] .mn-recip-chip{background:#00ff8826;color:#0f8}[data-theme=dark] .mn-recip-chip-avatar{background:#0f8;color:#000}[data-theme=dark] .mn-recip-chip--more{background:#ffffff14;color:#9ca3af}.mn-recip-change-btn{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.72rem;font-weight:500;gap:.25rem;padding:.3rem .65rem;transition:all .15s;white-space:nowrap}.mn-recip-change-btn .material-symbols-rounded{font-size:.85rem}.mn-recip-change-btn:hover{border-color:#065f46;color:#065f46}.mn-recip-divider{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.72rem;font-weight:600;gap:.75rem;letter-spacing:.06em;margin:.5rem 0;text-transform:uppercase}.mn-recip-divider:after,.mn-recip-divider:before{background:#e2e8f0;background:var(--border-color,#e2e8f0);content:"";flex:1 1;height:1px}[data-theme=dark] .mn-recip-divider:after,[data-theme=dark] .mn-recip-divider:before{background:#ffffff14}.mn-audience-row{display:flex;flex-wrap:wrap;gap:.5rem}.mn-audience-select{flex:1 1;min-width:150px}.mn-audience-id-input{flex:1 1;min-width:120px}.mn-recip-required-hint{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#c2410c;display:flex;font-size:.75rem;gap:.4rem;margin-top:.25rem;padding:.5rem .75rem}.mn-recip-required-hint .material-symbols-rounded{font-size:.9rem}[data-theme=dark] .mn-recip-required-hint{background:#fb923c1a;border-color:#fb923c40;color:#fb923c}.sn-select{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-family:inherit;font-size:.82rem;outline:none;padding:.45rem .75rem;transition:border-color .15s}.sn-select:focus{border-color:#065f46}[data-theme=dark] .sn-select{background:#ffffff0d;border-color:#ffffff1a;color:#d1d5db}.sn-delivery-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);width:100%}@media (max-width:600px){.sn-delivery-grid{gap:.5rem;grid-template-columns:1fr}}.sn-delivery-card--coming-soon{background:repeating-linear-gradient(-45deg,#0000,#0000 6px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 12px)!important;cursor:not-allowed;opacity:.62;position:relative}.sn-delivery-card--coming-soon:hover{border-color:#e2e8f0!important;border-color:var(--border-color,#e2e8f0)!important;transform:none!important}[data-theme=dark] .sn-delivery-card--coming-soon{background:repeating-linear-gradient(-45deg,#0000,#0000 6px,#ffffff08 0,#ffffff08 12px)!important}.sn-coming-soon-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:inline-flex;font-size:.6rem;font-weight:700;letter-spacing:.04em;line-height:1.4;margin-left:.3rem;padding:.05rem .4rem;vertical-align:middle}.sn-delivery-lock{color:#9ca3af;font-size:.85rem!important;position:absolute;right:.4rem;top:.4rem}[data-theme=dark] .sn-delivery-lock{color:#6b7280}.sn-delivery-card--coming-soon .sn-delivery-icon{color:#25d366!important}@media (min-width:769px){.mn-send-modal .sn-modal-content{grid-gap:0 1.25rem;align-items:start;display:grid;gap:0 1.25rem;grid-template-columns:1fr 1fr;grid-template-rows:auto}.mn-send-modal .mn-section--recipients,.mn-send-modal .mn-section:first-of-type,.mn-send-modal .mn-send-info,.mn-send-modal .sn-field-group:first-child{grid-column:1/-1}}.snm-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:4.5rem 1.25rem 1.25rem;position:fixed;z-index:1050}.snm-modal{animation:snm-in .24s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;box-shadow:0 0 0 1px #0000000a,0 8px 24px #00000014,0 32px 80px #00000024;display:flex;flex-direction:column;max-height:92vh;max-width:980px;overflow:hidden;width:100%}[data-theme=dark] .snm-modal{background:#131722;border-color:#ffffff14;box-shadow:0 32px 80px #0009}@keyframes snm-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.snm-header{align-items:center;background:#fff;background:var(--bg-card,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:1.375rem 1.75rem 1.25rem}[data-theme=dark] .snm-header{background:#131722;border-color:#ffffff12}.snm-header-left{align-items:center;display:flex;gap:1rem}.snm-header-icon{align-items:center;background:linear-gradient(135deg,#064e3b,#059669);border-radius:13px;box-shadow:0 4px 12px #05966959;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.snm-header-icon .material-symbols-rounded{color:#fff;font-size:1.3rem}.snm-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin:0}[data-theme=dark] .snm-title{color:#f8fafc}.snm-subtitle{font-size:.78rem;margin:.15rem 0 0}.snm-close,.snm-subtitle{color:#94a3b8;color:var(--text-muted,#94a3b8)}.snm-close{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s;width:36px}.snm-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.snm-close .material-symbols-rounded{font-size:1.1rem}[data-theme=dark] .snm-close{background:#ffffff0f;border-color:#ffffff1a}.snm-body{flex:1 1;gap:1.25rem;min-height:0;overflow-y:auto;padding:1.5rem 1.75rem}.snm-body,.snm-row--full{display:flex;flex-direction:column}.snm-row--full{gap:.6rem}.snm-field-header{align-items:baseline;display:flex;gap:.5rem}.snm-label-text{color:#475569;color:var(--text-secondary,#475569);font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}[data-theme=dark] .snm-label-text{color:#94a3b8}.snm-label-req{color:#dc2626;font-size:.68rem;font-weight:500}[data-theme=dark] .snm-label-req{color:#ff6b6b}.snm-cols{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:320px 1fr}.snm-panel{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}[data-theme=dark] .snm-panel{border-color:#ffffff14}.snm-panel-header{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:.8rem;font-weight:700;gap:.5rem;padding:.75rem 1rem}[data-theme=dark] .snm-panel-header{background:#ffffff0a;border-color:#ffffff12;color:#e2e8f0}.snm-panel-header .material-symbols-rounded{color:#065f46;font-size:1.05rem}[data-theme=dark] .snm-panel-header .material-symbols-rounded{color:#34d399}.snm-panel-header--inapp .material-symbols-rounded{color:#7c3aed}.snm-panel-header--email .material-symbols-rounded{color:#0284c7}.snm-panel-header--whatsapp .material-symbols-rounded{color:#25d366}.snm-panel-req{background:#fee2e2;border-radius:20px;color:#dc2626;font-size:.65rem;font-weight:500;margin-left:auto;padding:.1rem .4rem}[data-theme=dark] .snm-panel-req{background:#ff6b6b26;color:#ff6b6b}.snm-panel--inapp{border-color:#7c3aed33}.snm-panel--email{border-color:#0284c733}.snm-panel--whatsapp{border-color:#25d36640}.snm-recip-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1rem}.snm-recip-section:last-child{border-bottom:none}[data-theme=dark] .snm-recip-section{border-color:#ffffff0f}.snm-recip-method-label{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.72rem;font-weight:700;gap:.35rem;letter-spacing:.06em;margin:0 0 .25rem;text-transform:uppercase}.snm-recip-method-label .material-symbols-rounded{font-size:.9rem}[data-theme=dark] .snm-recip-method-label{color:#9ca3af}.snm-pick-btn{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1.5px dashed #cbd5e1;border:1.5px dashed var(--border-color,#cbd5e1);border-radius:10px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:500;gap:.6rem;padding:.7rem .875rem;text-align:left;transition:all .15s;width:100%}.snm-pick-btn:hover{background:#0596690d;border-color:#059669;color:#059669}.snm-pick-arrow{font-size:1rem!important;margin-left:auto;opacity:.5}[data-theme=dark] .snm-pick-btn{background:#ffffff0a;border-color:#ffffff1f;color:#9ca3af}[data-theme=dark] .snm-pick-btn:hover{background:#34d3990f;border-color:#34d399;color:#34d399}.snm-picked-wrap{display:flex;flex-direction:column;gap:.5rem}.snm-picked-chips{display:flex;flex-wrap:wrap;gap:.35rem}.snm-chip{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:20px;color:#065f46;display:inline-flex;font-size:.72rem;font-weight:600;gap:.3rem;max-width:130px;padding:.22rem .55rem .22rem .28rem}.snm-chip-av{align-items:center;background:#065f46;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.6rem;font-weight:700;height:1.15rem;justify-content:center;width:1.15rem}.snm-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snm-chip--more{background:#e2e8f0;background:var(--bg-secondary,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:.7rem;font-weight:700}[data-theme=dark] .snm-chip{background:#00ff881f;color:#0f8}[data-theme=dark] .snm-chip-av{background:#0f8;color:#000}[data-theme=dark] .snm-chip--more{background:#ffffff12;color:#9ca3af}.snm-change-btn{align-items:center;align-self:flex-start;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.72rem;font-weight:500;gap:.3rem;padding:.3rem .7rem;transition:all .12s}.snm-change-btn:hover{border-color:#059669;color:#059669}.snm-change-btn .material-symbols-rounded{font-size:.85rem}.snm-or-divider{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.68rem;font-weight:700;gap:.75rem;letter-spacing:.08em;padding:0 1rem;text-transform:uppercase}.snm-or-divider:after,.snm-or-divider:before{background:#e2e8f0;background:var(--border-color,#e2e8f0);content:"";flex:1 1;height:1px}[data-theme=dark] .snm-or-divider:after,[data-theme=dark] .snm-or-divider:before{background:#ffffff12}.snm-warn{align-items:center;background:#fff7ed;border:1px solid #fdba74;border-radius:8px;color:#9a3412;display:flex;font-size:.75rem;gap:.4rem;margin:.25rem 1rem .75rem;padding:.5rem .75rem}.snm-warn .material-symbols-rounded{flex-shrink:0;font-size:.9rem}[data-theme=dark] .snm-warn{background:#fb923c1a;border-color:#fb923c4d;color:#fb923c}.snm-field{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;flex-direction:column;gap:.4rem;padding:.875rem 1rem}.snm-field:last-child{border-bottom:none}[data-theme=dark] .snm-field{border-color:#ffffff0d}.snm-label{align-items:center;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.72rem;font-weight:700;gap:.35rem;letter-spacing:.06em;text-transform:uppercase}[data-theme=dark] .snm-label{color:#9ca3af}.snm-input,.snm-select{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:10px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:.875rem;outline:none;padding:.65rem .875rem;transition:border-color .15s,box-shadow .15s;width:100%}.snm-input:focus,.snm-select:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}[data-theme=dark] .snm-input,[data-theme=dark] .snm-select{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .snm-input:focus,[data-theme=dark] .snm-select:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d3991a}.snm-textarea{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:10px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:.875rem;line-height:1.6;min-height:120px;outline:none;padding:.7rem .875rem;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.snm-textarea--message{min-height:140px}.snm-textarea--email{min-height:180px}.snm-textarea:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}[data-theme=dark] .snm-textarea{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .snm-textarea:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d3991a}.snm-char-count{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.68rem;margin-top:.15rem;text-align:right}.snm-mode-tabs{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;gap:0;padding:0 1rem .75rem}[data-theme=dark] .snm-mode-tabs{border-color:#ffffff0d}.snm-mode-tab{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.78rem;font-weight:500;gap:.35rem;justify-content:center;padding:.5rem;transition:all .15s}.snm-mode-tab:first-child{border-radius:8px 0 0 8px;border-right-width:.75px}.snm-mode-tab:last-child{border-left-width:.75px;border-radius:0 8px 8px 0}.snm-mode-tab .material-symbols-rounded{font-size:.95rem}.snm-mode-tab.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#6ee7b7;color:#065f46;font-weight:700}[data-theme=dark] .snm-mode-tab{border-color:#ffffff1a;color:#9ca3af}[data-theme=dark] .snm-mode-tab.active{background:#00ff881a;border-color:#00ff884d;color:#34d399}.snm-template-list{display:flex;flex-direction:column;gap:.3rem;max-height:220px;overflow-y:auto}.snm-template-row{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:10px;cursor:pointer;display:flex;font-family:inherit;gap:.75rem;padding:.65rem .75rem;text-align:left;transition:all .12s;width:100%}.snm-template-row:hover{background:#0596690a;border-color:#6ee7b7}.snm-template-row.active{background:#05966912;border-color:#059669}[data-theme=dark] .snm-template-row{border-color:#ffffff14}[data-theme=dark] .snm-template-row.active{background:#34d39914;border-color:#34d399}.snm-tpl-icon{color:#0284c7;flex-shrink:0;font-size:1.1rem!important}.snm-tpl-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.snm-tpl-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.82rem;font-weight:600}.snm-tpl-name,.snm-tpl-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snm-tpl-subject{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.72rem}.snm-tpl-check{color:#059669;flex-shrink:0;font-size:1.1rem!important}[data-theme=dark] .snm-tpl-name{color:#f1f5f9}[data-theme=dark] .snm-tpl-check{color:#34d399}.snm-loading{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.82rem;gap:.5rem;padding:1rem}.snm-loading .material-symbols-rounded{font-size:1rem}.snm-empty-state{align-items:center;display:flex;flex-direction:column;gap:.35rem;padding:1.5rem 1rem;text-align:center}.snm-empty-state .material-symbols-rounded{color:#cbd5e1;font-size:2rem}.snm-empty-state p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.82rem;font-weight:600;margin:0}.snm-empty-state small{font-size:.72rem}.snm-empty-state small,.snm-no-channel{color:#94a3b8;color:var(--text-muted,#94a3b8)}.snm-no-channel{align-items:center;border:1.5px dashed #e2e8f0;border:1.5px dashed var(--border-color,#e2e8f0);border-radius:14px;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:140px;padding:2rem;text-align:center}.snm-no-channel .material-symbols-rounded{font-size:2rem;opacity:.4}.snm-no-channel p{font-size:.82rem;margin:0}.snm-coming-pill{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:.63rem;font-weight:800;letter-spacing:.05em;margin-left:auto;padding:.15rem .55rem;text-transform:uppercase}.snm-coming-body{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:2.5rem 2rem;text-align:center}.snm-coming-icon{color:#25d366!important;font-size:2.5rem!important;opacity:.6}.snm-coming-body p{font-size:.82rem;line-height:1.5;margin:0;max-width:260px}.snm-footer{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1rem 1.75rem}[data-theme=dark] .snm-footer{background:#ffffff05;border-color:#ffffff12}.snm-footer-meta{align-items:center;display:flex;gap:.5rem;min-width:0}.snm-footer-recip-count{align-items:center;color:#059669;display:flex;font-size:.78rem;font-weight:600;gap:.35rem}.snm-footer-recip-count .material-symbols-rounded{font-size:1rem}[data-theme=dark] .snm-footer-recip-count{color:#34d399}.snm-footer-actions{display:flex;gap:.625rem}.snm-btn{align-items:center;border:1.5px solid;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.4rem;padding:.6rem 1.3rem;transition:all .15s;white-space:nowrap}.snm-btn .material-symbols-rounded{font-size:1rem}.snm-btn--sec{background:#0000;border-color:#e2e8f0;border-color:var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.snm-btn--sec:hover{border-color:#dc2626;color:#dc2626}[data-theme=dark] .snm-btn--sec{border-color:#ffffff1f;color:#9ca3af}.snm-btn--pri{background:linear-gradient(135deg,#064e3b,#059669);border-color:#0000;box-shadow:0 2px 8px #0596694d;color:#fff}.snm-btn--pri:hover:not(:disabled){box-shadow:0 4px 14px #05966966;filter:brightness(1.08);transform:translateY(-1px)}.snm-btn--pri:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}@media (max-width:860px){.snm-cols{grid-template-columns:1fr}.snm-modal{max-width:100%}}@media (max-width:600px){.snm-overlay{align-items:flex-end;padding:0}.snm-modal{border-radius:20px 20px 0 0;max-height:94vh}.snm-header{padding:1rem 1.1rem .875rem}.snm-body{padding:1rem 1.1rem}.snm-footer{padding:.875rem 1.1rem}.snm-btn{font-size:.8rem;padding:.55rem 1rem}}.snm-placeholder-hint{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:inline-flex;font-size:.7rem;gap:.3rem;margin-top:.25rem}.snm-placeholder-hint .material-symbols-rounded{color:#a78bfa;font-size:.85rem}.snm-placeholder-hint code{background:#7c3aed1a;border:1px solid #7c3aed26;border-radius:4px;color:#7c3aed;font-family:Courier New,monospace;font-size:.7rem;padding:.05rem .3rem}[data-theme=dark] .snm-placeholder-hint code{background:#a78bfa1f;border-color:#a78bfa33;color:#a78bfa}@media (max-width:768px){.lead-snapshot-header .header-top-row{align-items:stretch;flex-direction:column;gap:.75rem}.lead-snapshot-header .lead-snapshot-info h1{font-size:1.25rem;line-height:1.3}.lead-snapshot-header .lead-snapshot-info p{flex-wrap:wrap;font-size:.82rem!important}.lead-snapshot-header .lead-snapshot-actions{display:flex;flex-wrap:wrap;gap:.4rem}.lead-snapshot-header .lead-snapshot-actions .btn-primary-action{flex-basis:calc(50% - 0.4rem);flex-grow:1;flex-shrink:1;font-size:.78rem;justify-content:center;min-width:0;padding:.5rem;white-space:nowrap}}@media (max-width:480px){.lead-snapshot-header .lead-snapshot-actions .btn-primary-action{flex:1 1 100%;font-size:.8rem}.lead-snapshot-header .lead-snapshot-info h1{font-size:1.1rem}.mn-header-meta{gap:.35rem;margin-top:.4rem}.mn-meta-chip{font-size:.72rem;padding:.15rem .5rem}}.mn-mobile-filter-row{display:none}@media (max-width:768px){.mn-info-banner--row{align-items:stretch;flex-direction:column;gap:.6rem;padding:.7rem .875rem}.mn-info-banner-text{font-size:.78rem;gap:.4rem}.mn-service-filter-tabs{display:none!important}.mn-mobile-filter-row{align-items:center;display:flex;gap:.5rem}.mn-mobile-filter-row .mn-service-filter-select{display:flex;flex:1 1;min-width:0}.mn-mobile-filter-row .mn-service-filter-select select{flex:1 1;min-width:0}}@media (max-width:480px){.mn-info-banner-text{font-size:.75rem}}@media (max-width:768px){.mn-type-filter-row{display:none!important}}@media (max-width:640px){.mn-card{border-radius:10px;gap:.6rem;padding:.7rem .8rem .7rem .9rem}.mn-card-icon{flex-shrink:0;height:1.9rem;width:1.9rem}.mn-card-icon .material-symbols-rounded{font-size:.9rem}.mn-card-top{align-items:flex-start;flex-direction:column;gap:.3rem}.mn-card-title{font-size:.83rem}.mn-card-badges{flex-wrap:wrap;gap:.2rem}.mn-ntype-badge,.mn-svc-badge{font-size:.63rem;padding:.12rem .38rem}.mn-unread-dot{height:7px;width:7px}.mn-card-message{font-size:.78rem;line-height:1.5}.mn-card-footer{align-items:center;flex-wrap:nowrap;gap:.4rem}.mn-card-time{flex-shrink:0;font-size:.68rem}.mn-action-label{display:none}.mn-action-btn--read{padding:.28rem .42rem}.mn-action-btn--delete{align-items:center;display:inline-flex;height:1.7rem;justify-content:center;padding:0;width:1.7rem}.mn-action-btn .material-symbols-rounded{font-size:.9rem}}@media (max-width:380px){.mn-card{gap:.5rem;padding:.6rem .65rem .6rem .8rem}.mn-card-title{font-size:.78rem}.mn-card-message{font-size:.74rem}}@media (max-width:860px){.snm-cols{gap:1rem;grid-template-columns:1fr}.snm-modal{border-radius:16px;max-width:100%}.snm-body{gap:1rem;padding:1.25rem}.snm-header{padding:1.1rem 1.25rem 1rem}.snm-footer{padding:.875rem 1.25rem}}@media (max-width:600px){.snm-overlay{align-items:flex-end;padding:0}.snm-modal{border-radius:20px 20px 0 0;max-height:94vh;max-width:100%}.snm-header{gap:.75rem;padding:1rem 1rem .875rem}.snm-header-icon{border-radius:10px;height:36px;width:36px}.snm-header-icon .material-symbols-rounded{font-size:1.1rem}.snm-title{font-size:.95rem}.snm-subtitle{font-size:.72rem}.snm-close{height:32px;width:32px}.snm-body{gap:.875rem;padding:.875rem 1rem}.snm-footer{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.snm-footer-left{width:100%}.snm-footer-right{display:flex;gap:.4rem;width:100%}.snm-btn--cancel{flex:1 1;justify-content:center}.snm-btn--pri{flex:2 1;justify-content:center}.snm-panel-header{font-size:.75rem;padding:.6rem .875rem}.snm-panel-header .material-symbols-rounded{font-size:.95rem}.snm-textarea--message{min-height:100px!important}.snm-textarea--email{min-height:120px!important}.snm-tpl-list{max-height:160px!important}.snm-pick-btn{font-size:.78rem;padding:.6rem .75rem}.mn-audience-row{flex-direction:column;gap:.4rem}.mn-audience-id-input,.mn-audience-select{flex:none;min-width:0;width:100%}}@media (max-width:400px){.snm-title{font-size:.88rem}}@media (max-width:600px){.snm-mode-tabs{border-radius:8px;gap:.25rem;padding:.2rem}.snm-mode-tab{font-size:.75rem;padding:.3rem .6rem}}@media (max-width:480px){.snm-placeholder-hint{flex-wrap:wrap;font-size:.65rem}.snm-placeholder-hint code{font-size:.65rem}}.mn-page-tabs{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);display:flex;gap:.25rem;margin-bottom:.875rem;padding:0 0 .75rem}[data-theme=dark] .mn-page-tabs{border-color:#ffffff14}.mn-page-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;position:relative;transition:all .15s;white-space:nowrap}.mn-page-tab .material-symbols-rounded{font-size:1.1rem}.mn-page-tab:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.mn-page-tab.active{background:linear-gradient(135deg,#065f4614,#10b98114);box-shadow:inset 0 -2px 0 #065f46;color:#065f46;font-weight:700}[data-theme=dark] .mn-page-tab{color:#9ca3af}[data-theme=dark] .mn-page-tab:hover{background:#ffffff0d;color:#e2e8f0}[data-theme=dark] .mn-page-tab.active{background:#00ff8812;box-shadow:inset 0 -2px 0 #0f8;color:#0f8}.mn-page-tab-count{align-items:center;background:#e2e8f0;background:var(--bg-secondary,#e2e8f0);border-radius:20px;color:#64748b;color:var(--text-muted,#64748b);display:inline-flex;font-size:.68rem;font-weight:700;height:1.3rem;justify-content:center;min-width:1.3rem;padding:0 .3rem;transition:all .15s}.mn-page-tab.active .mn-page-tab-count{background:#065f4626;color:#065f46}[data-theme=dark] .mn-page-tab-count{background:#ffffff14;color:#9ca3af}[data-theme=dark] .mn-page-tab.active .mn-page-tab-count{background:#00ff8826;color:#0f8}.mn-page-tab-unread{align-items:center;background:#ef4444;border-radius:20px;color:#fff;display:inline-flex;font-size:.6rem;font-weight:800;height:1.1rem;justify-content:center;line-height:1;min-width:1.1rem;padding:0 .25rem}[data-theme=dark] .mn-page-tab-unread{background:#ff6b6b;color:#000}@media (max-width:480px){.mn-page-tabs{gap:.15rem;margin-bottom:.6rem;padding-bottom:.6rem}.mn-page-tab{font-size:.8rem;padding:.4rem .75rem}.mn-page-tab .material-symbols-rounded{font-size:1rem}.mn-page-tab-count{font-size:.62rem;height:1.1rem;min-width:1.1rem}}.mn-card-sender{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:inline-flex;font-size:.73rem;gap:.3rem;margin-top:.1rem}.mn-card-sender .material-symbols-rounded{color:#94a3b8;font-size:.9rem}.mn-card-sender strong{color:#475569;color:var(--text-secondary,#475569);font-weight:600}[data-theme=dark] .mn-card-sender{color:#9ca3af}[data-theme=dark] .mn-card-sender strong{color:#d1d5db}.mn-card-accent--sent{background:linear-gradient(180deg,#0284c7,#0369a1)!important}.mn-card--sent{background:#fff;background:var(--card-bg,#fff)}[data-theme=dark] .mn-card--sent{background:#131722;background:var(--bg-card,#131722)}.mn-card-sender--sent,.mn-card-sender--sent .material-symbols-rounded{color:#0284c7}[data-theme=dark] .mn-card-sender--sent,[data-theme=dark] .mn-card-sender--sent .material-symbols-rounded{color:#38bdf8}.mn-meta-chip--sent{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}[data-theme=dark] .mn-meta-chip--sent{background:#00f2fe1f;border-color:#00f2fe33;color:#00f2fe}.snm-placeholder-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.snm-placeholder-bar-label{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:inline-flex;font-size:.7rem;font-weight:600;gap:.2rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.snm-placeholder-bar-label .material-symbols-rounded{color:#a78bfa;font-size:.85rem}.snm-placeholder-pill{align-items:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1.5px solid #c4b5fd;border-radius:20px;color:#6d28d9;cursor:pointer;display:inline-flex;font-family:Fira Code,Cascadia Code,monospace,inherit;font-size:.72rem;font-weight:600;gap:.25rem;line-height:1.3;padding:.2rem .55rem .2rem .4rem;transition:all .14s;white-space:nowrap}.snm-placeholder-pill .material-symbols-rounded{color:#8b5cf6;font-size:.8rem}.snm-placeholder-pill:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#8b5cf6;box-shadow:0 2px 6px #6d28d926;color:#5b21b6;transform:translateY(-1px)}.snm-placeholder-pill:active{box-shadow:none;transform:translateY(0)}[data-theme=dark] .snm-placeholder-bar-label{color:#6b7280}[data-theme=dark] .snm-placeholder-bar-label .material-symbols-rounded{color:#a78bfa}[data-theme=dark] .snm-placeholder-pill{background:linear-gradient(135deg,#6d28d926,#8b5cf61a);border-color:#a78bfa59;color:#c4b5fd}[data-theme=dark] .snm-placeholder-pill .material-symbols-rounded{color:#a78bfa}[data-theme=dark] .snm-placeholder-pill:hover{background:linear-gradient(135deg,#6d28d940,#8b5cf633);border-color:#a78bfa;box-shadow:0 2px 8px #8b5cf633;color:#ddd6fe}@media (max-width:480px){.snm-placeholder-pill{font-size:.68rem;padding:.18rem .45rem .18rem .35rem}.snm-placeholder-pill .material-symbols-rounded{font-size:.75rem}}.snm-html-toolbar{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-bottom:none;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:.1rem;padding:.3rem .45rem}[data-theme=dark] .snm-html-toolbar{background:#ffffff0a;border-color:#ffffff1a}.snm-html-tool-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:inline-flex;flex-shrink:0;height:1.9rem;justify-content:center;transition:all .12s;width:1.9rem}.snm-html-tool-btn .material-symbols-rounded{font-size:1.1rem}.snm-html-tool-btn:hover{background:#fff;background:var(--card-bg,#fff);box-shadow:0 1px 4px #00000014;color:#065f46}[data-theme=dark] .snm-html-tool-btn{color:#9ca3af}[data-theme=dark] .snm-html-tool-btn:hover{background:#ffffff14;color:#0f8}.snm-html-toolbar-sep{background:#e2e8f0;background:var(--border-color,#e2e8f0);flex-shrink:0;height:1.4rem;margin:0 .2rem;width:1px}[data-theme=dark] .snm-html-toolbar-sep{background:#ffffff1a}.snm-html-toolbar-badge{background:#e2e8f0;background:var(--bg-tertiary,#e2e8f0);border-radius:4px;color:#94a3b8;font-size:.6rem;font-weight:700;letter-spacing:.08em;margin-left:auto;padding:.1rem .35rem}[data-theme=dark] .snm-html-toolbar-badge{background:#ffffff12;color:#6b7280}.snm-textarea--html{border-radius:0 0 8px 8px!important;font-family:Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.8rem!important;line-height:1.6}.snm-field-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.35rem}.snm-field-label-row .snm-label{margin-bottom:0}.snm-edit-preview-toggle{border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;display:inline-flex;flex-shrink:0;overflow:hidden}[data-theme=dark] .snm-edit-preview-toggle{border-color:#ffffff1f}.snm-ep-btn{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.72rem;font-weight:500;gap:.25rem;padding:.22rem .6rem;transition:all .13s;white-space:nowrap}.snm-ep-btn .material-symbols-rounded{font-size:.85rem}.snm-ep-btn.active{background:#065f46;color:#fff}[data-theme=dark] .snm-ep-btn{color:#6b7280}[data-theme=dark] .snm-ep-btn.active{background:#0f8;color:#000}.snm-html-preview{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:.85rem;line-height:1.6;min-height:8rem;overflow-y:auto;padding:.75rem .875rem}[data-theme=dark] .snm-html-preview{background:#ffffff08;border-color:#ffffff1a;color:#e2e8f0}.mn-card-message strong,.snm-html-preview strong{font-weight:700}.mn-card-message em,.snm-html-preview em{font-style:italic}.mn-card-message u,.snm-html-preview u{text-decoration:underline}.mn-card-message a,.snm-html-preview a{color:#0284c7;text-decoration:underline}.mn-card-message ul,.snm-html-preview ul{list-style:disc;margin:.4rem 0 .4rem 1.2rem}.mn-card-message ol,.snm-html-preview ol{list-style:decimal;margin:.4rem 0 .4rem 1.2rem}.mn-card-message li,.snm-html-preview li{margin-bottom:.2rem}.mn-card-message br,.snm-html-preview br{content:"";display:block;margin-top:.25rem}.snm-preview-empty{color:#94a3b8;font-style:italic}[data-theme=dark] .mn-card-message a,[data-theme=dark] .snm-html-preview a{color:#38bdf8}@media (max-width:480px){.snm-html-tool-btn{height:1.7rem;width:1.7rem}.snm-html-tool-btn .material-symbols-rounded{font-size:1rem}.snm-ep-btn{font-size:.68rem;padding:.18rem .45rem}}.nl-channel-tabs{background:#fff;background:var(--surface-bg,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:.25rem;padding:0 1.25rem}.nl-channel-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.4rem;margin-bottom:-1px;padding:.65rem 1rem;transition:color .15s,border-color .15s}.nl-channel-tab .material-symbols-rounded{font-size:1.1rem}.nl-channel-tab:hover{color:#1e293b;color:var(--text-primary,#1e293b)}.nl-channel-tab.active{border-bottom-color:#10b981;color:#10b981;font-weight:600}[data-theme=dark] .nl-channel-tabs{background:#1e293b;background:var(--surface-bg,#1e293b);border-bottom-color:#ffffff14}.nl-filters{flex-wrap:wrap;gap:.75rem;padding:.9rem 1.25rem .5rem}.nl-filters,.nl-search{align-items:center;display:flex}.nl-search{background:#f8fafc;background:var(--input-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;flex:1 1;gap:.4rem;min-width:220px;padding:.45rem .7rem;transition:border-color .15s,box-shadow .15s}.nl-search:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.nl-search .material-symbols-rounded{color:#94a3b8;flex-shrink:0;font-size:1.1rem}.nl-search input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:.875rem;outline:none}.nl-search input::placeholder{color:#94a3b8}.nl-search-clear{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:1.4rem;justify-content:center;transition:background .15s;width:1.4rem}.nl-search-clear:hover{background:#cbd5e1}.nl-search-clear .material-symbols-rounded{font-size:.85rem}.nl-pills{flex-wrap:wrap;gap:.35rem}.nl-pill,.nl-pills{align-items:center;display:flex}.nl-pill{background:#fff;background:var(--surface-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.78rem;font-weight:500;gap:.3rem;padding:.3rem .75rem;transition:all .15s;white-space:nowrap}.nl-pill:hover{background:#10b9810f;border-color:#10b981;color:#10b981}.nl-pill.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46;font-weight:600}.nl-pill .material-symbols-rounded{font-size:.9rem}.nl-sep{background:#e2e8f0;background:var(--border-color,#e2e8f0);height:1.4rem;margin:0 .15rem;width:1px}[data-theme=dark] .nl-search{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .nl-search input{color:#e2e8f0}[data-theme=dark] .nl-pill{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .nl-pill.active{background:#10b98133;border-color:#10b981;color:#6ee7b7}.nl-summary-bar{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.8rem;gap:.4rem;padding:.4rem 1.25rem .6rem}.nl-summary-bar .material-symbols-rounded{color:#10b981;font-size:1rem}.nl-summary-filter{color:#64748b;color:var(--text-secondary,#64748b)}.nl-summary-filter strong{color:#1e293b;color:var(--text-primary,#1e293b)}.nl-content{min-height:200px;padding:0 1.25rem 1.5rem}.nl-content,.nl-empty{display:flex;flex:1 1;flex-direction:column}.nl-empty{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);gap:.5rem;justify-content:center;padding:3rem 1rem;text-align:center}.nl-empty .material-symbols-rounded{color:#cbd5e1;font-size:2.5rem}.nl-empty p{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1rem;font-weight:600;margin:0}.nl-empty span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem}.nl-table-wrap{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow-x:auto;width:100%}.nl-table{border-collapse:collapse;font-size:.85rem;width:100%}.nl-table thead tr{background:#f8fafc;background:var(--table-head-bg,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0)}.nl-table th{color:#64748b;color:var(--text-secondary,#64748b);font-size:.78rem;font-weight:600;padding:.65rem .85rem;text-align:left;white-space:nowrap}.nl-table th .material-symbols-rounded{font-size:.95rem;margin-right:.25rem;vertical-align:middle}.nl-table-row{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);cursor:pointer;transition:background .12s}.nl-table-row:last-child{border-bottom:none}.nl-table-row:hover{background:#10b9810a}.nl-table td{color:#1e293b;color:var(--text-primary,#1e293b);padding:.65rem .85rem;vertical-align:middle}.nl-recipient{font-size:.83rem;max-width:180px}.nl-recipient,.nl-subject{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nl-subject{font-size:.84rem;max-width:220px}.nl-tpl-code{color:#94a3b8;font-family:Courier New,monospace;font-size:.72rem;margin-top:.15rem}.nl-event-type{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;display:inline-block;font-size:.72rem;padding:.18rem .55rem}.nl-event-type,.nl-status{border-radius:12px;font-weight:600;white-space:nowrap}.nl-status{align-items:center;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.22rem .6rem}.nl-status .material-symbols-rounded{font-size:.9rem}.nl-status.delivered,.nl-status.sent{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.nl-status.bounced,.nl-status.failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.nl-status.pending{background:linear-gradient(135deg,#fef9c3,#fde68a);color:#92400e}.nl-time{color:#64748b;color:var(--text-secondary,#64748b);font-size:.78rem;white-space:nowrap}.nl-error-cell{max-width:180px}.nl-error-badge{align-items:center;background:#fee2e2;border-radius:6px;color:#dc2626;display:inline-flex;font-size:.76rem;gap:.25rem;padding:.2rem .5rem;word-break:break-all}.nl-error-badge .material-symbols-rounded{flex-shrink:0;font-size:.9rem}.nl-no-error{color:#cbd5e1}[data-theme=dark] .nl-table thead tr{background:#ffffff0a}[data-theme=dark] .nl-table-row:hover{background:#10b9810f}[data-theme=dark] .nl-table td,[data-theme=dark] .nl-table th{border-color:#ffffff0f;color:#e2e8f0}[data-theme=dark] .nl-tpl-code{color:#64748b}[data-theme=dark] .nl-table-wrap{border-color:#ffffff14}.nl-pagination{gap:.75rem;justify-content:center;padding:1rem 0 .25rem}.nl-page-btn,.nl-pagination{align-items:center;display:flex}.nl-page-btn{background:#fff;background:var(--surface-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:.82rem;font-weight:500;gap:.25rem;padding:.4rem .85rem;transition:all .15s}.nl-page-btn:hover:not(:disabled){background:#10b9810f;border-color:#10b981;color:#10b981}.nl-page-btn:disabled{cursor:not-allowed;opacity:.4}.nl-page-btn .material-symbols-rounded{font-size:1rem}.nl-page-info{color:#64748b;color:var(--text-secondary,#64748b);font-size:.82rem;min-width:90px;text-align:center}.nl-sheet-backdrop{align-items:flex-end;animation:nl-fade-in .18s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.nl-sheet{animation:nl-slide-up .22s ease;background:#fff;background:var(--surface-bg,#fff);border-radius:18px 18px 0 0;display:flex;flex-direction:column;max-height:85vh;max-width:640px;overflow:hidden;width:100%}.nl-sheet-handle{background:#cbd5e1;border-radius:2px;flex-shrink:0;height:4px;margin:.6rem auto 0;width:2.5rem}.nl-sheet-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1rem .6rem}.nl-sheet-title{align-items:center;display:flex;gap:.65rem}.nl-sheet-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.95rem;font-weight:600}.nl-sheet-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:background .15s;width:2rem}.nl-sheet-close:hover{background:#e2e8f0}.nl-sheet-close .material-symbols-rounded{font-size:1.1rem}.nl-sheet-body{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:.75rem 1rem 1.5rem}.nl-sheet-row{align-items:flex-start;background:#f8fafc;background:var(--table-head-bg,#f8fafc);border-radius:8px;display:flex;gap:.75rem;padding:.55rem .75rem}.nl-sheet-row-label{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-shrink:0;font-size:.78rem;font-weight:600;gap:.3rem;min-width:130px}.nl-sheet-row-label .material-symbols-rounded{color:#10b981;font-size:1rem}.nl-sheet-row-value{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:.84rem;word-break:break-all}.nl-sheet-error{color:#dc2626;font-size:.8rem}[data-theme=dark] .nl-sheet{background:#1e293b}[data-theme=dark] .nl-sheet-header{border-color:#ffffff14}[data-theme=dark] .nl-sheet-close{background:#ffffff14;color:#94a3b8}[data-theme=dark] .nl-sheet-close:hover{background:#ffffff24}[data-theme=dark] .nl-sheet-label{color:#f1f5f9}[data-theme=dark] .nl-sheet-row{background:#ffffff0a}[data-theme=dark] .nl-sheet-row-value{color:#e2e8f0}.loading-message{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;font-size:.9rem;gap:.6rem;justify-content:center;padding:3rem 1rem}.loading-message .material-symbols-rounded{color:#10b981;font-size:2rem}.loading-message p{margin:0}@keyframes nl-spin{to{transform:rotate(1turn)}}.rotating{animation:nl-spin .9s linear infinite;display:inline-block}@keyframes nl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nl-slide-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nl-filters{align-items:stretch;flex-direction:column}.nl-search{min-width:0;min-width:auto}.nl-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.nl-table td:nth-child(3),.nl-table td:nth-child(6),.nl-table th:nth-child(3),.nl-table th:nth-child(6){display:none}}@media (max-width:480px){.nl-channel-tabs{padding:0 .75rem}.nl-content{padding:0 .75rem 1rem}.nl-summary-bar{padding:.35rem .75rem .5rem}.nl-table td:nth-child(5),.nl-table th:nth-child(5){display:none}}.es-info-banner{align-items:flex-start;background:#0ea5e912;border-bottom:1px solid #0ea5e933;color:var(--text-primary);display:flex;gap:.875rem;padding:.875rem 1.5rem}.es-info-icon{color:#0284c7;flex-shrink:0;font-size:1.2rem;margin-top:.1rem}.es-info-text{display:flex;flex:1 1;flex-direction:column;font-size:.875rem;gap:.2rem;line-height:1.5}.es-info-text strong{color:var(--text-primary);font-size:.875rem;font-weight:600}.es-info-text span{color:var(--text-secondary)}.es-info-close{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;padding:0;transition:color .15s}.es-info-close:hover{color:var(--text-primary)}.es-info-close .material-symbols-rounded{font-size:1.1rem}.es-groups{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.es-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.es-group-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:.625rem;padding:.75rem 1.25rem}.es-group-header>.material-symbols-rounded{color:#065f46;color:var(--color-primary,#065f46);flex-shrink:0;font-size:1rem}.es-group-header-text{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.es-group-code{color:var(--text-primary);font-size:.85rem;font-weight:600}.es-group-code,.es-group-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-group-desc{color:var(--text-muted);font-size:.7rem}.es-group-desc em{border:1px solid var(--border-color);border-radius:4px;font-family:Courier New,monospace;font-size:.68rem;font-style:normal;letter-spacing:.04em;padding:.05rem .3rem}.es-group-count,.es-group-desc em{background:var(--bg-primary);color:var(--text-muted)}.es-group-count{border:1px solid var(--border-color);border-radius:20px;flex-shrink:0;font-size:.72rem;padding:.15rem .55rem;white-space:nowrap}.es-channel-rows{display:flex;flex-direction:column}.es-channel-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding:.875rem 1.25rem;transition:background .12s}.es-channel-row:last-child{border-bottom:none}.es-channel-row:hover{background:var(--bg-secondary)}.es-channel-row.disabled{opacity:.6}.es-channel-left{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.es-channel-badge{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.3rem;letter-spacing:.03em;padding:.25rem .65rem;text-transform:uppercase}.es-channel-badge .material-symbols-rounded{font-size:.85rem}.es-channel-badge.email{background:#0ea5e91a;color:#0284c7}.es-channel-badge.whatsapp{background:#10b9811a;color:#059669}.es-channel-badge.unknown{background:#9ca3af1a;color:#9ca3af}.es-channel-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.es-subscriber{color:var(--text-secondary);font-size:.8rem;font-weight:500}.es-endpoint{align-items:center;color:var(--text-muted);display:inline-flex;font-family:Courier New,monospace;font-size:.75rem;gap:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-endpoint .material-symbols-rounded{flex-shrink:0;font-size:.8rem}.es-mobile-hint{display:none}.es-channel-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.es-status-label{font-size:.72rem;font-weight:600;letter-spacing:.05em;min-width:52px;text-align:right;text-transform:uppercase}.es-status-label.on{color:#059669}.es-status-label.off{color:var(--text-muted)}.es-toggle{border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;outline:none;padding:0;position:relative;transition:background .2s;width:44px}.es-toggle:focus-visible{box-shadow:0 0 0 3px #065f464d}.es-toggle.toggle-on{background:#065f46;background:var(--color-primary,#065f46)}.es-toggle.toggle-off{background:#d1d5db;background:var(--border-color,#d1d5db)}.es-toggle.toggling{cursor:wait;opacity:.6}.es-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;position:absolute;top:3px;transition:left .2s cubic-bezier(.4,0,.2,1);width:18px}.toggle-on .es-toggle-thumb{left:23px}.toggle-off .es-toggle-thumb{left:3px}@media (max-width:768px){.es-info-banner{gap:.625rem;padding:.875rem 1rem}.es-info-text span{font-size:.82rem}.es-groups{gap:.75rem;padding:.75rem}.es-group-header{padding:.65rem 1rem}.es-group-desc{display:none}.es-channel-row{align-items:stretch;flex-direction:column;gap:.625rem;padding:.875rem 1rem}.es-channel-left{gap:.3rem}.es-channel-info,.es-channel-left{align-items:flex-start;flex-direction:column}.es-channel-info{gap:.15rem}.es-mobile-hint{color:var(--text-muted);display:block;font-size:.75rem;line-height:1.4}.es-endpoint{display:none}.es-channel-right{border-top:1px dashed var(--border-color);justify-content:space-between;padding-top:.25rem;width:100%}.es-status-label{font-size:.75rem;min-width:0;min-width:auto;text-align:left}.es-toggle{height:26px;width:48px}.es-toggle-thumb{height:20px;width:20px}.toggle-on .es-toggle-thumb{left:25px}.toggle-off .es-toggle-thumb{left:3px}.btn-label{display:inline}}@media (max-width:480px){.es-groups{padding:.5rem}.es-info-banner{padding:.75rem}.btn-label{display:none}}.js-page{color:var(--settings-page-text);display:flex;flex-direction:column;font-family:Google Sans,Poppins,sans-serif;min-height:100%;padding:0}.js-header-banner{align-items:center;background:var(--settings-ai-banner-bg);border-bottom:1px solid var(--settings-ai-banner-border);box-shadow:var(--settings-ai-banner-shadow);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s ease}.js-header-banner-left{align-items:center;display:flex;gap:.85rem}.js-header-banner-icon{align-items:center;background:var(--settings-ai-banner-btn-bg);border-radius:12px;box-shadow:var(--settings-icon-circle-shadow);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.js-header-banner-icon .material-symbols-rounded{color:var(--settings-ai-banner-btn-text);font-size:1.4rem}.js-header-banner-title{color:var(--settings-ai-banner-title-text);font-size:1.05rem;font-weight:700}.js-header-banner-sub{color:var(--settings-ai-banner-subtitle-text);font-size:.8rem;margin-top:.1rem}.js-header-banner-actions{align-items:center;display:flex;gap:.6rem}.js-icon-btn{align-items:center;background:var(--settings-ai-banner-btn-bg);border:1px solid var(--settings-ai-banner-border);border-radius:10px;color:var(--settings-ai-banner-btn-text);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;height:36px;justify-content:center;transition:all .18s ease;width:36px}.js-icon-btn:hover:not(:disabled){box-shadow:var(--settings-ai-banner-btn-hover-shadow);transform:translateY(-1px)}.js-icon-btn:disabled{cursor:not-allowed;opacity:.55}.js-icon-btn .material-symbols-rounded{font-size:1.15rem}.js-spin{animation:js-rotate .8s linear infinite}@keyframes js-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.js-content{flex:1 1;padding:1.25rem}.js-stats-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;padding-top:.25rem}.js-stat-chip{align-items:center;background:var(--settings-card-bg);border:1px solid var(--settings-card-border);border-radius:20px;color:var(--settings-page-text);display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.35rem .85rem;transition:all .2s ease}.js-stat-chip .material-symbols-rounded{font-size:.95rem}.js-stat-chip.active{background:#4f46e51a;border-color:#4f46e54d;color:#4f46e5}.js-stat-chip.inactive{background:#64748b1a;border-color:#64748b4d;color:var(--settings-item-icon-color)}[data-theme=dark] .js-stat-chip.active{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}.js-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.js-job-card{background:var(--settings-card-bg);border:1px solid var(--settings-card-border);border-radius:14px;box-shadow:var(--settings-card-shadow);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease,opacity .2s ease}.js-job-card:hover{box-shadow:var(--settings-card-hover-shadow)}.js-job-card.js-disabled{opacity:.75}.js-card-header{align-items:center;border-bottom:1px solid var(--settings-section-heading-border);border-radius:14px 14px 0 0;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:0;padding:.85rem 1rem}.js-job-title{flex:1 1}.js-header-actions{margin-left:auto}.js-status-badge{border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.2rem .6rem;white-space:nowrap}.js-badge-active{background:var(--settings-configured-bg);color:var(--settings-configured-text)}.js-badge-inactive{background:var(--settings-not-configured-bg);color:var(--settings-not-configured-text)}.js-card-body{flex:1 1;padding:.85rem 1rem}.js-info-grid{display:flex;flex-direction:column;gap:.45rem}.js-info-row{font-size:.83rem;gap:.5rem;justify-content:space-between}.js-info-label,.js-info-row{align-items:center;display:flex}.js-info-label{color:var(--settings-item-icon-color);font-weight:500;gap:.3rem;min-width:110px}.js-info-label .material-symbols-rounded{font-size:.9rem}.js-info-value{color:var(--settings-page-text);font-weight:600;text-align:right}.js-mono{font-family:Courier New,monospace;font-size:.78rem}.js-dim{color:var(--settings-item-icon-color);font-weight:500}.js-card-footer{border-top:1px solid var(--settings-card-border);display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.js-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.35rem;padding:.4rem .85rem;transition:all .18s ease;white-space:nowrap}.js-btn .material-symbols-rounded{font-size:.95rem}.js-btn:disabled{cursor:not-allowed;opacity:.55}.js-btn-primary{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);border-color:#6366f14d;color:#3730a3}.js-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#a5b4fc,#818cf8);box-shadow:0 4px 12px #6366f14d;color:#1e1b4b}[data-theme=dark] .js-btn-primary{background:#8b5cf640;border-color:#8b5cf666;color:#a78bfa}[data-theme=dark] .js-btn-primary:hover:not(:disabled){background:#8b5cf666}.js-btn-ghost{background:#0000;border-color:var(--settings-card-border);color:var(--settings-item-icon-color)}.js-btn-ghost:hover:not(:disabled){background:var(--settings-item-row-hover-bg);color:var(--settings-page-text)}.js-btn-success{background:var(--settings-configured-bg);border-color:#04785733;color:var(--settings-configured-text)}.js-btn-success:hover:not(:disabled){background:#04785733}.js-btn-warning{background:var(--settings-not-configured-bg);border-color:#92400e33;color:var(--settings-not-configured-text)}.js-btn-warning:hover:not(:disabled){background:#92400e26}.js-add-btn{align-items:center;background:linear-gradient(135deg,#c7d2fe,#a5b4fc);border:1px solid #6366f14d;border-radius:10px;color:#3730a3;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1.1rem;transition:all .18s ease;white-space:nowrap}.js-add-btn:hover{background:linear-gradient(135deg,#a5b4fc,#818cf8);box-shadow:0 4px 14px #6366f14d;transform:translateY(-1px)}.js-add-btn .material-symbols-rounded{font-size:1rem}[data-theme=dark] .js-add-btn{background:#8b5cf633;border-color:#8b5cf659;color:#a78bfa}[data-theme=dark] .js-add-btn:hover{background:#8b5cf659;box-shadow:0 4px 14px #8b5cf640}.js-edit-form{gap:.85rem}.js-edit-form,.js-field{display:flex;flex-direction:column}.js-field{gap:.3rem}.js-field-inline{align-items:center;flex-direction:row;justify-content:space-between}.js-label{color:var(--settings-item-icon-color);font-size:.78rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.js-required{color:#ef4444}.js-input,.js-select{background:var(--settings-page-bg);border:1px solid var(--settings-card-border);border-radius:8px;box-sizing:border-box;color:var(--settings-page-text);font-family:inherit;font-size:.85rem;outline:none;padding:.5rem .75rem;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.js-input:focus,.js-select:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .js-input,[data-theme=dark] .js-select{background:#ffffff0d;border-color:#ffffff26;color:#fff}[data-theme=dark] .js-input:focus,[data-theme=dark] .js-select:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.js-select option{background:var(--settings-card-bg);color:var(--settings-page-text)}.cron-helper{display:flex;flex-direction:column;gap:.4rem}.cron-presets{display:flex;flex-wrap:wrap;gap:.3rem}.cron-preset-btn{background:var(--settings-item-row-hover-bg);border:1px solid var(--settings-card-border);border-radius:6px;color:var(--settings-page-text);cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:500;padding:.22rem .55rem;transition:all .15s ease}.cron-preset-btn.active,.cron-preset-btn:hover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);border-color:#6366f166;color:#3730a3}[data-theme=dark] .cron-preset-btn.active,[data-theme=dark] .cron-preset-btn:hover{background:#8b5cf640;border-color:#8b5cf666;color:#a78bfa}.cron-hint{align-items:center;color:var(--settings-item-icon-color);display:flex;font-size:.72rem;gap:.25rem;margin:0}.cron-hint .material-symbols-rounded{font-size:.85rem}.js-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:22px;position:relative;width:38px}.js-toggle input{height:0;opacity:0;width:0}.js-toggle-slider{background:var(--settings-card-border);border-radius:22px;inset:0;position:absolute;transition:background .2s ease}.js-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:16px}.js-toggle input:checked+.js-toggle-slider{background:#6366f1}.js-toggle input:checked+.js-toggle-slider:before{transform:translateX(16px)}[data-theme=dark] .js-toggle input:checked+.js-toggle-slider{background:#8b5cf6}.js-error-msg{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#dc2626;display:flex;font-size:.8rem;gap:.4rem;margin-bottom:.5rem;padding:.5rem .75rem}.js-error-msg .material-symbols-rounded{flex-shrink:0;font-size:.95rem}.js-global-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#dc2626;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.js-global-error .material-symbols-rounded{flex-shrink:0;font-size:1rem}.js-empty-state{align-items:center;color:var(--settings-item-icon-color);display:flex;flex-direction:column;gap:.5rem;padding:2rem;text-align:center}.js-empty-state .material-symbols-rounded{font-size:2.5rem;opacity:.5}.js-empty-state p{font-size:.88rem;margin:0}.js-skeleton-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.js-skeleton-card{background:var(--settings-card-bg);border:1px solid var(--settings-card-border);border-radius:14px;height:220px;overflow:hidden;position:relative}.js-skeleton-card:after{animation:js-shimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";inset:0;position:absolute}[data-theme=dark] .js-skeleton-card:after{background:linear-gradient(90deg,#0000,#ffffff0a,#0000)}@keyframes js-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.js-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.js-modal{background:var(--settings-card-bg);border:1px solid var(--settings-card-border);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}[data-theme=dark] .js-modal{box-shadow:0 20px 60px #0009}.js-modal-header{align-items:center;background:var(--settings-card-bg);border-bottom:1px solid var(--settings-card-border);display:flex;justify-content:space-between;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.js-modal-title{align-items:center;color:var(--settings-page-text);display:flex;font-size:1rem;font-weight:700;gap:.5rem}.js-modal-title .material-symbols-rounded{color:#6366f1;font-size:1.2rem}[data-theme=dark] .js-modal-title .material-symbols-rounded{color:#a78bfa}.js-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--settings-item-icon-color);cursor:pointer;display:flex;line-height:1;padding:.25rem;transition:background .15s ease}.js-modal-close:hover{background:var(--settings-item-row-hover-bg);color:var(--settings-page-text)}.js-modal-close .material-symbols-rounded{font-size:1.2rem}.js-modal-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.25rem}.js-modal-footer{background:var(--settings-card-bg);border-top:1px solid var(--settings-card-border);bottom:0;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky}.cron-preset-tip{align-items:flex-start;background:#10b98114;border:1px solid #10b98133;border-radius:8px;color:#047857;display:flex;font-size:.78rem;gap:.4rem;line-height:1.4;padding:.4rem .65rem}.cron-preset-tip .material-symbols-rounded{color:#059669;flex-shrink:0;font-size:.9rem;margin-top:.05rem}[data-theme=dark] .cron-preset-tip{background:#00ff8814;border-color:#0f83;color:#6ee7b7}[data-theme=dark] .cron-preset-tip .material-symbols-rounded{color:#34d399}.js-jobtype-desc{align-items:flex-start;background:#4f46e512;border:1px solid #4f46e52e;border-radius:8px;color:#3730a3;display:flex;font-size:.79rem;gap:.45rem;line-height:1.45;padding:.5rem .7rem}.js-jobtype-desc .material-symbols-rounded{color:#4f46e5;flex-shrink:0;font-size:1rem;margin-top:.05rem}[data-theme=dark] .js-jobtype-desc{background:#8b5cf61a;border-color:#8b5cf640;color:#c4b5fd}[data-theme=dark] .js-jobtype-desc .material-symbols-rounded{color:#a78bfa}.js-jobtype-card-desc{background:var(--settings-item-row-hover-bg);border-radius:6px;color:var(--settings-item-icon-color);font-size:.78rem;font-style:italic;line-height:1.45;margin-bottom:.25rem;padding:.35rem .5rem}.cron-meaning{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;color:#4f46e5;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .7rem}.cron-meaning .material-symbols-rounded{flex-shrink:0;font-size:.9rem}[data-theme=dark] .cron-meaning{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}.js-cron-display{align-items:flex-end;display:flex;flex-direction:column;gap:.2rem}.js-cron-meaning-inline{background:#6366f114;border-radius:6px;color:#4f46e5;font-size:.72rem;font-weight:500;padding:.1rem .45rem;white-space:nowrap}[data-theme=dark] .js-cron-meaning-inline{background:#8b5cf61f;color:#a78bfa}.js-info-row-cron{align-items:flex-start}.js-field-desc{background:var(--settings-item-row-hover-bg);border-left:2px solid #6366f166;border-radius:6px;color:var(--settings-item-icon-color);font-size:.76rem;line-height:1.4;padding:.3rem .5rem}[data-theme=dark] .js-field-desc{border-left-color:#8b5cf680}.js-modal::-webkit-scrollbar{width:6px}.js-modal::-webkit-scrollbar-track{background:#0000}.js-modal::-webkit-scrollbar-thumb{background:var(--settings-scrollbar-thumb);border-radius:3px}.js-modal::-webkit-scrollbar-thumb:hover{background:var(--settings-scrollbar-thumb-hover)}@media (max-width:768px){.js-header-banner{gap:.75rem;padding:1rem}.js-content{padding:.875rem}.js-grid,.js-skeleton-grid{grid-template-columns:1fr}.js-header-banner-title{font-size:.95rem}.js-stat-chip{font-size:.75rem;padding:.3rem .7rem}}@media (max-width:600px){.js-header-banner{align-items:flex-start;flex-direction:column;padding:.875rem}.js-header-banner-actions{justify-content:flex-end;width:100%}.js-add-btn{flex:1 1;justify-content:center}.js-content{padding:.75rem}.js-card-footer{gap:.35rem}.js-btn{font-size:.75rem;padding:.35rem .65rem}.js-info-label{min-width:90px}.js-modal{border-radius:12px;max-height:95vh}.js-stats-bar{gap:.5rem}}@media (max-width:480px){.js-card-footer{flex-direction:column}.js-btn{justify-content:center;width:100%}}@media (hover:none) and (pointer:coarse){.js-btn{min-height:40px}.js-add-btn,.js-btn{-webkit-tap-highlight-color:transparent}.js-add-btn{min-height:44px}.js-btn:active{transform:scale(.97);transition:transform .1s ease}.cron-preset-btn{-webkit-tap-highlight-color:transparent;min-height:34px}}.gradient-orange{background:linear-gradient(135deg,#fed7aa,#fdba74);box-shadow:0 2px 6px #ea580c40;color:#92400e;transition:all .3s ease}[data-theme=dark] .gradient-orange{background:#fb923c26;box-shadow:0 2px 6px #fb923c4d;color:#fb923c}.gradient-teal .js-card-header{color:var(--gradient-teal-heading)}.js-fixed-schedule-badge{align-items:center;background:linear-gradient(135deg,#ccfbf1,#a7f3d0);background:var(--gradient-teal-bg,linear-gradient(135deg,#ccfbf1,#a7f3d0));border:1px solid #0d948833;border-radius:20px;color:#0f766e;color:var(--gradient-teal-heading,#0f766e);display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;margin-bottom:.25rem;padding:.35rem .75rem}.js-fixed-schedule-badge .material-symbols-rounded{font-size:15px}[data-theme=dark] .js-fixed-schedule-badge{background:#0d948826;border-color:#2dd4bf40;color:#2dd4bf}.js-push-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.js-push-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.3rem .65rem}.js-push-badge .material-symbols-rounded{font-size:14px}.js-push-badge-only{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #6d28d933;color:#5b21b6}.js-push-badge-mixed{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #0369a133;color:#0369a1}[data-theme=dark] .js-push-badge-only{background:#6d28d926;border-color:#a78bfa40;color:#c4b5fd}[data-theme=dark] .js-push-badge-mixed{background:#0369a126;border-color:#7dd3fc40;color:#7dd3fc}:root{--att-page-bg:#fff;--att-page-border:#e2e8f0;--att-page-shadow:0 1px 6px #0000000d;--cls-row-hover-bg:#f0fdf4;--cls-row-hover-border:#22c55e;--displayid-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--displayid-text:#15803d;--displayid-border:#bbf7d0;--displayid-shadow:0 2px 8px #15803d14;--displayid-hover-shadow:0 4px 12px #15803d26;--displayid-badge-bg:#22c55e1a;--displayid-badge-border:#86efac;--displayid-badge-text:#15803d;--inspect-icon-color:#16a34a;--inspect-icon-border:#22c55e33;--inspect-icon-shadow:0 2px 4px #15803d1a;--inspect-icon-shadow-hover:0 4px 8px #15803d33;--inspect-icon-hover-bg:#22c55e;--resize-handle-hover-bg:#22c55e;--resize-handle-active-bg:#16a34a}[data-theme=dark]{--att-page-bg:#1a1a1ae6;--att-page-border:#ffffff1a;--att-page-shadow:0 1px 6px #0000004d;--cls-row-hover-bg:#22c55e14;--cls-row-hover-border:#22c55e;--cls-row-hover-shadow:0 6px 18px #22c55e1f;--displayid-bg:linear-gradient(135deg,#064e3b40,#052e1633);--displayid-text:#86efac;--displayid-border:#86efac4d;--displayid-shadow:0 2px 8px #22c55e26;--displayid-hover-shadow:0 4px 12px #22c55e40;--displayid-badge-bg:#22c55e26;--displayid-badge-border:#4ade80;--displayid-badge-text:#86efac;--inspect-icon-bg:#064e3bcc;--inspect-icon-color:#86efac;--inspect-icon-border:#86efac4d;--inspect-icon-shadow:0 2px 4px #22c55e33;--inspect-icon-shadow-hover:0 4px 8px #22c55e4d;--inspect-icon-hover-bg:#22c55e;--resize-handle-hover-bg:#4ade80;--resize-handle-active-bg:#22c55e}.att-page{background:#fff;background:var(--att-page-bg);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.att-page-scroll{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 .75rem .75rem}.att-page-scroll::-webkit-scrollbar{width:6px}.att-page-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}[data-theme=dark] .att-page-scroll::-webkit-scrollbar-thumb{background:#94a3b866}.error-banner,.success-banner{animation:bannerSlideIn .3s ease;border-radius:10px;font-size:.875rem;gap:.6rem;margin:.75rem .75rem 0;padding:.75rem 1.25rem}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;color:#b91c1c}.success-banner{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;color:#15803d}[data-theme=dark] .error-banner{background:#b91c1c26;border-color:#fca5a54d;color:#fca5a5}[data-theme=dark] .success-banner{background:#15803d26;border-color:#86efac4d;color:#86efac}.atl-classes-toolbar-wrapper{flex-shrink:0}.atl-classs-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--cls-table-bg);border:1px solid #e2e8f0;border:1px solid var(--classs-page-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--classs-page-shadow);margin:0;overflow:visible;transition:all .3s ease}.atl-classs-table-container.atl-card-view-mode{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;box-shadow:none;overflow:visible}.atl-classs-table-container::-webkit-scrollbar{width:6px}.atl-classs-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}[data-theme=dark] .atl-classs-table-container::-webkit-scrollbar-thumb{background:#94a3b866}.atl-classs-header-section{align-items:center;background:#f9fafb;background:var(--cls-table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cls-table-header-border);display:flex;justify-content:space-between;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.atl-filter-left{align-items:center;color:#334155;color:var(--cls-table-header-text);display:flex;font-size:.9rem;font-weight:600;gap:.6rem}.att-header-icon{color:#22c55e;font-size:18px}.att-loading-indicator{align-items:center;display:flex}.att-spin{animation:attSpin 1s linear infinite;color:#22c55e;font-size:18px!important}@keyframes attSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.att-pagination{gap:6px}.att-page-btn,.att-pagination{align-items:center;display:flex}.att-page-btn{background:#fff;background:var(--cls-table-bg);border:1px solid #e2e8f0;border:1px solid var(--cls-table-header-border);border-radius:7px;color:#334155;color:var(--cls-table-header-text);cursor:pointer;height:30px;justify-content:center;transition:all .2s ease;width:30px}.att-page-btn:hover:not(:disabled){background:#22c55e;border-color:#22c55e;color:#fff}.att-page-btn:disabled{cursor:not-allowed;opacity:.35}.att-page-indicator{color:#334155;color:var(--cls-table-header-text);font-size:.82rem;font-weight:500;padding:0 2px;white-space:nowrap}.atl-classs-table-scroll-x{overflow-x:auto;overflow-y:visible;position:relative;width:100%}.atl-classs-table-scroll-x::-webkit-scrollbar{height:6px}.atl-classs-table-scroll-x::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}[data-theme=dark] .atl-classs-table-scroll-x::-webkit-scrollbar-thumb{background:#94a3b866}.atl-classs-table{min-width:100%;transition:all .3s ease;width:-webkit-max-content;width:max-content}.atl-classs-table,.atl-classs-table table{background:#fff;background:var(--cls-table-bg);border-collapse:collapse}.atl-classs-table table{width:100%}.atl-classs-table th{background:#f9fafb;background:var(--cls-table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cls-table-header-border);color:#334155;color:var(--cls-table-header-text);font-size:.9rem;font-weight:600;letter-spacing:.02em;padding:.85rem 1.2rem;position:relative;text-align:left;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.atl-classs-table th:hover{background:#f0fdf4;background:var(--cls-row-hover-bg)}.atl-classs-table td{border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cls-table-cell-border);color:#1e293b;color:var(--cls-table-cell-text);font-size:.9rem;padding:.85rem 1.2rem;transition:all .3s ease;white-space:nowrap}.atl-classs-table thead{background:#f9fafb;background:var(--cls-table-header-bg);box-shadow:0 2px 4px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:10}.atl-resizable-th{position:relative}.atl-th-content{align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:100%}.atl-th-label{flex:1 1}.atl-resize-handle{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:background .2s ease;width:4px;z-index:5}.atl-resize-handle:hover{background:#22c55e;background:var(--resize-handle-hover-bg)}.atl-resize-handle:active{background:#16a34a;background:var(--resize-handle-active-bg)}.atl-resize-handle:before{background:#cbd5e1;background:var(--resize-handle-bg);content:"";height:60%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:2px}.atl-resize-handle:hover:before{opacity:1}.atl-classs-table tbody tr{border-left:4px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000008;box-shadow:var(--cls-row-shadow);position:relative;transition:all .3s ease;z-index:1}.atl-classs-table tbody tr:hover{box-shadow:0 6px 18px #0000000f;box-shadow:var(--cls-row-hover-shadow);transform:translateY(-1px)}.atl-classs-table tbody tr.atl-row-highlight,.atl-classs-table tbody tr:hover{background:#f0fdf4;background:var(--cls-row-hover-bg);border-left-color:#22c55e;border-left-color:var(--cls-row-hover-border)}.atl-classs-table td.atl-actions-sticky,.atl-classs-table th.atl-actions-sticky{background:#fff;background:var(--cls-table-bg);box-shadow:-2px 0 6px -1px #0000000d;position:-webkit-sticky;position:sticky;right:0;text-align:center;transition:all .3s ease;z-index:2}.atl-classs-table tbody tr.atl-row-highlight td.atl-actions-sticky,.atl-classs-table tbody tr:hover td.atl-actions-sticky{background:#f0fdf4;background:var(--cls-row-hover-bg)}.atl-classs-table td.atl-display-id-sticky,.atl-classs-table th.atl-display-id-sticky{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--displayid-bg);box-shadow:2px 0 8px -1px #00000014;left:0;position:-webkit-sticky;position:sticky;transition:all .3s ease;z-index:3}.atl-classs-table thead th.atl-display-id-sticky{border:1px solid #bbf7d0;border-bottom:1px solid #bbf7d0;border:1px solid var(--displayid-border);color:#15803d;color:var(--displayid-text);font-weight:700;padding-left:1rem}.atl-classs-table tbody tr:hover td.atl-display-id-sticky,.atl-classs-table thead th.atl-display-id-sticky{background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:var(--displayid-bg)}.classid-cell{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;box-shadow:0 2px 8px #15803d14;color:#15803d;font-size:.8rem;padding:.45rem 2.4rem .45rem .65rem}.classid-cell:hover{border-color:#86efac;box-shadow:0 4px 12px #15803d26}.atl-class-id-wrapper{align-items:center;display:flex;gap:8px;position:relative}.atl-class-id-wrapper:before{background:#22c55e1a;background:var(--displayid-badge-bg);border:1px solid #86efac;border:1px solid var(--displayid-badge-border);border-radius:4px;color:#15803d;color:var(--displayid-badge-text);content:"ID";display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;opacity:.8;padding:2px 6px;text-transform:uppercase;transition:opacity .2s ease}.classid-cell:hover .atl-class-id-wrapper:before{opacity:1}.classid-cell .atl-inspect-icon{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;background:var(--inspect-icon-bg);border:1px solid #22c55e33;border:1px solid var(--inspect-icon-border);border-radius:8px;box-shadow:0 2px 4px #15803d1a;box-shadow:var(--inspect-icon-shadow);color:#16a34a;color:var(--inspect-icon-color);cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:28px;z-index:1}.classid-cell:hover .atl-inspect-icon{opacity:1;right:12px;transform:translateY(-50%) scale(1.05)}.classid-cell .atl-inspect-icon:hover{background:#22c55e;background:var(--inspect-icon-hover-bg);border-color:#22c55e;border-color:var(--inspect-icon-hover-bg);box-shadow:0 4px 8px #15803d33;box-shadow:var(--inspect-icon-shadow-hover);color:#fff;color:var(--inspect-icon-hover-color);transform:translateY(-50%) scale(1.1)}.atl-classs-table td.att-status-present.atl-display-id-sticky,.classid-cell.att-status-present{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;border-color:#86efac!important;color:#15803d!important}.atl-classs-table td.att-status-absent.atl-display-id-sticky,.classid-cell.att-status-absent{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border-color:#fca5a5!important;color:#b91c1c!important}.atl-classs-table td.att-status-late.atl-display-id-sticky,.classid-cell.att-status-late{background:linear-gradient(135deg,#fefce8,#fef9c3)!important;border-color:#fde047!important;color:#a16207!important}.atl-classs-table td.att-status-excused.atl-display-id-sticky,.classid-cell.att-status-excused{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-color:#7dd3fc!important;color:#0369a1!important}.atl-classs-table td.att-status-holiday.atl-display-id-sticky,.classid-cell.att-status-holiday{background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important;border-color:#c4b5fd!important;color:#7c3aed!important}[data-theme=dark] .atl-classs-table td.att-status-present.atl-display-id-sticky{background:#15803d33!important;border-color:#4ade804d!important;color:#4ade80!important}[data-theme=dark] .atl-classs-table td.att-status-absent.atl-display-id-sticky{background:#b91c1c33!important;border-color:#f871714d!important;color:#f87171!important}[data-theme=dark] .atl-classs-table td.att-status-late.atl-display-id-sticky{background:#a1620733!important;border-color:#fbbf244d!important;color:#fbbf24!important}[data-theme=dark] .atl-classs-table td.att-status-excused.atl-display-id-sticky{background:#0369a133!important;border-color:#38bdf84d!important;color:#38bdf8!important}[data-theme=dark] .atl-classs-table td.att-status-holiday.atl-display-id-sticky{background:#7c3aed33!important;border-color:#a78bfa4d!important;color:#a78bfa!important}.att-status-pill{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 10px;white-space:nowrap}.att-status-present{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;color:#15803d}.att-status-absent{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5;color:#b91c1c}.att-status-late{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047;color:#a16207}.att-status-excused{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#7dd3fc;color:#0369a1}.att-status-holiday{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd;color:#7c3aed}[data-theme=dark] .att-status-present{background:#15803d2e;border-color:#4ade804d;color:#4ade80}[data-theme=dark] .att-status-absent{background:#b91c1c2e;border-color:#f871714d;color:#f87171}[data-theme=dark] .att-status-late{background:#a162072e;border-color:#fbbf244d;color:#fbbf24}[data-theme=dark] .att-status-excused{background:#0369a12e;border-color:#38bdf84d;color:#38bdf8}[data-theme=dark] .att-status-holiday{background:#7c3aed2e;border-color:#a78bfa4d;color:#a78bfa}.att-status-cell{white-space:nowrap}.att-action-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--cls-table-header-border);border-radius:6px;color:#334155;color:var(--cls-table-header-text);cursor:pointer;display:flex;font-size:18px!important;height:28px;justify-content:center;margin:0 auto;transition:all .2s ease;width:28px}.att-action-btn:hover{background:#f0fdf4;border-color:#22c55e;color:#22c55e}[data-theme=dark] .att-action-btn:hover{background:#22c55e1a}.atl-action-menu{animation:menuFadeIn .15s ease;background:#fff;background:var(--cls-table-bg);border:1px solid #e2e8f0;border:1px solid var(--cls-table-header-border);border-radius:10px;box-shadow:0 8px 24px #00000026;min-width:160px;overflow:hidden}[data-theme=dark] .atl-action-menu{background:#1f2937;border-color:#ffffff1a;box-shadow:0 8px 24px #00000080}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.atl-action-menu-item{align-items:center;background:#0000;border:none;color:#1e293b;color:var(--cls-table-cell-text);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;gap:.6rem;padding:.65rem 1rem;text-align:left;transition:all .15s ease;width:100%}.atl-action-menu-item:hover{background:#f0fdf4;background:var(--cls-row-hover-bg);color:#15803d}[data-theme=dark] .atl-action-menu-item:hover{background:#22c55e14;color:#4ade80}.atl-action-menu-item .material-symbols-rounded{font-size:18px}.att-empty-row td{padding:40px 20px;text-align:center}.att-empty-state{align-items:center;color:#334155;color:var(--cls-table-header-text);display:flex;flex-direction:column;gap:8px;justify-content:center;opacity:.5;padding:60px 20px}.att-empty-icon{font-size:48px!important}.att-empty-state p{font-size:1rem;font-weight:600;margin:0}.att-empty-state span{font-size:.8rem}.atl-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000}.att-insights-popup{animation:fadeInScale .2s ease;background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:85vh;max-width:95vw;overflow-y:auto;width:700px}[data-theme=dark] .att-insights-popup{background:#1f2937;border-color:#ffffff1a;box-shadow:0 20px 60px #0009}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.atl-insights-popup-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cls-table-header-border);display:flex;justify-content:space-between;padding:18px 24px}.atl-insights-title-row{align-items:center;color:#1e293b;color:var(--cls-table-cell-text);display:flex;font-size:1.05rem;font-weight:700;gap:10px}.atl-insights-header-icon{color:#22c55e;font-size:22px!important}.atl-close-insights-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--cls-table-header-border);border-radius:8px;color:#334155;color:var(--cls-table-header-text);cursor:pointer;display:flex;font-size:18px!important;height:32px;justify-content:center;transition:all .2s ease;width:32px}.atl-close-insights-btn:hover{background:#fef2f2;color:#dc2626}.atl-insights-popup-body{display:flex;flex-direction:column;gap:20px;padding:20px 24px}.atl-insights-section{display:flex;flex-direction:column;gap:10px}.atl-section-title{align-items:center;color:#334155;color:var(--cls-table-header-text);display:flex;font-size:.82rem;font-weight:700;gap:8px;letter-spacing:.06em;text-transform:uppercase}.atl-section-icon{color:#22c55e;font-size:16px!important}.atl-insights-horizontal-grid{display:flex;flex-wrap:wrap;gap:10px;overflow-x:auto;padding-bottom:4px}.atl-insights-horizontal-grid::-webkit-scrollbar{height:4px}.atl-insights-horizontal-grid::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.insight-compact-card{border:1px solid #0000;border-radius:10px;flex:1 1;gap:10px;min-width:110px;padding:10px 14px;transition:transform .2s ease}.insight-compact-card:hover{transform:translateY(-1px)}.atl-compact-icon{font-size:20px!important;opacity:.8}.atl-compact-details{display:flex;flex-direction:column;gap:1px}.atl-compact-value{font-size:1.1rem;font-weight:700;line-height:1.2}.atl-compact-label{font-size:.7rem;font-weight:500;opacity:.7;white-space:nowrap}.glass-blue{border-color:#ffffff4d;color:#1d4ed8}.glass-green{border-color:#ffffff4d;color:#15803d}.glass-red{border-color:#ffffff4d;color:#dc2626}.glass-amber{border-color:#ffffff4d;color:#b45309}.glass-violet{border-color:#ffffff4d;color:#7c3aed}.glass-teal{border-color:#ffffff4d;color:#0d9488}.glass-gray{border-color:#ffffff4d;color:#374151}[data-theme=dark] .glass-blue{color:#93c5fd}[data-theme=dark] .glass-green{color:#86efac}[data-theme=dark] .glass-red{color:#fca5a5}[data-theme=dark] .glass-amber{color:#fde047}[data-theme=dark] .glass-violet{color:#c4b5fd}[data-theme=dark] .glass-teal{color:#5eead4}[data-theme=dark] .glass-gray{color:#9ca3af}.atl-classes-cards-grid{grid-gap:1.5rem;animation:fadeInCards .3s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:1rem}.atl-class-card{background:#fff;background:var(--cls-table-bg);border:1px solid #e2e8f0;border:1px solid var(--cls-table-cell-border);border-radius:16px;border-top:4px solid #0000;box-shadow:0 4px 12px #00000008;box-shadow:var(--cls-row-shadow);overflow:visible;padding:1.5rem 1.5rem 1.25rem;position:relative;transition:all .3s ease}.atl-class-card:before{display:none}.atl-class-card:hover{border-top-color:#22c55e}.atl-class-card.att-status-absent:hover{border-top-color:#ef4444}.atl-class-card.att-status-late:hover{border-top-color:#f59e0b}.atl-class-card.att-status-excused:hover{border-top-color:#3b82f6}.atl-class-card.att-status-holiday:hover{border-top-color:#8b5cf6}.atl-class-card:hover{box-shadow:0 6px 18px #0000000f;box-shadow:var(--cls-row-hover-shadow);transform:translateY(-4px)}.atl-class-card.atl-card-highlight,.atl-class-card:hover{border-color:#22c55e;border-color:var(--cls-row-hover-border)}.atl-class-card.atl-card-highlight{box-shadow:0 0 0 2px #22c55e33}[data-theme=dark] .atl-class-card{background:#fff;background:var(--cls-table-bg);border-color:#e2e8f0;border-color:var(--cls-table-cell-border)}.atl-class-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cls-table-cell-border);display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}[data-theme=dark] .atl-class-card-header{border-bottom-color:#e2e8f0;border-bottom-color:var(--cls-table-cell-border)}.atl-class-card-avatar{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #22c55e40;border-radius:50%;box-shadow:0 2px 8px #22c55e26;color:#15803d;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:52px;justify-content:center;transition:all .3s ease;width:52px}.atl-class-card.att-status-absent .atl-class-card-avatar{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f8717140;color:#b91c1c}.atl-class-card.att-status-late .atl-class-card-avatar{background:linear-gradient(135deg,#fef9c3,#fde68a);border-color:#fbbf2440;color:#a16207}.atl-class-card.att-status-excused .atl-class-card-avatar{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#38bdf840;color:#0369a1}.atl-class-card.att-status-holiday .atl-class-card-avatar{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#a78bfa40;color:#7c3aed}[data-theme=dark] .atl-class-card-avatar{background:#22c55e33;border-color:#22c55e4d;color:#4ade80}.atl-class-card:hover .atl-class-card-avatar{transform:scale(1.1)}.atl-class-card-title{flex:1 1;min-width:0;overflow:hidden}.atl-class-card-title h3{color:#1e293b;color:var(--cls-table-cell-text);cursor:default;font-size:.975rem;font-weight:700;margin:0 0 .2rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:font-size .15s ease;white-space:nowrap}.atl-class-card-title h3:hover{color:#22c55e;color:var(--cls-row-hover-border)}.atl-class-card-id{border:1px solid #0000;border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.atl-class-card-id.att-status-present{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;color:#15803d}.atl-class-card-id.att-status-absent{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5;color:#b91c1c}.atl-class-card-id.att-status-late{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047;color:#a16207}.atl-class-card-id.att-status-excused{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#7dd3fc;color:#0369a1}.atl-class-card-id.att-status-holiday{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd;color:#7c3aed}[data-theme=dark] .atl-class-card-id.att-status-present{background:#15803d2e;border-color:#4ade804d;color:#4ade80}[data-theme=dark] .atl-class-card-id.att-status-absent{background:#b91c1c2e;border-color:#f871714d;color:#f87171}[data-theme=dark] .atl-class-card-id.att-status-late{background:#a162072e;border-color:#fbbf244d;color:#fbbf24}[data-theme=dark] .atl-class-card-id.att-status-excused{background:#0369a12e;border-color:#38bdf84d;color:#38bdf8}[data-theme=dark] .atl-class-card-id.att-status-holiday{background:#7c3aed2e;border-color:#a78bfa4d;color:#a78bfa}.atl-class-card-actions-btn{align-items:center;background:#fffffff2;background:var(--inspect-icon-bg);border:1px solid #22c55e33;border:1px solid var(--inspect-icon-border);border-radius:8px;color:#16a34a;color:var(--inspect-icon-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.atl-class-card-actions-btn:hover{transform:scale(1.1)}[data-theme=dark] .atl-class-card-actions-btn{background:#fffffff2;background:var(--inspect-icon-bg);border-color:#22c55e33;border-color:var(--inspect-icon-border);color:#16a34a;color:var(--inspect-icon-color)}.atl-class-card-body{grid-gap:.75rem;gap:.75rem}.atl-class-card-status{grid-column:1/-1;margin-bottom:.25rem}.atl-class-card-field{align-items:flex-start;display:flex;gap:.6rem}.att-avatar-cards-row{display:flex;flex-wrap:wrap;gap:.6rem;grid-column:1/-1}.att-avatar-card{align-items:center;border:1.5px solid #0000;border-radius:10px;display:flex;flex:1 1 140px;gap:.65rem;min-width:130px;padding:.55rem .75rem;transition:box-shadow .15s ease,transform .15s ease}.att-avatar-card:hover{box-shadow:0 3px 10px #00000014;transform:translateY(-1px)}.att-avatar-card--blue{background:#3b82f60f;border-color:#3b82f62e}.att-avatar-card--violet{background:#8b5cf60f;border-color:#8b5cf62e}.att-avatar-card--amber{background:#f59e0b0f;border-color:#f59e0b2e}[data-theme=dark] .att-avatar-card--blue{background:#3b82f61a;border-color:#3b82f640}[data-theme=dark] .att-avatar-card--violet{background:#8b5cf61a;border-color:#8b5cf640}[data-theme=dark] .att-avatar-card--amber{background:#f59e0b1a;border-color:#f59e0b40}.att-avatar-card__avatar{align-items:center;border:1.5px solid #0000;border-radius:50%;display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;height:36px;justify-content:center;letter-spacing:.02em;width:36px}.att-avatar-card__avatar--icon{background:#f59e0b26;border-color:#f59e0b4d;color:#b45309;font-size:1.1rem}.att-avatar-card__avatar--icon .material-symbols-rounded{font-size:1.15rem}[data-theme=dark] .att-avatar-card__avatar--icon{background:#f59e0b33;border-color:#f59e0b59;color:#fbbf24}.att-avatar-card__info{display:flex;flex:1 1;flex-direction:column;gap:.08rem;min-width:0}.att-avatar-card__role{font-size:.65rem;font-weight:600;letter-spacing:.06em;line-height:1;opacity:.55;text-transform:uppercase}.att-avatar-card--blue .att-avatar-card__role{color:#1d4ed8}.att-avatar-card--violet .att-avatar-card__role{color:#7c3aed}.att-avatar-card--amber .att-avatar-card__role{color:#b45309}.att-avatar-card__name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.82rem;font-weight:600;line-height:1.3}.att-avatar-card__id,.att-avatar-card__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-avatar-card__id{font-family:monospace;font-size:.7rem;font-weight:500;opacity:.6}[data-theme=dark] .att-avatar-card__name{color:#e2e8f0}[data-theme=dark] .att-avatar-card--blue .att-avatar-card__role{color:#93c5fd}[data-theme=dark] .att-avatar-card--violet .att-avatar-card__role{color:#c4b5fd}[data-theme=dark] .att-avatar-card--amber .att-avatar-card__role{color:#fcd34d}.att-avatar-table-cell{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;gap:.3rem;padding:.15rem .3rem;transition:box-shadow .15s ease;white-space:nowrap}.att-avatar-table-cell:hover{box-shadow:0 1px 5px #00000014}.att-avatar-table-cell--blue{background:#3b82f60d;border-color:#3b82f626}.att-avatar-table-cell--violet{background:#8b5cf60d;border-color:#8b5cf626}.att-avatar-table-cell--amber{background:#f59e0b0d;border-color:#f59e0b26}[data-theme=dark] .att-avatar-table-cell--blue{background:#3b82f614;border-color:#3b82f638}[data-theme=dark] .att-avatar-table-cell--violet{background:#8b5cf614;border-color:#8b5cf638}[data-theme=dark] .att-avatar-table-cell--amber{background:#f59e0b14;border-color:#f59e0b38}.att-avatar-table-avatar{border:1px solid #0000;border-radius:50%;font-size:.55rem;font-weight:700}.att-avatar-table-avatar,.att-avatar-table-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.att-avatar-table-icon{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:50%;color:#b45309}.att-avatar-table-icon .material-symbols-rounded{font-size:.75rem}[data-theme=dark] .att-avatar-table-icon{background:#f59e0b33;border-color:#f59e0b59;color:#fbbf24}.att-avatar-table-id{color:#1e293b;color:var(--text-primary,#1e293b);font-family:monospace;font-size:.72rem;font-weight:600;white-space:nowrap}[data-theme=dark] .att-avatar-table-id{color:#e2e8f0}.atl-class-card-field-full{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;grid-column:1/-1}.atl-class-card-field-full .atl-field-content span{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.atl-class-card-field .atl-field-icon{color:#22c55e;flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.atl-class-card-field .atl-field-content{flex:1 1;min-width:0}.atl-class-card-field .atl-field-content label{color:#334155;color:var(--cls-table-header-text);display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.2rem;opacity:.7;text-transform:uppercase}.atl-class-card-field .atl-field-content span{color:#1e293b;color:var(--cls-table-cell-text);display:block;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atl-view-mode-toggle{background:var(--cls-table-bg);border:1px solid #e2e8f0;border:1px solid var(--cls-table-cell-border);gap:.25rem;padding:.25rem}.atl-view-mode-btn{color:#334155;color:var(--cls-table-header-text);padding:.5rem}.atl-view-mode-btn .material-symbols-rounded{font-size:1.25rem}.atl-view-mode-btn:hover{background:#f0fdf4;background:var(--cls-row-hover-bg)}.atl-popup-container-anchor{bottom:0;left:0;pointer-events:none;position:absolute}@media (max-width:1024px){.atl-classes-cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:.75rem}}@media (max-width:768px){.atl-classs-table-container{max-height:none}.atl-classs-table-container.atl-card-view-mode{margin:0!important}.atl-classes-cards-grid{gap:1rem!important;grid-template-columns:1fr!important;padding:.75rem!important}.atl-class-card{border-left-width:4px!important;border-radius:12px!important;box-shadow:0 2px 12px #00000014!important;padding:1rem!important}.atl-class-card:hover{transform:none!important}.atl-class-card.att-status-present{border-left-color:#22c55e!important;border-top-color:#0000!important}.atl-class-card.att-status-absent{border-left-color:#ef4444!important;border-top-color:#0000!important}.atl-class-card.att-status-late{border-left-color:#f59e0b!important;border-top-color:#0000!important}.atl-class-card.att-status-excused{border-left-color:#3b82f6!important;border-top-color:#0000!important}.atl-class-card.att-status-holiday{border-left-color:#8b5cf6!important;border-top-color:#0000!important}.atl-class-card-header{gap:.75rem!important;margin-bottom:.75rem!important;padding-bottom:.75rem!important}.atl-class-card-avatar{font-size:1rem!important;height:44px!important;width:44px!important}.atl-class-card:hover .atl-class-card-avatar{transform:none!important}.atl-class-card-title h3{font-size:.95rem!important}.atl-class-card-id{font-size:.7rem!important;padding:.2rem .5rem!important}.atl-class-card-actions-btn{font-size:1.15rem!important;height:34px!important;width:34px!important}.atl-class-card-actions-btn:hover{transform:none!important}.atl-class-card-body{display:flex!important;flex-direction:column!important;gap:.5rem!important}.atl-class-card-field{align-items:center!important;background:rgba(0,0,0,.025)!important;border:none!important;border-radius:8px!important;display:flex!important;gap:.6rem!important;padding:.5rem .65rem!important}[data-theme=dark] .atl-class-card-field{background:#ffffff0a!important}.atl-class-card-field .atl-field-icon{flex-shrink:0;font-size:1rem!important}.atl-class-card-field .atl-field-content{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.atl-class-card-field .atl-field-content label{font-size:.7rem!important;margin-bottom:0!important;opacity:.65;white-space:nowrap}.atl-class-card-field .atl-field-content span{font-size:.8rem!important;max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.atl-class-card-field-full .atl-field-content{align-items:flex-start!important;flex-direction:column!important;gap:2px!important}.atl-class-card-field-full .atl-field-content label{margin-bottom:1px!important}.atl-class-card-field-full .atl-field-content span{font-size:.78rem!important;line-height:1.4;max-width:100%!important;overflow:visible!important;text-align:left!important;text-overflow:clip!important;white-space:normal!important}.atl-info-chip{border-radius:8px!important;padding:.5rem .65rem!important}.atl-chip-label{font-size:.62rem!important}.atl-chip-value{font-size:.78rem!important}.atl-class-card-status{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:.4rem!important;padding-bottom:.25rem!important}.atl-resize-handle{display:none}.atl-classs-table thead{display:none!important}.atl-classs-table,.atl-classs-table tbody{display:block;width:100%}.atl-classs-table tbody tr{background:#fff;background:var(--cls-table-bg);border:1px solid #e2e8f0;border-left:4px solid #86efac;border:1px solid var(--classs-page-border);border-left:4px solid var(--displayid-badge-border);border-radius:12px;box-shadow:0 2px 8px #00000014;display:block!important;margin-bottom:1rem;padding:1rem}.atl-classs-table td{align-items:center;border:none!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--cls-table-cell-border)!important;display:flex!important;justify-content:space-between;padding:10px 0!important}.atl-classs-table td:before{color:#334155;color:var(--cls-table-header-text);content:attr(data-label);flex:1 1;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding-right:1rem;text-transform:uppercase}}@media (max-width:480px){.atl-classes-cards-grid{gap:.75rem!important;padding:.5rem!important}.atl-class-card{padding:.85rem!important}.atl-class-card-avatar{height:40px!important;width:40px!important}.atl-class-card-avatar,.atl-class-card-title h3{font-size:.9rem!important}.atl-class-card-field .atl-field-content label{font-size:.65rem!important}.atl-class-card-field .atl-field-content span{font-size:.75rem!important}}@media (prefers-reduced-motion:reduce){.atl-class-card,.atl-class-card-actions-btn,.atl-class-card-avatar{animation:none;transition:none}.atl-class-card:hover,.atl-class-card:hover .atl-class-card-avatar{transform:none}}.atl-info-chip{align-items:center;border-radius:10px;cursor:default;display:flex;gap:8px;padding:6px 10px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.atl-info-chip:hover{box-shadow:0 4px 12px #00000014;filter:brightness(.97);transform:translateY(-1px)}.atl-chip-icon{flex-shrink:0;font-size:17px!important;opacity:.85}.atl-chip-content{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.atl-chip-label{font-size:.65rem;font-weight:700;letter-spacing:.05em;line-height:1;opacity:.7;text-transform:uppercase}.atl-chip-value{font-size:.82rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atl-chip-info{flex-shrink:0;font-size:16px!important;opacity:.5;transition:opacity .2s ease}.atl-info-chip:hover .atl-chip-info{opacity:1}.atl-chip-popup{animation:chipPopIn .15s ease;border-radius:12px;box-shadow:0 8px 24px #00000024,0 2px 8px #0000000f;padding:10px 12px;pointer-events:auto}@keyframes chipPopIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.atl-chip-popup-title{align-items:center;display:flex;font-size:.78rem;font-weight:700;gap:6px;letter-spacing:.04em;margin-bottom:6px;padding-bottom:8px;text-transform:uppercase}.atl-chip-popup-title .material-symbols-rounded{font-size:15px!important}.atl-chip-popup-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;padding:3px 0}.atl-chip-popup-key{color:#64748b;flex-shrink:0;font-size:.7rem;font-weight:600;white-space:nowrap}.atl-chip-popup-val{color:#1e293b;font-size:.75rem;font-weight:500;text-align:right;word-break:break-all}[data-theme=dark] .atl-chip-popup{background:#1e293b;border-color:#ffffff1f;box-shadow:0 8px 24px #0006}[data-theme=dark] .atl-chip-popup-key{color:#94a3b8}[data-theme=dark] .atl-chip-popup-val{color:#e2e8f0}.att-manual-badge{align-items:center;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:999px;color:#b45309;display:inline-flex;font-size:.7rem;font-weight:600;gap:3px;margin-left:8px;padding:2px 8px;vertical-align:middle}.att-manual-badge .material-symbols-rounded{font-size:12px!important}[data-theme=dark] .att-manual-badge{background:#f59e0b26;border-color:#fbbf244d;color:#fbbf24}.atl-class-card-body{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);overflow:visible;padding-bottom:2px}.atl-info-chip{grid-column:1/-1;overflow:visible}.atl-class-card-field{grid-column:auto}.atl-class-card-field-full,.atl-class-card-status{grid-column:1/-1}.att-scroll-top-fab{align-items:center;animation:fabPopIn .22s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #22c55e80,0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:46px;justify-content:center;position:fixed;right:18px;transition:transform .15s ease,box-shadow .15s ease;width:46px;z-index:99999}.att-scroll-top-fab:hover{box-shadow:0 6px 20px #22c55e99;transform:translateY(-2px)}.att-scroll-top-fab:active{transform:scale(.92)}.att-scroll-top-fab .material-symbols-rounded{font-size:26px!important}@keyframes fabPopIn{0%{opacity:0;transform:scale(.5) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width:1025px){.att-scroll-top-fab{display:none}}.atl-prog-block{background:linear-gradient(135deg,#6366f10f,#8b5cf608);border:1px solid #6366f126;border-radius:10px;display:flex;flex-direction:column;gap:.45rem;grid-column:1/-1;padding:.6rem .75rem}.atl-prog-block-header{align-items:center;display:flex;gap:.45rem;min-width:0}.atl-prog-block-header>.material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:1rem}.atl-prog-block-title{display:flex;flex:1 1;flex-direction:column;gap:.05rem;min-width:0}.atl-prog-block-name{color:#4338ca;font-size:.85rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .atl-prog-block-name{color:#a5b4fc}.atl-prog-block-id{color:#9ca3af;font-family:monospace;font-size:.62rem}.atl-prog-block-chips{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.3rem}.atl-prog-chip{align-items:center;background:#6366f11a;border-radius:20px;color:#4338ca;display:inline-flex;font-size:.68rem;font-weight:700;gap:.2rem;padding:2px 7px;white-space:nowrap}.atl-prog-chip .material-symbols-rounded{font-size:.75rem}[data-theme=dark] .atl-prog-chip{background:#6366f133;color:#a5b4fc}.atl-prog-block-bar{align-items:center;display:flex;gap:.5rem}.atl-prog-block-track{background:#6366f11a;border-radius:5px;flex:1 1;height:5px;overflow:hidden}.atl-prog-block-fill{border-radius:5px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.atl-prog-block-pct{color:#4338ca;flex-shrink:0;font-size:.7rem;font-weight:900;min-width:2.5rem;text-align:right}[data-theme=dark] .atl-prog-block-pct{color:#a5b4fc}.atl-instyte-toolbar{border-bottom:1px solid #0000000f;display:flex;flex-direction:column;flex-shrink:0;gap:0;position:relative}[data-theme=dark] .atl-instyte-toolbar{border-bottom-color:#ffffff0f}.atl-classes-toolbar{background:linear-gradient(135deg,#f0fdf4,#f0fdfa);border-radius:12px;box-shadow:0 4px 20px #0000000d;overflow:visible;transition:background .3s ease,box-shadow .3s ease}[data-theme=dark] .atl-classes-toolbar{background:linear-gradient(135deg,#22c55e14,#14b8a60a);box-shadow:0 4px 20px #0000004d}.atl-toolbar-toprow{align-items:center;display:flex;gap:.75rem;justify-content:space-between;min-height:52px;padding:.65rem 1rem}.atl-filter-toggle-btn{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #22c55e4d;border-radius:9px;color:#15803d;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.875rem;font-weight:600;gap:.35rem;padding:.45rem .85rem;position:relative;transition:all .2s ease;white-space:nowrap}.atl-filter-toggle-btn:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e;box-shadow:0 4px 12px #22c55e33;transform:translateY(-1px)}[data-theme=dark] .atl-filter-toggle-btn{background:#22c55e1a;border-color:#22c55e40;color:#4ade80}[data-theme=dark] .atl-filter-toggle-btn:hover{background:#22c55e2e;border-color:#22c55e66}.atl-filter-toggle-btn .material-symbols-rounded{font-size:18px}.atl-filter-chevron{font-size:18px!important;opacity:.7;transition:transform .2s ease}.atl-filter-chevron.open{transform:rotate(180deg)}.atl-filter-badge{animation:pulse 2s infinite;background:#f59e0b;border:2px solid #fff;border-radius:50%;height:9px;position:absolute;right:-4px;top:-4px;width:9px}[data-theme=dark] .atl-filter-badge{border-color:#1f2937;border-color:var(--card-bg,#1f2937)}.atl-toolbar-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.atl-filter-row{align-items:center;animation:filterRowSlide .2s ease;border-top:1px solid #22c55e1a;display:flex;flex-wrap:wrap;gap:.6rem;padding:.5rem 1rem .75rem}@keyframes filterRowSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .atl-filter-row{border-top-color:#22c55e14}.atl-filter-chips,.atl-search-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.atl-search-group{margin-left:auto}.atl-search-bar{align-items:center;background:#fff;border:1.5px solid #22c55e40;border-radius:9px;box-shadow:0 1px 3px #0000000a;display:flex;gap:.4rem;padding:.4rem .65rem;transition:all .25s ease;width:180px}.atl-search-bar:focus-within{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;width:220px}[data-theme=dark] .atl-search-bar{background:#22c55e0f;border-color:#22c55e33}[data-theme=dark] .atl-search-bar:focus-within{background:#22c55e1a;border-color:#22c55e73}.atl-search-icon{color:#22c55e;flex-shrink:0;font-size:17px!important;opacity:.8}.atl-search-bar input{background:#0000;border:none;color:#1e293b;font-family:inherit;font-size:.85rem;min-width:0;outline:none;width:100%}[data-theme=dark] .atl-search-bar input{color:#e2e8f0}.atl-search-bar input::placeholder{color:#94a3b8}.atl-search-clear{border-radius:3px;color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:15px!important;line-height:1;transition:color .15s;-webkit-user-select:none;user-select:none}.atl-search-clear:hover{color:#ef4444}.atl-classid-search{border-color:#6366f140}.atl-classid-search .atl-search-icon{color:#6366f1}.atl-classid-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .atl-classid-search{border-color:#6366f133}[data-theme=dark] .atl-classid-search:focus-within{border-color:#818cf880}.atl-icon-btn{align-items:center;border:1.5px solid #0000;border-radius:9px;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;height:34px;justify-content:center;overflow:visible;position:relative;transition:all .2s ease;width:34px}.atl-icon-btn .material-symbols-rounded{font-size:19px;position:relative;z-index:1}.atl-icon-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.atl-icon-btn:active{transform:translateY(0)}.atl-icon-green{background:#22c55e1a;border-color:#22c55e33;color:#16a34a}.atl-icon-green:hover{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 4px 12px #22c55e4d;color:#fff}.atl-icon-purple{background:#8b5cf61a;border-color:#8b5cf633;color:#7c3aed}.atl-icon-purple:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.atl-icon-pink{background:#ec48991a;border-color:#ec489933;color:#db2777}.atl-icon-pink:hover{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#ec4899;box-shadow:0 4px 12px #ec48994d;color:#fff}.atl-icon-clear{background:#ef444414;border-color:#ef444426;color:#dc2626}.atl-icon-clear:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff}.atl-icon-teal{background:#14b8a61a!important;border:1.5px solid #14b8a633!important;color:#14b8a6!important;position:relative}.atl-icon-teal:hover{background:#14b8a633!important;transform:translateY(-2px)}.atl-icon-teal-active{background:linear-gradient(135deg,#14b8a6,#0d9488)!important;border:1.5px solid #14b8a6!important;box-shadow:0 2px 8px #14b8a64d;color:#fff!important;position:relative}.atl-icon-teal-active:hover{background:linear-gradient(135deg,#0d9488,#0f766e)!important;box-shadow:0 4px 12px #14b8a666;transform:translateY(-2px)}[data-theme=dark] .atl-icon-green{background:#22c55e1f;border-color:#22c55e40;color:#4ade80}[data-theme=dark] .atl-icon-purple{background:#8b5cf61f;border-color:#8b5cf640;color:#a78bfa}[data-theme=dark] .atl-icon-pink{background:#ec48991f;border-color:#ec489940;color:#f9a8d4}[data-theme=dark] .atl-icon-clear{background:#ef44441a;border-color:#ef444433;color:#f87171}[data-theme=dark] .atl-icon-teal{background:#14b8a61f!important;border-color:#14b8a640!important;color:#5eead4!important}[data-theme=dark] .atl-icon-teal-active{background:linear-gradient(135deg,#14b8a6,#0d9488)!important;border-color:#14b8a6!important;color:#fff!important}.atl-advanced-filter-badge{animation:pulse 2s infinite;background:#f59e0b;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}[data-theme=dark] .atl-advanced-filter-badge{background:#ff9f0a;border-color:#1f2937;border-color:var(--card-bg,#1f2937)}.atl-view-mode-toggle{background:#fff;border:1.5px solid #0000001a;border-radius:8px;display:flex;gap:.2rem;padding:.2rem}[data-theme=dark] .atl-view-mode-toggle{background:#1a1a1acc;border-color:#ffffff1a}.atl-view-mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.38rem;transition:all .2s ease}.atl-view-mode-btn .material-symbols-rounded{font-size:1.1rem}.atl-view-mode-btn:hover{background:#22c55e14}.atl-view-mode-btn.active{background:linear-gradient(135deg,#dcfce7,#f0fdf4);color:#15803d}[data-theme=dark] .atl-view-mode-btn{color:#9ca3af}[data-theme=dark] .atl-view-mode-btn.active{background:#22c55e26;color:#4ade80}.att-date-range-filter-btn{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #3b82f640;border-radius:9px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:5px;height:34px;padding:.38rem .7rem;position:relative;transition:all .2s ease;white-space:nowrap}.att-date-range-filter-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-1px)}.att-date-range-filter-btn.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;font-weight:600}.att-date-range-filter-btn .material-symbols-rounded{color:#3b82f6;font-size:16px}.att-clear-date-x{color:#94a3b8!important;cursor:pointer;font-size:13px!important;line-height:1}.att-clear-date-x:hover{color:#dc2626!important}[data-theme=dark] .att-date-range-filter-btn{background:#3b82f61a;border-color:#3b82f640;color:#93c5fd}[data-theme=dark] .att-date-range-filter-btn:hover{background:#3b82f62e;border-color:#3b82f673}.atl-advanced-filters-popup{animation:fadeInUp .2s ease;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:560px;min-width:380px;z-index:9999}[data-theme=dark] .atl-advanced-filters-popup{background:#1f2937;background:var(--card-bg,#1f2937);border-color:#ffffff1a;box-shadow:0 20px 40px #0009}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.atl-advanced-filters-popup-header{align-items:center;background:#22c55e0f;border-bottom:1px solid #00000014;border-radius:12px 12px 0 0;color:#15803d;display:flex;font-weight:600;gap:.5rem;justify-content:space-between;padding:.9rem 1.1rem}[data-theme=dark] .atl-advanced-filters-popup-header{background:#22c55e14;border-bottom-color:#ffffff14;color:#4ade80}.atl-close-popup-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.atl-close-popup-btn:hover{background:#00000014;color:#374151}[data-theme=dark] .atl-close-popup-btn{color:#9ca3af}[data-theme=dark] .atl-close-popup-btn:hover{background:#ffffff14;color:#d1d5db}.atl-advanced-filters-popup-content{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,1fr);max-height:380px;overflow-y:auto;padding:1rem 1.1rem}.atl-advanced-filters-popup-footer{background:#00000005;border-radius:0 0 12px 12px;border-top:1px solid #00000014;display:flex;justify-content:center;padding:.85rem 1.1rem}[data-theme=dark] .atl-advanced-filters-popup-footer{background:#ffffff05;border-top-color:#ffffff14}.atl-popup-clear-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.45rem 1rem;transition:all .2s ease}.atl-popup-clear-btn:hover{background:#ef44442e;transform:translateY(-1px)}[data-theme=dark] .atl-popup-clear-btn{background:#f871711a;border-color:#f8717133;color:#f87171}.atl-advanced-filters-popup-content::-webkit-scrollbar{width:5px}.atl-advanced-filters-popup-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.atl-advanced-filters-popup-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}[data-theme=dark] .atl-advanced-filters-popup-content::-webkit-scrollbar-track{background:#374151}[data-theme=dark] .atl-advanced-filters-popup-content::-webkit-scrollbar-thumb{background:#4b5563}.att-adv-text-field{display:flex;flex-direction:column;gap:5px}.att-adv-text-field label{color:#64748b;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}[data-theme=dark] .att-adv-text-field label{color:#9ca3af}.att-adv-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.85rem;outline:none;padding:7px 10px;transition:all .2s ease;width:100%}.att-adv-input:focus{background:#fff;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}[data-theme=dark] .att-adv-input{background:#ffffff0f;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .att-adv-input:focus{background:#ffffff17;border-color:#22c55e80}.att-adv-subject-dropdown-stub{align-items:center;background:#f8fafc99;border:1.5px dashed #94a3b866;border-radius:8px;color:#94a3b8;cursor:not-allowed;display:flex;font-size:.82rem;gap:7px;min-height:36px;padding:7px 10px;width:100%}.att-adv-subject-dropdown-stub .material-symbols-rounded{font-size:16px!important;opacity:.5}.att-adv-stub-text{flex:1 1;font-style:italic}.att-adv-stub-badge{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:999px;color:#b45309;display:inline-flex;font-size:.66rem;font-weight:600;padding:2px 6px;white-space:nowrap}[data-theme=dark] .att-adv-subject-dropdown-stub{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .att-adv-stub-badge{background:#f59e0b1f;border-color:#f59e0b33;color:#fbbf24}.atl-custom-date-popup-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.atl-custom-date-popup{animation:slideUp .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:440px;overflow:hidden;width:90%}[data-theme=dark] .atl-custom-date-popup{background:#1f2937}.atl-custom-date-popup-header{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.1rem 1.35rem}[data-theme=dark] .atl-custom-date-popup-header{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-bottom-color:#374151}.atl-custom-date-popup-header h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0}[data-theme=dark] .atl-custom-date-popup-header h3{color:#f9fafb}.atl-custom-date-popup-content{display:flex;flex-direction:column;gap:1.1rem;padding:1.35rem}.atl-date-picker-group{display:flex;flex-direction:column;gap:.4rem}.atl-date-picker-group label{color:#6b7280;font-size:.85rem;font-weight:600}[data-theme=dark] .atl-date-picker-group label{color:#9ca3af}.atl-custom-date-picker-input .MuiInputBase-root{background:#fff;border-radius:10px;font-family:inherit}.atl-custom-date-picker-input .MuiOutlinedInput-notchedOutline{border:2px solid #e5e7eb;border-radius:10px}.atl-custom-date-picker-input .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#22c55e}.atl-custom-date-picker-input .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#16a34a;border-width:2px;box-shadow:0 0 0 4px #22c55e1a}.atl-custom-date-picker-input .MuiInputBase-input{color:#1f2937;padding:.65rem .9rem}.atl-custom-date-picker-input .MuiIconButton-root{color:#22c55e}.atl-custom-date-picker-input .MuiIconButton-root:hover{background-color:#22c55e1a}[data-theme=dark] .atl-custom-date-picker-input .MuiInputBase-root{background:#374151}[data-theme=dark] .atl-custom-date-picker-input .MuiOutlinedInput-notchedOutline{border-color:#4b5563}[data-theme=dark] .atl-custom-date-picker-input .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4ade80}[data-theme=dark] .atl-custom-date-picker-input .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4ade80;box-shadow:0 0 0 4px #4ade801a}[data-theme=dark] .atl-custom-date-picker-input .MuiInputBase-input{color:#f9fafb}[data-theme=dark] .atl-custom-date-picker-input .MuiIconButton-root{color:#4ade80}.MuiPickersPopper-root{z-index:10003!important}.MuiPickersDay-root.Mui-selected{background-color:#22c55e!important;color:#fff!important}.MuiPickersDay-root:hover{background-color:#22c55e1a}.MuiPickersCalendarHeader-label{color:#22c55e;font-weight:600}[data-theme=dark] .MuiPickersCalendarHeader-label{color:#4ade80}[data-theme=dark] .MuiPickersDay-root{color:#f9fafb}.atl-custom-date-popup-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.6rem;padding:.85rem 1.35rem 1.1rem}[data-theme=dark] .atl-custom-date-popup-actions{background:#111827;border-top-color:#374151}.atl-custom-date-popup-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:600;padding:.65rem 1rem;transition:all .2s ease}.atl-cancel-btn{background:#f3f4f6;color:#6b7280}.atl-cancel-btn:hover{background:#e5e7eb;color:#1f2937}[data-theme=dark] .atl-cancel-btn{background:#374151;color:#9ca3af}[data-theme=dark] .atl-cancel-btn:hover{background:#4b5563;color:#f9fafb}.atl-apply-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e4d;color:#fff}.atl-apply-btn:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.atl-apply-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}[data-theme=dark] .atl-apply-btn{background:linear-gradient(135deg,#4ade80,#22c55e)}.atl-classes-toolbar button:focus-visible,.atl-classes-toolbar input:focus-visible{outline:2px solid #22c55e;outline-offset:2px}.atl-adv-filters-backdrop{animation:fadeIn .18s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0006;display:none;inset:0;position:fixed;z-index:9998}.sovs-trigger-btn{font-family:inherit;font-size:.83rem;gap:7px;min-height:36px;padding:7px 10px;transition:all .2s ease}.sovs-trigger-icon{font-size:16px!important;opacity:.7}.sovs-trigger-clear{font-size:15px!important}@media (max-width:768px){.atl-classes-toolbar{border-radius:10px}.atl-toolbar-toprow{gap:.5rem;min-height:46px;padding:.55rem .75rem}.atl-filter-toggle-label{display:none}.atl-filter-row{gap:.45rem;padding:.5rem .75rem .65rem}.atl-filter-chips,.atl-search-group{gap:.4rem;width:100%}.atl-search-group{margin-left:0}.atl-search-bar{flex:1 1;min-width:0}.atl-search-bar,.atl-search-bar:focus-within{width:auto!important}.atl-toolbar-actions{gap:.35rem}.atl-icon-btn{height:32px;width:32px}.atl-icon-btn .material-symbols-rounded{font-size:17px}.atl-view-mode-btn{padding:.3rem}.atl-view-mode-btn .material-symbols-rounded{font-size:1rem}.atl-adv-filters-backdrop{display:block!important}.atl-advanced-filters-popup{border-radius:18px 18px 0 0!important;bottom:0!important;box-shadow:0 -8px 32px #0003!important;display:flex!important;flex-direction:column!important;left:0!important;max-height:78vh!important;max-width:100%!important;overflow:hidden!important;position:fixed!important;right:0!important;top:auto!important;width:100%!important}.atl-advanced-filters-popup-content{-webkit-overflow-scrolling:touch;flex:1 1!important;grid-template-columns:1fr!important;max-height:none!important;overflow-y:auto!important}.atl-custom-date-popup{max-width:none;width:94%}.atl-custom-date-popup-actions{flex-direction:column}}@media (max-width:480px){.atl-toolbar-toprow{padding:.45rem .6rem}.atl-filter-row{padding:.4rem .6rem .55rem}.atl-icon-btn{height:30px;width:30px}.atl-icon-btn .material-symbols-rounded{font-size:16px}}@media (prefers-reduced-motion:reduce){.atl-advanced-filters-popup,.atl-custom-date-popup,.atl-filter-row{animation:none}}.sovs-overlay{align-items:center;animation:sovsFadeIn .18s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:99000}@keyframes sovsFadeIn{0%{opacity:0}to{opacity:1}}.sovs-modal{animation:sovsSlideUp .22s cubic-bezier(.34,1.36,.64,1);background:#fff;background:var(--cls-table-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--classs-page-border,#e2e8f0);border-radius:20px;box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;display:flex;flex-direction:column;max-height:88vh;max-width:820px;overflow:hidden;width:100%}@keyframes sovsSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .sovs-modal{background:#1e293b;border-color:#ffffff1a;box-shadow:0 24px 64px #00000080}.sovs-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--classs-page-border,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px 14px}[data-theme=dark] .sovs-header{border-bottom-color:#ffffff14}.sovs-header-left{align-items:center;display:flex;gap:12px}.sovs-header-icon{background:#22c55e1a;border-radius:10px;color:#22c55e;flex-shrink:0;font-size:24px!important;padding:6px}.sovs-title{color:#0f172a;color:var(--cls-table-header-text,#0f172a);font-size:1rem;font-weight:700;line-height:1.2;margin:0}[data-theme=dark] .sovs-title{color:#f1f5f9}.sovs-subtitle{color:#64748b;font-size:.72rem;margin:2px 0 0}.sovs-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:20px!important;height:32px;justify-content:center;transition:all .15s;width:32px}.sovs-close-btn:hover{background:#0000000f;color:#0f172a}[data-theme=dark] .sovs-close-btn:hover{background:#ffffff14;color:#f1f5f9}.sovs-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.sovs-filters-panel{background:rgba(0,0,0,.015);border-right:1px solid #e2e8f0;border-right:1px solid var(--classs-page-border,#e2e8f0);display:flex;flex-direction:column;flex-shrink:0;gap:16px;overflow-y:auto;padding:14px;width:220px}[data-theme=dark] .sovs-filters-panel{background:#ffffff05;border-right-color:#ffffff14}.sovs-filters-panel::-webkit-scrollbar{width:4px}.sovs-filters-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.sovs-panel-heading{align-items:center;color:#64748b;display:flex;font-size:.72rem;font-weight:700;gap:5px;letter-spacing:.06em;margin:0;text-transform:uppercase}.sovs-panel-heading .material-symbols-rounded{font-size:15px!important}.sovs-clear-all-filters{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:.68rem;font-weight:600;margin-left:auto;padding:2px 6px;transition:background .15s}.sovs-clear-all-filters:hover{background:#ef444414}.sovs-filter-group{display:flex;flex-direction:column;gap:6px}.sovs-filter-label{align-items:center;color:#94a3b8;display:flex;font-size:.7rem;font-weight:700;gap:6px;letter-spacing:.05em;text-transform:uppercase}.sovs-filter-note{color:#cbd5e1;font-size:.62rem;font-weight:500;letter-spacing:0;text-transform:none}.sovs-filter-select{background:#fff;background:var(--cls-table-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--classs-page-border,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--cls-table-header-text,#0f172a);cursor:pointer;font-size:.8rem;outline:none;padding:7px 10px;transition:border-color .2s;width:100%}.sovs-filter-select:focus{border-color:#22c55e}[data-theme=dark] .sovs-filter-select{background:#ffffff0f;border-color:#ffffff1a;color:#f1f5f9}.sovs-select-all-btn{align-items:center;background:#22c55e0d;border:1.5px dashed #22c55e66;border-radius:8px;color:#15803d;cursor:pointer;display:flex;font-size:.74rem;font-weight:600;gap:5px;justify-content:center;padding:6px 10px;transition:all .2s;width:100%}.sovs-select-all-btn:hover:not(:disabled){background:#22c55e1a;border-color:#22c55e}.sovs-select-all-btn:disabled{cursor:not-allowed;opacity:.5}.sovs-select-all-btn .material-symbols-rounded{font-size:15px!important}[data-theme=dark] .sovs-select-all-btn{color:#4ade80}.sovs-filter-pills{display:flex;flex-wrap:wrap;gap:4px}.sovs-pill{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--classs-page-border,#e2e8f0);border-radius:999px;color:#64748b;cursor:pointer;font-size:.72rem;font-weight:600;padding:4px 9px;transition:all .15s}.sovs-pill:hover{background:#22c55e0a;border-color:#22c55e;color:#22c55e}.sovs-pill.active{background:#22c55e1f;border-color:#22c55e;color:#15803d}[data-theme=dark] .sovs-pill{border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .sovs-pill.active{background:#4ade801f;border-color:#4ade804d;color:#4ade80}.sovs-filter-input-wrap{align-items:center;display:flex;position:relative}.sovs-input-icon{color:#94a3b8;font-size:15px!important;left:9px;pointer-events:none;position:absolute}.sovs-filter-input{background:#fff;background:var(--cls-table-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--classs-page-border,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--cls-table-header-text,#0f172a);font-size:.8rem;outline:none;padding:7px 28px 7px 30px;transition:border-color .2s;width:100%}.sovs-filter-input:focus{border-color:#22c55e}.sovs-filter-input::placeholder{color:#94a3b8}[data-theme=dark] .sovs-filter-input{background:#ffffff0f;border-color:#ffffff1a;color:#f1f5f9}.sovs-input-clear{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:14px!important;position:absolute;right:6px}.sovs-right{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.sovs-search-row{display:flex;flex-shrink:0;gap:8px;padding:12px 14px 8px}.sovs-search-box{align-items:center;display:flex;flex:1 1;position:relative}.sovs-search-icon{color:#94a3b8;font-size:18px!important;left:11px;pointer-events:none;position:absolute}.sovs-search-input{background:#00000005;border:1.5px solid #e2e8f0;border:1.5px solid var(--classs-page-border,#e2e8f0);border-radius:10px;color:#0f172a;color:var(--cls-table-header-text,#0f172a);font-size:.875rem;outline:none;padding:9px 36px 9px 38px;transition:border-color .2s,box-shadow .2s;width:100%}.sovs-search-input:focus{background:#fff;background:var(--cls-table-bg,#fff);border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.sovs-search-input::placeholder{color:#94a3b8}[data-theme=dark] .sovs-search-input{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9}.sovs-search-clear{background:none;border:none;color:#94a3b8;font-size:15px!important;position:absolute;right:8px}.sovs-search-clear,.sovs-select-visible-btn{align-items:center;cursor:pointer;display:flex}.sovs-select-visible-btn{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--classs-page-border,#e2e8f0);border-radius:10px;color:#64748b;flex-shrink:0;height:40px;justify-content:center;transition:all .15s;width:40px}.sovs-select-visible-btn:hover{background:#22c55e0d;border-color:#22c55e;color:#22c55e}.sovs-select-visible-btn .material-symbols-rounded{font-size:18px!important}.sovs-results{flex:1 1;min-height:0;overflow-y:auto;padding:4px 8px 8px}.sovs-results::-webkit-scrollbar{width:5px}.sovs-results::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}[data-theme=dark] .sovs-results::-webkit-scrollbar-thumb{background:#94a3b84d}.sovs-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:40px 20px;text-align:center}.sovs-state .material-symbols-rounded{font-size:36px!important;opacity:.4}.sovs-state p{color:#64748b;font-size:.9rem;font-weight:600;margin:0}.sovs-state span{font-size:.76rem}.sovs-error .material-symbols-rounded{color:#ef4444!important;opacity:.8!important}.sovs-error p{color:#ef4444}@keyframes sovsSpinAnim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sovs-spin{animation:sovsSpinAnim .9s linear infinite;display:inline-block}.sovs-row{align-items:center;border:1.5px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .12s,border-color .12s}.sovs-row:hover{background:#00000008}[data-theme=dark] .sovs-row:hover{background:#ffffff0a}.sovs-row-selected{background:#22c55e0f!important;border-color:#22c55e38!important}[data-theme=dark] .sovs-row-selected{background:#22c55e17!important;border-color:#4ade8038!important}.sovs-checkbox{align-items:center;background:#0000;border:2px solid #cbd5e1;border-radius:5px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .15s;width:18px}.sovs-checkbox.checked{background:#22c55e;border-color:#22c55e}.sovs-checkbox.checked .material-symbols-rounded{color:#fff;font-size:13px!important}[data-theme=dark] .sovs-checkbox{border-color:#fff3}.sovs-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center;letter-spacing:.02em}.sovs-row-info{flex:1 1;min-width:0}.sovs-row-name{align-items:center;color:#0f172a;color:var(--cls-table-header-text,#0f172a);display:flex;flex-wrap:wrap;font-size:.875rem;font-weight:600;gap:6px}[data-theme=dark] .sovs-row-name{color:#f1f5f9}.sovs-gender-badge{background:#6366f11a;border:1px solid #6366f133;border-radius:999px;color:#6366f1;font-size:.62rem;font-weight:700;letter-spacing:.04em;padding:1px 6px;text-transform:uppercase}.sovs-row-meta{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.sovs-displayid{color:#22c55e;font-family:monospace;font-size:.72rem;font-weight:700}.sovs-dot{color:#cbd5e1;font-size:.65rem}.sovs-meta-text{color:#64748b;font-size:.7rem}[data-theme=dark] .sovs-meta-text{color:#94a3b8}.sovs-selected-bar{background:#22c55e0d;border-top:1px solid #22c55e26;gap:8px;overflow:hidden;padding:8px 14px}.sovs-selected-bar,.sovs-selected-label{align-items:center;display:flex;flex-shrink:0}.sovs-selected-label{color:#15803d;font-size:.72rem;font-weight:700;gap:4px;white-space:nowrap}.sovs-selected-label .material-symbols-rounded{font-size:15px!important}[data-theme=dark] .sovs-selected-label{color:#4ade80}.sovs-selected-chips{display:flex;flex:1 1;flex-wrap:wrap;gap:5px;overflow:hidden}.sovs-chip{align-items:center;background:#22c55e1a;border:1px solid #22c55e40;border-radius:999px;color:#15803d;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;padding:2px 8px 2px 10px;white-space:nowrap}[data-theme=dark] .sovs-chip{background:#22c55e1f;border-color:#4ade8040;color:#4ade80}.sovs-chip-more{background:#0000000d;border-color:#0000;color:#64748b}.sovs-chip-remove{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:13px!important;opacity:.6;padding:0;transition:opacity .12s}.sovs-chip-remove:hover{opacity:1}.sovs-clear-selection{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;padding:4px;transition:background .15s}.sovs-clear-selection:hover{background:#ef444414}.sovs-clear-selection .material-symbols-rounded{font-size:18px!important}.sovs-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--classs-page-border,#e2e8f0);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:12px 16px}[data-theme=dark] .sovs-footer{border-top-color:#ffffff14}.sovs-footer-hint{color:#94a3b8;font-size:.74rem}.sovs-footer-actions{align-items:center;display:flex;gap:8px}.sovs-btn-cancel{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--classs-page-border,#e2e8f0);border-radius:8px;color:#64748b;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 16px;transition:all .15s}.sovs-btn-cancel:hover{background:#0000000a;border-color:#94a3b8;color:#475569}[data-theme=dark] .sovs-btn-cancel{border-color:#ffffff1f;color:#94a3b8}.sovs-btn-confirm{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:.82rem;font-weight:700;gap:6px;padding:8px 18px;transition:all .2s}.sovs-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.sovs-btn-confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.sovs-btn-confirm .material-symbols-rounded{font-size:16px!important}.sovs-trigger-btn{align-items:center;background:#f8fafc;background:var(--att-page-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--classs-page-border,#e2e8f0);border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.85rem;gap:8px;min-height:38px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.sovs-trigger-btn:hover{background:#22c55e0a;border-color:#22c55e;color:#475569}.sovs-trigger-btn.has-value{background:#22c55e0f;border-color:#22c55e66;color:#15803d}[data-theme=dark] .sovs-trigger-btn{background:#ffffff0d;border-color:#ffffff1a;color:#64748b}[data-theme=dark] .sovs-trigger-btn.has-value{background:#4ade8014;border-color:#4ade804d;color:#4ade80}.sovs-trigger-icon{flex-shrink:0;font-size:17px!important}.sovs-trigger-text{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sovs-trigger-clear{cursor:pointer;flex-shrink:0;font-size:16px!important;opacity:.6;transition:opacity .15s}.sovs-trigger-clear:hover{opacity:1}@media (max-width:640px){.sovs-overlay{align-items:flex-end;padding:0}.sovs-modal{animation:sovsSlideUpMobile .25s cubic-bezier(.34,1.2,.64,1);border-bottom:none;border-radius:20px 20px 0 0;height:auto;max-height:94vh;max-width:100%;min-height:60vh}@keyframes sovsSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sovs-body{flex:1 1;flex-direction:column;min-height:0;overflow-y:auto}.sovs-filters-panel{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--classs-page-border,#e2e8f0);border-right:none;flex-shrink:0;gap:12px;overflow-y:visible;padding:12px 14px;width:100%}[data-theme=dark] .sovs-filters-panel{border-bottom-color:#ffffff14}.sovs-right{display:flex;flex:1 1;flex-direction:column;min-height:240px}.sovs-results{flex:1 1;max-height:none;min-height:0}.sovs-right-expanded{flex:1 1 100%;min-height:400px}}.sovs-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.sovs-filter-toggle-btn{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--classs-page-border,#e2e8f0);border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:5px;padding:6px 12px;transition:all .18s ease}.sovs-filter-toggle-btn .material-symbols-rounded{font-size:16px!important}.sovs-filter-toggle-btn:hover{background:#22c55e0d;border-color:#22c55e;color:#22c55e}.sovs-filter-toggle-btn.active{background:#22c55e14;border-color:#22c55e66;color:#16a34a}[data-theme=dark] .sovs-filter-toggle-btn{border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .sovs-filter-toggle-btn.active{background:#4ade8014;border-color:#4ade804d;color:#4ade80}.sovs-filter-toggle-label{font-size:.76rem}.sovs-right-expanded{flex:1 1 100%}@media (max-width:640px){.sovs-filter-toggle-label{display:none}.sovs-filter-toggle-btn{padding:6px 8px}.sovs-modal:before{background:#0000001f;border-radius:2px;content:"";display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:36px}[data-theme=dark] .sovs-modal:before{background:#ffffff26}}:root{--bkl-page-bg:#f4f6fb;--bkl-glass-bg:#ffffffbf;--bkl-glass-border:#e2e8f0cc;--bkl-glass-shadow:0 4px 24px #0f172a0f;--bkl-hover-shadow:0 12px 32px #6366f11f;--bkl-radius:16px;--bkl-accent:#6366f1;--bkl-accent-light:#6366f114;--bkl-accent-border:#6366f133}[data-theme=dark]{--bkl-page-bg:#0f1623;--bkl-glass-bg:#11192dbf;--bkl-glass-border:#ffffff12;--bkl-glass-shadow:0 4px 24px #00000073;--bkl-hover-shadow:0 12px 32px #6366f12e;--bkl-accent-light:#6366f11f;--bkl-accent-border:#6366f140}.bkl-page{background:#f4f6fb;background:var(--bkl-page-bg);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.bkl-page:before{background:radial-gradient(circle,#6366f112 0,#0000 70%);height:380px;right:-60px;top:-100px;width:380px}.bkl-page:after,.bkl-page:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:0}.bkl-page:after{background:radial-gradient(circle,#8b5cf60f 0,#0000 70%);bottom:-80px;height:280px;left:-50px;width:280px}.bkl-toolbar-wrapper{flex-shrink:0;padding:.6rem .75rem .25rem;position:relative;z-index:10}.bkl-page-scroll{flex:1 1;overflow-y:auto;padding:0 .75rem 1.25rem;position:relative;z-index:1}.bkl-page-scroll::-webkit-scrollbar{width:5px}.bkl-page-scroll::-webkit-scrollbar-thumb{background:#6366f133;border-radius:3px}.bkl-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;padding:.55rem .25rem}.bkl-header-left{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:.88rem;font-weight:700;gap:.5rem}[data-theme=dark] .bkl-header-left{color:#e2e8f0}.bkl-header-icon{color:#6366f1;color:var(--bkl-accent);font-size:.95rem}.bkl-loading-indicator{display:flex}.bkl-spin{animation:bklSpin 1s linear infinite;color:#6366f1;color:var(--bkl-accent);font-size:1rem}@keyframes bklSpin{to{transform:rotate(1turn)}}.bkl-status-summary{display:flex;flex:1 1;flex-wrap:wrap;gap:.35rem}.bkl-summary-pill{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;gap:3px;padding:3px 9px}.bkl-summary-pill .material-symbols-rounded{font-size:.82rem}.bkl-pagination{flex-shrink:0;gap:.35rem;margin-left:auto}.bkl-page-btn,.bkl-pagination{align-items:center;display:flex}.bkl-page-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffbf;background:var(--bkl-glass-bg);border:1.5px solid #e2e8f0cc;border:1.5px solid var(--bkl-glass-border);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;height:30px;justify-content:center;transition:all .15s;width:30px}.bkl-page-btn:hover:not(:disabled){border-color:#6366f1;border-color:var(--bkl-accent);color:#6366f1;color:var(--bkl-accent)}.bkl-page-btn:disabled{cursor:not-allowed;opacity:.35}.bkl-page-indicator{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:600}.bkl-cards-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));padding-top:.2rem}.bkl-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffbf;background:var(--bkl-glass-bg);border:1.5px solid #e2e8f0cc;border:1.5px solid var(--bkl-glass-border);border-radius:16px;border-radius:var(--bkl-radius);border-top:3px solid #0000;box-shadow:0 4px 24px #0f172a0f;box-shadow:var(--bkl-glass-shadow);cursor:pointer;display:flex;flex-direction:column;gap:.65rem;overflow:hidden;padding:1.05rem;position:relative;transition:box-shadow .2s,transform .2s,border-color .2s}.bkl-card:before{background:linear-gradient(145deg,#ffffff2e,#0000 55%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.bkl-card.booked{border-top-color:#ec4899}.bkl-card.attended{border-top-color:#10b981}.bkl-card.no_show{border-top-color:#f59e0b}.bkl-card.cancelled{border-top-color:#94a3b8}.bkl-card:hover{box-shadow:0 12px 32px #6366f11f;box-shadow:var(--bkl-hover-shadow);transform:translateY(-3px)}[data-theme=dark] .bkl-card:hover{border-color:#6366f14d}.bkl-card.selected{border-color:#6366f1;border-color:var(--bkl-accent);box-shadow:0 0 0 3px #6366f126,0 4px 24px #0f172a0f;box-shadow:0 0 0 3px #6366f126,var(--bkl-glass-shadow)}.bkl-card-header{align-items:center;display:flex;gap:.6rem}.bkl-card-avatar{align-items:center;border:2px solid;border-radius:50%;box-shadow:0 2px 6px #0000001a;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:38px;justify-content:center;width:38px}.bkl-card-header-info{flex:1 1;min-width:0}.bkl-card-student-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .bkl-card-student-name{color:#f1f5f9}.bkl-card-student-id{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-family:monospace;font-size:.68rem}.bkl-status-pill{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:700;gap:3px;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.bkl-status-pill .material-symbols-rounded{font-size:.82rem}.bkl-card-date-row{align-items:center;background:#6366f114;background:var(--bkl-accent-light);border:1px solid #6366f133;border:1px solid var(--bkl-accent-border);border-radius:9px;color:#334155;color:var(--text-primary,#334155);display:flex;font-size:.88rem;font-weight:700;gap:.4rem;padding:.38rem .7rem}[data-theme=dark] .bkl-card-date-row{color:#e2e8f0}.bkl-card-date-row .material-symbols-rounded{color:#6366f1;color:var(--bkl-accent);font-size:.95rem}.bkl-card-enr-row{align-items:flex-start;display:flex;gap:.55rem}.bkl-day-badge{align-items:center;border-radius:8px;box-shadow:0 1px 4px #00000012;display:flex;flex-direction:column;flex-shrink:0;font-size:.63rem;font-weight:700;letter-spacing:.04em;line-height:1.2;padding:4px 7px;text-transform:uppercase}.bkl-day-session{font-size:.58rem;opacity:.75}.bkl-card-enr-info{display:flex;flex-direction:column;gap:2px;min-width:0}.bkl-card-enr-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .bkl-card-enr-name{color:#f1f5f9}.bkl-card-enr-time{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.73rem;gap:4px}.bkl-dur{background:#0000000d;border-radius:4px;font-size:.63rem;font-weight:600;padding:1px 5px}[data-theme=dark] .bkl-dur{background:#ffffff17}.bkl-card-room{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:.7rem;gap:3px}.bkl-card-room .material-symbols-rounded{font-size:.82rem}.bkl-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:1px}.bkl-bc-sep{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem}.bkl-bc-part{color:#64748b;color:var(--text-secondary,#64748b);font-size:.67rem}.bkl-card-prog{align-items:center;background:#6366f114;background:var(--bkl-accent-light);border:1px solid #6366f133;border:1px solid var(--bkl-accent-border);border-radius:9px;display:flex;font-size:.74rem;gap:.4rem;padding:.38rem .6rem}.bkl-card-prog .material-symbols-rounded{color:#6366f1;color:var(--bkl-accent);font-size:.88rem}.bkl-prog-name{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-weight:600}[data-theme=dark] .bkl-prog-name{color:#f1f5f9}.bkl-prog-id{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-family:monospace;font-size:.63rem}.bkl-card-contact{border-top:1px solid #e2e8f0cc;border-top:1px solid var(--bkl-glass-border);color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-wrap:wrap;font-size:.7rem;gap:.7rem;padding-top:.45rem}.bkl-card-contact span{align-items:center;display:flex;gap:3px}.bkl-card-contact .material-symbols-rounded{font-size:.82rem}.bkl-table-scroll{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1.5px solid #e2e8f0cc;border:1.5px solid var(--bkl-glass-border);border-radius:16px;border-radius:var(--bkl-radius);box-shadow:0 4px 24px #0f172a0f;box-shadow:var(--bkl-glass-shadow);margin-top:.25rem;overflow-x:auto}.bkl-table{background:#ffffffbf;background:var(--bkl-glass-bg);border-collapse:collapse;font-size:.84rem;width:100%}.bkl-table thead th{background:#6366f10a;border-bottom:1.5px solid #e2e8f0cc;border-bottom:1.5px solid var(--bkl-glass-border);color:#64748b;color:var(--text-secondary,#64748b);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.65rem .85rem;text-align:left;text-transform:uppercase;white-space:nowrap}.bkl-table tbody td{border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--bkl-glass-border);color:#334155;color:var(--text-primary,#334155);padding:.65rem .85rem;vertical-align:middle}[data-theme=dark] .bkl-table tbody td{color:#e2e8f0}.bkl-table tbody tr{cursor:pointer;transition:background .1s}.bkl-table tbody tr:hover{background:#6366f10a}.bkl-table tbody tr.bkl-row-selected{background:#6366f114}.bkl-table-student{align-items:center;display:flex;gap:.55rem}.bkl-table-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:30px;justify-content:center;width:30px}.bkl-table-name{font-size:.84rem;font-weight:600}.bkl-table-id{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-family:monospace;font-size:.68rem}.bkl-table-date{align-items:center;display:flex;font-weight:600;gap:4px;white-space:nowrap}.bkl-table-date .material-symbols-rounded{color:#6366f1;color:var(--bkl-accent);font-size:.88rem}.bkl-table-enr{display:flex;flex-direction:column;gap:1px}.bkl-table-day-time{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.bkl-day-badge-sm{border-radius:5px;font-size:.63rem;font-weight:700;padding:2px 6px;white-space:nowrap}.bkl-table-time{color:#64748b;color:var(--text-secondary,#64748b);font-size:.73rem}.bkl-empty-state{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:3.5rem}.bkl-empty-state .material-symbols-rounded{font-size:2.6rem;opacity:.3}.bkl-empty-state p{font-size:.92rem;font-weight:600;margin:0}.bkl-scroll-top-fab{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 4px 16px #6366f159;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:1.5rem;transition:transform .15s,box-shadow .15s;width:40px;z-index:9000}.bkl-scroll-top-fab:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-2px)}@media (max-width:768px){.bkl-cards-grid{grid-template-columns:1fr}.bkl-header-section{flex-wrap:wrap}.bkl-status-summary{order:3;width:100%}.bkl-pagination{margin-left:0}.bkl-page:after,.bkl-page:before{display:none}}.bookings-toolbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#f8faffd9;border:1.5px solid #e2e8f0e6;box-shadow:0 2px 12px #0f172a0d}[data-theme=dark] .bookings-toolbar{background:#0f1628cc;border-color:#ffffff12;box-shadow:0 2px 12px #0006}.bookings-toolbar .accent-pink .custom-dropdown-trigger{background:linear-gradient(135deg,#fce7f3,#f9a8d4);box-shadow:0 2px 6px #00000014;color:#be185d;justify-content:space-between;padding:.6rem 1.2rem .6rem 2.5rem}[data-theme=dark] .bookings-toolbar .accent-pink .custom-dropdown-trigger{background:#f472b624;color:#f472b6}.bklt-date-trigger{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:none;border-radius:24px;box-shadow:0 2px 6px #00000014;color:#3730a3;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.4rem;max-width:220px;min-width:130px;padding:.6rem 1rem .6rem .75rem;transition:all .2s;white-space:nowrap}.bklt-date-label{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.bklt-date-chevron,.bklt-date-trigger .material-symbols-rounded:first-child{flex-shrink:0;font-size:1rem}.bklt-date-chevron{opacity:.6}.bklt-date-trigger:hover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);color:#312e81}.bklt-date-trigger.active{background:linear-gradient(135deg,#6366f1,#7c3aed);box-shadow:0 2px 10px #6366f14d;color:#fff}[data-theme=dark] .bklt-date-trigger{background:#6366f126;color:#a5b4fc}[data-theme=dark] .bklt-date-trigger.active{background:#6366f159;color:#e0e7ff}.bklt-x{cursor:pointer;flex-shrink:0;font-size:.85rem!important;opacity:.7;transition:opacity .15s}.bklt-x:hover{opacity:1}.bklt-daterange-dropdown{animation:bkltDDIn .15s ease;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0e6;border-radius:16px;box-shadow:0 12px 40px #0f172a24;overflow:hidden;width:320px}[data-theme=dark] .bklt-daterange-dropdown{background:#1a2235;border-color:#ffffff17;box-shadow:0 12px 40px #00000080}@keyframes bkltDDIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bklt-dr-presets{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:1fr 1fr;padding:.75rem}.bklt-dr-preset{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:10px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.45rem .7rem;text-align:left;transition:all .14s;white-space:nowrap}.bklt-dr-preset .material-symbols-rounded{flex-shrink:0;font-size:.9rem}.bklt-dr-preset:hover{background:#6366f10f;border-color:#6366f1;color:#6366f1}.bklt-dr-preset.active{background:linear-gradient(135deg,#6366f1,#7c3aed);border-color:#0000;box-shadow:0 2px 8px #6366f14d;color:#fff}[data-theme=dark] .bklt-dr-preset{border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .bklt-dr-preset:hover{background:#6366f11f;color:#a5b4fc}.bklt-dr-divider{align-items:center;display:flex;gap:.6rem;margin-bottom:.1rem;padding:0 .75rem}.bklt-dr-divider:after,.bklt-dr-divider:before{background:#e2e8f0;background:var(--border-color,#e2e8f0);content:"";flex:1 1;height:1px}[data-theme=dark] .bklt-dr-divider:after,[data-theme=dark] .bklt-dr-divider:before{background:#ffffff14}.bklt-dr-divider span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.bklt-view-toggle{border:1.5px solid #e2e8f0e6;border-radius:9px;display:flex;overflow:hidden}.bklt-view-btn{align-items:center;background:#fff9;border:none;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.bklt-view-btn.active{background:#6366f11a;color:#6366f1}.bklt-view-btn .material-symbols-rounded{font-size:1.05rem}[data-theme=dark] .bklt-view-toggle{border-color:#ffffff14}[data-theme=dark] .bklt-view-btn{background:#ffffff0d}[data-theme=dark] .bklt-view-btn.active{background:#6366f133;color:#a5b4fc}.bklt-book-slot-btn{background:linear-gradient(135deg,#6366f1,#7c3aed)!important;border-color:#0000!important;box-shadow:0 2px 10px #6366f159;color:#fff!important}.bklt-book-slot-btn:hover{box-shadow:0 4px 14px #6366f180;transform:translateY(-1px)}[data-theme=dark] .bklt-book-slot-btn{background:linear-gradient(135deg,#6366f159,#7c3aed4d)!important;color:#a5b4fc!important}.bklt-student-btn{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:none;border-radius:24px;box-shadow:0 2px 6px #00000014;color:#065f46;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.4rem;max-width:200px;min-width:110px;padding:.6rem 1rem .6rem .75rem;transition:all .2s;white-space:nowrap}.bklt-student-label{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.bklt-student-btn .material-symbols-rounded:first-child{flex-shrink:0;font-size:1rem}.bklt-student-btn:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);color:#064e3b}.bklt-student-btn.has-value{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 10px #10b9814d;color:#fff}[data-theme=dark] .bklt-student-btn{background:#10b98126;color:#6ee7b7}[data-theme=dark] .bklt-student-btn.has-value{background:#10b9814d;color:#d1fae5}.bklt-dr-custom-row{padding:.5rem .75rem .75rem}.bklt-dr-custom-btn{align-items:center;background:#6366f10d;border:1.5px dashed #6366f159;border-radius:10px;color:#6366f1;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:.5rem;padding:.5rem .85rem;text-align:left;transition:all .15s;width:100%}.bklt-dr-custom-btn .material-symbols-rounded{flex-shrink:0;font-size:1rem}.bklt-dr-custom-btn:hover{background:#6366f11a;border-color:#6366f1}[data-theme=dark] .bklt-dr-custom-btn{background:#6366f114;border-color:#a5b4fc40;color:#a5b4fc}[data-theme=dark] .bklt-dr-custom-btn:hover{background:#6366f126;border-color:#a5b4fc}.aan-page{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:24px 28px}.aan-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:22px}.aan-header,.aan-header-left{align-items:center;display:flex}.aan-header-left{gap:14px}.aan-header-icon{align-items:center;background:linear-gradient(135deg,#e53e3e,#c53030);border-radius:12px;box-shadow:0 4px 12px #e53e3e4d;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.aan-title{color:#1e293b;font-size:19px;font-weight:700;margin:0}.aan-subtitle{color:#94a3b8;font-size:13px;margin:2px 0 0}.aan-run-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:9px;box-shadow:0 3px 10px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:9px 20px;transition:opacity .2s,transform .15s}.aan-run-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.aan-run-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.aan-spin{animation:aan-spin-kf .8s linear infinite}@keyframes aan-spin-kf{to{transform:rotate(1turn)}}.aan-banner-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:9px;color:#c53030;font-size:13px;margin-bottom:16px;padding:10px 16px}.aan-run-result{background:#f0fff4;border:1px solid #c6f6d5;border-radius:12px;box-shadow:0 2px 10px #38a16914;margin-bottom:20px;overflow:hidden}.aan-run-result-header{align-items:center;background:#e6ffed;border-bottom:1px solid #c6f6d5;color:#276749;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:11px 18px}.aan-run-result-body{display:flex;flex-direction:column;gap:12px;padding:16px 18px}.aan-run-section{background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-shadow:0 1px 4px #0000000a;padding:12px 14px}.aan-run-section-title{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.aan-run-stats-grid{display:flex;flex-wrap:wrap;gap:8px}.aan-run-stat{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;min-width:80px;padding:8px 14px}.aan-run-stat-val{color:#1e293b;font-size:20px;font-weight:700;line-height:1.2}.aan-run-stat-lbl{color:#94a3b8;font-size:10px;margin-top:2px;text-align:center}.aan-run-window{color:#94a3b8;display:flex;flex-wrap:wrap;font-size:11px;gap:12px;margin-top:8px}.aan-run-healthy{background:#f0fff4;color:#276749}.aan-run-healthy,.aan-run-warn{border-radius:7px;font-size:12px;font-weight:500;margin-top:8px;padding:6px 10px}.aan-run-warn{background:#fffbeb;color:#744210}.aan-run-error{background:#fff5f5;border-radius:7px;color:#c53030;font-size:12px;padding:6px 10px}.aan-summary-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.aan-summary-chip{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 6px #0000000d;display:flex;flex-direction:column;min-width:118px;padding:14px 18px;transition:box-shadow .2s,transform .15s}.aan-summary-chip:hover{box-shadow:0 4px 16px #00000017;transform:translateY(-1px)}.aan-chip-val{font-size:26px;font-weight:700;line-height:1}.aan-chip-label{color:#94a3b8;font-size:11px;font-weight:500;margin-top:4px}.aan-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:4px;margin-bottom:20px}.aan-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:7px;margin-bottom:-1px;padding:9px 16px;transition:all .15s}.aan-tab:hover{background:#f1f5f9;color:#475569}.aan-tab--active{border-bottom-color:#6366f1;color:#6366f1;font-weight:600}.aan-tab-badge{align-items:center;background:#fee2e2;border-radius:9px;color:#e53e3e;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.aan-tab-badge--warn{background:#fef3c7;color:#dd6b20}.aan-filters{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #0000000a;flex-wrap:wrap;gap:16px;margin-bottom:18px;padding:11px 16px}.aan-filter-group,.aan-filters{align-items:center;display:flex}.aan-filter-group{gap:8px}.aan-filter-group label{color:#64748b;font-size:12px;font-weight:600;white-space:nowrap}.aan-filter-pills{display:flex;flex-wrap:wrap;gap:6px}.aan-filter-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .15s}.aan-filter-pill:hover{background:#eef2ff;border-color:#6366f1;color:#6366f1}.aan-filter-pill.active{font-weight:600}.aan-count-label{color:#94a3b8;font-size:12px;margin-left:auto}.aan-empty,.aan-loading{color:#94a3b8;font-size:14px;padding:60px 20px;text-align:center}.aan-empty{align-items:center;display:flex;flex-direction:column}.aan-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.aan-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 6px #0000000d;padding:18px;transition:box-shadow .2s,transform .15s}.aan-card:hover{box-shadow:0 6px 22px #00000017;transform:translateY(-2px)}.aan-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:14px}.aan-card-name{gap:10px}.aan-avatar,.aan-card-name{align-items:center;display:flex}.aan-avatar{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:50%;box-shadow:0 2px 8px #6366f140;color:#fff;flex-shrink:0;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.aan-student-name{color:#1e293b;font-size:14px;font-weight:600}.aan-enrollment-name{color:#94a3b8;font-size:12px;margin-top:2px}.aan-card-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.aan-stats-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;gap:10px;margin-bottom:14px;padding:10px 12px}.aan-stat,.aan-stats-row{align-items:center;display:flex}.aan-stat{flex:1 1;flex-direction:column}.aan-stat-label{color:#94a3b8;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.aan-stat-val{color:#1e293b;font-size:18px;font-weight:700;line-height:1.2}.aan-stat-sub{color:#cbd5e0;font-size:11px}.aan-stat-arrow{color:#cbd5e0;flex-shrink:0;font-size:16px}.aan-drop-badge{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:12px;font-weight:700;gap:5px;padding:5px 10px}.aan-card-actions{display:flex;gap:8px;margin-top:12px}.aan-action-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:7px 12px;transition:all .2s}.aan-action-btn:hover{transform:translateY(-1px)}.aan-action-btn--ack{background:#eff6ff;border:1px solid #bfdbfe;color:#2b6cb0}.aan-action-btn--resolve{background:#f0fff4;border:1px solid #bbf7d0;color:#276749}.aan-resolved-note{color:#38a169;font-size:12px;margin-top:10px}.aan-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.aan-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:480px;width:100%}.aan-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;color:#1e293b;display:flex;font-size:15px;font-weight:700;justify-content:space-between;padding:16px 22px}.aan-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:0;transition:color .15s}.aan-close-btn:hover{color:#475569}.aan-modal-body{padding:20px 22px}.aan-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:14px 22px}.aan-label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.aan-textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:8px 12px;resize:vertical;transition:border-color .15s;width:100%}.aan-textarea:focus{background:#fff;border-color:#6366f1}.aan-error{color:#e53e3e;font-size:13px;margin-top:10px}.aan-btn-primary{background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:opacity .2s}.aan-btn-primary:hover{opacity:.9}.aan-btn-primary:disabled{cursor:not-allowed;opacity:.5}.aan-btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .15s}.aan-btn-secondary:hover{background:#f1f5f9}.aan-slot-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.aan-slot-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 6px #0000000d;overflow:hidden;padding:18px;position:relative;transition:box-shadow .2s,transform .15s}.aan-slot-card:before{border-radius:14px 14px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.aan-slot-card[data-alert=warning]:before{background:linear-gradient(90deg,#dd6b20,#f6ad55)}.aan-slot-card[data-alert=info]:before{background:linear-gradient(90deg,#3182ce,#63b3ed)}.aan-slot-card:hover{box-shadow:0 6px 22px #00000017;transform:translateY(-2px)}.aan-slot-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:14px}.aan-slot-title{color:#1e293b;font-size:15px;font-weight:700}.aan-slot-meta{color:#94a3b8;font-size:12px;margin-top:3px}.aan-slot-dow{background:#eff6ff;border-radius:10px;color:#2b6cb0;font-size:11px;font-weight:600;padding:2px 8px}.aan-slot-window{color:#cbd5e0;font-size:11px}.aan-slot-metrics{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.aan-metric-box{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;display:flex;flex-direction:column;gap:4px;padding:10px 6px;transition:box-shadow .15s}.aan-metric-box:hover{box-shadow:0 2px 8px #0000000f}.aan-metric-val{color:#1e293b;font-size:18px;font-weight:700;line-height:1}.aan-metric-label{color:#94a3b8;font-size:10px;text-align:center}.aan-progress-row{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.aan-progress-label{color:#64748b;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.aan-progress-track{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.aan-progress-bar{border-radius:3px;height:100%;transition:width .4s ease}.aan-slot-comparison{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;display:flex;gap:16px;margin-bottom:14px;padding:10px 14px}.aan-comparison-item{display:flex;flex:1 1;flex-direction:column}.aan-comparison-label{color:#94a3b8;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.aan-comparison-val{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:4px}.aan-comparison-sub{color:#cbd5e0;font-size:11px}.aan-dow-toggle{background:none;border:none;color:#6366f1;cursor:pointer;font-size:12px;font-weight:600;padding:4px 0;transition:opacity .15s}.aan-dow-toggle:hover{opacity:.75}.aan-dow-grid{display:flex;flex-direction:column;gap:5px;margin-top:8px}.aan-dow-item{align-items:center;display:flex;gap:8px}.aan-dow-day{color:#94a3b8;flex-shrink:0;font-size:11px;font-weight:600;width:30px}.aan-dow-bar-wrap{background:#e2e8f0;border-radius:4px;flex:1 1;height:6px;overflow:hidden}.aan-dow-bar{border-radius:4px;height:100%}.aan-dow-pct{color:#64748b;flex-shrink:0;font-size:11px;text-align:right;width:38px}.aan-alert-reasons{display:flex;flex-direction:column;gap:5px;margin-top:12px}.aan-alert-reason{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:7px;color:#4a5568;display:flex;font-size:12px;gap:7px;padding:6px 10px}.slt-summary-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.slt-summary-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.slt-summary-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.slt-summary-total{color:#94a3b8;font-size:12px;margin-left:auto}.slt-top-strip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #0000000a;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:10px 16px}.slt-top-label{color:#64748b;font-size:12px;font-weight:700;margin-right:4px;white-space:nowrap}.slt-top-chip{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;display:inline-flex;gap:5px;padding:3px 10px}.slt-top-rank{color:#94a3b8;font-size:10px;font-weight:700}.slt-top-name{color:#1e293b;font-size:12px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slt-top-day{color:#94a3b8;font-size:10px}.slt-top-pct{color:#16a34a;font-size:12px;font-weight:700}.slt-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 6px #0000000d;overflow:auto}.slt-table{border-collapse:collapse;min-width:860px;table-layout:fixed;width:100%}.slt-table colgroup col:first-child{width:40px}.slt-table colgroup col:nth-child(2){width:220px}.slt-table colgroup col:nth-child(3){width:64px}.slt-table colgroup col:nth-child(4){width:76px}.slt-table colgroup col:nth-child(5){width:110px}.slt-table colgroup col:nth-child(6),.slt-table colgroup col:nth-child(7){width:90px}.slt-table colgroup col:nth-child(8){width:88px}.slt-table colgroup col:nth-child(9){width:100px}.slt-table colgroup col:nth-child(10){width:90px}.slt-table colgroup col:nth-child(11){width:32px}.slt-th{background:#f9fafb;border-bottom:1px solid #e2e8f0;color:#64748b;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:10px 12px;text-align:left;text-transform:uppercase;transition:background .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.slt-th:hover{background:#f1f5f9;color:#334155}.slt-th--active{background:#eef2ff;color:#6366f1}.slt-th--active:hover{background:#e0e7ff}.slt-th--rank{cursor:default;text-align:center}.slt-th--right{text-align:right}.slt-th--center{text-align:center}.slt-sort-icon{color:#cbd5e0;font-size:10px;margin-left:2px}.slt-th--active .slt-sort-icon{color:#818cf8}.slt-row{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .12s}.slt-row:last-child{border-bottom:none}.slt-row--open,.slt-row:hover{background:#f8fafc}.slt-td{color:#1e293b;font-size:13px;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;vertical-align:middle}.slt-td--rank{color:#94a3b8;font-size:11px;font-weight:600;text-align:center}.slt-td--num{font-weight:600;text-align:right;white-space:nowrap}.slt-td--center{text-align:center}.slt-td--chevron{text-align:center}.slt-name{color:#1e293b;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slt-time{margin-top:2px}.slt-sub,.slt-time{color:#94a3b8;font-size:11px}.slt-sub{font-weight:400}.slt-dow-badge{background:#eff6ff;border-radius:6px;color:#2b6cb0;display:inline-block;font-size:10px;font-weight:700;padding:2px 6px}.slt-pct-wrap{align-items:flex-end;display:flex;flex-direction:column;gap:3px}.slt-pct-val{font-size:13px;font-weight:700}.slt-mini-bar-track{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden;width:100%}.slt-mini-bar{border-radius:2px;height:100%;transition:width .3s}.slt-trend{align-items:center;display:flex;gap:5px}.slt-trend-lbl{color:#64748b;font-size:11px}.slt-chevron{color:#cbd5e0;display:inline-block;font-size:16px;line-height:1;transition:transform .2s}.slt-chevron--up{transform:rotate(90deg)}.slt-expand-row{background:#fafbfc}.slt-expand-cell{padding:0!important}.slt-expand-body{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:20px;padding:16px 20px}.slt-expand-bars{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:240px}.slt-expand-bar-item{display:flex;flex-direction:column;gap:4px}.slt-expand-bar-label{color:#64748b;display:flex;font-size:12px;justify-content:space-between}.slt-expand-dow{flex:1 1;min-width:200px}.slt-expand-reasons{flex:2 1;min-width:260px}.slt-expand-section-title{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}@media (max-width:640px){.aan-page{padding:14px}.aan-grid,.aan-slot-grid{grid-template-columns:1fr}.aan-slot-metrics{grid-template-columns:repeat(2,1fr)}.aan-stats-row{flex-direction:column}.aan-summary-row{gap:8px}}[data-theme=dark] .aan-page{background:#0d1117}[data-theme=dark] .aan-title{color:#f0f6fc}[data-theme=dark] .aan-subtitle{color:#8b949e}[data-theme=dark] .aan-banner-error{background:#e53e3e1f;border-color:#e53e3e4d;color:#fc8181}[data-theme=dark] .aan-run-result{background:#38a16914;border-color:#38a16940}[data-theme=dark] .aan-run-result-header{background:#38a16926;border-color:#38a16940;color:#68d391}[data-theme=dark] .aan-run-section{background:#161b22;border-color:#21262d}[data-theme=dark] .aan-run-section-title{color:#8b949e}[data-theme=dark] .aan-run-stat{background:#1c2128;border-color:#21262d}[data-theme=dark] .aan-run-stat-val{color:#f0f6fc}[data-theme=dark] .aan-run-stat-lbl,[data-theme=dark] .aan-run-window{color:#484f58}[data-theme=dark] .aan-run-healthy{background:#38a1691a;color:#68d391}[data-theme=dark] .aan-run-warn{background:#dd6b201a;color:#f6ad55}[data-theme=dark] .aan-run-error{background:#e53e3e1a;color:#fc8181}[data-theme=dark] .aan-summary-chip{background:#161b22;border-color:#21262d}[data-theme=dark] .aan-chip-label{color:#8b949e}[data-theme=dark] .aan-tabs{border-color:#21262d}[data-theme=dark] .aan-tab{color:#484f58}[data-theme=dark] .aan-tab:hover{background:#1c2128;color:#8b949e}[data-theme=dark] .aan-tab--active{border-bottom-color:#818cf8;color:#818cf8}[data-theme=dark] .aan-tab-badge{background:#e53e3e26;color:#fc8181}[data-theme=dark] .aan-tab-badge--warn{background:#dd6b2026;color:#f6ad55}[data-theme=dark] .aan-filters{background:#161b22;border-color:#21262d}[data-theme=dark] .aan-filter-group label{color:#8b949e}[data-theme=dark] .aan-filter-pill{background:#1c2128;border-color:#21262d;color:#8b949e}[data-theme=dark] .aan-filter-pill:hover{background:#6366f11a;border-color:#818cf8;color:#818cf8}[data-theme=dark] .aan-count-label,[data-theme=dark] .aan-empty,[data-theme=dark] .aan-loading{color:#484f58}[data-theme=dark] .aan-card{background:#161b22;border-color:#21262d}[data-theme=dark] .aan-card:hover{box-shadow:0 6px 22px #0006}[data-theme=dark] .aan-student-name{color:#f0f6fc}[data-theme=dark] .aan-enrollment-name{color:#8b949e}[data-theme=dark] .aan-stats-row{background:#1c2128;border-color:#21262d}[data-theme=dark] .aan-stat-label{color:#8b949e}[data-theme=dark] .aan-stat-val{color:#f0f6fc}[data-theme=dark] .aan-stat-arrow,[data-theme=dark] .aan-stat-sub{color:#484f58}[data-theme=dark] .aan-action-btn--ack{background:#2b6cb026;border-color:#2b6cb04d;color:#63b3ed}[data-theme=dark] .aan-action-btn--resolve{background:#38a1691f;border-color:#38a1694d;color:#68d391}[data-theme=dark] .aan-resolved-note{color:#68d391}[data-theme=dark] .aan-modal{background:#161b22;border-color:#21262d}[data-theme=dark] .aan-modal-header{border-color:#21262d;color:#f0f6fc}[data-theme=dark] .aan-close-btn{color:#484f58}[data-theme=dark] .aan-close-btn:hover{color:#8b949e}[data-theme=dark] .aan-modal-footer{border-color:#21262d}[data-theme=dark] .aan-label{color:#8b949e}[data-theme=dark] .aan-textarea{background:#1c2128;border-color:#21262d;color:#f0f6fc}[data-theme=dark] .aan-textarea:focus{background:#161b22;border-color:#818cf8}[data-theme=dark] .aan-error{color:#fc8181}[data-theme=dark] .aan-btn-secondary{background:#1c2128;border-color:#21262d;color:#8b949e}[data-theme=dark] .aan-btn-secondary:hover{background:#21262d}[data-theme=dark] .slt-top-strip{background:#161b22;border-color:#21262d}[data-theme=dark] .slt-top-label{color:#8b949e}[data-theme=dark] .slt-top-chip{background:#38a1691a;border-color:#38a16940}[data-theme=dark] .slt-top-name{color:#f0f6fc}[data-theme=dark] .slt-top-day{color:#8b949e}[data-theme=dark] .slt-top-rank{color:#484f58}[data-theme=dark] .slt-top-pct{color:#68d391}[data-theme=dark] .slt-summary-total{color:#484f58}[data-theme=dark] .slt-table-wrap{background:#161b22;border-color:#21262d}[data-theme=dark] .slt-th{background:#1c2128;border-color:#21262d;color:#8b949e}[data-theme=dark] .slt-th:hover{background:#21262d;color:#c9d1d9}[data-theme=dark] .slt-th--active{background:#6366f11f;color:#818cf8}[data-theme=dark] .slt-th--active:hover{background:#6366f12e}[data-theme=dark] .slt-sort-icon{color:#21262d}[data-theme=dark] .slt-th--active .slt-sort-icon{color:#818cf8}[data-theme=dark] .slt-row{border-color:#21262d}[data-theme=dark] .slt-row--open,[data-theme=dark] .slt-row:hover{background:#1c2128}[data-theme=dark] .slt-td{color:#c9d1d9}[data-theme=dark] .slt-td--rank{color:#484f58}[data-theme=dark] .slt-name{color:#f0f6fc}[data-theme=dark] .slt-sub,[data-theme=dark] .slt-time{color:#484f58}[data-theme=dark] .slt-dow-badge{background:#2b6cb026;color:#63b3ed}[data-theme=dark] .slt-mini-bar-track{background:#21262d}[data-theme=dark] .slt-trend-lbl{color:#8b949e}[data-theme=dark] .slt-chevron{color:#484f58}[data-theme=dark] .slt-expand-row{background:#1c2128}[data-theme=dark] .slt-expand-body{border-color:#21262d}[data-theme=dark] .slt-expand-bar-label{color:#8b949e}[data-theme=dark] .slt-expand-section-title{color:#484f58}[data-theme=dark] .aan-alert-reason{background:#dd6b201a;border-color:#dd6b2040;color:#c9d1d9}.pgd-page{--clsd-page-bg:#fff;--clsd-container-bg:#fff;--clsd-container-border:#e2e8f0;--clsd-text-primary:#1e293b;--clsd-text-secondary:#475569;--clsd-text-muted:#64748b;--clsd-header-bg:#fff;--clsd-header-gradient:linear-gradient(135deg,#ede9fe,#f8fafc);--clsd-card-bg:#fff;--clsd-card-border:#e2e8f0;--clsd-card-shadow:0 2px 8px #0000000f;--clsd-tab-bg:#ffffffe6;--clsd-tab-text:#475569;--clsd-tab-hover-bg:#6366f10d;--clsd-tab-hover-text:#4338ca;--clsd-tab-active-bg:linear-gradient(135deg,#ede9fe,#ddd6fe);--clsd-tab-active-text:#4338ca;--clsd-icon-color:#6366f1;--clsd-banner-success-bg:#d1fae5;--clsd-banner-success-text:#065f46;--clsd-banner-error-bg:#fee2e2;--clsd-banner-error-text:#b91c1c}[data-theme=dark] .pgd-page{--clsd-page-bg:#1a1a1af2;--clsd-container-bg:#1a1a1af2;--clsd-container-border:#8b5cf633;--clsd-card-shadow:0 6px 20px #0009;--clsd-text-primary:#fff;--clsd-text-secondary:#ff9f0a;--clsd-text-muted:#d1d5db;--clsd-header-bg:#1a1a1a;--clsd-header-gradient:linear-gradient(135deg,#6366f11f,#1a1a1af2);--clsd-header-border:#ffffff1a;--clsd-header-shadow:0 6px 20px #0009;--clsd-card-bg:#1a1a1af2;--clsd-card-border:#ffffff1a;--clsd-tab-bg:#1a1a1ae6;--clsd-tab-border:#ffffff1a;--clsd-tab-text:#d1d5db;--clsd-tab-hover-bg:#8b5cf60f;--clsd-tab-hover-text:#a78bfa;--clsd-tab-active-bg:linear-gradient(135deg,#3b0764,#4c1d95);--clsd-tab-active-text:#c4b5fd;--clsd-icon-color:#a78bfa}.pgd-page{background:var(--clsd-page-bg);color:var(--clsd-text-primary);font-family:Google Sans,Poppins,sans-serif;min-height:100vh;transition:all .3s ease}.pgd-page .clsd-error-container,.pgd-page .clsd-loading-container{align-items:center;color:var(--clsd-text-muted);display:flex;flex-direction:column;font-size:.95rem;gap:1rem;justify-content:center;min-height:60vh}.pgd-page .clsd-loading-spinner{animation:pgd-spin 1s linear infinite;color:var(--clsd-icon-color);font-size:48px}.pgd-page .class-snapshot-header{background:#0000;margin-left:.5%;margin-top:.5rem;position:-webkit-sticky;position:sticky;top:0;width:99%;z-index:10}.pgd-page .class-snapshot-container{background:var(--clsd-header-bg);border:1px solid var(--clsd-card-border);border-radius:12px;box-shadow:0 4px 20px #00000014;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pgd-page .class-snapshot-container:before{background:var(--clsd-header-gradient);border-radius:12px;content:"";inset:0;opacity:.6;pointer-events:none;position:absolute;z-index:0}[data-theme=dark] .pgd-page .class-snapshot-container{background:#1a1a1a}.pgd-page .class-snapshot-container.pinned .clsd-header-details{border-top:1px solid #0000000d;max-height:500px;opacity:1}.pgd-page .class-snapshot-container.unpinned .clsd-header-details{background:var(--clsd-header-bg);border:1px solid var(--clsd-card-border);border-radius:0 0 12px 12px;border-top:none;box-shadow:0 15px 30px #00000026;left:0;max-height:0;opacity:0;pointer-events:none;position:absolute;top:100%;transform:translateY(-5px);width:100%}[data-theme=dark] .pgd-page .class-snapshot-container.unpinned .clsd-header-details{background:#1a1a1a;box-shadow:0 15px 30px #0009}.pgd-page .class-snapshot-container.unpinned.hovered .clsd-header-details{border-top:1px solid #0000000d;max-height:400px;opacity:1;pointer-events:auto;transform:translateY(0);transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s,transform .3s}.pgd-page .class-snapshot-container.unpinned.hovered{border-radius:12px 12px 0 0}.pgd-page .clsd-header-details{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.pgd-page .clsd-header-bar{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-height:60px;padding:.6rem 1rem;position:relative;z-index:2}.pgd-page .clsd-header-left{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.pgd-page .clsd-header-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.pgd-header-name{border-bottom:1px dashed #0000;color:var(--clsd-text-primary);cursor:text;font-size:1.15rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s;white-space:nowrap}.pgd-header-name:hover{border-bottom-color:var(--clsd-icon-color)}.pgd-name-input{background:#ffffffb3;border:1px solid var(--clsd-icon-color)!important;border-radius:4px;color:var(--clsd-text-primary);font-size:1.05rem;font-weight:700;outline:none;padding:3px 8px;width:280px}.pgd-page .clsd-status-pill{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.pgd-page .clsd-status-pill.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#065f46}.pgd-page .clsd-status-pill.draft{background:linear-gradient(135deg,#fef9c3,#fef08a);color:#854d0e}.pgd-page .clsd-status-pill.archived{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}.pgd-page .clsd-status-pill.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.pgd-page .clsd-btn.actions{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d;color:#fff}.pgd-page .clsd-btn.actions:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.pgd-page .clsd-btn.refresh{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.pgd-page .clsd-btn.refresh:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.pgd-page .clsd-quick-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:0 1rem 1rem;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.pgd-page .clsd-info-card-mini{align-items:center;border-radius:12px;display:flex;gap:1rem;padding:.5rem;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.pgd-page .clsd-info-card-mini.colorful-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid}.pgd-page .clsd-info-card-mini.colorful-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.pgd-page .clsd-info-card-mini.date-card{background:linear-gradient(135deg,#3b82f614,#1d4ed814);border-color:#3b82f64d}.pgd-page .clsd-info-card-mini.date-card .clsd-info-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;color:#1e40af;font-size:28px;padding:.75rem}.pgd-page .clsd-info-card-mini.time-card{background:linear-gradient(135deg,#8b5cf614,#7c3aed14);border-color:#8b5cf64d}.pgd-page .clsd-info-card-mini.time-card .clsd-info-icon{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-radius:12px;color:#6b21a8;font-size:28px;padding:.75rem}.pgd-page .clsd-info-card-mini.attendance-card{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b9814d}.pgd-page .clsd-info-card-mini.attendance-card .clsd-info-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;color:#065f46;font-size:28px;padding:.75rem}.pgd-page .clsd-info-card-mini.room-card{background:linear-gradient(135deg,#6366f114,#4f46e514);border-color:#6366f14d}.pgd-page .clsd-info-card-mini.room-card .clsd-info-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:12px;color:#3730a3;font-size:28px;padding:.75rem}.pgd-page .clsd-info-content{flex:1 1}.pgd-page .clsd-info-label{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem}.pgd-page .clsd-info-value{color:var(--clsd-text-primary);font-size:1rem;font-weight:700}.pgd-page .clsd-pin-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--clsd-text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s;width:34px}.pgd-page .clsd-pin-btn:hover{background:#0000000d;color:var(--clsd-text-primary)}.pgd-page .clsd-pin-btn.active{background:#6366f11a;border-color:#6366f133;color:#6366f1}.pgd-page .clsd-pin-btn .material-symbols-rounded{font-size:20px;transition:transform .3s}.pgd-page .clsd-pin-btn.active .material-symbols-rounded{transform:rotate(45deg)}.pgd-page .clsd-actions-dropdown{position:relative;z-index:10}.pgd-page .clsd-actions-menu{animation:pgd-slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10000}[data-theme=dark] .pgd-page .clsd-actions-menu{background:var(--clsd-card-bg);border-color:#ffffff1a;box-shadow:0 10px 30px #00000080}.pgd-page .clsd-action-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.875rem 1.25rem;text-align:left;transition:all .15s;width:100%}.pgd-page .clsd-action-item:hover{background:linear-gradient(135deg,#6366f10d,#4f46e50d);color:#4338ca}.pgd-page .clsd-action-item .material-symbols-rounded{font-size:20px}.pgd-page .clsd-header-topic-inline{align-items:center;background:#ffffff80;border:1px solid #0000;border-radius:6px;color:var(--clsd-text-secondary);display:inline-flex;font-size:.85rem;gap:.4rem;padding:.25rem .6rem}.pgd-page .clsd-content-container{background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-radius:16px;box-shadow:var(--clsd-card-shadow);display:flex;flex-direction:column;margin:.5rem}.pgd-page .clsd-tabs-container{background:#0000;border-bottom:1px solid var(--clsd-card-border);display:flex;flex-shrink:0;gap:.5rem;overflow-x:auto;padding:.5rem}.pgd-page .clsd-tab{align-items:center;background:var(--clsd-tab-bg);border:1px solid var(--clsd-card-border);border-radius:8px;color:var(--clsd-tab-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.pgd-page .clsd-tab:hover:not(.active){background:var(--clsd-tab-hover-bg);color:var(--clsd-tab-hover-text)}.pgd-page .clsd-tab.active{background:var(--clsd-tab-active-bg);border-color:var(--clsd-tab-active-text);color:var(--clsd-tab-active-text)}.pgd-page .clsd-tab .material-symbols-rounded{font-size:1.25rem}.pgd-tab-count{align-items:center;background:#6366f1;border-radius:10px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;margin-left:.35rem;min-width:20px;padding:0 5px}.pgd-page .clsd-tab.active .pgd-tab-count{background:#4338ca}.pgd-page .clsd-tab-content{background:var(--clsd-page-bg);border-radius:0 0 16px 16px;padding:1rem}.pgd-page .clsd-overview-container{display:flex;flex-direction:column;gap:1rem}.pgd-page .clsd-section-card{background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-radius:16px;box-shadow:var(--clsd-card-shadow);padding:1rem 1.25rem}.pgd-page .clsd-program-info-section{background:linear-gradient(135deg,#6366f10f,#a5b4fc0a);border:1px solid #6366f133;box-shadow:0 4px 20px #6366f114,inset 0 1px 0 #ffffff1a}.pgd-page .clsd-section-header{align-items:center;border-bottom:1px solid var(--clsd-card-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.pgd-page .clsd-section-title{align-items:center;display:flex;gap:.75rem}.pgd-page .clsd-section-title .material-symbols-rounded{color:var(--clsd-icon-color);font-size:28px}.pgd-page .clsd-section-title h3{color:var(--clsd-text-primary);font-size:1.25rem;font-weight:600;margin:0}.pgd-page .clsd-field-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pgd-page .clsd-field-item{display:flex;flex-direction:column;gap:.5rem}.pgd-page .clsd-field-label{color:var(--clsd-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px}.pgd-page .clsd-field-value{color:var(--clsd-text-primary);font-size:1rem;font-weight:500}.pgd-mono{font-family:monospace;font-size:.9rem!important}.pgd-page .clsd-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem .75rem}.pgd-page .clsd-status-badge.beginner{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);color:#166534}.pgd-page .clsd-status-badge.intermediate{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);color:#1e40af}.pgd-page .clsd-status-badge.advanced{background:linear-gradient(135deg,#a855f71a,#7e22ce1a);color:#6b21a8}.pgd-page .clsd-status-badge.active{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);color:#166534}.pgd-page .clsd-status-badge.draft{background:linear-gradient(135deg,#eab3081a,#ca8a041a);color:#854d0e}.pgd-page .clsd-status-badge.archived{background:linear-gradient(135deg,#6b72801a,#4b55631a);color:#374151}.pgd-page .clsd-status-badge.inactive{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#b91c1c}.pgd-featured-badge{align-items:center;background:linear-gradient(135deg,#fef9c3,#fef08a);border-radius:6px;color:#854d0e;display:inline-flex;font-size:.85rem;font-weight:600;gap:.3rem;padding:3px 10px}.pgd-featured-badge .material-symbols-rounded{color:#f59e0b;font-size:15px}.pgd-description-block{display:flex;flex-direction:column;gap:.4rem;margin-top:1.25rem}.pgd-description-text{background:#6366f10a;border-left:3px solid #6366f14d;border-radius:8px;color:var(--clsd-text-primary);font-size:.95rem;line-height:1.6;margin:0;padding:.75rem 1rem}.pgd-add-btn{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;box-shadow:0 4px 12px #6366f140!important;color:#fff!important;font-size:.9rem!important;padding:.45rem .9rem!important}.pgd-add-btn:hover{box-shadow:0 6px 16px #6366f159!important;transform:translateY(-2px)!important}.pgd-subjects-empty{align-items:center;color:var(--clsd-text-muted);display:flex;flex-direction:column;gap:.85rem;justify-content:center;padding:3rem 1rem;text-align:center}.pgd-subjects-empty .material-symbols-rounded{font-size:3rem;opacity:.35}.pgd-subjects-empty p{font-size:.95rem;margin:0}.pgd-subjects-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.25rem}.pgd-subject-row{align-items:center;background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-radius:10px;display:flex;gap:.85rem;padding:.75rem 1rem;transition:all .15s}.pgd-subject-row:hover{border-color:#6366f159;box-shadow:0 2px 8px #6366f114;transform:translateX(2px)}.pgd-subject-icon{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:8px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.pgd-subject-icon .material-symbols-rounded{color:#6366f1;font-size:1.1rem}.pgd-subject-body{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-width:0}.pgd-subject-name{color:var(--clsd-text-primary);font-size:.95rem;font-weight:600}.pgd-subject-badges{display:flex;flex-wrap:wrap;gap:.3rem}.pgd-page .clsd-category-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.78rem;font-weight:600;padding:.25rem .6rem}.pgd-badge-default{background:#f3f4f6;color:#374151}.pgd-badge-category{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);color:#1e40af}.pgd-badge-type{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#065f46}.pgd-badge-credits{background:linear-gradient(135deg,#f59e0b1a,#d977061a);color:#78350f}[data-theme=dark] .pgd-badge-default{background:#ffffff14;color:#d1d5db}[data-theme=dark] .pgd-badge-category{background:#3b82f626;color:#60a5fa}[data-theme=dark] .pgd-badge-type{background:#10b98126;color:#34d399}[data-theme=dark] .pgd-badge-credits{background:#f59e0b26;color:#fbbf24}.pgd-subject-remove{flex-shrink:0}.pgd-coming-soon{align-items:center;color:var(--clsd-text-muted);display:flex;flex-direction:column;gap:.85rem;justify-content:center;min-height:280px;text-align:center}.pgd-coming-soon .material-symbols-rounded{font-size:3.5rem;opacity:.3}.pgd-coming-soon p{font-size:.95rem;margin:0}@media (max-width:768px){.pgd-page .clsd-tabs-container{gap:.25rem;justify-content:space-around;padding:.25rem}.pgd-page .clsd-tab{padding:.75rem .625rem}.pgd-page .clsd-tab .clsd-tab-label{display:none}.pgd-page .clsd-tab .material-symbols-rounded{font-size:1.375rem}.pgd-page .clsd-quick-info-grid{gap:.5rem;grid-template-columns:1fr 1fr;padding:0 .5rem .75rem}.pgd-page .clsd-field-grid{gap:1rem;grid-template-columns:1fr 1fr}.pgd-header-name{font-size:1rem}}@media (max-width:480px){.pgd-page .clsd-field-grid,.pgd-page .clsd-quick-info-grid{grid-template-columns:1fr}}.pgd-subjects-table-wrap{overflow-x:auto}.pgd-subjects-cards-wrap{display:none}.pgd-subjects-table{border-collapse:collapse;font-size:.9rem;width:100%}.pgd-subjects-table thead tr{border-bottom:2px solid var(--clsd-card-border)}.pgd-subjects-table th{color:var(--clsd-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:.6rem .9rem;text-align:left;text-transform:uppercase;white-space:nowrap}.pgd-subjects-table td{border-bottom:1px solid var(--clsd-card-border);color:var(--clsd-text-primary);padding:.7rem .9rem;vertical-align:middle}.pgd-subjects-table tbody tr:last-child td{border-bottom:none}.pgd-subjects-table tbody tr:hover td{background:#6366f108}.pgd-subject-name-cell{align-items:center;display:flex;font-weight:600;gap:.6rem}.pgd-subject-icon-inline{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:7px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.pgd-subject-icon-inline .material-symbols-rounded{color:#6366f1;font-size:.95rem}.pgd-subject-remove{align-items:center;background:none;border:none;border-radius:6px;color:var(--clsd-text-muted);cursor:pointer;display:flex;padding:5px;transition:all .15s}.pgd-subject-remove:hover{background:#fee2e2;color:#dc2626}.pgd-subject-remove .material-symbols-rounded{font-size:1.15rem}@media (max-width:1024px){.pgd-subjects-table-wrap{display:none}.pgd-subjects-cards-wrap{display:flex;flex-direction:column;gap:.6rem}}.pgd-editable-hint{color:var(--clsd-icon-color);font-size:.7rem;font-style:italic;font-weight:400;margin-left:.25rem;opacity:.7}.pgd-editable-value{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;gap:.35rem;margin:-2px -6px;padding:2px 6px;transition:background .15s}.pgd-editable-value:hover{background:#6366f112}.pgd-edit-icon{color:var(--clsd-icon-color);font-size:.9rem!important;opacity:0;transition:opacity .15s}.pgd-description-editable:hover .pgd-edit-icon,.pgd-editable-value:hover .pgd-edit-icon{opacity:1}.pgd-inline-input{background:var(--clsd-card-bg);border:1.5px solid var(--clsd-icon-color);border-radius:6px;box-shadow:0 0 0 3px #6366f11a;color:var(--clsd-text-primary);font-size:1rem;font-weight:500;outline:none;padding:.35rem .6rem;transition:border-color .15s;width:100%}.pgd-inline-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #6366f126}[data-theme=dark] .pgd-inline-input{background:#ffffff0f;border-color:#818cf8;color:#f9fafb}.pgd-inline-textarea{background:var(--clsd-card-bg);border:1.5px solid var(--clsd-icon-color);border-radius:8px;box-shadow:0 0 0 3px #6366f11a;box-sizing:border-box;color:var(--clsd-text-primary);font-family:inherit;font-size:.95rem;line-height:1.55;min-height:72px;outline:none;padding:.5rem .65rem;resize:vertical;width:100%}[data-theme=dark] .pgd-inline-textarea{background:#ffffff0f;border-color:#818cf8;color:#f9fafb}.pgd-description-editable{align-items:flex-start;border-left:3px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.4rem;margin:-.6rem -.75rem;padding:.6rem .75rem;transition:background .15s}.pgd-description-editable:hover{background:#6366f10a;border-left-color:#6366f14d}.pgd-description-editable .pgd-edit-icon{flex-shrink:0;margin-top:2px}.pgd-placeholder{color:var(--clsd-text-muted);font-size:.9rem;font-style:italic}.pgd-badge-clickable{align-items:center;cursor:pointer;display:inline-flex!important;gap:.25rem;transition:filter .15s,transform .1s}.pgd-badge-clickable:hover{filter:brightness(.92);transform:translateY(-1px)}.pgd-badge-arrow{font-size:.9rem!important;opacity:.7}.pgd-header-pill{align-items:center;cursor:default;display:inline-flex!important;gap:.4rem;padding:.25rem .6rem}.pgd-select-wrapper{z-index:50}.pgd-dropdown-menu{animation:pgd-slideDown .15s ease;background:#fff;background:var(--clsd-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #00000024;left:0;min-width:150px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:1000}[data-theme=dark] .pgd-dropdown-menu{background:#1f2937;border-color:#ffffff1a;box-shadow:0 8px 24px #00000080}@keyframes pgd-slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pgd-dropdown-item{align-items:center;background:none;border:none;color:var(--clsd-text-primary);cursor:pointer;display:flex;font-size:.87rem;font-weight:500;gap:.6rem;padding:.6rem .9rem;text-align:left;transition:background .12s;width:100%}.pgd-dropdown-item:hover{background:#6366f112;color:#4338ca}.pgd-dropdown-item.active{background:#6366f11a;font-weight:700}.pgd-level-dot,.pgd-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.pgd-level-dot.beginner,.pgd-status-dot.active{background:#16a34a}.pgd-level-dot.intermediate{background:#1d4ed8}.pgd-level-dot.advanced{background:#7e22ce}.pgd-status-dot.draft{background:#b45309}.pgd-status-dot.archived,.pgd-status-dot.inactive{background:#6b7280}.pgd-toggle-btn{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border,#e2e8f0);border-radius:8px;color:var(--clsd-text-primary);cursor:pointer;display:inline-flex;font-size:.87rem;font-weight:500;gap:.5rem;padding:.35rem .7rem;transition:all .15s}.pgd-toggle-btn:hover{background:#6366f10d;border-color:var(--clsd-icon-color)}.pgd-toggle-btn.on{background:linear-gradient(135deg,#fef9c3,#fef3c7);border-color:#f59e0b;color:#854d0e}.pgd-toggle-track{background:#d1d5db;background:var(--clsd-card-border,#d1d5db);border-radius:9px;display:block;flex-shrink:0;height:18px;position:relative;transition:background .2s;width:32px}.pgd-toggle-track.on{background:#f59e0b}.pgd-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;display:block;height:12px;left:3px;position:absolute;top:3px;transition:transform .2s;width:12px}.pgd-toggle-track.on .pgd-toggle-thumb{transform:translateX(14px)}.pgd-toggle-label{align-items:center;display:flex;gap:.25rem}.pgd-toggle-label .material-symbols-rounded{color:#f59e0b;font-size:.95rem}.pgd-readonly-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b4d;border-radius:6px;color:#92400e;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.3rem .7rem}.pgd-readonly-badge .material-symbols-rounded{font-size:.95rem}.pgd-finance-section{background:linear-gradient(135deg,#10b9810d,#05966908);border:1px solid #10b98133;box-shadow:0 4px 20px #10b9810f,inset 0 1px 0 #ffffff1a}.pgd-finance-section .clsd-section-title .material-symbols-rounded{color:#059669}.pgd-inline-input-wrap,.pgd-input-prefix{align-items:center;display:flex}.pgd-input-prefix{background:#10b9811a;border:1.5px solid var(--clsd-icon-color);border-radius:6px 0 0 6px;border-right:none;color:#059669;font-size:1rem;font-weight:600;height:100%;justify-content:center;line-height:1;min-height:36px;padding:0 .55rem;white-space:nowrap}.pgd-inline-input.with-prefix{border-left:none;border-radius:0 6px 6px 0}.pgd-inline-select{background:var(--clsd-card-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--clsd-card-border,#e2e8f0);border-radius:6px;color:var(--clsd-text-primary);cursor:pointer;font-size:.95rem;font-weight:500;outline:none;padding:.35rem .6rem;transition:border-color .15s}.pgd-inline-select:focus{border-color:var(--clsd-icon-color);box-shadow:0 0 0 3px #6366f11a}.pgd-st-summary{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.pgd-st-chip{align-items:center;border:1.5px solid #0000;border-radius:50px;cursor:default;display:flex;font-size:.85rem;font-weight:500;gap:.55rem;padding:.55rem 1rem;transition:transform .15s,box-shadow .15s}.pgd-st-chip:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.pgd-st-chip .material-symbols-rounded{font-size:1.1rem}.pgd-st-chip-val{font-size:1.15rem;font-weight:700;line-height:1}.pgd-st-chip-lbl{font-size:.78rem;font-weight:500;opacity:.85}.pgd-st-chip--total{background:#6366f11a;border-color:#6366f140;color:#4338ca}.pgd-st-chip--active{background:#10b9811a;border-color:#10b98140;color:#065f46}.pgd-st-chip--waiting{background:#f59e0b1a;border-color:#f59e0b40;color:#92400e}.pgd-st-chip--promoted{background:#3b82f61a;border-color:#3b82f640;color:#1e40af}.pgd-st-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.pgd-st-search-wrap{flex:1 1;max-width:360px;min-width:200px;position:relative}.pgd-st-search-icon{color:var(--clsd-text-muted);font-size:1rem;left:.65rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.pgd-st-search{background:#fff;background:var(--clsd-card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--clsd-card-border,#e2e8f0);border-radius:8px;box-sizing:border-box;color:var(--clsd-text-primary);font-size:.9rem;outline:none;padding:.5rem 2rem .5rem 2.2rem;transition:border-color .15s,box-shadow .15s;width:100%}.pgd-st-search:focus{border-color:#6366f1;border-color:var(--clsd-icon-color,#6366f1);box-shadow:0 0 0 3px #6366f11f}.pgd-st-search-clear{align-items:center;background:none;border:none;color:var(--clsd-text-muted);cursor:pointer;display:flex;font-size:.9rem;line-height:1;padding:0;position:absolute;right:.55rem;top:50%;transform:translateY(-50%)}.pgd-st-search-clear .material-symbols-rounded{font-size:1rem}.pgd-st-view-toggle{background:#f8fafc;background:var(--clsd-card-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--clsd-card-border,#e2e8f0);border-radius:8px;display:flex;gap:.25rem;padding:.2rem}.pgd-st-view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--clsd-text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:background .15s,color .15s;width:34px}.pgd-st-view-btn .material-symbols-rounded{font-size:1.1rem}.pgd-st-view-btn:hover{background:#6366f114;color:var(--clsd-icon-color)}.pgd-st-view-btn.active{background:#6366f1;background:var(--clsd-icon-color,#6366f1);color:#fff}.pgd-st-refresh-btn{align-items:center;background:#fff;background:var(--clsd-card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--clsd-card-border,#e2e8f0);border-radius:8px;color:var(--clsd-text-muted);cursor:pointer;display:flex;height:38px;justify-content:center;transition:border-color .15s,color .15s,transform .2s;width:38px}.pgd-st-refresh-btn:hover{border-color:var(--clsd-icon-color);color:var(--clsd-icon-color);transform:rotate(30deg)}.pgd-st-refresh-btn .material-symbols-rounded{font-size:1.1rem}@keyframes pgd-st-spin{to{transform:rotate(1turn)}}.pgd-st-spin{animation:pgd-st-spin .8s linear infinite;display:inline-block}.pgd-st-loading{align-items:center;color:var(--clsd-text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:.75rem;justify-content:center;padding:4rem 1rem}.pgd-st-loading .material-symbols-rounded{color:var(--clsd-icon-color);font-size:2.5rem}.pgd-st-error{align-items:center;background:#ef444414;border:1.5px solid #ef444440;border-radius:10px;color:#b91c1c;display:flex;font-size:.9rem;gap:.6rem;margin-bottom:1rem;padding:1rem 1.25rem}.pgd-st-error .material-symbols-rounded{flex-shrink:0;font-size:1.2rem}.pgd-st-empty{align-items:center;color:var(--clsd-text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:.6rem;justify-content:center;padding:4rem 1rem;text-align:center}.pgd-st-empty .material-symbols-rounded{font-size:2.5rem;opacity:.4}.pgd-st-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pgd-st-card{background:#fff;background:var(--clsd-card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--clsd-card-border,#e5e7eb);border-radius:16px;box-shadow:0 1px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.1rem;position:relative;transition:all .18s}.pgd-st-card:hover{border-color:#6366f1;box-shadow:0 6px 18px #6366f11f;transform:translateY(-2px)}.pgd-st-new-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:0 14px 0 10px;box-shadow:0 2px 6px #10b98159;color:#fff;display:inline-flex;font-size:.65rem;font-weight:800;gap:.2rem;letter-spacing:.5px;padding:3px 9px;position:absolute;right:-1px;text-transform:uppercase;top:-1px;z-index:1}.pgd-st-new-badge .material-symbols-rounded{font-size:.9rem}.pgd-st-card-top{align-items:center;display:flex;gap:.75rem}.pgd-st-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:800;height:44px;justify-content:center;position:relative;width:44px}.pgd-st-avatar--sm{font-size:.78rem;height:34px;width:34px}.pgd-st-gender-icon{align-items:center;background:#fff;background:var(--clsd-card-bg,#fff);border-radius:50%;bottom:-3px;display:flex;font-size:.8rem!important;height:16px;justify-content:center;line-height:1;position:absolute;right:-3px;width:16px}.pgd-st-card-info{flex:1 1;min-width:0}.pgd-st-card-name{color:var(--clsd-text-primary);font-size:.92rem;font-weight:800;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgd-st-card-id{color:#9ca3af;font-family:monospace;font-size:.65rem;margin-top:.06rem}.pgd-st-status-pill{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:800;gap:.25rem;letter-spacing:.4px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.pgd-st-status-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.pgd-st-contact-row{display:flex;flex-wrap:wrap;gap:.5rem}.pgd-st-contact-item{align-items:center;color:#6b7280;display:inline-flex;font-size:.75rem;gap:.25rem}.pgd-st-contact-item .material-symbols-rounded{color:#9ca3af;font-size:.9rem}.pgd-st-prog-block{background:linear-gradient(135deg,#6366f10f,#8b5cf608);border:1px solid #6366f126;border-radius:10px;display:flex;flex-direction:column;gap:.4rem;padding:.65rem .85rem}.pgd-st-prog-header{align-items:center;display:flex;gap:.35rem}.pgd-st-prog-header .material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:.95rem}.pgd-st-prog-name{color:#4338ca;flex:1 1;font-size:.85rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgd-st-prog-stats{align-items:center;color:#6b7280;display:flex;font-size:.73rem;font-weight:600;justify-content:space-between}.pgd-st-prog-pct{color:#4338ca;font-weight:900}.pgd-st-progress-track{background:#6366f11a;border-radius:6px;height:6px;overflow:hidden;width:100%}.pgd-st-progress-bar{border-radius:6px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.pgd-st-progress-wrap{display:flex;flex-direction:column;gap:.3rem}.pgd-st-progress-header{align-items:center;color:var(--clsd-text-muted);display:flex;font-size:.75rem;justify-content:space-between}.pgd-st-card-meta{border-top:1px solid #e2e8f0;border-top:1px solid var(--clsd-card-border,#e2e8f0);display:flex;flex-direction:column;gap:.4rem;padding-top:.6rem}.pgd-st-meta-row{display:flex;flex-wrap:wrap;gap:.5rem}.pgd-st-meta-item{align-items:center;color:var(--clsd-text-muted);display:flex;font-size:.78rem;gap:.3rem}.pgd-st-meta-item .material-symbols-rounded{color:var(--clsd-icon-color);font-size:.9rem}.pgd-st-table-wrap{border:1.5px solid #e2e8f0;border:1.5px solid var(--clsd-card-border,#e2e8f0);border-radius:12px;overflow-x:auto}.pgd-st-table{border-collapse:collapse;font-size:.88rem;width:100%}.pgd-st-table thead tr{background:#6366f10d;border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--clsd-card-border,#e2e8f0)}.pgd-st-table th{color:var(--clsd-text-muted);font-size:.78rem;font-weight:600;letter-spacing:.04em;padding:.7rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.pgd-st-tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--clsd-card-border,#e2e8f0);transition:background .15s}.pgd-st-tr:last-child{border-bottom:none}.pgd-st-tr:hover{background:#6366f108}.pgd-st-td{color:var(--clsd-text-primary);padding:.75rem 1rem;vertical-align:middle}.pgd-st-td--rank{font-weight:600;text-align:center;width:3rem}.pgd-st-td--muted,.pgd-st-td--rank{color:var(--clsd-text-muted)}.pgd-st-td--num{font-weight:600;text-align:center}.pgd-st-td--progress{min-width:130px}.pgd-st-tbl-student{align-items:center;display:flex;gap:.6rem}.pgd-st-tbl-name{color:var(--clsd-text-primary);font-size:.9rem;font-weight:600}.pgd-st-tbl-email{color:var(--clsd-text-muted);font-size:.75rem}.pgd-st-tbl-progress{align-items:center;display:flex;gap:.5rem}.pgd-st-tbl-pct{font-weight:600;min-width:2.5rem;white-space:nowrap}.pgd-st-table-footer,.pgd-st-tbl-pct{color:var(--clsd-text-muted);font-size:.78rem;text-align:right}.pgd-st-table-footer{background:#6366f105;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;border-top:1px solid var(--clsd-card-border,#e2e8f0);padding:.6rem 1rem}[data-theme=dark] .pgd-st-chip--total{background:#8b5cf626;border-color:#8b5cf64d;color:#c4b5fd}[data-theme=dark] .pgd-st-chip--active{background:#10b9811f;border-color:#10b9814d;color:#6ee7b7}[data-theme=dark] .pgd-st-chip--waiting{background:#f59e0b1f;border-color:#f59e0b4d;color:#fcd34d}[data-theme=dark] .pgd-st-chip--promoted{background:#3b82f61f;border-color:#3b82f64d;color:#93c5fd}[data-theme=dark] .pgd-st-search{background:#ffffff0d;border-color:#ffffff1f;color:#fff}[data-theme=dark] .pgd-st-search:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}[data-theme=dark] .pgd-st-search::placeholder{color:#6b7280}[data-theme=dark] .pgd-st-view-toggle{background:#ffffff0d;border-color:#ffffff1f}[data-theme=dark] .pgd-st-view-btn{color:#9ca3af}[data-theme=dark] .pgd-st-view-btn:hover{background:#a78bfa1f;color:#c4b5fd}[data-theme=dark] .pgd-st-view-btn.active{background:#7c3aed;color:#fff}[data-theme=dark] .pgd-st-refresh-btn{background:#ffffff0d;border-color:#ffffff1f;color:#9ca3af}[data-theme=dark] .pgd-st-refresh-btn:hover{border-color:#a78bfa;color:#a78bfa}[data-theme=dark] .pgd-st-card{background:#1e1e1ef2;border-color:#ffffff1a}[data-theme=dark] .pgd-st-card:hover{border-color:#7c3aed;box-shadow:0 8px 24px #00000080}[data-theme=dark] .pgd-st-card-name{color:#f1f5f9}[data-theme=dark] .pgd-st-card-id{color:#6b7280}[data-theme=dark] .pgd-st-gender-icon{background:#1e1e1ef2}[data-theme=dark] .pgd-st-contact-item{color:#9ca3af}[data-theme=dark] .pgd-st-contact-item .material-symbols-rounded{color:#6b7280}[data-theme=dark] .pgd-st-prog-block{background:linear-gradient(135deg,#6366f114,#8b5cf60a);border-color:#6366f133}[data-theme=dark] .pgd-st-prog-name{color:#a78bfa}[data-theme=dark] .pgd-st-prog-stats{color:#9ca3af}[data-theme=dark] .pgd-st-prog-pct{color:#c4b5fd}[data-theme=dark] .pgd-st-card-meta{border-top-color:#ffffff14}[data-theme=dark] .pgd-st-meta-item{color:#9ca3af}[data-theme=dark] .pgd-st-progress-track{background:#a78bfa1a}[data-theme=dark] .pgd-st-error{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .pgd-st-table-wrap{border-color:#ffffff1a}[data-theme=dark] .pgd-st-table thead tr{background:#8b5cf612;border-bottom-color:#ffffff1a}[data-theme=dark] .pgd-st-table th{color:#9ca3af}[data-theme=dark] .pgd-st-tr{border-bottom-color:#ffffff12}[data-theme=dark] .pgd-st-tr:hover{background:#8b5cf60d}[data-theme=dark] .pgd-st-td{color:#f1f5f9}[data-theme=dark] .pgd-st-td--muted{color:#9ca3af}[data-theme=dark] .pgd-st-tbl-name{color:#f1f5f9}[data-theme=dark] .pgd-st-tbl-email,[data-theme=dark] .pgd-st-tbl-pct{color:#9ca3af}[data-theme=dark] .pgd-st-table-footer{background:#8b5cf60a;border-top-color:#ffffff14;color:#9ca3af}[data-theme=dark] .pgd-st-empty,[data-theme=dark] .pgd-st-loading,[data-theme=dark] .pgd-st-progress-header{color:#9ca3af}.pgd-curr-container{display:flex;flex-direction:column;gap:16px}.pgd-curr-toolbar{align-items:center;background:#fff;background:var(--clsd-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border,#e2e8f0);border-radius:12px;box-shadow:0 1px 4px #0000000a;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.pgd-curr-summary{align-items:center;color:#1e293b;color:var(--clsd-text-primary,#1e293b);display:flex;font-size:14px;font-weight:600;gap:6px}.pgd-curr-summary .material-symbols-rounded{color:#6366f1;font-size:18px}.pgd-curr-toolbar-actions{align-items:center;display:flex;gap:8px}.pgd-curr-refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .15s;width:34px}.pgd-curr-refresh-btn:hover{background:#f1f5f9}.pgd-curr-ai-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s}.pgd-curr-ai-btn:hover{box-shadow:0 4px 14px #6366f159;transform:translateY(-1px)}.pgd-curr-ai-btn .material-symbols-rounded{font-size:16px}.pgd-curr-delete-all-btn{align-items:center;background:#fff1f2;border:1.5px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .15s}.pgd-curr-delete-all-btn:hover{background:#fee2e2;border-color:#dc2626;box-shadow:0 3px 10px #dc26262e;transform:translateY(-1px)}.pgd-curr-delete-all-btn .material-symbols-rounded{font-size:17px}.pgd-curr-empty{align-items:center;color:#64748b;color:var(--clsd-text-muted,#64748b);display:flex;flex-direction:column;font-size:14px;gap:12px;padding:48px 24px;text-align:center}.pgd-curr-empty .material-symbols-rounded{color:#cbd5e1;font-size:48px}.pgd-curr-ai-btn--center{margin-top:4px}.pgd-curr-list{display:flex;flex-direction:column;gap:10px}.pgd-curr-card{align-items:flex-start;background:#fff;background:var(--clsd-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border,#e2e8f0);border-radius:12px;box-shadow:0 1px 4px #0000000a;display:flex;gap:0;overflow:hidden;transition:box-shadow .15s}.pgd-curr-card:hover{box-shadow:0 4px 12px #00000014}.pgd-curr-card-left{align-items:center;align-self:stretch;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;flex-shrink:0;justify-content:center;width:52px}.pgd-curr-number{color:#6366f1;font-size:18px;font-weight:700}.pgd-curr-card-body{flex:1 1;min-width:0;padding:14px 16px}.pgd-curr-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.pgd-curr-chapter-name{color:#1e293b;color:var(--clsd-text-primary,#1e293b);flex:1 1;font-size:14px;font-weight:600;min-width:0}.pgd-curr-badges{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px}.pgd-curr-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:3px;padding:3px 8px}.pgd-curr-badge .material-symbols-rounded{font-size:12px}.pgd-curr-badge.optional-badge{background:#fef3c7;color:#d97706}.pgd-curr-badge.duration-badge{background:#ede9fe;color:#6d28d9}.pgd-curr-badge.status-badge.active{background:#dcfce7;color:#16a34a}.pgd-curr-badge.status-badge.inactive{background:#fee2e2;color:#dc2626}.pgd-curr-description{color:#475569;color:var(--clsd-text-secondary,#475569);font-size:13px;line-height:1.5;margin:0 0 6px}.pgd-curr-objectives{align-items:flex-start;background:#f8fafc;border-radius:6px;color:#64748b;color:var(--clsd-text-muted,#64748b);display:flex;font-size:12px;gap:6px;margin-top:4px;padding:6px 10px}.pgd-curr-objectives .material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:14px;margin-top:1px}.pgd-curr-card-actions{display:flex;flex-shrink:0;padding:10px 10px 10px 0}.pgd-curr-delete-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:30px;justify-content:center;opacity:.5;transition:all .15s;width:30px}.pgd-curr-card:hover .pgd-curr-delete-btn{opacity:1}.pgd-curr-delete-btn:hover{background:#fee2e2}.pgd-curr-delete-btn .material-symbols-rounded{font-size:18px}.pgd-curr-card.optional .pgd-curr-card-left{background:linear-gradient(135deg,#fef3c7,#fde68a)}.pgd-curr-card.optional .pgd-curr-number{color:#d97706}.pgd-curr-section{display:flex;flex-direction:column;gap:0}.pgd-curr-parent-card{background:#fafaff;border-left:3px solid #6366f1}.pgd-curr-parent-card .pgd-curr-card-left{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.pgd-curr-parent-card .pgd-curr-number{color:#4f46e5}.pgd-curr-children-count{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;margin-top:4px;width:18px}.pgd-curr-badge.section-badge{align-items:center;background:#ede9fe;color:#4f46e5;display:inline-flex;gap:3px}.pgd-curr-badge.section-badge .material-symbols-rounded{font-size:11px}.pgd-curr-children{display:flex;flex-direction:column;gap:4px;padding:4px 0 4px 36px;position:relative}.pgd-curr-children:before{background:linear-gradient(180deg,#c7d2fe,#0000);border-radius:1px;bottom:0;content:"";left:18px;position:absolute;top:0;width:2px}.pgd-curr-child-card{background:#f8faff;border-left:2px solid #c7d2fe;box-shadow:none}.pgd-curr-child-card:hover{box-shadow:0 2px 8px #6366f11a}.pgd-curr-child-number{background:#ede9fe!important;color:#4f46e5!important;font-size:11px!important;height:22px!important;width:22px!important}.pgd-curr-add-child-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;height:30px;justify-content:center;opacity:0;transition:background .15s;width:30px}.pgd-curr-card:hover .pgd-curr-add-child-btn{opacity:1}.pgd-curr-add-child-btn:hover{background:#ede9fe}.pgd-curr-add-child-btn .material-symbols-rounded{font-size:16px}.pgd-curr-summary-sub{color:#94a3b8;font-size:11px;margin-left:2px}.pgd-cf-hint{color:#94a3b8;display:block;font-size:11px;margin-top:4px}.pgd-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.pgd-ai-modal{background:#fff;border-radius:16px;box-shadow:0 24px 64px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.pgd-ai-modal-header{align-items:center;background:linear-gradient(135deg,#ede9fe,#f8fafc);border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px}.pgd-ai-modal-title{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:700;gap:8px}.pgd-ai-modal-title .material-symbols-rounded{color:#6366f1;font-size:20px}.pgd-ai-modal-close{align-items:center;background:#0000000f;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s;width:32px}.pgd-ai-modal-close:hover{background:#0000001f}.pgd-ai-modal-body{flex:1 1;overflow-y:auto;padding:20px}.pgd-ai-modal-desc{color:#475569;font-size:13px;line-height:1.6;margin:0 0 16px}.pgd-ai-file-drop{background:#fafafe;border:2px dashed #c7d2fe;border-radius:12px;cursor:pointer;margin-bottom:16px;padding:28px 20px;text-align:center;transition:all .15s}.pgd-ai-file-drop:hover{background:#ede9fe22;border-color:#6366f1}.pgd-ai-file-icon{color:#a5b4fc;display:block;font-size:36px;margin-bottom:8px}.pgd-ai-file-selected{align-items:center;display:flex;flex-direction:column;gap:4px}.pgd-ai-file-name{color:#4338ca;font-size:14px;font-weight:600}.pgd-ai-file-size{color:#64748b;font-size:12px}.pgd-ai-file-prompt{display:flex;flex-direction:column;gap:4px}.pgd-ai-file-prompt span:first-child{color:#475569;font-size:14px;font-weight:500}.pgd-ai-file-types{color:#94a3b8;font-size:12px}.pgd-ai-error{align-items:center;background:#fee2e2;border-radius:8px;color:#dc2626;display:flex;font-size:13px;gap:6px;margin-bottom:12px;padding:10px 14px}.pgd-ai-error .material-symbols-rounded{font-size:16px}.pgd-ai-confidence-bar{align-items:center;background:#ede9fe;border-radius:8px;color:#4338ca;display:flex;font-size:13px;gap:8px;margin-bottom:10px;padding:10px 14px}.pgd-ai-confidence-bar .material-symbols-rounded{font-size:16px}.pgd-ai-total-dur{color:#6d28d9;font-size:12px;font-weight:500;margin-left:auto}.pgd-ai-notes{align-items:flex-start;background:#fefce8;border-radius:8px;color:#a16207;display:flex;font-size:12px;gap:6px;line-height:1.5;margin-bottom:12px;padding:8px 12px}.pgd-ai-notes .material-symbols-rounded{flex-shrink:0;font-size:14px;margin-top:1px}.pgd-ai-preview-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pgd-ai-preview-chapter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:12px 14px}.pgd-ai-prev-num{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;margin-top:1px;width:28px}.pgd-ai-prev-body{flex:1 1;min-width:0}.pgd-ai-prev-name{align-items:center;color:#1e293b;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:6px;margin-bottom:4px}.pgd-ai-prev-desc{color:#475569;font-size:12px;line-height:1.5;margin:0 0 4px}.pgd-ai-prev-obj{align-items:flex-start;color:#64748b;display:flex;font-size:11px;gap:4px}.pgd-ai-prev-obj .material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:13px}.pgd-ai-preview-section{display:flex;flex-direction:column;gap:0}.pgd-ai-prev-parent{background:#fafaff;border-left:3px solid #6366f1}.pgd-ai-prev-parent .pgd-ai-prev-num{background:linear-gradient(135deg,#4f46e5,#3730a3)}.pgd-ai-prev-children{display:flex;flex-direction:column;gap:4px;padding:4px 0 4px 30px;position:relative}.pgd-ai-prev-children:before{background:linear-gradient(180deg,#c7d2fe,#0000);bottom:0;content:"";left:14px;position:absolute;top:0;width:2px}.pgd-ai-prev-child{background:#f8faff;border-left:2px solid #c7d2fe;padding:8px 12px}.pgd-ai-prev-child-num{background:#ede9fe!important;color:#4f46e5!important;font-size:10px!important;height:22px!important;width:22px!important}.pgd-ai-loading-body{align-items:center;color:#475569;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:48px 24px;text-align:center}.pgd-ai-loading-spinner{animation:pgd-spin 1s linear infinite;color:#6366f1;font-size:40px}.pgd-ai-loading-sub{color:#94a3b8;font-size:12px}.pgd-ai-modal-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;margin-top:4px;padding-top:16px}.pgd-ai-btn-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;padding:9px 18px;transition:all .15s}.pgd-ai-btn-secondary:hover{background:#f8fafc}.pgd-ai-btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:9px 20px;transition:all .15s}.pgd-ai-btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #6366f159;transform:translateY(-1px)}.pgd-ai-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.pgd-ai-btn-primary .material-symbols-rounded{font-size:15px}[data-theme=dark] .pgd-curr-toolbar{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .pgd-curr-card{background:#1a1a1af2;border-color:#ffffff14}[data-theme=dark] .pgd-curr-card-left{background:linear-gradient(135deg,#6366f133,#6366f11f)}[data-theme=dark] .pgd-curr-objectives{background:#ffffff0a}[data-theme=dark] .pgd-curr-refresh-btn{background:#ffffff0f;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .pgd-curr-refresh-btn:hover{background:#ffffff1a}[data-theme=dark] .pgd-ai-modal{background:#1a1a1a;border:1px solid #ffffff1a}[data-theme=dark] .pgd-ai-modal-header{background:linear-gradient(135deg,#6366f126,#1a1a1af2);border-color:#ffffff1a}[data-theme=dark] .pgd-ai-modal-title{color:#fff}[data-theme=dark] .pgd-ai-modal-desc{color:#9ca3af}[data-theme=dark] .pgd-ai-file-drop{background:#ffffff08;border-color:#6366f14d}[data-theme=dark] .pgd-ai-preview-chapter{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .pgd-ai-prev-name{color:#f1f5f9}[data-theme=dark] .pgd-ai-prev-desc{color:#9ca3af}[data-theme=dark] .pgd-ai-prev-obj{color:#6b7280}[data-theme=dark] .pgd-ai-loading-body{color:#9ca3af}[data-theme=dark] .pgd-ai-modal-footer{border-top-color:#ffffff14}[data-theme=dark] .pgd-ai-btn-secondary{background:#ffffff0f;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .pgd-ai-btn-secondary:hover{background:#ffffff1a}[data-theme=dark] .pgd-curr-empty{color:#6b7280}[data-theme=dark] .pgd-curr-summary{color:#f1f5f9}[data-theme=dark] .pgd-curr-parent-card{background:#6366f10f;border-left-color:#818cf8}[data-theme=dark] .pgd-curr-parent-card .pgd-curr-card-left{background:linear-gradient(135deg,#6366f14d,#6366f12e)}[data-theme=dark] .pgd-curr-parent-card .pgd-curr-number{color:#a5b4fc}[data-theme=dark] .pgd-curr-child-card{background:#6366f108;border-left-color:#6366f140}[data-theme=dark] .pgd-curr-children:before{background:linear-gradient(180deg,#6366f14d,#0000)}[data-theme=dark] .pgd-curr-child-number{background:#6366f133!important;color:#a5b4fc!important}[data-theme=dark] .pgd-cf-hint,[data-theme=dark] .pgd-curr-summary-sub{color:#6b7280}.pgd-curr-add-btn{align-items:center;background:#fff;border:1.5px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:7px 14px;transition:all .15s}.pgd-curr-add-btn:hover{background:#ede9fe}.pgd-curr-add-btn .material-symbols-rounded{font-size:16px}.pgd-curr-edit-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6366f1;cursor:pointer;display:flex;height:30px;justify-content:center;margin-bottom:4px;opacity:0;transition:all .15s;width:30px}.pgd-curr-card:hover .pgd-curr-edit-btn{opacity:1}.pgd-curr-edit-btn:hover{background:#ede9fe}.pgd-curr-edit-btn .material-symbols-rounded{font-size:16px}.pgd-curr-card-actions{align-items:center;flex-direction:column;gap:2px}.pgd-chapter-modal{background:#fff;border-radius:16px;box-shadow:0 24px 64px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.pgd-chapter-form-body{flex:1 1;overflow-y:auto;padding:20px}.pgd-chapter-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.pgd-cf-field{display:flex;flex-direction:column;gap:6px}.pgd-cf-full{grid-column:1/-1}.pgd-cf-label{color:#475569;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.pgd-cf-required{color:#ef4444}.pgd-cf-input,.pgd-cf-select,.pgd-cf-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.pgd-cf-input:focus,.pgd-cf-select:focus,.pgd-cf-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.pgd-cf-textarea{min-height:72px;resize:vertical}.pgd-cf-duration-row{display:flex;gap:8px}.pgd-cf-duration-input{flex:1 1}.pgd-cf-unit-select{flex:0 0 100px}.pgd-cf-toggle-row{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.pgd-cf-toggle-track{background:#e2e8f0;border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:background .2s;width:36px}.pgd-cf-toggle-track.on{background:#6366f1}.pgd-cf-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;height:16px;left:2px;position:absolute;top:2px;transition:transform .2s;width:16px}.pgd-cf-toggle-track.on .pgd-cf-toggle-thumb{transform:translateX(16px)}.pgd-cf-toggle-label{color:#1e293b;font-size:13px;font-weight:600}.pgd-cf-toggle-hint{color:#94a3b8;font-size:12px;margin-left:2px}.pgd-chapter-modal-footer{align-items:center;background:#fafafe;border-top:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}[data-theme=dark] .pgd-curr-add-btn{background:#0000;border-color:#6366f1;color:#a5b4fc}[data-theme=dark] .pgd-curr-add-btn:hover{background:#6366f11a}[data-theme=dark] .pgd-curr-edit-btn:hover{background:#6366f126}[data-theme=dark] .pgd-chapter-modal{background:#1a1a1a;border:1px solid #ffffff1a}[data-theme=dark] .pgd-cf-input,[data-theme=dark] .pgd-cf-select,[data-theme=dark] .pgd-cf-textarea{background:#ffffff0d;border-color:#ffffff1f;color:#f1f5f9}[data-theme=dark] .pgd-cf-input:focus,[data-theme=dark] .pgd-cf-select:focus,[data-theme=dark] .pgd-cf-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}[data-theme=dark] .pgd-cf-input::placeholder,[data-theme=dark] .pgd-cf-textarea::placeholder{color:#4b5563}[data-theme=dark] .pgd-cf-label{color:#9ca3af}[data-theme=dark] .pgd-cf-toggle-label{color:#f1f5f9}[data-theme=dark] .pgd-cf-toggle-hint{color:#4b5563}[data-theme=dark] .pgd-chapter-modal-footer{background:#ffffff05;border-top-color:#ffffff14}[data-theme=dark] .pgd-curr-delete-all-btn{background:#dc262614;border-color:#dc26264d;color:#f87171}[data-theme=dark] .pgd-curr-delete-all-btn:hover{background:#dc262626;border-color:#f87171}.pgd-res-panel{background:#f8fafc;background:var(--hover-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:0 0 10px 10px;border-top:none;margin-bottom:4px;padding:.6rem .75rem .75rem}.pgd-res-panel--child{border-radius:0 0 8px 8px;margin-left:2.5rem}.pgd-res-panel-header{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.72rem;font-weight:700;gap:.4rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.pgd-res-panel-header .material-symbols-rounded{color:#6366f1;font-size:14px}.pgd-res-add-btn{align-items:center;background:#ede9fe;border:1px solid #c4b5fd;border-radius:6px;color:#5b21b6;cursor:pointer;display:inline-flex;font-size:.68rem;font-weight:700;gap:2px;margin-left:auto;padding:2px 8px;transition:background .15s}.pgd-res-add-btn .material-symbols-rounded{font-size:13px}.pgd-res-add-btn:hover{background:#ddd6fe}.pgd-res-empty,.pgd-res-loading{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:.78rem;gap:.4rem;padding:.3rem 0}.pgd-res-error{color:#ef4444;font-size:.78rem;padding:.3rem 0}.pgd-res-row{align-items:center;border-radius:6px;display:flex;gap:.5rem;padding:.4rem .3rem;transition:background .1s}.pgd-res-row:hover{background:#6366f10d}.pgd-res-row.deprecated{opacity:.5}.pgd-res-type-icon{color:#6366f1;flex-shrink:0;font-size:16px}.pgd-res-row-info{flex:1 1;min-width:0}.pgd-res-row-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:.8rem;font-weight:600}.pgd-res-row-title,.pgd-res-row-url{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgd-res-row-url{color:#6366f1;font-size:.7rem;text-decoration:none}.pgd-res-row-url:hover{text-decoration:underline}.pgd-res-row-meta{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:block;font-size:.7rem}.pgd-res-deprecated-badge{background:#fee2e2;border-radius:4px;color:#991b1b;display:inline-block;font-size:.62rem;font-weight:700;margin-top:2px;padding:1px 6px}.pgd-res-row-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.pgd-res-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:26px;justify-content:center;text-decoration:none;transition:background .12s,color .12s;width:26px}.pgd-res-action-btn .material-symbols-rounded{font-size:15px}.pgd-res-action-btn:hover{background:#ede9fe;color:#5b21b6}.pgd-res-delete-btn:hover{background:#fee2e2;color:#dc2626}.pgd-curr-res-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:7px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:700;gap:3px;height:28px;padding:0 8px;position:relative;transition:background .15s,color .15s,border-color .15s}.pgd-curr-res-btn .material-symbols-rounded{font-size:14px}.pgd-curr-res-btn.active,.pgd-curr-res-btn:hover{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}.pgd-curr-res-count{align-items:center;background:#6366f1;border-radius:8px;color:#fff;display:inline-flex;font-size:.6rem;font-weight:800;height:16px;justify-content:center;min-width:16px;padding:0 4px}.pgd-res-form{background:#fff;background:var(--card-bg,#fff);border:1px dashed #c4b5fd;border:1px dashed var(--border-color,#c4b5fd);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.65rem}.pgd-res-form-type-row{display:flex;gap:.4rem}.pgd-res-type-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;padding:4px 10px;transition:all .15s}.pgd-res-type-tab .material-symbols-rounded{font-size:13px}.pgd-res-type-tab.active{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}.pgd-res-form-input{background:#f8fafc;background:var(--hover-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:7px;color:#0f172a;color:var(--text-primary,#0f172a);font-size:.8rem;height:32px;outline:none;padding:0 10px}.pgd-res-form-input:focus{background:#fff;background:var(--card-bg,#fff);border-color:#6366f1}.pgd-res-file-row{align-items:center;display:flex}.pgd-res-file-pick-btn{align-items:center;background:#f8fafc;background:var(--hover-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:7px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-size:.78rem;gap:5px;height:32px;max-width:100%;overflow:hidden;padding:0 12px;text-overflow:ellipsis;transition:all .15s;white-space:nowrap}.pgd-res-file-pick-btn .material-symbols-rounded{flex-shrink:0;font-size:14px}.pgd-res-file-pick-btn:hover{border-color:#6366f1;color:#6366f1}.pgd-res-form-error{color:#ef4444;font-size:.75rem}.pgd-res-form-actions{display:flex;gap:.4rem;justify-content:flex-end}.pgd-res-cancel-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.75rem;font-weight:600;height:28px;padding:0 12px}.pgd-res-cancel-btn:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9)}.pgd-res-save-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:700;height:28px;padding:0 14px;transition:background .15s}.pgd-res-save-btn:hover:not(:disabled){background:#4f46e5}.pgd-res-save-btn:disabled{cursor:not-allowed;opacity:.55}[data-theme=dark] .pgd-res-panel{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .pgd-res-row-title{color:#e2e8f0;color:var(--text-primary,#e2e8f0)}[data-theme=dark] .pgd-res-form{background:#ffffff0a;border-color:#6366f166}[data-theme=dark] .pgd-res-form-input{background:#ffffff0f;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .pgd-res-form-input:focus{background:#ffffff14;border-color:#818cf8}[data-theme=dark] .pgd-res-file-pick-btn{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .pgd-curr-res-btn{border-color:#ffffff1a}[data-theme=dark] .pgd-curr-res-btn.active,[data-theme=dark] .pgd-curr-res-btn:hover{background:#6366f133;border-color:#6366f180;color:#a5b4fc}[data-theme=dark] .pgd-res-add-btn{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}[data-theme=dark] .pgd-res-action-btn:hover{background:#6366f133;color:#a5b4fc}[data-theme=dark] .pgd-res-type-tab.active{background:#6366f133;border-color:#6366f166;color:#a5b4fc}.pgd-materials-container{padding:0}.pgd-materials-toolbar{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem .75rem}.pgd-materials-summary{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.85rem;font-weight:600;gap:.4rem}.pgd-materials-summary .material-symbols-rounded{color:#6366f1;font-size:18px}.pgd-materials-toolbar-actions{display:flex;gap:.5rem}.pgd-materials-form{background:#f8fafc;background:var(--hover-bg,#f8fafc);border:1px dashed #c4b5fd;border-radius:10px;display:flex;flex-direction:column;gap:.6rem;margin:1rem 1.25rem;padding:1rem}.pgd-materials-file-row{display:flex}.pgd-materials-file-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-size:.82rem;gap:6px;height:36px;max-width:100%;overflow:hidden;padding:0 14px;text-overflow:ellipsis;transition:all .15s;white-space:nowrap}.pgd-materials-file-btn:hover{border-color:#6366f1;color:#6366f1}.pgd-materials-file-btn .material-symbols-rounded{flex-shrink:0;font-size:15px}.pgd-materials-form-error{color:#ef4444;font-size:.75rem}.pgd-materials-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.pgd-curr-cancel-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:7px;color:#64748b;color:var(--text-secondary,#64748b);font-weight:600;padding:0 14px}.pgd-curr-cancel-btn,.pgd-curr-save-btn{cursor:pointer;font-size:.78rem;height:32px}.pgd-curr-save-btn{background:#6366f1;border:none;border-radius:7px;color:#fff;font-weight:700;padding:0 16px}.pgd-curr-save-btn:hover:not(:disabled){background:#4f46e5}.pgd-curr-save-btn:disabled{cursor:not-allowed;opacity:.55}.pgd-materials-list{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem}.pgd-material-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:box-shadow .15s}.pgd-material-card:hover{box-shadow:0 2px 8px #6366f114}.pgd-material-card.deprecated{opacity:.5}.pgd-material-card-icon{align-items:center;background:#ede9fe;border-radius:9px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.pgd-material-card-icon .material-symbols-rounded{color:#6366f1;font-size:18px}.pgd-material-card-body{flex:1 1;min-width:0}.pgd-material-card-title{color:#0f172a;color:var(--text-primary,#0f172a);display:block;font-size:.85rem;font-weight:600}.pgd-material-card-url{color:#6366f1;display:block;font-size:.75rem;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.pgd-material-card-url:hover{text-decoration:underline}.pgd-material-card-meta{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:block;font-size:.72rem}.pgd-kit-toggle-row{align-items:center;display:flex;gap:1rem}.pgd-kit-radio{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.375rem}.pgd-kit-radio input[type=radio]{accent-color:#6366f1;cursor:pointer;height:15px;width:15px}.pgd-kit-radio input:disabled{cursor:not-allowed;opacity:.6}.pgd-kit-saving{animation:pgd-spin 1s linear infinite;color:#6366f1;font-size:1rem}@keyframes pgd-spin{to{transform:rotate(1turn)}}.pgd-kit-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.875rem;max-width:360px;min-width:220px;outline:none;padding:.4rem .75rem;transition:border-color .15s}.pgd-kit-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.pgd-kit-select:disabled{cursor:not-allowed;opacity:.6}.pgd-kit-items-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:.375rem;margin-top:.375rem;padding:.625rem}.pgd-kit-item-row{align-items:center;color:#334155;display:flex;font-size:.8125rem;gap:.5rem}.pgd-kit-item-row .material-symbols-rounded{color:#16a34a;font-size:.9rem}.pgd-kit-item-name{flex:1 1;font-weight:500}.pgd-kit-item-qty{color:#6366f1;font-size:.8125rem;font-weight:700}.pgd-material-card-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.apsp-backdrop{align-items:flex-end;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9200}@media (min-width:769px){.apsp-backdrop{align-items:center}}.apsp-sheet{animation:apspSlideUp .28s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--card-bg,#fff);border-radius:20px 20px 0 0;box-shadow:0 -8px 48px #00000038;display:flex;flex-direction:column;max-height:92vh;max-width:720px;overflow:hidden;width:100%;will-change:transform}@media (min-width:769px){.apsp-sheet{animation:apspFadeIn .22s ease;border-radius:16px;max-height:88vh}}@keyframes apspSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes apspFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.apsp-drag-handle{background:#d1d5db;background:var(--border-color,#d1d5db);border-radius:2px;flex-shrink:0;height:4px;margin:10px auto 0;width:36px}@media (min-width:769px){.apsp-drag-handle{display:none}}.apsp-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem .85rem}.apsp-header,.apsp-header-left{align-items:center;display:flex;gap:.75rem}.apsp-header-icon{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.apsp-header-icon .material-symbols-rounded{color:#6366f1;font-size:1.2rem}.apsp-header-left h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:700;margin:0 0 1px}.apsp-header-left p{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.78rem;margin:0}.apsp-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-shrink:0;padding:4px;transition:all .15s}.apsp-close-btn:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.apsp-error-banner{align-items:center;background:#fee2e2;border-radius:8px;color:#991b1b;display:flex;flex-shrink:0;font-size:.84rem;font-weight:500;gap:.5rem;margin:.5rem 1.25rem 0;padding:.6rem .85rem}[data-theme=dark] .apsp-error-banner{background:#ef444426;color:#f87171}.apsp-body{display:flex;flex:1 1;flex-direction:column;gap:.85rem;overflow-y:auto;padding:1rem 1.25rem}.apsp-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem}.apsp-filter-group{display:flex;flex-direction:column;gap:.3rem}.apsp-search-group{flex:1 1;min-width:160px}.apsp-filter-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.apsp-dept-btn,.apsp-filter-label{color:#6b7280;color:var(--text-secondary,#6b7280)}.apsp-dept-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;min-width:180px;padding:.5rem .75rem;transition:all .15s;white-space:nowrap}.apsp-dept-btn .material-symbols-rounded{font-size:1rem}.apsp-dept-btn.selected,.apsp-dept-btn:hover{background:#f5f3ff;border-color:#a5b4fc;color:#4f46e5}.apsp-dept-clear{align-items:center;border-radius:4px;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;margin-left:auto;padding:2px}.apsp-dept-clear:hover{background:#fee2e2;color:#dc2626}.apsp-dept-clear .material-symbols-rounded{font-size:.9rem}.apsp-search-bar{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;display:flex;gap:.4rem;padding:.5rem .75rem;transition:all .15s}.apsp-search-bar:focus-within{border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f114}.apsp-search-bar .material-symbols-rounded{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:1rem}.apsp-search-bar input{background:none;border:none;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:.87rem;min-width:0;outline:none}.apsp-search-btn{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.5rem .9rem;transition:all .15s;white-space:nowrap}.apsp-search-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px)}.apsp-search-btn:disabled{cursor:not-allowed;opacity:.5}.apsp-search-btn .material-symbols-rounded{font-size:1rem}.apsp-selected-bar{align-items:center;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.55rem .75rem}[data-theme=dark] .apsp-selected-bar{background:#6366f11a;border-color:#6366f14d}.apsp-selected-label{align-items:center;color:#4f46e5;display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;gap:.3rem;white-space:nowrap}.apsp-selected-label .material-symbols-rounded{color:#6366f1;font-size:.95rem}.apsp-chips{display:flex;flex:1 1;flex-wrap:wrap;gap:.35rem}.apsp-chip{background:#6366f1;border-radius:12px;color:#fff;font-size:.72rem;font-weight:500;gap:.25rem;padding:2px 6px 2px 8px}.apsp-chip,.apsp-chip button{align-items:center;display:flex}.apsp-chip button{background:none;border:none;color:#fffc;cursor:pointer;padding:0;transition:color .1s}.apsp-chip button:hover{color:#fff}.apsp-chip button .material-symbols-rounded{font-size:.85rem}.apsp-clear-all{background:none;border:none;color:#6366f1;cursor:pointer;flex-shrink:0;font-size:.75rem;padding:0;text-decoration:underline;white-space:nowrap}.apsp-subjects-area{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-height:200px}.apsp-subjects-header{align-items:center;display:flex;justify-content:space-between;padding:.1rem 0}.apsp-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.78rem;font-weight:500}.apsp-select-all{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.78rem;font-weight:600;padding:0;text-decoration:underline}.apsp-subjects-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width:520px){.apsp-subjects-grid{grid-template-columns:1fr}}.apsp-subject-card{align-items:flex-start;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;cursor:pointer;display:flex;gap:.6rem;padding:.65rem .75rem;transition:all .15s}.apsp-subject-card:hover{background:#fafafe;border-color:#a5b4fc;box-shadow:0 2px 8px #6366f114}.apsp-subject-card.selected{background:#f5f3ff;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}[data-theme=dark] .apsp-subject-card{background:#1f2937;background:var(--card-bg,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .apsp-subject-card:hover{background:#6366f10f}[data-theme=dark] .apsp-subject-card.selected{background:#6366f11f;border-color:#818cf8}.apsp-subject-check{flex-shrink:0}.apsp-subject-check .material-symbols-rounded{color:#d1d5db;color:var(--text-secondary,#d1d5db);font-size:1.2rem;transition:color .15s}.apsp-subject-card.selected .apsp-subject-check .material-symbols-rounded{color:#6366f1}.apsp-subject-info{flex:1 1;min-width:0}.apsp-subject-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.87rem;font-weight:600;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apsp-subject-id{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-family:monospace;font-size:.7rem;margin-bottom:.35rem}.apsp-subject-badges{display:flex;flex-wrap:wrap;gap:.25rem}.apsp-badge{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.65rem;font-weight:600;padding:1px 6px}.apsp-badge.category{background:#dbeafe;color:#1e40af}.apsp-badge.type{background:#dcfce7;color:#166534}.apsp-badge.credits{background:#fef9c3;color:#854d0e}[data-theme=dark] .apsp-badge.category{background:#3b82f626;color:#60a5fa}[data-theme=dark] .apsp-badge.type{background:#22c55e26;color:#4ade80}[data-theme=dark] .apsp-badge.credits{background:#eab30826;color:#facc15}.apsp-empty-state,.apsp-loading-state{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;flex-direction:column;font-size:.88rem;gap:.6rem;justify-content:center;padding:3rem 1rem;text-align:center}.apsp-empty-state .material-symbols-rounded,.apsp-loading-state .material-symbols-rounded{font-size:2.2rem;opacity:.45}.apsp-empty-state p{margin:0}.apsp-pagination{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.82rem;gap:.75rem;justify-content:center;padding:.5rem 0}.apsp-page-btn{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;display:flex;padding:3px 6px;transition:all .12s}.apsp-page-btn:hover:not(:disabled){background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-color:#a5b4fc}.apsp-page-btn:disabled{cursor:not-allowed;opacity:.4}.apsp-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;gap:.75rem;justify-content:space-between;padding:.85rem 1.25rem}.apsp-footer-info{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.82rem;font-weight:500}.apsp-footer-actions{align-items:center;display:flex;gap:.6rem}.apsp-btn-cancel{background:none;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.87rem;padding:.5rem 1rem;transition:all .15s}.apsp-btn-cancel:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.apsp-btn-save{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.87rem;font-weight:600;gap:.4rem;padding:.5rem 1.1rem;transition:all .15s}.apsp-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.apsp-btn-save:disabled{cursor:not-allowed;opacity:.55}.apsp-btn-save .material-symbols-rounded{font-size:1rem}.apsp-dept-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9300}.apsp-dept-panel{animation:apspFadeIn .18s ease;background:#fff;background:var(--card-bg,#fff);border-radius:14px;box-shadow:0 16px 48px #00000038;display:flex;flex-direction:column;max-height:72vh;overflow:hidden;width:min(94vw,420px)}[data-theme=dark] .apsp-dept-panel{background:#1f2937;background:var(--card-bg,#1f2937)}.apsp-dept-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:.9rem 1.1rem .7rem}.apsp-dept-header h3{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:.95rem;font-weight:700;gap:.45rem;margin:0}.apsp-dept-header h3 .material-symbols-rounded{color:#6366f1;font-size:1.05rem}.apsp-dept-search{align-items:center;background:#f9fafb;background:var(--input-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;flex-shrink:0;gap:.4rem;margin:.6rem 1rem;padding:.45rem .7rem}.apsp-dept-search .material-symbols-rounded{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:1rem}.apsp-dept-search input{background:none;border:none;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:.86rem;outline:none}.apsp-dept-list{flex:1 1;overflow-y:auto}.apsp-dept-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-color,#f3f4f6);cursor:pointer;display:flex;gap:.65rem;padding:.6rem 1rem;transition:background .12s}.apsp-dept-row:hover{background:#f5f3ff}.apsp-dept-row.active{background:#ede9fe}[data-theme=dark] .apsp-dept-row:hover{background:#6366f114}[data-theme=dark] .apsp-dept-row.active{background:#6366f126}[data-theme=dark] .apsp-dept-row{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}.apsp-dept-row .material-symbols-rounded{color:#9ca3af;color:var(--text-secondary,#9ca3af);flex-shrink:0;font-size:1.1rem}.apsp-dept-row.active .material-symbols-rounded{color:#6366f1}.apsp-dept-info{display:flex;flex-direction:column;gap:1px}.apsp-dept-label{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.88rem;font-weight:600}.apsp-dept-path{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.72rem}.apsp-body::-webkit-scrollbar,.apsp-dept-list::-webkit-scrollbar{width:5px}.apsp-body::-webkit-scrollbar-track,.apsp-dept-list::-webkit-scrollbar-track{background:#0000}.apsp-body::-webkit-scrollbar-thumb,.apsp-dept-list::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:3px}[data-theme=dark] .apsp-sheet{background:#1f2937;background:var(--card-bg,#1f2937)}[data-theme=dark] .apsp-header{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .apsp-footer{border-top-color:#374151;border-top-color:var(--border-color,#374151)}[data-theme=dark] .apsp-search-bar{background:#374151;background:var(--input-bg,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .apsp-dept-btn{background:#1f2937;background:var(--card-bg,#1f2937);border-color:#4b5563;border-color:var(--border-color,#4b5563);color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .apsp-dept-btn.selected{background:#6366f11a;color:#a5b4fc}[data-theme=dark] .apsp-search-bar input{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .apsp-dept-search{background:#374151;background:var(--input-bg,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .apsp-dept-search input{color:#f9fafb;color:var(--text-primary,#f9fafb)}@media (max-width:520px){.apsp-filters{flex-direction:column}.apsp-dept-btn{min-width:0;width:100%}.apsp-search-group{width:100%}.apsp-search-btn{justify-content:center;width:100%}.apsp-footer{align-items:stretch;flex-direction:column;gap:.5rem}.apsp-footer-actions{justify-content:flex-end}}.programs-page{background:#fff;background:var(--classs-page-bg,#fff);display:flex;flex-direction:column;height:100%;overflow:hidden}.programs-toolbar-wrapper{flex-shrink:0;padding:.5rem 1rem 0}.programs-table-container{display:flex;flex:1 1;flex-direction:column;gap:0;overflow:auto;padding:0 1rem 1rem}.classs-header-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cls-table-header-border,#e2e8f0);margin-bottom:.25rem;padding:.5rem 0}.filter-left{align-items:center;color:#1e293b;color:var(--cls-table-cell-text,#1e293b);display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.programs-icon{color:#6366f1;font-size:1rem}.cls-filter-badge{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:12px;color:#4338ca;display:inline-flex;font-size:.72rem;font-weight:600;padding:2px 8px}.programs-table th .th-label{color:#334155;color:var(--cls-table-header-text,#334155);font-size:.82rem;font-weight:600;text-transform:none}.th-content{gap:.3rem;-webkit-user-select:none;user-select:none}.sort-arrow{color:#9ca3af;font-size:.7rem}.sort-arrow.active{color:#6366f1}.pgm-name-cell{font-weight:500;gap:.5rem}.pgm-avatar-sm,.pgm-name-cell{align-items:center;display:flex}.pgm-avatar-sm{border-radius:50%;color:#fff;flex-shrink:0;font-size:.65rem;font-weight:700;height:26px;justify-content:center;width:26px}.pgm-course-cell{color:#1e293b;color:var(--cls-table-cell-text,#1e293b);font-size:.84rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgm-level-pill{align-items:center;border-radius:12px;display:inline-flex;font-size:.73rem;font-weight:600;padding:2px 9px;white-space:nowrap}.level-beginner{background:#dcfce7;color:#166534}.level-intermediate{background:#dbeafe;color:#1e40af}.level-advanced{background:#f3e8ff;color:#6b21a8}.level-default{background:#f3f4f6;color:#6b7280}.pgm-status-pill{align-items:center;border-radius:12px;display:inline-flex;font-size:.73rem;font-weight:600;padding:2px 9px;white-space:nowrap}.status-active{background:#dcfce7;color:#166534}.status-draft{background:#fef9c3;color:#854d0e}.status-archived{background:#f3f4f6;color:#4b5563}.status-inactive{background:#fee2e2;color:#991b1b}[data-theme=dark] .level-beginner{background:#22c55e26;color:#4ade80}[data-theme=dark] .level-intermediate{background:#3b82f626;color:#60a5fa}[data-theme=dark] .level-advanced{background:#a855f726;color:#c084fc}[data-theme=dark] .status-active{background:#22c55e26;color:#4ade80}[data-theme=dark] .status-draft{background:#eab30826;color:#facc15}[data-theme=dark] .status-archived{background:#6b728026;color:#9ca3af}[data-theme=dark] .status-inactive{background:#ef444426;color:#f87171}.pgm-featured-badge{align-items:center;background:linear-gradient(135deg,#fef9c3,#fef08a);border-radius:12px;color:#854d0e;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:2px 8px}.pgm-featured-badge .material-symbols-rounded{color:#f59e0b;font-size:.82rem}.pgm-avatar{background:#6366f1!important}.actions-wrapper{display:flex;justify-content:center}.actions-button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:1.1rem;padding:4px;transition:all .15s}.actions-button:hover{background:#e0f2fe;background:var(--cls-row-hover-bg,#e0f2fe);color:#6366f1}.action-menu-portal{background:#fff;background:var(--cls-table-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--cls-table-cell-border,#e2e8f0);border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:140px;overflow:hidden}.action-menu-item{align-items:center;background:none;border:none;color:#1e293b;color:var(--cls-table-cell-text,#1e293b);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem;transition:background .15s;white-space:nowrap;width:100%}.action-menu-item:hover{background:#e0f2fe;background:var(--cls-row-hover-bg,#e0f2fe)}.programs-empty-cell,.programs-loading-cell{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:.9rem;gap:.75rem;justify-content:center;padding:3rem;text-align:center}.programs-empty-cell .material-symbols-rounded,.programs-loading-cell .material-symbols-rounded{font-size:2.5rem;opacity:.4}.programs-pagination{color:#6b7280;font-size:.85rem;gap:1rem;justify-content:center;padding:.75rem}.page-btn,.programs-pagination{align-items:center;display:flex}.page-btn{background:none;border:1px solid #e2e8f0;border:1px solid var(--cls-table-cell-border,#e2e8f0);border-radius:6px;color:#374151;color:var(--cls-table-cell-text,#374151);cursor:pointer;padding:4px 8px;transition:all .15s}.page-btn:hover:not(:disabled){background:#e0f2fe;background:var(--cls-row-hover-bg,#e0f2fe)}.page-btn:disabled{cursor:not-allowed;opacity:.4}.error-banner,.success-banner{align-items:center;border-radius:8px;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin:.5rem 1rem;padding:.75rem 1rem}.error-banner{background:#fee2e2;color:#991b1b}.success-banner{background:#dcfce7;color:#166534}.row-highlight td{background:#e0f2fe!important;background:var(--cls-row-hover-bg,#e0f2fe)!important}.display-id-sticky{background:inherit;left:0}.actions-sticky,.display-id-sticky{position:-webkit-sticky;position:sticky;z-index:2}.actions-sticky{background:#fff;background:var(--cls-table-bg,#fff);right:0}.programs-page.card-view-mode .programs-table-container{overflow-y:auto}@media (max-width:768px){.programs-toolbar-wrapper{padding:.4rem .5rem 0}.programs-table-container{padding:0 .5rem .5rem}}.programs-table td.display-id-sticky,.programs-table th.display-id-sticky{left:0!important}.pgm-card-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 10px #6366f159;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:42px;justify-content:center;letter-spacing:.5px;width:42px}.pgm-card-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.pgm-card-title-row h3{margin:0}.pgm-featured-pill{align-items:center;background:linear-gradient(135deg,#fef9c3,#fde68a);border:1px solid #f59e0b4d;border-radius:10px;color:#92400e;display:inline-flex;flex-shrink:0;font-size:.66rem;font-weight:700;gap:.2rem;padding:2px 7px;white-space:nowrap}.pgm-featured-pill .material-symbols-rounded{color:#f59e0b;font-size:.75rem}.pgm-pill-row{align-items:center;display:flex!important;gap:.4rem;margin-bottom:.25rem;padding:0!important}.pgm-course-row{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--cls-table-cell-border,#e2e8f0);display:flex!important;gap:.4rem;margin-top:.25rem;padding-top:.5rem!important}.pgm-course-icon{color:#6366f1;flex-shrink:0;font-size:.95rem!important}.pgm-course-label{color:#475569;color:var(--cls-table-cell-text,#475569);font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .pgm-course-row{border-top-color:#ffffff14}[data-theme=dark] .pgm-featured-pill{background:#f59e0b26;border-color:#f59e0b33;color:#fcd34d}.programs-table .class-id-wrapper:before{display:none}.pgm-status-row{gap:.4rem!important;padding:0 0 .2rem!important}.pgm-showcase-toggle-btn{font-size:.78rem}.pgm-showcase-toggle-btn .material-symbols-rounded{font-size:.95rem}.classs-header-section{align-items:center;display:flex;justify-content:space-between}.pgm-showcase-toggle-btn{align-items:center;background:linear-gradient(135deg,#ede9fe,#f5f3ff);border:1.5px solid #6366f140;border-radius:20px;color:#4338ca;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:.35rem;padding:.35rem .85rem;transition:all .2s;white-space:nowrap}.pgm-showcase-toggle-btn.active,.pgm-showcase-toggle-btn:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;box-shadow:0 4px 12px #6366f14d;color:#fff;transform:translateY(-1px)}.pgm-fullscreen-mode{bottom:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9000!important}.sc-shell{background:#07070f;display:flex;flex:1 1;flex-direction:column;height:100%;isolation:isolate;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.sc-bg{inset:0;position:absolute;transition:background 1.6s ease;z-index:0}.sc-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.06'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.35}.sc-noise,.sc-wash{inset:0;pointer-events:none;position:absolute;z-index:0}.sc-wash{transition:background 1s}.sc-vignette{background:radial-gradient(ellipse at 0 50%,#0009 0,#0000 38%),radial-gradient(ellipse at 100% 50%,#0009 0,#0000 38%),radial-gradient(ellipse at 50% 100%,#00000080 0,#0000 34%),radial-gradient(ellipse at 50% 0,#00000040 0,#0000 26%);inset:0;pointer-events:none;position:absolute;z-index:1}.sc-header{-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);background:#03030fc7;border-bottom:1px solid #ffffff12;flex-shrink:0;gap:.75rem;min-height:54px;padding:.5rem 1rem .5rem 1.25rem;position:relative;z-index:40}.sc-header,.sc-header-filters{align-items:center;display:flex}.sc-header-filters{flex:1 1;min-width:0}.sc-header-filters .instyte-toolbar,.sc-header-filters .programs-toolbar{background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.sc-header-right{align-items:center;display:flex;flex-shrink:0;gap:.6rem}.sc-count{align-items:center;color:#ffffff59;display:inline-flex;font-size:.82rem;font-weight:700;gap:.3rem;white-space:nowrap}.sc-count .material-symbols-rounded{font-size:.9rem}.sc-exit{align-items:center;background:#ffffff1a;border:1px solid #ffffff29;border-radius:9px;color:#fffc;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:.3rem;padding:.38rem .9rem;transition:all .18s}.sc-exit:hover{background:#fff3;color:#fff;transform:translateY(-1px)}.sc-exit .material-symbols-rounded{font-size:.95rem}.sc-dots{display:flex;gap:.45rem;left:50%;padding-top:.5rem;position:absolute;top:54px;transform:translateX(-50%);z-index:25}.sc-dot{background:#ffffff26;border:none;border-radius:2px;cursor:pointer;height:3px!important;min-height:3px!important;min-width:32px!important;overflow:hidden;padding:0;position:relative;width:32px}.sc-dot.active{background:#ffffff6b}.sc-dot-fill{animation:scProgress 5s linear forwards;background:#fff;border-radius:2px;inset:0;position:absolute}@keyframes scProgress{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}.sc-body-state{flex:1 1;justify-content:center;min-height:0;position:relative;z-index:2}.sc-body-state,.sc-center{align-items:center;display:flex}.sc-center{flex-direction:column;gap:1rem;text-align:center}.sc-center .material-symbols-rounded{color:#fff;font-size:3.5rem;opacity:.12}.sc-center p{color:#ffffff8c;font-size:1.2rem;font-weight:800;margin:0}.sc-center span{color:#ffffff40;font-size:.9rem}.sc-ring{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#6366f1;height:44px;width:44px}.sc-body-center{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;z-index:2}.sc-body-center,.sc-card-wrap{overflow:hidden;position:relative}.sc-card-wrap{align-items:stretch;display:grid;grid-template-columns:1fr 1fr 0fr;max-height:100%;transition:grid-template-columns .42s cubic-bezier(.22,1,.36,1);width:100%;will-change:transform}.sc-card-wrap--slots{grid-template-columns:1fr 1fr .65fr}.sc-card-wrap--slots .sc-right{display:none!important}.sc-card-wrap--slots .sc-divider{display:none}.sc-left{overflow:hidden;padding:2rem 2.5rem 2rem 4rem}.sc-left,.sc-right{display:flex;flex-direction:column;justify-content:center;min-height:0;position:relative}.sc-right{gap:1.5rem;overflow-y:auto;padding:2rem 2.5rem 2rem 2rem;scrollbar-width:none;transition:padding .4s}.sc-right::-webkit-scrollbar{display:none}.sc-card-wrap--slots .sc-right{padding:2rem 1.5rem}.sc-divider{bottom:10%;left:0;opacity:.3;position:absolute;top:10%;width:1px}.sc-clock-col{align-items:center;align-self:stretch;border-left:none;border-right:none;display:flex;justify-content:center;min-height:0;overflow:hidden;position:relative;transition:border-color .4s}.sc-clock-col--open{border-left-color:#ffffff12}.sc-clock-col-inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;overflow-x:hidden;overflow-y:auto;padding:.75rem .75rem 1rem;scrollbar-color:#6366f126 #0000;scrollbar-width:thin;transition:opacity .35s ease .1s;width:100%}.sc-clock-col--open .sc-clock-col-inner{opacity:1}.sc-sheet-state{align-items:center;color:#ffffff4d;display:flex;flex-direction:column;font-size:.85rem;gap:.75rem;padding:3rem 1rem;text-align:center}.sc-sheet-state .material-symbols-rounded{font-size:2.5rem;opacity:.12}@keyframes scWordIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.sc-wm{font-feature-settings:"tnum";bottom:-.5rem;color:#ffffff0a;font-size:12rem;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.06em;line-height:1;pointer-events:none;position:absolute;right:1rem;-webkit-user-select:none;user-select:none;z-index:0}.sc-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem;position:relative;z-index:1}.sc-pill{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:700;gap:.25rem;padding:.3rem .8rem;white-space:nowrap}.sc-pill .material-symbols-rounded{font-size:.85rem}.sc-pill--beginner{background:#10b9812e;border-color:#10b9814d;color:#6ee7b7}.sc-pill--intermediate{background:#3b82f62e;border-color:#3b82f64d;color:#93c5fd}.sc-pill--advanced{background:#a855f72e;border-color:#a855f74d;color:#d8b4fe}.sc-pill--active{background:#22c55e2e;border-color:#22c55e4d;color:#86efac}.sc-pill--draft{background:#eab3082e;border-color:#eab3084d;color:#fde047}.sc-pill--inactive{background:#ef44442e;border-color:#ef44444d;color:#fca5a5}.sc-pill--archived{background:#6b72802e;border-color:#6b72804d;color:#d1d5db}.sc-pill--feat{background:#f59e0b2e;border-color:#f59e0b4d;color:#fcd34d}.sc-pill--feat .material-symbols-rounded{color:#f59e0b;font-variation-settings:"FILL" 1}.sc-pill--mode{background:#ffffff1a;border-color:#ffffff26;color:#ffffffa6}.sc-name{color:#fff;display:block;font-size:clamp(2rem,3.8vw,3.5rem);font-weight:900;letter-spacing:-.04em;line-height:1;margin:0 0 .5rem;position:relative;text-shadow:0 4px 40px #00000080;z-index:1}.sc-card-wrap--slots .sc-name{font-size:clamp(1.6rem,3vw,2.8rem)}.sc-name-word{animation:scWordIn .42s cubic-bezier(.34,1.2,.64,1) both;display:inline-block;margin-right:.22rem}.sc-id-row{align-items:center;display:flex;gap:.55rem;margin-bottom:.85rem}.sc-id-line{border-radius:1px;flex-shrink:0;height:1.5px;width:36px}.sc-id{color:#ffffff4d;font-family:monospace;font-size:.82rem}.sc-desc{color:#ffffff80;font-size:.95rem;line-height:1.65;margin:0 0 1rem}.sc-desc,.sc-meta{position:relative;z-index:1}.sc-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.sc-meta-chip{align-items:center;background:#ffffff14;border:1px solid #ffffff1c;border-radius:9px;color:#ffffff73;display:inline-flex;font-size:.82rem;gap:.32rem;padding:.3rem .7rem}.sc-meta-chip .material-symbols-rounded{font-size:.88rem}.sc-actions{display:flex;flex-wrap:wrap;gap:.6rem;position:relative;z-index:1}.sc-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.4rem;padding:.62rem 1.2rem;transition:all .2s cubic-bezier(.34,1.3,.64,1)}.sc-btn .material-symbols-rounded{font-size:1rem}.sc-btn--open{background:#ffffff1a;border:1px solid #ffffff2e;color:#fffc}.sc-btn--open:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.sc-btn--slots{background:#6366f133;border:1px solid #6366f159;color:#c7d2fe}.sc-btn--slots:hover{background:#6366f159;box-shadow:0 6px 20px #6366f140;color:#e0e7ff;transform:translateY(-2px)}.sc-btn--slots-active{background:#6366f161;border-color:#6366f18c;color:#e0e7ff}.sc-btn--enquiry{background:#10b98126;border:1px solid #10b98140;color:#6ee7b7}.sc-btn--enquiry:hover{background:#10b98147;box-shadow:0 6px 20px #10b98133;color:#a7f3d0;transform:translateY(-2px)}.sc-btn--enquiry-active{background:#10b98152;border-color:#10b98180;color:#a7f3d0}@keyframes enqFieldIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sc-enq-form{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.025);border:1px solid #ffffff17;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff12,0 4px 24px #0000002e;display:flex;flex-direction:column;gap:.55rem;padding:.85rem .9rem 1rem;width:100%}.sc-enq-item{animation:enqFieldIn .32s cubic-bezier(.22,1,.36,1) both;animation-delay:0ms;animation-delay:calc(var(--i, 0)*60ms);opacity:0}.sc-enq-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.sc-enq-field{display:flex;flex-direction:column;gap:.3rem}.sc-enq-lbl{align-items:center;color:#ffffff4d;display:flex;font-size:.6rem;font-weight:800;gap:.3rem;letter-spacing:.07em;text-transform:uppercase}.sc-enq-req{color:#f87171;font-size:.65rem}.sc-enq-opt{color:#ffffff2e;font-size:.6rem;font-weight:500;letter-spacing:0;text-transform:none}.sc-enq-input{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff0d;box-sizing:border-box;color:#fff;display:flex;font-family:inherit;font-size:.88rem;font-weight:500;outline:none;padding:.6rem .9rem;transition:background .15s,border-color .15s,box-shadow .15s;width:100%}.sc-enq-input::placeholder{color:#fff3;font-weight:400}.sc-enq-input:focus{background:#ffffff12;border-color:#10b98173;box-shadow:inset 0 1px 0 #ffffff0d,0 0 0 2px #10b9811a}.sc-enq-input--date{color-scheme:dark;cursor:pointer}.sc-enq-input--date::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);opacity:.5}.sc-enq-input--date:hover::-webkit-calendar-picker-indicator{opacity:.85}.sc-enq-input--readonly{color:#ffffff59;cursor:default;font-size:.82rem;gap:.45rem}.sc-enq-date-wrap{width:100%}.sc-enq-date-wrap .MuiOutlinedInput-root{font-family:inherit}.sc-enq-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.25)' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.2rem}.sc-enq-select option{background:#1a1a2e;color:#f1f5f9}.sc-enq-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:9px;color:#fca5a5;display:flex;font-size:.75rem;gap:.4rem;line-height:1.4;padding:.5rem .75rem}.sc-enq-error .material-symbols-rounded{flex-shrink:0;font-size:.9rem}.sc-enq-submit{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10b9812e;border:1px solid #10b9814d;border-radius:12px;color:#6ee7b7;cursor:pointer;display:flex;font-family:inherit;font-size:.88rem;font-weight:700;gap:.4rem;justify-content:center;margin-top:.2rem;padding:.7rem 1rem;transition:all .2s cubic-bezier(.34,1.3,.64,1);width:100%}.sc-enq-submit:hover:not(:disabled){background:#10b9814d;box-shadow:0 6px 20px #10b98133;color:#a7f3d0;transform:translateY(-2px)}.sc-enq-submit:disabled{cursor:not-allowed;opacity:.45}.sc-enq-submit .material-symbols-rounded{font-size:1rem}@keyframes sc-spin{to{transform:rotate(1turn)}}.sc-enq-spin{animation:sc-spin .7s linear infinite;display:inline-block}.sc-enq-done{align-items:center;display:flex;flex-direction:column;gap:.85rem;height:100%;justify-content:center;padding:2rem 1rem;text-align:center}.sc-enq-done .material-symbols-rounded{color:#34d399;font-size:3rem;font-variation-settings:"FILL" 1}.sc-enq-done p{color:#f1f5f9;font-size:1rem;font-weight:700;margin:0}.sc-stats{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.sc-stat{background:#ffffff12;border:1px solid #ffffff17;border-radius:12px;display:flex;flex-direction:column;gap:.2rem;padding:.8rem .9rem;transition:background .15s}.sc-stat:hover{background:#ffffff1c}.sc-stat-icon{color:#ffffff52;font-size:.95rem!important}.sc-stat-val{color:#fff;font-size:1.25rem;font-weight:900;line-height:1.15}.sc-stat-lbl{color:#ffffff47;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sc-subjects{display:flex;flex-direction:column;gap:.45rem}.sc-section-lbl{align-items:center;color:#ffffff4d;display:flex;font-size:.72rem;font-weight:800;gap:.3rem;letter-spacing:.08em;text-transform:uppercase}.sc-section-lbl .material-symbols-rounded{font-size:.82rem}.sc-subject{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:.6rem;padding:.6rem .9rem}.sc-subject>.material-symbols-rounded{color:#ffffff4d;flex-shrink:0;font-size:1rem;margin-top:2px}.sc-subject-name{color:#fff;display:block;font-size:.88rem;font-weight:700}.sc-subject-tags{display:flex;flex-wrap:wrap;gap:.22rem;margin-top:.18rem}.sc-tag{background:#ffffff1a;border-radius:5px;color:#ffffff80;font-size:.65rem;font-weight:700;padding:2px 6px}.sc-tag--cat{background:#6366f140;color:#c7d2fe}.sc-tag--type{background:#10b98133;color:#6ee7b7}.sc-tag--cr{background:#f59e0b33;color:#fcd34d}.sc-nav{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;border:1px solid #ffffff24;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.34,1.5,.64,1);width:44px;z-index:10}.sc-nav:hover:not(:disabled){background:#fff3;color:#fff;transform:translateY(-50%) scale(1.12)}.sc-nav:disabled{cursor:not-allowed;opacity:.12}.sc-nav--prev{left:.75rem}.sc-nav--next{right:.75rem}.sc-nav .material-symbols-rounded{font-size:1.2rem}.sc-counter{font-feature-settings:"tnum";align-items:center;bottom:.85rem;color:#ffffff40;display:flex;font-size:.82rem;font-variant-numeric:tabular-nums;font-weight:700;gap:.2rem;position:absolute;right:1.35rem;z-index:10}.sc-counter span{margin:0 .1rem;opacity:.4}.sc-hint{bottom:.65rem;color:#ffffff21;font-size:.68rem;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}@media(max-width:900px){.sc-shell{overflow:hidden}.sc-header{flex-wrap:wrap;gap:.4rem;min-height:0;min-height:auto;padding:.4rem .75rem}.sc-header-filters{flex:1 1;min-width:0;overflow:hidden}.sc-header-right{flex-shrink:0;gap:.4rem}.sc-count{display:none}.sc-pause-btn{height:32px;width:32px}.sc-exit{font-size:.78rem;padding:.32rem .65rem}.sc-card-wrap{align-items:stretch;grid-template-rows:auto auto;overflow-x:hidden;overflow-y:visible}.sc-card-wrap,.sc-card-wrap--slots{grid-template-columns:1fr!important}.sc-card-wrap--slots{grid-template-rows:auto;min-height:0;min-height:auto}.sc-left{align-self:stretch;justify-content:center;padding:1.5rem 1.25rem .25rem}.sc-card-wrap--enquiry .sc-left,.sc-card-wrap--slots .sc-left{justify-content:flex-start}.sc-wm{display:none}.sc-name{font-size:clamp(1.6rem,6vw,2.2rem)}.sc-desc{font-size:.9rem}.sc-right{align-self:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;min-height:0;min-height:auto;overflow:visible;padding:.35rem 1.25rem 1.25rem}.sc-right--desktop-enq .sc-enq-done,.sc-right--desktop-enq .sc-enq-form{display:none}.sc-card-wrap--enquiry .sc-right{flex-direction:row;flex-wrap:wrap}.sc-divider{display:none}.sc-stats{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(72px,auto));width:100%}.sc-stat{flex:initial;min-width:0;padding:.6rem .75rem;width:auto}.sc-stat-val{font-size:1.05rem}.sc-stat-lbl{font-size:.58rem}.sc-subjects{display:none}.sc-cards-col--desktop,.sc-clock-col--desktop{display:none!important}.sc-clock-col{display:none}.sc-slots-sheet-backdrop{display:block}.sc-nav{display:none}.sc-counter{font-size:.75rem}.sc-hint{display:none}.sc-body-center{align-items:center;box-sizing:border-box;justify-content:center;overflow-y:auto;padding:.75rem .75rem 2.5rem}.sc-card-wrap{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid #ffffff21;border-radius:20px;box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d,inset 0 1px 0 #ffffff14;min-height:0;min-height:auto;overflow:hidden}.sc-dots{bottom:.9rem;left:50%;padding:0;position:fixed;top:auto;transform:translateX(-50%);z-index:300}.sc-dot{height:3px!important;min-height:3px!important;min-width:20px!important;width:20px}.view-mode-btn--table{display:none}.sc-pills{gap:.3rem;margin-bottom:.8rem}.sc-pill{font-size:.72rem;padding:.25rem .65rem}.sc-meta{gap:.3rem;margin-bottom:1.1rem}.sc-meta-chip{font-size:.75rem;padding:.26rem .6rem}.sc-actions{flex-wrap:wrap;gap:.5rem}.sc-btn{font-size:.78rem;padding:.5rem .9rem}.sc-enq-form{padding:1rem 0 0}.sc-enq-row{grid-template-columns:1fr 1fr}}@media(max-width:480px){.sc-left{padding:1.25rem 1rem .75rem}.sc-right{padding:0 1rem .75rem}.sc-card-wrap--enquiry .sc-right{padding:0 1rem 2rem}.sc-clock-col-inner{padding:1rem 1rem 1.25rem}.sc-name{font-size:clamp(1.4rem,7vw,1.9rem)}.sc-stat{padding:.5rem .65rem;width:auto}.sc-stat-val{font-size:.95rem}}@keyframes scSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scBackdropIn{0%{opacity:0}to{opacity:1}}.sc-enq-sheet-backdrop,.sc-slots-sheet-backdrop{display:none}.sc-enq-sheet-backdrop--open,.sc-slots-sheet-backdrop--open{animation:scBackdropIn .25s ease both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;inset:0;position:fixed;z-index:9500}.sc-enq-sheet{background:linear-gradient(180deg,#0a0a1ef7,#060614fc);border-radius:22px 22px 0 0;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -12px 48px #00000080,inset 0 1px 0 #ffffff12;display:flex;flex-direction:column;left:0;max-height:88vh;position:fixed;right:0;transform:translateY(100%);transition:transform .38s cubic-bezier(.32,1,.22,1);z-index:9501}.sc-enq-sheet--open{transform:translateY(0)}.sc-enq-sheet-handle{background:#ffffff2e;border-radius:2px;flex-shrink:0;height:4px;margin:.75rem auto .25rem;width:36px}.sc-enq-sheet-header{align-items:center;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;gap:.65rem;padding:.5rem 1.1rem .65rem}.sc-enq-sheet-title{align-items:center;color:#f1f5f9;display:flex;flex:1 1;font-size:.92rem;font-weight:800;gap:.4rem}.sc-enq-sheet-title .material-symbols-rounded{color:#34d399;font-size:1.05rem}.sc-enq-sheet-prog{color:#ffffff4d;font-size:.72rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-enq-sheet-close{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .15s;width:30px}.sc-enq-sheet-close:hover{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.sc-enq-sheet-close .material-symbols-rounded{font-size:.95rem}.sc-enq-sheet-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem 1.1rem 2rem;scrollbar-width:none}.sc-enq-sheet-body::-webkit-scrollbar{display:none}.sc-enq-sheet-body .sc-enq-form{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;box-shadow:none;padding:0}@media(max-width:900px){.sc-enq-sheet-backdrop,.sc-slots-sheet-backdrop{display:block}}.sc-slots-sheet{background:linear-gradient(180deg,#0a0a1ef7,#060614fc);border-radius:22px 22px 0 0;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -12px 48px #00000080,inset 0 1px 0 #ffffff12;display:flex;flex-direction:column;left:0;max-height:82vh;position:fixed;right:0;transform:translateY(100%);transition:transform .38s cubic-bezier(.32,1,.22,1);z-index:9501}.sc-slots-sheet--open{transform:translateY(0)}.sc-slots-sheet-body{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:.75rem 1rem 2rem;scrollbar-width:none}.sc-slots-sheet-body::-webkit-scrollbar{display:none}.sc-pause-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;color:#fff9;cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:all .18s;width:30px}.sc-pause-btn:hover{background:#ffffff2e;color:#fff}.sc-pause-btn .material-symbols-rounded{font-size:.95rem}.sc-cards-col{align-items:center;align-self:stretch;border-left:1px solid #fff0;display:flex;justify-content:flex-start;min-height:0;overflow:hidden;transition:border-color .4s}.sc-cards-col--open{border-left-color:#0000}.sc-cards-col-inner{display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;overflow-x:hidden;overflow-y:auto;padding:.75rem .5rem 1rem;scrollbar-color:#6366f126 #0000;scrollbar-width:thin;transition:opacity .35s ease .2s;width:100%}.sc-cards-col--open .sc-cards-col-inner{opacity:1}.sc-shell--light{background:#eef0f8}.sc-shell--light .sc-bg{filter:saturate(.65) brightness(1.5);opacity:.45}.sc-shell--light .sc-noise{mix-blend-mode:multiply;opacity:.08}.sc-shell--light .sc-wash{opacity:.3}.sc-shell--light .sc-vignette{background:radial-gradient(ellipse at 0 50%,#fff9 0,#0000 38%),radial-gradient(ellipse at 100% 50%,#fff9 0,#0000 38%),radial-gradient(ellipse at 50% 100%,#ffffff80 0,#0000 34%),radial-gradient(ellipse at 50% 0,#ffffff4d 0,#0000 26%)}.sc-shell--light .sc-header{background:#ffffffc7;border-bottom-color:#00000014}.sc-shell--light .sc-count{color:#0006}.sc-shell--light .sc-count .material-symbols-rounded{color:#0000004d}.sc-shell--light .sc-exit{background:#0000000f;border-color:#0000001f;color:#000000b3}.sc-shell--light .sc-exit:hover{background:#0000001f;color:#000}.sc-shell--light .sc-pause-btn{background:#0000000f;border-color:#0000001a;color:#00000080}.sc-shell--light .sc-pause-btn:hover{background:#00000024;color:#000}.sc-shell--light .sc-dot{background:#00000026}.sc-shell--light .sc-dot.active{background:#0006}.sc-shell--light .sc-dot-fill{background:#000000a6}.sc-shell--light .sc-nav{background:#ffffffb8;border-color:#0000001a;color:#00000080}.sc-shell--light .sc-nav:hover:not(:disabled){background:#fff;color:#000;transform:translateY(-50%) scale(1.12)}.sc-shell--light .sc-nav:disabled{opacity:.18}.sc-shell--light .sc-counter{color:#00000038}.sc-shell--light .sc-hint{color:#0000001a}.sc-shell--light .sc-wm{color:#0000000a}.sc-shell--light .sc-clock-col--open{border-left-color:#00000014}.sc-shell--light .sc-cards-col--open{border-left-color:#0000000f}.sc-shell--light .sc-body-state .sc-center .material-symbols-rounded{color:#000;opacity:.08}.sc-shell--light .sc-center p{color:#00000080}.sc-shell--light .sc-center span{color:#00000047}.sc-shell--light .sc-ring{border-color:#0000001a}.sc-shell--light .sc-sheet-state{color:#00000059}.sc-shell--light .sc-divider{opacity:.12}.sc-shell--light .sc-pill--beginner{background:#10b98124;border-color:#10b98147;color:#065f46}.sc-shell--light .sc-pill--intermediate{background:#3b82f624;border-color:#3b82f647;color:#1e3a8a}.sc-shell--light .sc-pill--advanced{background:#a855f724;border-color:#a855f747;color:#4c1d95}.sc-shell--light .sc-pill--active{background:#22c55e24;border-color:#22c55e47;color:#14532d}.sc-shell--light .sc-pill--draft{background:#eab30824;border-color:#eab30847;color:#713f12}.sc-shell--light .sc-pill--inactive{background:#ef444424;border-color:#ef444447;color:#7f1d1d}.sc-shell--light .sc-pill--archived{background:#6b728024;border-color:#6b728033;color:#374151}.sc-shell--light .sc-pill--feat{background:#f59e0b24;border-color:#f59e0b47;color:#78350f}.sc-shell--light .sc-pill--feat .material-symbols-rounded{color:#d97706}.sc-shell--light .sc-pill--mode{background:#00000012;border-color:#0000001f;color:#0000008c}.sc-shell--light .sc-name{color:#0f172a;text-shadow:none}.sc-shell--light .sc-name-word{animation-name:scWordInLight}@keyframes scWordInLight{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.sc-shell--light .sc-id{color:#00000047}.sc-shell--light .sc-desc{color:#00000085}.sc-shell--light .sc-id-line{opacity:.5}.sc-shell--light .sc-meta-chip{background:#0000000f;border-color:#0000001a;color:#00000085}.sc-shell--light .sc-meta-chip .material-symbols-rounded{color:#00000059}.sc-shell--light .sc-btn--open{background:#00000012;border-color:#00000024;color:#000000b8}.sc-shell--light .sc-btn--open:hover{background:#00000021;color:#000}.sc-shell--light .sc-btn--slots{background:#6366f11f;border-color:#6366f147;color:#3730a3}.sc-shell--light .sc-btn--slots:hover{background:#6366f133;color:#312e81}.sc-shell--light .sc-btn--slots-active{background:#6366f138;border-color:#6366f166;color:#312e81}.sc-shell--light .sc-btn--enquiry{background:#10b9811f;border-color:#10b98147;color:#065f46}.sc-shell--light .sc-btn--enquiry:hover{background:#10b98133;color:#064e3b}.sc-shell--light .sc-btn--enquiry-active{background:#10b98138;border-color:#10b98166}.sc-shell--light .sc-stat{background:#0000000d;border-color:#00000014}.sc-shell--light .sc-stat:hover{background:#00000017}.sc-shell--light .sc-stat-icon{color:#00000047}.sc-shell--light .sc-stat-val{color:#0f172a}.sc-shell--light .sc-stat-lbl{color:#00000059}.sc-shell--light .sc-section-lbl{color:#00000059}.sc-shell--light .sc-section-lbl .material-symbols-rounded{color:#0000004d}.sc-shell--light .sc-subject{background:#0000000a;border-color:#00000014}.sc-shell--light .sc-subject>.material-symbols-rounded{color:#00000047}.sc-shell--light .sc-subject-name{color:#0f172a}.sc-shell--light .sc-tag{background:#00000012;color:#00000085}.sc-shell--light .sc-tag--cat{background:#6366f11f;color:#3730a3}.sc-shell--light .sc-tag--type{background:#10b9811f;color:#065f46}.sc-shell--light .sc-tag--cr{background:#f59e0b1f;color:#78350f}.sc-shell--light .sc-enq-form{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00000008;border-color:#00000017;box-shadow:inset 0 1px 0 #fffc,0 4px 24px #0000000f}.sc-shell--light .sc-enq-lbl{color:#0006}.sc-shell--light .sc-enq-req{color:#dc2626}.sc-shell--light .sc-enq-opt{color:#00000047}.sc-shell--light .sc-enq-input{background:#ffffffbf;border-color:#00000021;box-shadow:inset 0 1px 0 #ffffffe6;color:#0f172a}.sc-shell--light .sc-enq-input::placeholder{color:#00000047}.sc-shell--light .sc-enq-input:focus{background:#fff;border-color:#10b98180;box-shadow:inset 0 1px 0 #fff,0 0 0 2px #10b9811f}.sc-shell--light .sc-enq-input--readonly{color:#0000006b}.sc-shell--light .sc-enq-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.35)' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E")}.sc-shell--light .sc-enq-select option{background:#fff;color:#0f172a}.sc-shell--light .sc-enq-error{background:#ef444414;border-color:#ef444433;color:#991b1b}.sc-shell--light .sc-enq-submit{background:#10b98124;border-color:#10b9814d;color:#065f46}.sc-shell--light .sc-enq-submit:hover:not(:disabled){background:#10b9813d;box-shadow:0 6px 20px #10b98126;color:#064e3b}.sc-shell--light .sc-enq-done .material-symbols-rounded{color:#059669}.sc-shell--light .sc-enq-done p{color:#0f172a}.sc-shell--light .sc-enq-date-wrap .MuiOutlinedInput-root{background:#ffffffbf!important;color:#0f172a!important}.sc-shell--light .sc-enq-date-wrap .MuiInputBase-input{color:#0f172a!important}.sc-shell--light .sc-enq-date-wrap .MuiIconButton-root{color:#0006!important}.sc-shell--light .sc-enq-date-wrap fieldset{border-color:#00000021!important}.sc-shell--light .pgmt-ghost-pill{background:#0000000f;border-color:#0000001c;color:#00000085}.sc-shell--light .pgmt-ghost-pill:hover{background:#0000001c;border-color:#0000002e;color:#000c}.sc-shell--light .pgmt-ghost-pill.active{background:#6366f124;border-color:#6366f159;box-shadow:0 0 0 1px #6366f12e;color:#3730a3}.sc-shell--light .pgmt-ghost-pill--clear{background:#ef444414;border-color:#ef44442e;color:#b91c1c}.sc-shell--light .pgmt-ghost-pill--clear:hover{background:#ef444429;color:#991b1b}.sc-shell--light .pgmt-glass-filter-toggle{background:#0000000f;border-color:#0000001c;color:#00000080}.sc-shell--light .pgmt-glass-filter-toggle:hover{background:#0000001c;color:#000c}.sc-shell--light .pgmt-glass-filter-toggle.active{background:#6366f124;border-color:#6366f159;color:#3730a3}.sc-shell--light .pgmt-glass-filter-dot{background:#6366f1;box-shadow:0 0 4px #6366f180}.sc-shell--light .pgmt-glass-search{background:#0000000d;border-color:#0000001a}.sc-shell--light .pgmt-glass-search:focus-within{background:#fff9;border-color:#6366f166;box-shadow:0 0 0 2px #6366f11a}.sc-shell--light .pgmt-glass-search input{color:#000000c7}.sc-shell--light .pgmt-glass-search input::placeholder{color:#00000047}.sc-shell--light .pgmt-glass-search .material-symbols-rounded{color:#0000004d}.sc-shell--light .pgmt-glass-pills-panel{background:#ffffffd9;border-bottom-color:#00000012}.sc-shell--light .pgmt-glass-pills-label{color:#00000059}.sc-shell--light .pgmt-glass-divider{background:#0000001a}[data-theme-light] .sc-enq-sheet,[data-theme-light] .sc-slots-sheet{background:linear-gradient(180deg,#f8f8fff7,#f3f3fcfc);border-top-color:#00000017;box-shadow:0 -12px 48px #0000001f,inset 0 1px 0 #fffffff2}[data-theme-light] .sc-enq-sheet-handle,[data-theme-light] .sc-slots-sheet .sc-enq-sheet-handle{background:#00000026}[data-theme-light] .sc-enq-sheet-header,[data-theme-light] .sc-slots-sheet .sc-enq-sheet-header{border-bottom-color:#00000012}[data-theme-light] .sc-enq-sheet-title,[data-theme-light] .sc-slots-sheet .sc-enq-sheet-title{color:#0f172a}[data-theme-light] .sc-enq-sheet-title .material-symbols-rounded{color:#059669}[data-theme-light] .sc-slots-sheet .sc-enq-sheet-title .material-symbols-rounded{color:#6366f1}[data-theme-light] .sc-enq-sheet-prog,[data-theme-light] .sc-slots-sheet .sc-enq-sheet-prog{color:#00000061}[data-theme-light] .sc-enq-sheet-close,[data-theme-light] .sc-slots-sheet .sc-enq-sheet-close{background:#0000000f;border-color:#0000001a;color:#00000073}[data-theme-light] .sc-enq-sheet-close:hover,[data-theme-light] .sc-slots-sheet .sc-enq-sheet-close:hover{background:#ef44441a;border-color:#ef444440;color:#b91c1c}[data-theme-light] .sc-enq-form{background:rgba(0,0,0,.025);border-color:#00000014;box-shadow:inset 0 1px 0 #fffc,0 2px 12px #0000000d}[data-theme-light] .sc-enq-lbl{color:#0006}[data-theme-light] .sc-enq-req{color:#dc2626}[data-theme-light] .sc-enq-opt{color:#00000047}[data-theme-light] .sc-enq-input{background:#fffc;border-color:#00000021;box-shadow:inset 0 1px 0 #ffffffe6;color:#0f172a}[data-theme-light] .sc-enq-input::placeholder{color:#00000047}[data-theme-light] .sc-enq-input:focus{background:#fff;border-color:#10b98180}[data-theme-light] .sc-enq-input--readonly{color:#0000006b}[data-theme-light] .sc-enq-select option{background:#fff;color:#0f172a}[data-theme-light] .sc-enq-submit{background:#10b98124;border-color:#10b9814d;color:#065f46}[data-theme-light] .sc-enq-submit:hover:not(:disabled){background:#10b9813d;color:#064e3b}[data-theme-light] .sc-enq-section-lbl{color:#00000059}.sc-btn--discount{background:#f59e0b21;border:1px solid #f59e0b47;color:#fcd34d}.sc-btn--discount:hover{background:#f59e0b38;border-color:#f59e0b73}.sc-btn--discount-active{background:#ef444421;border-color:#ef44444d;color:#fca5a5}.sc-disc-card{animation:sc-disc-in .3s cubic-bezier(.34,1.4,.64,1) both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,100%,.055);border:1px solid #ffffff1c;border-radius:14px;margin-top:.65rem;overflow:hidden}@keyframes sc-disc-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sc-disc-row{flex-wrap:wrap;gap:.75rem;padding:.6rem .9rem}.sc-disc-lbl,.sc-disc-row{align-items:center;display:flex}.sc-disc-lbl{color:#ffffff80;flex-shrink:0;font-size:.75rem;font-weight:700;gap:.35rem}.sc-disc-lbl .material-symbols-rounded{color:#fbbf24;font-size:.9rem}.sc-disc-max{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:20px;color:#fbbf248c;font-size:.65rem;font-weight:600;padding:1px 7px;white-space:nowrap}.sc-disc-controls{align-items:center;display:flex;flex-shrink:0;gap:.5rem;margin-left:auto}.sc-disc-base{color:#ffffff4d;font-size:.8rem;font-weight:700;text-decoration:line-through;-webkit-text-decoration-color:#ffffff26;text-decoration-color:#ffffff26;white-space:nowrap}.sc-disc-inp-wrap{align-items:center;background:#ffffff12;border:1.5px solid #f59e0b66;border-radius:9px;display:flex;flex-shrink:0;overflow:hidden;transition:border-color .18s,box-shadow .18s;width:88px}.sc-disc-inp-wrap:focus-within{border-color:#f59e0bbf;box-shadow:0 0 0 3px #f59e0b1a}.sc-disc-inp-wrap--err{border-color:#ef444499!important;box-shadow:0 0 0 3px #ef444414!important}.sc-disc-inp{-moz-appearance:textfield;background:#0000;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:1rem;font-weight:800;outline:none;padding:.38rem .5rem;text-align:right;width:0}.sc-disc-inp::-webkit-inner-spin-button,.sc-disc-inp::-webkit-outer-spin-button{-webkit-appearance:none}.sc-disc-inp::placeholder{color:#fff3}.sc-disc-sym{color:#f59e0ba6;flex-shrink:0;font-size:.85rem;font-weight:800;padding:0 .45rem 0 .1rem}.sc-disc-err{color:#fca5a5;font-size:.67rem;font-weight:700;white-space:nowrap}.sc-disc-result{align-items:center;animation:sc-disc-result-in .35s cubic-bezier(.34,1.5,.64,1) both;background:#6366f112;border-top:1px solid #ffffff12;display:flex;gap:.6rem;overflow:hidden;padding:.55rem .9rem .65rem;position:relative}@keyframes sc-disc-result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sc-disc-saving{display:flex;flex-direction:column;flex-shrink:0;gap:1px}.sc-disc-saving-lbl{color:#34d39999;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sc-disc-saving-amt{color:#34d399;font-size:.88rem;font-weight:800}.sc-disc-arrow{color:#ffffff2e;flex-shrink:0;font-size:.95rem!important}.sc-disc-total{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:1px}.sc-disc-total-lbl{color:#ffffff4d;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sc-disc-total-amt{-webkit-text-fill-color:#0000;animation:sc-amt-pulse 2.5s ease-in-out infinite alternate;background:linear-gradient(120deg,#c4b5fd,#818cf8);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;position:relative;z-index:1}@keyframes sc-amt-pulse{0%{filter:drop-shadow(0 0 4px rgba(99,102,241,.35))}to{filter:drop-shadow(0 0 12px rgba(139,92,246,.6))}}.sc-disc-badge{background:linear-gradient(120deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.04em;padding:1px 7px;position:relative;z-index:1}.sc-confetti-piece{animation:sc-confetti-fly .7s cubic-bezier(.22,1,.36,1) 0s both;animation:sc-confetti-fly .7s cubic-bezier(.22,1,.36,1) var(--delay,0s) both;background:#a65af2;background:hsl(var(--hue,270deg),85%,65%);border-radius:2px;height:6px;left:50%;pointer-events:none;position:absolute;top:50%;width:6px;z-index:0}.sc-confetti-piece[data-shape=circle]{border-radius:50%}.sc-confetti-piece[data-shape=rect]{height:4px;width:9px}@keyframes sc-confetti-fly{0%{opacity:1;transform:translate(-50%,-50%) scale(0) rotate(0deg)}55%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + 30px),calc(-50% - 30px)) scale(.35) rotate(90deg);transform:translate(calc(-50% + var(--tx,30px)),calc(-50% + var(--ty,-30px))) scale(.35) rotate(var(--rot,90deg))}}[data-theme-light] .sc-disc-card{background:#0000000a;border-color:#0000001a}[data-theme-light] .sc-disc-lbl{color:#00000073}[data-theme-light] .sc-disc-base{color:#0000004d}[data-theme-light] .sc-disc-inp-wrap{background:#0000000a}[data-theme-light] .sc-disc-inp{color:#0f172a}[data-theme-light] .sc-disc-result{background:#6366f10f;border-color:#00000012}.sc-btn--ai-chat{background:linear-gradient(135deg,#7c3aed2e,#3b82f61f);border:1px solid #8b5cf64d;color:#c4b5fd}.sc-btn--ai-chat:hover{background:linear-gradient(135deg,#7c3aed52,#3b82f638);border-color:#a78bfa7a;box-shadow:0 6px 20px #7c3aed38;color:#e9d5ff;transform:translateY(-2px)}.sc-btn--ai-chat-active{background:linear-gradient(135deg,#7c3aed5c,#3b82f642);border-color:#a78bfa8c;color:#e9d5ff}.sc-card-wrap--aichat{grid-template-columns:1fr 1fr 0fr}@media (max-width:900px){.sc-ai-chat-inline{display:none!important}}.sc-ai-chat-backdrop{display:none}@media (max-width:900px){.sc-ai-chat-backdrop{display:block}.sc-ai-chat-backdrop--open{animation:scBackdropIn .25s ease both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;inset:0;position:fixed;z-index:9500}}.sc-ai-chat-sheet{background:linear-gradient(180deg,#0a0a1ef7,#060614fc);border-radius:22px 22px 0 0;border-top:1px solid #8b5cf638;bottom:0;box-shadow:0 -12px 48px #00000080,inset 0 1px 0 #8b5cf626;display:flex;flex-direction:column;height:80vh;left:0;max-height:80vh;position:fixed;right:0;transform:translateY(100%);transition:transform .38s cubic-bezier(.32,1,.22,1);z-index:9501}.sc-ai-chat-sheet--open{transform:translateY(0)}.sc-ai-chat-sheet-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.sc-ai-chat-sheet-body>div{background:#0000!important;border-bottom:none!important;border-left:none!important;border-radius:0!important;border-right:none!important;box-shadow:none!important;flex:1 1!important;min-height:0!important}.sc-name{letter-spacing:-.02em}.sc-name-word{margin-right:.35em}.sc-name-word:last-child{margin-right:0}@keyframes pulse-urgent{0%,to{box-shadow:0 0 0 0 #ef444400}50%{box-shadow:0 0 0 5px #ef44442e}}.programs-toolbar{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;box-shadow:0 4px 20px #0000000d;overflow:visible;padding:.75rem 1rem;transition:all .3s ease}[data-theme=dark] .programs-toolbar{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);box-shadow:0 4px 20px #0000004d}.pgmt-new-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 4px 12px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:.87rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;transition:all .2s;white-space:nowrap}.pgmt-new-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 16px #6366f159;transform:translateY(-1px)}.pgmt-new-btn .material-symbols-rounded{font-size:1.1rem}@media (max-width:1024px){.pgmt-new-btn-label{display:none}.pgmt-new-btn{border-radius:8px;padding:.45rem}}.pgmt-course-btn{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;color:#0369a1;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.35rem;padding:.4rem .7rem;position:relative;transition:all .15s;white-space:nowrap}.pgmt-course-btn:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.pgmt-course-btn.has-selection{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#6366f1;color:#4338ca}.pgmt-course-btn .material-symbols-rounded{font-size:1rem}[data-theme=dark] .pgmt-course-btn{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.pgmt-course-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:.35rem 1rem 0}.pgmt-chip{align-items:center;background:#6366f1;border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:2px 6px 2px 9px}.pgmt-chip button{align-items:center;background:none;border:none;color:#fffc;cursor:pointer;display:flex;padding:0;transition:color .1s}.pgmt-chip button:hover{color:#fff}.pgmt-chip button .material-symbols-rounded{font-size:.9rem}.pgmt-ovs-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9200}.pgmt-ovs-panel{animation:pgmtFadeIn .18s ease;background:#fff;background:var(--card-bg,#fff);border-radius:14px;box-shadow:0 16px 48px #0003;display:flex;flex-direction:column;max-height:76vh;overflow:hidden;width:min(94vw,480px)}[data-theme=dark] .pgmt-ovs-panel{background:#1f2937;background:var(--card-bg,#1f2937)}@keyframes pgmtFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.pgmt-ovs-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937);display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;gap:.5rem;padding:.9rem 1.1rem .75rem}.pgmt-ovs-header .material-symbols-rounded:first-child{color:#6366f1}.pgmt-ovs-close{align-items:center;background:none;border:none;border-radius:5px;color:#6b7280;cursor:pointer;display:flex;margin-left:auto;padding:3px;transition:all .15s}.pgmt-ovs-close:hover{background:#f3f4f6;color:#111}.pgmt-ovs-search{align-items:center;background:#f9fafb;background:var(--input-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;flex-shrink:0;gap:.4rem;margin:.6rem 1rem;padding:.45rem .7rem}.pgmt-ovs-search .material-symbols-rounded{color:#9ca3af;font-size:1rem}.pgmt-ovs-search input{background:none;border:none;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:.87rem;outline:none}.pgmt-ovs-list{flex:1 1;overflow-y:auto}.pgmt-ovs-empty{color:#9ca3af;font-size:.88rem;justify-content:center;padding:2rem}.pgmt-ovs-empty,.pgmt-ovs-row{align-items:center;display:flex}.pgmt-ovs-row{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-color,#f3f4f6);cursor:pointer;gap:.6rem;padding:.6rem 1rem;transition:background .12s}.pgmt-ovs-row:hover{background:#f5f3ff}.pgmt-ovs-row.selected{background:#ede9fe}[data-theme=dark] .pgmt-ovs-row:hover{background:#6366f114}[data-theme=dark] .pgmt-ovs-row.selected{background:#6366f126}.pgmt-ovs-check{color:#9ca3af;flex-shrink:0;font-size:1.15rem!important}.pgmt-ovs-row.selected .pgmt-ovs-check{color:#6366f1}.pgmt-ovs-info{display:flex;flex:1 1;flex-direction:column;gap:1px}.pgmt-ovs-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.88rem;font-weight:600}.pgmt-ovs-id{color:#9ca3af;font-family:monospace;font-size:.7rem}.pgmt-ovs-badge{background:#dbeafe;border-radius:10px;color:#1e40af;flex-shrink:0;font-size:.68rem;font-weight:500;padding:1px 6px}[data-theme=dark] .pgmt-ovs-badge{background:#3b82f626;color:#60a5fa}.pgmt-ovs-pagination{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);color:#6b7280;display:flex;flex-shrink:0;font-size:.82rem;gap:.75rem;justify-content:center;padding:.5rem}.pgmt-ovs-pagination button{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:5px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;display:flex;padding:2px 5px;transition:all .12s}.pgmt-ovs-pagination button:hover:not(:disabled){background:#f3f4f6}.pgmt-ovs-pagination button:disabled{cursor:not-allowed;opacity:.4}.pgmt-ovs-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;gap:.6rem;justify-content:flex-end;padding:.65rem 1rem}.pgmt-ovs-clear{background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:7px;color:#6b7280;cursor:pointer;font-size:.82rem;padding:.4rem .8rem;transition:all .15s}.pgmt-ovs-clear:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.pgmt-ovs-done{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.84rem;font-weight:600;padding:.4rem 1rem;transition:all .15s}.pgmt-ovs-done:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)}.pgmt-ovs-list::-webkit-scrollbar{width:5px}.pgmt-ovs-list::-webkit-scrollbar-track{background:#0000}.pgmt-ovs-list::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:3px}.programs-toolbar .accent-green select{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#064e3b}.programs-toolbar .accent-purple select{background:linear-gradient(135deg,#e9d5ff,#f3e8ff);color:#581c87}[data-theme=dark] .programs-toolbar .accent-green select{background:#10b98126;color:#10b981}[data-theme=dark] .programs-toolbar .accent-purple select{background:#8b5cf626;color:#a78bfa}.programs-toolbar button:focus-visible,.programs-toolbar input:focus-visible,.programs-toolbar select:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.spinning{animation:spin .8s linear infinite;display:inline-block}@media (max-width:1024px){.programs-toolbar{padding:.6rem .8rem}.programs-toolbar .icon-btn{padding:.5rem}}@media (max-width:768px){.programs-toolbar{flex-wrap:wrap;gap:.5rem;padding:.5rem}.programs-toolbar .toolbar-left{flex-wrap:wrap;gap:.5rem;width:100%}.programs-toolbar .filter-toggle-btn{font-size:.8rem;padding:.4rem .75rem}.programs-toolbar .filter-panel{display:flex!important;flex-direction:column!important;gap:.5rem!important;width:100%}.programs-toolbar .primary-filters{grid-gap:.5rem!important;display:grid!important;gap:.5rem!important;grid-template-columns:1fr 1fr!important;width:100%}.pgmt-course-btn{grid-column:1/-1!important;justify-content:center;width:100%!important}.programs-toolbar .filter-panel .icon-clear{justify-content:center!important;width:100%!important}.programs-toolbar .dropdown-trigger{font-size:.75rem!important;padding:.4rem .6rem!important}.programs-toolbar .toolbar-actions{flex-wrap:wrap;gap:.4rem}.programs-toolbar .icon-btn{min-height:36px;min-width:36px;padding:.4rem}.pgmt-new-btn{padding:.4rem!important}.pgmt-new-btn-label{display:none!important}.view-mode-toggle{padding:.2rem}.view-mode-btn{padding:.4rem}.view-mode-btn span{font-size:1rem}}@media (max-width:480px){.programs-toolbar{padding:.4rem}.programs-toolbar .filter-toggle-btn{font-size:.75rem;padding:.35rem .6rem}.programs-toolbar .primary-filters{gap:.4rem!important}.programs-toolbar .dropdown-trigger{font-size:.7rem!important;padding:.35rem .5rem!important}.programs-toolbar .icon-btn{min-height:32px;min-width:32px;padding:.35rem}.view-mode-btn{padding:.35rem}}.pgmt-search-inline{flex:1 1;min-width:160px}@media (max-width:768px){.pgmt-search-inline{grid-column:1/-1!important;min-width:0!important;width:100%!important}}.pgmt-glass-bar{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:.45rem;min-width:0;overflow:hidden}.pgmt-glass-divider{background:#ffffff1f;flex-shrink:0;height:18px;width:1px}.pgmt-glass-group{display:flex;flex-wrap:wrap;gap:.3rem}.pgmt-ghost-pill{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;color:#ffffff8c;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:.25rem;padding:.28rem .75rem;transition:all .18s;white-space:nowrap}.pgmt-ghost-pill:hover{background:#ffffff24;border-color:#fff3;color:#ffffffd9}.pgmt-ghost-pill.active{background:#6366f159;border-color:#6366f199;box-shadow:0 0 0 1px #6366f140;color:#e0e7ff;font-weight:700}.pgmt-ghost-pill--course .material-symbols-rounded{font-size:.82rem}.pgmt-ghost-pill--clear{background:#ef44441f;border-color:#ef444433;color:#fca5a5cc;padding:.28rem .5rem}.pgmt-ghost-pill--clear:hover{background:#ef444440;color:#fca5a5}.pgmt-glass-search--inline{flex:1 1;max-width:200px;min-width:100px}.pgmt-glass-filter-toggle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;color:#ffffff8c;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:700;gap:.28rem;padding:.28rem .7rem;transition:all .18s;white-space:nowrap}.pgmt-glass-filter-toggle:hover{background:#ffffff1f;border-color:#fff3;color:#fffc}.pgmt-glass-filter-toggle.active{background:#6366f14d;border-color:#6366f180;color:#e0e7ff}.pgmt-glass-filter-toggle.has-filters{border-color:#6366f166}.pgmt-glass-filter-toggle .material-symbols-rounded{font-size:.82rem}.pgmt-glass-filter-chevron{font-size:.78rem!important;opacity:.6}@media(max-width:900px){.pgmt-glass-filter-toggle-lbl{display:none}.pgmt-glass-filter-toggle{padding:.28rem .45rem}.pgmt-glass-search--inline{max-width:none;min-width:80px}}.pgmt-glass-filter-dot{background:#818cf8;border-radius:50%;box-shadow:0 0 4px #6366f1cc;flex-shrink:0;height:5px;width:5px}.pgmt-glass-pills-panel{align-items:center;animation:pgmtPanelIn .2s ease;background:#03030fb8;border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding:.4rem 1.25rem .5rem;scrollbar-width:none}.pgmt-glass-pills-panel::-webkit-scrollbar{display:none}@keyframes pgmtPanelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.pgmt-glass-pills-section{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.3rem}@media (max-width:900px){.pgmt-glass-pills-panel{display:block;overflow-x:visible;padding:.5rem .75rem .6rem}.pgmt-glass-pills-section{grid-gap:.35rem;display:grid;flex-shrink:1;flex-wrap:nowrap;gap:.35rem;grid-template-columns:1fr 1fr}.pgmt-glass-pills-panel .pgmt-glass-divider{display:none}.pgmt-glass-pills-panel .pgmt-ghost-pill{border-radius:10px;font-size:.75rem;justify-content:center;padding:.42rem .5rem;white-space:nowrap;width:100%}.pgmt-glass-pills-panel .pgmt-ghost-pill--course{grid-column:1/-1}}.pgmt-glass-pills-label{display:none}.pgmt-glass-pills-grid{display:contents}.pgmt-glass-search{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex:1 1;gap:.35rem;max-width:220px;min-width:120px;padding:.28rem .75rem;transition:all .18s}.pgmt-glass-search:focus-within{background:#ffffff1f;border-color:#6366f180;box-shadow:0 0 0 2px #6366f126}.pgmt-glass-search .material-symbols-rounded{color:#ffffff4d;flex-shrink:0;font-size:.85rem}.pgmt-glass-search input{background:none;border:none;color:#fffc;font-size:.72rem;outline:none;width:100%}.pgmt-glass-search input::placeholder{color:#ffffff40}.cpp-backdrop{align-items:flex-end;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000}@media (min-width:769px){.cpp-backdrop{align-items:center}}.cpp-sheet{animation:sheetSlideUp .28s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--card-bg,#fff);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #0003;display:flex;flex-direction:column;max-height:92vh;max-width:560px;overflow:hidden;width:100%;will-change:transform}@media (min-width:769px){.cpp-sheet{animation:sheetFadeIn .22s ease;border-radius:16px;max-height:88vh}}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes sheetFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cpp-drag-handle{background:#d1d5db;background:var(--border-color,#d1d5db);border-radius:2px;flex-shrink:0;height:4px;margin:10px auto 0;width:36px}@media (min-width:769px){.cpp-drag-handle{display:none}}.cpp-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem .75rem}.cpp-header,.cpp-header-left{align-items:center;display:flex}.cpp-header-left{gap:.6rem}.cpp-header-icon{color:#6366f1;font-size:1.4rem}.cpp-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.05rem;font-weight:700;margin:0}.cpp-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;padding:4px;transition:all .15s}.cpp-close-btn:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.cpp-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem 1.25rem}.cpp-error-banner{align-items:center;background:#fee2e2;border-radius:8px;color:#991b1b;display:flex;font-size:.84rem;font-weight:500;gap:.5rem;padding:.65rem .85rem}[data-theme=dark] .cpp-error-banner{background:#ef444426;color:#f87171}.cpp-field-group{display:flex;flex-direction:column;gap:.35rem}.cpp-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cpp-label.required:after{color:#ef4444;content:" *"}.cpp-input,.cpp-textarea{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;box-sizing:border-box;color:#1f2937;color:var(--text-primary,#1f2937);font-size:.88rem;padding:.55rem .75rem;transition:border-color .15s,box-shadow .15s;width:100%}.cpp-input:focus,.cpp-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.cpp-textarea{min-height:72px;resize:vertical}[data-theme=dark] .cpp-input,[data-theme=dark] .cpp-textarea{background:#374151;background:var(--input-bg,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}.cpp-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr}@media (max-width:480px){.cpp-row{grid-template-columns:1fr 1fr}}.cpp-ovs-field{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .15s}.cpp-ovs-field:hover{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.cpp-ovs-placeholder{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;font-size:.87rem;gap:.5rem;padding:.55rem .75rem}.cpp-ovs-placeholder .cpp-ovs-arrow{margin-left:auto}.cpp-ovs-selected{align-items:center;background:#f5f3ff;display:flex;gap:.6rem;padding:.55rem .75rem}[data-theme=dark] .cpp-ovs-selected{background:#6366f11a}.cpp-ovs-selected .material-symbols-rounded:first-child{color:#6366f1}.cpp-ovs-selected-info{display:flex;flex:1 1;flex-direction:column;gap:1px}.cpp-ovs-id{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-family:monospace;font-size:.7rem}.cpp-ovs-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.88rem;font-weight:600}.cpp-ovs-change{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;padding:2px;transition:all .15s}.cpp-ovs-change:hover{background:#fee2e2;color:#dc2626}.cpp-level-selector{display:flex;gap:.5rem}.cpp-level-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex:1 1;font-size:.82rem;font-weight:500;gap:.35rem;justify-content:center;padding:.5rem .6rem;transition:all .15s}.cpp-level-btn .material-symbols-rounded{font-size:1rem}.cpp-level-btn:hover{border-color:#a5b4fc;color:#4f46e5}.cpp-level-btn.active.level-beginner{background:#f0fdf4;border-color:#4ade80;color:#166534}.cpp-level-btn.active.level-intermediate{background:#eff6ff;border-color:#60a5fa;color:#1e40af}.cpp-level-btn.active.level-advanced{background:#faf5ff;border-color:#c084fc;color:#6b21a8}[data-theme=dark] .cpp-level-btn.active.level-beginner{background:#4ade801a;color:#4ade80}[data-theme=dark] .cpp-level-btn.active.level-intermediate{background:#60a5fa1a;color:#60a5fa}[data-theme=dark] .cpp-level-btn.active.level-advanced{background:#c084fc1a;color:#c084fc}.cpp-toggle-group{align-items:center;flex-direction:row;gap:.75rem}.cpp-toggle{border:none;border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;padding:0;position:relative;transition:background .2s;width:40px}.cpp-toggle.on{background:#6366f1}.cpp-toggle.off{background:#d1d5db;background:var(--border-color,#d1d5db)}.cpp-toggle-thumb{background:#fff;border-radius:50%;display:block;height:16px;left:3px;position:absolute;top:3px;transition:transform .2s;width:16px}.cpp-toggle.on .cpp-toggle-thumb{transform:translateX(18px)}.cpp-toggle-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.84rem}.cpp-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:.85rem 1.25rem}.cpp-btn-cancel{background:none;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.88rem;padding:.5rem 1rem;transition:all .15s}.cpp-btn-cancel:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.cpp-btn-save{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:.4rem;padding:.5rem 1.1rem;transition:all .15s}.cpp-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #6366f159;transform:translateY(-1px)}.cpp-btn-save:disabled{cursor:not-allowed;opacity:.6}.cpp-btn-save .material-symbols-rounded{font-size:1.05rem}.ovs-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9100}.ovs-panel{animation:sheetFadeIn .2s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:min(96vw,540px)}.ovs-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem .75rem}.ovs-header,.ovs-header h3{align-items:center;display:flex}.ovs-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:700;gap:.5rem;margin:0}.ovs-header h3 .material-symbols-rounded{color:#6366f1}.ovs-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;padding:4px;transition:all .15s}.ovs-close-btn:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.ovs-filters{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-color,#f3f4f6);flex-shrink:0;flex-wrap:wrap;gap:.6rem;padding:.75rem 1rem}.ovs-filters,.ovs-search-bar{align-items:center;display:flex}.ovs-search-bar{background:#f9fafb;background:var(--input-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex:1 1;gap:.4rem;min-width:160px;padding:.45rem .65rem}.ovs-search-bar .material-symbols-rounded{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:1rem}.ovs-search-bar input{background:none;border:none;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:.87rem;outline:none}.ovs-filter-select{background:#f9fafb;background:var(--input-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-size:.82rem;padding:.45rem .65rem}[data-theme=dark] .ovs-filter-select{background:#374151;background:var(--input-bg,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}.ovs-list{flex:1 1;overflow-y:auto}.ovs-empty,.ovs-loading{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.88rem;gap:.5rem;justify-content:center;padding:2.5rem}.ovs-empty,.ovs-loading,.ovs-row{display:flex;flex-direction:column}.ovs-row{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-color,#f3f4f6);cursor:pointer;gap:.3rem;padding:.65rem 1rem;transition:background .12s}.ovs-row:hover{background:#f5f3ff}[data-theme=dark] .ovs-row:hover{background:#6366f11a}.ovs-row:last-child{border-bottom:none}.ovs-row-main{align-items:center;display:flex;gap:.6rem}.ovs-id{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-radius:4px;color:#9ca3af;color:var(--text-secondary,#9ca3af);flex-shrink:0;font-family:monospace;font-size:.72rem;padding:1px 5px}.ovs-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.88rem;font-weight:600}.ovs-row-meta{display:flex;flex-wrap:wrap;gap:.35rem}.ovs-badge{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.68rem;font-weight:500;padding:1px 6px}.ovs-badge.dept{background:#dbeafe;color:#1e40af}.ovs-badge.course{background:#dcfce7;color:#166534}.ovs-badge.grade{background:#f3e8ff;color:#6b21a8}[data-theme=dark] .ovs-badge.dept{background:#3b82f626;color:#60a5fa}[data-theme=dark] .ovs-badge.course{background:#22c55e26;color:#4ade80}[data-theme=dark] .ovs-badge.grade{background:#a855f726;color:#c084fc}.ovs-pagination{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-shrink:0;font-size:.82rem;gap:.75rem;justify-content:center;padding:.6rem}.ovs-pagination button{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;display:flex;padding:3px 6px;transition:all .12s}.ovs-pagination button:hover:not(:disabled){background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.ovs-pagination button:disabled{cursor:not-allowed;opacity:.4}.ovs-list::-webkit-scrollbar{width:5px}.ovs-list::-webkit-scrollbar-track{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.ovs-list::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-color,#d1d5db);border-radius:3px}.cpp-body::-webkit-scrollbar{width:5px}.cpp-body::-webkit-scrollbar-track{background:#0000}.cpp-body::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:3px}[data-theme=dark] .cpp-sheet,[data-theme=dark] .ovs-panel{background:#1f2937;background:var(--card-bg,#1f2937)}[data-theme=dark] .cpp-header{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .cpp-footer{border-top-color:#374151;border-top-color:var(--border-color,#374151)}[data-theme=dark] .ovs-header,[data-theme=dark] .ovs-row{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .cpp-label{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.cpp-finance-section{background:linear-gradient(135deg,#10b9810f,#0596690a);border:1px solid #10b98140;border-radius:10px;display:flex;flex-direction:column;gap:.75rem;padding:.85rem 1rem}.cpp-finance-header{align-items:center;color:#059669;display:flex;font-size:.88rem;font-weight:700;gap:.5rem}.cpp-finance-header .material-symbols-rounded{font-size:1.1rem}.cpp-finance-row{grid-template-columns:1fr 1fr 1fr!important}.cpp-price-input-wrap{align-items:stretch;display:flex}.cpp-price-prefix{align-items:center;background:#10b9811a;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px 0 0 8px;border-right:none;color:#059669;display:flex;font-size:1rem;font-weight:700;padding:0 .55rem}.cpp-price-input{border-left:none!important;border-radius:0 8px 8px 0!important}@media (max-width:480px){.cpp-finance-row{grid-template-columns:1fr 1fr!important}}.fin-page--reports{background:#fff;min-height:100%}.fin-page--reports .fin-page-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.frp-tab-bar{background:#fff;border-bottom:1px solid #f1f5f9;display:flex;gap:4px;padding:0 20px}.frp-tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:-1px;padding:10px 16px;transition:color .15s,border-color .15s;white-space:nowrap}.frp-tab-btn:hover{color:#1e293b}.frp-tab-btn.active{border-bottom-color:#6366f1;color:#6366f1}.frp-tab-btn .material-symbols-rounded{font-size:18px}.frp-content{flex:1 1;overflow-y:auto}.frp-tab-body{display:flex;flex-direction:column;gap:20px;padding:20px}.frp-filter-bar{align-items:flex-end;background:#fff;border-radius:12px;box-shadow:0 0 0 1px #6366f10d,0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.frp-filter-group{display:flex;flex-direction:column;gap:4px}.frp-filter-group label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.frp-date-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:13px;height:34px;outline:none;padding:0 10px;transition:border-color .15s}.frp-date-input:focus{background:#fff;border-color:#6366f1}.frp-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:13px;height:34px;min-width:150px;outline:none;padding:0 10px}.frp-select:focus{border-color:#6366f1}.frp-run-btn{gap:6px}.frp-export-btn,.frp-run-btn{align-items:center;display:flex;height:34px}.frp-export-btn{font-size:12px;gap:5px}.frp-tally-btn{background:#6366f114;border-color:#6366f133;color:#6366f1}.frp-tally-btn:hover{background:#6366f124}.frp-search-wrap{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:6px;height:34px;max-width:320px;min-width:200px;padding:0 10px}.frp-search-input{background:none;border:none;color:#1e293b;font-size:13px;outline:none;width:100%}.frp-search-input::placeholder{color:#94a3b8}.frp-summary-inline{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.frp-summary-chip{align-items:center;background:#f1f5f9;border-radius:20px;color:#475569;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.frp-chip-red{background:#ef44441a;color:#dc2626}.frp-chip-orange{background:#f59e0b1a;color:#d97706}.frp-summary-cards{display:flex;flex-wrap:wrap;gap:12px}.frp-summary-card{background:#fff;border-radius:12px;box-shadow:0 0 0 1px #6366f10f,0 2px 8px #0000000f;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:140px;padding:14px 18px}.frp-summary-card--green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);box-shadow:0 0 0 1px #10b9811f}.frp-summary-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.frp-summary-value{color:#1e293b;font-size:20px;font-weight:700}.frp-section{display:flex;flex-direction:column;gap:12px}.frp-section-title{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:7px;margin:0}.frp-section-title .material-symbols-rounded{color:#6366f1;font-size:18px}.frp-table-wrap{border-radius:12px;box-shadow:0 0 0 1px #6366f10f,0 2px 12px #0000000f;overflow:hidden;overflow-x:auto}.frp-table{background:#fff;border-collapse:collapse;font-size:13px;min-width:600px;width:100%}.frp-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.frp-table th{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase}.frp-table td,.frp-table th{padding:10px 14px;white-space:nowrap}.frp-table td{border-bottom:1px solid #f1f5f9;color:#1e293b}.frp-table tbody tr:last-child td{border-bottom:none}.frp-table tbody tr:hover{background:#f8fafc}.frp-total-cell{color:#1e293b;font-weight:700}.frp-grand-row{background:#f1f5f9!important;border-top:2px solid #e2e8f0}.frp-grand-row td{border-bottom:none;font-weight:600}.frp-row-high{background:#ef444408}.frp-row-high:hover{background:#ef44440f!important}.frp-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:14px;gap:10px;justify-content:center;padding:60px 20px;text-align:center}.frp-empty p{margin:0}.frp-tally-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.frp-tally-card{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #6366f112,0 4px 16px #00000012;display:flex;flex-direction:column;gap:12px;padding:24px}.frp-tally-card h3{color:#1e293b;font-size:16px;font-weight:700;margin:0}.frp-tally-card p{color:#475569;font-size:13px;line-height:1.6;margin:0}.frp-tally-card-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:44px;justify-content:center;width:44px}.frp-tally-card-icon .material-symbols-rounded{font-size:24px}.frp-tally-fields{display:flex;flex-wrap:wrap;gap:6px}.frp-tally-fields span{background:#f1f5f9;border-radius:6px;color:#475569;font-size:11px;font-weight:500;padding:3px 8px}.frp-tally-export-btn{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:600;gap:7px;height:40px;justify-content:center;margin-top:4px;width:100%}.frp-tally-note{align-items:flex-start;background:#6366f10d;border-radius:10px;color:#475569;display:flex;font-size:12.5px;gap:8px;line-height:1.5;padding:12px 16px}.frp-tally-note .material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:16px;margin-top:1px}:root{--fym-accent:#0d9488;--fym-accent-dark:#0f766e;--fym-accent-glow:#0d948826;--fym-accent-financial:#6366f1;--fym-accent-academic:#059669;--fym-page-bg:linear-gradient(135deg,#f0fdfa,#f8fafc);--fym-text-primary:#0f172a;--fym-text-secondary:#334155;--fym-text-muted:#64748b;--fym-header-bg:linear-gradient(135deg,#ccfbf1,#f8fafc);--fym-header-border:#0d948840;--fym-header-shadow:0 4px 14px #0d948824;--fym-header-icon-bg:linear-gradient(135deg,#0d9488,#0f766e);--fym-header-icon-text:#fff;--fym-card-bg:#fff;--fym-card-border:#e2e8f0e6;--fym-card-shadow:0 4px 16px #0000000d;--fym-card-hover-shadow:0 8px 24px #00000017;--fym-card-default-bg:linear-gradient(135deg,#f0fdfa,#ccfbf1);--fym-card-default-border:#0d94884d;--fym-card-inactive-opacity:.7;--fym-input-bg:#fffc;--fym-input-border:#e2e8f0e6;--fym-btn-primary-bg:linear-gradient(135deg,#0d9488,#0f766e);--fym-btn-primary-text:#fff;--fym-btn-primary-shadow:0 4px 12px #0d94884d;--fym-btn-secondary-bg:#ffffffe6;--fym-btn-secondary-text:#374151;--fym-btn-secondary-border:#e5e7eb;--fym-banner-success-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--fym-banner-success-text:#065f46;--fym-banner-success-border:#065f4633;--fym-banner-error-bg:linear-gradient(135deg,#fee2e2,#fecaca);--fym-banner-error-text:#991b1b;--fym-banner-error-border:#fca5a5;--fym-default-banner-bg:linear-gradient(135deg,#ccfbf1,#a7f3d0);--fym-default-banner-text:#065f46;--fym-default-banner-border:#0d948840;--fym-warn-bg:#fef3c7cc;--fym-warn-text:#92400e;--fym-warn-border:#f59e0b4d;--fym-modal-overlay:#0206178c;--fym-modal-bg:#fff;--fym-modal-border:#e2e8f0;--fym-modal-shadow:0 0 0 1px #0000000f,0 40px 80px #00000038}[data-theme=dark]{--fym-accent:#2dd4bf;--fym-accent-dark:#14b8a6;--fym-accent-glow:#2dd4bf2e;--fym-page-bg:#0f172afa;--fym-text-primary:#f1f5f9;--fym-text-secondary:#cbd5e1;--fym-text-muted:#94a3b8;--fym-header-bg:linear-gradient(135deg,#0d948833,#1a1a1af2);--fym-header-border:#2dd4bf40;--fym-header-shadow:0 4px 14px #2dd4bf26;--fym-header-icon-bg:linear-gradient(135deg,#0d9488,#0f766e);--fym-header-icon-text:#f0fdfa;--fym-card-bg:#1e293beb;--fym-card-border:#ffffff17;--fym-card-shadow:0 4px 18px #00000073;--fym-card-hover-shadow:0 8px 28px #000000a6;--fym-card-default-bg:linear-gradient(135deg,#0d94882e,#1e293beb);--fym-card-default-border:#2dd4bf4d;--fym-input-bg:#0f172acc;--fym-input-border:#ffffff1f;--fym-btn-secondary-bg:#334155cc;--fym-btn-secondary-text:#f1f5f9;--fym-btn-secondary-border:#ffffff26;--fym-banner-success-bg:#065f4640;--fym-banner-success-text:#6ee7b7;--fym-banner-success-border:#065f4659;--fym-banner-error-bg:#991b1b40;--fym-banner-error-text:#fca5a5;--fym-banner-error-border:#991b1b59;--fym-default-banner-bg:linear-gradient(135deg,#0d948833,#1a1a1af2);--fym-default-banner-text:#5eead4;--fym-default-banner-border:#2dd4bf40;--fym-warn-bg:#92400e33;--fym-warn-text:#fcd34d;--fym-warn-border:#f59e0b40;--fym-modal-bg:#1e293b;--fym-modal-border:#ffffff1a;--fym-modal-shadow:0 0 0 1px #ffffff0f,0 40px 80px #000000b3}.fym-page{background:linear-gradient(135deg,#f0fdfa,#f8fafc);background:var(--fym-page-bg);color:#0f172a;color:var(--fym-text-primary);font-family:Google Sans,Poppins,sans-serif;min-height:100vh;padding:1rem;transition:background .3s}.fym-header{background:linear-gradient(135deg,#ccfbf1,#f8fafc);background:var(--fym-header-bg);border:1px solid #0d948840;border:1px solid var(--fym-header-border);border-radius:14px;box-shadow:0 4px 14px #0d948824;box-shadow:var(--fym-header-shadow);flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.2rem}.fym-header,.fym-header-content{align-items:center;display:flex;gap:1rem}.fym-header-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#0f766e);background:var(--fym-header-icon-bg);border-radius:12px;color:#fff;color:var(--fym-header-icon-text);display:flex;flex-shrink:0;font-size:1.4rem;height:60px;justify-content:center;width:60px}.fym-header-icon .material-symbols-rounded{font-size:1.6rem}.fym-header-text h1{color:#0f172a;color:var(--fym-text-primary);font-size:1.4rem;font-weight:700;margin:0}.fym-header-text p{color:#64748b;color:var(--fym-text-muted);font-size:.9rem;margin:.3rem 0 0}.fym-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.6rem}.fym-btn-primary{align-items:center;background:linear-gradient(135deg,#0d9488,#0f766e);background:var(--fym-btn-primary-bg);border:none;border-radius:10px;box-shadow:0 4px 12px #0d94884d;box-shadow:var(--fym-btn-primary-shadow);color:#fff;color:var(--fym-btn-primary-text);cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:.45rem;padding:.55rem 1.1rem;transition:opacity .15s,transform .12s}.fym-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.fym-btn-primary:disabled{cursor:not-allowed;opacity:.65;transform:none}.fym-btn-secondary{align-items:center;background:#ffffffe6;background:var(--fym-btn-secondary-bg);border:1px solid #e5e7eb;border:1px solid var(--fym-btn-secondary-border);border-radius:10px;color:#374151;color:var(--fym-btn-secondary-text);cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:500;gap:.4rem;padding:.5rem .9rem;transition:background .15s}.fym-btn-secondary:hover{background:#0d948826;background:var(--fym-accent-glow)}.fym-btn-secondary .material-symbols-rounded{font-size:1.1rem}.fym-btn-cancel{background:#ef444414;border:1px solid #ef444440;border-radius:10px;color:#dc2626;cursor:pointer;font-size:13.5px;font-weight:600;padding:.55rem 1.1rem;transition:background .15s}.fym-btn-cancel:hover{background:#ef444426}.fym-banner{align-items:center;border-radius:10px;display:flex;font-size:13.5px;font-weight:500;gap:.75rem;margin-bottom:.9rem;padding:.75rem 1rem}.fym-banner--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:var(--fym-banner-success-bg);border:1px solid #065f4633;border:1px solid var(--fym-banner-success-border);color:#065f46;color:var(--fym-banner-success-text)}.fym-banner--error{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--fym-banner-error-bg);border:1px solid #fca5a5;border:1px solid var(--fym-banner-error-border);color:#991b1b;color:var(--fym-banner-error-text)}.fym-banner .material-symbols-rounded{flex-shrink:0;font-size:1.1rem}.fym-banner-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;margin-left:auto;opacity:.7;padding:2px}.fym-banner-close:hover{opacity:1}.fym-default-banner{background:linear-gradient(135deg,#ccfbf1,#a7f3d0);background:var(--fym-default-banner-bg);border:1px solid #0d948840;border:1px solid var(--fym-default-banner-border);border-radius:10px;margin-bottom:.9rem;padding:.8rem 1rem}.fym-default-banner-inner{align-items:center;color:#065f46;color:var(--fym-default-banner-text);display:flex;gap:.9rem}.fym-default-banner-inner .material-symbols-rounded{font-size:1.2rem}.fym-default-banner-inner strong{font-size:.95rem;font-weight:700}.fym-default-banner-inner p{font-size:.85rem;margin:.2rem 0 0;opacity:.8}.fym-warn-banner{align-items:flex-start;background:#fef3c7cc;background:var(--fym-warn-bg);border:1px solid #f59e0b4d;border:1px solid var(--fym-warn-border);border-radius:10px;color:#92400e;color:var(--fym-warn-text);display:flex;font-size:13px;gap:.75rem;margin-top:.9rem;padding:.75rem 1rem}.fym-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.fym-search-wrap{flex:1 1;max-width:380px;position:relative}.fym-search-icon{color:#64748b;color:var(--fym-text-muted);font-size:.85rem;left:.9rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.fym-search-input{background:#fffc;background:var(--fym-input-bg);border:2px solid #e2e8f0e6;border:2px solid var(--fym-input-border);border-radius:10px;box-sizing:border-box;color:#0f172a;color:var(--fym-text-primary);font-size:.95rem;outline:none;padding:.65rem 1rem .65rem 2.4rem;transition:border-color .2s,box-shadow .2s;width:100%}.fym-search-input:focus{border-color:#0d9488;border-color:var(--fym-accent);box-shadow:0 0 0 3px #0d948826;box-shadow:0 0 0 3px var(--fym-accent-glow)}.fym-filter-select{background:#fffc;background:var(--fym-input-bg);border:2px solid #e2e8f0e6;border:2px solid var(--fym-input-border);border-radius:10px;color:#0f172a;color:var(--fym-text-primary);cursor:pointer;font-size:.9rem;outline:none;padding:.65rem 1rem;transition:border-color .2s}.fym-filter-select:focus{border-color:#0d9488;border-color:var(--fym-accent)}.fym-loading{color:#64748b;color:var(--fym-text-muted);padding:3rem 1rem;text-align:center}.fym-spinner{animation:fym-spin .8s linear infinite;border:3px solid #e2e8f0e6;border-top-color:#0d9488;border:3px solid var(--fym-input-border);border-radius:50%;border-top-color:var(--fym-accent);height:32px;margin:0 auto 1rem;width:32px}@keyframes fym-spin{to{transform:rotate(1turn)}}.fym-empty{color:#64748b;color:var(--fym-text-muted);padding:3.5rem 1rem;text-align:center}.fym-empty .material-symbols-rounded{color:#0d9488;color:var(--fym-accent);display:block;font-size:3rem;margin-bottom:.5rem}.fym-empty h3{color:#0f172a;color:var(--fym-text-primary);font-size:1.1rem;margin:0 0 .5rem}.fym-empty p{font-size:.9rem;margin:0 0 1.2rem;margin-inline:auto;max-width:380px}.fym-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:1rem}.fym-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--fym-card-bg);border:2px solid #e2e8f0e6;border:2px solid var(--fym-card-border);border-radius:14px;box-shadow:0 4px 16px #0000000d;box-shadow:var(--fym-card-shadow);padding:1rem;transition:box-shadow .2s,transform .2s,border-color .2s}.fym-card:hover{box-shadow:0 8px 24px #00000017;box-shadow:var(--fym-card-hover-shadow);transform:translateY(-2px)}.fym-card--default{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);background:var(--fym-card-default-bg);border-color:#0d94884d;border-color:var(--fym-card-default-border)}.fym-card--inactive{opacity:.7;opacity:var(--fym-card-inactive-opacity)}.fym-card-header{margin-bottom:.6rem}.fym-card-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.fym-card-name{color:#0f172a;color:var(--fym-text-primary);font-size:1.05rem;font-weight:700;margin:0}.fym-card-badges{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.35rem}.fym-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;white-space:nowrap}.fym-badge--type-financial{background:#6366f11f;color:#6366f1}.fym-badge--type-academic{background:#0596691f;color:#059669}.fym-badge--default{background:#f59e0b26;color:#d97706}.fym-badge--active{background:#10b98121;color:#059669}.fym-badge--inactive{background:#94a3b826;color:#64748b}[data-theme=dark] .fym-badge--type-financial{background:#6366f133;color:#a5b4fc}[data-theme=dark] .fym-badge--type-academic{background:#05966933;color:#6ee7b7}[data-theme=dark] .fym-badge--default{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .fym-badge--active{background:#10b98133;color:#6ee7b7}[data-theme=dark] .fym-badge--inactive{background:#94a3b81a;color:#94a3b8}.fym-card-body{margin-bottom:.75rem}.fym-card-date-row{align-items:center;color:#334155;color:var(--fym-text-secondary);display:flex;font-size:13px;gap:.5rem}.fym-card-date-row .material-symbols-rounded{color:#0d9488;color:var(--fym-accent);font-size:1rem}.fym-card-actions{border-top:1px solid #e2e8f0e6;border-top:1px solid var(--fym-card-border);display:flex;gap:.4rem;margin-top:.1rem;padding-top:.75rem}.fym-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;height:32px;justify-content:center;transition:background .15s,transform .1s;width:32px}.fym-action-btn:hover{transform:scale(1.08)}.fym-action-btn--edit{background:#6366f11a;color:#6366f1}.fym-action-btn--edit:hover{background:#6366f12e}.fym-action-btn--default{background:#0d94881a;color:#0d9488}.fym-action-btn--default:hover{background:#0d94882e}.fym-action-btn--toggle{background:#ef444414;color:#dc2626}.fym-action-btn--toggle:hover{background:#ef444429}.fym-action-btn--activate{background:#10b9811a;color:#059669}.fym-action-btn--activate:hover{background:#10b9812e}.fym-action-btn--delete{background:#ef444414;color:#dc2626;margin-left:auto}.fym-action-btn--delete:hover{background:#ef444429}.fym-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0206178c;background:var(--fym-modal-overlay);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.fym-modal{animation:fym-modal-in .2s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--fym-modal-bg);border:1px solid #e2e8f0;border:1px solid var(--fym-modal-border);border-radius:16px;box-shadow:0 0 0 1px #0000000f,0 40px 80px #00000038;box-shadow:var(--fym-modal-shadow);display:flex;flex-direction:column;max-height:92vh;max-width:100%;overflow:hidden;width:620px}@keyframes fym-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.fym-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--fym-modal-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.1rem 1.4rem .9rem}.fym-modal-header h2{color:#0f172a;color:var(--fym-text-primary);font-size:1.1rem;font-weight:700;margin:0}.fym-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--fym-text-muted);cursor:pointer;display:flex;font-size:1rem;padding:4px;transition:background .15s,color .15s}.fym-modal-close:hover{background:#ef44441a;color:#dc2626}.fym-modal-form{flex:1 1;overflow-y:auto;padding:1.2rem 1.4rem}.fym-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.fym-form-field{display:flex;flex-direction:column;gap:.35rem}.fym-form-field--full{grid-column:1/-1}.fym-form-label{color:#334155;color:var(--fym-text-secondary);font-size:12.5px;font-weight:600;letter-spacing:.02em}.fym-form-input{background:#fffc;background:var(--fym-input-bg);border:2px solid #e2e8f0e6;border:2px solid var(--fym-input-border);border-radius:10px;box-sizing:border-box;color:#0f172a;color:var(--fym-text-primary);font-size:14px;outline:none;padding:.6rem .85rem;transition:border-color .2s,box-shadow .2s;width:100%}.fym-form-input:focus{border-color:#0d9488;border-color:var(--fym-accent);box-shadow:0 0 0 3px #0d948826;box-shadow:0 0 0 3px var(--fym-accent-glow)}.fym-form-select{cursor:pointer}.fym-field-hint{color:#64748b;color:var(--fym-text-muted);font-size:11.5px}.fym-checkbox-group{display:flex;flex-direction:column;gap:.6rem}.fym-checkbox-label{align-items:center;color:#334155;color:var(--fym-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:.6rem;-webkit-user-select:none;user-select:none}.fym-checkbox-label input[type=checkbox]{accent-color:#0d9488;accent-color:var(--fym-accent);cursor:pointer;flex-shrink:0;height:15px;width:15px}.fym-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--fym-modal-border);display:flex;flex-shrink:0;gap:.6rem;justify-content:flex-end;margin:0 -1.4rem -1.2rem;padding:.9rem 1.4rem 1rem}.au-page{background:#f8fafc;background:var(--bg-secondary,#f8fafc);box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;width:100%}[data-theme=dark] .au-page{background:#0f172a;background:var(--bg-secondary,#0f172a)}.au-loading{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;gap:14px;height:320px;justify-content:center}.au-spinner{animation:au-spin .75s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0d9488;height:36px;width:36px}@keyframes au-spin{to{transform:rotate(1turn)}}.au-empty{color:#64748b;color:var(--text-secondary,#64748b);font-size:.95rem;height:200px}.au-branch-picker,.au-empty{align-items:center;display:flex;justify-content:center}.au-branch-picker{flex:1 1;padding:48px 24px}.au-branch-picker-card{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(1.8);backdrop-filter:blur(16px) saturate(1.8);background:#ffffffd9;border:1px solid #ffffffe6;border-radius:20px;box-shadow:0 8px 32px #0f172a1a;display:flex;flex-direction:column;gap:12px;max-width:480px;padding:48px 40px;text-align:center;width:100%}.au-branch-picker-icon{color:#0d9488;font-size:3rem;margin-bottom:4px}.au-branch-picker-card h2{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.4rem;font-weight:700;margin:0}.au-branch-picker-card p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.93rem;margin:0 0 8px}.au-branch-picker-row{display:flex;gap:10px;width:100%}.au-branch-picker-row input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;color:var(--text-primary,#0f172a);flex:1 1;font-size:.9rem;outline:none;padding:10px 14px;transition:border .2s}.au-branch-picker-row input:focus{border-color:#0d9488}[data-theme=dark] .au-branch-picker-card{background:#1e293bd9;border-color:#ffffff14}[data-theme=dark] .au-branch-picker-row input{background:#1e293b;border-color:#334155;color:#e2e8f0}.au-hero{background:#0000;box-sizing:border-box;display:flex;flex-direction:column;gap:0;padding:20px 20px 0;width:100%}.au-hero-glass-card{align-items:center;background:linear-gradient(145deg,#fffffff7,#bfdbfea6);border:1px solid #2563eb29;border-radius:20px;box-shadow:0 0 0 1px #2563eb17,0 6px 28px #2563eb1c,0 1px 4px #0000000d,inset 0 1px 0 #fff;display:flex;gap:20px;justify-content:space-between;overflow:hidden;padding:22px 28px;position:relative}.au-hero-glass-card:before{background:radial-gradient(circle,#2563eb1a 0,#0000 70%);border-radius:50%;content:"";height:220px;pointer-events:none;position:absolute;right:-50px;top:-50px;width:220px}[data-theme=dark] .au-hero-glass-card{background:linear-gradient(145deg,#1e293bf7,#1e3a8a61);border-color:#3b82f633;box-shadow:0 0 0 1px #3b82f624,0 6px 28px #0000004d,inset 0 1px 0 #ffffff0d}.au-hero-left{align-items:center;display:flex;flex:1 1;gap:18px;min-width:0;position:relative}.au-hero-logo{background:#ffffffd9;border:1.5px solid #2563eb24;border-radius:14px;box-shadow:0 4px 14px #2563eb21;flex-shrink:0;height:72px;object-fit:contain;padding:8px;width:72px}.au-hero-logo-placeholder{align-items:center;background:linear-gradient(135deg,#2563eb21,#0d948817);border:1.5px solid #2563eb29;border-radius:14px;color:#2563eb;display:flex;flex-shrink:0;font-size:1.8rem;height:72px;justify-content:center;width:72px}.au-org-name{color:#0f172a;font-size:1.65rem;font-weight:800;letter-spacing:-.3px;line-height:1.15;margin:0 0 3px}[data-theme=dark] .au-org-name{color:#f1f5f9}.au-tagline{color:#475569;font-size:.87rem;font-style:italic;margin:0 0 10px}[data-theme=dark] .au-tagline{color:#94a3b8}.au-hero-meta{display:flex;flex-wrap:wrap;gap:6px}.au-meta-chip{align-items:center;background:#2563eb14;border:1px solid #2563eb29;border-radius:20px;color:#1d4ed8;display:inline-flex;font-size:.75rem;font-weight:500;gap:5px;padding:3px 11px;text-decoration:none;transition:background .15s}.au-meta-chip:hover{background:#2563eb26}[data-theme=dark] .au-meta-chip{background:#3b82f624;border-color:#3b82f638;color:#93c5fd}.au-hero-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:10px;position:relative}.au-contact-link{align-items:center;color:#475569;display:flex;font-size:.81rem;gap:5px;text-decoration:none;transition:color .15s}.au-contact-link:hover{color:#2563eb}[data-theme=dark] .au-contact-link{color:#94a3b8}.au-socials{display:flex;gap:7px}.au-social-btn{align-items:center;background:#ffffffd9;border:1px solid #2563eb21;border-radius:10px;box-shadow:0 1px 4px #00000012;color:#64748b;display:flex;font-size:.88rem;height:34px;justify-content:center;text-decoration:none;transition:background .18s,transform .15s,box-shadow .15s,color .15s;width:34px}.au-social-btn:hover{box-shadow:0 4px 12px #00000024;transform:translateY(-2px)}.au-social-btn.fb:hover{background:#1877f2;border-color:#1877f2;color:#fff}.au-social-btn.ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#bc1888);border-color:#0000;color:#fff}.au-social-btn.yt:hover{background:red;border-color:red;color:#fff}.au-social-btn.li:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}.au-hero-kpi-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.au-hero-kpi{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-radius:14px;cursor:default;overflow:hidden;padding:14px 16px 12px;position:relative;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1)}.au-hero-kpi:hover{transform:translateY(-4px)}.au-hero-kpi--indigo{background:linear-gradient(145deg,#ffffffeb,#e0e7ff99);box-shadow:0 0 0 1px #6366f129,0 2px 12px #6366f11a,0 1px 3px #0000000d}.au-hero-kpi--indigo:hover{box-shadow:0 0 0 1px #6366f13d,0 14px 32px #6366f129,0 4px 8px #0000000f}.au-hero-kpi--green{background:linear-gradient(145deg,#ffffffeb,#d1fae599);box-shadow:0 0 0 1px #10b98129,0 2px 12px #10b9811a,0 1px 3px #0000000d}.au-hero-kpi--green:hover{box-shadow:0 0 0 1px #10b9813d,0 14px 32px #10b98129,0 4px 8px #0000000f}.au-hero-kpi--violet{background:linear-gradient(145deg,#ffffffeb,#ede9fe99);box-shadow:0 0 0 1px #8b5cf629,0 2px 12px #8b5cf61a,0 1px 3px #0000000d}.au-hero-kpi--violet:hover{box-shadow:0 0 0 1px #8b5cf63d,0 14px 32px #8b5cf629,0 4px 8px #0000000f}.au-hero-kpi--amber{background:linear-gradient(145deg,#ffffffeb,#fef3c799);box-shadow:0 0 0 1px #f59e0b29,0 2px 12px #f59e0b1a,0 1px 3px #0000000d}.au-hero-kpi--amber:hover{box-shadow:0 0 0 1px #f59e0b3d,0 14px 32px #f59e0b29,0 4px 8px #0000000f}.au-hero-kpi-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.au-hero-kpi-label{color:#64748b;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.au-hero-kpi-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.78rem;height:30px;justify-content:center;width:30px}.au-hero-kpi--indigo .au-hero-kpi-icon{background:linear-gradient(135deg,#818cf8,#4f46e5);box-shadow:0 3px 10px #6366f166}.au-hero-kpi--green .au-hero-kpi-icon{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 3px 10px #10b98166}.au-hero-kpi--violet .au-hero-kpi-icon{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 3px 10px #8b5cf666}.au-hero-kpi--amber .au-hero-kpi-icon{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 3px 10px #f59e0b66}.au-hero-kpi-val{color:#0f172a;font-size:1.15rem;font-weight:800;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.au-hero-kpi-sub{color:#94a3b8;font-size:.7rem}[data-theme=dark] .au-hero-kpi--amber,[data-theme=dark] .au-hero-kpi--green,[data-theme=dark] .au-hero-kpi--indigo,[data-theme=dark] .au-hero-kpi--violet{background:#1e293bcc!important;border:1px solid #ffffff0f}[data-theme=dark] .au-hero-kpi-val{color:#f1f5f9}[data-theme=dark] .au-hero-kpi-label{color:#94a3b8}.au-tab-nav{background:#fff;border-bottom:1px solid #e2e8f0;box-sizing:border-box;display:flex;gap:0;margin-top:16px;padding:0 20px;width:100%}[data-theme=dark] .au-tab-nav{background:#1e293b;border-bottom-color:#334155}.au-tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:.86rem;font-weight:500;padding:11px 18px;transition:color .15s,border-color .15s}.au-tab-btn:hover{color:#2563eb}.au-tab-btn.active{border-bottom-color:#2563eb;color:#2563eb;font-weight:600}[data-theme=dark] .au-tab-btn{color:#94a3b8}[data-theme=dark] .au-tab-btn.active,[data-theme=dark] .au-tab-btn:hover{color:#60a5fa}[data-theme=dark] .au-tab-btn.active{border-bottom-color:#60a5fa}.au-body{box-sizing:border-box;flex:1 1;padding:24px 20px 40px;width:100%}.au-body,[data-theme=dark] .au-body{background:#0000}.au-tab-content{width:100%}.au-section{margin-bottom:24px}.au-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.au-section-title{align-items:center;color:#94a3b8;display:flex;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}[data-theme=dark] .au-section-title{color:#64748b}.au-prose{color:#475569;font-size:.93rem;line-height:1.8;white-space:pre-wrap}[data-theme=dark] .au-prose{color:#cbd5e1}.au-eyebrow{color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.au-overview-about{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 260px;margin-bottom:20px}@media (max-width:800px){.au-overview-about{grid-template-columns:1fr}}.au-about-text{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 1px 6px #0000000a;padding:28px 32px}.au-about-text .au-eyebrow{margin-bottom:12px}.au-about-prose{color:#334155;font-size:.96rem;line-height:1.85;margin:0;white-space:pre-wrap}[data-theme=dark] .au-about-text{background:#1e293b;border-color:#334155}[data-theme=dark] .au-about-prose{color:#cbd5e1}.au-about-facts{display:flex;flex-direction:column;gap:12px}.au-fact-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 5px #0000000a;display:flex;gap:14px;padding:14px 16px}[data-theme=dark] .au-fact-row{background:#1e293b;border-color:#334155}.au-fact-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;height:38px;justify-content:center;width:38px}.au-fact-icon--green{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 3px 10px #10b98159}.au-fact-icon--blue{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 3px 10px #2563eb59}.au-fact-icon--amber{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 3px 10px #f59e0b59}.au-fact-icon--teal{background:linear-gradient(135deg,#2dd4bf,#0d9488);box-shadow:0 3px 10px #0d948859}.au-fact-val{color:#0f172a;font-size:.95rem;font-weight:700;line-height:1.2}.au-fact-lbl{color:#94a3b8;font-size:.72rem;margin-top:1px}[data-theme=dark] .au-fact-val{color:#f1f5f9}.au-mv-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:700px){.au-mv-row{grid-template-columns:1fr}}.au-mv-card{align-items:flex-start;border:1px solid #0000;border-radius:18px;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:28px 28px 26px;position:relative;transition:transform .22s,box-shadow .22s}.au-mv-card:hover{transform:translateY(-3px)}.au-mv-card--teal{background:linear-gradient(145deg,#fff,#d1fae599);border-color:#0d94882e;box-shadow:0 0 0 1px #0d94881a,0 4px 20px #0d94881a,inset 0 1px 0 #fff}.au-mv-card--teal:hover{box-shadow:0 0 0 1px #0d94882e,0 14px 36px #0d948824,inset 0 1px 0 #fff}.au-mv-card--blue{background:linear-gradient(145deg,#fff,#dbeafea6);border-color:#2563eb2e;box-shadow:0 0 0 1px #2563eb1a,0 4px 20px #2563eb1a,inset 0 1px 0 #fff}.au-mv-card--blue:hover{box-shadow:0 0 0 1px #2563eb2e,0 14px 36px #2563eb24,inset 0 1px 0 #fff}[data-theme=dark] .au-mv-card--teal{background:linear-gradient(145deg,#1e293bf7,#134e4a59);border-color:#0d948838}[data-theme=dark] .au-mv-card--blue{background:linear-gradient(145deg,#1e293bf7,#1e3a8a59);border-color:#2563eb38}.au-mv-icon-wrap{margin-bottom:4px}.au-mv-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1rem;height:44px;justify-content:center;width:44px}.au-mv-icon--teal{background:linear-gradient(135deg,#2dd4bf,#0d9488);box-shadow:0 4px 14px #0d948866}.au-mv-icon--blue{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 4px 14px #2563eb66}.au-mv-label{color:#64748b;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}[data-theme=dark] .au-mv-label{color:#475569}.au-mv-text{color:#334155;font-size:.94rem;line-height:1.8;margin:0}[data-theme=dark] .au-mv-text{color:#cbd5e1}.au-accred-card{align-items:flex-start;background:linear-gradient(145deg,#fff,#fef3c78c);border:1px solid #f59e0b33;border-radius:18px;box-shadow:0 0 0 1px #f59e0b14,0 4px 18px #f59e0b17,inset 0 1px 0 #fff;display:flex;gap:18px;margin-bottom:20px;padding:22px 26px;transition:transform .22s,box-shadow .22s}.au-accred-card:hover{box-shadow:0 0 0 1px #f59e0b29,0 12px 28px #f59e0b1f,inset 0 1px 0 #fff;transform:translateY(-2px)}[data-theme=dark] .au-accred-card{background:linear-gradient(145deg,#1e293bf7,#78350f33);border-color:#f59e0b38}.au-accred-icon-wrap{align-items:center;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:12px;box-shadow:0 4px 14px #f59e0b66;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:44px;justify-content:center;margin-top:2px;width:44px}.au-accred-body{flex:1 1}.au-accred-text{color:#334155;font-size:.94rem;line-height:1.78;margin:0}[data-theme=dark] .au-accred-text{color:#cbd5e1}.au-facilities-block{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 1px 6px #0000000a;margin-bottom:20px;padding:24px 26px}[data-theme=dark] .au-facilities-block{background:#1e293b;border-color:#334155}.au-facilities-grid{display:flex;flex-wrap:wrap;gap:10px}.au-facility-pill{align-items:center;background:#0d948812;border:1px solid #0d94882e;border-radius:30px;color:#0f766e;display:inline-flex;font-size:.84rem;font-weight:500;gap:7px;padding:6px 14px;transition:background .15s}.au-facility-pill:hover{background:#0d948821}.au-facility-check{color:#0d9488;font-size:.72rem}[data-theme=dark] .au-facility-pill{background:#0d94881f;border-color:#0d948838;color:#2dd4bf}.au-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 6px #0000000a;margin-bottom:16px;padding:22px 24px}.au-card h3{color:#94a3b8;font-size:.72rem;font-weight:700;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.au-card p{color:#475569;font-size:.92rem;line-height:1.75;margin:0}[data-theme=dark] .au-card{background:#1e293b;border-color:#334155}.au-two-col{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media (max-width:700px){.au-two-col{grid-template-columns:1fr}}.au-empty-state{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:14px;box-shadow:0 2px 12px #0000000d;color:#94a3b8;display:flex;flex-direction:column;font-size:.92rem;gap:14px;justify-content:center;padding:60px 24px}.au-empty-icon{color:#e2e8f0;font-size:2.8rem}[data-theme=dark] .au-empty-state{background:#1e293b99;border-color:#ffffff12;color:#64748b}.au-staff-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));width:100%}.au-staff-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:row;gap:16px;padding:18px 20px;transition:box-shadow .2s,transform .2s}.au-staff-card:hover{border-color:#cbd5e1;box-shadow:0 6px 24px #00000017;transform:translateY(-2px)}.au-staff-card--inactive{opacity:.55}[data-theme=dark] .au-staff-card{background:#1e293b;border-color:#334155}[data-theme=dark] .au-staff-card:hover{border-color:#475569}.au-staff-avatar-wrap{flex-direction:column;gap:8px}.au-staff-avatar,.au-staff-avatar-wrap{align-items:center;display:flex;flex-shrink:0}.au-staff-avatar{border-radius:14px;box-shadow:0 3px 12px #00000029;color:#fff;font-size:1.3rem;font-weight:700;height:64px;justify-content:center;overflow:hidden;width:64px}.au-staff-avatar img{height:100%;object-fit:cover;width:100%}.au-staff-socials{display:flex;gap:5px}.au-staff-social-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;color:#64748b;display:flex;font-size:.75rem;height:26px;justify-content:center;text-decoration:none;transition:background .15s,color .15s;width:26px}.au-staff-social-btn:hover{background:#0d9488;border-color:#0d9488;color:#fff}.au-staff-social-btn--li:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}[data-theme=dark] .au-staff-social-btn{background:#334155;border-color:#475569;color:#94a3b8}.au-staff-info{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.au-staff-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px}.au-staff-name{color:#0f172a;font-size:.98rem;font-weight:700;line-height:1.3;margin:0 0 5px}[data-theme=dark] .au-staff-name{color:#f1f5f9}.au-desig-badge{border:1px solid;border-radius:20px;display:inline-block;font-size:.72rem;font-weight:600;margin-right:5px;padding:2px 10px}.au-dept-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;display:inline-block;font-size:.7rem;font-weight:500;padding:2px 9px}[data-theme=dark] .au-dept-badge{background:#334155;border-color:#475569;color:#94a3b8}.au-inactive-badge{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#ef4444;display:inline-block;font-size:.68rem;margin-left:4px;padding:2px 8px}.au-staff-quals{color:#0d9488;font-size:.78rem;font-weight:500;margin:0}.au-staff-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.83rem;line-height:1.65;margin:0;overflow:hidden}.au-staff-bio--expanded{-webkit-line-clamp:unset!important;overflow:visible!important}[data-theme=dark] .au-staff-bio{color:#94a3b8}.au-bio-toggle{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.75rem;font-weight:600;padding:0}.au-bio-toggle:hover{text-decoration:underline}.au-staff-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.au-staff-meta-chip{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;display:inline-flex;font-size:.72rem;font-weight:500;gap:4px;padding:2px 9px}[data-theme=dark] .au-staff-meta-chip{background:#334155;border-color:#475569;color:#94a3b8}.au-staff-actions{display:flex;flex-shrink:0;gap:4px}.au-count-badge{align-items:center;background:#0d948822;border-radius:20px;color:#0d9488;display:inline-flex;font-size:.72rem;font-weight:600;margin-left:10px;padding:2px 10px;vertical-align:middle}.au-team-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.au-team-search{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;color:var(--text-primary,#0f172a);font-size:.88rem;outline:none;padding:8px 14px;transition:border .2s;width:220px}.au-team-search:focus{border-color:#0d9488}[data-theme=dark] .au-team-search{background:#1e293b;border-color:#334155;color:#e2e8f0}.au-filter-pills{display:flex;flex-wrap:wrap;gap:6px}.au-filter-pill{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:500;padding:5px 14px;transition:all .18s}.au-filter-pill:hover{border-color:#0d9488;color:#0d9488}.au-filter-pill.active{background:#0d9488;border-color:#0d9488;color:#fff}[data-theme=dark] .au-filter-pill{background:#1e293b;border-color:#334155;color:#94a3b8}.au-dept-group{margin-bottom:32px}.au-dept-heading{border-bottom:1px solid #e2e8f0;color:#94a3b8;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:0 0 14px;padding-bottom:6px;text-transform:uppercase}[data-theme=dark] .au-dept-heading{border-bottom-color:#1e293b;color:#475569}.au-list-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));width:100%}.au-list-chip{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:10px;box-shadow:0 2px 10px #0000000d;color:#374151;display:flex;font-size:.88rem;gap:10px;padding:11px 14px;transition:transform .15s,box-shadow .15s}.au-list-chip:hover{box-shadow:0 4px 16px #00000017;transform:translateY(-1px)}.au-chip-icon{color:#0d9488;flex-shrink:0}[data-theme=dark] .au-list-chip{background:#1e293ba6;border-color:#ffffff12;color:#cbd5e1}.au-achievements-list{display:flex;flex-direction:column;gap:10px;width:100%}.au-achievement-item{align-items:flex-start;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:14px;padding:14px 18px;transition:transform .15s,box-shadow .15s}.au-achievement-item:hover{box-shadow:0 4px 18px #00000014;transform:translateX(4px)}.au-achievement-num{align-items:center;background:linear-gradient(135deg,#0d9488,#0891b2);border-radius:50%;box-shadow:0 2px 8px #0d948859;color:#fff;display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;height:28px;justify-content:center;width:28px}.au-achievement-item p{color:#374151;font-size:.91rem;line-height:1.65;margin:0;padding-top:3px}[data-theme=dark] .au-achievement-item{background:#1e293ba6;border-color:#ffffff12}[data-theme=dark] .au-achievement-item p{color:#cbd5e1}.au-edit-form{backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);background:#ffffffbf;border:1px solid #fffffff2;border-radius:16px;box-shadow:0 8px 32px #00000014,inset 0 1px 0 #fff;box-sizing:border-box;padding:26px 30px;width:100%}[data-theme=dark] .au-edit-form{background:#1e293bb3;border-color:#ffffff14;box-shadow:0 8px 32px #0000004d}.au-form-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:22px;padding-bottom:16px}[data-theme=dark] .au-form-header{border-bottom-color:#1e293b}.au-form-header h2{color:#1e293b;font-size:1rem;font-weight:700;margin:0}[data-theme=dark] .au-form-header h2{color:#f1f5f9}.au-form-actions{display:flex;gap:10px}.au-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:650px){.au-form-grid{grid-template-columns:1fr}}.au-field{display:flex;flex-direction:column;gap:5px}.au-field--full{grid-column:1/-1}.au-field--toggle{align-items:center;flex-direction:row;gap:12px}.au-field label{align-items:center;color:#64748b;display:flex;font-size:.76rem;font-weight:600;gap:5px;letter-spacing:.05em;text-transform:uppercase}[data-theme=dark] .au-field label{color:#94a3b8}.au-label-hint{color:#94a3b8;font-weight:400;letter-spacing:0;text-transform:none}.au-required{color:#ef4444}.au-field input,.au-field textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:.88rem;outline:none;padding:8px 12px;resize:vertical;transition:border-color .15s,box-shadow .15s}.au-field input::placeholder,.au-field textarea::placeholder{color:#94a3b8}.au-field input:focus,.au-field textarea:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}[data-theme=dark] .au-field input,[data-theme=dark] .au-field textarea{background:#0f172a99;border-color:#334155;color:#f1f5f9}[data-theme=dark] .au-field input:focus,[data-theme=dark] .au-field textarea:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d3991f}.au-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.au-modal{backdrop-filter:blur(24px) saturate(2);-webkit-backdrop-filter:blur(24px) saturate(2);background:#ffffffd9;border:1px solid #fffffff2;border-radius:18px;box-shadow:0 24px 64px #00000026,inset 0 1px 0 #fff;display:flex;flex-direction:column;max-height:90vh;max-width:540px;overflow:hidden;width:100%}[data-theme=dark] .au-modal{background:#0f172ad9;border-color:#ffffff1a;box-shadow:0 24px 64px #00000073}.au-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:18px 22px}[data-theme=dark] .au-modal-header{border-bottom-color:#1e293b}.au-modal-header h3{color:#1e293b;font-size:.97rem;font-weight:700;margin:0}[data-theme=dark] .au-modal-header h3{color:#f1f5f9}.au-modal-close{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;color:#64748b;cursor:pointer;display:flex;font-size:.88rem;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.au-modal-close:hover{background:#e2e8f0;color:#1e293b}.au-modal-body{flex:1 1;overflow-y:auto;padding:20px 22px}.au-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:14px 22px}[data-theme=dark] .au-modal-footer{border-top-color:#1e293b}.au-photo-upload{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.au-photo-preview{border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;height:64px;object-fit:cover;width:64px}.au-upload-btn{align-items:center;background:#0d9488;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.87rem;font-weight:500;gap:6px;padding:8px 16px;transition:background .2s,opacity .2s;white-space:nowrap}.au-upload-btn:hover{background:#0f766e}.au-upload-btn--loading{cursor:not-allowed;opacity:.65}.au-btn-sm{font-size:.82rem;padding:6px 12px}.au-toggle{display:inline-block;height:24px;position:relative;width:42px}.au-toggle input{height:0;opacity:0;width:0}.au-toggle-slider{background:#cbd5e1;border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.au-toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 4px #00000026;content:"";height:18px;left:3px;position:absolute;transition:transform .2s;width:18px}.au-toggle input:checked+.au-toggle-slider{background:#0d9488}.au-toggle input:checked+.au-toggle-slider:before{transform:translateX(18px)}.au-btn-primary{align-items:center;background:#0d9488;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:600;gap:7px;padding:8px 16px;transition:background .15s,box-shadow .15s,transform .1s;white-space:nowrap}.au-btn-primary:hover:not(:disabled){background:#0f766e;box-shadow:0 4px 14px #0d948859;transform:translateY(-1px)}.au-btn-primary:active:not(:disabled){transform:translateY(0)}.au-btn-primary:disabled{cursor:not-allowed;opacity:.5}.au-btn-ghost{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:500;gap:7px;padding:8px 16px;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.au-btn-ghost:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#374151}.au-btn-ghost:disabled{cursor:not-allowed;opacity:.45}.au-icon-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#64748b;cursor:pointer;display:flex;font-size:.78rem;height:28px;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:28px}.au-icon-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.au-icon-btn--danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.au-field select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-family:inherit;font-size:.88rem;outline:none;padding:8px 12px;transition:border-color .15s}.au-field select:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}[data-theme=dark] .au-field select{background:#1e293b;border-color:#334155;color:#e2e8f0}.au-account-page-title{color:#0f172a;font-size:1.05rem;font-weight:800;margin:0 0 3px}[data-theme=dark] .au-account-page-title{color:#f1f5f9}.au-account-page-sub{align-items:center;color:#94a3b8;display:flex;font-size:.76rem;gap:6px;margin:0}.au-account-page-sub:before{content:"🔒";font-size:.72rem}.au-account-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;width:100%}@media (max-width:760px){.au-account-grid{grid-template-columns:1fr}}.au-account-card{border:1px solid #0000;border-radius:18px;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:22px 24px;position:relative;transition:transform .2s,box-shadow .2s}.au-account-card:hover{transform:translateY(-2px)}.au-account-card--blue{background:linear-gradient(145deg,#fff,#dbeafea6);border-color:#2563eb29;box-shadow:0 0 0 1px #2563eb17,0 4px 20px #2563eb17,inset 0 1px 0 #fff}.au-account-card--blue:hover{box-shadow:0 0 0 1px #2563eb2e,0 14px 34px #2563eb1f,inset 0 1px 0 #fff}.au-account-card--amber{background:linear-gradient(145deg,#fff,#fef3c799);border-color:#f59e0b2e;box-shadow:0 0 0 1px #f59e0b17,0 4px 20px #f59e0b17,inset 0 1px 0 #fff}.au-account-card--amber:hover{box-shadow:0 0 0 1px #f59e0b33,0 14px 34px #f59e0b1f,inset 0 1px 0 #fff}.au-account-card--teal{background:linear-gradient(145deg,#fff,#ccfbf199);border-color:#0d948829;box-shadow:0 0 0 1px #0d948817,0 4px 20px #0d948817,inset 0 1px 0 #fff}.au-account-card--teal:hover{box-shadow:0 0 0 1px #0d94882e,0 14px 34px #0d94881f,inset 0 1px 0 #fff}.au-account-card--green{background:linear-gradient(145deg,#fff,#d1fae599);border-color:#10b98129;box-shadow:0 0 0 1px #10b98117,0 4px 20px #10b98117,inset 0 1px 0 #fff}.au-account-card--green:hover{box-shadow:0 0 0 1px #10b9812e,0 14px 34px #10b9811f,inset 0 1px 0 #fff}[data-theme=dark] .au-account-card--blue{background:linear-gradient(145deg,#1e293bf7,#1e3a8a4d);border-color:#2563eb33}[data-theme=dark] .au-account-card--amber{background:linear-gradient(145deg,#1e293bf7,#78350f38);border-color:#f59e0b38}[data-theme=dark] .au-account-card--teal{background:linear-gradient(145deg,#1e293bf7,#134e4a4d);border-color:#0d948838}[data-theme=dark] .au-account-card--green{background:linear-gradient(145deg,#1e293bf7,#064e3b47);border-color:#10b98138}.au-account-card-header{align-items:center;display:flex;gap:10px}.au-account-card-title{color:#64748b;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}[data-theme=dark] .au-account-card-title{color:#475569}.au-account-card-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;height:36px;justify-content:center;width:36px}.au-account-card-icon--sm{border-radius:8px;font-size:.74rem;height:28px;width:28px}.au-account-card-icon--blue{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 3px 10px #2563eb61}.au-account-card-icon--amber{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 3px 10px #f59e0b61}.au-account-card-icon--teal{background:linear-gradient(135deg,#2dd4bf,#0d9488);box-shadow:0 3px 10px #0d948861}.au-account-card-icon--green{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 3px 10px #10b98161}.au-account-rows{display:flex;flex-direction:column;gap:10px}.au-account-row{align-items:baseline;border-bottom:1px solid #0000000d;display:flex;gap:10px;justify-content:space-between;padding-bottom:9px}.au-account-row:last-child{border-bottom:none;padding-bottom:0}[data-theme=dark] .au-account-row{border-bottom-color:#ffffff0d}.au-account-lbl{color:#94a3b8;flex-shrink:0;font-size:.74rem;font-weight:500;white-space:nowrap}.au-account-val{color:#1e293b;font-size:.86rem;font-weight:600;text-align:right;word-break:break-all}[data-theme=dark] .au-account-val{color:#e2e8f0}.au-account-val--mono{font-family:Courier New,Courier,monospace;font-size:.82rem;letter-spacing:.04em}.au-account-empty{color:#cbd5e1;font-weight:400}.au-account-link{color:#0d9488;font-size:.83rem;text-decoration:none}.au-account-link:hover{text-decoration:underline}.au-plan-badge{background:linear-gradient(135deg,#34d399,#059669);border-radius:20px;color:#fff;display:inline-block;letter-spacing:.04em;padding:2px 10px;text-transform:uppercase}.au-expiry-warn,.au-plan-badge{font-size:.72rem;font-weight:700}.au-expiry-warn{color:#f59e0b}.au-expiry-expired{color:#ef4444;font-size:.72rem;font-weight:700}.au-account-edit-grid{display:flex;flex-direction:column;gap:20px;width:100%}.au-account-edit-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 6px #0000000a;padding:20px 24px}[data-theme=dark] .au-account-edit-section{background:#1e293b;border-color:#334155}.au-account-edit-section-header{align-items:center;border-bottom:1px solid #f1f5f9;color:#64748b;display:flex;font-size:.78rem;font-weight:800;gap:10px;letter-spacing:.08em;margin-bottom:16px;padding-bottom:12px;text-transform:uppercase}[data-theme=dark] .au-account-edit-section-header{border-bottom-color:#334155;color:#475569}@media (max-width:640px){.au-hero{padding:12px 12px 0}.au-hero-glass-card{align-items:flex-start;flex-direction:column;gap:14px;padding:16px}.au-hero-left{align-items:flex-start;gap:12px}.au-hero-logo,.au-hero-logo-placeholder{border-radius:10px;font-size:1.35rem;height:52px;width:52px}.au-org-name{font-size:1.15rem;letter-spacing:-.2px;line-height:1.25;word-break:break-word}.au-tagline{font-size:.78rem;margin-bottom:8px}.au-meta-chip{font-size:.68rem;gap:4px;padding:2px 8px}.au-hero-right{align-items:flex-start;gap:8px;width:100%}.au-socials{gap:6px}.au-social-btn{border-radius:8px;font-size:.78rem;height:30px;width:30px}.au-contact-link{font-size:.73rem}.au-hero-kpi-row{gap:8px;grid-template-columns:repeat(2,1fr)}.au-hero-kpi{padding:10px 12px 8px}.au-hero-kpi-val{font-size:.95rem}.au-hero-kpi-label{font-size:.6rem}.au-tabs{padding:0 12px}.au-body{padding:12px}}.hd-page{background:#f0f4ff;color:#1e293b;font-family:Inter,Segoe UI,sans-serif;min-height:100%}[data-theme=dark] .hd-page{background:#0b0f1a;color:#e2e8f0}.hd-hero{backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);background:linear-gradient(135deg,#1e1b4bf7,#312e81f5 40%,#1d4ed8f2);border:1px solid #ffffff21;border-radius:18px;box-shadow:0 6px 28px #1e1b4b4d,0 1px 6px #0000001f,inset 0 1px 0 #ffffff17;color:#fff;margin:14px 20px 0;overflow:hidden;padding:18px 32px 20px;position:relative}.hd-hero-glow{border-radius:50%;filter:blur(55px);pointer-events:none;position:absolute}.hd-glow-1{background:#8b5cf666;height:220px;left:-50px;top:-70px;width:220px}.hd-glow-2{background:#3b82f65c;bottom:-60px;height:180px;right:50px;width:180px}.hd-hero-inner{margin:0 auto;max-width:560px;position:relative;text-align:center;z-index:1}.hd-hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1c;border:1px solid #fff3;border-radius:50px;color:#c7d2fe;display:inline-flex;font-size:.68rem;font-weight:600;gap:5px;letter-spacing:.05em;margin-bottom:7px;padding:3px 10px}.hd-hero-title{color:#fff;font-size:1.35rem;font-weight:800;letter-spacing:-.025em;margin:0 0 4px}.hd-hero-sub{color:#ffffff9e;font-size:.8rem;margin:0 0 14px}.hd-search-wrap{margin:0 auto;max-width:440px;position:relative}.hd-search-icon{align-items:center;display:flex;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hd-search{backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8);background:#ffffff21;border:1px solid #ffffff38;border-radius:10px;box-sizing:border-box;color:#fff;font-size:.82rem;outline:none;padding:9px 34px;transition:background .2s,border-color .2s;width:100%}.hd-search::placeholder{color:#ffffff61}.hd-search:focus{background:#fff3;border-color:#fff6}.hd-search-clear{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:22px}.hd-search-clear:hover{background:#ffffff47}.hd-body{grid-gap:0;align-items:start;box-sizing:border-box;display:grid;gap:0;grid-template-columns:300px 1fr;padding:16px 20px 28px;width:100%}@media (max-width:768px){.hd-body{grid-template-columns:1fr;padding:16px}}.hd-nav{backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);background:#ffffffb8;border:1px solid #cbd5e1a6;border-radius:18px;box-shadow:0 4px 24px #0000000f;padding:20px 12px;position:-webkit-sticky;position:sticky;top:24px}[data-theme=dark] .hd-nav{background:#1e293bbf;border-color:#ffffff14;box-shadow:0 4px 24px #0000004d}.hd-nav-label{color:#94a3b8;font-size:.68rem;font-weight:700;letter-spacing:.1em;margin:0 0 10px;padding:0 8px}.hd-nav-empty{color:#94a3b8;font-size:.82rem;font-style:italic;padding:8px}.hd-nav-item{align-items:flex-start;background:#0000;border:none;border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:10px;margin-bottom:2px;padding:10px;text-align:left;transition:background .15s;width:100%}.hd-nav-item:hover{background:#6366f10f}.hd-nav-active{background:linear-gradient(135deg,#6366f11f,#3b82f614)!important;border:1px solid #6366f12e!important}.hd-nav-icon{border-radius:8px;height:28px;margin-top:1px;width:28px}.hd-nav-text{gap:2px}.hd-nav-title{font-size:.83rem;line-height:1.3}[data-theme=dark] .hd-nav-title{color:#e2e8f0}.hd-nav-active .hd-nav-title{color:#4f46e5}.hd-nav-sub{color:#94a3b8;font-size:.72rem;line-height:1.3}.hd-main{padding-left:28px}@media (max-width:768px){.hd-main{padding-left:0;padding-top:20px}}.hd-doc{animation:hd-doc-in .25s ease;backdrop-filter:blur(24px) saturate(1.7);-webkit-backdrop-filter:blur(24px) saturate(1.7);background:#ffffffd1;border:1px solid #cbd5e199;border-radius:20px;box-shadow:0 4px 30px #00000012;padding:32px 36px}[data-theme=dark] .hd-doc{background:#1e293bc7;border-color:#ffffff14;box-shadow:0 4px 30px #0000004d}@keyframes hd-doc-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hd-doc-icon-wrap{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.hd-doc-title{color:#0f172a;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}[data-theme=dark] .hd-doc-title{color:#f1f5f9}.hd-doc-subtitle{color:#64748b;font-size:.87rem;margin:0}.hd-divider{background:linear-gradient(90deg,#6366f12e,#0000);height:1px;margin-bottom:28px}.hd-doc-content{display:flex;flex-direction:column;gap:0}.hd-intro{background:#6366f10f;border-left:3px solid #6366f1;border-radius:0 10px 10px 0;color:#334155;font-size:.97rem;line-height:1.7;margin:0 0 24px;padding:16px 20px}[data-theme=dark] .hd-intro{background:#6366f11a;color:#cbd5e1}.hd-text{color:#475569;font-size:.92rem;line-height:1.7;margin:0 0 20px}[data-theme=dark] .hd-text{color:#94a3b8}.hd-sub-heading{border-bottom:1px solid #6366f126;color:#1e293b;font-size:1rem;font-weight:700;margin:24px 0 12px;padding-bottom:6px}[data-theme=dark] .hd-sub-heading{border-color:#ffffff14;color:#e2e8f0}.hd-note{align-items:flex-start;background:#f59e0b12;border:1px solid #f59e0b33;border-radius:12px;display:flex;gap:12px;margin-top:20px;padding:14px 18px}.hd-note-icon{flex-shrink:0;font-size:1.1rem;margin-top:1px}.hd-note p{color:#78350f;font-size:.87rem;line-height:1.6;margin:0}[data-theme=dark] .hd-note p{color:#fde68a}[data-theme=dark] .hd-note{background:#f59e0b1a;border-color:#f59e0b40}.hd-heat-bands-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:600px){.hd-heat-bands-grid{grid-template-columns:1fr}}.hd-heat-band{border-radius:10px;padding:14px 16px}.hd-heat-band-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.hd-heat-label{font-size:1rem;font-weight:800;letter-spacing:.04em}.hd-heat-range{font-size:.78rem;font-weight:600;opacity:.85}.hd-heat-desc{color:#475569;font-size:.82rem;line-height:1.5;margin:0}[data-theme=dark] .hd-heat-desc{color:#94a3b8}.hd-score-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:700px){.hd-score-grid{grid-template-columns:1fr}}.hd-score-comp{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #cbd5e180;border-radius:12px;padding:14px 16px}[data-theme=dark] .hd-score-comp{background:#1e293b80;border-color:#ffffff12}.hd-score-comp-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.hd-score-comp-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.hd-score-comp-name{color:#1e293b;flex:1 1;font-size:.85rem;font-weight:700}[data-theme=dark] .hd-score-comp-name{color:#e2e8f0}.hd-score-comp-cap{background:currentColor;border-radius:50px;color:inherit!important;filter:brightness(1.8) opacity(.85);font-size:.72rem;font-weight:600;opacity:.9;padding:2px 8px}.hd-score-points{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.hd-score-points li{align-items:flex-start;color:#475569;display:flex;font-size:.8rem;gap:6px;line-height:1.5}[data-theme=dark] .hd-score-points li{color:#94a3b8}.hd-bullet{flex-shrink:0;font-size:.9rem;font-weight:700;margin-top:1px}.hd-status-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.hd-status-row{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;border:1px solid #cbd5e173;border-radius:12px;display:flex;gap:14px;padding:12px 16px}[data-theme=dark] .hd-status-row{background:#1e293b73;border-color:#ffffff0f}.hd-status-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:6px;width:10px}.hd-status-badge{border-radius:50px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:4px;padding:2px 10px}.hd-status-desc{color:#475569;font-size:.83rem;line-height:1.5;margin:0}[data-theme=dark] .hd-status-desc{color:#94a3b8}.hd-cards-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.hd-card-block{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #cbd5e180;border-radius:14px;display:flex;gap:16px;padding:16px 18px;transition:transform .15s,box-shadow .15s}.hd-card-block:hover{box-shadow:0 6px 20px #00000012;transform:translateY(-1px)}[data-theme=dark] .hd-card-block{background:#1e293b80;border-color:#ffffff12}.hd-card-num{flex-shrink:0;font-size:1.6rem;font-weight:900;line-height:1;min-width:32px;opacity:.7}.hd-card-body{flex:1 1}.hd-card-top{align-items:center;display:flex;gap:10px;margin-bottom:5px}.hd-card-title{color:#1e293b;font-size:.92rem;font-weight:700}[data-theme=dark] .hd-card-title{color:#e2e8f0}.hd-card-badge{border-radius:50px;font-size:.68rem;font-weight:700;padding:2px 9px}.hd-card-desc{color:#64748b;font-size:.83rem;line-height:1.55;margin:0}[data-theme=dark] .hd-card-desc{color:#94a3b8}.hd-steps{display:flex;flex-direction:column;gap:0;margin-bottom:20px;position:relative}.hd-steps:before{background:linear-gradient(180deg,#6366f1,#6366f11a);bottom:20px;content:"";left:19px;position:absolute;top:20px;width:2px}.hd-step{align-items:flex-start;display:flex;gap:16px;padding:14px 0;position:relative;z-index:1}.hd-step-circle{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;box-shadow:0 0 0 4px #6366f11f;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:800;height:38px;justify-content:center;width:38px}.hd-step-body{flex:1 1;padding-top:6px}.hd-step-body strong{color:#1e293b;display:block;font-size:.9rem;margin-bottom:4px}[data-theme=dark] .hd-step-body strong{color:#e2e8f0}.hd-step-body p{color:#64748b;font-size:.83rem;line-height:1.55;margin:0}[data-theme=dark] .hd-step-body p{color:#94a3b8}.hd-flow-table{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.hd-flow-row{align-items:flex-start;background:#ffffff8c;border:1px solid #cbd5e173;border-radius:10px;display:flex;flex-wrap:wrap;font-size:.83rem;gap:12px;padding:10px 14px}[data-theme=dark] .hd-flow-row{background:#1e293b73;border-color:#ffffff0f}.hd-flow-trigger{color:#475569;flex:1 1;font-weight:500;min-width:160px}[data-theme=dark] .hd-flow-trigger{color:#94a3b8}.hd-flow-arrow{color:#6366f1;flex-shrink:0;font-size:1rem;font-weight:800}.hd-flow-result{color:#1e293b;flex:1 1;font-weight:600;min-width:160px}[data-theme=dark] .hd-flow-result{color:#e2e8f0}.hd-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 24px}.hd-empty-icon{font-size:2.5rem}.hd-empty p{font-size:.92rem;margin:0}.hd-nav-group{margin-bottom:6px}.hd-nav-group-label{align-items:center;color:#94a3b8;display:flex;font-size:.67rem;font-weight:800;gap:7px;letter-spacing:.1em;margin-top:4px;padding:10px 10px 6px;text-transform:uppercase}.hd-nav-group-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.hd-nav-group:first-child .hd-nav-group-label{margin-top:0}.hd-search-count{color:#ffffff80;font-size:.72rem;margin:6px 0 0;text-align:center}.hd-doc-module-tag{font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:4px;opacity:.85;text-transform:uppercase}.hd-callout{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;gap:12px;margin:4px 0 20px;padding:14px 18px}.hd-callout-icon{flex-shrink:0;font-size:1.15rem;margin-top:1px}.hd-callout p{color:#1e3a5f;font-size:.87rem;font-weight:500;line-height:1.6;margin:0}[data-theme=dark] .hd-callout p{color:#bfdbfe}.hd-warning{align-items:flex-start;background:#8b5cf612;border:1px solid #8b5cf633;border-radius:12px;display:flex;gap:12px;margin:4px 0 20px;padding:14px 18px}.hd-warning span{flex-shrink:0;font-size:1.1rem;margin-top:1px}.hd-warning p{color:#4c1d95;font-size:.87rem;font-weight:500;line-height:1.6;margin:0}[data-theme=dark] .hd-warning{background:#8b5cf61a;border-color:#a78bfa40}[data-theme=dark] .hd-warning p{color:#ddd6fe}.hd-nav-active{background:linear-gradient(135deg,color-mix(in srgb,#6366f1 12%,#0000),color-mix(in srgb,#6366f1 6%,#0000))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#6366f1) 12%,#0000),color-mix(in srgb,var(--accent,#6366f1) 6%,#0000))!important;border:1px solid color-mix(in srgb,#6366f1 25%,#0000)!important;border:1px solid color-mix(in srgb,var(--accent,#6366f1) 25%,#0000)!important}@supports not (background:color-mix(in srgb,red 10%,blue)){.hd-nav-active{background:#6366f11a!important;border:1px solid #6366f133!important}}.hd-nav-group-row{align-items:center;display:flex;gap:4px}.hd-nav-group-row .hd-nav-group-label{flex:1 1}.hd-nav-module-dl{align-items:center;background:#0000;border:none;border-radius:7px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.55;padding:5px;transition:opacity .15s,background .15s}.hd-nav-module-dl:hover{background:#6366f114;opacity:1}.hd-nav-module-dl:disabled{cursor:not-allowed;opacity:.35}.hd-pdf-spinner{animation:hd-spin .7s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;display:inline-block;flex-shrink:0;height:14px;opacity:.7;width:14px}.hd-nav-group-label{background:#0000;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s;width:100%}.hd-nav-group-label:hover{background:#6366f10d}.hd-nav-group-text{color:#94a3b8;flex:1 1;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hd-nav-chevron{align-items:center;display:flex;flex-shrink:0;justify-content:center;transform:rotate(0deg);transition:transform .22s ease}.hd-nav-chevron-open{transform:rotate(90deg)}.hd-card-icon-wrap{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;opacity:.92;width:36px}.hd-doc-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.hd-doc-header-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.hd-pdf-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#6366f114;border:1px solid #6366f138;border-radius:10px;color:#4f46e5;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:600;gap:6px;padding:8px 14px;transition:background .16s,border-color .16s,transform .12s;white-space:nowrap}.hd-pdf-btn:hover{background:#6366f126;border-color:#6366f161;transform:translateY(-1px)}.hd-pdf-btn:active{transform:translateY(0)}.hd-pdf-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-theme=dark] .hd-pdf-btn{background:#6366f124;border-color:#6366f14d;color:#a5b4fc}[data-theme=dark] .hd-pdf-btn:hover{background:#6366f138;border-color:#6366f173}.olm-backdrop{align-items:center;animation:olm-fade-in .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9000}@keyframes olm-fade-in{0%{opacity:0}to{opacity:1}}.olm-modal{animation:olm-slide-up .28s cubic-bezier(.22,1,.36,1);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a1a,0 12px 40px #0f172a1f,0 1px 3px #0f172a0f;display:flex;flex-direction:column;max-height:min(88vh,840px);overflow:hidden;position:relative;width:min(680px,100%)}@keyframes olm-slide-up{0%{opacity:0;transform:translateY(32px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.olm-backdrop{align-items:flex-end;padding:0}.olm-modal{animation:olm-slide-up-mobile .3s cubic-bezier(.22,1,.36,1);border-bottom:none;border-radius:20px 20px 0 0;max-height:85vh;width:100%}@keyframes olm-slide-up-mobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.olm-orb{display:none}.olm-chrome-bar{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px 14px}.olm-chrome-left{align-items:center;display:flex;gap:12px}.olm-chrome-icon{background:#3b82f614;border:1px solid #3b82f626;border-radius:10px;color:#3b82f6;font-size:20px!important;line-height:1;padding:7px}.olm-chrome-title{color:#0f172a;font-family:DM Sans,Inter,-apple-system,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.02em}.olm-chrome-sub{color:#94a3b8;font-size:12px;margin-top:2px}.olm-close-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .18s ease;width:30px}.olm-close-btn:hover{background:#ef44440f;border-color:#ef444433;color:#ef4444}.olm-close-btn .material-symbols-rounded{font-size:16px}.olm-body{background:#f8fafc;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:14px}.olm-body::-webkit-scrollbar{width:4px}.olm-body::-webkit-scrollbar-track{background:#0000}.olm-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.olm-body .olp-panel{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important}.olm-body .olp-header{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px;box-shadow:0 1px 3px #0f172a0d;margin-bottom:10px}.olm-body .olp-list{gap:6px;max-height:none;padding:0}.olm-body .olp-item{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 1px 3px #0f172a0f!important;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.olm-body .olp-item:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #0f172a1a,0 1px 3px #0f172a0f!important;transform:translateY(-1px)}.olm-body .olp-item-open{border-color:#bfdbfe!important;box-shadow:0 4px 16px #3b82f614!important}.olm-body .olp-email-pane{background:#f8fafc!important;border-top:1px solid #f1f5f9!important}.olm-body .olp-email-body,.olm-body .olp-email-subject-row{background:#fff!important;border-color:#e2e8f0!important}.olm-body .olp-item-header:hover{background:#f8fafc!important}.olm-body .olp-item-open>.olp-item-header{background:#eff6ffcc!important}.olm-body .olp-footer{background:#0000!important;border-top:none!important;padding:4px 0}[data-theme=dark] .olm-backdrop{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0009}[data-theme=dark] .olm-modal{background:#161b22;border-color:#21262d;box-shadow:0 4px 12px #0006,0 12px 40px #00000059,0 1px 3px #0000004d}[data-theme=dark] .olm-chrome-bar{background:#161b22;border-bottom-color:#21262d}[data-theme=dark] .olm-chrome-title{color:#f0f6fc}[data-theme=dark] .olm-chrome-sub{color:#484f58}[data-theme=dark] .olm-chrome-icon{background:#58a6ff14;border-color:#58a6ff26;color:#58a6ff}[data-theme=dark] .olm-close-btn{background:#21262d;border-color:#30363d;color:#484f58}[data-theme=dark] .olm-close-btn:hover{background:#ef44441a;border-color:#ef444440;color:#f87171}[data-theme=dark] .olm-body{background:#0d1117}[data-theme=dark] .olm-body::-webkit-scrollbar-thumb{background:#21262d}[data-theme=dark] .olm-body .olp-header{background:#161b22!important;border-color:#21262d!important}[data-theme=dark] .olm-body .olp-item{background:#1c2128!important;border-color:#21262d!important;box-shadow:0 1px 3px #0000004d!important}[data-theme=dark] .olm-body .olp-item:hover{border-color:#30363d!important;box-shadow:0 4px 12px #0006!important}[data-theme=dark] .olm-body .olp-item-open{border-color:#58a6ff4d!important;box-shadow:0 4px 16px #58a6ff14!important}[data-theme=dark] .olm-body .olp-item-header:hover{background:#0d1117!important}[data-theme=dark] .olm-body .olp-item-open>.olp-item-header{background:#1f6feb14!important}[data-theme=dark] .olm-body .olp-email-pane{background:#0d1117!important;border-top-color:#21262d!important}[data-theme=dark] .olm-body .olp-email-body,[data-theme=dark] .olm-body .olp-email-subject-row{background:#161b22!important;border-color:#30363d!important}[data-theme=dark] .olm-body .olp-footer{color:#484f58}.fsp-page{background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;min-height:100vh;padding:2rem}.fsp-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.fsp-title{color:#1e293b;font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin:0}.fsp-subtitle{color:#64748b;font-size:.95rem;font-weight:400;margin:.5rem 0 0}.fsp-btn-danger,.fsp-btn-icon,.fsp-btn-primary,.fsp-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;justify-content:center;transition:all .2s ease}.fsp-btn-primary{background-color:#6366f1;color:#fff;padding:.625rem 1rem;white-space:nowrap}.fsp-btn-primary:hover:not(:disabled){background-color:#4f46e5;box-shadow:0 4px 12px #6366f14d}.fsp-btn-danger:disabled,.fsp-btn-primary:disabled,.fsp-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.fsp-btn-secondary{background-color:#e2e8f0;color:#1e293b;padding:.625rem 1rem}.fsp-btn-secondary:hover:not(:disabled){background-color:#cbd5e1}.fsp-btn-danger{background-color:initial;color:#dc2626;padding:.625rem 1rem}.fsp-btn-danger:hover:not(:disabled){background-color:#fee2e2}.fsp-btn-icon{background-color:initial;border-radius:6px;color:#6366f1;flex-shrink:0;font-size:1rem;height:36px;padding:.5rem;width:36px}.fsp-btn-icon:hover:not(:disabled){background-color:#eef2ff}.fsp-btn-icon.fsp-btn-danger{color:#dc2626}.fsp-btn-icon.fsp-btn-danger:hover:not(:disabled){background-color:#fee2e2}.fsp-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 6px #0000000d;padding:1.5rem;transition:box-shadow .2s ease}.fsp-card:hover{box-shadow:0 4px 12px #00000014}.fsp-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.fsp-card-name{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0}.fsp-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.fsp-badge--trigger{background-color:#eef2ff;color:#4338ca}.fsp-badge--active{background-color:#dcfce7;color:#166534}.fsp-badge--inactive{background-color:#f3f4f6;color:#6b7280}.fsp-badge--steps{background-color:#fef3c7;color:#92400e}.fsp-toggle{align-items:center;cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;user-select:none}.fsp-toggle input{display:none}.fsp-toggle-slider{background-color:#cbd5e1;border-radius:12px;display:inline-block;height:24px;position:relative;transition:background-color .3s ease;width:44px}.fsp-toggle-slider:after{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:left .3s ease;width:20px}.fsp-toggle input:checked+.fsp-toggle-slider{background-color:#16a34a}.fsp-toggle input:checked+.fsp-toggle-slider:after{left:22px}.fsp-steps-list{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.fsp-step-row{align-items:center;display:flex;font-size:.875rem;gap:1rem;padding:.875rem 0}.fsp-step-row:not(:last-child){border-bottom:1px solid #f1f5f9}.fsp-step-delay{background-color:#f8fafc;border-radius:6px;color:#64748b;flex:0 0 70px;font-size:.8rem;font-weight:500;padding:.375rem .625rem;text-align:center}.fsp-step-title{color:#1e293b;flex:1 1;font-weight:500}.fsp-action-type-pill{align-items:center;background-color:#eef2ff;border-radius:6px;color:#4338ca;display:inline-flex;flex:0 0 auto;font-size:.8rem;font-weight:500;padding:.375rem .75rem;white-space:nowrap}.fsp-form-row{display:flex;flex-direction:column;margin-bottom:1.5rem}.fsp-label{color:#1e293b;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.fsp-input,.fsp-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease;width:100%}.fsp-input:focus,.fsp-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.fsp-input::placeholder{color:#94a3b8}.fsp-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;cursor:pointer;padding-right:2rem}.fsp-editor{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 6px #0000000d;margin-bottom:2rem;padding:2rem}.fsp-editor-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.fsp-steps-builder{background-color:#f8fafc;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.fsp-step-builder-row{align-items:flex-end;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.fsp-step-builder-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.fsp-editor-actions{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.fsp-empty{background-color:#fff;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:.95rem;line-height:1.6;padding:3rem 2rem;text-align:center}.fsp-empty p{margin:0}@media (max-width:768px){.fsp-page{padding:1rem}.fsp-header{align-items:stretch;flex-direction:column}.fsp-title{font-size:1.5rem}.fsp-card-header{flex-direction:column}.fsp-step-builder-row{align-items:stretch;flex-direction:column}.fsp-step-builder-row>div{flex:1 1!important;margin-right:0!important;width:100%!important}.fsp-step-row{flex-wrap:wrap}.fsp-editor-actions{flex-direction:column}.fsp-editor-actions button{width:100%}.fsp-btn-primary,.fsp-btn-secondary{justify-content:center;width:100%}}@media (max-width:640px){.fsp-page{padding:.75rem}.fsp-header{flex-direction:column}.fsp-btn-primary{justify-content:center;width:100%}.fsp-card,.fsp-editor{padding:1rem}.fsp-step-row{font-size:.75rem;gap:.5rem}.fsp-badge{font-size:.65rem;padding:.25rem .5rem}.fsp-steps-builder{padding:1rem}}.ars-page{background:#f8fafc;font-family:inherit;min-height:100vh;padding:24px}.ars-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.ars-header-left{align-items:center;display:flex;gap:14px}.ars-header-icon{color:#e53e3e;flex-shrink:0;font-size:28px}.ars-title{color:#1a202c;font-size:22px;font-weight:700;margin:0 0 4px}.ars-subtitle{color:#718096;font-size:13px;margin:0}.ars-summary-strip{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.ars-chip{align-items:center;border:1px solid;border-radius:10px;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;white-space:nowrap}.ars-chip svg{font-size:14px}.ars-chip span:nth-child(2){font-size:20px;font-weight:700;line-height:1}.ars-chip-label{font-size:12px;font-weight:500;opacity:.85}.ars-chip--danger{background:#fff5f5;border-color:#fed7d7;color:#e53e3e}.ars-chip--critical{background:#fff5f5;border-color:#feb2b2;color:#c53030}.ars-chip--warning{background:#fffaf0;border-color:#fbd38d;color:#dd6b20}.ars-chip--resolved{background:#f0fff4;border-color:#c6f6d5;color:#38a169}.ars-filters{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:12px 16px}.ars-filter-icon{color:#718096;flex-shrink:0;font-size:13px}.ars-filter-label{color:#4a5568;font-size:13px;font-weight:500;white-space:nowrap}.ars-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:13px;outline:none;padding:6px 10px;transition:border-color .15s}.ars-select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f122}.ars-error-banner{align-items:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#e53e3e;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:12px 16px}.ars-loading{color:#718096;font-size:14px;gap:10px;padding:60px 0}.ars-empty,.ars-loading{align-items:center;display:flex;justify-content:center}.ars-empty{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:80px 0;text-align:center}.ars-empty-icon{color:#38a169;font-size:48px;margin-bottom:12px}.ars-empty-title{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:6px}.ars-empty-sub{color:#718096;font-size:13px}.ars-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.ars-table{border-collapse:collapse;table-layout:fixed;width:100%}.ars-thead-row{background:#f8fafc}.ars-th{border-bottom:1px solid #e2e8f0;color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase}.ars-th--center{text-align:center}.ars-td{border-bottom:1px solid #f1f5f9;color:#2d3748;font-size:13px;padding:12px 14px;vertical-align:middle}.ars-td--center{text-align:center}.ars-row{transition:background .12s}.ars-row:hover{background:#f8fafc}.ars-row--score-3{border-left:3px solid #e53e3e}.ars-row--score-2{border-left:3px solid #dd6b20}.ars-row--score-1{border-left:3px solid #d69e2e}.ars-student-name{gap:10px}.ars-avatar,.ars-student-name{align-items:center;display:flex}.ars-avatar{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.ars-name-primary{color:#1a202c;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ars-name-secondary{color:#a0aec0;font-size:11px;margin-top:1px}.ars-flags-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ars-flag{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px;white-space:nowrap}.ars-flag--inactive{background:#f7fafc;border-color:#e2e8f0;color:#cbd5e0}.ars-flag-icon{font-size:10px}.ars-score-badge{border:1px solid;border-radius:8px;font-size:12px;padding:4px 10px;white-space:nowrap}.ars-score-badge,.ars-status-pill{display:inline-block;font-weight:600}.ars-status-pill{border-radius:12px;font-size:11px;padding:3px 10px}.ars-status--active{background:#fff5f5;color:#e53e3e}.ars-status--resolved{background:#f0fff4;color:#38a169}.ars-row-actions{align-items:center;display:flex;gap:6px;justify-content:center}.ars-expand-row td{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0}.ars-expand-body{display:flex;flex-direction:column;gap:16px;padding:16px 20px}.ars-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.ars-detail-item{display:flex;flex-direction:column;gap:2px}.ars-detail-label{color:#a0aec0;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.ars-detail-value{color:#2d3748;font-size:13px;font-weight:500}.ars-risk-breakdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.ars-risk-breakdown-title{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.ars-risk-breakdown-items{display:flex;flex-direction:column;gap:10px}.ars-breakdown-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:background .12s}.ars-breakdown-item--active{background:#fff5f5;border-color:#fed7d7}.ars-breakdown-item--active .ars-bi-icon{color:#e53e3e}.ars-breakdown-item--warn{background:#fffaf0;border-color:#fbd38d}.ars-breakdown-item--warn .ars-bi-icon{color:#d69e2e}.ars-breakdown-item--orange{background:#fffaf0;border-color:#fbd38d}.ars-breakdown-item--orange .ars-bi-icon{color:#dd6b20}.ars-bi-icon{color:#cbd5e0;flex-shrink:0;font-size:16px;margin-top:2px}.ars-bi-label{color:#2d3748;font-size:13px;font-weight:600;margin-bottom:2px}.ars-bi-desc{color:#718096;font-size:12px}.ars-table-footer{background:#f8fafc;border-top:1px solid #f1f5f9;color:#a0aec0;font-size:12px;padding:10px 16px}.ars-btn{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .15s;white-space:nowrap}.ars-btn:disabled{cursor:not-allowed;opacity:.5}.ars-btn--primary{background:#6366f1;border-color:#6366f1;color:#fff}.ars-btn--primary:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5}.ars-btn--success{background:#38a169;border-color:#38a169;color:#fff}.ars-btn--success:hover:not(:disabled){background:#2f855a;border-color:#2f855a}.ars-btn--ghost{background:#fff;border-color:#e2e8f0;color:#718096}.ars-btn--ghost:hover:not(:disabled){background:#f8fafc;color:#4a5568}.ars-btn--sm{font-size:12px;padding:5px 10px}.ars-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.ars-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000002e;max-width:95vw;overflow:hidden;width:420px}.ars-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;color:#1a202c;display:flex;font-size:15px;font-weight:700;justify-content:space-between;padding:16px 20px}.ars-modal-close{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;font-size:18px;padding:2px;transition:color .15s}.ars-modal-close:hover{color:#e53e3e}.ars-modal-body{color:#4a5568;font-size:14px;line-height:1.6;padding:20px}.ars-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.ars-error-inline{background:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#e53e3e;font-size:13px;margin-top:10px;padding:8px 12px}@keyframes ars-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ars-spin{animation:ars-spin .8s linear infinite}[data-theme=dark] .ars-page{background:#0d1117}[data-theme=dark] .ars-title{color:#f0f6fc}[data-theme=dark] .ars-subtitle{color:#8b949e}[data-theme=dark] .ars-chip--danger{background:#e53e3e1f;border-color:#e53e3e4d;color:#fc8181}[data-theme=dark] .ars-chip--critical{background:#e53e3e1f;border-color:#e53e3e66;color:#fc8181}[data-theme=dark] .ars-chip--warning{background:#dd6b201f;border-color:#dd6b204d;color:#f6ad55}[data-theme=dark] .ars-chip--resolved{background:#38a1691a;border-color:#38a1694d;color:#68d391}[data-theme=dark] .ars-filters{background:#161b22;border-color:#21262d}[data-theme=dark] .ars-filter-label{color:#8b949e}[data-theme=dark] .ars-filter-icon{color:#484f58}[data-theme=dark] .ars-select{background:#1c2128;border-color:#21262d;color:#c9d1d9}[data-theme=dark] .ars-select:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf833}[data-theme=dark] .ars-error-banner{background:#e53e3e1a;border-color:#e53e3e4d;color:#fc8181}[data-theme=dark] .ars-loading{color:#484f58}[data-theme=dark] .ars-empty{background:#161b22;border-color:#21262d}[data-theme=dark] .ars-empty-title{color:#c9d1d9}[data-theme=dark] .ars-empty-sub{color:#8b949e}[data-theme=dark] .ars-table-wrap{background:#161b22;border-color:#21262d}[data-theme=dark] .ars-thead-row{background:#1c2128}[data-theme=dark] .ars-th{border-color:#21262d;color:#8b949e}[data-theme=dark] .ars-td{border-color:#21262d;color:#c9d1d9}[data-theme=dark] .ars-row:hover{background:#1c2128}[data-theme=dark] .ars-table-footer{background:#1c2128;border-color:#21262d;color:#484f58}[data-theme=dark] .ars-name-primary{color:#f0f6fc}[data-theme=dark] .ars-name-secondary{color:#484f58}[data-theme=dark] .ars-flag--inactive{background:#1c2128;border-color:#21262d;color:#484f58}[data-theme=dark] .ars-status--active{background:#e53e3e1f;color:#fc8181}[data-theme=dark] .ars-status--resolved{background:#38a1691a;color:#68d391}[data-theme=dark] .ars-expand-row td{background:#1c2128;border-color:#21262d}[data-theme=dark] .ars-detail-label{color:#484f58}[data-theme=dark] .ars-detail-value{color:#c9d1d9}[data-theme=dark] .ars-risk-breakdown{background:#1c2128;border-color:#21262d}[data-theme=dark] .ars-risk-breakdown-title{color:#484f58}[data-theme=dark] .ars-breakdown-item{background:#161b22;border-color:#21262d}[data-theme=dark] .ars-breakdown-item--active{background:#e53e3e1a;border-color:#e53e3e40}[data-theme=dark] .ars-breakdown-item--warn{background:#d69e2e1a;border-color:#d69e2e40}[data-theme=dark] .ars-breakdown-item--orange{background:#dd6b201a;border-color:#dd6b2040}[data-theme=dark] .ars-bi-icon{color:#484f58}[data-theme=dark] .ars-bi-label{color:#c9d1d9}[data-theme=dark] .ars-bi-desc{color:#8b949e}[data-theme=dark] .ars-btn--ghost{background:#1c2128;border-color:#21262d;color:#8b949e}[data-theme=dark] .ars-btn--ghost:hover:not(:disabled){background:#21262d;color:#c9d1d9}[data-theme=dark] .ars-modal{background:#161b22}[data-theme=dark] .ars-modal-header{border-color:#21262d;color:#f0f6fc}[data-theme=dark] .ars-modal-close{color:#484f58}[data-theme=dark] .ars-modal-close:hover{color:#fc8181}[data-theme=dark] .ars-modal-body{color:#8b949e}[data-theme=dark] .ars-modal-footer{background:#1c2128;border-color:#21262d}[data-theme=dark] .ars-error-inline{background:#e53e3e1a;border-color:#e53e3e4d;color:#fc8181}:root{--eng-bg:#f8fafc;--eng-surface:#fff;--eng-border:#e2e8f0;--eng-border-s:#f1f5f9;--eng-text:#0f172a;--eng-text-2:#475569;--eng-muted:#94a3b8;--eng-radius:16px;--eng-radius-s:10px;--eng-shadow:0 2px 8px #0000000a;--eng-shadow-h:0 6px 24px #00000014;--eng-indigo:#6366f1}.eng-page{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--eng-bg);box-sizing:border-box;display:flex;flex-direction:column;font-family:DM Sans,Inter,-apple-system,sans-serif;font-size:14px;gap:1.25rem;min-height:100%;overflow-x:hidden;padding:1.5rem}@media (max-width:600px){.eng-page{gap:.75rem;padding:.75rem}}.eng-header{background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:1rem 1.25rem}.eng-header,.eng-header-left{align-items:center;display:flex}.eng-header-left{gap:.85rem}.eng-header-icon{color:#6366f1;color:var(--eng-indigo);flex-shrink:0;font-size:1.6rem}.eng-title{color:#0f172a;color:var(--eng-text);font-size:1.3rem;font-weight:700;letter-spacing:-.3px;margin:0}.eng-subtitle{color:#94a3b8;color:var(--eng-muted);font-size:.8rem;margin:.1rem 0 0}.eng-header-actions{align-items:center;display:flex;gap:.5rem}.eng-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.eng-stat-card{align-items:center;background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);cursor:pointer;display:flex;gap:1rem;padding:1.1rem 1.25rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s;-webkit-user-select:none;user-select:none}.eng-stat-card:hover{box-shadow:0 6px 24px #00000014;box-shadow:var(--eng-shadow-h);transform:translateY(-2px)}.eng-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.eng-stat-body{display:flex;flex-direction:column;min-width:0}.eng-stat-value{color:#0f172a;color:var(--eng-text);font-size:1.5rem;font-weight:800;line-height:1}.eng-stat-label{color:#94a3b8;color:var(--eng-muted);font-size:10px;font-weight:700;letter-spacing:.5px;margin-top:3px;text-transform:uppercase}.eng-stat-blue .eng-stat-icon{background:#3b82f61f;color:#2563eb}.eng-stat-green .eng-stat-icon{background:#10b9811f;color:#059669}.eng-stat-amber .eng-stat-icon{background:#f59e0b1f;color:#b45309}.eng-stat-red .eng-stat-icon{background:#ef44441f;color:#dc2626}.eng-stat-purple .eng-stat-icon{background:#8b5cf61f;color:#7c3aed}.eng-stat-indigo .eng-stat-icon{background:#6366f11f;color:#6366f1}.eng-stat-pink .eng-stat-icon{background:#ec48991f;color:#be185d}.eng-stat-active{border-color:#6366f1;border-color:var(--eng-indigo);box-shadow:0 4px 16px #6366f126}.eng-stat-amber.eng-stat-active{border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b26}.eng-stat-green.eng-stat-active{border-color:#10b981;box-shadow:0 4px 16px #10b98126}.eng-stat-blue.eng-stat-active{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f626}.eng-stat-red.eng-stat-active{border-color:#ef4444;box-shadow:0 4px 16px #ef444426}.eng-filters{background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);flex-wrap:wrap;gap:.75rem;padding:.75rem 1.1rem}.eng-filters,.eng-search-box{align-items:center;display:flex}.eng-search-box{background:#f8fafc;background:var(--eng-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--eng-border);border-radius:8px;flex:1 1 200px;gap:.5rem;max-width:300px;padding:.42rem .85rem;transition:border-color .15s}.eng-search-box:focus-within{border-color:#6366f1;border-color:var(--eng-indigo)}.eng-search-icon{color:#94a3b8;color:var(--eng-muted);flex-shrink:0;font-size:.85rem}.eng-search-input{background:#0000;border:none;color:#0f172a;color:var(--eng-text);font-size:.875rem;outline:none;width:100%}.eng-filter-tabs{display:flex;flex-wrap:wrap;gap:.3rem}.eng-filter-tab{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--eng-border);border-radius:20px;color:#475569;color:var(--eng-text-2);cursor:pointer;font-size:.78rem;font-weight:600;padding:.32rem .85rem;transition:all .15s}.eng-filter-tab:hover{color:#6366f1;color:var(--eng-indigo)}.eng-filter-tab.active,.eng-filter-tab:hover{border-color:#6366f1;border-color:var(--eng-indigo)}.eng-filter-tab.active{background:#6366f1;background:var(--eng-indigo);color:#fff}.eng-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.eng-card{background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);cursor:pointer;overflow:hidden;transition:transform .15s,box-shadow .15s}.eng-card:hover{box-shadow:0 6px 24px #00000014;box-shadow:var(--eng-shadow-h);transform:translateY(-2px)}.eng-card-banner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.4rem;height:72px;padding:.65rem .9rem}.eng-card-body{padding:.9rem 1rem 1rem}.eng-card-title{color:#0f172a;color:var(--eng-text);font-size:.95rem;font-weight:700;margin:0 0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eng-card-type{color:#94a3b8;color:var(--eng-muted);font-size:.72rem;font-weight:600;letter-spacing:.05em;margin:0 0 .6rem;text-transform:uppercase}.eng-card-dates{color:#475569;color:var(--eng-text-2);display:flex;font-size:.78rem;justify-content:space-between;margin-bottom:.2rem}.eng-date-label{color:#94a3b8;color:var(--eng-muted);min-width:32px}.eng-date-val{text-align:right}.eng-card-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--eng-border-s);display:flex;gap:.85rem;margin-top:.65rem;padding-top:.65rem}.eng-meta{align-items:center;color:#94a3b8;color:var(--eng-muted);display:flex;font-size:.75rem;font-weight:500;gap:.3rem}.eng-badge{align-items:center;background:#f1f5f9;background:var(--eng-border-s);border-radius:99px;color:#475569;color:var(--eng-text-2);display:inline-flex;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:.18rem .55rem;text-transform:uppercase;white-space:nowrap}.badge-draft{background:#fef3c7;color:#92400e}.badge-published{background:#d1fae5;color:#065f46}.badge-completed{background:#dbeafe;color:#1e40af}.badge-cancelled{background:#fee2e2;color:#991b1b}.badge-online{background:#dbeafe;color:#1e40af}.badge-offline{background:#f1f5f9;color:#475569}.badge-hybrid{background:#ede9fe;color:#6d28d9}.eng-badge-collab{background:#fff7ed;color:#c2410c}.eng-btn-primary{align-items:center;background:#6366f1;background:var(--eng-indigo);border:none;border-radius:10px;box-shadow:0 2px 8px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1.1rem;transition:background .15s,opacity .15s,transform .1s;white-space:nowrap}.eng-btn-primary:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.eng-btn-primary:active:not(:disabled){transform:translateY(0)}.eng-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.eng-btn-ghost{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--eng-border);border-radius:10px;color:#475569;color:var(--eng-text-2);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.45rem 1rem;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.eng-btn-ghost:hover{background:#6366f10a;border-color:#6366f1;border-color:var(--eng-indigo);color:#6366f1;color:var(--eng-indigo)}.eng-btn-outline-white{align-items:center;background:#ffffff26;border:1.5px solid #ffffff80;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:.4rem;padding:.42rem .9rem;transition:background .15s}.eng-btn-outline-white:hover{background:#ffffff47}.eng-btn-outline{align-items:center;background:#0000;border:1.5px solid #6366f1;border:1.5px solid var(--eng-indigo);border-radius:10px;color:#6366f1;color:var(--eng-indigo);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1.1rem;transition:background .15s,color .15s,transform .1s;white-space:nowrap}.eng-btn-outline:hover:not(:disabled){background:#6366f114;transform:translateY(-1px)}.eng-btn-outline:active:not(:disabled){transform:translateY(0)}.eng-btn-outline:disabled{cursor:not-allowed;opacity:.45}.eng-btn-sm{font-size:.78rem;padding:.32rem .75rem}.eng-btn-xs{font-size:.72rem;padding:.2rem .55rem}.eng-btn-icon,a.eng-btn-ghost,a.eng-btn-xs{align-items:center;display:inline-flex}.eng-btn-icon{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--eng-border);border-radius:8px;color:#475569;color:var(--eng-text-2);cursor:pointer;flex-shrink:0;font-size:.82rem;height:32px;justify-content:center;padding:0;transition:border-color .15s,color .15s,background .15s;width:32px}.eng-btn-icon:hover:not(:disabled){background:#6366f10d;border-color:#6366f1;border-color:var(--eng-indigo);color:#6366f1;color:var(--eng-indigo)}.eng-btn-icon:disabled{cursor:not-allowed;opacity:.35}.eng-btn-danger{border-color:#fca5a5!important;color:#dc2626!important}.eng-btn-danger:hover:not(:disabled){background:#fee2e2!important;border-color:#ef4444!important;color:#b91c1c!important}.eng-label{color:#475569;color:var(--eng-text-2);display:block;font-size:.78rem;font-weight:600;margin-bottom:.3rem}.eng-song-lyrics-panel{background:#f8f7ff;border-top:1px solid #ede9fe;padding:.85rem 1.25rem 1.1rem}.eng-song-lyrics-pre{color:#374151;font-family:DM Sans,Inter,system-ui,sans-serif;font-size:.82rem;line-height:1.9;margin:0;white-space:pre-wrap;word-break:break-word}.eng-btn-camera{align-items:center;background:#6366f11a;border:1.5px solid #6366f14d;border-radius:10px;color:#4f46e5;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.4rem .9rem;transition:background .15s,border-color .15s;white-space:nowrap}.eng-btn-camera:hover{background:#6366f12e;border-color:#6366f1;border-color:var(--eng-indigo)}.eng-btn-camera--stop{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.eng-btn-camera--stop:hover{background:#ef44442e;border-color:#ef4444}.eng-input{background:#fff;background:var(--eng-surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--eng-border);border-radius:9px;box-sizing:border-box;color:#0f172a;color:var(--eng-text);font-family:inherit;font-size:.875rem;padding:.5rem .8rem;transition:border-color .15s;width:100%}.eng-input:focus{border-color:#6366f1;border-color:var(--eng-indigo);box-shadow:0 0 0 3px #6366f11a;outline:none}.eng-textarea{min-height:80px;resize:vertical}.eng-form-row{display:flex;flex-direction:column;gap:.3rem}.eng-form-row label{color:#475569;color:var(--eng-text-2);font-size:.78rem;font-weight:600}.eng-form-grid-2{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:1fr 1fr}.eng-form-checkbox-row{justify-content:flex-end}.eng-form-checkbox-row label{align-items:center;color:#475569;color:var(--eng-text-2);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.4rem;margin-top:auto;padding-bottom:.1rem}.eng-loading{font-size:.95rem;padding:3rem}.eng-empty,.eng-loading{color:#94a3b8;color:var(--eng-muted);text-align:center}.eng-empty{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:4rem 2rem}.eng-empty-icon{font-size:3rem;opacity:.3}.eng-empty-section{color:#94a3b8;color:var(--eng-muted);font-size:.875rem;padding:1.5rem;text-align:center}.eng-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.85rem}.eng-section-header h3{align-items:center;color:#0f172a;color:var(--eng-text);display:flex;font-size:.95rem;font-weight:700;gap:.5rem;margin:0}.eng-section-title{color:#475569;color:var(--eng-text-2);font-size:.9rem;font-weight:700;margin:0 0 .65rem}.eng-content-card{background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);padding:1.25rem 1.4rem}.eng-modal-overlay{align-items:center;background:#0f0f1e73;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.eng-modal{background:#fff;background:var(--eng-surface);border-radius:18px;box-shadow:0 24px 64px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.eng-modal-lg{max-width:560px}.eng-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--eng-border-s);display:flex;justify-content:space-between;padding:1.1rem 1.4rem .85rem}.eng-modal-header h2{color:#0f172a;color:var(--eng-text);font-size:1.05rem;font-weight:700;margin:0}.eng-modal-close{background:none;border:none;color:#94a3b8;color:var(--eng-muted);cursor:pointer;font-size:1.4rem;line-height:1;padding:0}.eng-modal-close:hover{color:#0f172a;color:var(--eng-text)}.eng-modal-body{display:flex;flex-direction:column;gap:.85rem;overflow-y:auto;padding:1.1rem 1.4rem}.eng-modal-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--eng-border-s);display:flex;gap:.65rem;justify-content:flex-end;padding:.85rem 1.4rem 1.1rem}.eng-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.eng-table{border-collapse:collapse;font-size:.85rem;width:100%}@media (max-width:600px){.eng-col-hide-xs{display:none}}.eng-table th{background:#f8fafc;background:var(--eng-bg);border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--eng-border);color:#94a3b8;color:var(--eng-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:.6rem .85rem;text-align:left;text-transform:uppercase;white-space:nowrap}.eng-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--eng-border-s);color:#475569;color:var(--eng-text-2);padding:.7rem .85rem;vertical-align:middle}.eng-table tbody tr:hover{background:#fafbff}.eng-table tbody tr:last-child td{border-bottom:none}.eng-detail-page{background:#f8fafc;background:var(--eng-bg);display:flex;flex-direction:column;min-height:100%}.eng-detail-banner{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:20px;margin:1.1rem 1.1rem 0;padding:1.5rem 2rem}.eng-detail-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.eng-detail-hero-left{align-items:center;display:flex;flex:1 1;gap:1.25rem;min-width:0}.eng-detail-hero-icon{align-items:center;background:#6366f1;border-radius:17px;box-shadow:0 4px 16px #6366f161;color:#fff;display:flex;flex-shrink:0;font-size:22px;height:58px;justify-content:center;width:58px}.eng-detail-hero-eyebrow{color:#6366f1;font-size:.68rem;font-weight:700;letter-spacing:.08em;margin:0 0 .2rem;text-transform:uppercase}.eng-detail-title{color:#1e1b4b;font-size:1.6rem;font-weight:800;margin:0 0 .5rem}.eng-detail-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.eng-detail-hero-right{align-items:flex-end;display:flex;flex-direction:column;gap:.85rem}.eng-detail-hero-top-actions{align-items:center;display:flex;gap:.45rem}.eng-btn-outline-hero{align-items:center;background:#ffffffbf;border:1.5px solid #c7d2fe;border-radius:10px;color:#4f46e5;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.42rem .9rem;transition:background .15s,border-color .15s}.eng-btn-outline-hero:hover{background:#fffffff2;border-color:#6366f1}.eng-hero-ring-wrap{height:76px;position:relative;width:76px}.eng-hero-ring-label,.eng-hero-ring-wrap{align-items:center;display:flex;justify-content:center}.eng-hero-ring-label{flex-direction:column;position:absolute}.eng-hero-ring-pct{color:#1e1b4b;font-size:.95rem;font-weight:800;line-height:1}.eng-hero-ring-sub{color:#6366f1;font-size:.52rem;font-weight:700;letter-spacing:.03em;margin-top:1px;text-align:center;text-transform:uppercase}.eng-detail-stats-strip{grid-gap:1rem;background:#f8fafc;background:var(--eng-bg);display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);padding:1.1rem}.eng-detail-stat-card{align-items:center;background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);display:flex;gap:1rem;padding:1.1rem 1.25rem;transition:transform .15s ease,box-shadow .15s ease}.eng-detail-stat-card:hover{box-shadow:0 6px 24px #00000014;box-shadow:var(--eng-shadow-h);transform:translateY(-2px)}.eng-detail-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.eng-detail-stat-body{display:flex;flex-direction:column}.eng-detail-stat-value{color:#0f172a;color:var(--eng-text);font-size:1.4rem;font-weight:800;line-height:1}.eng-detail-stat-label{color:#94a3b8;color:var(--eng-muted);font-size:10px;font-weight:700;letter-spacing:.5px;margin-top:3px;text-transform:uppercase}.eng-dstat-blue .eng-detail-stat-icon{background:#3b82f61f;color:#2563eb}.eng-dstat-green .eng-detail-stat-icon{background:#10b9811f;color:#059669}.eng-dstat-purple .eng-detail-stat-icon{background:#8b5cf61f;color:#7c3aed}.eng-dstat-amber .eng-detail-stat-icon{background:#f59e0b1f;color:#b45309}.eng-tabs{background:#fff;background:var(--eng-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--eng-border);gap:.3rem;overflow-x:auto;padding:.6rem 1.1rem}.eng-tab,.eng-tabs{align-items:center;display:flex}.eng-tab{background:none;border:none;border-radius:8px;color:#475569;color:var(--eng-text-2);cursor:pointer;font-size:.84rem;font-weight:500;gap:.4rem;padding:.4rem 1.05rem;transition:all .15s;white-space:nowrap}.eng-tab-icon{align-items:center;display:flex;font-size:.82rem}.eng-tab:hover{background:#6366f10f;color:#6366f1;color:var(--eng-indigo)}.eng-tab.active{background:#6366f1;background:var(--eng-indigo);box-shadow:0 2px 8px #6366f147;color:#fff;font-weight:700}.eng-tab-content{background:#f8fafc;background:var(--eng-bg);flex:1 1;padding:1.1rem}.eng-overview{display:flex;flex-direction:column;gap:1rem}.eng-overview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.eng-info-card{background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);padding:1.1rem 1.25rem}.eng-info-card h4{color:#94a3b8;color:var(--eng-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.eng-info-card-full{grid-column:1/-1}.eng-info-row{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--eng-border-s);display:flex;font-size:.855rem;gap:.5rem;justify-content:space-between;padding:.42rem 0}.eng-info-row:last-child{border-bottom:none}.eng-info-row>span:first-child{color:#94a3b8;color:var(--eng-muted)}.eng-info-row>span:last-child{color:#0f172a;color:var(--eng-text);font-weight:600;text-align:right}.eng-info-row a{color:#6366f1;color:var(--eng-indigo);text-decoration:none;word-break:break-all}.eng-info-row a:hover{text-decoration:underline}.eng-description{color:#475569;color:var(--eng-text-2);font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.eng-edit-form{background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;width:100%}.eng-form-grid-3{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:1fr 1fr 1fr}.eng-form-section-title{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--eng-border-s);color:#94a3b8;color:var(--eng-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-top:.25rem;padding-bottom:.5rem;text-transform:uppercase}.eng-ticket-list{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.eng-ticket-card{background:#fff;background:var(--eng-surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);padding:1rem 1.15rem;transition:border-color .15s,box-shadow .15s}.eng-ticket-card:hover{border-color:#6366f1;border-color:var(--eng-indigo);box-shadow:0 4px 14px #6366f11a}.eng-ticket-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.55rem}.eng-ticket-name{color:#0f172a;color:var(--eng-text);font-size:.95rem;font-weight:700}.eng-ticket-price{color:#6366f1;color:var(--eng-indigo);font-size:.875rem;font-weight:700}.eng-ticket-footer{color:#475569;color:var(--eng-text-2);display:flex;font-size:.78rem;justify-content:space-between}.eng-ticket-avail{color:#16a34a}.eng-ticket-avail.sold-out{color:#dc2626}.eng-partner-list{display:flex;flex-direction:column;gap:.65rem}.eng-partner-card{align-items:center;background:#fff;background:var(--eng-surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);display:flex;gap:.85rem;padding:.85rem 1rem}.eng-partner-logo{border:1px solid #f1f5f9;border:1px solid var(--eng-border-s);border-radius:10px;flex-shrink:0;height:42px;object-fit:contain;width:42px}.eng-partner-name{color:#0f172a;color:var(--eng-text);font-size:.95rem;font-weight:700;margin-bottom:.25rem}.eng-partner-share{color:#94a3b8;color:var(--eng-muted);font-size:.78rem;margin-left:.25rem}.eng-media-section{margin-bottom:1.25rem}.eng-banner-wrap{display:inline-block;position:relative;width:100%}.eng-banner-preview{border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:10px;border-radius:var(--eng-radius-s);display:block;max-height:240px;object-fit:cover;width:100%}.eng-banner-label{color:#94a3b8;color:var(--eng-muted);font-size:.75rem;margin-top:.4rem;text-align:center}.eng-media-placeholder{align-items:center;background:#f8fafc;background:var(--eng-bg);border:2px dashed #e2e8f0;border:2px dashed var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);color:#94a3b8;color:var(--eng-muted);display:flex;flex-direction:column;font-size:.875rem;gap:.65rem;justify-content:center;max-width:480px;padding:3rem 2rem}.eng-upload-area{background:#fafbff;border:2px dashed #c7d2fe;border-radius:16px;border-radius:var(--eng-radius);cursor:pointer;margin-bottom:1rem;padding:2.5rem 1.5rem;text-align:center;transition:background .15s,border-color .15s}.eng-upload-area:hover{background:#eef2ff;border-color:#6366f1;border-color:var(--eng-indigo)}.eng-upload-icon{color:#a5b4fc;display:block;font-size:2.5rem;margin-bottom:.75rem;margin-left:auto;margin-right:auto}.eng-upload-text{color:#4b5563;font-size:.9rem;font-weight:600;margin-bottom:.3rem;word-break:break-all}.eng-upload-hint{color:#94a3b8;color:var(--eng-muted);font-size:.75rem}.eng-upload-preview-wrap{margin-top:.75rem}.eng-upload-preview{border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:8px;display:block;margin-bottom:.75rem;max-height:200px;object-fit:cover;width:100%}.eng-upload-preview-actions{display:flex;gap:.75rem;justify-content:flex-end}.eng-upload-success{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#166534;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem}.eng-checkin-layout{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:280px 1fr;min-height:500px}@media (max-width:768px){.eng-checkin-layout{grid-template-columns:1fr}}.eng-checkin-left{background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);box-sizing:border-box;height:-webkit-fit-content;height:fit-content;min-width:0;padding:1rem}.eng-checkin-right{display:flex;flex-direction:column;gap:1.1rem;min-width:0}.eng-event-list{display:flex;flex-direction:column;gap:.3rem;max-height:520px;overflow-y:auto}@media (max-width:768px){.eng-event-list{max-height:180px}}.eng-event-row{border:1.5px solid #0000;border-radius:9px;cursor:pointer;padding:.65rem .75rem;transition:background .12s}.eng-event-row:hover{background:#f8fafc;background:var(--eng-bg)}.eng-event-row.selected{background:#eef2ff;border-color:#6366f1;border-color:var(--eng-indigo)}.eng-event-row-name{color:#0f172a;color:var(--eng-text);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eng-event-row-meta{color:#94a3b8;color:var(--eng-muted);font-size:.75rem;margin-top:.15rem}.eng-checkin-event-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.eng-checkin-event-header h2{color:#0f172a;color:var(--eng-text);font-size:1.1rem;font-weight:700;margin:0}.eng-qr-scanner{background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);box-sizing:border-box;min-width:0;padding:1.25rem 1.4rem;width:100%}@media (max-width:600px){.eng-qr-scanner{padding:1rem}}.eng-qr-scanner-header{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:space-between;margin-bottom:1rem}.eng-qr-scanner-header h3{color:#0f172a;color:var(--eng-text);flex:1 1;font-size:.95rem;font-weight:700;margin:0;min-width:0}@media (max-width:600px){.eng-qr-scanner-header{align-items:flex-start;flex-direction:column}.eng-qr-scanner-header h3{font-size:.88rem}}.eng-qr-input-row{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}.eng-qr-icon{color:#94a3b8;color:var(--eng-muted);flex-shrink:0;font-size:1.35rem}.eng-qr-input{flex:1 1;min-width:0}@media (max-width:600px){.eng-qr-input-row{gap:.5rem}.eng-qr-icon{display:none}.eng-qr-input{flex-basis:100%;width:100%}.eng-qr-input-row .eng-btn-primary{justify-content:center;width:100%}}.eng-scan-result{align-items:center;border-radius:9px;display:flex;font-size:.875rem;font-weight:500;gap:.55rem;margin-top:.85rem;padding:.65rem .85rem}.eng-scan-result.success{background:#d1fae5;color:#065f46}.eng-scan-result.error{background:#fee2e2;color:#b91c1c}.eng-scan-name{color:inherit;font-weight:700}.eng-checkin-list{background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);box-sizing:border-box;flex:1 1;min-width:0;overflow:hidden;padding:1rem 1.25rem}.eng-checkin-yes{color:#16a34a;font-size:.8rem;font-weight:600}.eng-checkin-no{color:#e2e8f0;color:var(--eng-border)}.eng-reg-table-wrap{overflow-x:auto}.eng-reg-card-list{display:none;flex-direction:column;gap:.75rem}.eng-reg-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #0000000d;padding:.9rem 1rem}.eng-reg-card-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.45rem}.eng-reg-card-id{color:#6366f1;font-family:monospace;font-size:.82rem;font-weight:700}.eng-reg-card-name{color:#0f172a;font-size:.95rem;font-weight:600;margin-bottom:.15rem}.eng-reg-card-email{color:#6b7280;font-size:.8rem;margin-bottom:.1rem}.eng-reg-card-phone{align-items:center;color:#6b7280;display:flex;font-size:.8rem;margin-bottom:.15rem}.eng-reg-card-ticket{color:#6366f1;font-size:.8rem;margin-bottom:.5rem}.eng-reg-card-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;font-size:.78rem;justify-content:space-between;margin-top:.5rem;padding-top:.5rem}@media (max-width:600px){.eng-reg-table-wrap{display:none}.eng-reg-card-list{display:flex}}.eng-camera-wrap{background:#000;border-radius:10px;border-radius:var(--eng-radius-s);box-shadow:0 4px 16px #0000002e;margin-bottom:.85rem;max-width:420px;overflow:hidden;position:relative}.eng-camera-video{display:block;min-height:240px;object-fit:cover;width:100%}.eng-camera-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.eng-camera-viewfinder{border:2.5px solid #6366f1;border:2.5px solid var(--eng-indigo);border-radius:10px;border-radius:var(--eng-radius-s);box-shadow:0 0 0 9999px #0000006b;height:180px;width:180px}.eng-camera-scanning-label{background:#0000008c;bottom:0;color:#fff;font-size:.8rem;font-weight:600;left:0;padding:.45rem;position:absolute;right:0;text-align:center}.eng-camera-hint{background:#f8fafc;background:var(--eng-bg);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:8px;color:#475569;color:var(--eng-text-2);font-size:.8rem}.eng-camera-error,.eng-camera-hint{margin-bottom:.65rem;padding:.5rem .75rem}.eng-camera-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:.82rem}.eng-collab-list{display:flex;flex-direction:column;gap:.75rem}.eng-collab-card{align-items:stretch;background:#fff;background:var(--eng-surface);border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:16px;border-radius:var(--eng-radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--eng-shadow);cursor:pointer;display:flex;overflow:hidden;transition:box-shadow .15s,border-color .15s}.eng-collab-card:hover{border-color:#6366f1;border-color:var(--eng-indigo);box-shadow:0 4px 14px #6366f11a}.eng-collab-left{align-items:center;background:linear-gradient(135deg,#f59e0b,#ef4444);display:flex;flex-shrink:0;justify-content:center;width:64px}.eng-collab-icon{color:#fff;font-size:1.5rem}.eng-collab-body{display:flex;flex:1 1;flex-direction:column;gap:.3rem;padding:.85rem 1rem}.eng-collab-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.eng-collab-dates{align-items:center;color:#475569;color:var(--eng-text-2);display:flex;font-size:.78rem;gap:.35rem;margin-top:.2rem}.eng-collab-stats{flex-shrink:0;gap:0}.eng-collab-stat,.eng-collab-stats{border-left:1px solid #f1f5f9;border-left:1px solid var(--eng-border-s);display:flex}.eng-collab-stat{align-items:center;flex-direction:column;justify-content:center;min-width:72px;padding:0 1.1rem}.eng-collab-stat span:first-child{color:#0f172a;color:var(--eng-text);font-size:1.2rem;font-weight:800;line-height:1}.eng-collab-stat span:last-child{color:#94a3b8;color:var(--eng-muted);font-size:.68rem;letter-spacing:.04em;margin-top:.2rem;text-transform:uppercase}.eng-reg-mode-toggle{background:#f8fafc;background:var(--eng-bg);border-radius:10px;border-radius:var(--eng-radius-s);display:flex;gap:.5rem;margin-bottom:1.25rem;padding:.25rem}.eng-reg-mode-btn{align-items:center;background:#0000;border:none;border-radius:9px;color:#475569;color:var(--eng-text-2);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:.45rem;justify-content:center;padding:.55rem .75rem;transition:background .15s,color .15s}.eng-reg-mode-btn.active{background:#fff;background:var(--eng-surface);box-shadow:0 1px 4px #0000001a;color:#6366f1;color:var(--eng-indigo);font-weight:600}.eng-reg-user-search{margin-bottom:.5rem;position:relative}.eng-input-icon-wrap{position:relative}.eng-input-icon{color:#94a3b8;color:var(--eng-muted);font-size:.85rem;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.eng-input-with-icon{padding-left:2.25rem!important}.eng-search-hint{color:#94a3b8;color:var(--eng-muted);font-size:.8rem;margin-top:.4rem;padding-left:.25rem}.eng-user-results{border:1px solid #e2e8f0;border:1px solid var(--eng-border);border-radius:9px;box-shadow:0 4px 14px #00000014;list-style:none;margin:.25rem 0 0;max-height:220px;overflow:hidden;overflow-y:auto;padding:0}.eng-user-result-item{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--eng-border-s);cursor:pointer;padding:.65rem 1rem;transition:background .12s}.eng-user-result-item:last-child{border-bottom:none}.eng-user-result-item:hover{background:#f5f3ff}.eng-user-result-name{color:#0f172a;color:var(--eng-text);font-size:.9rem;font-weight:700}.eng-user-result-meta{color:#94a3b8;color:var(--eng-muted);font-size:.78rem;margin-top:.1rem}.eng-selected-user{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:9px;display:flex;gap:.75rem;margin-top:.5rem;padding:.75rem 1rem}.eng-selected-user-icon{color:#22c55e;flex-shrink:0;font-size:1.1rem}.eng-selected-user-name{color:#166534;font-size:.9rem;font-weight:700}.eng-selected-user-meta{color:#4b7c5e;font-size:.78rem;margin-top:.1rem}.eng-form-divider{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--eng-border);margin:1.25rem 0}@media (max-width:900px){.eng-detail-stats-strip,.eng-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.eng-page{gap:.85rem;padding:.85rem}.eng-detail-stats-strip,.eng-stats-row{grid-template-columns:repeat(2,1fr)}.eng-form-grid-2,.eng-form-grid-3{grid-template-columns:1fr}.eng-tabs{gap:.15rem;overflow-x:auto;padding:0 .75rem}.eng-tab{padding:.5rem .7rem}.eng-tab-label{display:none}.eng-tab-content{padding:.85rem}.eng-content-card{padding:.9rem}.eng-camera-viewfinder{height:140px;width:140px}.eng-collab-stats{flex-direction:column}.eng-header{padding:.75rem 1rem}.eng-detail-banner{border-radius:14px;margin:.75rem .75rem 0;padding:1rem}.eng-detail-banner-content{align-items:flex-start;flex-direction:column}.eng-detail-hero-right{align-items:flex-start;gap:.6rem;width:100%}.eng-detail-hero-top-actions{flex-wrap:wrap;gap:.35rem;width:100%}.eng-btn-outline-hero{font-size:.75rem;padding:.35rem .65rem}.eng-hero-ring-wrap{display:none}.eng-reg-card-footer{flex-wrap:wrap;gap:.35rem}.eng-reg-card-footer>div,.eng-reg-card-footer>span{flex:1 1;min-width:0}.eng-reg-card-footer>div:last-child{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end}.eng-checkin-yes{font-size:.72rem;line-height:1.4}.eng-section-header{flex-wrap:wrap;gap:.5rem}.eng-section-header>div{flex-wrap:wrap}}[data-theme=dark]{--eng-bg:#0d1117;--eng-surface:#161b22;--eng-border:#30363d;--eng-border-s:#21262d;--eng-text:#e6edf3;--eng-text-2:#8b949e;--eng-muted:#6e7681;--eng-shadow:0 2px 8px #0000004d;--eng-shadow-h:0 6px 24px #00000080}[data-theme=dark] .eng-detail-banner{background:linear-gradient(135deg,#1e2a4a,#1a2340);border-color:#3d4f7c}[data-theme=dark] .eng-detail-title{color:#c9d1d9}[data-theme=dark] .eng-detail-hero-eyebrow{color:#818cf8}[data-theme=dark] .eng-hero-ring-pct{color:#c9d1d9}[data-theme=dark] .eng-hero-ring-sub{color:#818cf8}[data-theme=dark] .eng-btn-outline-hero{background:#1e2a4acc;border-color:#3d4f7c;color:#a5b4fc}[data-theme=dark] .eng-btn-outline-hero:hover{background:#2d3a5ee6;border-color:#818cf8;color:#c7d2fe}[data-theme=dark] .badge-draft{background:#2d2007;color:#fbbf24}[data-theme=dark] .badge-published{background:#052e16;color:#4ade80}[data-theme=dark] .badge-completed{background:#0c1a40;color:#60a5fa}[data-theme=dark] .badge-cancelled{background:#2d0b0b;color:#f87171}[data-theme=dark] .badge-online{background:#0c1a40;color:#60a5fa}[data-theme=dark] .badge-offline{background:#1c2128;color:#8b949e}[data-theme=dark] .badge-hybrid{background:#1e1040;color:#a78bfa}[data-theme=dark] .eng-badge-collab{background:#2d1500;color:#fb923c}[data-theme=dark] .eng-reg-card{background:#161b22;border-color:#30363d}[data-theme=dark] .eng-reg-card-name{color:#e6edf3}[data-theme=dark] .eng-reg-card-email{color:#8b949e}[data-theme=dark] .eng-reg-card-id{color:#818cf8}[data-theme=dark] .eng-selected-user{background:#0d2b1e;border-color:#166534}[data-theme=dark] .eng-selected-user-name{color:#4ade80}[data-theme=dark] .eng-selected-user-meta{color:#22c55e}[data-theme=dark] .eng-scan-result.success{background:#052e16;color:#4ade80}[data-theme=dark] .eng-scan-result.error{background:#2d0b0b;color:#f87171}[data-theme=dark] .eng-upload-area{background:#0d1117;border-color:#3d4f7c}[data-theme=dark] .eng-upload-area:hover{background:#161b22;border-color:#818cf8}[data-theme=dark] .eng-upload-text{color:#8b949e}[data-theme=dark] .eng-upload-icon{color:#4a5568}[data-theme=dark] .eng-upload-success{background:#052e16;border-color:#166534;color:#4ade80}[data-theme=dark] .eng-table tbody tr:hover{background:#1c2128}[data-theme=dark] .eng-song-lyrics-panel{background:#1a1625;border-top-color:#2d2460}[data-theme=dark] .eng-song-lyrics-pre{color:#c9d1d9}[data-theme=dark] .eng-user-result-item:hover{background:#1e1640}[data-theme=dark] .eng-event-row.selected{background:#0c1a40;border-color:#818cf8}[data-theme=dark] .eng-event-row:hover{background:#1c2128}[data-theme=dark] .eng-camera-error{background:#2d0b0b;color:#f87171}[data-theme=dark] .eng-btn-danger:hover:not(:disabled){background:#2d0b0b!important;border-color:#f87171!important}[data-theme=dark] .eng-btn-ghost{border-color:#30363d;color:#8b949e}[data-theme=dark] .eng-btn-ghost:hover{background:#818cf814;color:#818cf8}[data-theme=dark] .eng-checkin-yes{color:#4ade80}[data-theme=dark] .eng-checkin-no{color:#30363d}@keyframes psLivePulse{0%,to{opacity:1}50%{opacity:.6}}.tk-page{display:flex;flex-direction:column;gap:1.25rem;padding:0}.tk-hero{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f617,#6366f117);border:1px solid #3b82f633;border-radius:24px;box-shadow:0 4px 24px #3b82f614;display:flex;gap:1.5rem;justify-content:space-between;overflow:hidden;padding:2rem 2.5rem;position:relative}.tk-hero-glow{background:radial-gradient(circle,#6366f11f 0,#0000 70%);border-radius:50%;height:300px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:300px}.tk-hero-left{flex:1 1;gap:1.25rem;min-width:0}.tk-hero-icon,.tk-hero-left{align-items:center;display:flex}.tk-hero-icon{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:20px;box-shadow:0 6px 20px #3b82f659;flex-shrink:0;height:72px;justify-content:center;width:72px}.tk-hero-icon .material-symbols-rounded{color:#fff;font-size:36px}.tk-hero-eyebrow{color:#6366f1;font-size:11px;font-weight:700;letter-spacing:1.2px;margin:0 0 4px;text-transform:uppercase}.tk-hero-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:2rem;font-weight:800;line-height:1.15;margin:0 0 4px}.tk-hero-sub{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;margin:0}.tk-hero-cta{flex-shrink:0}.tk-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.tk-stat-card{align-items:center;background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:1rem;padding:1.1rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.tk-stat-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.tk-stat-card--active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633,0 4px 16px #3b82f61f}.tk-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.tk-stat-icon .material-symbols-rounded{font-size:22px}.tk-stat-card--blue .tk-stat-icon{background:#3b82f61f;color:#2563eb}.tk-stat-card--indigo .tk-stat-icon{background:#6366f11f;color:#6366f1}.tk-stat-card--amber .tk-stat-icon{background:#f59e0b1f;color:#b45309}.tk-stat-card--green .tk-stat-icon{background:#22c55e1f;color:#16a34a}.tk-stat-card--slate .tk-stat-icon{background:#64748b1f;color:#475569}.tk-stat-body{display:flex;flex-direction:column;min-width:0}.tk-stat-value{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.4rem;font-weight:800;line-height:1}.tk-stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:3px;text-transform:uppercase}.tk-body{display:flex;flex:1 1;gap:1rem;min-height:0}.tk-sidebar{align-self:flex-start;background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:16px;display:flex;flex-direction:column;gap:.25rem;min-width:200px;padding:1rem .75rem;position:-webkit-sticky;position:sticky;top:0;width:200px}.tk-sidebar-heading{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:10px;font-weight:700;letter-spacing:1px;margin:0 0 .5rem;padding:0 .5rem;text-transform:uppercase}.tk-nav-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.tk-nav-list li{align-items:center;border-radius:10px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px;transition:background .15s,color .15s}.tk-nav-list li:hover{background:#3b82f60f;color:#2563eb}.tk-nav-list li.active{background:linear-gradient(135deg,#3b82f61f,#6366f11f);color:#1e40af;font-weight:600}.tk-nav-list li .material-symbols-rounded{flex-shrink:0;font-size:18px}.tk-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-width:0}.tk-filter-bar{align-items:center;background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:14px;display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px}.tk-search-wrap{flex:1 1;min-width:180px;position:relative}.tk-search-icon{color:#9ca3af;font-size:17px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tk-search-input{background:#f8fafc;background:var(--input-background,#f8fafc);border:1px solid #e2e8f0;border-radius:9px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;outline:none;padding:7px 12px 7px 34px;transition:border-color .15s,box-shadow .15s;width:100%}.tk-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.tk-filter-select{background:#f8fafc;background:var(--input-background,#f8fafc);border:1px solid #e2e8f0;border-radius:9px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s}.tk-filter-select:focus{border-color:#3b82f6}.tk-table-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:14px;overflow:hidden}.tk-table{border-collapse:collapse;font-size:13px;width:100%}.tk-table thead th{background:#f8fafc;background:var(--input-background,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--card-border,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:700;letter-spacing:.04em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.tk-table tbody tr{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .12s}.tk-table tbody tr:last-child{border-bottom:none}.tk-table tbody tr:hover{background:#3b82f60a}.tk-table tbody tr.selected{background:#3b82f614}.tk-table tbody td{color:#1e293b;color:var(--text-primary,#1e293b);padding:10px 14px;vertical-align:middle}.tk-cell-id{color:#6366f1;font-family:monospace;font-size:12px;font-weight:600;white-space:nowrap}.tk-cell-subject{font-weight:500;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk-cell-muted{color:#64748b;color:var(--text-secondary,#64748b)}.tk-cell-date{font-size:12px;white-space:nowrap}.tk-unassigned{color:#94a3b8;font-size:11px;font-style:italic;font-weight:600}.tk-chip{align-items:center;border-radius:99px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 9px;text-transform:uppercase;white-space:nowrap}.tk-chip--low{background:#f1f5f9;color:#475569}.tk-chip--medium{background:#3b82f61f;color:#1d4ed8}.tk-chip--high{background:#ea580c1f;color:#c2410c}.tk-chip--urgent{background:#dc26261f;color:#dc2626}.tk-status--open{background:#3b82f61f;color:#1d4ed8}.tk-status--in_progress{background:#eab3081f;color:#a16207}.tk-status--resolved{background:#22c55e1f;color:#15803d}.tk-status--closed{background:#f1f5f9;color:#475569}.tk-status--reopened{background:#8b5cf61f;color:#7e22ce}.tk-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .15s,box-shadow .15s,opacity .15s;white-space:nowrap}.tk-btn:disabled{cursor:not-allowed;opacity:.55}.tk-btn--primary{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 2px 10px #3b82f64d;color:#fff}.tk-btn--primary:hover:not(:disabled){box-shadow:0 4px 16px #3b82f666;filter:brightness(1.05)}.tk-btn--secondary{background:#f1f5f9;background:var(--input-background,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);color:#475569;color:var(--text-secondary,#475569)}.tk-btn--secondary:hover:not(:disabled){background:#e2e8f0}.tk-btn--danger{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.tk-btn--danger:hover:not(:disabled){background:#fecaca}.tk-btn--ghost{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.tk-btn--ghost:hover:not(:disabled){background:#f1f5f9;background:var(--input-background,#f1f5f9)}.tk-icon-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;justify-content:center;padding:5px;transition:background .12s,color .12s}.tk-icon-btn:hover{background:#f1f5f9;background:var(--input-background,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.tk-banner{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:8px;padding:9px 14px}.tk-banner--success{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.tk-banner--error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.tk-spinner-center{align-items:center;display:flex;justify-content:center;padding:48px 20px}@keyframes tk-spin{to{transform:rotate(1turn)}}.tk-spin{animation:tk-spin .8s linear infinite}.tk-empty-state{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:60px 20px;text-align:center}.tk-empty-state .material-symbols-rounded{color:#cbd5e1;font-size:48px}.tk-empty-state h3{color:#64748b;color:var(--text-secondary,#64748b);font-size:15px;margin:0}.tk-empty-state p{font-size:13px;margin:0}.tk-pagination{align-items:center;background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:12px;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:12px;justify-content:space-between;padding:10px 14px}.tk-pagination-btns{align-items:center;display:flex;gap:4px}.tk-pagination-btns button{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;font-size:12px;padding:4px 10px;transition:background .12s}.tk-pagination-btns button:hover:not(:disabled){background:#f1f5f9}.tk-pagination-btns button:disabled{cursor:not-allowed;opacity:.4}.tk-pagination-btns span{color:#64748b;font-size:12px;padding:0 6px}.tk-modal-overlay{align-items:center;background:#0f172a47;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:600}.tk-modal{animation:tk-modal-in .18s ease;background:#fff;background:var(--card-background,#fff);border-radius:18px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:540px;width:100%}@keyframes tk-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.tk-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--card-border,#e2e8f0);display:flex;justify-content:space-between;padding:16px 20px}.tk-modal-header h3{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:15px;font-weight:700;gap:8px;margin:0}.tk-modal-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:18px 20px}.tk-modal-footer{align-items:center;background:#f8fafc;background:var(--input-background,#f8fafc);border-radius:0 0 18px 18px;border-top:1px solid #e2e8f0;border-top:1px solid var(--card-border,#e2e8f0);display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.tk-field{display:flex;flex-direction:column;gap:5px}.tk-label{color:#475569;color:var(--text-secondary,#475569);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tk-label.required:after{color:#dc2626;content:" *"}.tk-input,.tk-select,.tk-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:13px;outline:none;padding:8px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.tk-input:focus,.tk-select:focus,.tk-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.tk-textarea{min-height:80px;resize:vertical}.tk-input--picker{color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;text-align:left}.tk-input--picker:hover{border-color:#94a3b8}.tk-placeholder{color:#9ca3af;font-style:italic}.tk-clear-btn{align-self:flex-start;background:none;border:none;color:#dc2626;cursor:pointer;font-size:12px;padding:2px 6px}.tk-clear-btn:hover{text-decoration:underline}.tk-checkbox-row{color:#475569;color:var(--text-secondary,#475569);font-size:13px;gap:8px}.tk-checkbox-row,.tk-user-row{align-items:center;cursor:pointer;display:flex}.tk-user-row{border-radius:10px;gap:10px;margin-bottom:6px;padding:9px 12px;transition:background .12s}.tk-user-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.tk-user-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.tk-user-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600}.tk-detail-overlay{background:#0f172a2e;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:500}.tk-detail-panel{animation:tk-slide-in .22s ease;background:#fff;background:var(--card-background,#fff);box-shadow:-4px 0 32px #00000024;display:flex;flex-direction:column;height:100%;max-width:90vw;width:600px}@keyframes tk-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.tk-detail-header{align-items:flex-start;background:linear-gradient(135deg,#3b82f60f,#6366f10f);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--card-border,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.tk-detail-header-left{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.tk-detail-id{color:#6366f1;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tk-detail-subject{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-weight:700;line-height:1.3;margin:0}.tk-detail-chips{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tk-sensitive-badge{align-items:center;background:#dc26261a;border-radius:99px;color:#dc2626;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 9px;text-transform:uppercase}.tk-tabs-bar{background:#fff;background:var(--card-background,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--card-border,#e2e8f0);display:flex;flex-shrink:0;overflow-x:auto;padding:0 20px}.tk-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:13px;font-weight:500;padding:10px 14px;text-transform:capitalize;transition:color .15s,border-color .15s;white-space:nowrap}.tk-tab:hover{color:#3b82f6}.tk-tab--active{border-bottom-color:#3b82f6;color:#3b82f6;font-weight:700}.tk-tab-content{flex:1 1;overflow-y:auto;padding:16px 20px}.tk-section-title{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.06em;margin:16px 0 10px;padding-bottom:6px;text-transform:uppercase}.tk-section-title:first-child{margin-top:0}.tk-field-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.tk-field-item{display:flex;flex-direction:column;gap:3px}.tk-field-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tk-field-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px}.tk-detail-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--card-border,#e2e8f0);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:12px 20px}.tk-comment,.tk-detail-actions{background:#f8fafc;background:var(--input-background,#f8fafc)}.tk-comment{border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:10px;margin-bottom:10px;padding:12px}.tk-comment--internal{background:#fefce8;border-color:#fde68a}.tk-comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.tk-comment-author{color:#1e293b;color:var(--text-primary,#1e293b);font-size:12px;font-weight:700}.tk-comment-date{color:#94a3b8;font-size:11px}.tk-comment-msg{color:#334155;font-size:13px;line-height:1.5;margin:0}.tk-internal-badge{background:#fde68a;border-radius:10px;color:#92400e;font-size:10px;font-weight:700;padding:1px 6px}.tk-add-comment{border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:10px;margin-bottom:14px;overflow:hidden}.tk-add-comment-textarea{background:#fff;border:none;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:13px;outline:none;padding:10px 12px;resize:none;width:100%}.tk-add-comment-footer{align-items:center;background:#f8fafc;background:var(--input-background,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--card-border,#e2e8f0);display:flex;gap:10px;justify-content:space-between;padding:8px 12px}.tk-activity-item{display:flex;gap:12px;margin-bottom:12px;position:relative}.tk-activity-item:before{background:#e2e8f0;content:"";height:calc(100% + 4px);left:14px;position:absolute;top:28px;width:2px}.tk-activity-item:last-child:before{display:none}.tk-activity-icon{align-items:center;background:#3b82f61f;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px;z-index:1}.tk-activity-icon .material-symbols-rounded{color:#2563eb;font-size:16px}.tk-attachment-row{align-items:center;background:#f8fafc;background:var(--input-background,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:10px;display:flex;gap:10px;margin-bottom:8px;padding:10px 12px;transition:background .12s}.tk-attachment-row:hover{background:#f1f5f9}[data-theme=dark] .tk-page{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .tk-hero{background:linear-gradient(135deg,#3b82f61f,#6366f11f);border-color:#6366f140}[data-theme=dark] .tk-hero-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .tk-hero-icon{background:linear-gradient(135deg,#3b82f64d,#6366f14d)}[data-theme=dark] .tk-stat-card{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .tk-stat-value{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .tk-stat-card--active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}[data-theme=dark] .tk-sidebar{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .tk-nav-list li{color:#94a3b8}[data-theme=dark] .tk-nav-list li:hover{background:#3b82f61a;color:#93c5fd}[data-theme=dark] .tk-nav-list li.active{background:linear-gradient(135deg,#3b82f62e,#6366f12e);color:#93c5fd}[data-theme=dark] .tk-filter-bar{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .tk-search-input{background:#ffffff0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .tk-filter-select{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .tk-table-card{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .tk-table thead th{background:#ffffff0a;border-bottom-color:#ffffff14;color:#64748b}[data-theme=dark] .tk-table tbody tr{border-bottom-color:#ffffff0d}[data-theme=dark] .tk-table tbody tr:hover{background:#ffffff0a}[data-theme=dark] .tk-table tbody tr.selected{background:#3b82f61f}[data-theme=dark] .tk-table tbody td{color:#e2e8f0;color:var(--text-primary,#e2e8f0)}[data-theme=dark] .tk-modal{background:#1e293b}[data-theme=dark] .tk-modal-header{border-bottom-color:#ffffff1a}[data-theme=dark] .tk-modal-header h3{color:#f1f5f9}[data-theme=dark] .tk-modal-footer{background:#ffffff0a;border-top-color:#ffffff14}[data-theme=dark] .tk-modal-body{background:#1e293b}[data-theme=dark] .tk-input,[data-theme=dark] .tk-select,[data-theme=dark] .tk-textarea{background:#ffffff0f;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .tk-detail-panel{background:#1e293b}[data-theme=dark] .tk-detail-header{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-bottom-color:#ffffff1a}[data-theme=dark] .tk-detail-subject{color:#f1f5f9}[data-theme=dark] .tk-tabs-bar{background:#1e293b;border-bottom-color:#ffffff1a}[data-theme=dark] .tk-tab{color:#64748b}[data-theme=dark] .tk-tab--active{border-bottom-color:#60a5fa;color:#60a5fa}[data-theme=dark] .tk-tab-content{background:#1e293b}[data-theme=dark] .tk-detail-actions{background:#ffffff0a;border-top-color:#ffffff14}[data-theme=dark] .tk-comment{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .tk-comment--internal{background:#f59e0b14;border-color:#f59e0b33}[data-theme=dark] .tk-comment-author{color:#f1f5f9}[data-theme=dark] .tk-comment-msg{color:#cbd5e1}[data-theme=dark] .tk-add-comment{border-color:#ffffff1a}[data-theme=dark] .tk-add-comment-textarea{background:#ffffff0a;color:#f1f5f9}[data-theme=dark] .tk-add-comment-footer{background:#ffffff0a;border-top-color:#ffffff14}[data-theme=dark] .tk-attachment-row{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .tk-attachment-row:hover{background:#ffffff12}[data-theme=dark] .tk-pagination{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .tk-pagination-btns button{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .tk-pagination-btns button:hover:not(:disabled){background:#ffffff1a}[data-theme=dark] .tk-btn--secondary{background:#ffffff14;border-color:#ffffff1f;color:#94a3b8}[data-theme=dark] .tk-btn--secondary:hover:not(:disabled){background:#ffffff24}[data-theme=dark] .tk-btn--ghost{border-color:#ffffff1a;color:#64748b}[data-theme=dark] .tk-btn--ghost:hover:not(:disabled){background:#ffffff0f}[data-theme=dark] .tk-icon-btn{color:#64748b}[data-theme=dark] .tk-icon-btn:hover{background:#ffffff14;color:#f1f5f9}[data-theme=dark] .tk-section-title{border-bottom-color:#ffffff0f;color:#64748b}[data-theme=dark] .tk-field-label{color:#64748b}[data-theme=dark] .tk-field-value{color:#e2e8f0}@media (max-width:1100px){.tk-stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.tk-sidebar{display:none}.tk-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tk-hero{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem}.tk-hero-title{font-size:1.4rem}.tk-stats-row{gap:.75rem;grid-template-columns:repeat(2,1fr)}.tk-hero-cta{justify-content:center;width:100%}.tk-detail-panel{max-width:100%;width:100%}.tk-field-grid{grid-template-columns:1fr}}@media (max-width:400px){.tk-stats-row{gap:.5rem;grid-template-columns:1fr 1fr}.tk-stat-value{font-size:1.1rem}}.km-page{margin:0 auto;max-width:1100px;padding:1.5rem}.km-header{gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.km-header,.km-header-left{align-items:center;display:flex}.km-header-left{gap:.75rem}.km-header-icon{background:#eef2ff;border-radius:10px;color:#6366f1;font-size:2rem;padding:.5rem}.km-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.km-subtitle{color:#64748b;font-size:.8125rem;margin:0}.km-btn-primary{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:background .15s}.km-btn-primary:hover{background:#4f46e5}.km-btn-primary:disabled{cursor:not-allowed;opacity:.6}.km-btn-secondary{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:background .15s}.km-btn-secondary:hover{background:#e2e8f0}.km-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.km-btn-danger{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:background .15s}.km-btn-danger:hover{background:#dc2626}.km-btn-icon{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .15s;width:32px}.km-btn-icon:hover{background:#e2e8f0}.km-btn-icon.danger{color:#ef4444}.km-btn-icon.danger:hover{background:#fee2e2;border-color:#fca5a5}.km-btn-icon .material-symbols-rounded{font-size:1rem}.km-empty,.km-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:4rem 2rem;text-align:center}.km-loading .material-symbols-rounded{color:#6366f1;font-size:2.5rem}.km-empty .material-symbols-rounded{font-size:3rem}.km-spin{animation:km-spin 1s linear infinite}@keyframes km-spin{to{transform:rotate(1turn)}}.km-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.km-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:.625rem;padding:1rem;transition:box-shadow .15s}.km-card:hover{box-shadow:0 4px 12px #00000014}.km-card-header{gap:.625rem}.km-card-header,.km-card-icon{align-items:center;display:flex}.km-card-icon{background:#eef2ff;border-radius:8px;color:#6366f1;flex-shrink:0;height:36px;justify-content:center;width:36px}.km-card-icon .material-symbols-rounded{font-size:1.25rem}.km-card-title-block{flex:1 1;min-width:0}.km-card-name{color:#1e293b;font-size:.9375rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-card-id{color:#94a3b8;font-size:.75rem}.km-status-badge{border-radius:20px;flex-shrink:0;font-size:.6875rem;font-weight:600;padding:.2rem .5rem}.km-status-badge.active{background:#dcfce7;color:#16a34a}.km-status-badge.inactive{background:#f1f5f9;color:#64748b}.km-card-desc{color:#64748b;font-size:.8125rem;line-height:1.4;margin:0}.km-card-items-summary{align-items:center;color:#64748b;display:flex;font-size:.8125rem;gap:.375rem}.km-card-items-summary .material-symbols-rounded{font-size:1rem}.km-items-list{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:.5rem}.km-item-row{align-items:center;color:#334155;display:flex;font-size:.8125rem;gap:.375rem}.km-item-row .material-symbols-rounded{color:#94a3b8;font-size:.5rem}.km-item-name{flex:1 1}.km-item-qty{color:#6366f1;font-size:.75rem;font-weight:600}.km-item-optional{background:#fef3c7;border-radius:4px;color:#d97706;font-size:.6875rem;padding:.1rem .35rem}.km-card-actions{border-top:1px solid #f1f5f9;display:flex;gap:.5rem;justify-content:flex-end;margin-top:auto;padding-top:.5rem}.km-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.km-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.km-modal-sm{max-width:420px}.km-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.km-modal-header h3{color:#1e293b;font-size:1rem;font-weight:700;margin:0}.km-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:.25rem}.km-modal-close:hover{background:#f1f5f9;color:#475569}.km-modal-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.25rem}.km-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:.625rem;justify-content:flex-end;padding:1rem 1.25rem}.km-form-error{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:.875rem;padding:.625rem .875rem}.km-form-field{display:flex;flex-direction:column;gap:.375rem}.km-form-field label{color:#374151;font-size:.8125rem;font-weight:600}.km-required{color:#ef4444}.km-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:border-color .15s;width:100%}.km-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.km-textarea{min-height:60px;resize:vertical}.km-items-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:.625rem;padding:.875rem}.km-items-header{align-items:center;display:flex;gap:.5rem}.km-items-header .material-symbols-rounded{color:#6366f1;font-size:1.1rem}.km-items-header h4{color:#374151;flex:1 1;font-size:.9rem;font-weight:600;margin:0}.km-btn-add-item{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.25rem;padding:.3rem .625rem}.km-btn-add-item:hover{background:#e0e7ff}.km-btn-add-item .material-symbols-rounded{font-size:.9rem}.km-items-empty{color:#94a3b8;font-size:.8125rem;padding:.5rem;text-align:center}.km-items-form-list{display:flex;flex-direction:column;gap:.5rem}.km-item-form-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:.5rem;padding:.5rem .625rem}.km-item-form-row,.km-item-seq{align-items:center;display:flex}.km-item-seq{background:#eef2ff;border-radius:50%;color:#6366f1;flex-shrink:0;font-size:.75rem;font-weight:700;height:22px;justify-content:center;width:22px}.km-item-fields{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.375rem}.km-item-name-input{flex:2 1;min-width:120px}.km-item-cat-input{flex:1 1;min-width:80px}.km-item-qty-input{width:60px}.km-item-optional-label{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:.8125rem;gap:.3rem;white-space:nowrap}.km-item-remove{flex-shrink:0}.hostel-page{box-sizing:border-box;height:100%;overflow-y:auto;padding:1.5rem}.hostel-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem}.hostel-page-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:1.35rem;font-weight:700;gap:.5rem}.hostel-page-title .material-symbols-rounded{color:#6366f1;font-size:1.4rem}.hostel-stat-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(6,1fr);margin-bottom:1.5rem}@media (max-width:1100px){.hostel-stat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.hostel-stat-grid{grid-template-columns:repeat(2,1fr)}}.hostel-stat-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;flex-direction:row;gap:.75rem;padding:.85rem 1rem;transition:box-shadow .15s}.hostel-stat-card:hover{box-shadow:0 4px 16px #00000014}.hostel-stat-card .stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.72rem;letter-spacing:.04em;line-height:1.3;text-transform:uppercase}.hostel-stat-card .stat-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.4rem;font-weight:700;line-height:1.2}.hostel-stat-card.indigo .stat-icon{color:#6366f1}.hostel-stat-card.teal .stat-icon{color:#0d9488}.hostel-stat-card.amber .stat-icon{color:#f59e0b}.hostel-stat-card.green .stat-icon{color:#22c55e}.hostel-stat-card.rose .stat-icon{color:#f43f5e}.hostel-stat-card.sky .stat-icon{color:#0ea5e9}.hostel-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.hostel-search-wrap{flex:1 1;min-width:200px;position:relative}.hostel-search-wrap .material-symbols-rounded{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:1rem;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hostel-search-input{background:#fff;background:var(--input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;padding:.5rem .75rem .5rem 2.25rem;width:100%}.hostel-search-input:focus{border-color:#6366f1;outline:none}.hostel-warden-dropdown{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.hostel-warden-option{cursor:pointer;display:flex;flex-direction:column;gap:.1rem;padding:.6rem .85rem;transition:background .12s}.hostel-warden-option:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9)}.hostel-warden-option--empty{color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:default;font-size:.85rem}.hostel-warden-option--empty:hover{background:none}.hostel-warden-option-id{color:#6366f1;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.hostel-warden-option-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:600}.hostel-warden-option-email{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.78rem}.hostel-selected-warden{align-items:center;background:#eef2ff;border-radius:8px;color:#4338ca;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:.4rem;padding:.45rem .75rem}.hostel-selected-warden .material-symbols-rounded{color:#22c55e;font-size:1.1rem}.hostel-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:background .15s,opacity .15s;white-space:nowrap}.hostel-btn:disabled{cursor:not-allowed;opacity:.5}.hostel-btn-primary{background:#6366f1;color:#fff}.hostel-btn-primary:hover:not(:disabled){background:#4f46e5}.hostel-btn-secondary{background:#f1f5f9;background:var(--input-bg,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.hostel-btn-secondary:hover:not(:disabled){background:#e2e8f0;background:var(--hover-bg,#e2e8f0)}.hostel-btn-danger{background:#ef4444;color:#fff}.hostel-btn-danger:hover:not(:disabled){background:#dc2626}.hostel-btn-success{background:#22c55e;color:#fff}.hostel-btn-success:hover:not(:disabled){background:#16a34a}.hostel-table-wrap{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow:hidden}.hostel-table{border-collapse:collapse;font-size:.875rem;width:100%}.hostel-table th{background:#f8fafc;background:var(--table-header-bg,#f8fafc);color:#64748b;color:var(--text-secondary,#64748b);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.hostel-table td,.hostel-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:.75rem 1rem}.hostel-table td{color:#1e293b;color:var(--text-primary,#1e293b);vertical-align:middle}.hostel-table tr:last-child td{border-bottom:none}.hostel-table tbody tr:hover{background:#f8fafc;background:var(--row-hover,#f8fafc)}.hostel-table .actions{display:flex;gap:.5rem}.hostel-chip{border-radius:999px;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.2rem .6rem;text-transform:uppercase;white-space:nowrap}.hostel-chip.available{background:#dcfce7;color:#15803d}.hostel-chip.occupied{background:#fee2e2;color:#b91c1c}.hostel-chip.maintenance{background:#fef9c3;color:#a16207}.hostel-chip.active{background:#dbeafe;color:#1d4ed8}.hostel-chip.inactive{background:#f1f5f9;color:#64748b}.hostel-chip.vacated{background:#f3e8ff;color:#7e22ce}.hostel-chip.approved{background:#dcfce7;color:#15803d}.hostel-chip.pending{background:#fef9c3;color:#a16207}.hostel-chip.rejected{background:#fee2e2;color:#b91c1c}.hostel-chip.issued{background:#dbeafe;color:#1d4ed8}.hostel-chip.returned{background:#dcfce7;color:#15803d}.hostel-chip.lost{background:#fee2e2;color:#b91c1c}.hostel-chip.open{background:#dbeafe;color:#1d4ed8}.hostel-chip.resolved{background:#dcfce7;color:#15803d}.hostel-chip.closed{background:#f1f5f9;color:#64748b}.hostel-chip.boys{background:#dbeafe;color:#1d4ed8}.hostel-chip.girls{background:#fce7f3;color:#9d174d}.hostel-chip.mixed{background:#f3e8ff;color:#7e22ce}.hostel-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.hostel-modal{background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:520px;overflow-y:auto;padding:1.75rem;width:100%}.hostel-modal h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:700;margin:0 0 1.25rem}.hostel-form-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:1fr 1fr}.hostel-form-grid .full{grid-column:1/-1}.hostel-field{display:flex;flex-direction:column;gap:.3rem}.hostel-field label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hostel-field input,.hostel-field select,.hostel-field textarea{background:#fff;background:var(--input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;padding:.5rem .75rem}.hostel-field input:focus,.hostel-field select:focus,.hostel-field textarea:focus{border-color:#6366f1;outline:none}.hostel-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.hd-capacity-fixed{background:#f8fafc;background:var(--table-header-bg,#f8fafc);border:1px dashed #e2e8f0;border:1px dashed var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem;font-weight:600;padding:.45rem .7rem}.hd-autogen-label{align-items:flex-start;background:#6366f10a;border:1.5px solid #6366f140;border-radius:10px;cursor:pointer;display:flex;gap:.5rem;padding:.65rem .85rem;transition:border-color .12s,background .12s}.hd-autogen-label:has(input:checked){background:#6366f114;border-color:#6366f180}.hd-autogen-label input[type=checkbox]{accent-color:#6366f1;flex-shrink:0;height:15px;margin-top:2px;width:15px}.hd-autogen-label>span:first-of-type{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:600}.hd-autogen-hint{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;line-height:1.4;margin-left:auto;text-align:right}.hd-rooms-search-wrap{align-items:center;background:#fff;background:var(--input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;display:flex;gap:.4rem;max-width:210px;min-width:160px;padding:.38rem .75rem;transition:border-color .12s}.hd-rooms-search-wrap:focus-within{border-color:#6366f1}.hd-rooms-search-icon{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.75rem}.hd-rooms-search-input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);font-size:.82rem;outline:none;width:100%}.hd-rooms-search-input::placeholder,.hostel-empty{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.hostel-empty{padding:3rem 1rem;text-align:center}.hostel-empty .material-symbols-rounded{display:block;font-size:3rem;margin-bottom:.75rem;opacity:.4}.hostel-loading{color:#94a3b8;color:var(--text-secondary,#94a3b8);padding:3rem 1rem;text-align:center}.hostel-banner{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.65rem 1rem}.hostel-banner.success{background:#dcfce7;color:#15803d}.hostel-banner.error{background:#fee2e2;color:#b91c1c}.hostel-check{align-items:center;display:flex;font-size:.875rem;gap:.35rem}.hostel-check .material-symbols-rounded{font-size:1.1rem}.hostel-check.done{color:#22c55e}.hostel-check.undone{color:#94a3b8}.hostel-select{background:#fff;background:var(--input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.hostel-select:focus{border-color:#6366f1;outline:none}.hd-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;box-shadow:0 1px 4px #0000000a;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.hd-section-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;font-weight:700;letter-spacing:.07em;margin-bottom:1rem;text-transform:uppercase}.hd-metrics-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.hd-metric-card{background:#f8fafc;background:var(--table-header-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:150px;padding:.75rem 1.1rem}.hd-metric-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hd-metric-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.5rem;font-weight:700}.hd-rooms-building-badge{align-items:center;background:#6366f11a;border-radius:999px;color:#6366f1;display:inline-flex;font-size:.72rem;font-weight:600;gap:.35rem;margin-left:.5rem;padding:.25rem .65rem}.hd-rooms-stat-filter-row{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 1px 4px #0000000a;display:flex;flex-wrap:wrap;gap:0;gap:.75rem;margin-bottom:1.25rem;padding:.6rem 1.25rem}.hd-rooms-stat-strip{align-items:center;display:flex;flex-shrink:0;gap:0}.hd-rooms-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-left:auto}.hd-rooms-stat{align-items:center;display:flex;flex-shrink:0;gap:.4rem;padding:0 1.25rem}.hd-rooms-stat:first-child{padding-left:0}.hd-rooms-stat-icon{font-size:1rem}.hd-rooms-stat-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.hd-rooms-stat-val{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.35rem;font-weight:700;line-height:1}.hd-rooms-stat-lbl{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hd-rooms-stat-divider{background:#e2e8f0;background:var(--border-color,#e2e8f0);flex-shrink:0;height:28px;width:1px}.hd-rooms-floors{display:flex;flex-direction:column;gap:1.25rem}.hd-floor-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 1px 4px #0000000a;overflow:hidden}.hd-floor-glass-header{overflow:hidden;padding:1rem 1.4rem;position:relative}.hd-floor-glass-bg{background:linear-gradient(120deg,#6366f1,#8b5cf6);background:linear-gradient(120deg,var(--grad-from,#6366f1),var(--grad-to,#8b5cf6));inset:0;opacity:.13;position:absolute}.hd-floor-glass-header:before{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:linear-gradient(135deg,#ffffff8c,#ffffff1a 60%,#0000);content:"";inset:0;pointer-events:none;position:absolute}.hd-floor-glass-header:after{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--grad-from,#6366f1),var(--grad-to,#8b5cf6));border-radius:50%;content:"";height:120px;opacity:.12;pointer-events:none;position:absolute;right:-30px;top:-30px;width:120px}.hd-floor-glass-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.hd-floor-glass-left{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.hd-floor-number-bubble{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--grad-from,#6366f1),var(--grad-to,#8b5cf6));border-radius:12px;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:800;height:40px;justify-content:center;letter-spacing:-.02em;width:40px}.hd-floor-glass-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.95rem;font-weight:700;line-height:1.2}.hd-floor-glass-sub{color:#64748b;color:var(--text-secondary,#64748b);font-size:.72rem;margin-top:.1rem}.hd-floor-glass-stats{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.hd-floor-glass-stat{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:.8rem;font-weight:600;gap:.3rem}.hd-fgs-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.hd-fgs-lbl{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.68rem;font-weight:500;margin-left:.05rem}.hd-floor-warden-chip{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border:1px solid #ffffff40;border-radius:20px;cursor:pointer;display:inline-flex;gap:.4rem;padding:.28rem .65rem .28rem .3rem;transition:background .15s}.hd-floor-warden-chip:hover{background:#00000080}.hd-floor-warden-avatar{align-items:center;background:#fff;border-radius:50%;color:#6366f1;display:flex;flex-shrink:0;font-size:.72rem;font-weight:800;height:22px;justify-content:center;width:22px}.hd-floor-warden-name{color:#fff;font-size:.75rem;font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #0006;white-space:nowrap}.hd-floor-add-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--grad-from,#6366f1),var(--grad-to,#8b5cf6));border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:600;gap:.4rem;padding:.38rem .85rem;transition:opacity .15s,transform .1s;white-space:nowrap}.hd-floor-add-btn:hover{opacity:.88;transform:translateY(-1px)}.hd-room-cards-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));padding:1rem 1.2rem 1.2rem}.hd-room-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;display:flex;flex-direction:column;gap:.6rem;min-height:135px;overflow:hidden;padding:1rem 1.1rem;position:relative;transition:box-shadow .18s,transform .12s,border-color .18s}.hd-room-glow{border-radius:50%;filter:blur(20px);height:80px;opacity:.7;pointer-events:none;position:absolute;right:-20px;top:-20px;width:80px}.hd-room-card:before{border-radius:14px 14px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .18s}.hd-room-card--available:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.hd-room-card--occupied:before{background:linear-gradient(90deg,#ef4444,#fb7185)}.hd-room-card--maintenance:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.hd-room-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.hd-room-card:hover:before{opacity:1}.hd-room-card-top{align-items:flex-start;display:flex;gap:.4rem;justify-content:space-between}.hd-room-number{align-items:center;display:flex;gap:.4rem}.hd-room-door-icon{align-items:center;background:#6366f11a;border-radius:8px;color:#6366f1;display:flex;flex-shrink:0;font-size:.85rem;height:28px;justify-content:center;width:28px}.hd-room-num-text{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:800;letter-spacing:-.01em}.hd-room-type-badge{border-radius:6px;display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.05em;padding:.22rem .55rem;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.hd-room-cap-bar-wrap{align-items:center;display:flex;gap:.5rem}.hd-room-cap-bar-track{background:#f1f5f9;background:var(--table-header-bg,#f1f5f9);border-radius:99px;flex:1 1;height:5px;overflow:hidden}.hd-room-cap-bar-fill{border-radius:99px;height:100%;transition:width .35s ease}.hd-room-cap-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.68rem;white-space:nowrap}.hd-room-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.hd-room-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.68rem;font-weight:600;gap:.3rem;padding:.22rem .6rem}.hd-room-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.hd-room-floor-tag{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.65rem;font-weight:500}.hd-room-menu-wrap{flex-shrink:0;position:relative}.hd-room-menu-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:7px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:.75rem;height:26px;justify-content:center;transition:background .12s,color .12s,border-color .12s;width:26px}.hd-room-menu-btn:hover{background:#f1f5f9;background:var(--table-header-bg,#f1f5f9);border-color:#e2e8f0;border-color:var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.hd-room-menu-dropdown{animation:hd-menu-appear .1s ease;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;box-shadow:0 8px 28px #00000029;min-width:172px;padding:.3rem 0}@keyframes hd-menu-appear{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hd-room-menu-item{align-items:center;background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:.55rem;padding:.55rem .9rem;text-align:left;transition:background .1s;width:100%}.hd-room-menu-item:hover{background:#f8fafc;background:var(--table-header-bg,#f8fafc)}.hd-room-menu-item.accent{color:#6366f1}.hd-room-menu-item.danger{color:#ef4444}.hd-room-menu-item svg{flex-shrink:0;font-size:.8rem;opacity:.7}.hd-room-menu-divider{background:#e2e8f0;background:var(--border-color,#e2e8f0);height:1px;margin:.25rem 0}.hd-room-card-ghost{align-items:center;background:#0000;border:2px dashed #cbd5e1;border:2px dashed var(--border-color,#cbd5e1);color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:135px;transition:border-color .15s,color .15s,background .15s}.hd-room-card-ghost:hover{background:#6366f10d;border-color:#6366f1;box-shadow:none;color:#6366f1;transform:none}.hd-room-card-ghost .hd-room-glow,.hd-room-card-ghost:before,.hd-room-glow{display:none}.hd-ghost-icon{font-size:1.4rem;opacity:.4}.hd-room-card-ghost:hover .hd-ghost-icon{opacity:1}.hd-ghost-label{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.hd-icon-btn{align-items:center;background:#f1f5f9;background:var(--input-bg,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;height:34px;justify-content:center;transition:background .12s,color .12s,border-color .12s;width:34px}.hd-icon-btn:hover{background:#e2e8f0;background:var(--hover-bg,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.hd-icon-btn:disabled{cursor:not-allowed;opacity:.45}.hd-icon-btn.accent{background:#6366f112;border-color:#6366f14d;color:#6366f1}.hd-icon-btn.accent:hover{background:#6366f126}.hd-icon-btn.active{background:#6366f11a;border-color:#6366f1;color:#6366f1}.hd-icon-btn.danger{background:#ef444412;border-color:#ef44444d;color:#ef4444}.hd-icon-btn.danger:hover{background:#ef444426}.hd-action-row{align-items:center;display:flex;gap:.35rem}@keyframes hd-spin{to{transform:rotate(1turn)}}.hd-spin{animation:hd-spin .7s linear infinite}.hd-row-expanded td{background:#6366f10a!important}.hd-addrooms-panel{background:#6366f108;border-top:1px dashed #6366f14d;padding:1rem 1.5rem 1.25rem}.hd-addrooms-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.9rem}.hd-addrooms-title{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.9rem;gap:.5rem}.hd-addrooms-title strong{color:#1e293b;color:var(--text-primary,#1e293b)}.hd-addrooms-table-wrap{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;margin-bottom:.85rem;overflow-x:auto}.hd-addrooms-table{border-collapse:collapse;font-size:.85rem;width:100%}.hd-addrooms-table th{background:#f8fafc;background:var(--table-header-bg,#f8fafc);color:#64748b;color:var(--text-secondary,#64748b);font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:.6rem .85rem;text-align:left;text-transform:uppercase}.hd-addrooms-table td,.hd-addrooms-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0)}.hd-addrooms-table td{padding:.5rem .6rem;vertical-align:middle}.hd-addrooms-table tr:last-child td{border-bottom:none}.hd-inline-input,.hd-inline-select{background:#fff;background:var(--input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-size:.85rem;padding:.35rem .55rem;width:100%}.hd-inline-input:focus,.hd-inline-select:focus{border-color:#6366f1;outline:none}.hd-addrooms-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.hd-stat-icon-wrap{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1rem;height:38px;justify-content:center;width:38px}.hostel-stat-card>div:last-child{display:flex;flex-direction:column;gap:.1rem;min-width:0}.hd-stat-icon-sky{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff}.hd-stat-icon-teal{background:linear-gradient(135deg,#2dd4bf,#0d9488);color:#fff}.hd-stat-icon-green{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.hd-stat-icon-amber{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.hd-stat-icon-rose{background:linear-gradient(135deg,#fb7185,#f43f5e);color:#fff}.hd-stat-indigo{border-top:3px solid #6366f1}.hd-stat-sky{border-top:3px solid #0ea5e9}.hd-stat-teal{border-top:3px solid #0d9488}.hd-stat-green{border-top:3px solid #22c55e}.hd-stat-amber{border-top:3px solid #f59e0b}.hd-stat-rose{border-top:3px solid #f43f5e}.hd-stat-sub{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.7rem;margin-top:-.15rem}.hd-quicknav-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hd-nav-card{align-items:center;background:#f8fafc;background:var(--table-header-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;cursor:pointer;display:flex;gap:.85rem;padding:.85rem 1rem;text-align:left;transition:box-shadow .15s,transform .1s,border-color .15s}.hd-nav-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.hd-nav-icon{align-items:center;border-radius:9px;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.hd-nav-card.indigo .hd-nav-icon{background:#6366f11f;color:#6366f1}.hd-nav-card.sky .hd-nav-icon{background:#0ea5e91f;color:#0ea5e9}.hd-nav-card.teal .hd-nav-icon{background:#0d94881f;color:#0d9488}.hd-nav-card.amber .hd-nav-icon{background:#f59e0b1f;color:#f59e0b}.hd-nav-card.green .hd-nav-icon{background:#22c55e1f;color:#22c55e}.hd-nav-card.rose .hd-nav-icon{background:#f43f5e1f;color:#f43f5e}.hd-nav-card.indigo:hover{border-color:#6366f1}.hd-nav-card.sky:hover{border-color:#0ea5e9}.hd-nav-card.teal:hover{border-color:#0d9488}.hd-nav-card.amber:hover{border-color:#f59e0b}.hd-nav-card.green:hover{border-color:#22c55e}.hd-nav-card.rose:hover{border-color:#f43f5e}.hd-nav-text{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.hd-nav-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:600}.hd-nav-desc,.hd-nav-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-nav-desc{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem}.hd-nav-arrow{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);flex-shrink:0;font-size:1.1rem}.hr-user-picker-trigger{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;text-align:left;transition:border-color .12s;width:100%}.hr-user-picker-trigger:hover:not(:disabled){border-color:#6366f1}.hr-user-picker-trigger:disabled{cursor:not-allowed;opacity:.5}.hr-user-placeholder{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;gap:.5rem}.hr-user-selected{align-items:center;display:flex;gap:.6rem}.hr-user-icon{color:#6366f1;flex-shrink:0;font-size:.85rem}.hr-user-selected-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.hr-user-selected-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:600}.hr-user-selected-meta{color:#64748b;color:var(--text-secondary,#64748b);font-size:.72rem}.hr-user-clear{background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;flex-shrink:0;margin-left:auto;padding:.2rem}.hr-user-clear:hover{color:#ef4444}.hr-picker-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:3000}.hr-picker-panel{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000038;display:flex;flex-direction:column;max-height:75vh;max-width:540px;overflow:hidden;width:100%}.hr-picker-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;justify-content:space-between;padding:.9rem 1.25rem}.hr-picker-close{background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.85rem;padding:.25rem}.hr-picker-close:hover{background:#fee2e2;color:#ef4444}.hr-picker-search{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:.5rem;padding:.65rem 1.25rem}.hr-picker-search-icon{color:#94a3b8;flex-shrink:0;font-size:.8rem}.hr-picker-search-input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:.875rem;outline:none}.hr-picker-list{flex:1 1;overflow-y:auto}.hr-picker-empty{color:#94a3b8;font-size:.875rem;padding:2.5rem 1rem;text-align:center}.hr-picker-row{align-items:center;background:#0000;border:none;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);cursor:pointer;display:flex;gap:.75rem;padding:.7rem 1.25rem;text-align:left;transition:background .1s;width:100%}.hr-picker-row:hover{background:#6366f10d}.hr-picker-row:last-child{border-bottom:none}.hr-picker-avatar{align-items:center;background:#6366f11a;border-radius:50%;color:#6366f1;display:flex;flex-shrink:0;font-size:.85rem;height:34px;justify-content:center;width:34px}.hr-picker-info{flex:1 1;min-width:0}.hr-picker-name{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.hr-picker-did{background:#6366f114;border-radius:999px;color:#6366f1;font-size:.68rem;font-weight:600;padding:.1rem .4rem}.hr-picker-meta{color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.72rem;gap:.75rem;margin-top:.1rem}.hr-picker-gender{flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hostel-chip.overdue{background:#fee2e2;color:#b91c1c}.hostel-chip.success{background:#dcfce7;color:#15803d}.hostel-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;padding:.45rem .75rem;transition:border-color .15s}.hostel-input:focus{border-color:#6366f1;outline:none}.hostel-btn-ghost{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.hostel-btn-ghost:hover:not(:disabled){background:#f1f5f9;color:#1e293b;color:var(--text-primary,#1e293b)}.hd-outing-match-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem;padding:.55rem .75rem;transition:border-color .13s,background .13s}.hd-outing-match-row:hover{background:#6366f108;border-color:#6366f1}.hd-outing-match-row.selected{background:#6366f112;border-color:#6366f1}.hd-outing-match-name{color:#1e293b;color:var(--text-primary,#1e293b);flex-shrink:0;font-size:.88rem;font-weight:700}.hd-outing-match-meta{color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-wrap:wrap;font-size:.78rem;gap:.4rem}.hwd-warden-name-cell{align-items:center;cursor:pointer;display:flex;gap:.6rem}.hwd-warden-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.hwd-warden-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:600}.hwd-warden-id{color:#6366f1;font-weight:600}.hwd-status-badge,.hwd-warden-id{font-size:.75rem;letter-spacing:.03em}.hwd-status-badge{border-radius:20px;display:inline-block;font-weight:700;padding:.2rem .65rem}.hwd-actions{display:flex;gap:.35rem}.hwd-action-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:7px;color:#64748b;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background .12s,color .12s,border-color .12s;width:30px}.hwd-action-btn:hover{background:#f1f5f9;border-color:#6366f1;color:#6366f1}.hwd-action-btn.danger:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.hwd-action-btn .material-symbols-rounded{font-size:1rem}.hwd-detail-header{align-items:center;display:flex;gap:.85rem;margin-bottom:1.25rem}.hwd-detail-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;height:52px;justify-content:center;width:52px}.hwd-detail-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.05rem;font-weight:700}.hwd-detail-id{color:#6366f1;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hwd-detail-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.hwd-detail-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;font-size:.875rem;justify-content:space-between;padding:.4rem 0}.hwd-detail-row>span:first-child{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-weight:500;min-width:80px}.hwd-detail-row>span:last-child{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600;text-align:right}.hba-summary-strip{display:flex;flex-wrap:wrap;gap:.75rem}.hba-summary-card{background:#fff;background:var(--card-bg,#fff);border:2px solid;border-radius:12px;flex:1 1;min-width:100px;padding:.85rem 1rem;text-align:center}.hba-summary-val{font-size:1.6rem;font-weight:700;line-height:1}.hba-summary-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:500;margin-top:.25rem}.hba-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.hba-filter-pills{display:flex;flex-wrap:wrap;gap:.4rem}.hba-pill{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:999px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.78rem;font-weight:500;padding:.3rem .85rem;transition:all .15s}.hba-pill:hover{border-color:#6366f1;color:#6366f1}.hba-legend{color:#64748b;color:var(--text-secondary,#64748b);flex-wrap:wrap;font-size:.8rem;gap:1.2rem}.hba-legend,.hba-legend-item{align-items:center;display:flex}.hba-legend-item{gap:.4rem}.hba-floor-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;overflow:hidden}.hba-floor-header{overflow:hidden;padding:.85rem 1.2rem;position:relative}.hba-floor-header-bg{background:linear-gradient(135deg,var(--grad-from),var(--grad-to));inset:0;opacity:.12;position:absolute}.hba-floor-header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;position:relative}.hba-floor-header-left{align-items:center;display:flex;gap:.75rem}.hba-floor-bubble{align-items:center;background:linear-gradient(135deg,var(--grad-from),var(--grad-to));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:34px;justify-content:center;width:34px}.hba-floor-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.95rem;font-weight:700}.hba-floor-sub{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;margin-top:.1rem}.hba-floor-stats{display:flex;flex-wrap:wrap;gap:.75rem}.hba-floor-stat{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.78rem;font-weight:500;gap:.35rem}.hba-fstat-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.hba-room-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:.85rem}.hba-room-card{background:#f8fafc;background:var(--page-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:box-shadow .15s}.hba-room-card:hover{box-shadow:0 2px 12px #00000014}.hba-room-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.hba-room-number{align-items:center;display:flex;font-size:.9rem;gap:.35rem}.hba-room-type-chip{border-radius:999px;font-size:.68rem;font-weight:600;padding:.15rem .5rem}.hba-cap-bar-wrap{display:flex;flex-direction:column;gap:.2rem}.hba-cap-bar-bg{background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:999px;height:5px;overflow:hidden}.hba-cap-bar-fill{border-radius:999px;height:100%;transition:width .3s}.hba-cap-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.68rem;text-align:right}.hba-bed-chips{display:flex;flex-wrap:wrap;gap:.3rem;min-height:26px}.hba-bed-chip{align-items:center;border:1.5px solid;border-radius:6px;display:flex;font-size:.72rem;font-weight:500;gap:.25rem;padding:.18rem .5rem}.hba-bed-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.hba-bed-id{color:#1e293b;color:var(--text-primary,#1e293b)}.hba-no-beds{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem}.hba-room-stats{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-color,#f1f5f9);display:flex;font-size:.72rem;font-weight:600;gap:.6rem;margin-top:auto;padding-top:.4rem}.hba-room-stats span{align-items:center;display:flex;gap:.25rem}.hba-collapsible-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.4rem 0 .6rem;-webkit-user-select:none;user-select:none}.hba-collapsible-title{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hba-chevron{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.75rem;transition:transform .2s}.hba-bed-chip--clickable:hover{box-shadow:0 0 0 2px #22c55e;transform:translateY(-1px);transition:box-shadow .15s,transform .15s}.hd-datepicker{display:inline-block;position:relative}.hd-datepicker-btn{align-items:center;background:#fff;background:var(--input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.4rem;min-width:150px;padding:.48rem .85rem;transition:border-color .15s,color .15s,box-shadow .15s;white-space:nowrap}.hd-datepicker-btn.has-value,.hd-datepicker-btn:hover{border-color:#6366f1;color:#1e293b;color:var(--text-primary,#1e293b)}.hd-datepicker-btn.has-value{background:#6366f10a}.hd-dp-icon{color:#6366f1;flex-shrink:0;font-size:1rem}.hd-dp-label{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis}.hd-dp-clear{border-radius:50%;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;flex-shrink:0;font-size:.95rem;line-height:1;padding:1px}.hd-dp-clear:hover{background:#ef44441a;color:#ef4444}.hd-dp-chevron{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:1.1rem}.hd-cal-portal{position:absolute;width:320px;z-index:9999}.hd-cal-portal .MuiPickersLayout-root{border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.hd-daterange-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.hd-daterange-sep{flex-shrink:0;font-size:.85rem}.hd-daterange-clear-all,.hd-daterange-sep{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.hd-daterange-clear-all{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:color .15s,background .15s;width:28px}.hd-daterange-clear-all:hover{background:#ef44441a;color:#ef4444}.hd-daterange-clear-all .material-symbols-rounded{font-size:1rem}.hpm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1200}.hpm-modal{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 24px 64px #0000002e;display:flex;flex-direction:column;max-height:88vh;max-width:960px;overflow:hidden;width:100%}.hpm-modal--lg{max-height:92vh;max-width:1100px}[data-theme=dark] .hpm-modal{background:#121218f7;border-color:#ffffff1a;box-shadow:0 24px 64px #0009}.hpm-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem 1rem}[data-theme=dark] .hpm-header{border-color:#ffffff14}.hpm-header-left{align-items:flex-start;display:flex;gap:.75rem}.hpm-header-left>.material-symbols-rounded{color:#065f46;flex-shrink:0;font-size:1.5rem;margin-top:2px}[data-theme=dark] .hpm-header-left>.material-symbols-rounded{color:#0f8}.hpm-header-left h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1rem;font-weight:700;margin:0 0 .2rem}[data-theme=dark] .hpm-header-left h2{color:#fff}.hpm-header-left p{color:#64748b;color:var(--text-muted,#64748b);font-size:.75rem;line-height:1.4;margin:0}[data-theme=dark] .hpm-header-left p{color:#9ca3af}.hpm-close-btn{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:none;border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:all .15s;width:2rem}.hpm-close-btn:hover{background:#fee2e2;color:#dc2626}.hpm-close-btn .material-symbols-rounded{font-size:1.1rem}[data-theme=dark] .hpm-close-btn{background:#ffffff14;color:#9ca3af}[data-theme=dark] .hpm-close-btn:hover{background:#ff6b6b33;color:#ff6b6b}.hpm-body-cols{min-height:0}.hpm-body-cols,.hpm-left-col{display:flex;flex:1 1;overflow:hidden}.hpm-left-col{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0);flex-direction:column;min-width:0}[data-theme=dark] .hpm-left-col{border-color:#ffffff14}.hpm-filters{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.875rem 1.5rem .5rem}[data-theme=dark] .hpm-filters{border-color:#ffffff0f}.hpm-search-box{align-items:center;background:#f8fafc;background:var(--bg-primary,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:10px;display:flex;gap:.4rem;padding:.45rem .75rem;transition:border-color .15s}.hpm-search-box:focus-within{border-color:#065f46}.hpm-search-box .material-symbols-rounded{color:#94a3b8;flex-shrink:0;font-size:1rem}.hpm-search-box input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:.82rem;outline:none}.hpm-search-box input::placeholder{color:#94a3b8}.hpm-search-box button{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:0}.hpm-search-box button:hover{color:#dc2626}.hpm-search-box button .material-symbols-rounded{font-size:.9rem}[data-theme=dark] .hpm-search-box{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .hpm-search-box:focus-within{border-color:#0f8}[data-theme=dark] .hpm-search-box input{color:#f9fafb}.hpm-filter-chips{display:flex;flex-wrap:wrap;gap:.4rem}.hpm-mini-select{background:#f8fafc;background:var(--bg-primary,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);font-family:inherit;font-size:.78rem;height:1.9rem;outline:none;padding:0 .6rem;transition:border-color .15s}.hpm-mini-select:focus{border-color:#065f46}[data-theme=dark] .hpm-mini-select{background:#ffffff0f;border-color:#ffffff1f;color:#e2e8f0}[data-theme=dark] .hpm-mini-select:focus{border-color:#0f8}.hpm-list-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:.4rem 1.5rem .25rem}.hpm-list-count{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.72rem}.hpm-deselect-btn{align-items:center;background:none;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.72rem;font-weight:600;gap:.25rem;padding:.15rem .4rem;transition:background .12s}.hpm-deselect-btn:hover{background:#fee2e2}.hpm-deselect-btn .material-symbols-rounded{font-size:.85rem}[data-theme=dark] .hpm-deselect-btn:hover{background:#dc262626}.hpm-list{flex:1 1;min-height:0;overflow-y:auto}.hpm-empty,.hpm-loading{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;flex-direction:column;font-size:.82rem;gap:.5rem;justify-content:center;padding:3rem 1rem}.hpm-loading{flex-direction:row;padding:2rem}.hpm-empty .material-symbols-rounded,.hpm-loading .material-symbols-rounded{font-size:1.5rem}.hpm-empty p{margin:0}.hpm-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);cursor:pointer;display:flex;gap:.65rem;padding:.625rem 1.5rem;transition:background .12s}.hpm-row:hover{background:#f8fafc;background:var(--bg-primary,#f8fafc)}.hpm-row.selected{background:#065f460a}.hpm-row-disabled{cursor:not-allowed;opacity:.45}[data-theme=dark] .hpm-row{border-color:#ffffff0d}[data-theme=dark] .hpm-row:hover{background:#ffffff0a}[data-theme=dark] .hpm-row.selected{background:#00ff880d}.hpm-row-check .material-symbols-rounded{font-size:1.15rem}.hpm-checked{color:#065f46}.hpm-unchecked{color:#cbd5e1}[data-theme=dark] .hpm-checked{color:#0f8}[data-theme=dark] .hpm-unchecked{color:#4b5563}.hpm-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.hpm-bed-icon{background:#e0e7ff;border-radius:8px;color:#3730a3}.hpm-bed-icon .material-symbols-rounded{font-size:1.05rem}[data-theme=dark] .hpm-bed-icon{background:#a78bfa2e;color:#a78bfa}.hpm-row-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.hpm-row-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .hpm-row-name{color:#f9fafb}.hpm-row-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.hpm-row-id{background:#065f4614;border-radius:4px;color:#065f46;font-family:Courier New,monospace;font-size:.68rem;font-weight:700;padding:.1rem .35rem}[data-theme=dark] .hpm-row-id{background:#00ff881f;color:#0f8}.hpm-row-bed{color:#64748b;color:var(--text-muted,#64748b);font-size:.72rem}.hpm-row-nobed{color:#94a3b8;font-size:.68rem;font-style:italic}.hpm-status-badge{border-radius:20px;flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.05em;padding:.15rem .45rem;text-transform:uppercase;white-space:nowrap}.hpm-status-badge.active{background:#dcfce7;color:#065f46}.hpm-status-badge.inactive{background:#f1f5f9;color:#64748b}.hpm-status-badge.vacated{background:#fef3c7;color:#92400e}.hpm-status-badge.available{background:#dcfce7;color:#065f46}.hpm-status-badge.occupied{background:#fee2e2;color:#b91c1c}.hpm-status-badge.maintenance{background:#fef3c7;color:#92400e}[data-theme=dark] .hpm-status-badge.active{background:#00ff8826;color:#0f8}[data-theme=dark] .hpm-status-badge.inactive{background:#ffffff14;color:#9ca3af}[data-theme=dark] .hpm-status-badge.vacated{background:#fbbf2426;color:#fbbf24}[data-theme=dark] .hpm-status-badge.available{background:#00ff8826;color:#0f8}[data-theme=dark] .hpm-status-badge.occupied{background:#ff6b6b26;color:#ff6b6b}[data-theme=dark] .hpm-status-badge.maintenance{background:#fbbf2426;color:#fbbf24}.hpm-right-col{background:#f8fafc;background:var(--bg-primary,#f8fafc);display:flex;flex-direction:column;flex-shrink:0;min-width:240px;overflow:hidden;width:280px}[data-theme=dark] .hpm-right-col{background:#ffffff05}.hpm-right-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:.5rem;padding:.875rem 1rem .75rem}[data-theme=dark] .hpm-right-header{border-color:#ffffff14}.hpm-right-header>.material-symbols-rounded{color:#065f46;font-size:1.1rem}[data-theme=dark] .hpm-right-header>.material-symbols-rounded{color:#0f8}.hpm-right-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.82rem;font-weight:700}[data-theme=dark] .hpm-right-title{color:#f9fafb}.hpm-right-empty{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;flex:1 1;flex-direction:column;gap:.4rem;justify-content:center;padding:2rem 1rem;text-align:center}.hpm-right-empty .material-symbols-rounded{font-size:2.5rem;opacity:.35}.hpm-right-empty p{font-size:.8rem;font-weight:500;margin:0}.hpm-detail-card{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1.25rem 1rem}.hpm-detail-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:1.1rem;font-weight:700}.hpm-bed-big-icon,.hpm-detail-avatar{align-items:center;display:flex;height:3.5rem;justify-content:center;margin-bottom:.25rem;width:3.5rem}.hpm-bed-big-icon{background:#e0e7ff;border-radius:14px;color:#3730a3}.hpm-bed-big-icon .material-symbols-rounded{font-size:1.75rem}[data-theme=dark] .hpm-bed-big-icon{background:#a78bfa2e;color:#a78bfa}.hpm-detail-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.95rem;font-weight:700;text-align:center}[data-theme=dark] .hpm-detail-name{color:#f9fafb}.hpm-detail-did{background:#065f4614;border-radius:6px;color:#065f46;font-family:Courier New,monospace;font-size:.72rem;font-weight:700;padding:.15rem .5rem}[data-theme=dark] .hpm-detail-did{background:#00ff881f;color:#0f8}.hpm-detail-rows{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;width:100%}.hpm-detail-row{align-items:flex-start;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.8rem;gap:.5rem}.hpm-detail-row .material-symbols-rounded{color:#94a3b8;flex-shrink:0;font-size:1rem;margin-top:1px}[data-theme=dark] .hpm-detail-row{color:#9ca3af}.hpm-detail-row-muted{opacity:.55}.hpm-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.875rem 1.5rem}[data-theme=dark] .hpm-footer{border-color:#ffffff14}.hpm-footer-info{align-items:center;color:#065f46;display:flex;font-size:.8rem;font-weight:500;gap:.4rem}.hpm-footer-info .material-symbols-rounded{font-size:1rem}[data-theme=dark] .hpm-footer-info{color:#0f8}.hpm-footer-hint{color:#94a3b8;color:var(--text-muted,#94a3b8);font-weight:400}.hpm-footer-actions{display:flex;gap:.5rem}.hpm-btn-cancel{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-family:inherit;font-size:.82rem;padding:.5rem 1rem;transition:all .15s}.hpm-btn-cancel:hover{border-color:#dc2626;color:#dc2626}[data-theme=dark] .hpm-btn-cancel{border-color:#ffffff1f;color:#9ca3af}[data-theme=dark] .hpm-btn-cancel:hover{border-color:#ff6b6b;color:#ff6b6b}.hpm-btn-confirm{align-items:center;background:linear-gradient(135deg,#065f46,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:.3rem;padding:.5rem 1.1rem;transition:filter .15s,transform .15s}.hpm-btn-confirm:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.hpm-btn-confirm:disabled{cursor:not-allowed;opacity:.4;transform:none}.hpm-btn-confirm .material-symbols-rounded{font-size:.95rem}@keyframes hpm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hpm-spin{animation:hpm-spin 1s linear infinite}.hpm-sel-badge{align-items:center;background:#065f46;border-radius:999px;color:#fff;display:inline-flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;line-height:1;margin-left:.35rem;min-width:18px;padding:0 5px}[data-theme=dark] .hpm-sel-badge{background:#0f8;color:#000}.hpm-selected-chips{display:flex;flex:1 1;flex-direction:column;gap:.35rem;overflow-y:auto;padding:.65rem .75rem}.hpm-sel-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;gap:.45rem;padding:.4rem .5rem;transition:border-color .12s}.hpm-sel-chip:hover{border-color:#065f46}[data-theme=dark] .hpm-sel-chip{background:#ffffff0a;border-color:#ffffff1a}.hpm-sel-chip-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.62rem;font-weight:700;height:26px;justify-content:center;width:26px}.hpm-sel-chip-name{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:.8rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .hpm-sel-chip-name{color:#f9fafb}.hpm-sel-chip-remove{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;padding:0;transition:color .12s,background .12s}.hpm-sel-chip-remove:hover{background:#fee2e2;color:#dc2626}.hpm-sel-chip-remove .material-symbols-rounded{font-size:.85rem}.hpm-picker-btn{align-items:center;background:#f8fafc;background:var(--bg-primary,#f8fafc);border:1.5px dashed #cbd5e1;border:1.5px dashed var(--border-color,#cbd5e1);border-radius:10px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;gap:.4rem;justify-content:flex-start;padding:.45rem .875rem;transition:all .15s;width:100%}.hpm-picker-btn:hover{background:#065f460a;border-color:#065f46;color:#065f46}.hpm-picker-btn.has-value{background:#065f460d;border-color:#065f46;border-style:solid;color:#065f46;font-weight:600}.hpm-picker-btn .material-symbols-rounded{flex-shrink:0;font-size:1rem}.hpm-picker-btn .hpm-picker-label{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.hpm-picker-btn .hpm-picker-clear{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;margin-left:auto}.hpm-picker-btn .hpm-picker-clear:hover{color:#dc2626}[data-theme=dark] .hpm-picker-btn{background:#ffffff0a;border-color:#ffffff26;color:#9ca3af}[data-theme=dark] .hpm-picker-btn:hover{background:#00ff880f;border-color:#0f8;color:#0f8}[data-theme=dark] .hpm-picker-btn.has-value{background:#00ff8814;border-color:#0f8;color:#0f8}.hpm-assign-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;gap:.6rem;margin-top:1.25rem;padding-top:1rem;width:100%}[data-theme=dark] .hpm-assign-section{border-color:#ffffff14}.hpm-assign-date-label{align-items:center;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:.75rem;font-weight:600;gap:.35rem}.hpm-assign-date-label .material-symbols-rounded{color:#94a3b8;font-size:.9rem}.hpm-assign-btn{align-items:center;background:linear-gradient(135deg,#065f46,#10b981);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.84rem;font-weight:700;gap:.4rem;justify-content:center;margin-top:.25rem;padding:.6rem 1rem;transition:filter .15s,transform .15s;width:100%}.hpm-assign-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.hpm-assign-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.hpm-assign-btn .material-symbols-rounded{font-size:1rem}@media (max-width:900px){.hpm-modal{max-width:680px}.hpm-body-cols{flex-direction:column}.hpm-left-col{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);border-right:none;max-height:55vh}[data-theme=dark] .hpm-left-col{border-color:#ffffff14}.hpm-right-col{max-height:200px;min-width:0;width:100%}.hpm-detail-card{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:.75rem 1rem}.hpm-bed-big-icon,.hpm-detail-avatar{font-size:.9rem;height:2.5rem;width:2.5rem}}@media (max-width:640px){.hpm-overlay{align-items:flex-end;padding:0}.hpm-modal{border-radius:20px 20px 0 0;max-height:94vh;max-width:100%}.hpm-header{padding:.875rem 1rem .75rem}.hpm-filters{padding:.625rem 1rem .5rem}.hpm-filter-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hpm-filter-chips::-webkit-scrollbar{display:none}.hpm-mini-select{flex-shrink:0}.hpm-row{padding:.55rem 1rem}.hpm-footer{align-items:stretch;flex-direction:column;padding:.75rem 1rem}.hpm-footer-actions{justify-content:flex-end}.hpm-btn-cancel{flex:1 1;text-align:center}.hpm-btn-confirm{flex:2 1;justify-content:center}}.rvp-overlay{align-items:center;animation:rvp-fade-in .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}@keyframes rvp-fade-in{0%{opacity:0}to{opacity:1}}.rvp-panel{animation:rvp-slide-up .2s cubic-bezier(.34,1.3,.64,1);background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 24px 60px #00000038;display:flex;flex-direction:column;max-height:90vh;max-width:920px;overflow:hidden;width:100%}@keyframes rvp-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.rvp-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:1.1rem 1.5rem}.rvp-header-left{display:flex;flex-direction:column;gap:.2rem}.rvp-room-badge{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:1.15rem;font-weight:800;gap:.45rem}.rvp-room-badge svg{color:#6366f1;font-size:1rem}.rvp-room-sub{font-size:.78rem;gap:.4rem}.rvp-close-btn,.rvp-room-sub{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex}.rvp-close-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;flex-shrink:0;font-size:.85rem;height:32px;justify-content:center;transition:background .12s,color .12s;width:32px}.rvp-close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.rvp-body{display:flex;flex:1 1;flex-direction:column;gap:1.1rem;overflow-y:auto;padding:1.25rem 1.5rem 1.5rem}.rvp-stat-strip{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;flex-wrap:wrap;gap:.6rem;padding:.7rem 1rem}.rvp-stat{align-items:baseline;display:flex;gap:.3rem}.rvp-stat-val{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.3rem;font-weight:800;line-height:1}.rvp-stat-max{font-size:.75rem}.rvp-stat-lbl,.rvp-stat-max{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-weight:600}.rvp-stat-lbl{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.rvp-stat-div{background:#e2e8f0;background:var(--border-color,#e2e8f0);flex-shrink:0;height:22px;width:1px}.rvp-stat-spacer{flex:1 1}.rvp-add-trigger{flex-shrink:0}.rvp-bed-area{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;overflow:hidden}.rvp-bed-area-label{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.78rem;font-weight:700;gap:.45rem;letter-spacing:.06em;padding:.75rem 1rem;text-transform:uppercase}.rvp-empty,.rvp-loading{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;font-size:.875rem;gap:.6rem;justify-content:center;padding:2.5rem 1rem}.rmap-wrap{grid-gap:0;background:#fff;display:grid;gap:0;grid-template-columns:1fr 1fr;padding:1rem 1rem .75rem}.rmap-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;gap:.55rem;padding:.75rem}.rmap-section:nth-child(2n){border-right:none}.rmap-section:last-child,.rmap-section:nth-last-child(-n+2):nth-child(odd){border-bottom:none}.rmap-section-lbl{align-items:center;color:#94a3b8;color:var(--lbl-color,#94a3b8);display:flex;font-size:.68rem;font-weight:800;gap:.35rem;letter-spacing:.08em;text-transform:uppercase}.rmap-section-lbl:before{background:#94a3b8;background:var(--lbl-color,#94a3b8);border-radius:2px;content:"";display:inline-block;flex-shrink:0;height:8px;opacity:.75;width:8px}.rmap-section-beds{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:.55rem}.bs-seat{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #00000012;cursor:default;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;transition:transform .15s,box-shadow .15s;width:74px}.bs-seat:hover{box-shadow:0 8px 22px #00000021;transform:translateY(-4px)}.bs-seat:hover .bs-actions{opacity:1}.bs--free{border-color:#22c55e73}.bs--taken{border-color:#ef444480}.bs--maint{border-color:#f59e0b80}.bs-head{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:.9}.bs-head-icon{color:#fff;font-size:.9rem}.bs-body{align-items:center;background:#fff;display:flex;flex:1 1;flex-direction:column;gap:.18rem;padding:.35rem .3rem .55rem}.bs-id{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.72rem;font-weight:800;line-height:1.2;text-align:center;word-break:break-all}.bs-status-lbl{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.52rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bs--taken .bs-status-lbl{color:#ef4444}.bs--maint .bs-status-lbl{color:#f59e0b}.bs-dot{border:1.5px solid #fffc;border-radius:50%;height:6px;position:absolute;right:4px;top:4px;width:6px;z-index:2}.bs-actions{background:#fffffff5;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);bottom:0;display:flex;left:0;opacity:0;position:absolute;right:0;transition:opacity .14s;z-index:3}.bs-act{background:#0000;border:none;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;flex:1 1;font-size:.65rem;padding:.3rem 0;transition:background .1s,color .1s}.bs-act:hover{background:#f1f5f9;color:#6366f1}.bs-act.danger:hover{background:#fee2e2;color:#ef4444}.bs-bunk-wrap{align-items:center;background:#fff;border:1.5px dashed #94a3b880;border-radius:12px;display:inline-flex;flex-direction:column;flex-shrink:0;gap:0;padding:5px 6px}.bs-bunk-wrap .bs-seat{width:74px}.bs-bunk-tag{color:#94a3b8;font-size:.46rem;font-weight:800;letter-spacing:.12em;margin-bottom:4px;text-transform:uppercase}.bs-bunk-div{background:#cbd5e1;height:1px;margin:4px 0;width:65%}.rvp-add-bed-form{background:#fff;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border-color,#e2e8f0);padding:.9rem 1rem 1rem}.rvp-add-bed-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:.8rem;font-weight:700;gap:.45rem;margin-bottom:.65rem}.rvp-add-slots{background:#22c55e1f;border-radius:999px;color:#15803d;font-size:.7rem;font-weight:600;margin-left:.25rem;padding:.15rem .5rem}.rvp-add-slots.full{background:#ef44441f;color:#b91c1c}.rvp-add-err{background:#fee2e2;border-radius:8px;color:#b91c1c;font-size:.8rem;margin-bottom:.65rem;padding:.45rem .75rem}.rvp-add-row{display:flex;flex-wrap:wrap;gap:.6rem}.rvp-add-input,.rvp-add-select{background:#fff;background:var(--input-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:.85rem;padding:.45rem .7rem}.rvp-add-input{flex:1 1;min-width:110px}.rvp-add-select{min-width:130px}.rvp-add-input:focus,.rvp-add-select:focus{border-color:#6366f1;outline:none}.rvp-add-btns{display:flex;gap:.4rem}.rvp-legend{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem 0}.rvp-legend-item{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:inline-flex;font-size:.7rem;gap:.3rem}.rvp-section-label{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:.72rem;font-weight:700;gap:.4rem;letter-spacing:.07em;margin-bottom:.65rem;text-transform:uppercase}.rvp-assets-grid{display:flex;flex-wrap:wrap;gap:.5rem}.rvp-asset-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:inline-flex;font-size:.8rem;gap:.35rem;padding:.35rem .75rem}.rvp-asset-name{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600}.rvp-asset-qty{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem}.rvp-asset-cond{border-radius:999px;font-size:.62rem;font-weight:700;padding:.1rem .4rem;text-transform:uppercase}.rvp-cond-good{background:#dcfce7;color:#15803d}.rvp-cond-damaged{background:#fee2e2;color:#b91c1c}.rvp-cond-worn{background:#fef9c3;color:#a16207}.rvp-cond-new{background:#dbeafe;color:#1d4ed8}.rvp-residents-btn{align-items:center;align-self:flex-start;background:#6366f114;border:1px solid #6366f140;border-radius:10px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.55rem 1.1rem;transition:background .15s}.rvp-residents-btn:hover{background:#6366f126}.rvp-edit-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2100}.rvp-edit-modal{background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 20px 60px #00000038;max-width:440px;padding:1.5rem;width:100%}.rvp-edit-header{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:1rem;font-weight:700;justify-content:space-between;margin-bottom:1rem}.rvp-edit-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.rvp-edit-field{display:flex;flex-direction:column;gap:.3rem}.rvp-edit-field.full{grid-column:1/-1}.rvp-edit-field label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rvp-edit-footer{display:flex;gap:.6rem;justify-content:flex-end}.rvp-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;transition:background .12s,opacity .12s;white-space:nowrap}.rvp-btn:disabled{cursor:not-allowed;opacity:.45}.rvp-btn-primary{background:#6366f1;color:#fff}.rvp-btn-primary:hover:not(:disabled){background:#4f46e5}.rvp-btn-ghost{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.rvp-btn-ghost:hover:not(:disabled){background:#f1f5f9;background:var(--hover-bg,#f1f5f9)}.rvp-btn-danger{background:#ef4444;color:#fff}.rvp-btn-danger:hover:not(:disabled){background:#dc2626}.rvp-tabs{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;gap:0;padding:0 1.5rem}.rvp-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.4rem;margin-bottom:-1px;padding:.65rem 1rem;transition:color .13s,border-color .13s;white-space:nowrap}.rvp-tab:hover{color:#6366f1}.rvp-tab.active{border-bottom-color:#6366f1;color:#6366f1}.rvp-tab-badge{align-items:center;background:#6366f1;border-radius:999px;color:#fff;display:inline-flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.rvp-att-wrap{display:flex;flex:1 1;flex-direction:column;gap:0}.rvp-att-toolbar{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-wrap:wrap;gap:1rem;padding:.65rem 0 .75rem}.rvp-att-date-wrap{align-items:center;display:flex;gap:.45rem}.rvp-att-date-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.rvp-att-quick{align-items:center;display:flex;gap:.35rem;margin-left:auto}.rvp-att-quick-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;font-weight:600;margin-right:.1rem}.rvp-att-quick-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;padding:.3rem .75rem;transition:background .12s,color .12s}.rvp-att-quick-btn.present{background:#22c55e1f;border-color:#22c55e59;color:#15803d}.rvp-att-quick-btn.present:hover{background:#22c55e38}.rvp-att-quick-btn.absent{background:#ef44441f;border-color:#ef444459;color:#b91c1c}.rvp-att-quick-btn.absent:hover{background:#ef444438}.rvp-att-quick-btn.leave{background:#f59e0b1f;border-color:#f59e0b59;color:#a16207}.rvp-att-quick-btn.leave:hover{background:#f59e0b38}.rvp-att-list{display:flex;flex:1 1;flex-direction:column;gap:0}.rvp-att-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:.75rem;justify-content:space-between;padding:.75rem .25rem;transition:background .1s}.rvp-att-row:last-child{border-bottom:none}.rvp-att-row:hover{background:#f8fafc}.rvp-att-row.dirty{background:#6366f10a}.rvp-att-resident{align-items:center;display:flex;flex:1 1;gap:.65rem;min-width:0}.rvp-att-avatar{align-items:center;background:#6366f126;border-radius:50%;color:#6366f1;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.rvp-att-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.rvp-att-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rvp-att-bed{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:inline-flex;font-size:.72rem;gap:.25rem}.rvp-att-btns{display:flex;flex-shrink:0;gap:.35rem}.rvp-att-status-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.3rem .7rem;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.rvp-att-status-btn:hover{background:#f1f5f9;color:#1e293b;color:var(--text-primary,#1e293b)}.rvp-att-status-btn.active{font-weight:700}.rvp-att-save-bar{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:.65rem;margin-top:.5rem;opacity:0;padding:.75rem 0 0;pointer-events:none;transform:translateY(6px);transition:opacity .18s,transform .18s}.rvp-att-save-bar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.rvp-att-save-hint{color:#6366f1;flex:1 1;font-size:.8rem;font-weight:600}.hrd-page{background:#f8fafc;background:var(--page-bg,#f8fafc);display:flex;flex-direction:column;height:100%;overflow:hidden}.hrd-page .student-details-container{flex:1 1;min-height:0;overflow:hidden}.hrd-page .student-sidebar{min-height:0;overflow:hidden}.hrd-page .student-main-content{min-height:0;overflow-y:auto}.hrd-header{background:#fff;background:var(--std-sidebar-bg,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--std-container-border,#e2e8f0);flex-shrink:0;gap:.5rem;justify-content:space-between;padding:.75rem 1.25rem}.hrd-header,.hrd-header-left{align-items:center;display:flex;flex-wrap:wrap}.hrd-header-left{gap:.6rem}.hrd-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.hrd-name{color:#1e293b;color:var(--std-text-primary,#1e293b);font-size:1.1rem;font-weight:700}.hrd-badge{align-items:center;background:#6366f11a;border-radius:999px;color:#6366f1;display:inline-flex;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.18rem .55rem}.hrd-tab-content-loading{padding:2rem 1rem;text-align:center}.hrd-empty-note,.hrd-tab-content-loading{color:#94a3b8;color:var(--std-text-secondary,#94a3b8)}.hrd-empty-note{font-size:.875rem;font-style:italic;padding:.5rem 0}.hrd-onboarding-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:.25rem 0}.hrd-onboarding-item{align-items:center;background:#fff;background:var(--std-card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--std-container-border,#e2e8f0);border-radius:10px;display:flex;gap:.5rem;padding:.65rem 1rem}.hrd-onboarding-item.done{background:#dcfce773;border-color:#22c55e59}.hrd-ob-check-icon{flex-shrink:0;font-size:1.15rem}.hrd-onboarding-item.done .hrd-ob-check-icon{color:#16a34a}.hrd-onboarding-item.pending .hrd-ob-check-icon{color:#cbd5e1}.hrd-ob-type-icon{color:#64748b;color:var(--std-text-secondary,#64748b);flex-shrink:0;font-size:.95rem}.hrd-ob-label{color:#1e293b;color:var(--std-text-primary,#1e293b);font-size:.85rem;font-weight:600}[data-theme=dark] .hrd-header{background:#1a1a1af2;background:var(--std-sidebar-bg,#1a1a1af2);border-bottom-color:#ffffff1a}[data-theme=dark] .hrd-name{color:#fff}[data-theme=dark] .hrd-onboarding-item{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .hrd-onboarding-item.done{background:#22c55e14;border-color:#22c55e40}[data-theme=dark] .hrd-ob-label{color:#e2e8f0}.hrd-bed-card{background:#d1fae58c!important;border-color:#05966938!important}.hrd-bed-card .sd-enhanced-card-header{border-bottom-color:#0596692e!important}.hrd-bed-card .sd-student-card-icon{color:#059669!important}[data-theme=dark] .hrd-bed-card{background:#065f4640!important;border-color:#0596694d!important}@media (max-width:768px){.hrd-header{padding:.6rem .75rem}.hrd-name{font-size:.95rem}.hrd-onboarding-grid{grid-template-columns:1fr 1fr}}.hrd-warden-entry{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;gap:.75rem;grid-column:1/-1;padding:.5rem 0}.hrd-warden-entry:last-child{border-bottom:none}.hrd-warden-entry-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:38px;justify-content:center;width:38px}.hrd-warden-entry-info{flex:1 1}.hrd-warden-entry-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:700}.hrd-warden-entry-meta{display:flex;gap:.5rem;margin-top:.15rem}.hrd-warden-entry-meta span{background:#eef2ff;border-radius:20px;color:#6366f1;font-size:.72rem;font-weight:600;padding:.1rem .45rem}.hrd-warden-entry-sub{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.78rem;margin-top:.1rem}:root{--student-sidebar-width:260px;--sb-accent:#6366f1;--sb-accent-light:#6366f11f;--sb-accent-border:#6366f138}.student-sidebar-nav{backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);background:#fff;border-radius:0 16px 16px 0;border-right:1px solid #cbd5e1bf;box-shadow:0 20px 60px #64748b1f,0 8px 24px #64748b0f,inset 0 1px 0 #ffffffe6;display:flex;flex-direction:column;height:90vh;left:0;max-height:95vh;overflow:hidden;position:fixed;top:50%;transform:translateY(-50%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px;width:var(--student-sidebar-width);z-index:700}.student-sidebar-nav:before{background:radial-gradient(ellipse 55% 28% at 18% 8%,#6366f112 0,#0000 70%),radial-gradient(ellipse 45% 22% at 82% 88%,#8b5cf60d 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.student-sidebar-nav>*{position:relative;z-index:1}.student-sidebar-nav.hidden{transform:translateY(-50%) translateX(-100%)}[data-theme=dark] .student-sidebar-nav{background:#0d111cf5;border-right-color:#ffffff12;box-shadow:0 20px 60px #00000073,0 8px 32px #00000040,inset 0 1px 0 #ffffff0d}[data-theme=dark] .student-sidebar-nav:before{background:radial-gradient(ellipse 55% 28% at 18% 8%,#6366f121 0,#0000 70%),radial-gradient(ellipse 45% 22% at 82% 88%,#8b5cf617 0,#0000 70%)}@media (max-width:1024px){.student-sidebar-nav{border-radius:0 16px 16px 0;height:100vh;top:0;transform:translateY(0)}.student-sidebar-nav.hidden{transform:translateX(-100%)}}@media (max-width:768px){.student-sidebar-nav{border-radius:0 20px 20px 0;box-shadow:4px 0 24px #0000002e;height:100vh;max-width:300px;top:0;transform:translateY(0);width:82%}.student-sidebar-nav.hidden{transform:translateX(-100%)}.student-sidebar-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000073}}.student-sidebar-header{align-items:center;background:#f8fafc80;border-bottom:1px solid #cbd5e18c;display:flex;flex-shrink:0;justify-content:space-between;min-height:52px;padding:.75rem 1rem}[data-theme=dark] .student-sidebar-header{background:#ffffff05;border-bottom-color:#ffffff12}.student-brand{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0}[data-theme=dark] .student-brand{color:#e2e8f0}.student-brand .material-symbols-rounded{color:#6366f1;color:var(--sb-accent);font-size:1.375rem}.student-brand-logo{display:block;max-height:40px;max-width:160px;object-fit:contain}.student-close-btn{align-items:center;background:#fffc;border:1px solid #cbd5e199;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .2s ease}.student-close-btn .material-symbols-rounded{font-size:1.125rem}.student-close-btn:hover{background:#fee2e2e6;border-color:#fecacacc;color:#dc2626;transform:scale(1.05)}[data-theme=dark] .student-close-btn{background:#334155b3;border-color:#47556980;color:#94a3b8}[data-theme=dark] .student-close-btn:hover{background:#dc262633;border-color:#dc262680;color:#f87171}.student-profile-card{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-shrink:0;justify-content:center;margin:0;padding:.5rem .875rem .25rem;text-align:center}[data-theme=dark] .student-profile-card{background:#0000;border-color:#0000;box-shadow:none}.student-avatar{background:#6366f1;background:var(--sb-accent);border:2px solid #ffffff80;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;font-size:.95rem;font-weight:700;height:40px;justify-content:center;letter-spacing:.03em;width:40px}.student-avatar,.student-search-wrap{align-items:center;display:flex;flex-shrink:0}.student-search-wrap{background:#0000000a;border:1px solid #0000;border-radius:999px;gap:8px;margin:0 14px 4px;padding:9px 14px;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.student-search-wrap:focus-within{background:#ffffffd9;border-color:#6366f138;border-color:var(--sb-accent-border);box-shadow:0 2px 16px #6366f11a,0 0 0 1.5px #6366f138;box-shadow:0 2px 16px #6366f11a,0 0 0 1.5px var(--sb-accent-border)}.student-search-icon{color:#9ca3af;flex-shrink:0;font-size:1rem;transition:color .2s ease;-webkit-user-select:none;user-select:none}.student-search-wrap:focus-within .student-search-icon{color:#6366f1;color:var(--sb-accent)}.student-search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-family:inherit;font-size:.82rem;font-weight:500;letter-spacing:.01em;min-width:0;outline:none}.student-search-input::placeholder{color:#9ca3af;font-weight:400}.student-search-clear{align-items:center;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;height:18px;justify-content:center;transition:color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none;width:18px}.student-search-clear:hover{background:#ef44441a;color:#ef4444}.student-search-highlight{background:#6366f124;border-radius:3px;color:#4f46e5;font-weight:700;padding:0 2px}[data-theme=dark] .student-search-wrap{background:#ffffff0d;border-color:#0000}[data-theme=dark] .student-search-wrap:focus-within{background:#ffffff17;border-color:#6366f159;box-shadow:0 2px 16px #0000004d,0 0 0 1.5px #6366f14d}[data-theme=dark] .student-search-icon{color:#52525b}[data-theme=dark] .student-search-wrap:focus-within .student-search-icon{color:#818cf8}[data-theme=dark] .student-search-input{color:#e2e8f0}[data-theme=dark] .student-search-input::placeholder{color:#52525b}[data-theme=dark] .student-search-highlight{background:#6366f133;color:#a5b4fc}.student-nav-container{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:.5rem 0}.student-nav-container::-webkit-scrollbar{width:3px}.student-nav-container::-webkit-scrollbar-track{background:#0000}.student-nav-container::-webkit-scrollbar-thumb{background:#6366f133;border-radius:20px}[data-theme=dark] .student-nav-container::-webkit-scrollbar-thumb{background:#6366f140}.student-nav-section{margin-bottom:4px;padding:0 .5rem}.student-section-header{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:6px 8px 6px 6px;transition:background .18s ease;-webkit-user-select:none;user-select:none}.student-section-header:hover{background:rgba(0,0,0,.035)}[data-theme=dark] .student-section-header:hover{background:#ffffff0d}.student-section-icon-pill{align-items:center;border-radius:9px;display:flex;flex-shrink:0;font-size:.82rem;height:30px;justify-content:center;transition:transform .18s ease;width:30px}.student-section-header:hover .student-section-icon-pill{transform:scale(1.08)}.student-section-label{color:#374151;flex:1 1;font-size:.76rem;font-weight:700;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .student-section-label{color:#cbd5e1}.student-section-chevron{color:#9ca3af;flex-shrink:0;font-size:.72rem;transform:rotate(-90deg);transition:transform .22s cubic-bezier(.4,0,.2,1),color .18s ease}.student-section-header.open .student-section-chevron{color:#6366f1;color:var(--group-color,#6366f1);transform:rotate(0deg)}[data-theme=dark] .student-section-chevron{color:#52525b}[data-theme=dark] .student-section-header.open .student-section-chevron{color:#818cf8;color:var(--group-color,#818cf8)}.student-section-body{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .24s cubic-bezier(.4,0,.2,1)}.student-section-body.open{grid-template-rows:1fr}.student-section-body>.student-nav-list{min-height:0;overflow:hidden}.student-nav-list{background:#0000;border:none;border-left:2px solid #00000012;box-shadow:none;display:flex;flex-direction:column;gap:.15rem;list-style:none;margin:0 0 0 .875rem;padding:.2rem .2rem .2rem .6rem}[data-theme=dark] .student-nav-list{border-left-color:#ffffff14}.student-nav-item{align-items:center;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:.7rem;padding:.52rem .65rem;position:relative;transition:all .15s ease}[data-theme=dark] .student-nav-item{color:#cbd5e1cc}.student-nav-item:hover{background:#6366f10f;color:#312e81}[data-theme=dark] .student-nav-item:hover{background:#ffffff0f;color:#e2e8f0}.student-nav-item.active{background:#6366f11f;background:var(--sb-accent-light);box-shadow:inset 0 0 0 1px #6366f138;box-shadow:inset 0 0 0 1px var(--sb-accent-border);color:#3730a3;font-weight:600}[data-theme=dark] .student-nav-item.active{background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff14;color:#e2e8f0}.student-nav-item.active:before{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:0 3px 3px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}[data-theme=dark] .student-nav-item.active:before{background:linear-gradient(180deg,#818cf8,#a78bfa)}.student-nav-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:transform .15s ease;width:30px}.student-nav-item:hover .student-nav-icon{transform:scale(1.08)}.student-nav-icon .material-symbols-rounded{font-size:1.1rem;font-variation-settings:"FILL" 1}.student-nav-item:first-child .student-nav-icon{background:#6366f121;color:#6366f1}.student-nav-item:nth-child(2) .student-nav-icon{background:#0ea5e921;color:#0284c7}.student-nav-item:nth-child(3) .student-nav-icon{background:#10b98121;color:#059669}.student-nav-item:nth-child(4) .student-nav-icon{background:#f59e0b21;color:#d97706}[data-theme=dark] .student-nav-item:first-child .student-nav-icon{background:#6366f12e;color:#818cf8}[data-theme=dark] .student-nav-item:nth-child(2) .student-nav-icon{background:#0ea5e929;color:#38bdf8}[data-theme=dark] .student-nav-item:nth-child(3) .student-nav-icon{background:#10b98129;color:#34d399}[data-theme=dark] .student-nav-item:nth-child(4) .student-nav-icon{background:#f59e0b29;color:#fbbf24}.student-nav-item.active .student-nav-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important}[data-theme=dark] .student-nav-item.active .student-nav-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important}.student-sidebar-footer{background:#f8fafc66;border-top:1px solid #cbd5e180;flex-shrink:0;padding:.75rem .875rem}[data-theme=dark] .student-sidebar-footer{background:#ffffff05;border-top-color:#ffffff12}.student-logout-btn{align-items:center;background:#ffffffb3;border:1px solid #cbd5e1b3;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#64748b;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.625rem;justify-content:center;padding:.6rem .75rem;transition:all .2s ease;width:100%}[data-theme=dark] .student-logout-btn{background:#ffffff0d;border-color:#ffffff17;color:#94a3b8}.student-logout-btn:hover{background:#fee2e2e6;border-color:#fecacacc;box-shadow:0 4px 12px #dc26262e;color:#dc2626;transform:translateY(-1px)}[data-theme=dark] .student-logout-btn:hover{background:#dc26262e;border-color:#dc262666;color:#f87171}.student-sidebar-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:699}.student-sidebar-overlay.visible{opacity:1;pointer-events:auto}.sdb-root{min-height:100vh;padding:0 0 2.5rem}.sdb-left-col .fin-kpi-row{grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem}.fin-kpi--rose .fin-kpi-icon{background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 4px 14px #e11d4873}.fin-kpi--rose .fin-kpi-bar-fill{background:linear-gradient(90deg,#e11d48,#fb7185)}[data-theme=dark] .fin-kpi--rose{background:linear-gradient(145deg,#e11d481f,#88133740);box-shadow:0 0 0 1px #e11d482e,0 4px 24px #e11d481f}[data-theme=dark] .fin-kpi--rose:hover{box-shadow:0 0 0 1px #e11d4847,0 20px 48px #e11d4833}.sdb-section-icon--rose{background:#e11d481a;color:#e11d48}.fin-kpi--qa{cursor:default}.sdb-qa-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.sdb-qa-tile{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff85;border:1px solid #ffffffa6;border-radius:10px;cursor:pointer;display:flex;gap:.55rem;padding:.45rem .55rem;text-align:left;transition:background .18s,box-shadow .18s,transform .15s,border-color .18s;width:100%}.sdb-qa-tile:hover{background:#ffffffd1;border-color:color-mix(in srgb,#6366f1 40%,#fff);border-color:color-mix(in srgb,var(--qa-ic,#6366f1) 40%,#fff);box-shadow:0 4px 14px color-mix(in srgb,#6366f1 22%,#0000),0 1px 4px #0000000f;box-shadow:0 4px 14px color-mix(in srgb,var(--qa-ic,#6366f1) 22%,#0000),0 1px 4px #0000000f;transform:translateY(-2px)}.sdb-qa-tile:active{box-shadow:none;transform:translateY(0)}.sdb-qa-tile-ico-wrap{align-items:center;background:color-mix(in srgb,#6366f1 14%,#fff9);background:color-mix(in srgb,var(--qa-ic,#6366f1) 14%,#fff9);border-radius:8px;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:background .18s,box-shadow .18s;width:26px}.sdb-qa-tile:hover .sdb-qa-tile-ico-wrap{background:#6366f1;background:var(--qa-ic,#6366f1);box-shadow:0 2px 8px color-mix(in srgb,#6366f1 45%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--qa-ic,#6366f1) 45%,#0000)}.sdb-qa-tile-icon{color:#6366f1;color:var(--qa-ic,#6366f1);flex-shrink:0;font-size:.92rem!important;transition:color .18s}.sdb-qa-tile:hover .sdb-qa-tile-icon{color:#fff}.sdb-qa-tile-lbl{color:#334155;flex:1 1;font-size:.73rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdb-qa-tile-arrow{color:#94a3b8;flex-shrink:0;font-size:.85rem!important;opacity:0;transform:translateX(-5px);transition:opacity .18s,transform .18s}.sdb-qa-tile:hover .sdb-qa-tile-arrow{color:#6366f1;color:var(--qa-ic,#6366f1);opacity:1;transform:translateX(0)}[data-theme=dark] .sdb-qa-tile{background:#0f172a73;border-color:#ffffff1a}[data-theme=dark] .sdb-qa-tile:hover{background:#0f172ab3;border-color:color-mix(in srgb,#6366f1 50%,#0000);border-color:color-mix(in srgb,var(--qa-ic,#6366f1) 50%,#0000)}[data-theme=dark] .sdb-qa-tile-lbl{color:#cbd5e1}[data-theme=dark] .sdb-qa-tile-ico-wrap{background:color-mix(in srgb,#6366f1 20%,#0f172a99);background:color-mix(in srgb,var(--qa-ic,#6366f1) 20%,#0f172a99)}[data-theme=dark] .sdb-qa-tile:hover .sdb-qa-tile-ico-wrap{background:#6366f1;background:var(--qa-ic,#6366f1)}.sdb-risk-banner{align-items:flex-start;background:#f43f5e0f;border:1px solid #f43f5e40;border-left:4px solid #f43f5e;border-radius:10px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.85rem 1.1rem}.sdb-risk-icon{color:#f43f5e;flex-shrink:0;font-size:1.3rem!important;margin-top:.05rem}.sdb-risk-text{display:flex;flex-direction:column;gap:.2rem}.sdb-risk-text strong{color:#f43f5e;font-size:.82rem;font-weight:800}.sdb-risk-text span{color:#64748b;font-size:.76rem;font-weight:500;line-height:1.45}[data-theme=dark] .sdb-risk-banner{background:#f43f5e14;border-color:#f43f5e4d}.sdb-empty-schedule{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:2rem 1rem;text-align:center}.sdb-empty-schedule-icon{color:#cbd5e1;font-size:2.5rem!important}.sdb-empty-schedule-title{color:#0f172a;color:var(--adb-text,#0f172a);font-size:.95rem;font-weight:700;margin:0}.sdb-empty-schedule-sub{color:#64748b;color:var(--adb-muted,#64748b);font-size:.78rem;margin:0}.sdb-empty-schedule-btn{align-items:center;background:#3b82f6;border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:.4rem;margin-top:.5rem;padding:.5rem 1.2rem;transition:background .15s,transform .12s}.sdb-empty-schedule-btn .material-symbols-rounded{font-size:.95rem!important}.sdb-empty-schedule-btn:hover{background:#2563eb;transform:translateY(-1px)}.sdb-activity-list{display:flex;flex-direction:column}.sdb-activity-item{align-items:flex-start;display:flex;gap:.65rem}.sdb-activity-dot-col{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding-top:.05rem}.sdb-activity-icon{font-size:1rem!important}.sdb-activity-line{background:#e2e8f0e6;flex:1 1;margin:3px 0 0;min-height:18px;width:1px}.sdb-activity-item:last-child .sdb-activity-line{display:none}.sdb-activity-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;padding-bottom:.75rem}.sdb-activity-title{color:#0f172a;color:var(--adb-text,#0f172a);font-size:.77rem;font-weight:600;line-height:1.35}.sdb-activity-meta{color:#64748b;color:var(--adb-muted,#64748b);font-size:.68rem;font-weight:500}[data-theme=dark] .sdb-activity-line{background:#47556966}[data-theme=dark] .sdb-activity-title{color:#f1f5f9}.sdb-insight-grid{grid-gap:.55rem;display:grid;gap:.55rem;grid-template-columns:repeat(3,1fr);padding:.2rem 0 .4rem}.sdb-insight-tile{align-items:center;background:#f8fafcd9;border:1px solid #e2e8f0a6;border-radius:10px;display:flex;flex-direction:column;gap:.22rem;padding:.65rem .4rem;text-align:center;transition:transform .15s,box-shadow .15s}.sdb-insight-tile:hover{box-shadow:0 4px 12px #00000012;transform:translateY(-1px)}.sdb-insight-icon{font-size:1.15rem!important}.sdb-insight-val{color:#0f172a;color:var(--adb-text,#0f172a);font-size:1.2rem;font-weight:700;line-height:1}.sdb-insight-label{color:#64748b;color:var(--adb-muted,#64748b);font-size:.6rem;font-weight:600;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.sdb-program-header{margin-bottom:.65rem}.sdb-program-title{color:#0f172a;color:var(--adb-text,#0f172a);font-size:1rem;font-weight:800;line-height:1.25;margin-bottom:.35rem}.sdb-program-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem .75rem}.sdb-program-meta-item{align-items:center;color:#64748b;color:var(--adb-muted,#64748b);display:inline-flex;font-size:.72rem;font-weight:600;gap:.25rem}.sdb-program-meta-item .material-symbols-rounded{font-size:.82rem!important}.sdb-program-progress{margin:.6rem 0 .15rem}.sdb-program-progress-bar{background:#e2e8f0cc;border-radius:20px;height:8px;margin-bottom:.35rem;overflow:hidden}.sdb-program-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:20px;height:100%;transition:width .7s ease}.sdb-program-progress-labels{align-items:center;color:#64748b;color:var(--adb-muted,#64748b);display:flex;font-size:.7rem;font-weight:600;justify-content:space-between}.sdb-program-progress-pct{color:#059669;font-size:.85rem;font-weight:800}[data-theme=dark] .sdb-program-progress-bar{background:#47556980}[data-theme=dark] .sdb-program-title{color:#f1f5f9}.sdb-section-sub-head{align-items:center;border-bottom:1px solid #e2e8f080;color:#64748b;color:var(--adb-muted,#64748b);display:flex;font-size:.72rem;font-weight:700;gap:.4rem;letter-spacing:.04em;margin-bottom:.5rem;padding-bottom:.35rem;text-transform:uppercase}.sdb-assignment-list{display:flex;flex-direction:column}.sdb-assignment-item{align-items:flex-start;border-bottom:1px solid #e2e8f080;display:flex;gap:.7rem;padding:.58rem 0;transition:background .15s}.sdb-assignment-item:last-child{border-bottom:none}.sdb-assignment-icon-col{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding-top:1px;width:26px}.sdb-assignment-icon{font-size:1.05rem!important}.sdb-assignment-info{display:flex;flex:1 1;flex-direction:column;gap:.28rem;min-width:0}.sdb-assignment-name{color:#0f172a;color:var(--adb-text,#0f172a);font-size:.83rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdb-assignment-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.22rem .5rem}.sdb-assignment-type{border:1px solid;border-radius:4px;font-size:.63rem;font-weight:700;letter-spacing:.03em;padding:.1rem .36rem}.sdb-assignment-meta-item{align-items:center;color:#64748b;color:var(--adb-muted,#64748b);display:flex;font-size:.69rem;gap:.17rem}.sdb-assignment-meta-item .material-symbols-rounded{font-size:.76rem!important}.sdb-assignment-overdue{color:#f43f5e!important;font-weight:600}.sdb-shimmer{animation:sdb-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e2e8f0,#f1f5f9 50%,#e2e8f0);background-size:400% 100%}@keyframes sdb-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sdb-shimmer-list{display:flex;flex-direction:column;gap:.55rem;padding:.25rem 0}.sdb-enroll-pills{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.sdb-enroll-pill{align-items:center;background:#3b82f612;border:1px solid #3b82f62e;border-radius:20px;color:#2563eb;display:inline-flex;font-size:.72rem;font-weight:600;gap:.3rem;padding:.28rem .65rem;white-space:nowrap}.sdb-enroll-pill .material-symbols-rounded{font-size:.78rem!important}.sdb-enroll-pill--more{background:#64748b0f;border-color:#64748b2e;color:#64748b}.sdb-two-col{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-areas:"left qa" "left right";grid-template-columns:1fr 300px}.sdb-left-col{grid-area:left}.sdb-left-col,.sdb-right-col{display:flex;flex-direction:column;min-width:0}.sdb-right-col{grid-area:right}.sdb-qa-outer{grid-area:qa;min-width:0}.sdb-qa-outer .sdb-qa-grid{flex-direction:column}.sdb-qa-outer .fin-kpi--qa{cursor:default;margin-bottom:0;width:100%}.sdb-qa-outer .fin-kpi--indigo.fin-kpi--qa:hover{box-shadow:0 0 0 1px #6366f129,0 2px 12px #6366f11a,0 1px 3px #0000000d;transform:none}@media (max-width:1024px){.sdb-two-col{grid-template-areas:"qa" "left" "right"}.sdb-left-col .fin-kpi-row,.sdb-two-col{grid-template-columns:1fr}.sdb-slots-row{grid-template-columns:1fr!important}.sdb-slots-row .sdb-enroll-item{border-bottom:1px solid #e2e8f0b3;border-radius:0;border-right:none}.sdb-slots-row .sdb-enroll-item:last-child{border-bottom:none}[data-theme=dark] .sdb-slots-row .sdb-enroll-item{border-bottom-color:#47556959}.sdb-qa-outer .sdb-qa-grid{flex-direction:row;flex-wrap:wrap}}@media (max-width:680px){.sdb-top-row{flex-direction:column}.sdb-top-row-card{min-width:0;width:100%}.sdb-two-col{gap:.75rem}.sdb-section-card{padding:.85rem}.sdb-section-title{font-size:.82rem}.sdb-section-count{font-size:.7rem}.fin-kpi-label{font-size:.72rem}.fin-kpi-val{font-size:1.3rem}.fin-kpi-sub{font-size:.7rem}.sdb-class-name{font-size:.78rem}.sdb-class-subject{font-size:.72rem}.sdb-booking-name{font-size:.8rem}.sdb-booking-meta{font-size:.7rem}.sdb-assignment-name{font-size:.8rem}.sdb-assignment-meta{font-size:.68rem}.sdb-att-big{font-size:1.3rem}.sdb-att-label{font-size:.68rem}.sdb-activity-title{font-size:.78rem}.sdb-activity-meta{font-size:.68rem}.sdb-qa-tile-lbl{font-size:.75rem}}.sdb-section-card{background:#ffffffeb;border:1px solid #e2e8f0b3;border-radius:14px;box-shadow:0 4px 16px #0000000d;margin-bottom:1rem;padding:1rem 1.15rem}.sdb-section-head{align-items:center;border-bottom:1px solid #e2e8f080;display:flex;gap:.5rem;margin-bottom:.85rem;padding-bottom:.6rem}.sdb-section-icon{align-items:center;border-radius:7px;display:flex;flex-shrink:0;font-size:1.1rem!important;height:28px;justify-content:center;width:28px}.sdb-section-icon--green{background:#10b9811a;color:#059669}.sdb-section-icon--indigo{background:#6366f11a;color:#4f46e5}.sdb-section-icon--violet{background:#8b5cf61a;color:#7c3aed}.sdb-section-icon--cyan{background:#06b6d41a;color:#0891b2}.sdb-section-icon--amber{background:#f59e0b1a;color:#d97706}.sdb-section-title{color:#0f172a;color:var(--adb-text,#0f172a);flex:1 1;font-size:.88rem;font-weight:700}.sdb-section-count{background:#3b82f6;border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;line-height:1.4;padding:.12rem .5rem}.sdb-empty{align-items:center;color:#94a3b8;color:var(--adb-muted,#94a3b8);display:flex;flex-direction:column;gap:.3rem;padding:1.5rem 0;text-align:center}.sdb-empty .material-symbols-rounded{font-size:2.2rem!important;opacity:.4}.sdb-empty p{color:#475569;color:var(--adb-text-2,#475569);font-size:.85rem;font-weight:600;margin:0}.sdb-empty span{font-size:.75rem}.sdb-class-list,.sdb-upcoming-groups{display:flex;flex-direction:column;gap:0}.sdb-class-item{align-items:flex-start;border-radius:8px;display:flex;gap:.7rem;padding:.65rem .4rem;position:relative;transition:background .12s}.sdb-class-item:not(:last-child){border-bottom:1px solid #e2e8f073}.sdb-class-item:hover{background:#3b82f60a}.sdb-class-item--live{background:#8b5cf60a!important}.sdb-class-item--shimmer{padding:.65rem .4rem;pointer-events:none}.sdb-class-time-col{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.12rem;min-width:56px}.sdb-class-time{color:#0f172a;color:var(--adb-text,#0f172a);font-size:.78rem;font-weight:700;white-space:nowrap}.sdb-class-time-end{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:.68rem;white-space:nowrap}.sdb-class-divider{align-self:stretch;border-left:2.5px solid #3b82f6;border-radius:2px;flex-shrink:0;margin-top:.1rem;min-height:36px;width:2.5px}.sdb-class-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.sdb-class-top{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.sdb-class-name{color:#0f172a;color:var(--adb-text,#0f172a);font-size:.84rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdb-live-badge{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:20px;color:#7c3aed;display:inline-flex;font-size:.67rem;font-weight:800;gap:.25rem;padding:.1rem .45rem;white-space:nowrap}.sdb-live-dot{animation:sdb-pulse 1.2s ease-in-out infinite;background:#7c3aed;border-radius:50%;flex-shrink:0;height:6px;width:6px}@keyframes sdb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.sdb-class-meta{display:flex;flex-wrap:wrap;gap:.6rem}.sdb-class-meta-item{align-items:center;color:#94a3b8;color:var(--adb-muted,#94a3b8);display:inline-flex;font-size:.71rem;font-weight:500;gap:.2rem}.sdb-class-meta-item .material-symbols-rounded{font-size:.8rem!important}.sdb-class-status-col{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.2rem}.sdb-class-status-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.sdb-class-status-lbl{font-size:.65rem;font-weight:700;white-space:nowrap}.sdb-day-group{margin-bottom:.5rem}.sdb-day-header{align-items:baseline;display:flex;gap:.5rem;margin-bottom:.2rem;padding:.4rem 0 .4rem .3rem}.sdb-day-main{color:#0f172a;color:var(--adb-text,#0f172a);font-size:.82rem;font-weight:800}.sdb-day-sub{color:#94a3b8;color:var(--adb-muted,#94a3b8);flex:1 1;font-size:.72rem;font-weight:500}.sdb-day-count{background:#6366f114;border-radius:20px;color:#4f46e5;font-size:.68rem;font-weight:700;padding:.1rem .45rem}.sdb-att-ring-row{align-items:center;display:flex;gap:1rem;margin-bottom:.9rem}.sdb-att-ring-wrap{flex-shrink:0;height:72px;position:relative;width:72px}.sdb-att-ring-centre,.sdb-att-ring-wrap{align-items:center;display:flex;justify-content:center}.sdb-att-ring-centre{inset:0;position:absolute}.sdb-att-ring-pct{color:#0f172a;color:var(--adb-text,#0f172a);font-size:.72rem;font-weight:800;letter-spacing:-.02em}.sdb-att-ring-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.sdb-att-big{color:#0f172a;color:var(--adb-text,#0f172a);font-size:1.55rem;font-weight:800;letter-spacing:-.04em;line-height:1;margin:0}.sdb-att-sub{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:.73rem;margin:0}.sdb-att-status{border-radius:20px;display:inline-block;font-size:.7rem;font-weight:700;margin-top:.1rem;padding:.18rem .5rem;width:-webkit-fit-content;width:fit-content}.sdb-att-status.good{background:#10b9811a;color:#059669}.sdb-att-status.warn{background:#f59e0b1a;color:#d97706}.sdb-att-status.bad{background:#f43f5e1a;color:#e11d48}.sdb-subject-bars{display:flex;flex-direction:column;gap:.45rem;margin-top:.2rem}.sdb-subject-bars-title{color:#475569;color:var(--adb-text-2,#475569);font-size:.73rem;font-weight:700;letter-spacing:.04em;margin-bottom:.2rem;text-transform:uppercase}.sdb-subject-bar-row{align-items:center;display:flex;gap:.5rem}.sdb-subject-bar-name{color:#475569;color:var(--adb-text-2,#475569);flex-shrink:0;font-size:.73rem;font-weight:600;max-width:110px;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdb-subject-bar-track{background:#e2e8f0cc;border-radius:20px;flex:1 1;height:6px;overflow:hidden}.sdb-subject-bar-fill{border-radius:20px;height:100%;transition:width .6s ease}.sdb-subject-bar-pct{flex-shrink:0;font-size:.71rem;font-weight:700;min-width:34px;text-align:right}.sdb-enroll-list{display:flex;flex-direction:column;gap:0}.sdb-enroll-item{align-items:flex-start;border-radius:7px;display:flex;gap:.65rem;padding:.6rem .25rem;transition:background .12s}.sdb-enroll-item:not(:last-child){border-bottom:1px solid #e2e8f066}.sdb-enroll-item:hover{background:#3b82f60a}.sdb-enroll-item--shimmer{pointer-events:none}.sdb-enroll-dot-col{flex-shrink:0;padding-top:.3rem}.sdb-enroll-dot{border-radius:50%;height:8px;width:8px}.sdb-enroll-info{display:flex;flex:1 1;flex-direction:column;gap:.12rem;min-width:0}.sdb-enroll-name{color:#0f172a;color:var(--adb-text,#0f172a);font-size:.83rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdb-enroll-id{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:.7rem;font-weight:500}.sdb-enroll-schedule{color:#4f46e5;font-size:.7rem;font-weight:600}.sdb-enroll-badge{align-self:flex-start;background:#64748b17;border-radius:20px;color:#64748b;flex-shrink:0;font-size:.66rem;font-weight:700;margin-top:.15rem;padding:.18rem .5rem;white-space:nowrap}.sdb-enroll-badge.active{background:#10b98117;color:#059669}.sdb-top-row{align-items:stretch;display:flex;gap:1rem}.sdb-top-row-card{flex:1 1;min-width:0}.sdb-slots-row{grid-gap:0;display:grid;gap:0}.sdb-slots-row .sdb-enroll-item{border-bottom:none;border-radius:0;border-right:1px solid #e2e8f0b3;min-width:0;padding:.85rem 1rem}.sdb-slots-row .sdb-enroll-item:last-child{border-right:none}.sdb-slots-row .sdb-enroll-item:hover{background:#3b82f60a}[data-theme=dark] .sdb-slots-row .sdb-enroll-item{border-right-color:#47556959}.sdb-profile-rows{display:flex;flex-direction:column;gap:.5rem}.sdb-profile-row{align-items:center;display:flex;gap:.55rem;padding:.35rem 0}.sdb-profile-row:not(:last-child){border-bottom:1px solid #e2e8f066}.sdb-profile-row .material-symbols-rounded{color:#94a3b8;color:var(--adb-muted,#94a3b8);flex-shrink:0;font-size:.95rem!important;width:18px}.sdb-profile-row-label{color:#94a3b8;color:var(--adb-muted,#94a3b8);font-size:.72rem;font-weight:600;letter-spacing:.03em;min-width:44px;text-transform:uppercase}.sdb-profile-row-value{color:#0f172a;color:var(--adb-text,#0f172a);flex:1 1;font-size:.8rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdb-booking-list{display:flex;flex-direction:column;gap:0}.sdb-booking-item{align-items:flex-start;border-bottom:1px solid #e2e8f080;display:flex;gap:.75rem;padding:.6rem 0;transition:background .15s}.sdb-booking-item:last-child{border-bottom:none}.sdb-booking-item--shimmer{padding:.55rem 0}.sdb-booking-icon-col{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding-top:1px;width:28px}.sdb-booking-icon{font-size:1.15rem!important}.sdb-booking-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.sdb-booking-name{color:#0f172a;color:var(--adb-text,#0f172a);font-size:.83rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdb-booking-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem}.sdb-booking-meta-item{align-items:center;color:#64748b;color:var(--adb-muted,#64748b);display:flex;font-size:.72rem;gap:.2rem}.sdb-booking-meta-item .material-symbols-rounded{font-size:.8rem!important}.sdb-booking-badge{align-self:center;border:1px solid;border-radius:20px;flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.02em;padding:.18rem .55rem;white-space:nowrap}[data-theme=dark] .sdb-section-card{background:#1e293bbf;border-color:#33415599}[data-theme=dark] .sdb-shimmer{background:linear-gradient(90deg,#334155cc,#47556999 50%,#334155cc);background-size:400% 100%}[data-theme=dark] .sdb-insight-tile{background:#33415580;border-color:#47556966}[data-theme=dark] .sdb-assignment-item:hover,[data-theme=dark] .sdb-booking-item:hover,[data-theme=dark] .sdb-class-item:hover,[data-theme=dark] .sdb-enroll-item:hover{background:#ffffff0a}[data-theme=dark] .sdb-assignment-item:not(:last-child){border-bottom-color:#33415566}[data-theme=dark] .sdb-section-sub-head{border-bottom-color:#33415580}[data-theme=dark] .sdb-subject-bar-track{background:#47556980}[data-theme=dark] .sdb-section-head{border-bottom-color:#33415580}[data-theme=dark] .sdb-booking-item:not(:last-child),[data-theme=dark] .sdb-class-item:not(:last-child),[data-theme=dark] .sdb-enroll-item:not(:last-child),[data-theme=dark] .sdb-profile-row:not(:last-child){border-bottom-color:#33415566}@media (max-width:640px){.sdb-class-time-col{min-width:46px}.sdb-section-card{padding:.8rem}}:root{--classs-page-bg:#fff;--classs-page-border:#e2e8f0;--classs-page-shadow:0 1px 6px #0000000d;--cls-table-bg:#fff;--cls-table-shadow:0 2px 6px #0000000d;--cls-table-header-bg:#f9fafb;--cls-table-header-text:#334155;--cls-table-header-border:#e2e8f0;--cls-table-cell-text:#1e293b;--cls-table-cell-border:#e2e8f0;--cls-row-hover-bg:#e0f2fe;--cls-row-hover-border:#3b82f6;--cls-row-hover-shadow:0 6px 18px #0000000f;--cls-row-shadow:0 4px 12px #00000008;--displayid-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--displayid-text:#0369a1;--displayid-border:#bae6fd;--displayid-shadow:0 2px 8px #0369a114;--displayid-hover-shadow:0 4px 12px #0369a126;--displayid-badge-bg:#0ea5e91a;--displayid-badge-border:#38bdf8;--displayid-badge-text:#0369a1;--displayid-scheduled-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--displayid-scheduled-text:#0369a1;--displayid-scheduled-border:#bae6fd;--displayid-completed-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--displayid-completed-text:#15803d;--displayid-completed-border:#bbf7d0;--displayid-postponed-bg:linear-gradient(135deg,#fefce8,#fef9c3);--displayid-postponed-text:#a16207;--displayid-postponed-border:#fde68a;--displayid-cancelled-bg:linear-gradient(135deg,#fef2f2,#fee2e2);--displayid-cancelled-text:#b91c1c;--displayid-cancelled-border:#fecaca;--inspect-icon-bg:#fffffff2;--inspect-icon-color:#0284c7;--inspect-icon-border:#0ea5e933;--inspect-icon-shadow:0 2px 4px #0369a11a;--inspect-icon-shadow-hover:0 4px 8px #0369a133;--inspect-icon-hover-bg:#0ea5e9;--inspect-icon-hover-color:#fff;--cls-status-active:#10b981;--status-inactive:#6b7280;--status-completed:#3b82f6;--status-transferred:#f59e0b;--status-dropped:#ef4444;--status-pending:#eab308;--status-on-hold:#f97316;--status-graduated:#8b5cf6;--checkbox-bg:#f8fafc;--checkbox-border:#cbd5e1;--checkbox-checked-bg:linear-gradient(135deg,#0ea5e9,#3b82f6);--checkbox-checked-border:#0284c7;--checkbox-hover-border:#38bdf8;--checkbox-shadow:0 1px 3px #0000000d;--checkbox-checked-shadow:0 2px 6px #0ea5e94d;--checkbox-column-bg:linear-gradient(135deg,#fafbfc,#f8fafc);--checkbox-column-border:#e0e7ef;--selection-badge-bg:#fbbf24;--selection-badge-text:#78350f;--grade-bar-bg:linear-gradient(135deg,#60a5fa,#3b82f6);--grade-bar-track:#e5e7eb;--resize-handle-bg:#cbd5e1;--resize-handle-hover-bg:#3b82f6;--resize-handle-active-bg:#2563eb}[data-theme=dark]{--classs-page-bg:#1a1a1ae6;--classs-page-border:#ffffff1a;--classs-page-shadow:0 1px 6px #0000004d;--cls-table-bg:#1a1a1ae6;--cls-table-shadow:0 2px 6px #0006;--cls-table-header-bg:#333c;--cls-table-header-text:#fff;--cls-table-header-border:#ffffff1a;--cls-table-cell-text:#fff;--cls-table-cell-border:#ffffff1a;--cls-row-hover-bg:#3b82f61a;--cls-row-hover-border:#3b82f6;--cls-row-hover-shadow:0 6px 18px #3b82f626;--cls-row-shadow:0 4px 12px #0000004d;--displayid-bg:linear-gradient(135deg,#0c4a6e40,#07598533);--displayid-text:#7dd3fc;--displayid-border:#38bdf84d;--displayid-shadow:0 2px 8px #0ea5e926;--displayid-hover-shadow:0 4px 12px #0ea5e940;--displayid-badge-bg:#0ea5e926;--displayid-badge-border:#0ea5e9;--displayid-badge-text:#7dd3fc;--displayid-scheduled-bg:linear-gradient(135deg,#0c4a6e40,#07598533);--displayid-scheduled-text:#7dd3fc;--displayid-scheduled-border:#38bdf84d;--displayid-completed-bg:linear-gradient(135deg,#064e3b40,#052e1633);--displayid-completed-text:#86efac;--displayid-completed-border:#86efac4d;--displayid-postponed-bg:linear-gradient(135deg,#854d0e40,#713f1233);--displayid-postponed-text:#fde047;--displayid-postponed-border:#fde0474d;--displayid-cancelled-bg:linear-gradient(135deg,#7f1d1d40,#991b1b33);--displayid-cancelled-text:#fca5a5;--displayid-cancelled-border:#fca5a54d;--inspect-icon-bg:#0c4a6ecc;--inspect-icon-color:#7dd3fc;--inspect-icon-border:#38bdf84d;--inspect-icon-shadow:0 2px 4px #0ea5e933;--inspect-icon-shadow-hover:0 4px 8px #0ea5e94d;--inspect-icon-hover-bg:#0ea5e9;--inspect-icon-hover-color:#fff;--checkbox-bg:#334155cc;--checkbox-border:#94a3b84d;--checkbox-checked-bg:linear-gradient(135deg,#0ea5e9,#3b82f6);--checkbox-checked-border:#38bdf8;--checkbox-hover-border:#60a5fa;--checkbox-shadow:0 1px 3px #0000004d;--checkbox-checked-shadow:0 2px 6px #0ea5e966;--checkbox-column-bg:linear-gradient(135deg,#1e293b66,#3341554d);--checkbox-column-border:#94a3b833;--selection-badge-bg:#f59e0b;--selection-badge-text:#000;--grade-bar-bg:linear-gradient(135deg,#3b82f6,#60a5fa);--grade-bar-track:#ffffff1a;--resize-handle-bg:#94a3b84d;--resize-handle-hover-bg:#60a5fa;--resize-handle-active-bg:#3b82f6}.classs-page{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--classs-page-bg);border:1px solid #e2e8f0;border:1px solid var(--classs-page-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--classs-page-shadow);display:flex;flex-direction:column;height:100%;padding-bottom:0;transition:all .3s ease}.classs-table table{background:#fff;background:var(--cls-table-bg);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--cls-table-shadow);transition:all .3s ease;width:100%}.classs-table th{background:#f9fafb;background:var(--cls-table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cls-table-header-border);color:#334155;color:var(--cls-table-header-text);font-size:.9rem;font-weight:600;letter-spacing:.02em;padding:.85rem 1.2rem;position:relative;text-align:left;transition:all .3s ease;-webkit-user-select:none;user-select:none}.classs-table th:hover{background:#e0f2fe;background:var(--cls-row-hover-bg)}.classs-table td{border:none;color:#1e293b;color:var(--cls-table-cell-text);font-size:.9rem;padding:.85rem 1.2rem;transition:all .3s ease}.resizable-th{position:relative}.th-content{align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:100%}.th-label{flex:1 1}.resize-handle{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:background .2s ease;width:4px;z-index:5}.resize-handle:hover{background:#3b82f6;background:var(--resize-handle-hover-bg)}.resize-handle:active{background:#2563eb;background:var(--resize-handle-active-bg)}.resize-handle:before{background:#cbd5e1;background:var(--resize-handle-bg);content:"";height:60%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:2px}.resize-handle:hover:before{opacity:1}.checkbox-column{padding:.85rem .75rem;text-align:center;width:60px}.checkbox-column input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f8fafc;background:var(--checkbox-bg);border:2px solid #cbd5e1;border:2px solid var(--checkbox-border);border-radius:6px;box-shadow:0 1px 3px #0000000d;box-shadow:var(--checkbox-shadow);cursor:pointer;height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.checkbox-column input[type=checkbox]:hover{border-color:#38bdf8;border-color:var(--checkbox-hover-border);transform:scale(1.05)}.checkbox-column input[type=checkbox]:checked{background:linear-gradient(135deg,#0ea5e9,#3b82f6);background:var(--checkbox-checked-bg);border-color:#0284c7;border-color:var(--checkbox-checked-border);box-shadow:0 2px 6px #0ea5e94d;box-shadow:var(--checkbox-checked-shadow)}.checkbox-column input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-column input[type=checkbox]:focus{outline:2px solid #38bdf8;outline:2px solid var(--checkbox-hover-border);outline-offset:2px}.classs-table td.checkbox-column,.classs-table th.checkbox-column{background:linear-gradient(135deg,#fafbfc,#f8fafc);background:var(--checkbox-column-bg);border-right:1px solid #e0e7ef;border-right:1px solid var(--checkbox-column-border);box-shadow:2px 0 8px -1px #00000014;left:0;position:-webkit-sticky;position:sticky;transition:all .3s ease;z-index:4}.classs-table thead th.checkbox-column{background:linear-gradient(135deg,#fafbfc,#f8fafc);background:var(--checkbox-column-bg);border-bottom:1px solid #e0e7ef;border-bottom:1px solid var(--checkbox-column-border);font-weight:600}.classs-table tbody tr.row-highlight td.checkbox-column,.classs-table tbody tr:hover td.checkbox-column{background:linear-gradient(135deg,#fafbfc,#f8fafc);background:var(--checkbox-column-bg);border-right-color:#38bdf8;border-right-color:var(--displayid-badge-border)}.selection-badge{background:#fbbf24;background:var(--selection-badge-bg);border-radius:999px;color:#78350f;color:var(--selection-badge-text);font-size:.8rem;font-weight:600;margin-left:1rem;padding:.25rem .75rem}.classs-table tbody tr{border-left:4px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000008;box-shadow:var(--cls-row-shadow);overflow:hidden;position:relative;transition:all .3s ease;z-index:1}.classs-table tbody tr:hover{box-shadow:0 6px 18px #0000000f;box-shadow:var(--cls-row-hover-shadow);transform:translateY(-1px)}.classs-table tbody tr.row-highlight,.classs-table tbody tr:hover{background:#e0f2fe;background:var(--cls-row-hover-bg);border-left-color:#3b82f6;border-left-color:var(--cls-row-hover-border)}.classid-cell{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--displayid-bg);border:1px solid #bae6fd;border:1px solid var(--displayid-border);border-radius:10px;box-shadow:0 2px 8px #0369a114;box-shadow:var(--displayid-shadow);color:#0369a1;color:var(--displayid-text);font-size:.95rem;font-weight:600;overflow:visible;padding:.75rem 3rem .75rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:160px}.classid-cell:hover{border-color:#38bdf8;border-color:var(--displayid-badge-border);box-shadow:0 4px 12px #0369a126;box-shadow:var(--displayid-hover-shadow);transform:translateY(-1px) scale(1.01)}.class-id-wrapper{align-items:center;display:flex;gap:8px;position:relative}.class-id-wrapper:before{background:#0ea5e91a;background:var(--displayid-badge-bg);border:1px solid #38bdf8;border:1px solid var(--displayid-badge-border);border-radius:4px;color:#0369a1;color:var(--displayid-badge-text);content:"ID";display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;opacity:.8;padding:2px 6px;text-transform:uppercase;transition:opacity .2s ease}.classid-cell:hover .class-id-wrapper:before{opacity:1}.classid-cell .inspect-icon{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;background:var(--inspect-icon-bg);border:1px solid #0ea5e933;border:1px solid var(--inspect-icon-border);border-radius:8px;box-shadow:0 2px 4px #0369a11a;box-shadow:var(--inspect-icon-shadow);color:#0284c7;color:var(--inspect-icon-color);cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:28px;z-index:1}.classid-cell:hover .inspect-icon{opacity:1;right:12px;transform:translateY(-50%) scale(1.05)}.classid-cell .inspect-icon:hover{background:#0ea5e9;background:var(--inspect-icon-hover-bg);border-color:#0ea5e9;border-color:var(--inspect-icon-hover-bg);box-shadow:0 4px 8px #0369a133;box-shadow:var(--inspect-icon-shadow-hover);color:#fff;color:var(--inspect-icon-hover-color);transform:translateY(-50%) scale(1.1)}.classid-cell .inspect-icon:active{transform:translateY(-50%) scale(.95)}.classs-table td.display-id-sticky,.classs-table th.display-id-sticky{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--displayid-bg);box-shadow:2px 0 8px -1px #00000014;left:60px;position:-webkit-sticky;position:sticky;transition:all .3s ease;z-index:3}.classs-table thead th.display-id-sticky{border:1px solid #bae6fd;border-bottom:1px solid #bae6fd;border:1px solid var(--displayid-border);color:#0369a1;color:var(--displayid-text);font-weight:700;padding-left:1rem}.classs-table tbody tr:hover td.display-id-sticky,.classs-table tbody tr:hover td.display-id-sticky .classid-cell,.classs-table thead th.display-id-sticky{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--displayid-bg)}.classs-table tbody tr:hover td.display-id-sticky .classid-cell{border-color:#38bdf8;border-color:var(--displayid-badge-border);box-shadow:0 4px 12px #0369a126;box-shadow:var(--displayid-hover-shadow)}.classs-table tbody tr.row-highlight td.display-id-sticky{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:var(--displayid-bg)}.classs-table tbody tr.row-highlight td.display-id-sticky .classid-cell{border-color:#38bdf8;border-color:var(--displayid-badge-border);box-shadow:0 0 0 2px #0ea5e933}@keyframes primaryKeyPulse{0%,to{box-shadow:0 2px 8px #0369a114;box-shadow:var(--displayid-shadow)}50%{box-shadow:0 0 0 3px #0ea5e91a,0 2px 8px #0369a114;box-shadow:0 0 0 3px #0ea5e91a,var(--displayid-shadow)}}.classs-table tbody tr:first-child td.display-id-sticky .classid-cell{animation:primaryKeyPulse 2s ease-in-out}.classid-cell:focus-within{outline:2px solid #38bdf8;outline:2px solid var(--displayid-badge-border);outline-offset:2px}.class-status-cell{padding:8px 12px;vertical-align:middle}.class-status-wrapper{align-items:center;display:flex}.class-status-pill{border-radius:999px;color:#fff;display:inline-block;font-size:12px;font-weight:500;line-height:1;padding:4px 12px;text-transform:capitalize}.class-status-scheduled{background-color:#3b82f6}.class-status-completed{background-color:#10b981}.class-status-cancelled{background-color:#ef4444}.class-status-postponed{background-color:#eab308}.class-status-in-progress,.class-status-in_progress{background-color:#f97316}.classid-cell.status-scheduled{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;background:var(--displayid-scheduled-bg)!important;border-color:#bae6fd!important;border-color:var(--displayid-scheduled-border)!important;color:#0369a1!important;color:var(--displayid-scheduled-text)!important}.classid-cell.status-scheduled .class-id-wrapper{color:#0369a1;color:var(--displayid-scheduled-text)}.classid-cell.status-completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;background:var(--displayid-completed-bg)!important;border-color:#bbf7d0!important;border-color:var(--displayid-completed-border)!important;color:#15803d!important;color:var(--displayid-completed-text)!important}.classid-cell.status-completed .class-id-wrapper{color:#15803d;color:var(--displayid-completed-text)}.classid-cell.status-postponed{background:linear-gradient(135deg,#fefce8,#fef9c3)!important;background:var(--displayid-postponed-bg)!important;border-color:#fde68a!important;border-color:var(--displayid-postponed-border)!important;color:#a16207!important;color:var(--displayid-postponed-text)!important}.classid-cell.status-postponed .class-id-wrapper{color:#a16207;color:var(--displayid-postponed-text)}.classid-cell.status-cancelled{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;background:var(--displayid-cancelled-bg)!important;border-color:#fecaca!important;border-color:var(--displayid-cancelled-border)!important;color:#b91c1c!important;color:var(--displayid-cancelled-text)!important}.classid-cell.status-cancelled .class-id-wrapper{color:#b91c1c;color:var(--displayid-cancelled-text)}.boolean-indicator{align-items:center;border-radius:50%;display:inline-flex;justify-content:center;padding:4px}.boolean-indicator .material-symbols-rounded{font-size:20px;font-weight:500}.boolean-true{color:#10b981}.boolean-false{color:#ef4444;opacity:.6}.classes-icon{color:var(--lead-icon-color);font-size:1.3rem;transition:color .3s ease}.classs-table-wrapper::-webkit-scrollbar{height:8px}.classs-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}.classs-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--cls-table-bg);border:1px solid #e2e8f0;border:1px solid var(--classs-page-border);border-radius:12px;box-shadow:0 1px 6px #0000000d;box-shadow:var(--classs-page-shadow);margin:0;max-height:calc(100vh - 310px);overflow-y:auto;transition:all .3s ease}.classs-table-scroll-wrapper{overflow-x:auto;overflow-y:visible;position:relative;width:100%}.classs-table{background:#fff;background:var(--cls-table-bg);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-shadow:var(--cls-table-shadow);min-width:100%;transition:all .3s ease;width:-webkit-max-content;width:max-content}.sort-arrow{margin-left:8px;opacity:.4;transition:opacity .2s ease}.sort-arrow.active{opacity:1}.classs-table td.actions-sticky,.classs-table th.actions-sticky{background:#fff;background:var(--cls-table-bg);box-shadow:-2px 0 6px -1px #0000000d;position:-webkit-sticky;position:sticky;right:0;transition:all .3s ease;z-index:2}.classs-table tbody tr.row-highlight td.actions-sticky,.classs-table tbody tr:hover td.actions-sticky{background:#e0f2fe;background:var(--cls-row-hover-bg)}.classs-table thead{background:#f9fafb;background:var(--cls-table-header-bg);box-shadow:0 2px 4px #0000000d;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:10}.classs-insights{max-width:900px;right:32px;top:100px}.insights-error,.insights-loading{color:#1e293b;color:var(--cls-table-cell-text);padding:2rem;text-align:center}.insights-compact-layout{display:flex;flex-direction:column;gap:1rem;padding:1rem}.insights-section{display:flex;flex-direction:column;gap:.5rem}.section-title{align-items:center;color:#334155;color:var(--cls-table-header-text);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding-left:.25rem}.section-icon{font-size:1.1rem;opacity:.8}.insights-horizontal-grid{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.insights-horizontal-grid::-webkit-scrollbar{height:4px}.insights-horizontal-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.insights-horizontal-grid::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}[data-theme=dark] .insights-horizontal-grid::-webkit-scrollbar-track{background:#ffffff0d}[data-theme=dark] .insights-horizontal-grid::-webkit-scrollbar-thumb{background:#fff3}.insight-compact-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;min-width:100px;padding:.75rem 1rem;transition:all .2s ease}.insight-compact-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.compact-icon{font-size:1.5rem;opacity:.8}.compact-details{align-items:center;display:flex;flex-direction:column;gap:.25rem}.compact-value{color:#1e293b;color:var(--cls-table-cell-text);font-size:1.25rem;font-weight:700;line-height:1}.compact-label{color:#334155;color:var(--cls-table-header-text);font-size:.7rem;font-weight:500;letter-spacing:.3px;opacity:.8;text-align:center}.insights-dashboard-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1rem}.insight-dash-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.insight-dash-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.glass-blue{background:linear-gradient(135deg,#3b82f626,#60a5fa1a)}.glass-green{background:linear-gradient(135deg,#10b98126,#34d3991a)}.glass-violet{background:linear-gradient(135deg,#8b5cf626,#a78bfa1a)}.glass-amber{background:linear-gradient(135deg,#f59e0b26,#fbbf241a)}.glass-red{background:linear-gradient(135deg,#ef444426,#f871711a)}.glass-teal{background:linear-gradient(135deg,#14b8a626,#2dd4bf1a)}.glass-gray{background:linear-gradient(135deg,#6b728026,#9ca3af1a)}[data-theme=dark] .glass-blue{background:linear-gradient(135deg,#3b82f633,#60a5fa26);border-color:#3b82f64d}[data-theme=dark] .glass-green{background:linear-gradient(135deg,#10b98133,#34d39926);border-color:#10b9814d}[data-theme=dark] .glass-violet{background:linear-gradient(135deg,#8b5cf633,#a78bfa26);border-color:#8b5cf64d}[data-theme=dark] .glass-amber{background:linear-gradient(135deg,#f59e0b33,#fbbf2426);border-color:#f59e0b4d}[data-theme=dark] .glass-red{background:linear-gradient(135deg,#ef444433,#f8717126);border-color:#ef44444d}[data-theme=dark] .glass-teal{background:linear-gradient(135deg,#14b8a633,#2dd4bf26);border-color:#14b8a64d}[data-theme=dark] .glass-gray{background:linear-gradient(135deg,#6b728033,#9ca3af26);border-color:#6b72804d}.glass-icon{font-size:2rem;opacity:.8}.card-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.card-title{color:#334155;color:var(--cls-table-header-text);font-size:.75rem;font-weight:500;letter-spacing:.5px;opacity:.8}.card-value{color:#1e293b;color:var(--cls-table-cell-text);font-size:1.5rem;font-weight:700}.bulk-actions-popup{max-width:90vw;width:500px}.bulk-actions-info{background:#e0f2fe;background:var(--cls-row-hover-bg);border-radius:8px;color:#1e293b;color:var(--cls-table-cell-text);font-weight:500;margin:1rem 0;padding:.75rem;text-align:center}.bulk-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:1.5rem 0}.bulk-action-btn{align-items:center;background:#fff;background:var(--cls-table-bg);border:1px solid #e2e8f0;border:1px solid var(--classs-page-border);border-radius:12px;color:#1e293b;color:var(--cls-table-cell-text);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease}.bulk-action-btn:hover:not(:disabled){background:#e0f2fe;background:var(--cls-row-hover-bg);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.bulk-action-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-action-btn .material-symbols-rounded{color:#3b82f6;color:var(--cls-row-hover-border);font-size:2rem}@media (max-width:768px){.classid-cell{min-width:140px;width:auto}.class-id-wrapper:before{font-size:.6rem;padding:2px 4px}.classid-cell .inspect-icon{opacity:1;right:8px}.classs-table table,.classs-table tbody,.classs-table td,.classs-table th,.classs-table thead,.classs-table tr{display:block}.classs-table tr{background:#fff;background:var(--cls-table-bg);border-radius:12px;box-shadow:0 4px 12px #00000008;box-shadow:var(--cls-row-shadow);margin-bottom:1.5rem;overflow:hidden}.classs-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cls-table-cell-border);padding:.75rem 1rem;position:relative}.bulk-actions-grid{grid-template-columns:1fr}.classs-insights{left:1rem;max-width:none;right:1rem;width:calc(100% - 2rem)}.insights-horizontal-grid{overflow-x:scroll}.insight-compact-card{min-width:90px}.resize-handle{display:none}}@media (max-width:480px){.classs-page{padding-bottom:.5rem}.classs-table-container{margin:.5rem}.checkbox-column{display:none}}@keyframes fadeInPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media print{.classid-cell{background:#0000;border:1px solid #ccc;color:#000}.classid-cell .inspect-icon{display:none}.class-id-wrapper:before{background:#0000;border:1px solid #ccc}.resize-handle{display:none}}.student-name-with-avatar{align-items:center;color:#1e293b;color:var(--cls-table-cell-text);display:flex;font-weight:500;gap:.75rem;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.avatar-circle{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:32px;justify-content:center;width:32px}@media (max-width:480px){.student-name-with-avatar{gap:.5rem}.avatar-circle{font-size:.65rem;height:28px;width:28px}}.classs-table-container.card-view-mode{max-height:none;overflow-y:visible}.classes-cards-grid{grid-gap:1.5rem;animation:fadeInCards .3s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:1rem}@keyframes fadeInCards{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.class-card{background:#fff;background:var(--cls-table-bg);border:1px solid #e2e8f0;border:1px solid var(--cls-table-cell-border);box-shadow:0 4px 12px #00000008;box-shadow:var(--cls-row-shadow);padding:1.5rem;transition:all .3s ease}.class-card:before{background:linear-gradient(90deg,#3b82f6,#0ea5e9);transform:scaleX(0);transition:transform .3s ease}.class-card:hover:before{transform:scaleX(1)}.class-card.status-completed:before{background:linear-gradient(90deg,#10b981,#059669)}.class-card.status-cancelled:before{background:linear-gradient(90deg,#94a3b8,#64748b)}.class-card.status-postponed:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.class-card:hover{box-shadow:0 6px 18px #0000000f;box-shadow:var(--cls-row-hover-shadow)}.class-card.card-highlight,.class-card:hover{border-color:#3b82f6;border-color:var(--cls-row-hover-border)}.class-card.card-highlight{box-shadow:0 0 0 2px #3b82f633}.class-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cls-table-cell-border);display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.class-card-avatar{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f640;border-radius:50%;box-shadow:0 2px 8px #3b82f626;color:#1d4ed8;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:52px;justify-content:center;transition:all .3s ease;width:52px}.class-card.status-scheduled .class-card-avatar{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f640;color:#1d4ed8}.class-card.status-completed .class-card-avatar{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#10b98140;color:#15803d}.class-card.status-cancelled .class-card-avatar{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#64748b40;color:#64748b}.class-card.status-postponed .class-card-avatar{background:linear-gradient(135deg,#fef9c3,#fde68a);border-color:#f59e0b40;color:#a16207}[data-theme=dark] .class-card-avatar{background:linear-gradient(135deg,#3b82f633,#60a5fa26);border-color:#3b82f64d;box-shadow:0 2px 8px #0000004d;color:#60a5fa}[data-theme=dark] .class-card.status-completed .class-card-avatar{background:linear-gradient(135deg,#10b98133,#34d39926);border-color:#10b9814d;color:#34d399}[data-theme=dark] .class-card.status-cancelled .class-card-avatar{background:#64748b26;border-color:#64748b33;color:#94a3b8}[data-theme=dark] .class-card.status-postponed .class-card-avatar{background:linear-gradient(135deg,#f59e0b33,#fbbf2426);border-color:#f59e0b4d;color:#fbbf24}.class-card:hover .class-card-avatar{transform:scale(1.1)}.class-card-title{flex:1 1;min-width:0}.class-card-title h3{color:#1e293b;color:var(--cls-table-cell-text);font-size:1.05rem;font-weight:700;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-card-id{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.class-card-actions-btn{align-items:center;background:#fffffff2;background:var(--inspect-icon-bg);border:1px solid #0ea5e933;border:1px solid var(--inspect-icon-border);border-radius:8px;color:#0284c7;color:var(--inspect-icon-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.class-card-actions-btn:hover{transform:scale(1.1)}.class-card-body{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.class-card-status{grid-column:1/-1;margin-bottom:.25rem}.class-card-field{align-items:flex-start;display:flex;gap:.6rem}.class-card-field-full{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;grid-column:1/-1}.class-card-field-full .field-content span{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.class-card-field .field-icon{color:#3b82f6;flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.class-card-field .field-content{flex:1 1;min-width:0}.class-card-field .field-content label{color:#334155;color:var(--cls-table-header-text);display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.2rem;opacity:.7}.class-card-field .field-content span{color:#1e293b;color:var(--cls-table-cell-text);display:block;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-card-field-full .boolean-indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.3rem;padding:.2rem .5rem}.class-card-field-full .bool-label{font-size:.72rem}.view-mode-toggle{background:#fff;background:var(--icon-btn-bg,#fff);border:1px solid #0000001a;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.view-mode-btn .material-symbols-rounded{font-size:1.25rem}.view-mode-btn:hover{background:#3b82f614}.view-mode-btn.active{background:linear-gradient(135deg,#e0f2fe,#f8fafc);color:#1d4ed8}[data-theme=dark] .view-mode-toggle{background:#1a1a1acc;border-color:#ffffff1a}[data-theme=dark] .view-mode-btn{color:#9ca3af}[data-theme=dark] .view-mode-btn.active{background:#3b82f626;color:#60a5fa}@media (max-width:1024px){.classes-cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:.75rem}.class-card{padding:1.25rem}.class-card-header{gap:.75rem}.class-card-avatar{font-size:1.1rem;height:48px;width:48px}}@media (max-width:768px){.classs-page{padding:.25rem!important}.classs-table-container.card-view-mode{margin:.25rem!important}.classes-cards-grid{gap:.5rem!important;grid-template-columns:1fr!important;padding:.25rem!important}.class-card{border-radius:10px!important;padding:.5rem!important}.class-card,.class-card:hover{transform:none!important}.class-card-header{gap:.5rem!important;margin-bottom:.5rem!important;padding-bottom:.5rem!important}.class-card-avatar{font-size:.95rem!important;height:40px!important;width:40px!important}.class-card:hover .class-card-avatar{transform:none!important}.class-card-title h3{font-size:.9rem!important;margin-bottom:.15rem!important}.class-card-id{font-size:.65rem!important;padding:.15rem .4rem!important}.class-card-actions-btn{font-size:1.1rem!important;height:32px!important;width:32px!important}.class-card-actions-btn:hover{transform:none!important}.class-card-body{grid-gap:.4rem!important;display:grid!important;gap:.4rem!important;grid-template-columns:1fr 1fr!important}.class-card-status{grid-column:1/-1!important;margin-bottom:.2rem!important}.class-card-field{background:#00000005!important;border-radius:6px!important;gap:.35rem!important;padding:.35rem!important}[data-theme=dark] .class-card-field{background:#ffffff08!important}.class-card-field .field-icon{font-size:.9rem!important;margin-top:0!important}.class-card-field .field-content label{font-size:.6rem!important;margin-bottom:.1rem!important}.class-card-field .field-content span{font-size:.75rem!important;line-height:1.2!important}.pagination-wrapper{align-items:center!important;background:#fff!important;background:var(--cls-table-bg)!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--cls-table-cell-border)!important;bottom:0!important;box-shadow:0 -2px 8px #00000014!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;justify-content:space-between!important;padding:.4rem .5rem!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.pagination-info{font-size:.7rem!important;white-space:nowrap!important}.pagination{display:flex!important;flex-direction:row!important;gap:.2rem!important}.page-btn{border-radius:6px!important;font-size:.75rem!important;min-height:30px!important;min-width:30px!important;padding:.3rem .45rem!important}.classs-table-wrapper{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}}@media (max-width:480px){.class-card{padding:.4rem!important}.class-card-avatar{font-size:.85rem!important;height:36px!important;width:36px!important}.class-card-title h3{font-size:.82rem!important}.class-card-actions-btn{font-size:1rem!important;height:28px!important;width:28px!important}}.rating-card{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;transition:all .2s}.rating-card:hover{box-shadow:0 8px 20px #fbbf244d;transform:translateY(-2px)}.rating-card .sclsd-info-icon{color:#f59e0b}.rating-card.disabled-rating{background:linear-gradient(135deg,#e5e7eb,#d1d5db)!important;opacity:.6;pointer-events:none}.rating-card.disabled-rating:hover{box-shadow:none;transform:none}.rating-card.disabled-rating .sclsd-info-icon,.rating-card.disabled-rating .sclsd-info-label,.rating-card.disabled-rating .sclsd-info-value{color:#6b7280}[data-theme=dark] .rating-card.disabled-rating{background:linear-gradient(135deg,#37415180,#1f293780)!important}[data-theme=dark] .rating-card.disabled-rating .sclsd-info-icon,[data-theme=dark] .rating-card.disabled-rating .sclsd-info-label,[data-theme=dark] .rating-card.disabled-rating .sclsd-info-value{color:#9ca3af}.sclsd-status-badge.absent{background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:6px;color:#b91c1c;display:inline-block;font-weight:600;padding:6px 12px}.sclsd-attendance-reason{color:#b91c1c;font-size:.8rem;font-style:italic;line-height:1.3;margin-top:6px}[data-theme=dark] .sclsd-status-badge.absent{background:#f4433633;color:#ff6659}[data-theme=dark] .sclsd-attendance-reason{color:#ff6659}.sclsd-rating-display{align-items:center;background:#fff;background:var(--clsd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:8px;color:#f59e0b;display:flex;font-weight:600;gap:8px;padding:8px 16px}.sclsd-rating-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.sclsd-rating-popup{background:#fff;background:var(--clsd-card-bg);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}.sclsd-rating-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--clsd-card-border);display:flex;justify-content:space-between;padding:20px}.sclsd-rating-header h3{color:#1e293b;color:var(--clsd-text-primary);margin:0}.sclsd-rating-header button{background:none;border:none;color:#64748b;color:var(--clsd-text-muted);cursor:pointer;font-size:32px}.sclsd-rating-body{padding:30px 20px}.sclsd-stars{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.sclsd-star{color:#d1d5db;cursor:pointer;font-size:48px;transition:all .2s}.sclsd-star.filled{color:#fbbf24}.sclsd-rating-text{color:#1e293b;color:var(--clsd-text-primary);font-size:16px;font-weight:600;margin-bottom:20px;text-align:center}.sclsd-feedback-section{display:flex;flex-direction:column;gap:8px}.sclsd-feedback-section label{color:#1e293b;color:var(--clsd-text-primary);font-weight:600}.sclsd-feedback-section textarea{background:#fff;background:var(--clsd-page-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:8px;color:#1e293b;color:var(--clsd-text-primary);font-family:inherit;padding:12px;width:100%}.sclsd-feedback-section small{color:#64748b;color:var(--clsd-text-muted);text-align:right}.sclsd-rating-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--clsd-card-border);display:flex;gap:12px;justify-content:flex-end;padding:20px}.sclsd-rating-footer button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px}.sclsd-rating-footer button:first-child{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);color:#64748b;color:var(--clsd-text-muted)}.sclsd-rating-footer button:last-child{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.sclsd-rating-footer button:disabled{cursor:not-allowed;opacity:.5}:root{--clsd-page-bg:#fff;--clsd-container-bg:#fff;--clsd-container-border:#e2e8f0;--clsd-text-primary:#1e293b;--clsd-text-secondary:#475569;--clsd-text-muted:#64748b;--clsd-header-bg:linear-gradient(135deg,#dbeafe,#f8fafc);--clsd-card-bg:#fff;--clsd-card-border:#e2e8f0;--clsd-card-shadow:0 2px 8px #0000000f;--clsd-sidebar-bg:#ffffffd9;--clsd-tab-bg:#ffffffe6;--clsd-tab-text:#475569;--clsd-tab-hover-bg:#1e40af0d;--clsd-tab-hover-text:#1e40af;--clsd-tab-active-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--clsd-tab-active-text:#1e40af;--clsd-icon-color:#3b82f6;--clsd-badge-scheduled-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--clsd-badge-scheduled-text:#1e40af;--clsd-badge-ongoing-bg:linear-gradient(135deg,#fef3c7,#fde68a);--clsd-badge-ongoing-text:#78350f;--clsd-badge-completed-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--clsd-badge-completed-text:#065f46;--clsd-badge-cancelled-bg:linear-gradient(135deg,#fee2e2,#fecaca);--clsd-badge-cancelled-text:#b91c1c;--clsd-session-theory-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--clsd-session-theory-text:#1e40af;--clsd-session-practical-bg:linear-gradient(135deg,#fef3c7,#fde68a);--clsd-session-practical-text:#78350f;--clsd-session-lab-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--clsd-session-lab-text:#065f46;--clsd-banner-success-bg:#d1fae5;--clsd-banner-success-text:#065f46;--clsd-banner-error-bg:#fee2e2;--clsd-banner-error-text:#b91c1c}[data-theme=dark]{--clsd-page-bg:#1a1a1af2;--clsd-container-bg:#1a1a1af2;--clsd-container-border:#0f83;--clsd-card-shadow:0 6px 20px #0009;--clsd-text-primary:#fff;--clsd-text-secondary:#ff9f0a;--clsd-text-muted:#d1d5db;--clsd-text-light:#9aa4b2;--clsd-header-bg:linear-gradient(135deg,#00f2fe40,#1a1a1af2);--clsd-header-border:#ffffff1a;--clsd-header-shadow:0 6px 20px #0009;--clsd-card-bg:#1a1a1af2;--clsd-card-border:#ffffff1a;--clsd-card-hover-shadow:0 8px 25px #000000b3;--clsd-tab-bg:#1a1a1ae6;--clsd-tab-border:#ffffff1a;--clsd-tab-text:#d1d5db;--clsd-tab-hover-bg:#00ff880f;--clsd-tab-hover-text:#3efcd9;--clsd-tab-hover-border:#00ff8840;--clsd-tab-active-bg:linear-gradient(135deg,#065f46,#047857);--clsd-tab-active-text:#3efcd9;--clsd-icon-color:#3efcd9;--clsd-icon-accent:#065f46;--clsd-badge-scheduled-bg:#00f2fe26;--clsd-badge-scheduled-text:#00f2fe;--clsd-badge-ongoing-bg:linear-gradient(135deg,#ffc1072e,#1a1a1af2);--clsd-badge-ongoing-text:#ffd666;--clsd-badge-completed-bg:linear-gradient(135deg,#065f46,#047857);--clsd-badge-completed-text:#3efcd9;--clsd-badge-cancelled-bg:#f4433633;--clsd-badge-cancelled-text:#ff6659;--clsd-session-theory-bg:#00f2fe26;--clsd-session-theory-text:#00f2fe;--clsd-session-practical-bg:linear-gradient(135deg,#ffc1072e,#1a1a1af2);--clsd-session-practical-text:#ffd666;--clsd-session-lab-bg:linear-gradient(135deg,#065f46,#047857);--clsd-session-lab-text:#3efcd9;--clsd-banner-success-bg:#00ff8826;--clsd-banner-success-text:#3efcd9;--clsd-banner-error-bg:#f4433633;--clsd-banner-error-text:#ff6659;--clsd-sidebar-bg:#1a1a1af2;--clsd-sidebar-border:#ffffff1a;--clsd-sidebar-shadow:0 2px 20px #0009}.sclass-details-page{background:#fff;background:var(--clsd-page-bg);color:#1e293b;color:var(--clsd-text-primary);font-family:Google Sans,Poppins,sans-serif;min-height:100vh;transition:all .3s ease}.sclsd-full-width{max-width:100%;width:100%}.sclass-details-page.cancelled-class .attendance-container,.sclass-details-page.cancelled-class .sclsd-attendance-content,.sclass-details-page.cancelled-class .sclsd-attendance-tab,.sclass-details-page.cancelled-class .sclsd-extensions-content,.sclass-details-page.cancelled-class .sclsd-overview-content,.sclass-details-page.cancelled-class .sclsd-quick-info-grid,.sclass-details-page.cancelled-class .sclsd-section-card.sclsd-class-info-section,.sclass-details-page.cancelled-class .sclsd-section-card:has(.sclsd-faculty-info){filter:grayscale(50%);opacity:.5;pointer-events:none}.sclass-details-page.cancelled-class .sclass-snapshot-header{pointer-events:auto}.sclass-details-page.cancelled-class .sclsd-actions-menu,.sclass-details-page.cancelled-class .sclsd-tabs-container{filter:none;opacity:1;pointer-events:auto}.sclass-details-page.cancelled-class .sclsd-action-item:not(:disabled){opacity:1;pointer-events:auto}.sclass-details-page.cancelled-class .sclsd-assignments-container,.sclass-details-page.cancelled-class .sclsd-notes-resources-container{filter:none;opacity:1;pointer-events:auto}.sclass-details-page.cancelled-class .attendance-container button,.sclass-details-page.cancelled-class .attendance-container input,.sclass-details-page.cancelled-class .attendance-container select,.sclass-details-page.cancelled-class .attendance-container textarea,.sclass-details-page.cancelled-class .sclsd-attendance-content button,.sclass-details-page.cancelled-class .sclsd-attendance-content input,.sclass-details-page.cancelled-class .sclsd-attendance-content select,.sclass-details-page.cancelled-class .sclsd-attendance-content textarea,.sclass-details-page.cancelled-class .sclsd-attendance-tab button,.sclass-details-page.cancelled-class .sclsd-attendance-tab input,.sclass-details-page.cancelled-class .sclsd-attendance-tab select,.sclass-details-page.cancelled-class .sclsd-attendance-tab textarea,.sclass-details-page.cancelled-class .sclsd-extensions-content button,.sclass-details-page.cancelled-class .sclsd-extensions-content input,.sclass-details-page.cancelled-class .sclsd-extensions-content select,.sclass-details-page.cancelled-class .sclsd-extensions-content textarea,.sclass-details-page.cancelled-class .sclsd-overview-content button,.sclass-details-page.cancelled-class .sclsd-overview-content input,.sclass-details-page.cancelled-class .sclsd-overview-content select,.sclass-details-page.cancelled-class .sclsd-overview-content textarea{cursor:not-allowed!important;opacity:.6!important;pointer-events:none!important}.sclsd-error-container,.sclsd-loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.sclsd-loading-spinner{animation:spin 1s linear infinite;color:#3b82f6;color:var(--clsd-icon-color);font-size:48px}.sclsd-banner{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:12px;margin:1rem 2rem;padding:16px 24px}.sclsd-banner.success{background:#d1fae5;background:var(--clsd-banner-success-bg);color:#065f46;color:var(--clsd-banner-success-text)}.sclsd-banner.error{background:#fee2e2;background:var(--clsd-banner-error-bg);color:#b91c1c;color:var(--clsd-banner-error-text)}.sclsd-banner-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;padding:4px}.sclass-snapshot-header{background:#0000;margin-left:.5%;margin-top:.5rem;position:-webkit-sticky;position:sticky;top:0;width:99%;z-index:100}.sclass-snapshot-container{border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:12px;box-shadow:0 4px 20px #00000014;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sclass-snapshot-container,.sclass-snapshot-container:before{background:linear-gradient(135deg,#dbeafe,#f8fafc);background:var(--clsd-header-bg)}.sclass-snapshot-container:before{border-radius:12px;content:"";inset:0;opacity:.4;pointer-events:none;position:absolute;z-index:0}[data-theme=dark] .sclass-snapshot-container{background:#1a1a1a}.sclsd-header-bar{justify-content:space-between;min-height:54px;padding:.55rem 1rem;position:relative;z-index:2}.sclsd-header-bar,.sclsd-header-left{align-items:center;display:flex;gap:.75rem}.sclsd-header-left{flex:1 1;flex-wrap:wrap;min-width:0}.sclsd-header-info h1{color:#1e293b;color:var(--clsd-text-primary);font-size:1.1rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sclsd-header-right{align-items:center;display:flex;flex-shrink:0;gap:.6rem}.sclsd-header-details{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.sclass-snapshot-container.pinned .sclsd-header-details{border-top:1px solid #0000000d;max-height:500px;opacity:1}.sclass-snapshot-container.unpinned .sclsd-header-details{background:linear-gradient(135deg,#dbeafe,#f8fafc);background:var(--clsd-header-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:0 0 12px 12px;border-top:none;box-shadow:0 15px 30px #00000026;left:0;max-height:0;opacity:0;pointer-events:none;position:absolute;top:100%;transform:translateY(-5px);width:100%}[data-theme=dark] .sclass-snapshot-container.unpinned .sclsd-header-details{background:#1a1a1a;box-shadow:0 15px 30px #0009}.sclass-snapshot-container.unpinned.hovered .sclsd-header-details{border-top:1px solid #0000000d;max-height:400px;opacity:1;pointer-events:auto;transform:translateY(0)}.sclass-snapshot-container.unpinned.hovered,.sclass-snapshot-container.unpinned.hovered:before{border-radius:12px 12px 0 0}.sclsd-pin-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;color:var(--clsd-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s ease;width:34px}.sclsd-pin-btn:hover{background:#0000000d;color:#1e293b;color:var(--clsd-text-primary)}.sclsd-pin-btn.active{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.sclsd-pin-btn .material-symbols-rounded{font-size:20px;transition:transform .3s}.sclsd-pin-btn.active .material-symbols-rounded{transform:rotate(45deg)}.sclsd-header-topic-inline{align-items:center;background:#ffffff80;border:1px solid #0000;border-radius:6px;color:#475569;color:var(--clsd-text-secondary);display:inline-flex;font-size:.82rem;gap:.35rem;max-width:280px;overflow:hidden;padding:.22rem .55rem;text-overflow:ellipsis;white-space:nowrap}.sclsd-header-topic-inline .material-symbols-rounded{color:#3b82f6;color:var(--clsd-icon-color);flex-shrink:0;font-size:15px}[data-theme=dark] .sclsd-header-topic-inline{background:#ffffff0f}.sclsd-status-pill{border-radius:20px;flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.4px;padding:.18rem .55rem;text-transform:uppercase;white-space:nowrap}.sclsd-status-pill.scheduled{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--clsd-badge-scheduled-bg);color:#1e40af;color:var(--clsd-badge-scheduled-text)}.sclsd-status-pill.ongoing{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--clsd-badge-ongoing-bg);color:#78350f;color:var(--clsd-badge-ongoing-text)}.sclsd-status-pill.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--clsd-badge-completed-bg);color:#065f46;color:var(--clsd-badge-completed-text)}.sclsd-status-pill.cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--clsd-badge-cancelled-bg);color:#b91c1c;color:var(--clsd-badge-cancelled-text)}.sclsd-session-type-pill{background:#8b5cf61f;border-radius:20px;color:#6d28d9;flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.4px;padding:.18rem .55rem;text-transform:uppercase;white-space:nowrap}[data-theme=dark] .sclsd-session-type-pill{background:#8b5cf633;color:#c4b5fd}.sclsd-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:.4rem;padding:.45rem .75rem;transition:all .2s}.sclsd-btn.refresh{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 3px 10px #8b5cf64d;color:#fff}.sclsd-btn.refresh:hover{box-shadow:0 5px 14px #8b5cf666;transform:translateY(-1px)}.sclsd-btn.rating{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 3px 10px #f59e0b4d;color:#fff}.sclsd-btn.rating:hover{box-shadow:0 5px 14px #f59e0b66;transform:translateY(-1px)}.sclsd-btn.save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px #10b9814d;color:#fff}.sclsd-btn.save:hover:not(.disabled){box-shadow:0 5px 14px #10b98166;transform:translateY(-1px)}.sclsd-btn.save.disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.sclsd-btn .material-symbols-rounded{font-size:18px}.sclsd-quick-info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:.5rem 1rem .75rem}.sclsd-info-card-mini{align-items:center;background:#fff9;border:1px solid #0000;border-radius:10px;display:flex;gap:.75rem;padding:.6rem .75rem;transition:all .2s}[data-theme=dark] .sclsd-info-card-mini{background:#ffffff0a}.sclsd-info-card-mini.colorful-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid}.sclsd-info-card-mini.colorful-card:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-2px)}.sclsd-info-card-mini.date-card{background:linear-gradient(135deg,#3b82f614,#1d4ed814);border-color:#3b82f64d}.sclsd-info-card-mini.date-card .sclsd-info-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.sclsd-info-card-mini.time-card{background:linear-gradient(135deg,#8b5cf614,#7c3aed14);border-color:#8b5cf64d}.sclsd-info-card-mini.time-card .sclsd-info-icon{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#6b21a8}.sclsd-info-card-mini.attendance-card{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b9814d}.sclsd-info-card-mini.attendance-card .sclsd-info-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.sclsd-info-card-mini.rating-card{background:linear-gradient(135deg,#f59e0b14,#d9770614);border-color:#f59e0b4d;cursor:pointer}.sclsd-info-card-mini.rating-card:hover{box-shadow:0 6px 18px #f59e0b26}.sclsd-info-card-mini.rating-card .sclsd-info-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.sclsd-info-card-mini.rating-card.disabled-rating{cursor:not-allowed;opacity:.55}.sclsd-info-card-mini.rating-card.disabled-rating:hover{box-shadow:none;transform:none}.sclsd-info-card-mini.room-card{background:linear-gradient(135deg,#6366f114,#4f46e514);border-color:#6366f14d}.sclsd-info-card-mini.room-card .sclsd-info-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.sclsd-info-card-mini.active-card{background:linear-gradient(135deg,#14b8a614,#0d948814);border-color:#14b8a64d}.sclsd-info-card-mini.active-card .sclsd-info-icon{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#115e59}.sclsd-info-card-mini.completed-card{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b9814d}.sclsd-info-card-mini.completed-card .sclsd-info-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.sclsd-info-card-mini.archived-card{background:linear-gradient(135deg,#f59e0b14,#d9770614);border-color:#f59e0b4d}.sclsd-info-card-mini.archived-card .sclsd-info-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f}.sclsd-info-icon{border-radius:8px;flex-shrink:0;font-size:20px!important;padding:.45rem}.sclsd-info-content{flex:1 1;min-width:0}.sclsd-info-label{color:#475569;color:var(--clsd-text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.3px;margin-bottom:.15rem;white-space:nowrap}.sclsd-info-value{color:#1e293b;color:var(--clsd-text-primary);font-size:.9rem;font-weight:700}.sclsd-content-container{border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--clsd-card-shadow);display:flex;flex-direction:column;margin:.5rem;min-height:0}.sclsd-tabs-container{background:#0000;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--clsd-card-border);display:flex;flex-shrink:0;gap:.5rem;overflow-x:auto;padding:.5rem}.sclsd-tab{align-items:center;background:#ffffffe6;background:var(--clsd-tab-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:8px;color:#475569;color:var(--clsd-tab-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.sclsd-tab:hover:not(.active){background:#1e40af0d;background:var(--clsd-tab-hover-bg);color:#1e40af;color:var(--clsd-tab-hover-text)}.sclsd-tab.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--clsd-tab-active-bg);border-color:#1e40af;border-color:var(--clsd-tab-active-text);color:#1e40af;color:var(--clsd-tab-active-text)}.sclsd-tab .material-symbols-rounded{font-size:1.25rem}.sclsd-tab-content{background:#fff;background:var(--clsd-page-bg);flex:1 1;overflow-y:auto;padding:1rem}.sclsd-overview-container{display:flex;flex-direction:column;gap:1rem}.sclsd-section-card{background:#fff;background:var(--clsd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--clsd-card-shadow);padding:1.5rem}.sclsd-section-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--clsd-card-border);margin-bottom:1.5rem;padding-bottom:1rem}.sclsd-section-title{align-items:center;display:flex;gap:.75rem}.sclsd-section-title .material-symbols-rounded{color:#3b82f6;color:var(--clsd-icon-color);font-size:28px}.sclsd-section-title h3{color:#1e293b;color:var(--clsd-text-primary);font-size:1.25rem;font-weight:600;margin:0}.sclsd-faculty-mismatch-badge{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b4d;border-radius:8px;color:#78350f;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;margin-left:auto;padding:.4rem .875rem}.sclsd-faculty-mismatch-badge .material-symbols-rounded{font-size:18px}.sclsd-field-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.sclsd-field-item{display:flex;flex-direction:column;gap:.5rem}.sclsd-field-item.full-width{grid-column:1/-1}.sclsd-field-label{color:#64748b;color:var(--clsd-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px}.sclsd-field-value{color:#1e293b;color:var(--clsd-text-primary);font-size:1rem;font-weight:500}.sclsd-attendance-badge,.sclsd-category-badge,.sclsd-lock-badge,.sclsd-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem .75rem}.sclsd-status-badge.scheduled{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);color:#1e40af}.sclsd-status-badge.ongoing{background:linear-gradient(135deg,#f59e0b1a,#d977061a);color:#78350f}.sclsd-status-badge.completed{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#065f46}.sclsd-status-badge.cancelled{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#b91c1c}.sclsd-attendance-badge.marked{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#065f46}.sclsd-attendance-badge.pending{background:linear-gradient(135deg,#f59e0b1a,#d977061a);color:#78350f}.sclsd-lock-badge{align-items:center;display:inline-flex;gap:.4rem}.sclsd-lock-badge.locked{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#b91c1c}.sclsd-lock-badge.unlocked{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#065f46}.sclsd-lock-badge .material-symbols-rounded{font-size:18px}.sclsd-category-badge.core{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);color:#1e40af}.sclsd-category-badge.elective{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);color:#6b21a8}.sclsd-teacher-field{align-items:center;display:flex;gap:.5rem}.sclsd-info-icon-btn{border-radius:50%;color:#3b82f6;cursor:pointer;font-size:20px;padding:4px;transition:all .2s}.sclsd-info-icon-btn:hover{background:#3b82f61a;transform:scale(1.1)}.sclsd-teacher-details-popup{animation:popupFadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:400px;min-width:300px;z-index:10000}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sclsd-teacher-popup-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom:1px solid #bfdbfe;border-radius:12px 12px 0 0;padding:1rem 1.25rem}.sclsd-teacher-popup-header h4{color:#1e40af;font-size:1rem;font-weight:600;margin:0}.sclsd-teacher-popup-content{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.sclsd-teacher-popup-field{display:flex;font-size:.9rem}.sclsd-teacher-popup-label{color:#374151;font-weight:600;min-width:100px}.sclsd-teacher-popup-field span:last-child{color:#1e293b}.sclsd-section-card.sclsd-class-info-section{background:linear-gradient(135deg,#22c55e14,#86efac0d);border:1px solid #22c55e33;box-shadow:0 4px 20px #22c55e1a,inset 0 1px 0 #ffffff1a}.sclsd-faculty-subsection{background:linear-gradient(135deg,#3b82f605,#1d4ed805);border:1px solid #3b82f626;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.sclsd-faculty-subsection:last-child{margin-bottom:0}.sclsd-subsection-title{border-bottom:1px solid #3b82f633;color:#1e40af;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.sclsd-extensions-container{display:flex;flex-direction:column;gap:1.5rem}.sclsd-extension-input,.sclsd-extension-textarea{background:#fff;background:var(--clsd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:8px;color:#1e293b;color:var(--clsd-text-primary);font-size:.95rem;padding:.75rem;transition:all .2s;width:100%}.sclsd-extension-input:focus,.sclsd-extension-textarea:focus{border-color:#3b82f6;border-color:var(--clsd-icon-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.sclsd-extension-textarea{min-height:100px;resize:vertical}.sclsd-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.sclsd-extension-checkbox{cursor:pointer;height:18px;width:18px}.required-asterisk{color:#ef4444;margin-left:.25rem}.sclsd-empty-state,.sclsd-error-message{align-items:center;color:#64748b;color:var(--clsd-text-muted);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem}.sclsd-empty-state .material-symbols-rounded,.sclsd-error-message .material-symbols-rounded{font-size:48px;opacity:.5}.sclsd-html-content ol,.sclsd-html-content ul{margin:.5rem 0}.sclsd-html-content li{margin:.25rem 0}[data-theme=dark] .sclsd-content-container{background:#1a1a1af2}[data-theme=dark] .sclsd-tabs-container{background:#1a1a1af2;border-bottom-color:#ffffff1a}[data-theme=dark] .sclsd-tab{background:#1a1a1ae6;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .sclsd-tab:hover:not(.active){background:#00ff880f;border-color:#00ff8840;color:#3efcd9}[data-theme=dark] .sclsd-tab.active{background:linear-gradient(135deg,#065f46,#047857);border-color:#00ff8880;color:#3efcd9}[data-theme=dark] .sclsd-tab-content{background:#1a1a1af2}[data-theme=dark] .sclsd-actions-menu{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .sclsd-action-item{color:#fff}[data-theme=dark] .sclsd-action-item:hover:not(:disabled){background:#00ff880f;color:#3efcd9}[data-theme=dark] .sclsd-info-value{color:#fff}[data-theme=dark] .sclsd-teacher-details-popup{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .sclsd-teacher-popup-header{background:linear-gradient(135deg,#00f2fe40,#1a1a1af2);border-bottom-color:#0f83}[data-theme=dark] .sclsd-teacher-popup-header h4{color:#3efcd9}[data-theme=dark] .sclsd-teacher-popup-label{color:#9aa4b2}[data-theme=dark] .sclsd-teacher-popup-field span:last-child{color:#fff}[data-theme=dark] .sclsd-faculty-subsection{background:#00ff8808;border-color:#0f83}[data-theme=dark] .sclsd-subsection-title{border-bottom-color:#00ff8840;color:#3efcd9}[data-theme=dark] .sclsd-section-card{background:#1a1a1af2;border-color:#ffffff1a}[data-theme=dark] .sclsd-extension-input,[data-theme=dark] .sclsd-extension-textarea{background:#1a1a1af2;border-color:#ffffff1a;color:#fff}[data-theme=dark] .sclsd-extension-input:focus,[data-theme=dark] .sclsd-extension-textarea:focus{border-color:#00ff8880;box-shadow:0 0 0 3px #00ff8826}[data-theme=dark] .sclsd-info-icon-btn{color:#3efcd9}[data-theme=dark] .sclsd-info-icon-btn:hover{background:#00ff881a}[data-theme=dark] .sclsd-lock-badge.locked{background:#f4433633;color:#ff6659}[data-theme=dark] .sclsd-lock-badge.unlocked{background:linear-gradient(135deg,#065f46,#047857);color:#3efcd9}[data-theme=dark] .sclsd-category-badge.core{background:#00f2fe26;color:#00f2fe}[data-theme=dark] .sclsd-category-badge.elective{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);color:#c4b5fd}[data-theme=dark] .sclsd-info-label{color:#9aa4b2}@media (max-width:768px){.sclsd-quick-info-grid{grid-template-columns:1fr}.sclsd-header-top-row{flex-direction:column;gap:1rem}.sclsd-header-actions{flex-wrap:wrap}.sclsd-actions-menu{left:0;right:auto}.sclsd-teacher-details-popup{max-width:90vw}.sclsd-field-grid{grid-template-columns:1fr}.sclsd-tabs-container{padding:.75rem 1rem}.sclsd-tab-content{padding:1rem}}.sclsd-two-column-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.sclsd-two-column-grid{grid-template-columns:1fr}}.sclsd-full-width{grid-column:1/-1}.sclsd-chapters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(520px,1fr));margin-top:16px}.sclsd-chapter-card{background:#fff;background:var(--clsd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--clsd-card-border);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .2s ease}.sclsd-chapter-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.sclsd-chapter-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.sclsd-chapter-title{align-items:center;color:#1e293b;color:var(--clsd-text-primary);display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px}.sclsd-chapter-title .material-symbols-rounded{color:#3b82f6;color:var(--clsd-icon-color);flex-shrink:0;font-size:20px}.sclsd-chapter-title span:last-child{word-break:break-word}.sclsd-chapter-id{background:#0000000d;border-radius:4px;color:#64748b;color:var(--clsd-text-muted);font-family:Courier New,monospace;font-size:11px;padding:2px 8px;white-space:nowrap}[data-theme=dark] .sclsd-chapter-id{background:#ffffff1a}.sclsd-chapter-header-actions{align-items:center;display:flex;gap:8px}.sclsd-chapter-body{display:flex;flex-direction:column;gap:12px}.sclsd-chapter-description{color:#475569;color:var(--clsd-text-secondary);font-size:13px;line-height:1.5}.sclsd-chapter-details{display:flex;flex-wrap:wrap;gap:12px}.sclsd-chapter-detail-item{align-items:center;color:#475569;color:var(--clsd-text-secondary);display:flex;font-size:12px;gap:6px}.sclsd-detail-label{color:#64748b;color:var(--clsd-text-muted);font-weight:500}.sclsd-detail-value{color:#1e293b;color:var(--clsd-text-primary)}.sclsd-chapter-status-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.sclsd-chapter-status-badge.not-started{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.sclsd-chapter-status-badge.in-progress{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f}.sclsd-chapter-status-badge.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#065f46}[data-theme=dark] .sclsd-chapter-status-badge.not-started{background:#94a3b826;color:#cbd5e1}[data-theme=dark] .sclsd-chapter-status-badge.in-progress{background:linear-gradient(135deg,#ffc1072e,#1a1a1af2);color:#ffd666}[data-theme=dark] .sclsd-chapter-status-badge.completed{background:linear-gradient(135deg,#065f46,#047857);color:#3efcd9}.sclsd-progress-wrapper{align-items:center;display:flex;flex:1 1;gap:8px}.sclsd-progress-bar{background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;overflow:hidden;position:relative}[data-theme=dark] .sclsd-progress-bar{background:#ffffff1a}.sclsd-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;height:100%;transition:width .3s ease}.sclsd-progress-text{color:#1e293b;color:var(--clsd-text-primary);font-size:11px;font-weight:600;white-space:nowrap}@media (max-width:1200px){.sclsd-chapters-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.sclsd-chapters-grid{grid-template-columns:1fr}.sclsd-chapter-details{flex-direction:column;gap:8px}}.sclsd-html-content{line-height:1.6}.sclsd-html-content p{margin:0 0 .75rem}.sclsd-html-content p:last-child{margin-bottom:0}.sclsd-html-content ol,.sclsd-html-content ul{margin:0 0 .75rem;padding-left:1.5rem}.sclsd-html-content li{margin-bottom:.25rem}.sclsd-html-content strong{color:#1e293b;color:var(--clsd-text-primary);font-weight:600}.sclsd-html-content em{font-style:italic}@media (max-width:768px){.sclass-details-page{min-height:100vh;overflow-x:hidden;padding:0}.sclass-snapshot-header{margin:0!important;width:100%!important}.sclass-snapshot-container,.sclass-snapshot-container.unpinned.hovered,.sclass-snapshot-container.unpinned.hovered:before,.sclass-snapshot-header{border-radius:0!important}.sclass-snapshot-container.unpinned .sclsd-header-details{border-radius:0 0 8px 8px!important}.sclsd-header-bar{gap:.5rem!important;min-height:46px!important;padding:.4rem .75rem!important}.sclsd-header-info h1{font-size:.92rem!important;max-width:140px}.sclsd-header-topic-inline{font-size:.75rem!important;max-width:120px!important;padding:.15rem .4rem!important}.sclsd-session-type-pill,.sclsd-status-pill{font-size:.62rem!important;padding:.12rem .4rem!important}.sclsd-btn .sclsd-btn-label{display:none!important}.sclsd-pin-btn{height:32px!important;width:32px!important}.sclsd-pin-btn .material-symbols-rounded{font-size:18px!important}.sclsd-quick-info-grid{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important;padding:.5rem .75rem .6rem!important}.sclsd-info-card-mini{gap:.5rem!important;padding:.45rem .6rem!important}.sclsd-info-icon{font-size:17px!important;padding:.35rem!important}.sclsd-info-label{font-size:.65rem!important}.sclsd-info-value{font-size:.8rem!important}.sclsd-class-title{font-size:1rem!important;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sclsd-class-subtitle{font-size:.875rem}.sclsd-header-actions{flex-direction:row!important;flex-shrink:0!important;gap:.3rem!important;width:auto!important}.sclsd-btn{gap:0!important;height:32px!important;justify-content:center!important;margin-right:0!important;min-width:32px!important;padding:0!important;width:32px!important}.sclsd-btn .material-symbols-rounded{font-size:16px!important;margin:0!important}.sclsd-btn.actions span:last-child{display:none!important}.sclsd-quick-info-grid{gap:.75rem;grid-template-columns:1fr!important}.sclsd-info-item{padding:.75rem}.sclsd-tabs-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:.25rem!important;justify-content:space-around!important;overflow-x:auto;overflow-y:hidden;padding:.25rem!important;position:-webkit-sticky!important;position:sticky!important;scrollbar-width:none;top:0;z-index:9}.sclsd-tabs-container::-webkit-scrollbar{display:none}.sclsd-tab-label{display:none!important}.sclsd-tab{border-radius:8px!important;flex:1 1 auto!important;gap:0!important;justify-content:center!important;min-width:0!important;padding:.65rem .5rem!important;position:relative!important}.sclsd-tab .material-symbols-rounded{font-size:1.35rem!important}.sclsd-tab:after{background:#000000e0;border-radius:6px;bottom:calc(100% + 8px);color:#fff;content:attr(title);font-size:.73rem;font-weight:500;left:50%;opacity:0;padding:.32rem .55rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .18s ease;white-space:nowrap;z-index:1000}.sclsd-tab:focus:after,.sclsd-tab:hover:after{opacity:1}.sclsd-tab:before{border:5px solid #0000;border-top-color:#000000e0;bottom:calc(100% + 3px);content:"";left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .18s ease;z-index:999}.sclsd-tab:focus:before,.sclsd-tab:hover:before{opacity:1}.sclsd-tab-content{height:auto!important;min-height:auto!important;padding:1rem .75rem!important}.sclsd-section-card{border-radius:12px;margin-bottom:1rem;padding:1rem!important}.sclsd-section-header{margin-bottom:.75rem;padding:0 0 .75rem}.sclsd-section-title{font-size:1.125rem!important}.sclsd-field-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)!important}.sclsd-field-item{padding:.75rem}.sclsd-field-label{font-size:.7rem!important}.sclsd-field-value{font-size:.82rem!important}.sdt-chat-layout{border-radius:0!important;height:calc(100vh - 160px)!important;margin:0 -.75rem;min-height:500px}.sdt-conversation,.sdt-sidebar{border-radius:0}.sdt-sidebar-header{padding:1rem .75rem}.sdt-create-button{font-size:.875rem;padding:.625rem 1rem}.sdt-thread-item{margin:4px .5rem}.sdt-conversation-header{padding:1rem .75rem}.sdt-conversation-question{font-size:.875rem;padding:.875rem .75rem}.sdt-messages{padding:1rem .75rem}.sdt-compose{padding:.875rem .75rem}.sclsd-rating-popup,.sclsd-teacher-details-popup,.sdt-modal{max-height:90vh;max-width:95vw!important;overflow-y:auto;width:95vw!important}.sclsd-modal-body,.sclsd-modal-header,.sdt-modal-body,.sdt-modal-header{padding:1rem .875rem}.sclsd-modal-footer,.sdt-modal-footer{flex-direction:column;gap:.625rem;padding:.875rem}.sclsd-modal-footer button,.sdt-modal-footer button{width:100%}.sclsd-actions-menu{left:auto;max-width:calc(100vw - 2rem);min-width:200px;right:0}.attendance-container{padding:0!important}.attendance-header{flex-direction:column;gap:.75rem;padding:1rem .75rem}.attendance-stats{gap:.625rem;grid-template-columns:1fr 1fr!important}.attendance-list{padding:.75rem}.student-attendance-item{padding:.875rem}.sclsd-materials-grid{gap:.75rem;grid-template-columns:1fr!important}.sclsd-material-card{padding:1rem}.sclsd-assignments-list{padding:.75rem 0}.sclsd-assignment-card{margin-bottom:.75rem;padding:1rem}.sclsd-hide-on-mobile{display:none!important}.sclsd-show-on-mobile{display:block!important}.clickable,a,button{min-height:44px;min-width:44px}*{max-width:100%}}@media (max-width:576px){.sclsd-class-title{font-size:1.125rem!important}.sclsd-section-card{margin-bottom:.875rem;padding:.875rem!important}.sclsd-tab-button{font-size:.8125rem;padding:.5rem .875rem!important}.sdt-chat-layout{height:calc(100vh - 140px)!important}.attendance-stats{grid-template-columns:1fr!important}}.sdt-toast{align-items:center;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa!important;border-radius:12px;box-shadow:0 8px 32px #00000026,0 0 0 1px #0000000d;display:flex;gap:.75rem;max-width:500px;min-width:320px;padding:1rem 1.25rem;pointer-events:auto!important;position:fixed!important;right:20px!important;top:80px!important;z-index:999999!important}.sdt-toast-success{border-left:4px solid #10b981}.sdt-toast-error{border-left:4px solid #ef4444}.sdt-toast-warning{border-left:4px solid #f59e0b}.sdt-toast-info{border-left:4px solid #3b82f6}.sdt-toast-icon{flex-shrink:0;font-size:24px}.sdt-toast-success .sdt-toast-icon{color:#10b981}.sdt-toast-error .sdt-toast-icon{color:#ef4444}.sdt-toast-warning .sdt-toast-icon{color:#f59e0b}.sdt-toast-info .sdt-toast-icon{color:#3b82f6}.sdt-toast-message{color:#111827;flex:1 1;font-size:.9375rem;font-weight:500;line-height:1.5}.sdt-toast-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;pointer-events:auto!important;position:relative;transition:all .2s;width:32px;z-index:1000000}.sdt-toast-close:hover{background:#00000026;transform:rotate(90deg)}.sdt-toast-close .material-symbols-rounded{color:#6b7280;font-size:18px;pointer-events:none}[data-theme=dark] .sdt-toast{background:#1a1a1afa!important;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a}[data-theme=dark] .sdt-toast-message{color:#e5e7eb}[data-theme=dark] .sdt-toast-close{background:#ffffff1a}[data-theme=dark] .sdt-toast-close:hover{background:#fff3}[data-theme=dark] .sdt-toast-close .material-symbols-rounded{color:#d1d5db}.sdt-tab{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.sdt-header{align-items:center;border-bottom:1px solid #e5e7ebcc;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.sdt-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.sdt-create-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.sdt-create-button:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.sdt-create-button svg{height:18px;width:18px}.sdt-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.sdt-loading-spinner{animation:spin 1s linear infinite;border:4px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.sdt-loading p{color:#6b7280;font-size:14px;margin:0}.sdt-create-form{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:2px solid #e5e7ebcc;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin:1.5rem;padding:24px}.sdt-form-header{margin-bottom:24px}.sdt-form-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 4px}.sdt-form-header p{color:#6b7280;font-size:14px;margin:0}.sdt-owner-selection{margin-bottom:24px}.sdt-owner-selection>label{color:#111827;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.sdt-owner-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.sdt-owner-option{align-items:center;background:#ffffffe6;border:2px solid #e5e7ebcc;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .2s}.sdt-owner-option:hover{background:#fff;border-color:#3b82f6}.sdt-owner-option.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sdt-owner-icon,.sdt-owner-option.active{background:linear-gradient(135deg,#3b82f61a,#2563eb0d)}.sdt-owner-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.sdt-owner-icon .material-symbols-rounded{color:#3b82f6;font-size:28px}.sdt-owner-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.sdt-owner-info strong{color:#111827;font-size:14px;font-weight:600}.sdt-owner-info span{color:#6b7280;font-size:12px;line-height:1.4}.sdt-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.sdt-form-group label{color:#111827;font-size:14px;font-weight:600}.sdt-input,.sdt-select,.sdt-textarea{background:#ffffffe6;border:2px solid #e5e7ebcc;border-radius:10px;color:#111827;font-family:inherit;font-size:14px;padding:12px;transition:all .2s}.sdt-input:focus,.sdt-select:focus,.sdt-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.sdt-select option{background:#fff;color:#111827;padding:8px}.sdt-textarea{min-height:100px;resize:vertical}.sdt-char-count,.sdt-field-hint{color:#6b7280;font-size:12px;margin-top:-4px}.sdt-char-count{text-align:right}.sdt-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.sdt-button-cancel,.sdt-button-submit{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.sdt-button-cancel{background:#0000;border:2px solid #e5e7ebcc;color:#6b7280}.sdt-button-cancel:hover:not(:disabled){background:#f3f4f6cc;color:#111827}.sdt-button-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.sdt-button-submit:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.sdt-button-cancel:disabled,.sdt-button-submit:disabled{cursor:not-allowed;opacity:.5}.sdt-list{flex:1 1;gap:12px;overflow-y:auto;padding:1.5rem}.sdt-empty,.sdt-list{display:flex;flex-direction:column}.sdt-empty{align-items:center;color:#6b7280;justify-content:center;padding:60px 20px;text-align:center}.sdt-empty svg{height:64px;margin-bottom:16px;opacity:.5;width:64px}.sdt-empty p{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.sdt-empty span{color:#6b7280;font-size:14px}.sdt-doubt-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:2px solid #e5e7ebcc}.sdt-doubt-card:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f61a}.sdt-doubt-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.sdt-doubt-badges{display:flex;flex-wrap:wrap;gap:8px}.sdt-doubt-time{color:#6b7280;font-size:13px;white-space:nowrap}.sdt-doubt-chapter{background:#f3f4f6cc}.sdt-doubt-chapter .material-symbols-rounded{flex-shrink:0;font-size:16px}.sdt-chapter-text{line-height:1.4}.sdt-doubt-footer{border-top:1px solid #e5e7eb99}.sdt-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;text-transform:capitalize}.sdt-badge-icon{font-size:16px!important}.sdt-owner-ai{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);border:1px solid #9333ea33;color:#6b21a8}.sdt-owner-teacher{background:linear-gradient(135deg,#fed7aa,#fdba74);border:1px solid #ea580c33;color:#9a3412}.sdt-status-open{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f633;color:#1e40af}.sdt-status-progress{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #eab30833;color:#78350f}.sdt-status-resolved{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #22c55e33;color:#065f46}.sdt-priority-low{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #64748b33;color:#475569}.sdt-priority-medium{background:linear-gradient(135deg,#cffafe,#a5f3fc);border:1px solid #06b6d433;color:#155e75}.sdt-priority-high{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef444433;color:#b91c1c}.sdt-thread-view{flex:1 1;overflow:hidden}.sdt-thread-header{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-bottom:1px solid #e5e7ebcc;gap:16px}.sdt-back-btn{align-items:center;background:#ffffffe6;border:2px solid #e5e7ebcc;border-radius:10px;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s}.sdt-back-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.sdt-back-btn svg{height:16px;width:16px}.sdt-thread-info h3{color:#111827;line-height:1.4}.sdt-thread-meta{gap:8px}.sdt-owner-selector{background:#f3f4f6cc;border:2px solid #e5e7ebcc}.sdt-owner-selector label{color:#6b7280;font-size:12px;font-weight:600}.sdt-owner-select{background:#0000;border:none;color:#111827;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;outline:none;padding:4px 8px}.sdt-owner-select:focus{outline:none}.sdt-chapter-badge{align-items:center;background:#f3f4f6cc;border-radius:12px;color:#6b7280;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px}.sdt-chapter-badge .material-symbols-rounded{font-size:16px!important}.sdt-thread-actions{display:flex;flex-shrink:0;gap:8px}.sdt-escalate-btn,.sdt-resolve-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.sdt-escalate-btn .material-symbols-rounded,.sdt-resolve-btn .material-symbols-rounded{font-size:18px}.sdt-escalate-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.sdt-escalate-btn:hover{box-shadow:0 4px 12px #fbbf244d;transform:translateY(-2px)}.sdt-resolve-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.sdt-resolve-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.sdt-messages-container{display:flex;flex-direction:column;gap:16px}.sdt-messages-container::-webkit-scrollbar{width:8px}.sdt-messages-container::-webkit-scrollbar-track{background:#f3f4f680}.sdt-messages-container::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:4px}.sdt-messages-container::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}.sdt-message-avatar{align-items:center;background:#f3f4f6cc;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.sdt-message-avatar .material-symbols-rounded{color:#6b7280;font-size:18px}.sdt-message-avatar-student{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.sdt-message-avatar-student .material-symbols-rounded{color:#1e40af}.sdt-message-student{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sdt-message-student .sdt-message-sender{color:#065f46cc}.sdt-message-student .sdt-message-time{color:#047857bf}.sdt-message-student .sdt-read-receipt .material-symbols-rounded{color:#047857b3}.sdt-message-student .sdt-read-receipt.read .material-symbols-rounded{color:#047857e6}.sdt-message-student .sdt-read-receipt.sent .material-symbols-rounded{color:#04785780}.sdt-message-ai,.sdt-message-faculty{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #e5e7eb80;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000d}.sdt-message-ai .sdt-message-sender{color:#4f46e5}.sdt-message-faculty .sdt-message-sender{color:#78350f}.sdt-message-ai .sdt-message-text,.sdt-message-faculty .sdt-message-text{color:#374151}.sdt-message-ai .sdt-message-time,.sdt-message-faculty .sdt-message-time{color:#6b7280}.sdt-ai-confidence-badge{background:#6366f126;border-radius:8px;color:#4f46e5;cursor:help;font-size:10px;font-weight:600;padding:2px 6px;transition:all .2s}.sdt-ai-confidence-badge:hover{background:#6366f140;transform:scale(1.05)}.sdt-read-receipt{align-items:center;display:flex;margin-left:auto}.sdt-read-receipt .material-symbols-rounded{font-size:16px;transition:all .2s}.sdt-read-receipt.read .material-symbols-rounded{opacity:1}.sdt-read-receipt.sent .material-symbols-rounded{opacity:.5}.sdt-message-new{animation:messageAppear .3s ease-out,messagePulse 2s ease-in-out}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes messagePulse{0%,to{box-shadow:0 2px 8px #3b82f626}50%{box-shadow:0 4px 16px #3b82f666}}.sdt-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.sdt-modal-container{animation:slideUp .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.sdt-modal-header{align-items:center;border-bottom:1px solid #e5e7ebcc;display:flex;justify-content:space-between;padding:20px 24px}.sdt-modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.sdt-modal-close{align-items:center;background:#0000000d;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.sdt-modal-close:hover{background:#0000001a;transform:rotate(90deg)}.sdt-modal-close .material-symbols-rounded{color:#6b7280;font-size:20px}.sdt-modal-body{flex:1 1;overflow-y:auto;padding:24px}.sdt-modal-body::-webkit-scrollbar{width:8px}.sdt-modal-body::-webkit-scrollbar-track{background:#f3f4f680}.sdt-modal-body::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:4px}.sdt-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}.sdt-modal-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 20px}.sdt-modal-form{display:flex;flex-direction:column;height:100%}.sdt-modal-footer{border-top:1px solid #e5e7ebcc;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.sdt-link-chapter-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:10px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.sdt-link-chapter-btn:hover{background:#3b82f626;border-color:#3b82f6}.sdt-link-chapter-btn .material-symbols-rounded{font-size:16px}.sdt-message-input-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-top:1px solid #e5e7ebcc}.sdt-message-input{background:#ffffffe6;border:2px solid #e5e7ebcc;border-radius:12px;color:#111827;line-height:1.5;min-height:48px;overflow-y:auto;padding:12px 16px;transition:all .2s}.sdt-message-input::-webkit-scrollbar{width:6px}.sdt-message-input::-webkit-scrollbar-track{background:#f3f4f680;border-radius:3px}.sdt-message-input::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:3px}.sdt-message-input::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}.sdt-message-input:focus{background:#fff}.sdt-send-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.sdt-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.sdt-send-btn svg{color:#fff;height:20px;width:20px}[data-theme=dark] .sdt-header{background:#1a1a1acc;border-bottom-color:#4b55634d}[data-theme=dark] .sdt-header h2{color:#e5e7eb}[data-theme=dark] .sdt-create-form{background:#262626cc;border-color:#4b55634d}[data-theme=dark] .sdt-form-group label,[data-theme=dark] .sdt-form-header h3,[data-theme=dark] .sdt-owner-info strong{color:#e5e7eb}[data-theme=dark] .sdt-char-count,[data-theme=dark] .sdt-field-hint,[data-theme=dark] .sdt-form-header p,[data-theme=dark] .sdt-owner-info span{color:#9ca3af}[data-theme=dark] .sdt-input,[data-theme=dark] .sdt-select,[data-theme=dark] .sdt-textarea{background:#1a1a1ae6;border-color:#4b55634d;color:#e5e7eb}[data-theme=dark] .sdt-input:focus,[data-theme=dark] .sdt-select:focus,[data-theme=dark] .sdt-textarea:focus{background:#1a1a1a}[data-theme=dark] .sdt-select option{background:#1a1a1a;color:#e5e7eb}[data-theme=dark] .sdt-owner-option{background:#1a1a1ae6;border-color:#4b55634d}[data-theme=dark] .sdt-owner-option:hover{background:#262626}[data-theme=dark] .sdt-owner-option.active{background:linear-gradient(135deg,#3b82f626,#2563eb1a)}[data-theme=dark] .sdt-owner-icon{background:linear-gradient(135deg,#3b82f633,#2563eb26)}[data-theme=dark] .sdt-owner-icon .material-symbols-rounded{color:#60a5fa}[data-theme=dark] .sdt-button-cancel{border-color:#4b55634d;color:#9ca3af}[data-theme=dark] .sdt-button-cancel:hover:not(:disabled){background:#262626cc;color:#e5e7eb}[data-theme=dark] .sdt-doubt-card{background:#262626cc;border-color:#4b55634d}[data-theme=dark] .sdt-doubt-card:hover{border-color:#3b82f680}[data-theme=dark] .sdt-doubt-chapter{background:#1a1a1acc;color:#9ca3af}[data-theme=dark] .sdt-doubt-time,[data-theme=dark] .sdt-message-count{color:#9ca3af}[data-theme=dark] .sdt-empty p{color:#e5e7eb}[data-theme=dark] .sdt-empty span{color:#9ca3af}[data-theme=dark] .sdt-thread-header{background:#1a1a1acc;border-bottom-color:#4b55634d}[data-theme=dark] .sdt-back-btn{background:#262626e6;border-color:#4b55634d;color:#e5e7eb}[data-theme=dark] .sdt-back-btn:hover{background:#262626}[data-theme=dark] .sdt-thread-info h3{color:#e5e7eb}[data-theme=dark] .sdt-chapter-badge{background:#1a1a1acc;color:#9ca3af}[data-theme=dark] .sdt-owner-selector{background:#262626cc;border-color:#4b55634d}[data-theme=dark] .sdt-owner-selector label{color:#9ca3af}[data-theme=dark] .sdt-owner-select{color:#e5e7eb}[data-theme=dark] .sdt-message-content{background:#262626cc;border-color:#4b55634d}[data-theme=dark] .sdt-message-student .sdt-message-content{background:linear-gradient(135deg,#3b82f61a,#262626cc);border-color:#3b82f64d}[data-theme=dark] .sdt-message-ai .sdt-message-content{background:linear-gradient(135deg,#6366f11a,#262626cc);border-color:#6366f14d}[data-theme=dark] .sdt-message-faculty .sdt-message-content{background:linear-gradient(135deg,#fbbf241a,#262626cc);border-color:#fbbf244d}[data-theme=dark] .sdt-message-sender{color:#e5e7eb}[data-theme=dark] .sdt-ai-confidence,[data-theme=dark] .sdt-message-time{color:#9ca3af}[data-theme=dark] .sdt-message-text{color:#d1d5db}[data-theme=dark] .sdt-message-input-container{background:#1a1a1acc;border-top-color:#4b55634d}[data-theme=dark] .sdt-message-input{background:#262626e6;border-color:#4b55634d;color:#e5e7eb}[data-theme=dark] .sdt-message-input:focus{background:#262626}[data-theme=dark] .sdt-message-input::-webkit-scrollbar-track{background:#26262680}[data-theme=dark] .sdt-message-input::-webkit-scrollbar-thumb{background:#6b728080}[data-theme=dark] .sdt-message-input::-webkit-scrollbar-thumb:hover{background:#6b7280b3}[data-theme=dark] .sdt-message-avatar{background:#4b55634d}[data-theme=dark] .sdt-message-avatar .material-symbols-rounded{color:#d1d5db}[data-theme=dark] .sdt-message-avatar-student{background:linear-gradient(135deg,#3b82f64d,#2563eb4d)}[data-theme=dark] .sdt-message-avatar-student .material-symbols-rounded{color:#60a5fa}[data-theme=dark] .sdt-message-student{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .sdt-message-student .sdt-message-sender{color:#6ee7b7cc}[data-theme=dark] .sdt-message-student .sdt-message-time{color:#34d399bf}[data-theme=dark] .sdt-message-student .sdt-read-receipt .material-symbols-rounded{color:#34d399b3}[data-theme=dark] .sdt-message-student .sdt-read-receipt.read .material-symbols-rounded{color:#60a5fae6}[data-theme=dark] .sdt-message-ai,[data-theme=dark] .sdt-message-faculty{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#262626b3;border-color:#4b55634d;box-shadow:0 2px 8px #0003}[data-theme=dark] .sdt-message-ai .sdt-message-text,[data-theme=dark] .sdt-message-faculty .sdt-message-text{color:#d1d5db}[data-theme=dark] .sdt-loading p,[data-theme=dark] .sdt-message-ai .sdt-message-time,[data-theme=dark] .sdt-message-faculty .sdt-message-time{color:#9ca3af}[data-theme=dark] .sdt-owner-ai{background:#9333ea40;border:1px solid #9333ea4d;color:#c084fc}[data-theme=dark] .sdt-owner-teacher{background:#ea580c40;border:1px solid #ea580c4d;color:#fb923c}[data-theme=dark] .sdt-status-open{background:#3b82f640;border:1px solid #3b82f64d;color:#60a5fa}[data-theme=dark] .sdt-status-progress{background:#eab30840;border:1px solid #eab3084d;color:#facc15}[data-theme=dark] .sdt-status-resolved{background:#22c55e40;border:1px solid #22c55e4d;color:#4ade80}[data-theme=dark] .sdt-priority-low{background:#64748b40;border:1px solid #64748b4d;color:#cbd5e1}[data-theme=dark] .sdt-priority-medium{background:#06b6d440;border:1px solid #06b6d44d;color:#22d3ee}[data-theme=dark] .sdt-priority-high{background:#ef444440;border:1px solid #ef44444d;color:#f87171}@media (max-width:768px){.sdt-header{align-items:flex-start;flex-direction:column;gap:12px}.sdt-create-button{justify-content:center;width:100%}.sdt-owner-options{grid-template-columns:1fr}.sdt-thread-header{flex-wrap:wrap}.sdt-thread-actions{justify-content:stretch;width:100%}.sdt-escalate-btn,.sdt-resolve-btn{flex:1 1}.sdt-message-form{flex-direction:column}.sdt-send-btn{height:48px;width:100%}[data-theme=dark] .sdt-message-wrapper{max-width:90%}[data-theme=dark] .sdt-modal-overlay{background:#000000b3}[data-theme=dark] .sdt-modal-container{background:#1a1a1afa;box-shadow:0 20px 60px #0009}[data-theme=dark] .sdt-modal-header{border-bottom-color:#4b55634d}[data-theme=dark] .sdt-modal-header h3{color:#e5e7eb}[data-theme=dark] .sdt-modal-close{background:#ffffff1a}[data-theme=dark] .sdt-modal-close:hover{background:#fff3}[data-theme=dark] .sdt-modal-close .material-symbols-rounded{color:#d1d5db}[data-theme=dark] .sdt-modal-body::-webkit-scrollbar-track{background:#26262680}[data-theme=dark] .sdt-modal-body::-webkit-scrollbar-thumb{background:#6b728080}[data-theme=dark] .sdt-modal-body::-webkit-scrollbar-thumb:hover{background:#6b7280b3}[data-theme=dark] .sdt-modal-description{color:#9ca3af}[data-theme=dark] .sdt-modal-footer{border-top-color:#4b55634d}[data-theme=dark] .sdt-link-chapter-btn{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}[data-theme=dark] .sdt-link-chapter-btn:hover{background:#3b82f633;border-color:#3b82f6}}.sdt-chat-layout{background:#0000;border-radius:16px;display:flex;height:calc(100vh - 240px);min-height:600px;overflow:hidden}.sdt-sidebar{background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-radius:16px 0 0 16px;box-shadow:var(--clsd-card-shadow);display:flex;flex-direction:column;overflow:hidden;padding:0;width:400px}.sdt-sidebar .sdt-header{background:#0000;border-bottom:1px solid var(--clsd-card-border);flex-shrink:0;padding:1.5rem}.sdt-sidebar .sdt-list{flex:1 1;overflow-y:auto;padding:1rem}.sdt-conversation{background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-left:none;border-radius:0 16px 16px 0;box-shadow:var(--clsd-card-shadow);display:flex;flex:1 1;flex-direction:column}.sdt-thread-view{display:flex;flex-direction:column;height:100%}.sdt-thread-header{align-items:center;background:#0000;border-bottom:1px solid var(--clsd-card-border);display:flex;flex-shrink:0;gap:12px;padding:1.5rem}.sdt-thread-info{flex:1 1;min-width:0}.sdt-thread-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;font-weight:600;margin:0 0 8px;max-height:2.8em;overflow:hidden;text-overflow:ellipsis}.sdt-thread-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.sdt-back-btn{display:none}.sdt-messages-container{-webkit-overflow-scrolling:touch;background:#0000;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem}.sdt-message-input-container{background:#0000;border-top:1px solid var(--clsd-card-border);flex-shrink:0;padding:1.5rem}.sdt-message-form{align-items:flex-end;display:flex;gap:12px}.sdt-message-input{background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-radius:8px;color:var(--clsd-text-primary);flex:1 1;font-family:inherit;font-size:14px;max-height:120px;min-height:42px;padding:10px 12px;resize:none}.sdt-message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.sdt-send-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;min-height:42px;padding:10px 16px;transition:all .15s}.sdt-send-btn:hover:not(:disabled){background:#059669}.sdt-send-btn:disabled{cursor:not-allowed;opacity:.5}.sdt-doubt-card{background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-radius:12px;box-shadow:var(--clsd-card-shadow);cursor:pointer;margin-bottom:8px;padding:16px;transition:all .2s}.sdt-doubt-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.sdt-doubt-card.active{background:#3b82f61a;border-color:#3b82f6}.sdt-doubt-question{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:15px;font-weight:600;line-height:1.5;margin:0 0 12px;max-height:3em;overflow:hidden;text-overflow:ellipsis}.sdt-unread-badge{animation:threadPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d;display:inline-block;font-weight:700;line-height:1;margin-left:auto;padding:3px 8px}@keyframes threadPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.sdt-doubt-footer{align-items:center;border-top:1px solid var(--clsd-card-border);display:flex;gap:12px;margin-top:12px;padding-top:12px}.sdt-message-count{align-items:center;color:#6b7280;display:inline-flex;font-size:13px;gap:6px}.sdt-message-count .material-symbols-rounded{font-size:16px}[data-theme=dark] .sdt-unread-badge{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 2px 4px #f8717166}[data-theme=dark] .sdt-message-count{color:#9ca3af}[data-theme=dark] .sdt-doubt-footer{border-top-color:#4b55634d}[data-theme=dark] .sdt-doubt-question{color:#e5e7eb}.sdt-doubt-chapter{align-items:center;background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-radius:8px;color:#6b7280;display:inline-flex;font-size:13px;gap:6px;margin-bottom:12px;padding:8px 12px}.sdt-message-wrapper{align-items:flex-end;display:flex;gap:8px;margin-bottom:12px;max-width:80%}.sdt-message-wrapper-left{align-self:flex-start}.sdt-message-wrapper-right{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}.sdt-message{word-wrap:break-word;border-radius:12px;display:flex;flex-direction:column;gap:4px;max-width:100%;padding:8px 12px;position:relative}.sdt-message-student{background:linear-gradient(135deg,#10b9812e,#05966926);border:1px solid #10b98159;border-bottom-right-radius:4px;box-shadow:0 2px 8px #10b98126;color:#065f46}.sdt-message-student .sdt-message-text{color:#065f46;font-weight:500}[data-theme=dark] .sdt-message-student{background:linear-gradient(135deg,#10b98133,#0596692e);border:1px solid #10b98166;box-shadow:0 2px 8px #10b98133}[data-theme=dark] .sdt-message-student .sdt-message-text{color:#6ee7b7;font-weight:500}.sdt-message-ai,.sdt-message-faculty{background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-bottom-left-radius:4px;box-shadow:var(--clsd-card-shadow)}.sdt-message-text{line-height:1.5}.sdt-message-header{align-items:center;display:flex;gap:4px;margin-bottom:4px}.sdt-message-sender{font-size:12px;font-weight:600;opacity:.8}.sdt-message-footer{align-items:center;display:flex;gap:8px;margin-top:4px}.sdt-message-time{font-size:11px;opacity:.7}.sdt-new-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:4px;box-shadow:0 2px 4px #ef44444d;color:#fff;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;line-height:1;margin-right:8px;padding:2px 6px;text-transform:uppercase;vertical-align:middle}[data-theme=dark] .sdt-new-badge{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 2px 4px #f8717166}.sdt-edit-icon{opacity:.6;transition:all .15s}.sdt-edit-icon:hover{opacity:1}.sdt-edit-icon .material-symbols-rounded{color:#047857;font-size:16px}.sdt-edit-textarea{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#111827;font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:12px;resize:vertical;width:100%}.sdt-edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}[data-theme=dark] .sdt-edit-textarea{background:#1a1a1ae6;border-color:#4b55634d;color:#e5e7eb}[data-theme=dark] .sdt-edit-textarea:focus{background:#1a1a1a;border-color:#3b82f6}.sdt-empty-state{align-items:center;background:#0000;display:flex;flex-direction:column;height:100%;justify-content:center;padding:60px 40px;text-align:center}.sdt-empty-state svg{color:#9ca3af;height:80px;margin-bottom:24px;opacity:.15;width:80px}.sdt-empty-state h3{color:#6b7280;font-size:18px;font-weight:600;margin:0 0 8px}.sdt-empty-state p{color:#9ca3af;font-size:14px;line-height:1.6;margin:0;max-width:300px}[data-theme=dark] .sdt-empty-state svg{color:#6b7280;opacity:.1}[data-theme=dark] .sdt-empty-state h3{color:#9ca3af}[data-theme=dark] .sdt-empty-state p{color:#6b7280}.sdt-owner-selector{align-items:center;background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-radius:10px;display:flex;gap:8px;padding:6px 12px}.sdt-unread-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}@media (max-width:768px){.sdt-chat-layout{border-radius:0;height:calc(100vh - 200px);overflow:hidden;position:relative}.sdt-sidebar{border:none;border-radius:0;height:100%;left:0;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:10}.sdt-sidebar.hidden{left:-100%}.sdt-conversation{border:none;border-radius:0;height:100%;left:100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:20}.sdt-conversation.visible{left:0}.sdt-back-btn{align-items:center;background:var(--clsd-card-bg);border:1px solid var(--clsd-card-border);border-radius:8px;color:#374151;cursor:pointer;display:flex!important;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;padding:8px 12px}.sdt-back-btn:hover{background:#3b82f61a;border-color:#3b82f6}.sdt-back-btn svg{height:20px;width:20px}.sdt-thread-header{min-height:60px;padding:12px 16px}.sdt-messages-container{flex:1 1;min-height:0;overflow-y:auto;padding:16px 12px}.sdt-message-input-container{padding:12px 16px}.sdt-doubt-question{-webkit-line-clamp:1;max-height:1.5em}.sdt-empty-state{padding:40px 20px}.sdt-empty-state svg{height:64px;opacity:.12;width:64px}.sdt-empty-state h3{font-size:16px}.sdt-empty-state p{font-size:13px}.sdt-edit-icon{margin-left:4px;padding:6px}.sdt-edit-icon .material-symbols-rounded{font-size:18px}.sdt-new-badge{font-size:10px;padding:3px 7px}}@media (max-width:576px){.sdt-chat-layout{height:calc(100vh - 180px)}.sdt-thread-header{min-height:56px;padding:10px 12px}.sdt-messages-container{padding:12px 8px}.sdt-message-input-container{padding:10px 12px}}.sdt-date-separator{margin:16px 0}.sdt-date-separator span{background:#3b82f61a;background:rgba(var(--primary-rgb,59,130,246),.1);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;padding:4px 12px}.sdt-no-more-messages{color:#9ca3af;font-size:13px;font-weight:500;opacity:.7;padding:16px}.sdt-no-more-messages span{background:#00000008;border-radius:12px;padding:4px 12px}.sdt-sticky-date{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#fffffff2 0,#ffffffe6 70%,#fff0);display:flex;justify-content:center;padding:8px 0;pointer-events:none;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sdt-sticky-date span{background:#3b82f61f;background:rgba(var(--primary-rgb,59,130,246),.12);border-radius:12px;box-shadow:0 2px 8px #00000014;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:700;letter-spacing:.8px;padding:4px 16px;pointer-events:auto}.sdt-loading-older{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border-radius:12px;display:flex;gap:10px;justify-content:center;margin:12px 16px;padding:16px}.sdt-loading-spinner-small{animation:spin .8s linear infinite;border:2.5px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:18px;width:18px}.sdt-loading-older span{color:#6b7280;font-size:13px;font-weight:500}.sdt-no-more-messages{margin:12px 0;padding:20px;text-align:center}.sdt-no-more-messages span{background:#00000005;border-radius:16px;color:#9ca3af;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 16px}.sdt-filter-bar{background:#ffffff80;border-bottom:1px solid #e5e7ebcc;display:flex;flex-direction:column;gap:12px;padding:12px 16px}.sdt-filter-tabs{background:#f3f4f6cc;border-radius:10px;display:flex;gap:4px;padding:4px}.sdt-filter-tab{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.sdt-filter-tab:hover{background:#ffffff80;color:#111827}.sdt-filter-tab.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#3b82f6}.sdt-search-box{align-items:center;display:flex;position:relative}.sdt-search-icon{color:#9ca3af;font-size:18px;left:10px;pointer-events:none;position:absolute}.sdt-search-box input{background:#ffffffe6;border:1px solid #d1d5dbcc;border-radius:8px;font-family:inherit;font-size:13px;padding:8px 12px 8px 36px;transition:all .2s;width:100%}.sdt-search-box input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}[data-theme=dark] .sdt-filter-bar{background:#1a1a1a99;border-bottom-color:#4b55634d}.sdt-date-separator{align-items:center;display:flex;justify-content:center;margin:24px 0;position:relative;z-index:1}.sdt-date-separator:before{background:linear-gradient(90deg,#0000,#e5e7ebcc 20%,#e5e7ebcc 80%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:-1}.sdt-date-separator span{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 2px 6px #0000000a;color:#4b5563;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 16px}[data-theme=dark] .sdt-date-separator:before{background:linear-gradient(90deg,#0000,#4b556366 20%,#4b556366 80%,#0000)}[data-theme=dark] .sdt-date-separator span{background:#1e1e1ea6;border-color:#ffffff1a;box-shadow:0 2px 6px #0003;color:#9ca3af}.sdt-floating-date-pill{align-self:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fffc;border-radius:20px;box-shadow:0 4px 12px #00000014,0 1px 2px #0000000d;color:#1f2937;font-size:12px;font-weight:600;margin-bottom:-34px;opacity:0;padding:6px 16px;pointer-events:none;position:-webkit-sticky;position:sticky;top:10px;transform:translateY(-10px);transition:opacity .2s ease-out,transform .2s ease-out;z-index:50}.sdt-floating-date-pill.sdt-pill-visible{opacity:1;transform:translateY(0)}[data-theme=dark] .sdt-floating-date-pill{background:#282828d9;border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d;color:#e5e7eb}.sdt-messages-container{position:relative}.sdt-edit-icon{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:6px;opacity:0;padding:4px;pointer-events:none;transform:translateX(-5px);transition:all .2s ease-in-out}.sdt-message:hover .sdt-edit-icon{opacity:.6;pointer-events:auto;transform:translateX(0)}.sdt-edit-icon:hover{background:#00000014;opacity:1!important}[data-theme=dark] .sdt-edit-icon:hover{background:#ffffff1a}[data-theme=dark] .sdt-edit-icon .material-symbols-rounded{color:#6ee7b7}@media (max-width:768px){.sdt-edit-icon{opacity:.6;pointer-events:auto;transform:none}.sdt-header{align-items:center;flex-direction:row!important;gap:12px;justify-content:space-between;min-height:60px;padding:10px 16px}.sdt-header h2{font-size:1.15rem;margin:0}.sdt-create-button{font-size:13px;height:36px;padding:8px 14px;white-space:nowrap;width:auto}.sdt-create-button svg{height:16px;width:16px}.sdt-owner-options{grid-template-columns:1fr}.sdt-thread-header{align-items:center;flex-wrap:nowrap;gap:10px;min-height:56px;padding:10px 12px}.sdt-thread-meta{flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.sdt-thread-actions{width:auto}.sdt-escalate-btn,.sdt-resolve-btn{font-size:12px;padding:8px 12px}.sdt-resolve-btn span{display:none}.sdt-resolve-btn:after{content:"Resolve";margin-left:4px}.sdt-message-form{align-items:flex-end;flex-direction:row}.sdt-send-btn{height:42px;min-height:42px;width:42px}.sdt-chat-layout{border-radius:0;height:calc(100vh - 140px)}.sdt-edit-icon{opacity:0;pointer-events:none}.sdt-message:active .sdt-edit-icon,.sdt-message:focus-within .sdt-edit-icon{opacity:1;pointer-events:auto;transform:translateX(0)}}.sdt-message-text{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.sdt-message-text code{background:#0000000f;border-radius:4px;color:#c026d3;font-family:Fira Code,Roboto Mono,monospace;font-size:.9em;padding:2px 5px}[data-theme=dark] .sdt-message-text code{background:#ffffff1a;color:#e879f9}.sdt-thread-view{position:relative}.sdt-scroll-bottom-btn{align-items:center;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275);background:#3b82f6;border:2px solid #fff;border-radius:50%;bottom:90px;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:42px;z-index:100}.sdt-scroll-bottom-btn:hover{background:#2563eb;box-shadow:0 6px 16px #3b82f680;transform:translateX(-50%) scale(1.1)}.sdt-scroll-bottom-btn .material-symbols-rounded{font-size:24px}@keyframes popIn{0%{opacity:0;transform:translateX(-50%) scale(0)}to{opacity:1;transform:translateX(-50%) scale(1)}}[data-theme=dark] .sdt-scroll-bottom-btn{background:#3b82f6;border-color:#262626;color:#fff}@media (max-width:768px){.sdt-modal-overlay{align-items:flex-end!important;justify-content:stretch!important;padding:0!important}.sdt-modal-container{animation:bottomSheetSlideUp .35s cubic-bezier(.32,.72,0,1) forwards!important;border-radius:24px 24px 0 0!important;max-height:92svh!important;max-width:100%!important;width:100%!important}@keyframes bottomSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sdt-modal-container:before{background:#0000001f;border-radius:2px;content:"";display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}[data-theme=dark] .sdt-modal-container:before{background:#ffffff26}.sdt-modal-header{padding:14px 20px 12px!important}.sdt-modal-header h3{font-size:1.1rem!important}.sdt-modal-body{-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px!important;scrollbar-width:none}.sdt-modal-body::-webkit-scrollbar{display:none}.sdt-owner-selection{margin-bottom:18px!important}.sdt-owner-options{gap:10px!important;grid-template-columns:1fr 1fr!important}.sdt-owner-option{align-items:center;border-radius:12px!important;flex-direction:column;gap:8px!important;padding:12px 10px!important;text-align:center}.sdt-owner-icon{border-radius:10px!important;height:40px!important;width:40px!important}.sdt-owner-icon .material-symbols-rounded{font-size:22px!important}.sdt-owner-info strong{font-size:13px!important}.sdt-input,.sdt-select,.sdt-textarea{border-radius:12px!important;box-sizing:border-box;font-size:16px!important;padding:11px 14px!important;width:100%}.sdt-textarea{min-height:90px!important}.sdt-form-group{margin-bottom:16px!important}.sdt-form-group label{font-size:13px!important;font-weight:600}.sdt-modal-footer{border-top:1px solid #e5e7eb99;flex-direction:column-reverse!important;gap:10px!important;padding:14px 20px max(20px,env(safe-area-inset-bottom))!important}[data-theme=dark] .sdt-modal-footer{border-top-color:#4b55634d}.sdt-button-cancel,.sdt-button-submit{align-items:center;border-radius:14px!important;display:flex;font-size:15px!important;justify-content:center;padding:15px 20px!important;text-align:center;width:100%!important}.sdt-message-form{align-items:flex-end!important;flex-direction:row!important;gap:10px!important}.sdt-send-btn{align-items:center!important;display:flex!important;flex-shrink:0;height:44px!important;justify-content:center!important;min-height:44px!important;padding:0!important;width:44px!important}.sdt-message-input{font-size:16px!important;min-height:44px}.sdt-message-wrapper{max-width:88%}.sdt-header{align-items:center!important;flex-direction:row!important;gap:10px!important;padding:12px 16px!important}.sdt-header h2{font-size:1.1rem!important;margin:0}.sdt-create-button{flex-shrink:0;font-size:13px!important;height:36px;justify-content:center;padding:8px 14px!important;white-space:nowrap;width:auto!important}.sdt-create-button svg{height:16px!important;width:16px!important}.sdt-resolve-btn{font-size:12px!important;gap:4px!important;padding:8px 10px!important}.sdt-thread-meta{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.sdt-thread-meta::-webkit-scrollbar{display:none}.sdt-button-cancel:hover:not(:disabled),.sdt-button-submit:hover:not(:disabled),.sdt-doubt-card:hover{transform:none!important}}@media (max-width:480px){.sdt-chat-layout{height:calc(100svh - 140px)}.sdt-modal-container{border-radius:20px 20px 0 0!important;max-height:96svh!important}.sdt-modal-body{padding:14px 16px!important}.sdt-modal-footer{padding:12px 16px max(16px,env(safe-area-inset-bottom))!important}.sdt-owner-options{grid-template-columns:1fr 1fr!important}.sdt-owner-option{padding:10px 8px!important}.sdt-owner-info strong{font-size:12px!important}.sdt-message-wrapper{max-width:92%}.sdt-thread-header{padding:10px 12px!important}.sdt-thread-info h3{font-size:13px!important}}.sdt-thread-header{align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;min-height:0!important;padding:.875rem 1.25rem!important}.sdt-thread-info h3{-webkit-line-clamp:1!important;font-size:14px!important;line-height:1.3!important;margin:0 0 5px!important;max-height:1.3em!important}.sdt-thread-meta{gap:6px!important}.sdt-badge,.sdt-chapter-badge{font-size:11px!important;padding:3px 8px!important}.sdt-owner-selector{gap:5px!important;padding:4px 8px!important}.sdt-owner-selector label{font-size:11px!important}.sdt-owner-select{font-size:12px!important;padding:2px 6px!important}.sdt-resolve-btn{flex-shrink:0;font-size:12px!important;gap:5px!important;padding:7px 12px!important;white-space:nowrap}.sdt-resolve-btn .material-symbols-rounded{font-size:16px!important}.sdt-back-btn{flex-shrink:0;font-size:13px!important;padding:6px 10px!important}@media (max-width:768px){.sdt-thread-header{gap:8px!important;min-height:0!important;padding:8px 12px!important}.sdt-thread-info h3{-webkit-line-clamp:1!important;font-size:12px!important;margin:0 0 4px!important;max-height:1.3em!important}.sdt-thread-meta{flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto;scrollbar-width:none}.sdt-thread-meta::-webkit-scrollbar{display:none}.sdt-badge,.sdt-chapter-badge{font-size:10px!important;padding:2px 6px!important}.sdt-owner-selector{border-width:1px!important;gap:4px!important;padding:3px 6px!important}.sdt-owner-selector label{font-size:10px!important}.sdt-owner-select{font-size:11px!important}.sdt-resolve-btn{border-radius:8px!important;font-size:0!important;gap:0!important;padding:6px 8px!important}.sdt-resolve-btn .material-symbols-rounded{font-size:18px!important;margin:0}.sdt-back-btn{border-radius:7px!important;font-size:12px!important;padding:5px 8px!important}.sdt-link-chapter-btn{font-size:10px!important;padding:3px 8px!important}}@media (max-width:480px){.sdt-thread-header{gap:6px!important;padding:7px 10px!important}.sdt-thread-info h3{font-size:11px!important}.sdt-badge,.sdt-chapter-badge{font-size:9px!important;padding:2px 5px!important}.sdt-resolve-btn{padding:5px 7px!important}.sdt-resolve-btn .material-symbols-rounded{font-size:16px!important}.sdt-back-btn{font-size:11px!important;padding:5px 7px!important}}.drt-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}@media (max-width:768px){.doubt-create-overlay,.doubt-modal-overlay,.sdt-modal-overlay,[class*=doubt][class*=modal],[class*=doubt][class*=overlay]{align-items:flex-end!important;padding:0!important}.doubt-create-modal,.doubt-modal,.sdt-create-modal,.sdt-modal,[class*=doubt-create],[class*=doubt-modal]{-webkit-overflow-scrolling:touch;border-radius:20px 20px 0 0!important;max-height:90vh!important;max-width:100%!important;overflow-y:auto!important;padding:1.25rem!important;width:100%!important}.doubt-modal-header,.sdt-modal-header,[class*=doubt][class*=header]{margin-bottom:1rem!important;padding-bottom:.75rem!important}.doubt-modal-header h2,.doubt-modal-header h3,.sdt-modal-header h2,.sdt-modal-header h3,[class*=doubt][class*=header] h2,[class*=doubt][class*=header] h3{font-size:1.1rem!important}.doubt-form-group,.sdt-form-group,[class*=doubt][class*=form]{margin-bottom:.875rem!important}.doubt-form-group label,.sdt-form-group label,[class*=doubt][class*=label]{font-size:.85rem!important;margin-bottom:.375rem!important}.doubt-form-group input,.doubt-form-group select,.doubt-form-group textarea,.sdt-form-group input,.sdt-form-group select,.sdt-form-group textarea,[class*=doubt] input,[class*=doubt] select,[class*=doubt] textarea{border-radius:8px!important;box-sizing:border-box!important;font-size:.9rem!important;padding:.75rem!important;width:100%!important}[class*=doubt] textarea{min-height:100px!important;resize:vertical!important}.doubt-form-actions,.doubt-modal-actions,.sdt-form-actions,.sdt-modal-actions,[class*=doubt][class*=action]{flex-direction:column-reverse!important;gap:.75rem!important;margin-top:1rem!important}.doubt-form-actions button,.doubt-modal-actions button,.sdt-form-actions button,.sdt-modal-actions button,[class*=doubt][class*=action] button,[class*=doubt][class*=btn]{font-size:.9rem!important;justify-content:center!important;padding:.75rem!important;width:100%!important}.doubt-card,.sdt-doubt-card,[class*=doubt-card]{border-radius:10px!important;margin-bottom:.75rem!important;padding:1rem!important}.doubt-card-header,[class*=doubt][class*=card-header]{flex-direction:column!important;gap:.5rem!important;margin-bottom:.5rem!important}.doubt-card-title,[class*=doubt][class*=title]{font-size:.95rem!important}.doubt-status-badge,[class*=doubt][class*=badge],[class*=doubt][class*=status]{font-size:.7rem!important;padding:.2rem .5rem!important}.doubt-list-header,.sdt-header,[class*=doubt][class*=list-header]{align-items:stretch!important;flex-direction:column!important;gap:.75rem!important}.doubt-search,.sdt-search,[class*=doubt][class*=search]{width:100%!important}.doubt-create-btn,.sdt-create-btn,[class*=doubt][class*=create-btn]{justify-content:center!important;width:100%!important}.drt-container{overflow-y:auto}}@media (max-width:480px){.doubt-create-modal,.doubt-modal,.sdt-create-modal,.sdt-modal,[class*=doubt-create],[class*=doubt-modal]{border-radius:16px 16px 0 0!important;max-height:95vh!important;padding:1rem!important}.doubt-modal-header h2,.doubt-modal-header h3,.sdt-modal-header h2,[class*=doubt][class*=header] h2{font-size:1rem!important}[class*=doubt] textarea{min-height:80px!important}.doubt-card-title,[class*=doubt][class*=title]{font-size:.875rem!important}}.sat-container{font-family:Google Sans,Poppins,sans-serif;margin:0 auto}.sat-empty-state,.sat-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.sat-spinner{animation:sat-spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes sat-spin{to{transform:rotate(1turn)}}.sat-empty-state .material-symbols-rounded{color:#94a3b8;font-size:64px}.sat-empty-state p{color:#64748b;font-size:1.125rem}.sat-assignments-list{display:flex;flex-direction:column;gap:1.5rem}.sat-assignment-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:1.5rem;transition:all .3s ease}.sat-assignment-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}[data-theme=dark] .sat-assignment-card{background:#1f2937cc;border-color:#4b55634d}.sat-assignment-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}[data-theme=dark] .sat-assignment-header{border-bottom-color:#4b55634d}.sat-assignment-title-section h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}[data-theme=dark] .sat-assignment-title-section h3{color:#fff}.sat-assignment-badges{display:flex;flex-wrap:wrap;gap:.5rem}.sat-overdue-badge,.sat-status-badge,.sat-type-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase}.sat-type-badge.homework{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border:1px solid #8b5cf64d;color:#7c3aed}.sat-type-badge.classwork{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b4d;color:#d97706}.sat-type-badge.test{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;color:#dc2626}.sat-type-badge.exam{background:linear-gradient(135deg,#dc262626,#b91c1c26);border:1px solid #dc262666;color:#b91c1c}.sat-status-badge.published{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);border:1px solid #3b82f64d;color:#1e40af}.sat-status-badge.draft{background:linear-gradient(135deg,#6b72801a,#4b55631a);border:1px solid #6b72804d;color:#374151}.sat-overdue-badge{align-items:center;background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid #ef444466;color:#dc2626;display:flex;gap:.25rem}.sat-display-id{color:#3b82f6;font-family:Courier New,monospace;font-size:.875rem;font-weight:600}.sat-assignment-info{margin-bottom:1.5rem}.sat-assignment-info .rich-text-editor-label{font-size:1.125rem;font-weight:600}.sat-description{color:#475569;line-height:1.6;margin:0 0 1rem}[data-theme=dark] .sat-description{color:#e5e7eb}.sat-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sat-info-item{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem}[data-theme=dark] .sat-info-item{color:#9ca3af}.sat-info-item .material-symbols-rounded{color:#3b82f6;font-size:18px}.sat-info-item.sat-time-remaining{color:#10b981;font-weight:600}.sat-info-item.sat-time-remaining .material-symbols-rounded{animation:sat-pulse 2s ease-in-out infinite;color:#10b981}.sat-info-item.sat-time-remaining.sat-time-urgent{color:#f59e0b}.sat-info-item.sat-time-remaining.sat-time-urgent .material-symbols-rounded{animation:sat-urgent-pulse 1s ease-in-out infinite;color:#f59e0b}@keyframes sat-urgent-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.sat-info-item.sat-time-overdue{color:#ef4444;font-weight:600}.sat-info-item.sat-time-overdue .material-symbols-rounded{animation:sat-pulse 2s ease-in-out infinite;color:#ef4444}@keyframes sat-pulse{0%,to{opacity:1}50%{opacity:.6}}.sat-info-item.sat-duration-timer{background:linear-gradient(135deg,#3b82f614,#2563eb14);border:1px solid #3b82f64d;border-radius:10px;font-size:.95rem;font-weight:700;grid-column:1/-1;padding:.75rem 1rem}.sat-info-item.sat-duration-timer.sat-time-remaining{background:linear-gradient(135deg,#10b9811f,#0596691f);border-color:#10b98166;color:#059669}.sat-info-item.sat-duration-timer.sat-time-remaining .material-symbols-rounded{color:#059669}.sat-info-item.sat-duration-timer.sat-time-urgent{animation:sat-duration-urgent-glow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b26,#d9770626);border-color:#f59e0b80;color:#d97706}.sat-info-item.sat-duration-timer.sat-time-urgent .material-symbols-rounded{color:#d97706}.sat-info-item.sat-duration-timer.sat-time-overdue{animation:sat-duration-expired-blink 1s ease-in-out infinite;background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef444480;color:#dc2626}.sat-info-item.sat-duration-timer.sat-time-overdue .material-symbols-rounded{color:#dc2626}@keyframes sat-duration-urgent-glow{0%,to{box-shadow:0 0 0 #f59e0b00}50%{box-shadow:0 0 15px #f59e0b4d}}@keyframes sat-duration-expired-blink{0%,to{box-shadow:0 0 0 #ef444400;opacity:1}50%{box-shadow:0 0 20px #ef444466;opacity:.85}}[data-theme=dark] .sat-info-item.sat-time-remaining,[data-theme=dark] .sat-info-item.sat-time-remaining .material-symbols-rounded{color:#34d399}[data-theme=dark] .sat-info-item.sat-time-remaining.sat-time-urgent,[data-theme=dark] .sat-info-item.sat-time-remaining.sat-time-urgent .material-symbols-rounded{color:#fbbf24}[data-theme=dark] .sat-info-item.sat-time-overdue,[data-theme=dark] .sat-info-item.sat-time-overdue .material-symbols-rounded{color:#f87171}[data-theme=dark] .sat-info-item.sat-duration-timer{background:linear-gradient(135deg,#3b82f626,#2563eb26);border-color:#3b82f666}[data-theme=dark] .sat-info-item.sat-duration-timer.sat-time-remaining{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b98180;color:#34d399}[data-theme=dark] .sat-info-item.sat-duration-timer.sat-time-remaining .material-symbols-rounded{color:#34d399}[data-theme=dark] .sat-info-item.sat-duration-timer.sat-time-urgent{background:linear-gradient(135deg,#f59e0b33,#d9770633);border-color:#f59e0b99;color:#fbbf24}[data-theme=dark] .sat-info-item.sat-duration-timer.sat-time-urgent .material-symbols-rounded{color:#fbbf24}[data-theme=dark] .sat-info-item.sat-duration-timer.sat-time-overdue{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444499;color:#f87171}[data-theme=dark] .sat-info-item.sat-duration-timer.sat-time-overdue .material-symbols-rounded{color:#f87171}.sat-offline-instructions{background:linear-gradient(135deg,#3b82f614,#2563eb14);border:1px solid #3b82f64d;border-radius:12px;margin-bottom:1.5rem;padding:1rem}[data-theme=dark] .sat-offline-instructions{background:linear-gradient(135deg,#3b82f626,#2563eb26);border-color:#3b82f666}.sat-offline-header{align-items:center;color:#1e40af;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}[data-theme=dark] .sat-offline-header{color:#93c5fd}.sat-offline-header .material-symbols-rounded{font-size:20px}.sat-offline-instructions p{color:#475569;font-size:.875rem;line-height:1.5;margin:0}[data-theme=dark] .sat-offline-instructions p{color:#d1d5db}.sat-attempt-status{background:#f8fafccc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1rem}[data-theme=dark] .sat-attempt-status{background:#11182780;border-color:#4b55634d}.sat-attempt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.sat-attempt-header h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}[data-theme=dark] .sat-attempt-header h4{color:#fff}.sat-attempt-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.sat-attempt-badge.not-started{background:#94a3b833;color:#475569}.sat-attempt-badge.in-progress{background:#f59e0b33;color:#d97706}.sat-attempt-badge.submitted{background:#3b82f633;color:#1e40af}.sat-attempt-badge.graded{background:#10b98133;color:#065f46}.sat-score-display{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.sat-score-label{color:#64748b;font-weight:600}.sat-score-value{color:#10b981;font-size:1.25rem;font-weight:700}.sat-percentage{color:#64748b;font-size:.875rem;margin-left:.5rem}.sat-grade-display{align-items:center;background:linear-gradient(135deg,#fef3c766,#fde0474d);border:1px solid #f59e0b66;border-radius:8px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:.75rem}.sat-grade-label{color:#92400e;font-size:.875rem;font-weight:600}.sat-grade-value{color:#d97706;font-size:1.5rem;font-weight:700}.sat-result-display{margin-bottom:.75rem}.sat-result-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.5px;padding:.625rem 1rem;text-transform:uppercase}.sat-result-badge.pass{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1.5px solid #34d399;color:#065f46}.sat-result-badge.fail{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1.5px solid #f87171;color:#991b1b}.sat-result-badge .material-symbols-rounded{font-size:18px}[data-theme=dark] .sat-result-badge.pass{background:linear-gradient(135deg,#dcfce733,#bbf7d026);border-color:#34d39980;color:#86efac}[data-theme=dark] .sat-result-badge.fail{background:linear-gradient(135deg,#fee2e233,#fca5a526);border-color:#f8717180;color:#fca5a5}.sat-attempt-time{color:#64748b;font-size:.875rem}.sat-time-separator{color:#cbd5e1;margin:0 .5rem}.sat-assignment-actions{display:flex;flex-wrap:wrap;gap:1rem}.sat-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.sat-btn.start{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.sat-btn.start:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.sat-btn.resume{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.sat-btn.resume:hover{box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.sat-btn.submit{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.sat-btn.submit:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.sat-btn.create{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.sat-btn.create:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.sat-btn.view-eval{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.sat-btn.view-eval:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.sat-btn.secondary{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;color:#475569}.sat-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=dark] .sat-btn.secondary{background:#1f2937cc;border-color:#4b55634d;color:#e5e7eb}[data-theme=dark] .sat-btn.secondary:hover{background:#374151cc}.sat-btn .material-symbols-rounded{font-size:20px}.sat-confirm-overlay{align-items:center;animation:sat-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes sat-fade-in{0%{opacity:0}to{opacity:1}}.sat-confirm-dialog{animation:sat-slide-up .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}@keyframes sat-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .sat-confirm-dialog{background:#1f2937f2;border:1px solid #4b55634d}.sat-confirm-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;padding:1.5rem 1.5rem 1rem}[data-theme=dark] .sat-confirm-header{border-bottom-color:#4b55634d}.sat-confirm-icon{color:#3b82f6;font-size:32px}.sat-confirm-header h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}[data-theme=dark] .sat-confirm-header h3{color:#fff}.sat-confirm-body{padding:1.5rem}.sat-confirm-body p{color:#475569;line-height:1.6;margin:0 0 1rem}.sat-confirm-body p:last-child{margin-bottom:0}[data-theme=dark] .sat-confirm-body p{color:#d1d5db}.sat-confirm-body strong{color:#1e293b;font-weight:600}[data-theme=dark] .sat-confirm-body strong{color:#fff}.sat-confirm-mode{background:linear-gradient(135deg,#3b82f614,#2563eb14);border:1px solid #3b82f64d;border-radius:8px;font-size:.875rem;padding:.75rem}.sat-confirm-mode span{color:#1e40af;font-weight:600}[data-theme=dark] .sat-confirm-mode{background:linear-gradient(135deg,#3b82f626,#2563eb26);border-color:#3b82f666}[data-theme=dark] .sat-confirm-mode span{color:#93c5fd}.sat-confirm-message{color:#64748b!important;font-weight:500}[data-theme=dark] .sat-confirm-message{color:#9ca3af!important}.sat-confirm-due{align-items:center;background:#f8fafccc;border:1px solid #e2e8f0;border-radius:8px;color:#475569!important;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.sat-confirm-due .material-symbols-rounded{color:#3b82f6;font-size:18px}[data-theme=dark] .sat-confirm-due{background:#11182780;border-color:#4b55634d;color:#d1d5db!important}.sat-confirm-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.sat-confirm-actions .sat-btn{justify-content:center;min-width:120px}@media (max-width:768px){.sat-confirm-dialog{max-width:90%}.sat-confirm-actions{flex-direction:column-reverse;gap:.75rem}.sat-confirm-actions .sat-btn{width:100%}.sat-assignment-card{border-radius:12px!important;padding:1rem!important}.sat-assignment-header{flex-direction:column!important;gap:.75rem!important}.sat-assignment-title-section h3{font-size:1.1rem!important}.sat-assignment-badges{flex-wrap:wrap;gap:.375rem!important}.sat-overdue-badge,.sat-status-badge,.sat-type-badge{font-size:.68rem!important;padding:.25rem .6rem!important}.sat-info-grid{gap:.75rem!important;grid-template-columns:repeat(2,1fr)!important}.sat-info-item{font-size:.78rem!important}.sat-info-item .material-symbols-rounded{font-size:15px!important}.sat-info-item.sat-duration-timer{font-size:.85rem!important;grid-column:1/-1!important}.sat-btn{font-size:.8rem!important;padding:.5rem .875rem!important}.sat-btn .material-symbols-rounded{font-size:16px!important}.sat-description{font-size:.85rem!important}}@media (max-width:480px){.sat-info-grid{grid-template-columns:1fr!important}.sat-assignment-title-section h3{font-size:1rem!important}}@media (max-width:768px){.sat-container{padding:0!important}.sat-assignments-list{gap:1rem}.sat-assignment-card:hover{box-shadow:0 2px 8px #0000000f;transform:none}.sat-attempt-status{border-radius:10px;margin-bottom:1rem;padding:.875rem}.sat-attempt-header{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.sat-attempt-header h4{font-size:.9rem}.sat-attempt-badge{font-size:.68rem;padding:.2rem .5rem}.sat-score-value{font-size:1.1rem}.sat-grade-value{font-size:1.25rem}.sat-grade-display{padding:.6rem}.sat-attempt-time{display:flex;flex-wrap:wrap;font-size:.75rem;gap:.25rem;line-height:1.6}.sat-time-separator{margin:0 .1rem}.sat-result-badge{font-size:.8rem;padding:.5rem .875rem}.sat-offline-instructions{border-radius:10px;margin-bottom:1rem;padding:.875rem}.sat-offline-header{font-size:.875rem}.sat-assignment-actions{flex-direction:column;gap:.625rem}.sat-assignment-actions .sat-btn{justify-content:center;width:100%}.sat-display-id{font-size:.75rem}.sat-confirm-body{padding:1rem}.sat-confirm-header{padding:1rem 1rem .875rem}.sat-confirm-icon{font-size:28px}.sat-confirm-header h3{font-size:1.1rem}}@media (max-width:480px){.sat-assignment-card{border-radius:10px!important}.sat-attempt-status{padding:.75rem}.sat-score-display{flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.sat-offline-instructions p,.sat-percentage{font-size:.8rem}.sat-assignment-info{margin-bottom:1rem}}.exam-warning-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.exam-warning-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:2.5rem;width:90%}[data-theme=dark] .exam-warning-modal{background:#1f2937}.exam-warning-icon{color:#f59e0b;display:block;font-size:64px;margin-bottom:1rem;text-align:center}.exam-warning-modal h2{color:#1e293b;font-size:1.75rem;margin:0 0 1.5rem;text-align:center}[data-theme=dark] .exam-warning-modal h2{color:#fff}.exam-warning-list{list-style:none;margin:0 0 2rem;padding:0}.exam-warning-list li{color:#475569;line-height:1.6;padding:.75rem 0 .75rem 2rem;position:relative}[data-theme=dark] .exam-warning-list li{color:#e5e7eb}.exam-warning-list li:before{color:#3b82f6;content:"•";font-size:1.5rem;font-weight:900;left:.5rem;position:absolute}.exam-warning-actions{display:flex;gap:1rem;justify-content:flex-end}.exam-fullscreen-overlay{align-items:center;animation:exam-fade-in .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes exam-fade-in{0%{opacity:0}to{opacity:1}}.exam-fullscreen-container{background:#f8fafc;display:flex;flex-direction:column;height:100%;width:100%}[data-theme=dark] .exam-fullscreen-container{background:#111827}.exam-loading{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.exam-loading p{color:#fff;font-size:1.125rem}.exam-spinner{animation:exam-spin 1s linear infinite;border:6px solid #fff3;border-radius:50%;border-top-color:#3b82f6;height:64px;width:64px}@keyframes exam-spin{to{transform:rotate(1turn)}}.exam-header{align-items:center;background:#fff;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:1.5rem 2rem}[data-theme=dark] .exam-header{background:#1f2937;border-bottom-color:#4b55634d}.exam-header-left h2{color:#1e293b;font-size:1.5rem;margin:0 0 .5rem}[data-theme=dark] .exam-header-left h2{color:#fff}.exam-progress{color:#64748b;font-size:.875rem;font-weight:500}.exam-timer{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;color:#1e40af;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem}.exam-timer.warning{animation:exam-pulse 1s infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}@keyframes exam-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.exam-saving{align-items:center;color:#10b981;display:flex;font-size:.875rem;gap:.5rem}.exam-saving-spinner{animation:exam-spin .8s linear infinite;border:2px solid #d1fae5;border-radius:50%;border-top-color:#10b981;height:16px;width:16px}.exam-content{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:2rem}.exam-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #00000014;max-width:900px;padding:2.5rem;width:100%}[data-theme=dark] .exam-question-card{background:#1f2937;border-color:#4b55634d}.exam-question-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}[data-theme=dark] .exam-question-header{border-bottom-color:#4b55634d}.exam-question-number{color:#3b82f6;font-size:1.125rem;font-weight:700}.exam-question-marks{color:#10b981;font-size:.95rem;font-weight:600}.exam-question-text{color:#1e293b;font-size:1.125rem;line-height:1.8;margin-bottom:2rem}[data-theme=dark] .exam-question-text{color:#fff}.exam-options{display:flex;flex-direction:column;gap:1rem}.exam-mcq-note{align-items:center;background:linear-gradient(135deg,#3b82f61a,#1d4ed80d);border:1px solid #3b82f64d;border-radius:8px;color:#1e40af;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1rem}[data-theme=dark] .exam-mcq-note{background:#3b82f626;color:#60a5fa}.exam-mcq-note .material-symbols-rounded{font-size:20px}.exam-option{align-items:flex-start;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .2s}.exam-option:hover{background:#f1f5f9;border-color:#3b82f6}.exam-option.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}[data-theme=dark] .exam-option{background:#1f293780;border-color:#4b55634d}[data-theme=dark] .exam-option:hover{background:#37415180;border-color:#60a5fa}[data-theme=dark] .exam-option.selected{background:#3b82f633;border-color:#60a5fa}.exam-option-radio{flex-shrink:0}.exam-checkbox,.exam-radio{align-items:center;border:2px solid #cbd5e1;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.exam-radio{border-radius:50%}.exam-checkbox{border-radius:6px}.exam-checkbox.checked,.exam-radio.checked{background:#3b82f6;border-color:#3b82f6}.exam-radio-inner{background:#fff;border-radius:50%;height:10px;width:10px}.exam-checkbox .material-symbols-rounded{color:#fff;font-size:18px}.exam-option-content{display:flex;flex:1 1;gap:.75rem}.exam-option-label{color:#3b82f6;flex-shrink:0;font-weight:700}.exam-option-text{color:#1e293b;line-height:1.6}[data-theme=dark] .exam-option-text{color:#e5e7eb}.exam-text-answer{margin-top:1rem}.exam-text-answer textarea{border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:1rem;line-height:1.6;padding:1.25rem;resize:vertical;transition:all .2s;width:100%}.exam-text-answer textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}[data-theme=dark] .exam-text-answer textarea{background:#1f293780;border-color:#4b55634d;color:#fff}.exam-footer{align-items:center;background:#fff;border-top:2px solid #e2e8f0;box-shadow:0 -2px 8px #0000000d;display:flex;justify-content:space-between;padding:1.5rem 2rem}[data-theme=dark] .exam-footer{background:#1f2937;border-top-color:#4b55634d}.exam-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .2s}.exam-btn:disabled{cursor:not-allowed;opacity:.5}.exam-btn.cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b}.exam-btn.primary,.exam-btn.start{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.exam-btn.primary:hover,.exam-btn.start:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.exam-btn.submit{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.exam-btn.submit:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.exam-btn.secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.exam-question-indicators{display:flex;flex-wrap:wrap;gap:.5rem;max-width:600px}.exam-indicator{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .2s;width:40px}.exam-indicator:hover{background:#f1f5f9;border-color:#3b82f6}.exam-indicator.current{background:#3b82f6;border-color:#3b82f6;color:#fff}.exam-indicator.answered{background:#10b981;border-color:#10b981;color:#fff}.exam-submit-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.exam-submit-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2rem;width:90%}[data-theme=dark] .exam-submit-modal{background:#1f2937}.exam-submit-modal h3{color:#1e293b;font-size:1.5rem;margin:0 0 1rem}[data-theme=dark] .exam-submit-modal h3{color:#fff}.exam-submit-modal p{color:#64748b;line-height:1.6;margin:0 0 1.5rem}.exam-submit-stats{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.exam-submit-stat{text-align:center}.exam-submit-stat-value{color:#3b82f6;display:block;font-size:2.5rem;font-weight:700}.exam-submit-stat-label{color:#64748b;display:block;font-size:.875rem;margin-top:.5rem}.exam-submit-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width:768px){.exam-warning-modal{border-radius:12px;max-height:90vh;overflow-y:auto;padding:1.5rem;width:94%}.exam-warning-icon{font-size:48px;margin-bottom:.75rem}.exam-warning-modal h2{font-size:1.35rem;margin-bottom:1rem}.exam-warning-list li{font-size:.875rem;padding:.5rem 0 .5rem 1.75rem}.exam-warning-actions{flex-direction:column-reverse;gap:.75rem}.exam-warning-actions .exam-btn{justify-content:center;width:100%}.exam-header{flex-wrap:wrap;gap:.5rem;padding:.875rem 1rem}.exam-header-left h2{font-size:1rem;margin-bottom:.25rem}.exam-progress{font-size:.75rem}.exam-timer{border-radius:8px;font-size:1rem;padding:.5rem 1rem}.exam-saving{font-size:.75rem}.exam-content{padding:1rem}.exam-question-card{border-radius:12px;max-width:100%;padding:1.25rem}.exam-question-header{margin-bottom:1rem;padding-bottom:.75rem}.exam-question-number{font-size:.95rem}.exam-question-marks{font-size:.85rem}.exam-question-text{font-size:.975rem;line-height:1.7;margin-bottom:1.25rem}.exam-option{border-radius:10px;gap:.75rem;padding:.875rem}.exam-option-text{font-size:.9rem}.exam-mcq-note{font-size:.8rem;padding:.6rem .875rem}.exam-text-answer textarea{border-radius:10px;font-size:.95rem;padding:.875rem}.exam-footer{gap:.5rem;padding:.875rem 1rem}.exam-btn{border-radius:8px;font-size:.875rem;padding:.625rem 1rem}.exam-question-indicators{-webkit-overflow-scrolling:touch;flex:1 1;flex-wrap:nowrap;max-width:none;overflow-x:auto;padding:.25rem 0;scrollbar-width:none}.exam-question-indicators::-webkit-scrollbar{display:none}.exam-indicator{border-radius:6px;flex-shrink:0;font-size:.8rem;height:34px;width:34px}.exam-submit-modal{border-radius:12px;padding:1.5rem;width:92%}.exam-submit-modal h3{font-size:1.2rem;margin-bottom:.75rem}.exam-submit-modal p{font-size:.875rem;margin-bottom:1rem}.exam-submit-stats{gap:1.5rem;margin-bottom:1.5rem}.exam-submit-stat-value{font-size:2rem}.exam-submit-stat-label{font-size:.8rem}.exam-submit-actions{flex-direction:column-reverse;gap:.75rem}.exam-submit-actions .exam-btn{justify-content:center;width:100%}}@media (max-width:480px){.exam-warning-modal{padding:1.25rem;width:96%}.exam-warning-modal h2{font-size:1.2rem}.exam-warning-icon{font-size:40px}.exam-warning-list li{font-size:.82rem}.exam-header{padding:.75rem}.exam-header-left h2,.exam-timer{font-size:.9rem}.exam-timer{padding:.4rem .75rem}.exam-content{padding:.75rem}.exam-question-card{padding:1rem}.exam-question-text{font-size:.9rem}.exam-footer,.exam-option{padding:.75rem}.exam-footer{gap:.375rem}.exam-btn{font-size:.8rem;gap:.25rem;padding:.5rem .75rem}.exam-btn .material-symbols-rounded{font-size:17px}.exam-indicator{font-size:.75rem;height:30px;width:30px}}.sev-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Google Sans,Poppins,sans-serif;min-height:100vh;padding:2rem}[data-theme=dark] .sev-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.sev-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.sev-spinner{animation:sev-spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#7c3aed;height:48px;width:48px}@keyframes sev-spin{to{transform:rotate(1turn)}}.sev-message{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;gap:.75rem;left:50%;padding:1rem 1.5rem;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.sev-message.success{background:linear-gradient(135deg,#d1fae5,#f0fdf4);border:1px solid #34d399;color:#065f46}.sev-message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#b91c1c}.sev-back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.sev-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateX(-4px)}[data-theme=dark] .sev-back-btn{background:#1f2937cc;border-color:#4b55634d;color:#e5e7eb}.sev-content{display:flex;gap:1.5rem;margin:0 auto;max-width:1600px}.sev-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:1.5rem;width:400px}.sev-sidebar-section{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:1.5rem;transition:all .3s ease}.sev-sidebar-section:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}[data-theme=dark] .sev-sidebar-section{background:#1f2937cc;border-color:#4b55634d}.sev-sidebar-section.accent-purple{background:linear-gradient(135deg,#ede9fe80,#e0e7ff66);border:1px solid #8b5cf64d}[data-theme=dark] .sev-sidebar-section.accent-purple{background:linear-gradient(135deg,#6d28d933,#5b21b626)}.sev-sidebar-section h4{align-items:center;color:#334155;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}[data-theme=dark] .sev-sidebar-section h4{color:#e5e7eb}.sev-sidebar-section h4 .material-symbols-rounded{color:#7c3aed;font-size:18px}.sev-score-display{background:linear-gradient(135deg,#ede9fe99,#e0e7ff80);border:1px solid #8b5cf64d;border-radius:12px;margin-bottom:1rem;padding:1.5rem;text-align:center}.sev-score-main{color:#7c3aed;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.sev-score-percentage{color:#6d28d9;font-size:1.25rem;font-weight:600}.sev-grade-display{align-items:center;background:#fef3c780;border:1px solid #f59e0b4d;border-radius:10px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.sev-grade-display .material-symbols-rounded{color:#f59e0b;font-size:32px}.sev-grade-info{flex:1 1}.sev-grade-label{color:#92400e;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sev-grade-value{color:#d97706;font-size:1.75rem;font-weight:700}.sev-result-badge{align-items:center;border-radius:12px;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:1px;margin-bottom:1rem;padding:1rem;text-transform:uppercase}.sev-result-badge.pass{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #34d399;color:#065f46}.sev-result-badge.fail{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171;color:#991b1b}.sev-result-badge .material-symbols-rounded{font-size:24px}.sev-info-row{align-items:center;border-bottom:1px solid #e2e8f066;display:flex;justify-content:space-between;padding:.75rem 0}.sev-info-row:last-child{border-bottom:none}.sev-info-label{color:#64748b;font-size:.875rem;font-weight:600}[data-theme=dark] .sev-info-label{color:#9ca3af}.sev-info-value{color:#1e293b;font-size:.875rem;font-weight:500;text-align:right}[data-theme=dark] .sev-info-value{color:#e5e7eb}.sev-status-badge{border-radius:8px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase}.sev-status-badge.submitted{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#1e40af}.sev-status-badge.graded{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #34d399;color:#065f46}.sev-status-badge.in-progress{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.sev-summary-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.sev-summary-item{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:10px;padding:1rem;text-align:center;transition:all .2s ease}.sev-summary-item:hover{background:#ffffffe6;transform:translateY(-2px)}[data-theme=dark] .sev-summary-item{background:#11182780;border-color:#4b55634d}.sev-summary-value{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}[data-theme=dark] .sev-summary-value{color:#fff}.sev-summary-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}[data-theme=dark] .sev-summary-label{color:#9ca3af}.sev-questions-panel{flex:1 1;overflow-y:auto}.sev-question-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000d;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.sev-question-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}[data-theme=dark] .sev-question-card{background:#1f2937cc;border-color:#4b55634d}.sev-question-card.correct{background:linear-gradient(135deg,#dcfce74d,#bbf7d033);border-color:#22c55e4d}.sev-question-card.incorrect{background:linear-gradient(135deg,#fee2e24d,#fca5a533);border-color:#ef44444d}.sev-question-card.partial{background:linear-gradient(135deg,#fef3c74d,#fde04733);border-color:#f59e0b4d}.sev-question-header{align-items:center;border-bottom:1px solid #e2e8f099;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.sev-question-number{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:.5rem}[data-theme=dark] .sev-question-number{color:#fff}.sev-question-number .material-symbols-rounded{color:#7c3aed;font-size:20px}.sev-question-meta{align-items:center;display:flex;gap:.75rem}.sev-outcome-badge,.sev-question-marks,.sev-question-type{border-radius:6px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.sev-question-type{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#1e40af}.sev-question-marks{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.sev-outcome-badge.correct{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #34d399;color:#065f46}.sev-outcome-badge.partial{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.sev-outcome-badge.incorrect{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.sev-outcome-badge.ungraded{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #94a3b8;color:#475569}.sev-question-text{color:#1e293b;font-size:1rem;line-height:1.6;margin-bottom:1.25rem}[data-theme=dark] .sev-question-text{color:#e5e7eb}.sev-options-section{margin-bottom:1.25rem}.sev-options-label{color:#334155;font-size:.875rem;font-weight:600;margin-bottom:.75rem}[data-theme=dark] .sev-options-label{color:#e5e7eb}.sev-options-list{display:flex;flex-direction:column;gap:.5rem}.sev-option-row{align-items:center;background:#f8fafccc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:.75rem;padding:.875rem;transition:all .2s ease}.sev-option-row:hover{background:#ffffffe6}[data-theme=dark] .sev-option-row{background:#11182780;border-color:#4b55634d}.sev-option-row.correct-student{background:linear-gradient(135deg,#dcfce766,#bbf7d04d);border:1.5px solid #22c55e80}.sev-option-row.correct-only{background:linear-gradient(135deg,#dcfce733,#bbf7d026);border:1.5px solid #22c55e4d}.sev-option-row.wrong-student{background:linear-gradient(135deg,#fee2e266,#fca5a54d);border:1.5px solid #ef444480}.sev-option-letter{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.sev-option-text{color:#334155;flex:1 1;font-size:.9375rem}[data-theme=dark] .sev-option-text{color:#e5e7eb}.sev-option-indicators{display:flex;gap:.5rem}.sev-indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .625rem}.sev-indicator.selected{background:#3b82f633;color:#1e40af}.sev-indicator.correct{background:#22c55e33;color:#065f46}.sev-indicator.wrong{background:#ef444433;color:#991b1b}.sev-indicator .material-symbols-rounded{font-size:14px}.sev-wrong-answer-note{align-items:center;background:#fee2e24d;border:1px solid #ef44444d;border-radius:8px;color:#991b1b;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.875rem}.sev-wrong-answer-note .material-symbols-rounded{font-size:18px}.sev-text-answers{margin-bottom:1.25rem}.sev-model-answer,.sev-student-answer{margin-bottom:1rem}.sev-model-answer label,.sev-student-answer label{align-items:center;color:#334155;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.sev-model-answer label .material-symbols-rounded,.sev-student-answer label .material-symbols-rounded{color:#7c3aed;font-size:18px}[data-theme=dark] .sev-model-answer label,[data-theme=dark] .sev-student-answer label{color:#e5e7eb}.sev-answer-text{background:#f8fafccc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-size:.9375rem;line-height:1.6;padding:1rem}[data-theme=dark] .sev-answer-text{background:#11182780;border-color:#4b55634d;color:#e5e7eb}.sev-no-answer{color:#94a3b8;font-style:italic}.sev-marks-display{align-items:center;background:#f8fafccc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}[data-theme=dark] .sev-marks-display{background:#11182780;border-color:#4b55634d}.sev-marks-label{color:#334155;font-size:.875rem;font-weight:600}[data-theme=dark] .sev-marks-label{color:#e5e7eb}.sev-marks-value{color:#7c3aed;font-size:1.125rem;font-weight:700}.sev-feedback-section{background:linear-gradient(135deg,#fef3c74d,#fde04733);border:1px solid #f59e0b4d;border-radius:10px;margin-top:1rem;padding:1rem}.sev-feedback-header{align-items:center;color:#92400e;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.sev-feedback-header .material-symbols-rounded{font-size:18px}.sev-feedback-text{color:#78350f;font-size:.9375rem;line-height:1.6}[data-theme=dark] .sev-feedback-text{color:#fbbf24}@media (max-width:1200px){.sev-content{flex-direction:column}.sev-sidebar{width:100%}}@media (max-width:768px){.sev-container{padding:1rem}.sev-message{box-sizing:border-box;font-size:.875rem;left:1rem!important;padding:.75rem 1rem;right:1rem!important;transform:none!important;width:calc(100vw - 2rem)!important}.sev-back-btn{font-size:.875rem;margin-bottom:1rem;padding:.625rem 1rem}.sev-back-btn:hover{transform:none}.sev-content,.sev-sidebar{flex-direction:column;gap:1rem}.sev-sidebar{width:100%!important}.sev-sidebar-section{border-radius:14px;padding:1rem}.sev-sidebar-section:hover{transform:none}.sev-sidebar-section h4{font-size:.8rem;margin-bottom:.75rem}.sev-score-display{align-items:center;display:flex;gap:1.5rem;padding:1rem;text-align:left}.sev-score-main{font-size:2rem;margin-bottom:0}.sev-score-percentage{font-size:1rem}.sev-grade-display{gap:.75rem;padding:.75rem}.sev-grade-display .material-symbols-rounded{font-size:26px}.sev-grade-value{font-size:1.5rem}.sev-result-badge{font-size:.875rem;padding:.75rem}.sev-info-row{flex-wrap:wrap;gap:.25rem;padding:.5rem 0}.sev-info-label{flex:0 0 auto;font-size:.8rem}.sev-info-value{flex:1 1;font-size:.8rem;text-align:right;word-break:break-word}.sev-summary-grid{gap:.625rem;grid-template-columns:repeat(2,1fr)}.sev-summary-item{padding:.75rem .5rem}.sev-summary-item:hover{transform:none}.sev-summary-value{font-size:1.25rem}.sev-summary-label{font-size:.7rem}.sev-question-card{border-radius:12px;margin-bottom:1rem;padding:1rem}.sev-question-card:hover{transform:none}.sev-question-header{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding-bottom:.625rem}.sev-question-number{font-size:.9rem}.sev-question-number .material-symbols-rounded{font-size:18px}.sev-question-meta{flex-wrap:wrap;gap:.375rem}.sev-outcome-badge,.sev-question-marks,.sev-question-type{font-size:.7rem;padding:.2rem .5rem}.sev-question-text{font-size:.9375rem;margin-bottom:.875rem}.sev-option-row{border-radius:8px;gap:.625rem;padding:.75rem}.sev-option-row:hover{transform:none}.sev-option-letter{border-radius:6px;flex-shrink:0;font-size:.8rem;height:30px;width:30px}.sev-option-text{font-size:.875rem}.sev-option-indicators{flex-wrap:wrap;margin-top:.375rem;width:100%}.sev-indicator{font-size:.7rem;padding:.2rem .5rem}.sev-indicator .material-symbols-rounded{font-size:13px}.sev-answer-text{font-size:.875rem;padding:.75rem}.sev-model-answer label,.sev-student-answer label{font-size:.8rem}.sev-marks-display{gap:.5rem;margin-top:.75rem;padding:.75rem}.sev-marks-label{font-size:.8rem}.sev-marks-value{font-size:1rem}.sev-feedback-section{padding:.75rem}.sev-feedback-header{font-size:.8rem}.sev-feedback-text{font-size:.875rem}.sev-wrong-answer-note{font-size:.8rem;padding:.75rem}}@media (max-width:480px){.sev-container{padding:.75rem}.sev-score-display{flex-direction:column;gap:.25rem;padding:.875rem;text-align:center}.sev-score-main{font-size:1.75rem}.sev-question-card{padding:.875rem}.sev-summary-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.sev-summary-value{font-size:1.1rem}.sev-status-badge{font-size:.7rem;padding:.3rem .625rem}}.scnt-container{padding:0;position:relative}.scnt-toast{align-items:center;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;gap:.75rem;max-width:500px;min-width:320px;padding:1rem 1.25rem;position:fixed;right:20px;top:20px;z-index:10000}.scnt-toast-success{border-left:4px solid #10b981}.scnt-toast-error{border-left:4px solid #ef4444}.scnt-toast-warning{border-left:4px solid #f59e0b}.scnt-toast-info{border-left:4px solid #3b82f6}.scnt-toast-icon{flex-shrink:0;font-size:24px}.scnt-toast-success .scnt-toast-icon{color:#10b981}.scnt-toast-error .scnt-toast-icon{color:#ef4444}.scnt-toast-warning .scnt-toast-icon{color:#f59e0b}.scnt-toast-info .scnt-toast-icon{color:#3b82f6}.scnt-toast-message{color:#111827;flex:1 1;font-size:.9375rem;font-weight:500}.scnt-toast-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.scnt-toast-close:hover{background:#0000001a;transform:rotate(90deg)}.scnt-toast-close .material-symbols-rounded{color:#6b7280;font-size:18px}.scnt-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-bottom:1px solid #e5e7ebcc;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem}.scnt-header-title{align-items:center;display:flex;gap:.75rem}.scnt-header-title .material-symbols-rounded{color:#3b82f6;font-size:24px}.scnt-header-title h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.scnt-header-actions{flex-wrap:wrap;gap:.75rem}.scnt-search-box{align-items:center;display:flex;position:relative}.scnt-search-icon{color:#6b7280;font-size:20px;left:.75rem;pointer-events:none;position:absolute}.scnt-search-input{background:#ffffffe6;border:2px solid #e5e7ebcc;border-radius:10px;color:#111827;font-family:inherit;font-size:.875rem;min-width:250px;padding:.625rem 2.5rem;transition:all .2s}.scnt-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.scnt-search-input::placeholder{color:#9ca3af}.scnt-search-clear{align-items:center;background:#6b72801a;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:.5rem;transition:all .2s;width:24px}.scnt-search-clear:hover{background:#6b728033}.scnt-search-clear .material-symbols-rounded{color:#6b7280;font-size:16px}.scnt-filter-select{-webkit-appearance:none;appearance:none;background:#ffffffe6 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E") no-repeat right .5rem center/1.25rem;border:2px solid #e5e7ebcc;border-radius:10px;color:#111827;cursor:pointer;font-family:inherit;font-size:.875rem;padding:.625rem 2.5rem .625rem .875rem;transition:all .2s}.scnt-filter-select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.scnt-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.scnt-spinner{animation:spin 1s linear infinite;color:#3b82f6;font-size:48px;margin-bottom:1rem}.scnt-loading-state p{color:#6b7280;font-size:.9375rem;margin:0}.scnt-notes-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.scnt-note-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:2px solid #e5e7ebcc;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.scnt-note-card:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.scnt-note-unread{background:linear-gradient(90deg,#3b82f60d,#fffc);border-left:4px solid #3b82f6}.scnt-note-expanded{border-color:#3b82f666;box-shadow:0 8px 24px #3b82f626}.scnt-note-header{align-items:flex-start;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem}.scnt-note-title-section{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem}.scnt-unread-indicator{animation:pulse 2s ease-in-out infinite;background:#3b82f6;border-radius:50%;flex-shrink:0;height:10px;width:10px}.scnt-note-title-section h4{color:#111827;flex:1 1;font-size:1.0625rem;font-weight:600;margin:0}.scnt-header-actions{align-items:center;display:flex;gap:.5rem}.scnt-action-btn{align-items:center;background:#3b82f61a;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.scnt-action-btn:hover{transform:scale(1.05)}.scnt-action-btn .material-symbols-rounded{color:#3b82f6;font-size:20px}.scnt-fullscreen-btn:hover{background:#10b98126}.scnt-fullscreen-btn:hover .material-symbols-rounded{color:#10b981}.scnt-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.025em;padding:.375rem .75rem;text-transform:uppercase}.scnt-status-published{background:#10b9811a;color:#10b981}.scnt-status-published .material-symbols-rounded{font-size:16px}.scnt-expand-btn{align-items:center;background:#3b82f61a;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.scnt-expand-btn:hover{background:#3b82f633;transform:scale(1.05)}.scnt-expand-btn .material-symbols-rounded{color:#3b82f6;font-size:24px}.scnt-note-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.5rem;padding:0 1.25rem .75rem}.scnt-note-author{align-items:center;display:inline-flex;gap:.375rem}.scnt-note-author .material-symbols-rounded{font-size:16px}.scnt-version{background:#6b72801a;border-radius:4px;font-weight:600;padding:.125rem .5rem}.scnt-note-preview{color:#4b5563;font-size:.9375rem;line-height:1.6;padding:0 1.25rem 1rem}.scnt-ai-summary{background:linear-gradient(135deg,#10b9810d,#0596690d);border:2px solid #10b98133;border-radius:10px;margin:0 1.25rem 1rem;padding:1rem}.scnt-ai-summary-header{align-items:center;color:#10b981;display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.scnt-ai-summary-header .material-symbols-rounded{font-size:20px}.scnt-ai-summary-content{color:#374151;font-size:.875rem;line-height:1.7}.scnt-ai-summary-content h1,.scnt-ai-summary-content h2,.scnt-ai-summary-content h3,.scnt-ai-summary-content h4,.scnt-ai-summary-content h5{color:#111827;margin:.75rem 0 .5rem}.scnt-ai-summary-content h1{font-size:1.25rem}.scnt-ai-summary-content h2{font-size:1.125rem}.scnt-ai-summary-content h3{font-size:1rem}.scnt-ai-summary-content h4{font-size:.9375rem}.scnt-ai-summary-content h5{font-size:.875rem}.scnt-ai-summary-content p{margin:.5rem 0}.scnt-ai-summary-content strong{color:#111827;font-weight:600}.scnt-ai-summary-content ol,.scnt-ai-summary-content ul{margin:.5rem 0;padding-left:1.25rem}.scnt-ai-summary-content li{margin:.25rem 0}.scnt-ai-summary-content li::marker{color:#10b981}.scnt-note-content{color:#374151;font-size:.9375rem;line-height:1.8;padding:0 1.25rem 1rem}.scnt-note-content h1,.scnt-note-content h2,.scnt-note-content h3,.scnt-note-content h4,.scnt-note-content h5{color:#111827;margin:1.5rem 0 .75rem}.scnt-note-content h1{border-bottom:3px solid #3b82f6;font-size:1.875rem;font-weight:700;padding-bottom:.5rem}.scnt-note-content h2{border-bottom:2px solid #3b82f64d;font-size:1.5rem;font-weight:700;padding-bottom:.375rem}.scnt-note-content h3{font-size:1.25rem;font-weight:600}.scnt-note-content h4{font-size:1.0625rem;font-weight:600}.scnt-note-content h5{font-size:.9375rem;font-weight:600}.scnt-note-content p{margin:.875rem 0}.scnt-note-content strong{color:#111827;font-weight:600}.scnt-note-content em{font-style:italic}.scnt-note-content ol,.scnt-note-content ul{margin:1rem 0;padding-left:1.75rem}.scnt-note-content li{line-height:1.7;margin:.5rem 0}.scnt-note-content li::marker{color:#3b82f6;font-weight:600}.scnt-note-content hr{border:none;border-top:2px solid #e5e7ebcc;margin:2rem 0}.scnt-note-content code{background:#ef44441a;border:1px solid #ef444433;border-radius:4px;color:#dc2626;font-family:Courier New,Courier,monospace;font-size:.875rem;padding:.2rem .4rem}.scnt-note-content pre{background:#1f2937;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1.25rem}.scnt-note-content pre code{background:#0000;border:none;color:#f3f4f6;padding:0}.scnt-note-chapter{align-items:center;background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:6px;color:#3b82f6;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin:1rem 1.25rem;padding:.75rem 1rem}.scnt-note-chapter .material-symbols-rounded{font-size:18px}.scnt-reactions-section{background:#f9fafb80;border-top:1px solid #e5e7eb80;padding:1rem 1.25rem 1.25rem}.scnt-reactions{display:flex;flex-wrap:wrap;gap:.75rem}.scnt-reaction-btn{align-items:center;background:#ffffffe6;border:2px solid #e5e7ebcc;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.scnt-reaction-btn:hover{background:#fff;border-color:var(--reaction-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.scnt-reaction-btn .material-symbols-rounded{color:var(--reaction-color);font-size:20px;transition:all .2s}.scnt-reaction-active{background:var(--reaction-color);border-color:var(--reaction-color);box-shadow:0 4px 12px #00000026;color:#fff}.scnt-reaction-active .material-symbols-rounded{color:#fff;font-variation-settings:"FILL" 1}.scnt-reaction-active .scnt-reaction-label{color:#fff}.scnt-reaction-label{font-weight:600}.scnt-reaction-count{background:#ffffff4d;border-radius:12px;font-size:.75rem;font-weight:700;min-width:24px;padding:.125rem .5rem;text-align:center}.scnt-reaction-active .scnt-reaction-count{background:#ffffff40}.scnt-empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.scnt-empty-state .material-symbols-rounded{font-size:80px;margin-bottom:1rem;opacity:.5}.scnt-empty-state p{color:#6b7280;font-size:1.0625rem;margin:0 0 1.5rem}.scnt-clear-filters-btn{background:#0000;border:2px solid #3b82f6;border-radius:10px;color:#3b82f6;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.scnt-clear-filters-btn:hover{background:#3b82f61a;transform:translateY(-1px)}.scnt-read-mode-overlay{-webkit-overflow-scrolling:touch;animation:fadeIn .3s ease-out;background:#fffffffa;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:999999}.scnt-read-mode-container{animation:slideUp .3s ease-out;display:flex;flex-direction:column;height:100%;height:100dvh;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.scnt-read-mode-header{align-items:flex-start;border-bottom:2px solid #e5e7ebcc;display:flex;flex-shrink:0;gap:2rem;justify-content:space-between;padding:2rem 3rem}.scnt-read-mode-title-section{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-width:0}.scnt-read-mode-title-section h1{color:#111827;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}.scnt-read-mode-close{align-items:center;background:#ffffffe6;border:2px solid #e5e7ebcc;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.scnt-read-mode-close:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.scnt-read-mode-close .material-symbols-rounded{font-size:20px}.scnt-read-mode-meta{background:#f9fafb80;border-bottom:1px solid #e5e7ebcc;display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 3rem}.scnt-read-mode-meta-item{align-items:center;color:#6b7280;display:flex;font-size:.9375rem;gap:.5rem}.scnt-read-mode-meta-item .material-symbols-rounded{color:#3b82f6;font-size:20px}.scnt-ai-summary-float-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981f2,#059669f2);border:2px solid #10b9814d;border-radius:50%;bottom:2rem;box-shadow:0 8px 32px #10b98166,inset 0 0 0 1px #ffffff1a;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:100000}.scnt-ai-summary-float-btn .material-symbols-rounded{animation:pulse-glow 2s ease-in-out infinite;color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.5));font-size:28px}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,255,255,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 16px rgba(255,255,255,.8));transform:scale(1.05)}}.scnt-ai-summary-float-btn:hover{box-shadow:0 12px 48px #10b98180,inset 0 0 0 1px #fff3;transform:scale(1.1)}.scnt-ai-summary-float-btn:active{transform:scale(1.05)}.scnt-pinned-indicator{animation:blink 1s ease-in-out infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.scnt-ai-summary-popup{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #10b98133;border-radius:16px;bottom:6rem;box-shadow:0 20px 60px #00000026,inset 0 0 0 1px #ffffff80;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:fixed;right:2rem;width:420px;z-index:1000000}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scnt-ai-summary-popup.pinned{border-color:#10b98166;box-shadow:0 20px 60px #10b98133,inset 0 0 0 1px #ffffff80}.scnt-ai-summary-popup-header{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596690d);border-bottom:2px solid #10b98133;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.scnt-ai-summary-popup-title{align-items:center;display:flex;gap:.75rem}.scnt-ai-summary-popup-title .material-symbols-rounded{color:#10b981;filter:drop-shadow(0 0 8px rgba(16,185,129,.3));font-size:24px}.scnt-ai-summary-popup-title h4{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.scnt-ai-summary-pin-btn{align-items:center;background:#10b9811a;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.scnt-ai-summary-pin-btn:hover{background:#10b98133;transform:rotate(15deg)}.scnt-ai-summary-pin-btn .material-symbols-rounded{color:#10b981;font-size:20px}.scnt-ai-summary-popup-content{color:#374151;flex:1 1;font-size:1rem;line-height:1.7;overflow-y:auto;padding:1.5rem}.scnt-ai-summary-popup-content::-webkit-scrollbar{width:6px}.scnt-ai-summary-popup-content::-webkit-scrollbar-track{background:#10b9810d}.scnt-ai-summary-popup-content::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:3px}.scnt-ai-summary-popup-content::-webkit-scrollbar-thumb:hover{background:#10b98180}.scnt-ai-summary-popup-footer{align-items:center;background:#f9fafbcc;border-top:2px solid #e5e7eb80;color:#6b7280;display:flex;flex-shrink:0;font-size:.8125rem;gap:.5rem;padding:1rem 1.5rem}.scnt-ai-summary-popup-footer .material-symbols-rounded{color:#10b981;font-size:16px}.scnt-read-mode-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2rem 3rem}.scnt-read-mode-content::-webkit-scrollbar{width:8px}.scnt-read-mode-content::-webkit-scrollbar-track{background:#f3f4f680}.scnt-read-mode-content::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:4px}.scnt-read-mode-content::-webkit-scrollbar-thumb:hover{background:#6b7280b3}.scnt-read-mode-text{color:#374151;font-size:1.0625rem;line-height:1.8;max-width:100%}.scnt-read-mode-text p{margin:1.25rem 0}.scnt-read-mode-text p:last-child{margin-bottom:0}.scnt-read-mode-text h1,.scnt-read-mode-text h2,.scnt-read-mode-text h3,.scnt-read-mode-text h4{color:#111827;font-weight:700;margin:2.5rem 0 1rem}.scnt-read-mode-text h1{font-size:2.25rem}.scnt-read-mode-text h2{font-size:1.875rem}.scnt-read-mode-text h3{font-size:1.5rem}.scnt-read-mode-text h4{font-size:1.25rem}.scnt-read-mode-text strong{color:#111827;font-weight:600}.scnt-read-mode-text ol,.scnt-read-mode-text ul{margin:1.25rem 0;padding-left:2rem}.scnt-read-mode-text li{line-height:1.7;margin:.75rem 0}.scnt-read-mode-text li::marker{color:#3b82f6}.scnt-read-mode-text hr{border:none;border-top:2px solid #e5e7ebcc;margin:2.5rem 0}.scnt-read-mode-text code{background:#ef44441a;border:1px solid #ef444433;border-radius:4px;color:#dc2626;font-family:Courier New,Courier,monospace;font-size:.95em;padding:.2rem .4rem}.scnt-read-mode-text pre{background:#1f2937;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1.25rem}.scnt-read-mode-text pre code{background:#0000;border:none;color:#f3f4f6;padding:0}.scnt-read-mode-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.scnt-read-mode-empty .material-symbols-rounded{font-size:64px;margin-bottom:1rem}.scnt-read-mode-empty p{font-size:1.125rem;margin:0}.scnt-read-mode-footer{background:#f3f4f680;border-top:1px solid #e5e7ebcc;flex-shrink:0;padding:1rem 3rem;text-align:center}.scnt-read-mode-hint{align-items:center;color:#6b7280;display:inline-flex;font-size:.875rem;gap:.5rem}.scnt-read-mode-hint .material-symbols-rounded{font-size:18px}.scnt-read-mode-hint kbd{background:#374151;border-radius:4px;color:#fff;font-family:monospace;font-size:.8125rem;font-weight:600;padding:.25rem .5rem}.scnt-note-status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;letter-spacing:.025em;padding:.5rem 1rem;text-transform:uppercase}.scnt-note-status-badge .material-symbols-rounded{font-size:18px}@media (max-width:768px){.scnt-header{align-items:stretch;flex-direction:column}.scnt-header-actions{flex-direction:column;width:100%}.scnt-filter-select,.scnt-search-input{min-width:auto;width:100%}.scnt-notes-list{padding:1rem}.scnt-note-card{border-radius:10px}.scnt-ai-summary,.scnt-note-content,.scnt-note-header,.scnt-note-meta,.scnt-note-preview{padding-left:1rem;padding-right:1rem}.scnt-note-title-section h4{font-size:1rem}.scnt-reactions{gap:.5rem}.scnt-reaction-btn{flex:1 1;justify-content:center;min-width:0}.scnt-note-content h1{font-size:1.5rem}.scnt-note-content h2{font-size:1.25rem}.scnt-note-content h3{font-size:1.125rem}.scnt-read-mode-header{flex-direction:column;gap:1rem;padding:1.5rem}.scnt-read-mode-title-section h1{font-size:1.875rem}.scnt-read-mode-content,.scnt-read-mode-footer,.scnt-read-mode-meta{padding-left:1.5rem;padding-right:1.5rem}.scnt-read-mode-container{height:100dvh;height:100vh}.scnt-read-mode-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:scroll;padding-bottom:env(safe-area-inset-bottom,1.5rem)}.scnt-read-mode-text h1{font-size:1.75rem}.scnt-read-mode-text h2{font-size:1.5rem}.scnt-read-mode-text h3{font-size:1.25rem}.scnt-ai-summary-popup{bottom:5rem;left:1rem;right:1rem;width:auto}.scnt-ai-summary-float-btn{bottom:1.5rem;height:52px;right:1.5rem;width:52px}.scnt-ai-summary-float-btn .material-symbols-rounded{font-size:24px}}@media (max-width:480px){.scnt-toast{left:10px;min-width:auto;right:10px;top:10px}.scnt-note-header{padding:1rem}.scnt-note-meta{font-size:.75rem}.scnt-reactions-section{padding:.75rem 1rem 1rem}.scnt-reaction-label{display:none}.scnt-reaction-btn{padding:.5rem .75rem}}[data-theme=dark] .scnt-container{--scnt-bg-primary:#1a1a1af2;--scnt-bg-secondary:#262626f2;--scnt-bg-tertiary:#333333e6;--scnt-text-primary:#e5e7eb;--scnt-text-secondary:#9ca3af;--scnt-text-tertiary:#6b7280;--scnt-border-primary:#4b55634d;--scnt-border-secondary:#3741514d}[data-theme=dark] .scnt-toast{background:#262626fa;border-left-color:initial}[data-theme=dark] .scnt-toast-message{color:#e5e7eb}[data-theme=dark] .scnt-toast-close{background:#ffffff1a}[data-theme=dark] .scnt-toast-close:hover{background:#ffffff26}[data-theme=dark] .scnt-toast-close .material-symbols-rounded{color:#9ca3af}[data-theme=dark] .scnt-header{background:#1a1a1acc;border-bottom-color:#4b55634d}[data-theme=dark] .scnt-header-title h3{color:#e5e7eb}[data-theme=dark] .scnt-filter-select,[data-theme=dark] .scnt-search-input{background:#262626e6;border-color:#4b55634d;color:#e5e7eb}[data-theme=dark] .scnt-search-input::placeholder{color:#6b7280}[data-theme=dark] .scnt-filter-select:focus,[data-theme=dark] .scnt-search-input:focus{background:#262626;border-color:#3b82f6}[data-theme=dark] .scnt-search-icon{color:#9ca3af}[data-theme=dark] .scnt-search-clear{background:#ffffff1a}[data-theme=dark] .scnt-search-clear:hover{background:#ffffff26}[data-theme=dark] .scnt-loading-state p{color:#9ca3af}[data-theme=dark] .scnt-note-card{background:#262626cc;border-color:#4b55634d}[data-theme=dark] .scnt-note-card:hover{border-color:#3b82f680;box-shadow:0 4px 12px #3b82f633}[data-theme=dark] .scnt-note-unread{background:linear-gradient(90deg,#3b82f61a,#262626cc)}[data-theme=dark] .scnt-note-expanded{border-color:#3b82f699;box-shadow:0 8px 24px #3b82f640}[data-theme=dark] .scnt-note-title-section h4{color:#e5e7eb}[data-theme=dark] .scnt-action-btn,[data-theme=dark] .scnt-expand-btn{background:#3b82f626}[data-theme=dark] .scnt-action-btn:hover,[data-theme=dark] .scnt-expand-btn:hover{background:#3b82f640}[data-theme=dark] .scnt-note-meta{color:#9ca3af}[data-theme=dark] .scnt-version{background:#6b728033}[data-theme=dark] .scnt-note-content,[data-theme=dark] .scnt-note-preview{color:#d1d5db}[data-theme=dark] .scnt-ai-summary-content strong,[data-theme=dark] .scnt-note-content h1,[data-theme=dark] .scnt-note-content h2,[data-theme=dark] .scnt-note-content h3,[data-theme=dark] .scnt-note-content h4,[data-theme=dark] .scnt-note-content h5,[data-theme=dark] .scnt-note-content strong{color:#f3f4f6}[data-theme=dark] .scnt-note-content hr{border-top-color:#4b55634d}[data-theme=dark] .scnt-note-content code{background:#ef444426;border-color:#ef44444d}[data-theme=dark] .scnt-note-content pre{background:#1a1a1a}[data-theme=dark] .scnt-ai-summary{background:linear-gradient(135deg,#10b9811a,#05966914);border-color:#10b9814d}[data-theme=dark] .scnt-ai-summary-content{color:#d1d5db}[data-theme=dark] .scnt-ai-summary-content h1,[data-theme=dark] .scnt-ai-summary-content h2,[data-theme=dark] .scnt-ai-summary-content h3,[data-theme=dark] .scnt-ai-summary-content h4,[data-theme=dark] .scnt-ai-summary-content h5{color:#f3f4f6}[data-theme=dark] .scnt-note-chapter{background:#3b82f61a;border-left-color:#3b82f6}[data-theme=dark] .scnt-reactions-section{background:#1a1a1a80;border-top-color:#4b55634d}[data-theme=dark] .scnt-reaction-btn{background:#262626e6;border-color:#4b55634d;color:#9ca3af}[data-theme=dark] .scnt-reaction-btn:hover{background:#262626}[data-theme=dark] .scnt-reaction-active{color:#fff}[data-theme=dark] .scnt-empty-state p{color:#9ca3af}[data-theme=dark] .scnt-clear-filters-btn{border-color:#3b82f6;color:#3b82f6}[data-theme=dark] .scnt-clear-filters-btn:hover{background:#3b82f626}[data-theme=dark] .scnt-read-mode-overlay{background:#111827fa}[data-theme=dark] .scnt-read-mode-container{background:#111827}[data-theme=dark] .scnt-read-mode-header{border-bottom-color:#4b55634d}[data-theme=dark] .scnt-read-mode-title-section h1{color:#f3f4f6}[data-theme=dark] .scnt-read-mode-close{background:#262626e6;border-color:#4b55634d;color:#d1d5db}[data-theme=dark] .scnt-read-mode-close:hover{background:#3b82f626;border-color:#3b82f6;color:#3b82f6}[data-theme=dark] .scnt-read-mode-meta{background:#1a1a1a80;border-bottom-color:#4b55634d}[data-theme=dark] .scnt-read-mode-meta-item{color:#9ca3af}[data-theme=dark] .scnt-read-mode-content{background:#111827}[data-theme=dark] .scnt-read-mode-content::-webkit-scrollbar-track{background:#26262680}[data-theme=dark] .scnt-read-mode-content::-webkit-scrollbar-thumb{background:#6b728080}[data-theme=dark] .scnt-read-mode-content::-webkit-scrollbar-thumb:hover{background:#6b7280b3}[data-theme=dark] .scnt-read-mode-text{color:#d1d5db}[data-theme=dark] .scnt-read-mode-text h1,[data-theme=dark] .scnt-read-mode-text h2,[data-theme=dark] .scnt-read-mode-text h3,[data-theme=dark] .scnt-read-mode-text h4{color:#f3f4f6}[data-theme=dark] .scnt-read-mode-text h1{border-bottom-color:#3b82f6}[data-theme=dark] .scnt-read-mode-text h2{border-bottom-color:#3b82f64d}[data-theme=dark] .scnt-read-mode-text strong{color:#f3f4f6}[data-theme=dark] .scnt-read-mode-text hr{border-top-color:#4b55634d}[data-theme=dark] .scnt-read-mode-text code{background:#ef444426;border-color:#ef44444d}[data-theme=dark] .scnt-read-mode-text pre{background:#0d1117}[data-theme=dark] .scnt-read-mode-empty p{color:#9ca3af}[data-theme=dark] .scnt-read-mode-footer{background:#1a1a1a80;border-top-color:#4b55634d}[data-theme=dark] .scnt-read-mode-hint{color:#9ca3af}[data-theme=dark] .scnt-read-mode-hint kbd{background:#4b5563}[data-theme=dark] .scnt-ai-summary-popup{background:#1f2937fa;border-color:#10b9814d}[data-theme=dark] .scnt-ai-summary-popup.pinned{border-color:#10b98180}[data-theme=dark] .scnt-ai-summary-popup-header{background:linear-gradient(135deg,#10b98126,#0596691a);border-bottom-color:#10b9814d}[data-theme=dark] .scnt-ai-summary-popup-title h4{color:#f3f4f6}[data-theme=dark] .scnt-ai-summary-pin-btn{background:#10b98126}[data-theme=dark] .scnt-ai-summary-pin-btn:hover{background:#10b98140}[data-theme=dark] .scnt-ai-summary-popup-content{color:#d1d5db}[data-theme=dark] .scnt-ai-summary-popup-content::-webkit-scrollbar-track{background:#10b98114}[data-theme=dark] .scnt-ai-summary-popup-content::-webkit-scrollbar-thumb{background:#10b98166}[data-theme=dark] .scnt-ai-summary-popup-content::-webkit-scrollbar-thumb:hover{background:#10b98199}[data-theme=dark] .scnt-ai-summary-popup-footer{background:#1a1a1acc;border-top-color:#4b55634d}[data-theme=dark] .scnt-note-status-badge{background:#3b82f626;color:#60a5fa}.rt-toast{align-items:center;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:12px;box-shadow:0 8px 32px #00000026,0 0 0 1px #0000000d;display:flex;gap:.75rem;max-width:500px;min-width:320px;padding:1rem 1.25rem;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.rt-toast-success{border-left:4px solid #10b981}.rt-toast-error{border-left:4px solid #ef4444}.rt-toast-warning{border-left:4px solid #f59e0b}.rt-toast-info{border-left:4px solid #3b82f6}.rt-toast-icon{flex-shrink:0;font-size:24px}.rt-toast-success .rt-toast-icon{color:#10b981}.rt-toast-error .rt-toast-icon{color:#ef4444}.rt-toast-warning .rt-toast-icon{color:#f59e0b}.rt-toast-info .rt-toast-icon{color:#3b82f6}.rt-toast-message{color:#111827;flex:1 1;font-size:.9375rem;font-weight:500;line-height:1.5}.rt-toast-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.rt-toast-close:hover{background:#0000001a;transform:rotate(90deg)}.rt-toast-close .material-symbols-rounded{color:#6b7280;font-size:18px}[data-theme=dark] .rt-toast{background:#1a1a1afa;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a}[data-theme=dark] .rt-toast-message{color:#e5e7eb}[data-theme=dark] .rt-toast-close{background:#ffffff0d}[data-theme=dark] .rt-toast-close:hover{background:#ffffff1a}[data-theme=dark] .rt-toast-close .material-symbols-rounded{color:#9ca3af}.rt-tab{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.rt-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-bottom:1px solid #e5e7ebcc;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.rt-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.rt-create-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.rt-create-button:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.rt-create-button svg{height:18px;width:18px}.rt-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.rt-loading-spinner{animation:spin 1s linear infinite;border:4px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}:root{--tcp-overlay-bg:#1e293b99;--tcp-popup-bg:#fffffffa;--tcp-card-bg:#fffffff2;--tcp-border:#e2e8f080;--tcp-text-primary:#1e293b;--tcp-text-secondary:#475569;--tcp-text-muted:#64748b;--tcp-shadow:0 20px 60px #0000004d;--tcp-card-shadow:0 4px 12px #00000014;--tcp-upcoming-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--tcp-upcoming-text:#1e40af;--tcp-ongoing-bg:linear-gradient(135deg,#fef3c7,#fde68a);--tcp-ongoing-text:#78350f;--tcp-completed-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--tcp-completed-text:#065f46}[data-theme=dark]{--tcp-overlay-bg:#000c;--tcp-popup-bg:#1a1a1afa;--tcp-card-bg:#1a1a1af2;--tcp-border:#ffffff1a;--tcp-text-primary:#fff;--tcp-text-secondary:#ff9f0a;--tcp-text-muted:#d1d5db;--tcp-shadow:0 20px 60px #000c;--tcp-card-shadow:0 6px 20px #0009;--tcp-upcoming-bg:#00f2fe26;--tcp-upcoming-text:#00f2fe;--tcp-ongoing-bg:linear-gradient(135deg,#ffc1072e,#1a1a1af2);--tcp-ongoing-text:#ffd666;--tcp-completed-bg:linear-gradient(135deg,#065f46,#047857);--tcp-completed-text:#3efcd9}.today-classes-popup-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e293b99;background:var(--tcp-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.today-classes-popup{animation:slideUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;background:var(--tcp-popup-bg);border:1px solid #e2e8f080;border:1px solid var(--tcp-border);border-radius:20px;box-shadow:0 20px 60px #0000004d;box-shadow:var(--tcp-shadow);display:flex;flex-direction:column;font-family:Google Sans,Poppins,sans-serif;max-height:90vh;max-width:1400px;overflow:hidden;width:95%}.today-popup-header{align-items:center;background:linear-gradient(135deg,#dbeafe,#f8fafc);border-bottom:1px solid #e2e8f080;border-bottom:1px solid var(--tcp-border);display:flex;justify-content:space-between;padding:24px 32px}[data-theme=dark] .today-popup-header{background:linear-gradient(135deg,#00f2fe40,#1a1a1af2)}.header-content{align-items:center;display:flex;gap:16px}.header-content h2{color:#1e293b;color:var(--tcp-text-primary);font-size:26px;font-weight:600;letter-spacing:-.5px;margin:0}.date-badge{background:#3b82f61a;border-radius:12px;color:#1e40af;font-size:14px;font-weight:600;padding:6px 14px}[data-theme=dark] .date-badge{background:#00f2fe26;color:#00f2fe}.close-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#475569;color:var(--tcp-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.close-btn:hover{background:#0000001a;transform:scale(1.05)}[data-theme=dark] .close-btn{background:#ffffff0d}[data-theme=dark] .close-btn:hover{background:#ffffff1a}.today-classes-content{flex:1 1;overflow-y:auto;padding:32px}.loading-state{color:#475569;color:var(--tcp-text-secondary);gap:16px;padding:80px 20px}.loading-state .material-symbols-rounded{color:#3b82f6;font-size:64px}[data-theme=dark] .loading-state .material-symbols-rounded{color:#3efcd9}.rotating{animation:spin 1s linear infinite}.no-classes{color:#64748b;color:var(--tcp-text-muted);padding:80px 20px;text-align:center}.no-classes .material-symbols-rounded{color:#64748b;color:var(--tcp-text-muted);font-size:80px;margin-bottom:20px;opacity:.5}.no-classes h3{color:#1e293b;color:var(--tcp-text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.no-classes p{font-size:16px;margin:0}.classes-timeline{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.class-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--tcp-card-bg);border:1px solid #e2e8f080;border:1px solid var(--tcp-border);border-radius:16px;box-shadow:0 4px 12px #00000014;box-shadow:var(--tcp-card-shadow);overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.class-card:before{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--tcp-upcoming-bg);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.class-card.ongoing:before{animation:pulse 2s infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--tcp-ongoing-bg)}.class-card.completed:before{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--tcp-completed-bg)}.class-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}[data-theme=dark] .class-card:hover{box-shadow:0 12px 24px #000c}.class-header{justify-content:space-between;margin-bottom:14px}.class-header,.class-time{align-items:center;display:flex}.class-time{gap:6px}.time-range{color:#1e293b;color:var(--tcp-text-primary);font-size:15px;font-weight:600}.duration-badge{background:#3b82f614;border-radius:8px;color:#1e40af;font-size:12px;font-weight:600;padding:3px 10px}[data-theme=dark] .duration-badge{background:#00f2fe1a;color:#00f2fe}.status-badge{border-radius:10px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status-upcoming{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--tcp-upcoming-bg);color:#1e40af;color:var(--tcp-upcoming-text)}.status-ongoing{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--tcp-ongoing-bg);color:#78350f;color:var(--tcp-ongoing-text)}.status-completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--tcp-completed-bg);color:#065f46;color:var(--tcp-completed-text)}.subject-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--tcp-text-primary);display:-webkit-box;font-size:18px;font-weight:600;margin:0 0 14px;overflow:hidden}.class-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.info-item{color:#475569;color:var(--tcp-text-secondary);font-size:13px;gap:6px;justify-content:flex-start;margin-bottom:0}.info-item .material-symbols-rounded{color:#64748b;color:var(--tcp-text-muted);font-size:16px}.info-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-info{align-items:center;border-top:1px solid #e2e8f080;border-top:1px solid var(--tcp-border);display:flex;font-size:13px;font-weight:600;gap:6px;margin-top:14px;padding-top:14px}.class-card.upcoming .time-info{color:#1e40af}[data-theme=dark] .class-card.upcoming .time-info{color:#00f2fe}.class-card.ongoing .time-info{color:#78350f}[data-theme=dark] .class-card.ongoing .time-info{color:#ffd666}.class-card.completed .time-info{color:#065f46}[data-theme=dark] .class-card.completed .time-info{color:#3efcd9}.time-info .material-symbols-rounded{font-size:16px}.today-classes-btn{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:none;border-radius:10px;color:#1e40af;cursor:pointer;display:flex;font-family:Google Sans,Poppins,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.today-classes-btn:hover{box-shadow:0 6px 16px #3b82f64d;transform:translateY(-2px)}[data-theme=dark] .today-classes-btn{background:linear-gradient(135deg,#00f2fe40,#065f4680);color:#00f2fe}.today-classes-btn .material-symbols-rounded{font-size:20px}.count-badge{background:#fff6;border-radius:10px;font-size:12px;font-weight:700;padding:2px 8px}.today-classes-content::-webkit-scrollbar{width:8px}.today-classes-content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.today-classes-content::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.today-classes-content::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] .today-classes-content::-webkit-scrollbar-track{background:#ffffff0d}[data-theme=dark] .today-classes-content::-webkit-scrollbar-thumb{background:#fff3}@media (max-width:1200px){.classes-timeline{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.tcp-drag-handle{display:none}@media (max-width:768px){.today-classes-popup-overlay{align-items:flex-end;animation:tcpOverlayIn .25s ease-out;justify-content:center;padding:0}.today-classes-popup-overlay.closing{animation:tcpOverlayOut .3s ease-in forwards}.today-classes-popup{animation:tcpSheetUp .32s cubic-bezier(.32,.72,0,1);border-radius:20px 20px 0 0;max-height:92dvh;max-width:100%;transition:transform .2s ease;width:100%}.today-classes-popup.closing{animation:tcpSheetDown .3s cubic-bezier(.32,.72,0,1) forwards}.tcp-drag-handle{background:#0000002e;border-radius:999px;display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}[data-theme=dark] .tcp-drag-handle{background:#fff3}.today-popup-header{padding:16px 20px}.header-content h2{font-size:20px}.today-classes-content{padding:16px 20px 32px}.classes-timeline{gap:14px;grid-template-columns:1fr}.class-card{padding:14px}.today-classes-btn .btn-text{display:none}}@keyframes tcpOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes tcpOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes tcpSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tcpSheetDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (max-width:480px){.date-badge{display:none}.class-info-grid{grid-template-columns:1fr}}.class-card{cursor:pointer}.status-badge.status-scheduled{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--tcp-upcoming-bg);color:#1e40af;color:var(--tcp-upcoming-text)}.status-badge.status-cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}[data-theme=dark] .status-badge.status-cancelled{background:#f4433633;color:#ff6659}.status-badge.status-rescheduled{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f}[data-theme=dark] .status-badge.status-rescheduled{background:linear-gradient(135deg,#ffc1072e,#1a1a1af2);color:#ffd666}.student-portal{background:#f8fafc;background:var(--bg-primary,#f8fafc);display:flex;flex-direction:column;height:100vh;overflow:hidden}.student-portal-container,.student-portal-content{display:flex;flex:1 1;overflow:hidden}.student-portal-content{background:#f8fafc;background:var(--bg-primary,#f8fafc);flex-direction:column}.student-tab-content{flex:1 1;margin:.5rem;overflow-y:auto}.student-message-banner{align-items:center;display:flex;flex-shrink:0;gap:.5rem;padding:.75rem 1rem}.student-error-state,.student-loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#059669;height:48px;width:48px}.subjects-content-improved{padding:0;position:relative}.subjects-content-improved:before{background:radial-gradient(circle at 20% 50%,#3b82f608 0,#0000 50%),radial-gradient(circle at 80% 80%,#6366f108 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.enrollment-details-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f614,#6366f114);border:1px solid #3b82f633;border-radius:20px;box-shadow:0 4px 12px #3b82f61a;margin-bottom:1.5rem;padding:2rem;transition:all .3s ease}.enrollment-details-banner.minimized{padding:1rem 1.5rem}.enrollment-banner-content{display:flex;flex-direction:column;gap:1.5rem}.enrollment-header-section{align-items:flex-start;display:flex;gap:1.5rem}.enrollment-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:16px;box-shadow:0 4px 12px #3b82f64d;display:flex;flex-shrink:0;height:64px;justify-content:center;transition:all .3s ease;width:64px}.enrollment-icon-wrapper.small{border-radius:12px;height:48px;width:48px}.enrollment-icon-wrapper .material-symbols-rounded{color:#fff;font-size:32px;transition:all .3s ease}.enrollment-icon-wrapper.small .material-symbols-rounded{font-size:24px}.enrollment-main-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.enrollment-title{color:#1e293b;font-size:1.75rem;font-weight:800;line-height:1.2;margin:0;transition:all .3s ease}.enrollment-details-banner.minimized .enrollment-title{font-size:1.25rem}.enrollment-toggle-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.enrollment-toggle-btn:hover{background:#3b82f633;border-color:#3b82f666;transform:scale(1.05)}.enrollment-toggle-btn .material-symbols-rounded{font-size:24px}.enrollment-meta-row{align-items:center;animation:fadeIn .3s ease;display:flex;flex-wrap:wrap;gap:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.enrollment-badge{background:linear-gradient(135deg,#3b82f626,#6366f126);border:1px solid #3b82f64d;border-radius:10px;color:#1d4ed8;font-family:SF Mono,Monaco,monospace;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.4rem 1rem}.meta-dot{color:#94a3b8;font-weight:600}.enrollment-year{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;color:#4f46e5;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.4rem 1rem}.enrollment-year .material-symbols-rounded{font-size:16px}.enrollment-status{border:1px solid;border-radius:10px;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.4rem 1rem;text-transform:uppercase}.enrollment-status.draft{background:linear-gradient(135deg,#f59e0b26,#d9770626);border-color:#f59e0b4d;color:#d97706}.enrollment-status.active{background:linear-gradient(135deg,#22c55e26,#16a34a26);border-color:#22c55e4d;color:#16a34a}.enrollment-status.inactive{background:linear-gradient(135deg,#94a3b826,#64748b26);border-color:#94a3b84d;color:#64748b}.enrollment-status.completed{background:linear-gradient(135deg,#05966926,#065f4626);border-color:#0596694d;color:#059669}.enrollment-details-row{animation:fadeIn .3s ease;border-top:1px solid #3b82f626;display:flex;flex-wrap:wrap;gap:2rem;padding-top:1rem}.enrollment-detail-item{align-items:center;display:flex;font-size:.95rem;gap:.75rem}.enrollment-detail-item .material-symbols-rounded{color:#3b82f6;font-size:20px}.enrollment-detail-item .detail-label{color:#64748b;font-weight:600}.enrollment-detail-item .detail-value{color:#1e293b;font-weight:700}.class-teacher-info-icon{align-items:center;animation:pulseGlow 2s ease-in-out infinite;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:50%;cursor:pointer;display:inline-flex;height:22px;justify-content:center;margin-left:.5rem;transition:all .2s ease;vertical-align:middle;width:22px}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #3b82f666}50%{box-shadow:0 0 0 4px #3b82f600}}.class-teacher-info-icon:hover{animation:none;background:#3b82f633;border-color:#3b82f680;transform:scale(1.15)}.class-teacher-info-icon .material-symbols-rounded{color:#3b82f6;font-size:14px}.controls-section-improved{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1.25rem}.search-row{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.search-input-wrapper{flex:1 1;position:relative}.search-input{background:#f8fafccc;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:.95rem;padding:.75rem 3rem .75rem 2.75rem;transition:all .2s;width:100%}.search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-input::placeholder{color:#94a3b8}.search-icon{font-size:1.25rem;left:1rem;pointer-events:none}.clear-search-btn-improved,.search-icon{color:#64748b;position:absolute;top:50%;transform:translateY(-50%)}.clear-search-btn-improved{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;padding:.25rem;right:.75rem;transition:all .2s}.clear-search-btn-improved:hover{background:#f1f5f9;color:#1e293b}.clear-search-btn-improved .material-symbols-rounded{font-size:18px}.filter-chips{display:flex;flex-wrap:wrap;gap:.75rem}.filter-chip{align-items:center;background:#eff6ffcc;border:2px solid #bfdbfecc;border-radius:20px;color:#1e40af;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.filter-chip:hover{background:#dbeafee6;border-color:#93c5fde6}.filter-chip.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-chip .material-symbols-rounded{font-size:18px}.subjects-grid-improved{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.subject-card-improved{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden;position:relative;transition:all .3s ease}.subject-card-improved:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.subject-card-improved:hover:before{opacity:1}.subject-card-improved:hover{border-color:#bfdbfe;box-shadow:0 12px 30px #3b82f626;transform:translateY(-4px)}.card-header-improved{background:linear-gradient(135deg,#eff6ffcc,#dbeafecc);border-bottom:2px solid #bfdbfe;padding:1rem 1.25rem}.header-top-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.expand-card-btn-improved{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s;width:28px}.expand-card-btn-improved:hover{background:#3b82f633;border-color:#3b82f666;transform:scale(1.05)}.expand-card-btn-improved .material-symbols-rounded{font-size:18px}.subject-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.tag{align-items:center;border-radius:6px;cursor:default;display:flex;font-size:.7rem;font-weight:700;gap:.3rem;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase;transition:all .2s ease}.tag:hover{transform:scale(1.05)}.tag .material-symbols-rounded{font-size:14px;transition:transform .2s ease}.tag:hover .material-symbols-rounded{transform:rotate(5deg)}.tag-core{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;box-shadow:0 2px 4px #1665341a;color:#166534}.tag-elective{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:1px solid #f9a8d4;box-shadow:0 2px 4px #8318431a;color:#831843}.tag-theory{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;box-shadow:0 2px 4px #1e40af1a;color:#1e40af}.tag-practical{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fde047;box-shadow:0 2px 4px #92400e1a;color:#92400e}.subject-title-row{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.subject-name{color:#1e293b;flex:1 1;font-size:1.1rem;line-height:1.3;margin:0}.subject-code{background:#fff;border-radius:6px;color:#64748b;font-size:.85rem;font-weight:600;padding:.25rem .6rem;white-space:nowrap}.credits-badge{align-items:center;background:linear-gradient(135deg,#3b82f626,#6366f126);border:1px solid #3b82f633;border-radius:6px;box-shadow:0 2px 4px #3b82f61a;color:#1e40af;display:inline-flex;font-size:.8rem;font-weight:700;gap:.3rem;margin-top:.5rem;padding:.35rem .6rem;transition:all .2s ease}.credits-badge:hover{box-shadow:0 4px 8px #3b82f633;transform:scale(1.05)}.credits-badge .material-symbols-rounded{filter:drop-shadow(0 1px 2px rgba(59,130,246,.3));font-size:16px}.card-body-improved{padding:1rem 1.25rem}.teacher-section{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.75rem;transition:all .2s}.teacher-section:hover{background:#eff6ffcc;border-color:#bfdbfecc}.teacher-avatar{align-items:center;background:linear-gradient(135deg,#dbeafecc,#bfdbfecc);border:2px solid #bfdbfecc;border-radius:50%;color:#1e40af;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:42px;justify-content:center;text-transform:uppercase;width:42px}.teacher-info{flex:1 1;min-width:0}.teacher-name{color:#1e293b;font-size:.9rem;font-weight:700;margin:0 0 .15rem}.teacher-role{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:.3rem;margin:0}.teacher-role .material-symbols-rounded{font-size:14px}.attendance-section-card{background:#f8fafccc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1rem;overflow:hidden;padding:.75rem;position:relative;transition:all .3s ease}.attendance-section-card:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:translateX(-100%);transition:transform .6s;width:200%}.attendance-section-card:hover:before{transform:translateX(100%)}.attendance-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.attendance-label{align-items:center;color:#64748b;display:flex;font-size:.8rem;font-weight:600;gap:.4rem}.attendance-label .material-symbols-rounded{color:#0369a1;font-size:16px}.attendance-percentage{border-radius:6px;box-shadow:0 2px 4px #0000001a;font-size:.85rem;font-weight:700;padding:.25rem .6rem;transition:all .3s ease}.attendance-percentage.attendance-excellent{background:linear-gradient(135deg,#bbf7d0,#34d399);box-shadow:0 2px 8px #34d3994d;color:#065f46}.attendance-percentage.attendance-good{background:linear-gradient(135deg,#fde68a,#fbbf24);box-shadow:0 2px 8px #fbbf244d;color:#92400e}.attendance-percentage.attendance-poor{background:linear-gradient(135deg,#fca5a5,#ef4444);box-shadow:0 2px 8px #ef44444d;color:#991b1b}.attendance-bar-container{background:#e2e8f0;height:8px;margin-bottom:.5rem;transition:background .3s ease}.attendance-bar-container,.attendance-bar-fill{border-radius:8px;overflow:hidden;position:relative}.attendance-bar-fill{height:100%;transition:width .3s ease}.attendance-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.attendance-bar-fill.attendance-excellent{background:linear-gradient(135deg,#bbf7d0,#34d399)}.attendance-bar-fill.attendance-good{background:linear-gradient(135deg,#fde68a,#fbbf24)}.attendance-bar-fill.attendance-poor{background:linear-gradient(135deg,#fca5a5,#ef4444)}.attendance-stats-row{align-items:center;display:flex;gap:.75rem}.attendance-stat{align-items:center;color:#1e293b;display:flex;font-size:.8rem;font-weight:600;gap:.4rem}.attendance-stat .material-symbols-rounded{color:#065f46;font-size:14px}.quick-info{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr);margin-bottom:.75rem}.info-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:.4rem;padding:.6rem}.info-icon{color:#3b82f6;flex-shrink:0;font-size:1.1rem}.info-content{flex:1 1;min-width:0}.info-label{color:#64748b;display:block;font-size:.65rem;letter-spacing:.3px;margin-bottom:.1rem}.info-value{color:#1e293b;display:block;font-size:.85rem;font-weight:600}.expanded-details{animation:expandIn .3s ease;background:#eff6ff80;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1rem}@keyframes expandIn{0%{max-height:0;opacity:0;padding:0 1rem}to{max-height:500px;opacity:1;padding:1rem}}.detail-row-improved{background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:all .2s}.detail-row-improved:hover{background:#f8fafc;border-color:#bfdbfecc}.detail-row-improved:last-child{margin-bottom:0}.label-improved{color:#64748b;font-size:.85rem;font-weight:600}.value-improved{color:#1e293b;font-size:.9rem;font-weight:700;text-align:right}.faculty-clickable{color:#3b82f6;cursor:pointer;text-decoration:underline}.faculty-clickable:hover{color:#2563eb}.progress-section{background:linear-gradient(135deg,#3b82f608,#93c5fd0d);border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;margin:0;padding:1.25rem 1.5rem}.progress-header{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer!important;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.75rem 1rem;transition:all .3s ease}.progress-header:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.progress-label{align-items:center;color:#475569;display:flex;font-size:.9rem;font-weight:700;gap:.625rem;-webkit-user-select:none;user-select:none}.progress-label .material-symbols-rounded{color:#3b82f6;font-size:20px}.progress-label .expand-icon{color:#64748b;font-size:20px;margin-left:.25rem}.progress-percentage{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:8px;color:#1e40af;font-size:1rem;font-weight:800;padding:.375rem .875rem}.progress-bar-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:inset 0 1px 3px #0000000d;height:10px;margin-bottom:0;overflow:hidden;position:relative}.progress-bar-container.loading{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:10px;box-shadow:0 0 10px #3b82f64d;height:100%;transition:width .3s ease}.progress-percentage.loading{align-items:center;display:inline-flex}.progress-breakdown{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem}.progress-loading{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:.75rem;justify-content:center;padding:2rem}.progress-loading .material-symbols-rounded{animation:spin 1s linear infinite;font-size:24px}.no-progress-data{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:1.5rem;text-align:center}.no-progress-data .material-symbols-rounded{font-size:20px}.topics-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.topics-section h5{align-items:center;color:#475569;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.topics-section h5 .material-symbols-rounded{font-size:18px}.topics-list{list-style:none;margin:0;padding:0}.topics-list li{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.5rem;padding:.625rem .75rem;transition:all .2s}.topics-list li:last-child{margin-bottom:0}.topics-list li:hover{box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.topics-list li .material-symbols-rounded{flex-shrink:0;font-size:18px}.topic-title{flex:1 1;font-weight:500}.topic-progress{background:#fef3c7;border-radius:6px;color:#92400e;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.completed-topic{border-left:3px solid #059669}.completed-topic .material-symbols-rounded{color:#059669}.in-progress-topic{border-left:3px solid #f59e0b}.in-progress-topic .material-symbols-rounded{color:#f59e0b}.scheduled-topic{border-left:3px solid #3b82f6}.scheduled-topic .material-symbols-rounded{color:#3b82f6}.card-footer-improved{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.footer-info,.footer-item{align-items:center;display:flex;gap:.5rem}.footer-item{color:#64748b;font-size:.85rem}.footer-item .material-symbols-rounded{color:#3b82f6;font-size:18px}.footer-text{font-weight:500}.footer-actions{display:flex;gap:.75rem}.action-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.65rem 1rem;transition:all .2s}.action-btn .material-symbols-rounded{font-size:18px}.action-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.primary-action{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn.primary-action:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.action-btn.secondary-action:hover{background:#eff6ffcc;border-color:#bfdbfecc;color:#1e40af}.btn-label{display:inline}.empty-state{color:#64748b;padding:4rem 2rem;text-align:center}.empty-state .material-symbols-rounded{color:#cbd5e1;font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#475569;margin:0 0 .5rem}.empty-state p{font-size:.95rem;margin:0}.loading-state{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-state .material-symbols-rounded{animation:pulse 2s infinite;color:#0369a1;margin-bottom:1rem}.loading-state h3{color:#6b7280;font-size:1.2rem;font-weight:500;margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.faculty-popup-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.faculty-popup{animation:slideUp .3s ease;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.faculty-popup-header{align-items:center;background:linear-gradient(135deg,#3b82f60d,#6366f10d);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.faculty-popup-title{align-items:center;display:flex;gap:1rem}.faculty-popup-title h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.faculty-popup-id{background:linear-gradient(135deg,#3b82f626,#6366f126);border-radius:8px;color:#1d4ed8;font-family:SF Mono,Monaco,monospace;font-size:.8rem;font-weight:700;padding:.25rem .75rem}.faculty-popup-close-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.faculty-popup-close-btn:hover{background:#ef444433;transform:scale(1.05) rotate(90deg)}.faculty-popup-close-btn .material-symbols-rounded{font-size:20px}.faculty-popup-content{flex:1 1;overflow-y:auto;padding:2rem}.faculty-popup-section{margin-bottom:1.5rem}.faculty-popup-section-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem}.faculty-popup-section-title:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:2px;content:"";height:20px;width:4px}.faculty-popup-details-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.faculty-popup-detail-item{background:#f8fafccc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.faculty-popup-detail-item:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.faculty-detail-label{color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.faculty-detail-value{color:#1e293b;font-size:.95rem;font-weight:600;word-break:break-word}.class-teacher-popup-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99998}.class-teacher-popup{animation:popupSlideIn .2s ease;background:#fff;border:2px solid #3b82f6;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:400px;min-width:320px;padding:1.25rem;position:fixed;z-index:99999}@keyframes popupSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.class-teacher-popup-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.class-teacher-popup-avatar{align-items:center;background:linear-gradient(135deg,#dbeafecc,#bfdbfecc);border:2px solid #bfdbfecc;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#1e40af;display:flex;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;text-transform:uppercase;width:48px}.class-teacher-popup-name{flex:1 1}.class-teacher-popup-name h4{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.class-teacher-popup-name p{color:#64748b;font-size:.85rem;font-weight:500;margin:0}.class-teacher-popup-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.class-teacher-popup-field{display:flex;flex-direction:column;gap:.25rem}.class-teacher-popup-field-label{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.class-teacher-popup-field-value{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.9rem;font-weight:600;padding:.5rem;word-break:break-word}@media (max-width:1200px){.subjects-grid-improved{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:992px){.subjects-grid-improved{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.enrollment-details-banner{padding:1.25rem}.controls-section-improved{padding:1rem}}@media (max-width:768px){.enrollment-details-banner{margin-bottom:1rem;padding:1rem}.enrollment-details-banner.minimized{padding:.75rem}.enrollment-header-section{gap:1rem}.enrollment-icon-wrapper{height:56px;width:56px}.enrollment-icon-wrapper.small{height:40px;width:40px}.enrollment-icon-wrapper .material-symbols-rounded{font-size:28px}.enrollment-icon-wrapper.small .material-symbols-rounded{font-size:20px}.enrollment-title{font-size:1.3rem}.enrollment-details-banner.minimized .enrollment-title{font-size:1rem}.enrollment-meta-row{gap:.5rem}.enrollment-details-row{flex-direction:column;gap:.75rem}.enrollment-detail-item{width:100%}.enrollment-toggle-btn{height:36px;width:36px}.enrollment-toggle-btn .material-symbols-rounded{font-size:20px}.subjects-grid-improved{gap:1rem}.progress-breakdown,.quick-info,.subjects-grid-improved{grid-template-columns:1fr}.class-teacher-popup{left:50%!important;max-width:calc(100vw - 2rem);min-width:auto;top:50%!important;transform:translate(-50%,-50%)!important;width:90%}.class-teacher-popup-fields{grid-template-columns:1fr}.faculty-popup{max-width:none;width:95%}.faculty-popup-header{padding:1rem 1.25rem}.faculty-popup-content{padding:1.25rem}.faculty-popup-details-grid{grid-template-columns:1fr}.attendance-section-card{padding:.6rem}.attendance-header-row{align-items:center;flex-direction:row;gap:.5rem;margin-bottom:.4rem}.attendance-percentage{flex-shrink:0}.attendance-stats-row{align-items:center;flex-direction:row;gap:.5rem}.footer-actions{flex-wrap:wrap}.action-btn{flex-basis:calc(50% - 0.375rem);flex-grow:1;flex-shrink:1;min-width:120px}.search-row{flex-direction:column;gap:.75rem}.search-input-wrapper{width:100%}.filter-chips{justify-content:center}}@media (max-width:480px){.enrollment-details-banner{border-radius:16px;padding:.75rem}.enrollment-icon-wrapper{height:48px;width:48px}.enrollment-icon-wrapper .material-symbols-rounded{font-size:24px}.enrollment-title{font-size:1.1rem}.enrollment-badge,.enrollment-status,.enrollment-year{font-size:.75rem;padding:.3rem .75rem}.enrollment-detail-item{flex-wrap:wrap;font-size:.85rem}.enrollment-detail-item .detail-label,.enrollment-detail-item .detail-value{flex:1 1 100%}.controls-section-improved{padding:.75rem}.search-input{font-size:.9rem;padding:.65rem 2.5rem}.filter-chips{flex-direction:column;gap:.5rem}.filter-chip{justify-content:center;padding:.65rem 1rem;width:100%}.subject-card-improved{border-radius:12px}.card-header-improved{padding:.75rem 1rem}.subject-name{font-size:1rem}.subject-code{font-size:.8rem}.subject-code,.tag{padding:.2rem .5rem}.tag{font-size:.65rem}.card-body-improved{padding:.75rem 1rem}.teacher-section{gap:.6rem;padding:.6rem}.teacher-avatar{font-size:.9rem;height:38px;width:38px}.teacher-name{font-size:.85rem}.teacher-role{font-size:.7rem}.attendance-section-card{padding:.5rem}.attendance-label{font-size:.75rem}.attendance-percentage{font-size:.8rem;padding:.2rem .5rem}.attendance-bar-container{height:6px}.attendance-stat{font-size:.75rem}.info-item{gap:.35rem;padding:.5rem}.info-icon{font-size:1rem}.info-label{font-size:.6rem}.info-value,.progress-label{font-size:.8rem}.progress-percentage{font-size:.85rem}.topics-list li{font-size:.8rem;padding:.4rem}.card-footer-improved{padding:.75rem 1rem}.footer-actions{flex-direction:column;gap:.5rem}.action-btn{flex:1 1 100%;padding:.75rem;width:100%}.btn-label{display:inline}.faculty-popup{border-radius:16px;width:calc(100vw - 1rem)}.faculty-popup-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.faculty-popup-close-btn{position:absolute;right:.75rem;top:.75rem}.faculty-popup-content{padding:1rem}.faculty-popup-section-title{font-size:.9rem}.class-teacher-popup{min-width:auto;width:calc(100vw - 1.5rem)}.class-teacher-popup-avatar{font-size:1rem;height:42px;width:42px}.class-teacher-popup-name h4{font-size:1rem}.class-teacher-popup-name p{font-size:.8rem}.class-teacher-popup-field-label{font-size:.7rem}.class-teacher-popup-field-value{font-size:.85rem;padding:.4rem}.empty-state{padding:2rem 1rem}.empty-state .material-symbols-rounded{font-size:3rem}.empty-state h3{font-size:1rem}.empty-state p{font-size:.85rem}}@media (max-width:360px){.enrollment-title{font-size:1rem}.enrollment-badge,.enrollment-year{font-size:.7rem;padding:.25rem .6rem}.subject-name{font-size:.95rem}.teacher-avatar{font-size:.85rem;height:36px;width:36px}.filter-chip{font-size:.8rem;padding:.6rem .9rem}}[data-theme=dark]{.subjects-content-improved:before{background:radial-gradient(circle at 20% 50%,#3b82f614 0,#0000 50%),radial-gradient(circle at 80% 80%,#6366f114 0,#0000 50%)}.class-teacher-popup,.controls-section-improved,.enrollment-details-banner,.faculty-popup,.subject-card-improved{background:#1a1a1af2;border-color:#ffffff1a}.subject-card-improved:hover{border-color:#3b82f666;box-shadow:0 12px 30px #3b82f633}.class-teacher-popup-name h4,.enrollment-title,.faculty-detail-value,.info-value,.subject-name,.teacher-name,.value-improved{color:#f1f5f9}.credits-badge,.enrollment-badge,.enrollment-year,.subject-code{background:#333333b3;border-color:#47556999;color:#93c5fd}.credits-badge{background:linear-gradient(135deg,#3b82f633,#6366f133);border-color:#3b82f64d;box-shadow:0 2px 4px #3b82f633}.credits-badge:hover{box-shadow:0 4px 8px #3b82f64d}.attendance-section-card,.card-footer-improved,.class-teacher-popup-field-value,.detail-row-improved,.expanded-details,.faculty-popup-detail-item,.info-item,.search-input,.teacher-section{background:#333333b3;border-color:#ffffff1a}.search-input{background:#1e293b80;color:#f1f5f9}.search-input::placeholder{color:#64748b}.search-input:focus{background:#1e293bcc;border-color:#3b82f6}.card-header-improved{background:linear-gradient(135deg,#1e293b80,#33415580);border-bottom:2px solid #47556980}.class-teacher-popup-avatar,.teacher-avatar{background:linear-gradient(135deg,#334155cc,#475569cc);border-color:#475569cc;color:#93c5fd}.filter-chip{background:#33415580;border-color:#47556999;color:#93c5fd}.filter-chip:hover{background:#47556999;border-color:#64748bcc}.filter-chip.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.tag-core{background:linear-gradient(135deg,#22c55e33,#22c55e26);border-color:#22c55e4d;box-shadow:0 2px 4px #22c55e26;color:#86efac}.tag-elective{background:linear-gradient(135deg,#ec489933,#ec489926);border-color:#ec48994d;box-shadow:0 2px 4px #ec489926;color:#f9a8d4}.tag-theory{background:linear-gradient(135deg,#3b82f633,#3b82f626);border-color:#3b82f64d;box-shadow:0 2px 4px #3b82f626;color:#93c5fd}.tag-practical{background:linear-gradient(135deg,#fbbf2433,#fbbf2426);border-color:#fbbf244d;box-shadow:0 2px 4px #fbbf2426;color:#fde68a}.attendance-section-card{background:#1e293b80;border-color:#47556966}.attendance-percentage.attendance-excellent{background:linear-gradient(135deg,#22c55e4d,#34d3994d);box-shadow:0 2px 8px #34d39966;color:#86efac}.attendance-percentage.attendance-good{background:linear-gradient(135deg,#fbbf244d,#f59e0b4d);box-shadow:0 2px 8px #fbbf2466;color:#fde68a}.attendance-percentage.attendance-poor{background:linear-gradient(135deg,#ef44444d,#dc26264d);box-shadow:0 2px 8px #ef444466;color:#fca5a5}.attendance-bar-container{background:#1e293b99}.attendance-bar-fill.attendance-excellent{background:linear-gradient(135deg,#22c55e99,#34d39999)}.attendance-bar-fill.attendance-good{background:linear-gradient(135deg,#fbbf2499,#f59e0b99)}.attendance-bar-fill.attendance-poor{background:linear-gradient(135deg,#ef444499,#dc262699)}.attendance-bar-fill:after{background:linear-gradient(90deg,#0000,#fff3,#0000)}.action-btn.secondary-action:hover,.detail-row-improved:hover,.teacher-section:hover{background:#33415599;border-color:#475569cc}.faculty-popup-detail-item:hover,.info-item:hover{border-color:#3b82f666;box-shadow:0 4px 12px #3b82f626}.progress-bar-container{background:#1e293b99}.progress-bar-fill{background:linear-gradient(90deg,#3b82f699,#60a5fa99)}.enrollment-status.draft{background:linear-gradient(135deg,#f59e0b33,#d9770633);border-color:#f59e0b66;color:#fbbf24}.enrollment-status.active{background:linear-gradient(135deg,#22c55e33,#16a34a33);border-color:#22c55e66;color:#86efac}.enrollment-status.inactive{background:linear-gradient(135deg,#94a3b833,#64748b33);border-color:#94a3b866;color:#94a3b8}.enrollment-status.completed{background:linear-gradient(135deg,#05966933,#065f4633);border-color:#05966966;color:#6ee7b7}.action-btn{background:#1e293b80;border-color:#47556980;color:#cbd5e1}.action-btn:hover:not(:disabled){background:#33415599;border-color:#64748bb3}.action-btn.primary-action{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn.primary-action:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.expand-card-btn-improved{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.expand-card-btn-improved:hover{background:#3b82f640;border-color:#3b82f680}.class-teacher-info-icon{background:#3b82f626;border-color:#3b82f666}.class-teacher-info-icon:hover{background:#3b82f640;border-color:#3b82f699}.faculty-popup-overlay{background:#000000b3}.faculty-popup-header{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-bottom-color:#47556980}.faculty-popup-id{background:linear-gradient(135deg,#3b82f633,#6366f133);color:#93c5fd}.faculty-popup-close-btn{background:#ef444426;border-color:#ef44444d;color:#f87171}.faculty-popup-close-btn:hover{background:#ef444440}.faculty-popup-section-title:before{background:linear-gradient(180deg,#3b82f6cc,#8b5cf6cc)}.topics-list li{background:#1e293b80;color:#cbd5e1}.empty-state .material-symbols-rounded{color:#475569}.empty-state h3{color:#94a3b8}.loading-state{background:#1e293b80;border-color:#47556966}.loading-state h3{color:#94a3b8}.loading-state .material-symbols-rounded{color:#60a5fa}.attendance-label,.class-teacher-popup-field-label,.class-teacher-popup-name p,.clear-search-btn-improved,.faculty-detail-label,.footer-item,.info-label,.label-improved,.progress-label,.teacher-role{color:#94a3b8}.clear-search-btn-improved:hover{background:#33415599;color:#cbd5e1}.enrollment-toggle-btn{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.enrollment-toggle-btn:hover{background:#3b82f640;border-color:#3b82f680}.attendance-section-card:before{background:linear-gradient(45deg,#0000,#ffffff0d,#0000)}}@media (max-width:768px){.faculty-popup-overlay{align-items:flex-end!important;padding:0!important}.faculty-popup{animation:facultySheetUp .35s cubic-bezier(.32,.72,0,1) forwards!important;border-radius:24px 24px 0 0!important;max-height:90svh!important;max-width:100%!important;width:100%!important}@keyframes facultySheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.faculty-popup:before{background:#0000001f;border-radius:2px;content:"";display:block;height:4px;margin:10px auto 0;width:40px}[data-theme=dark] .faculty-popup:before{background:#ffffff26}.faculty-popup-header{align-items:center!important;flex-direction:row!important;gap:1rem;padding:14px 20px 12px!important}.faculty-popup-title h3{font-size:1.1rem!important}.faculty-popup-close-btn{margin-left:auto;position:static!important;right:auto!important;top:auto!important}.faculty-popup-content{-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px!important;scrollbar-width:none}.faculty-popup-content::-webkit-scrollbar{display:none}.faculty-popup-details-grid{gap:.875rem!important;grid-template-columns:repeat(2,1fr)!important}.faculty-popup-detail-item{padding:.75rem!important}.faculty-popup-detail-item:hover{transform:none}.faculty-detail-value{font-size:.875rem!important}.class-teacher-popup{animation:ctPopupIn .25s ease-out forwards!important;left:50%!important;max-width:360px!important;min-width:auto!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 2rem)!important}@keyframes ctPopupIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.class-teacher-popup-fields{grid-template-columns:1fr 1fr!important}.action-btn:hover,.subject-card-improved:hover{transform:none!important}.controls-section-improved{padding:.75rem 1rem}.enrollment-details-banner{border-radius:16px}}@media (max-width:480px){.faculty-popup{border-radius:20px 20px 0 0!important;max-height:96svh!important}.faculty-popup-header{padding:12px 16px 10px!important}.faculty-popup-content{padding:14px 16px!important}.faculty-popup-details-grid{gap:.625rem!important;grid-template-columns:1fr!important}.class-teacher-popup{max-width:none!important;width:calc(100vw - 1.5rem)!important}.class-teacher-popup-fields{grid-template-columns:1fr 1fr!important}}.attendance-tab-container{padding:0;width:100%}.attendance-banner{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:20px;padding:12px 16px}.attendance-banner.error{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.attendance-banner.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#16a34a}.banner-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:4px;transition:all .2s ease}.banner-close-btn:hover{background:#0000001a}.attendance-page-header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #ffffff40;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff6;margin-bottom:24px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.attendance-page-header:hover{border-color:#ffffff59;box-shadow:0 12px 40px #0000001f,inset 0 1px 0 #ffffff80}.attendance-page-header:before{background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.attendance-page-header:after{animation:shimmer 8s infinite;background:linear-gradient(45deg,#0000,#ffffff08,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.attendance-header-content{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.attendance-header-content,.attendance-header-left{align-items:center;display:flex;gap:16px}.attendance-header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f633,#2563eb1f);border:1px solid #3b82f64d;border-radius:16px;box-shadow:0 4px 16px #3b82f626;color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:32px;padding:12px}.attendance-header-text h1{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.attendance-header-text p{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.attendance-header-actions{display:flex;gap:12px}.filter-toggle-btn{align-items:center;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #ffffff40;border-radius:12px;box-shadow:0 4px 16px #00000014;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-toggle-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1f);border-color:#ffffff59;box-shadow:0 6px 24px #0000001f;transform:translateY(-2px)}.filter-toggle-btn .material-symbols-rounded:first-child,.filter-toggle-btn .material-symbols-rounded:last-child{font-size:20px}.attendance-filters-section{animation:slideDown .3s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #00000014,inset 0 1px 0 #ffffff4d;margin-top:16px;overflow:hidden;padding:20px;position:relative}.attendance-filters-section:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:150px}.filter-label{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.filter-label .material-symbols-rounded{font-size:16px}.filter-select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 14px;transition:all .3s ease}.filter-select:hover{box-shadow:0 4px 12px #0000001a}.filter-select:focus,.filter-select:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:var(--primary-color)}.filter-select:focus{box-shadow:0 0 0 3px #3b82f626,0 4px 12px #0000001a;outline:none}:root[data-theme=dark] .filter-select{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #ffffff1f}:root[data-theme=dark] .filter-select:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:var(--primary-color)}.attendance-main-content{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:900px 1fr}@media (max-width:1200px){.attendance-main-content{grid-template-columns:1fr}}.attendance-calendar-card,.attendance-info-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px}.attendance-info-card{position:-webkit-sticky;position:sticky;top:20px}.info-card-title{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px;transition:all .2s ease}.info-card-title .material-symbols-rounded{font-size:20px}.info-card-title .expand-icon{cursor:pointer;transition:transform .3s ease}.info-card-title:hover{color:var(--primary-color)}.stats-refresh-btn{align-items:center;background:#0000;border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:6px;transition:all .2s ease}.stats-refresh-btn:hover{background:var(--button-hover-background);border-color:var(--primary-color);color:var(--primary-color);transform:rotate(90deg)}.stats-refresh-btn .material-symbols-rounded{font-size:18px}.stats-toggle-container{background:#ffffff0d;border:1px solid var(--card-border);border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:4px}.stats-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.stats-toggle-btn .material-symbols-rounded{font-size:18px}.stats-toggle-btn:hover{background:#ffffff0d;color:var(--text-primary)}.stats-toggle-btn.active{background:linear-gradient(135deg,#3b82f633,#2563eb26);border:1px solid #3b82f666;box-shadow:0 2px 8px #3b82f64d;font-weight:700}.stats-toggle-btn.active,.stats-toggle-btn.active .material-symbols-rounded{color:var(--primary-color)}.stats-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.info-card-divider{background:var(--card-border);height:1px;margin:20px 0}.info-stats-grid{grid-gap:10px;display:grid;gap:10px}.info-stat-row{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-stat-row:hover{border-color:#ffffff40;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px) scale(1.02)}.info-stat-row.stat-total-classes{background:linear-gradient(135deg,#3b82f626,#2563eb14);border:1px solid #3b82f64d}.info-stat-row.stat-total-classes:hover{background:linear-gradient(135deg,#3b82f633,#2563eb1f);box-shadow:0 8px 20px #3b82f633}.info-stat-row.stat-present-classes{background:linear-gradient(135deg,#22c55e26,#16a34a14);border:1px solid #22c55e4d}.info-stat-row.stat-present-classes:hover{background:linear-gradient(135deg,#22c55e33,#16a34a1f);box-shadow:0 8px 20px #22c55e33}.info-stat-row.stat-absent-classes{background:linear-gradient(135deg,#ef444426,#dc262614);border:1px solid #ef44444d}.info-stat-row.stat-absent-classes:hover{background:linear-gradient(135deg,#ef444433,#dc26261f);box-shadow:0 8px 20px #ef444433}.info-stat-row.stat-attendance-rate{background:linear-gradient(135deg,#8b5cf626,#7c3aed14);border:1px solid #8b5cf64d}.info-stat-row.stat-attendance-rate:hover{background:linear-gradient(135deg,#8b5cf633,#7c3aed1f);box-shadow:0 8px 20px #8b5cf633}.info-stat-row.stat-current-streak{background:linear-gradient(135deg,#f59e0b26,#d9770614);border:1px solid #f59e0b4d}.info-stat-row.stat-current-streak:hover{background:linear-gradient(135deg,#f59e0b33,#d977061f);box-shadow:0 8px 20px #f59e0b33}.info-stat-row.stat-best-streak{background:linear-gradient(135deg,#10b98126,#05966914);border:1px solid #10b9814d}.info-stat-row.stat-best-streak:hover{background:linear-gradient(135deg,#10b98133,#0596691f);box-shadow:0 8px 20px #10b98133}.info-stat-row.stat-consecutive-absences{background:linear-gradient(135deg,#fb923c26,#f9731614);border:1px solid #fb923c4d}.info-stat-row.stat-consecutive-absences:hover{background:linear-gradient(135deg,#fb923c33,#f973161f);box-shadow:0 8px 20px #fb923c33}.info-stat-label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px}.info-stat-label .material-symbols-rounded{font-size:18px}.info-stat-value{color:var(--text-primary);font-size:20px;font-weight:700}.subject-summary-list{grid-gap:12px;display:grid;gap:12px;margin-top:12px}.subject-summary-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014,inset 0 1px 0 #ffffff4d;overflow:hidden;padding:16px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.subject-summary-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.subject-summary-card:hover{border-color:#ffffff4d;box-shadow:0 12px 40px #0000001f,inset 0 1px 0 #fff6;transform:translateY(-4px) scale(1.02)}.subject-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.subject-name{color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:-.3px}.subject-percentage{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 4px 12px #0000001a;font-size:15px;font-weight:800;letter-spacing:-.3px;padding:6px 14px}.subject-percentage.excellent{background:linear-gradient(135deg,#22c55e40,#16a34a26);border:1px solid #22c55e66;color:#16a34a}.subject-percentage.good{background:linear-gradient(135deg,#f59e0b40,#d9770626);border:1px solid #f59e0b66;color:#d97706}.subject-percentage.warning{background:linear-gradient(135deg,#ef444440,#dc262626);border:1px solid #ef444466;color:#dc2626}.subject-percentage.danger{background:linear-gradient(135deg,#dc26264d,#991b1b33);border:1px solid #dc262680;color:#991b1b}.subject-progress-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;box-shadow:inset 0 2px 4px #0000001a;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.subject-progress-fill{border-radius:10px;box-shadow:0 2px 8px #0003;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.subject-progress-fill:after{background:linear-gradient(180deg,#ffffff4d,#0000);border-radius:10px 10px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}.subject-progress-fill.excellent{background:linear-gradient(90deg,#22c55e,#10b981)}.subject-progress-fill.good{background:linear-gradient(90deg,#f59e0b,#f97316)}.subject-progress-fill.warning{background:linear-gradient(90deg,#ef4444,#dc2626)}.subject-progress-fill.danger{background:linear-gradient(90deg,#dc2626,#991b1b)}.subject-stats{color:var(--text-primary);display:flex;font-size:12px;font-weight:600;gap:16px}.subject-stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;display:flex;gap:6px;padding:6px 10px}.stat-icon{font-size:14px}.stat-icon.present{color:#22c55e;filter:drop-shadow(0 2px 4px rgba(34,197,94,.3))}.stat-icon.streak{filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));font-size:15px}.calendar-controls-tab{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.control-btn-tab,.today-btn-tab{align-items:center;background:var(--button-background);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.control-btn-tab:hover,.today-btn-tab:hover{background:var(--button-hover-background);box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.control-btn-tab .material-symbols-rounded{font-size:18px}.month-year-display-tab h3{color:var(--text-primary);font-size:17px;font-weight:600;margin:0;min-width:200px;text-align:center}.calendar-legend-tab{border-top:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;padding-top:20px}.legend-item-tab{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:8px}.legend-box-tab{border:1px solid var(--card-border);border-radius:5px;height:18px;width:18px}.legend-box-tab.status-all-present{background:linear-gradient(135deg,#22c55e,#16a34a)}.legend-box-tab.status-partial{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-box-tab.status-all-absent{background:linear-gradient(135deg,#ef4444,#dc2626)}.legend-box-tab.status-no-class{background:linear-gradient(135deg,#3b82f6,#2563eb)}.calendar-loading-tab{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.spinner-tab{animation:spin-tab 1s linear infinite;border:3px solid var(--card-border);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin-tab{to{transform:rotate(1turn)}}:root[data-theme=dark] .info-stat-row,:root[data-theme=dark] .subject-summary-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1f}:root[data-theme=dark] .attendance-calendar-card{background:var(--card-background-dark);border-color:var(--card-border-dark)}:root[data-theme=dark] .attendance-page-header{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff26;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #fff3}:root[data-theme=dark] .attendance-filters-section{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #ffffff1f;box-shadow:0 8px 32px #0003,inset 0 1px 0 #ffffff26}:root[data-theme=dark] .filter-toggle-btn{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff26}:root[data-theme=dark] .filter-toggle-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#ffffff40}:root[data-theme=dark] .attendance-header-icon{background:linear-gradient(135deg,#3b82f626,#2563eb14);border:1px solid #3b82f640;box-shadow:0 4px 16px #3b82f633}@media (max-width:768px){.attendance-page-header{border-radius:12px!important;margin-bottom:12px!important;padding:16px!important}.attendance-header-content{align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;margin-bottom:10px!important}.attendance-header-left{flex:1 1!important;gap:10px!important;min-width:0!important}.attendance-header-icon{border-radius:10px!important;flex-shrink:0!important;font-size:22px!important;padding:8px!important}.attendance-header-text h1{font-size:16px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.attendance-header-text p{font-size:12px!important}.attendance-header-actions{flex-shrink:0!important}.filter-toggle-btn{font-size:12px!important;gap:4px!important;padding:8px 12px!important}.filter-toggle-btn .material-symbols-rounded{font-size:16px!important}.attendance-filters-section{margin-top:10px!important;padding:14px!important}.filter-row{align-items:stretch;flex-direction:column;gap:10px!important}.filter-group{min-width:100%}.filter-label{font-size:11px!important}.filter-select{font-size:13px!important;padding:8px 12px!important}.attendance-main-content{gap:16px!important;grid-template-columns:1fr!important}.attendance-calendar-card,.attendance-info-card{padding:14px!important}.attendance-info-card{position:static!important}.calendar-controls-tab{align-items:center!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.info-card-title,.month-year-display-tab h3{font-size:14px!important}.stats-toggle-btn{font-size:11px!important;padding:6px 8px!important}.stats-toggle-btn .material-symbols-rounded{font-size:15px!important}.info-stat-row{border-radius:10px!important;padding:10px 12px!important}}@media (max-width:480px){.attendance-header-text h1{font-size:14px!important}.attendance-page-header{padding:12px!important}}.sap-toolbar{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;gap:0;margin-bottom:16px;overflow:visible}.sap-toolbar-toprow{align-items:center;display:flex;gap:10px;justify-content:space-between;min-height:52px;padding:10px 14px}.sap-toolbar-actions{align-items:center;display:flex;gap:8px}.sap-filter-row{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-color,#f1f5f9);justify-content:space-between;padding:10px 14px 12px}.sap-filter-chips,.sap-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sap-view-toggle,.sap-view-toggle-wrap{align-items:center;display:flex}.sap-view-toggle{background:#f1f5f9;background:var(--toggle-track-bg,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;gap:2px;padding:3px}.sap-view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:500;gap:6px;letter-spacing:.01em;padding:6px 14px;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap}.sap-view-toggle-btn .material-symbols-rounded{font-size:17px;transition:inherit}.sap-view-toggle-btn:hover:not(.active){background:#0000000d;color:#1e293b;color:var(--text-primary,#1e293b)}.sap-view-toggle-btn.active{background:#fff;box-shadow:0 1px 6px #0000001f,0 0 0 1px #22c55e2e;color:#16a34a;font-weight:600}[data-theme=dark] .sap-view-toggle{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .sap-view-toggle-btn{color:#94a3b8}[data-theme=dark] .sap-view-toggle-btn:hover:not(.active){background:#ffffff14;color:#e2e8f0}[data-theme=dark] .sap-view-toggle-btn.active{background:#22c55e26;box-shadow:0 1px 6px #0000004d,0 0 0 1px #86efac33;color:#86efac}@media (max-width:400px){.sap-view-toggle-btn span:last-child{display:none}.sap-view-toggle-btn{padding:6px 10px}}.sap-icon-btn{align-items:center;border:1px solid #0000;border-radius:9px;cursor:pointer;display:flex;font-family:inherit;height:34px;justify-content:center;transition:all .18s ease;width:34px}.sap-icon-btn .material-symbols-rounded{font-size:18px}.sap-icon-btn--purple{background:#8b5cf614;border-color:#8b5cf633;color:#7c3aed}.sap-icon-btn--purple:hover{background:#8b5cf629;border-color:#8b5cf659;box-shadow:0 2px 8px #8b5cf633}.sap-icon-btn--clear{background:#ef444412;border-color:#ef444433;color:#dc2626}.sap-icon-btn--clear:hover{background:#ef444424;border-color:#ef444459;box-shadow:0 2px 8px #ef444426}.sap-search-bar{align-items:center;background:#f8fafc;background:var(--input-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;display:flex;gap:7px;height:34px;max-width:260px;min-width:200px;padding:0 11px;transition:border-color .18s,box-shadow .18s}.sap-search-bar:focus-within{background:#fff;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.sap-search-icon{color:#94a3b8;flex-shrink:0;font-size:16px!important}.sap-search-bar input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:.845rem;outline:none;width:100%}.sap-search-bar input::placeholder{color:#94a3b8}.sap-search-clear{color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:15px!important;transition:color .15s}.sap-search-clear:hover{color:#ef4444}.sap-subview-toggle{align-items:center;background:#f1f5f9;background:var(--toggle-track-bg,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;display:flex;gap:2px;padding:3px}.sap-subview-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-family:inherit;height:28px;justify-content:center;transition:all .15s;width:28px}.sap-subview-btn .material-symbols-rounded{font-size:16px}.sap-subview-btn:hover:not(.active){background:#0000000d;color:#1e293b;color:var(--text-primary,#1e293b)}.sap-subview-btn.active{background:#22c55e;box-shadow:0 1px 4px #22c55e66;color:#fff}[data-theme=dark] .sap-subview-toggle{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .sap-subview-btn{color:#94a3b8}[data-theme=dark] .sap-subview-btn:hover:not(.active){background:#ffffff14;color:#e2e8f0}.sap-filter-chip{align-items:center;background:#f8fafc;background:var(--input-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;cursor:pointer;display:inline-flex;gap:6px;height:34px;padding:0 10px 0 8px;transition:border-color .18s,background .18s,box-shadow .18s}.sap-filter-chip:focus-within{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.sap-filter-chip--active{background:#22c55e12;border-color:#22c55e66}.sap-chip-icon{color:#94a3b8;flex-shrink:0;font-size:16px!important}.sap-filter-chip--active .sap-chip-icon{color:#16a34a}.sap-chip-select{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-family:inherit;font-size:.845rem;min-width:100px;outline:none;padding:0}.sap-chip-clear{color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:14px!important;margin-left:2px;transition:color .15s}.sap-chip-clear:hover{color:#ef4444}.sap-list-count{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.83rem;font-weight:500;gap:6px;white-space:nowrap}.sap-list-count .material-symbols-rounded{color:#22c55e;font-size:16px}.sap-list-spinner{animation:sap-spin .7s linear infinite;border:2px solid #22c55e40;border-radius:50%;border-top-color:#22c55e;display:inline-block;height:13px;width:13px}@keyframes sap-spin{to{transform:rotate(1turn)}}[data-theme=dark] .sap-filter-chip{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .sap-filter-chip--active{background:#22c55e1a;border-color:#22c55e4d}[data-theme=dark] .sap-chip-select,[data-theme=dark] .sap-date-chip-input{color:#e2e8f0}[data-theme=dark] .sap-chip-select option{background:#1e293b}[data-theme=dark] .sap-toolbar{background:#1a1a1ae6;border-color:#ffffff14}[data-theme=dark] .sap-filter-row{border-top-color:#ffffff0f}[data-theme=dark] .sap-search-bar{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .sap-search-bar:focus-within{background:#ffffff12;border-color:#22c55e}[data-theme=dark] .sap-search-bar input{color:#e2e8f0}[data-theme=dark] .sap-icon-btn--purple{background:#8b5cf61f;border-color:#8b5cf640;color:#a78bfa}[data-theme=dark] .sap-icon-btn--clear{background:#ef44441a;border-color:#ef444440;color:#f87171}.sap-list-view{animation:sap-fade-in .22s ease}@keyframes sap-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sap-skeleton-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.sap-skeleton-row{animation:sap-shimmer 1.3s infinite;background:linear-gradient(90deg,#f0f4f8 25%,#e8edf3 50%,#f0f4f8 75%);background-size:200% 100%;border-radius:10px;height:50px}@keyframes sap-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .sap-skeleton-row{background:linear-gradient(90deg,#282828cc 25%,#37373799 50%,#282828cc 75%);background-size:200% 100%}.sap-list-table-wrap{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;box-shadow:0 2px 10px #0000000a;margin-bottom:12px;overflow-x:auto}.sap-list-table{border-collapse:collapse;font-size:.875rem;width:100%}.sap-list-table thead tr{background:linear-gradient(180deg,#f9fafb,#f4f6f8);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0)}.sap-list-table th{color:#64748b;color:var(--text-secondary,#64748b);font-size:.73rem;font-weight:700;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.sap-list-table tbody tr{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);transition:background .15s}.sap-list-table tbody tr:last-child{border-bottom:none}.sap-list-table tbody tr:hover{background:#22c55e0a}.sap-list-table td{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;padding:12px 16px;white-space:nowrap}[data-theme=dark] .sap-list-table-wrap{background:#1a1a1ae6;border-color:#ffffff14}[data-theme=dark] .sap-list-table thead tr{background:#282828e6;border-bottom-color:#ffffff14}[data-theme=dark] .sap-list-table th{color:#94a3b8}[data-theme=dark] .sap-list-table td{color:#e2e8f0}[data-theme=dark] .sap-list-table tbody tr{border-bottom-color:#ffffff0d}[data-theme=dark] .sap-list-table tbody tr:hover{background:#22c55e0f}.sap-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.77rem;font-weight:600;gap:4px;letter-spacing:.01em;padding:3px 9px 3px 6px;white-space:nowrap}.sap-status-badge .material-symbols-rounded{font-size:13px}.sap-status-present{background:#dcfce7;color:#15803d}.sap-status-absent{background:#fee2e2;color:#b91c1c}.sap-status-late{background:#fef3c7;color:#b45309}.sap-status-excused{background:#ede9fe;color:#7c3aed}.sap-status-holiday{background:#dbeafe;color:#1d4ed8}[data-theme=dark] .sap-status-present{background:#16a34a2e;color:#86efac}[data-theme=dark] .sap-status-absent{background:#b91c1c2e;color:#fca5a5}[data-theme=dark] .sap-status-late{background:#b453092e;color:#fde68a}[data-theme=dark] .sap-status-excused{background:#7c3aed2e;color:#c4b5fd}[data-theme=dark] .sap-status-holiday{background:#1d4ed82e;color:#93c5fd}.sap-class-id{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:6px;color:#15803d;display:inline-flex;font-family:SF Mono,Fira Code,monospace;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:2px 8px}[data-theme=dark] .sap-class-id{background:#22c55e1f;border-color:#86efac40;color:#86efac}.sap-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));margin-bottom:12px}.sap-att-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;box-shadow:0 2px 6px #0000000a;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .15s}.sap-att-card:hover{border-color:#86efac;box-shadow:0 8px 24px #00000017;transform:translateY(-1px)}.sap-card-top{background:linear-gradient(180deg,#fafffe,#fff);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);justify-content:space-between;padding:13px 15px 11px}.sap-card-date,.sap-card-top{align-items:center;display:flex}.sap-card-date{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:600;gap:6px}.sap-card-date .material-symbols-rounded{color:#22c55e;font-size:17px}.sap-card-body{display:flex;flex-direction:column;gap:7px;padding:11px 15px 14px}.sap-card-row{align-items:center;color:#334155;color:var(--text-primary,#334155);display:flex;font-size:.845rem;gap:8px}.sap-card-row--muted{font-size:.8rem;margin-top:2px}.sap-card-row--muted,.sap-card-row-icon{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.sap-card-row-icon{flex-shrink:0;font-size:15px!important}[data-theme=dark] .sap-att-card{background:#1a1a1ae6;border-color:#ffffff14}[data-theme=dark] .sap-att-card:hover{border-color:#86efac4d;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .sap-card-top{background:#28282880;border-bottom-color:#ffffff0f}[data-theme=dark] .sap-card-date{color:#e2e8f0}[data-theme=dark] .sap-card-row{color:#cbd5e1}.sap-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:56px 24px;text-align:center}.sap-empty-state .material-symbols-rounded{color:#cbd5e1;font-size:44px;margin-bottom:4px}.sap-empty-state p{color:#475569;color:var(--text-primary,#475569);font-size:.95rem;font-weight:600;margin:0}.sap-empty-state span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.82rem}.sap-pagination{align-items:center;display:flex;gap:12px;justify-content:center;padding:16px 0 6px}.sap-page-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;color:#334155;color:var(--text-primary,#334155);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.845rem;font-weight:500;gap:6px;padding:7px 18px;transition:all .18s}.sap-page-btn .material-symbols-rounded{font-size:18px}.sap-page-btn:hover:not(:disabled){background:#f0fdf4;border-color:#22c55e;color:#16a34a}.sap-page-btn:disabled{cursor:not-allowed;opacity:.38}.sap-page-info{color:#64748b;color:var(--text-secondary,#64748b);font-size:.845rem;font-weight:500;min-width:52px;text-align:center}[data-theme=dark] .sap-page-btn{background:#1e1e1ee6;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .sap-page-btn:hover:not(:disabled){background:#22c55e14;border-color:#22c55e;color:#86efac}@media (max-width:768px){.sap-toolbar-toprow{flex-wrap:wrap;padding:8px 12px}.sap-filter-row{padding:8px 12px 10px}.sap-search-bar{max-width:100%;min-width:150px}.sap-date-chip-input{width:90px}.sap-cards-grid{grid-template-columns:1fr}.sap-toolbar-actions{gap:6px}}@media (max-width:520px){.sap-filter-chips{gap:6px}.sap-date-range-chip{flex-wrap:wrap;height:auto;padding:6px 8px}}.sap-table-open-cell{padding-right:14px!important;white-space:nowrap;width:1px}.sap-open-btn{align-items:center;background:#22c55e12;border:1px solid #22c55e4d;border-radius:8px;color:#16a34a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.79rem;font-weight:600;gap:5px;padding:5px 11px 5px 8px;transition:all .18s ease;white-space:nowrap}.sap-open-btn .material-symbols-rounded{font-size:15px}.sap-open-btn:hover{background:#22c55e26;border-color:#22c55e8c;box-shadow:0 2px 8px #22c55e33;transform:translateY(-1px)}.sap-open-btn:active{transform:translateY(0)}@media (max-width:900px){.sap-open-btn-label{display:none}.sap-open-btn{border-radius:7px;padding:5px 7px}}[data-theme=dark] .sap-open-btn{background:#22c55e1a;border-color:#22c55e40;color:#86efac}[data-theme=dark] .sap-open-btn:hover{background:#22c55e2e;border-color:#86efac66}.sap-card-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-color,#f1f5f9);padding:10px 15px 13px}.sap-card-open-btn{align-items:center;background:#22c55e12;border:1px solid #22c55e59;border-radius:9px;color:#16a34a;cursor:pointer;display:flex;font-family:inherit;font-size:.845rem;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .18s ease;width:100%}.sap-card-open-btn .material-symbols-rounded{font-size:16px}.sap-card-open-btn:hover{background:#22c55e24;border-color:#22c55e8c;box-shadow:0 3px 10px #22c55e2e}.sap-card-open-btn:active{transform:scale(.98)}[data-theme=dark] .sap-card-footer{border-top-color:#ffffff0f}[data-theme=dark] .sap-card-open-btn{background:#22c55e1a;border-color:#22c55e40;color:#86efac}[data-theme=dark] .sap-card-open-btn:hover{background:#22c55e2e;border-color:#86efac66}.sap-time-range{align-items:center;color:#334155;color:var(--text-primary,#334155);display:inline-flex;font-size:.845rem;gap:5px;white-space:nowrap}.sap-time-icon{color:#94a3b8;flex-shrink:0;font-size:14px!important}.sap-card-time{color:#334155;color:var(--text-primary,#334155);font-size:.845rem;font-weight:500}[data-theme=dark] .sap-card-time,[data-theme=dark] .sap-time-range{color:#cbd5e1}.sap-date-range-btn{align-items:center;background:#f8fafc;background:var(--input-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.845rem;font-weight:500;gap:6px;height:34px;padding:0 10px 0 9px;transition:all .18s ease;white-space:nowrap}.sap-date-range-btn .material-symbols-rounded{flex-shrink:0;font-size:17px}.sap-date-range-btn:hover{background:#fff;border-color:#22c55e;color:#1e293b;color:var(--text-primary,#1e293b)}.sap-date-range-btn.active{background:#22c55e12;border-color:#22c55e73;color:#15803d;font-weight:600}.sap-date-clear{color:#94a3b8;cursor:pointer;font-size:14px!important;margin-left:2px;transition:color .15s}.sap-date-clear:hover{color:#ef4444}[data-theme=dark] .sap-date-range-btn{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .sap-date-range-btn:hover{background:#ffffff14;border-color:#22c55e;color:#e2e8f0}[data-theme=dark] .sap-date-range-btn.active{background:#22c55e1a;border-color:#22c55e59;color:#86efac}.sap-date-overlay{align-items:center;animation:sap-fade-in .15s ease;background:#00000059;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1400}.sap-date-popup{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 20px 60px #0000002e,0 4px 16px #0000001a;max-width:380px;overflow:hidden;width:100%}.sap-date-popup-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;justify-content:space-between;padding:16px 20px 14px}.sap-date-popup-header h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.975rem;font-weight:700;margin:0}.sap-date-popup-close{align-items:center;background:#0000;border:none;border-radius:7px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-family:inherit;height:30px;justify-content:center;transition:background .15s,color .15s;width:30px}.sap-date-popup-close:hover{background:#fee2e2;color:#ef4444}.sap-date-popup-close .material-symbols-rounded{font-size:18px}.sap-date-popup-body{display:flex;flex-direction:column;gap:14px;padding:18px 20px}.sap-date-picker-group{display:flex;flex-direction:column;gap:6px}.sap-date-picker-group label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sap-date-popup-actions{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--border-color,#f1f5f9);display:flex;gap:10px;justify-content:flex-end;padding:12px 20px 16px}.sap-date-cancel-btn{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:7px 18px;transition:all .15s}.sap-date-cancel-btn:hover{border-color:#94a3b8;color:#1e293b;color:var(--text-primary,#1e293b)}.sap-date-apply-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:9px;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:7px 22px;transition:all .15s}.sap-date-apply-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66}.sap-date-apply-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}[data-theme=dark] .sap-date-popup{background:#1e2433;border-color:#ffffff1a}[data-theme=dark] .sap-date-popup-header{border-bottom-color:#ffffff12}[data-theme=dark] .sap-date-popup-header h3{color:#e2e8f0}[data-theme=dark] .sap-date-picker-group label,[data-theme=dark] .sap-date-popup-close{color:#94a3b8}[data-theme=dark] .sap-date-popup-actions{border-top-color:#ffffff12}[data-theme=dark] .sap-date-cancel-btn{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .sap-date-cancel-btn:hover{border-color:#94a3b8;color:#e2e8f0}.sap-date-popup .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#22c55e!important}.sap-date-popup .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1f}.sap-filter-toggle-btn{align-items:center;background:#f8fafc;background:var(--input-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.845rem;font-weight:500;gap:6px;height:34px;padding:0 12px 0 10px;position:relative;transition:all .18s ease;white-space:nowrap}.sap-filter-toggle-btn .material-symbols-rounded{font-size:17px}.sap-filter-toggle-btn:hover{background:#fff;border-color:#22c55e;color:#1e293b;color:var(--text-primary,#1e293b)}.sap-filter-toggle-label{font-size:.845rem}.sap-filter-chevron{font-size:16px!important;transition:transform .2s ease}.sap-filter-chevron.open{transform:rotate(180deg)}.sap-filter-badge{background:#22c55e;border:1.5px solid #fff;border-radius:50%;height:7px;position:absolute;right:6px;top:6px;width:7px}[data-theme=dark] .sap-filter-toggle-btn{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .sap-filter-toggle-btn:hover{background:#ffffff14;border-color:#22c55e;color:#e2e8f0}[data-theme=dark] .sap-filter-badge{border-color:#1e293b}@media (max-width:480px){.sap-filter-toggle-label{display:none}.sap-filter-toggle-btn{padding:0 8px}}.sap-scroll-top-fab{align-items:center;animation:sap-fab-pop .22s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #22c55e80,0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:46px;justify-content:center;position:fixed;right:18px;transition:transform .15s ease,box-shadow .15s ease;width:46px;z-index:99999}.sap-scroll-top-fab:hover{box-shadow:0 6px 20px #22c55e99;transform:translateY(-2px)}.sap-scroll-top-fab:active{transform:scale(.92)}.sap-scroll-top-fab .material-symbols-rounded{font-size:26px!important}@keyframes sap-fab-pop{0%{opacity:0;transform:scale(.5) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width:1025px){.sap-scroll-top-fab{display:none}}.attendance-calendar{width:100%}.calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.weekday-header{background:var(--input-background);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.3px;padding:8px;text-align:center}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background:var(--card-background);border:1px solid var(--card-border);border-radius:6px;display:flex;flex-direction:column;justify-content:center;min-height:55px;padding:6px 4px;position:relative;transition:all .2s ease}.calendar-day.empty{background:#0000;border:none}.calendar-day.has-classes{cursor:pointer}.calendar-day:not(.empty):hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);z-index:10}.day-number{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.day-indicator{margin-top:2px}.class-count-simple{background:#00000014;border-radius:10px;color:var(--text-primary);display:inline-block;font-size:10px;font-weight:700;padding:2px 6px}:root[data-theme=dark] .class-count-simple{background:#ffffff26;color:var(--text-primary)}.calendar-day.status-all-present{background:#22c55e14;border-color:#22c55e4d}.calendar-day.status-all-present:hover{background:#22c55e26;border-color:#22c55e80}.calendar-day.status-all-present .class-count-simple{background:#22c55e40;color:#16a34a}.calendar-day.status-partial{background:#f59e0b14;border-color:#f59e0b4d}.calendar-day.status-partial:hover{background:#f59e0b26;border-color:#f59e0b80}.calendar-day.status-partial .class-count-simple{background:#f59e0b40;color:#d97706}.calendar-day.status-all-absent{background:#ef444414;border-color:#ef44444d}.calendar-day.status-all-absent:hover{background:#ef444426;border-color:#ef444480}.calendar-day.status-all-absent .class-count-simple{background:#ef444440;color:#dc2626}.calendar-day.status-no-class{background:#3b82f60d;border-color:#3b82f626}.calendar-day.status-no-class:hover{background:#3b82f61a;border-color:#3b82f640}.calendar-day.today{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.calendar-day.today .day-number{color:var(--primary-color);font-weight:700}.calendar-day.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f64d;transform:scale(1.05)}:root[data-theme=dark] .calendar-day{background:#ffffff05;border-color:#ffffff14}:root[data-theme=dark] .calendar-day.status-all-present{background:#22c55e1a;border-color:#22c55e66}:root[data-theme=dark] .calendar-day.status-all-present .class-count-simple{background:#22c55e4d;color:#4ade80}:root[data-theme=dark] .calendar-day.status-partial{background:#f59e0b1a;border-color:#f59e0b66}:root[data-theme=dark] .calendar-day.status-partial .class-count-simple{background:#f59e0b4d;color:#fbbf24}:root[data-theme=dark] .calendar-day.status-all-absent{background:#ef44441a;border-color:#ef444466}:root[data-theme=dark] .calendar-day.status-all-absent .class-count-simple{background:#ef44444d;color:#f87171}:root[data-theme=dark] .calendar-day.status-no-class{background:#3b82f60f;border-color:#3b82f633}@media (max-width:768px){.calendar-grid{gap:3px}.calendar-day{border-radius:6px;min-height:50px;padding:4px 2px}.day-number{font-size:12px}.class-count-simple{font-size:9px;padding:1px 4px}.weekday-header{font-size:10px;padding:6px}}@media (max-width:480px){.calendar-grid{gap:2px}.calendar-day{border-radius:4px;min-height:45px;padding:3px 2px}.day-number{font-size:11px}}@media (max-width:375px){.calendar-grid{gap:2px}.calendar-day{min-height:38px!important;padding:2px 1px!important}.day-number{font-size:10px!important}.class-count-simple{display:none}.weekday-header{font-size:9px!important;padding:4px 2px!important}}.day-records-section{animation:slideInDown .3s ease-out;background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;margin-top:24px;padding:20px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.day-records-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.header-left{align-items:center;display:flex;flex:1 1;gap:12px}.header-left .material-symbols-rounded{color:var(--text-primary);font-size:24px}.header-text h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.header-text p{color:var(--text-secondary);font-size:13px;margin:0}.close-records-btn{align-items:center;background:var(--button-background);border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-records-btn:hover{background:var(--button-hover-background);transform:scale(1.05)}.close-records-btn .material-symbols-rounded{font-size:20px}.day-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.summary-stat{align-items:center;background:var(--input-background);border:1px solid var(--card-border);border-radius:8px;display:flex;flex:1 1;gap:8px;min-width:150px;padding:10px 16px}.stat-icon-wrapper{align-items:center;border-radius:8px;display:flex;height:36px;justify-content:center;width:36px}.summary-stat.stat-present .stat-icon-wrapper{background:#22c55e26;color:#22c55e}.summary-stat.stat-absent .stat-icon-wrapper{background:#ef444426;color:#ef4444}.summary-stat.stat-total .stat-icon-wrapper{background:#3b82f626;color:#3b82f6}.stat-icon-wrapper .material-symbols-rounded{font-size:20px}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:20px;font-weight:700}.records-list{display:flex;flex-direction:column;gap:12px}.record-card{grid-gap:20px;align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 16px #0000000f,inset 0 1px 0 #ffffff4d;display:grid;gap:20px;grid-template-columns:120px 1fr auto;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.record-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.record-card:hover{border-color:#ffffff4d;box-shadow:0 8px 24px #0000001a,inset 0 1px 0 #fff6;transform:translateY(-2px) scale(1.01)}.record-card.status-present{background:linear-gradient(135deg,#22c55e26,#16a34a14);border:1px solid #22c55e4d}.record-card.status-present:hover{background:linear-gradient(135deg,#22c55e33,#16a34a1f);box-shadow:0 8px 24px #22c55e26,inset 0 1px 0 #fff6}.record-card.status-absent{background:linear-gradient(135deg,#ef444426,#dc262614);border:1px solid #ef44444d}.record-card.status-absent:hover{background:linear-gradient(135deg,#ef444433,#dc26261f);box-shadow:0 8px 24px #ef444426,inset 0 1px 0 #fff6}.record-card.status-late{background:linear-gradient(135deg,#f59e0b26,#d9770614);border:1px solid #f59e0b4d}.record-card.status-late:hover{background:linear-gradient(135deg,#f59e0b33,#d977061f);box-shadow:0 8px 24px #f59e0b26,inset 0 1px 0 #fff6}.record-card.status-excused{background:linear-gradient(135deg,#8b5cf626,#7c3aed14);border:1px solid #8b5cf64d}.record-card.status-excused:hover{background:linear-gradient(135deg,#8b5cf633,#7c3aed1f);box-shadow:0 8px 24px #8b5cf626,inset 0 1px 0 #fff6}.record-status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:6px;justify-content:center;padding:8px 12px}.record-status-badge .status-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:18px}.record-card.status-present .status-icon{color:#22c55e}.record-card.status-absent .status-icon{color:#ef4444}.record-card.status-late .status-icon{color:#f59e0b}.record-card.status-excused .status-icon{color:#8b5cf6}.status-text{color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:capitalize}.record-info-horizontal{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.info-item{align-items:center;display:flex;gap:8px}.info-item .material-symbols-rounded{color:var(--text-secondary);flex-shrink:0;font-size:18px}.info-text{display:flex;flex-direction:column;gap:2px;min-width:0}.info-label{color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis}.info-value,.view-class-btn{font-size:13px;white-space:nowrap}.view-class-btn{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease}.view-class-btn:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f666;transform:translateY(-1px)}.view-class-btn .material-symbols-rounded{font-size:18px}:root[data-theme=dark] .view-class-btn{background:#3b82f6}:root[data-theme=dark] .view-class-btn:hover{background:#60a5fa}:root[data-theme=dark] .record-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1f}:root[data-theme=dark] .record-card.status-present{background:linear-gradient(135deg,#22c55e1f,#16a34a0f);border:1px solid #22c55e40}:root[data-theme=dark] .record-card.status-absent{background:linear-gradient(135deg,#ef44441f,#dc26260f);border:1px solid #ef444440}:root[data-theme=dark] .record-card.status-late{background:linear-gradient(135deg,#f59e0b1f,#d977060f);border:1px solid #f59e0b40}:root[data-theme=dark] .record-card.status-excused{background:linear-gradient(135deg,#8b5cf61f,#7c3aed0f);border:1px solid #8b5cf640}.record-badge.manual-override{align-items:center;background:#f59e0b33;border:1px solid #f59e0b4d;border-radius:4px;color:#d97706;display:flex;font-size:10px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px}.record-badge.manual-override .material-symbols-rounded{font-size:12px}.records-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.records-spinner{animation:spin 1s linear infinite;border:3px solid var(--card-border);border-radius:50%;border-top-color:var(--primary-color);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.no-records{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.no-records .material-symbols-rounded{font-size:48px;opacity:.5}.no-records p{font-size:14px;font-weight:500}@media (max-width:768px){.day-records-section{margin-top:16px;padding:14px}.day-records-header{margin-bottom:14px}.header-text h3{font-size:15px!important}.day-summary{flex-direction:row!important;flex-wrap:nowrap!important;gap:8px;margin-bottom:14px}.summary-stat{flex:1 1;gap:6px!important;min-width:0!important;padding:8px 10px!important}.summary-stat .material-symbols-rounded{font-size:18px!important}.stat-value{font-size:16px!important}.stat-label{font-size:10px!important}.record-card{border-radius:12px!important;gap:10px!important;grid-template-columns:1fr!important;padding:12px 14px!important}.record-status-badge{width:-webkit-fit-content;width:fit-content}.record-info-horizontal{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.info-label{font-size:9px!important}.info-value{font-size:12px!important}.info-item .material-symbols-rounded{font-size:15px!important}.view-class-btn{font-size:12px!important;justify-content:center;padding:8px 14px!important;width:100%}}@media (max-width:480px){.record-info-horizontal{grid-template-columns:1fr!important}}:root{--sbp-glass:#fff9;--sbp-glass-border:#ffffff73;--sbp-card-glass:#ffffff8c;--sbp-shadow:0 4px 24px #0f172a0f;--sbp-hover-shadow:0 8px 28px #6366f124;--sbp-radius:14px;--sbp-accent:#6366f1;--sbp-accent-light:#6366f114;--sbp-accent-border:#6366f133;--sbp-border:#e2e8f0b3}[data-theme=dark]{--sbp-glass:#11192da6;--sbp-glass-border:#ffffff14;--sbp-card-glass:#141e3799;--sbp-shadow:0 4px 24px #0006;--sbp-hover-shadow:0 8px 28px #6366f133;--sbp-accent-light:#6366f11f;--sbp-accent-border:#6366f140;--sbp-border:#ffffff12}.sbp-page{background:linear-gradient(135deg,#eef2ff,#f5f3ff 40%,#fdf2f8);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}[data-theme=dark] .sbp-page{background:linear-gradient(135deg,#0f1623,#111827 50%,#130f1e)}.sbp-blob{border-radius:50%;filter:blur(60px);pointer-events:none;position:absolute;z-index:0}.sbp-blob-1{background:radial-gradient(circle,#6366f11f 0,#0000 70%);height:420px;right:-80px;top:-100px;width:420px}.sbp-blob-2{background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);bottom:-80px;height:320px;left:-60px;width:320px}.sbp-toolbar{backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);background:#fff9;background:var(--sbp-glass);border-bottom:1.5px solid #ffffff73;border-bottom:1.5px solid var(--sbp-glass-border);box-shadow:0 2px 16px #6366f10f;display:flex;flex-direction:column;flex-shrink:0;gap:0;position:relative;z-index:10}.sbp-toolbar-top{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;padding:.55rem .85rem}.sbp-filter-toggle{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;background:var(--sbp-glass);border:1.5px solid #e2e8f0b3;border:1.5px solid var(--sbp-border);border-radius:20px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:600;gap:.35rem;padding:.38rem .85rem .38rem .65rem;transition:all .15s;white-space:nowrap}.sbp-filter-toggle .material-symbols-rounded:first-child{font-size:1rem}.sbp-toggle-chev{font-size:.9rem!important;opacity:.7}.sbp-filter-toggle.active,.sbp-filter-toggle:hover{background:#6366f114;background:var(--sbp-accent-light);border-color:#6366f1;border-color:var(--sbp-accent);color:#6366f1;color:var(--sbp-accent)}[data-theme=dark] .sbp-filter-toggle{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .sbp-filter-toggle.active{color:#a5b4fc}.sbp-toolbar-filters{align-items:center;animation:sbpFiltersIn .15s ease;border-top:1px solid #ffffff73;border-top:1px solid var(--sbp-glass-border);display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding:.45rem .85rem .6rem;scrollbar-width:none}.sbp-toolbar-filters::-webkit-scrollbar{display:none}@keyframes sbpFiltersIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sbp-status-pills{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.3rem}.sbp-status-pill-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;background:var(--sbp-glass);border:1.5px solid #e2e8f0b3;border:1.5px solid var(--sbp-border);border-radius:20px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.74rem;font-weight:600;padding:.3rem .7rem;transition:all .15s;white-space:nowrap}.sbp-status-pill-btn:hover{background:#6366f114;background:var(--sbp-accent-light);border-color:#6366f1;border-color:var(--sbp-accent);color:#6366f1;color:var(--sbp-accent)}.sbp-status-pill-btn.active{font-weight:700}[data-theme=dark] .sbp-status-pill-btn{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}.sbp-filter-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;background:var(--sbp-glass);border:1.5px solid #e2e8f0b3;border:1.5px solid var(--sbp-border);border-radius:20px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:600;gap:.4rem;padding:.32rem .8rem .32rem .6rem;transition:all .15s;white-space:nowrap}.sbp-filter-btn .material-symbols-rounded:first-child{flex-shrink:0;font-size:.95rem}.sbp-filter-btn-label{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbp-filter-btn.active,.sbp-filter-btn:hover{background:#6366f114;background:var(--sbp-accent-light);border-color:#6366f1;border-color:var(--sbp-accent);color:#6366f1;color:var(--sbp-accent)}.sbp-filter-btn.active{font-weight:700}[data-theme=dark] .sbp-filter-btn{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .sbp-filter-btn.active{background:#6366f126;color:#a5b4fc}.sbp-date-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;background:var(--sbp-glass);border:1.5px solid #e2e8f0b3;border:1.5px solid var(--sbp-border);border-radius:20px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:.4rem;max-width:200px;padding:.32rem .8rem .32rem .6rem;transition:all .15s;white-space:nowrap}.sbp-date-btn .material-symbols-rounded:first-child{flex-shrink:0;font-size:.95rem}.sbp-date-btn-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.sbp-chev{flex-shrink:0;font-size:.9rem;opacity:.5}.sbp-date-btn.active,.sbp-date-btn:hover{background:#6366f114;background:var(--sbp-accent-light);border-color:#6366f1;border-color:var(--sbp-accent);color:#6366f1;color:var(--sbp-accent)}.sbp-date-btn.active{font-weight:700}.sbp-x{cursor:pointer;flex-shrink:0;font-size:.85rem!important;opacity:.65}.sbp-x:hover{opacity:1}[data-theme=dark] .sbp-date-btn{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .sbp-date-btn.active{background:#6366f126;color:#a5b4fc}.sbp-clear-btn{align-items:center;background:#fff9;background:var(--sbp-glass);border:1.5px solid #e2e8f0b3;border:1.5px solid var(--sbp-border);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .15s;width:30px}.sbp-clear-btn:hover{background:#ef44440f;border-color:#ef4444;color:#ef4444}.sbp-clear-btn .material-symbols-rounded{font-size:1rem}.sbp-search{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;background:var(--sbp-glass);border:1.5px solid #e2e8f0b3;border:1.5px solid var(--sbp-border);border-radius:20px;display:flex;flex:1 1;gap:.4rem;max-width:220px;min-width:160px;padding:0 .75rem}.sbp-search:focus-within{border-color:#6366f1;border-color:var(--sbp-accent);box-shadow:0 0 0 3px #6366f11a}.sbp-search .material-symbols-rounded{color:#6366f1;color:var(--sbp-accent);flex-shrink:0;font-size:.95rem}.sbp-search input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:.82rem;outline:none;padding:.38rem 0}[data-theme=dark] .sbp-search input{color:#f1f5f9}.sbp-search-clear{color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:.85rem}.sbp-search-clear:hover{color:#ef4444}.sbp-book-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:20px;box-shadow:0 2px 10px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.82rem;font-weight:700;gap:.4rem;padding:.42rem 1.1rem;transition:all .18s;white-space:nowrap}.sbp-book-btn .material-symbols-rounded{font-size:1rem}.sbp-book-btn:hover{box-shadow:0 4px 16px #6366f16b;transform:translateY(-1px)}.sbp-date-dd{animation:sbpDDIn .14s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border:1.5px solid #e2e8f0e6;border-radius:14px;box-shadow:0 12px 40px #0f172a24;overflow:hidden;width:280px}[data-theme=dark] .sbp-date-dd{background:#141c30eb;border-color:#ffffff17}@keyframes sbpDDIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sbp-dd-presets{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:1fr 1fr;padding:.65rem}.sbp-dd-preset{background:#0000;border:1.5px solid #e2e8f0b3;border:1.5px solid var(--sbp-border);border-radius:9px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.75rem;font-weight:600;padding:.38rem .55rem;text-align:center;transition:all .13s}.sbp-dd-preset:hover{background:#6366f114;background:var(--sbp-accent-light);border-color:#6366f1;border-color:var(--sbp-accent);color:#6366f1;color:var(--sbp-accent)}.sbp-dd-preset.active{background:linear-gradient(135deg,#6366f1,#7c3aed);border-color:#0000;color:#fff}[data-theme=dark] .sbp-dd-preset{border-color:#ffffff1a;color:#94a3b8}.sbp-dd-divider{align-items:center;display:flex;gap:.5rem;margin-bottom:.1rem;padding:0 .65rem}.sbp-dd-divider:after,.sbp-dd-divider:before{background:#e2e8f0b3;background:var(--sbp-border);content:"";flex:1 1;height:1px}.sbp-dd-divider span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.sbp-dd-custom{padding:.45rem .65rem .65rem}.sbp-dd-custom-btn{align-items:center;background:#6366f10d;border:1.5px dashed #6366f159;border-radius:9px;color:#6366f1;color:var(--sbp-accent);cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.45rem;padding:.45rem .75rem;transition:all .14s;width:100%}.sbp-dd-custom-btn .material-symbols-rounded{flex-shrink:0;font-size:.95rem}.sbp-dd-custom-btn:hover{background:#6366f11a;border-color:#6366f1;border-color:var(--sbp-accent)}.sbp-scroll{flex:1 1;overflow-y:auto;padding:0 .85rem 1.25rem;position:relative;z-index:1}.sbp-scroll::-webkit-scrollbar{width:5px}.sbp-scroll::-webkit-scrollbar-thumb{background:#6366f12e;border-radius:3px}.sbp-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;padding:.55rem .1rem}.sbp-header-left{align-items:center;display:flex;gap:.4rem}.sbp-header-icon{color:#6366f1;color:var(--sbp-accent);font-size:.95rem}.sbp-header-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.88rem;font-weight:700}[data-theme=dark] .sbp-header-title{color:#e2e8f0}.sbp-header-count{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem;font-weight:600}.sbp-spin{animation:sbpSpin 1s linear infinite;color:#6366f1;color:var(--sbp-accent);font-size:1rem}@keyframes sbpSpin{to{transform:rotate(1turn)}}.sbp-summary{display:flex;flex:1 1;flex-wrap:wrap;gap:.35rem}.sbp-summary-pill{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;gap:3px;padding:2px 8px}.sbp-summary-pill .material-symbols-rounded{font-size:.8rem}.sbp-pagination{flex-shrink:0;gap:.35rem;margin-left:auto}.sbp-page-btn,.sbp-pagination{align-items:center;display:flex}.sbp-page-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;background:var(--sbp-glass);border:1.5px solid #e2e8f0b3;border:1.5px solid var(--sbp-border);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;height:28px;justify-content:center;transition:all .14s;width:28px}.sbp-page-btn:hover:not(:disabled){border-color:#6366f1;border-color:var(--sbp-accent);color:#6366f1;color:var(--sbp-accent)}.sbp-page-btn:disabled{cursor:not-allowed;opacity:.35}.sbp-page-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.74rem;font-weight:600}.sbp-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));padding-top:.2rem}.sbp-card{backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);background:#ffffff8c;background:var(--sbp-card-glass);border:1.5px solid #ffffff73;border:1.5px solid var(--sbp-glass-border);border-radius:14px;border-radius:var(--sbp-radius);box-shadow:0 4px 24px #0f172a0f,inset 0 1px 0 #ffffff80;box-shadow:var(--sbp-shadow),inset 0 1px 0 #ffffff80;display:flex;flex-direction:column;gap:.6rem;overflow:hidden;padding:1rem;position:relative;transition:box-shadow .2s,transform .2s}.sbp-card:before{background:linear-gradient(145deg,#ffffff38,#0000 55%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.sbp-card:hover{box-shadow:0 8px 28px #6366f124,inset 0 1px 0 #ffffff80;box-shadow:var(--sbp-hover-shadow),inset 0 1px 0 #ffffff80;transform:translateY(-3px)}[data-theme=dark] .sbp-card{box-shadow:0 4px 24px #0f172a0f,inset 0 1px 0 #ffffff0a;box-shadow:var(--sbp-shadow),inset 0 1px 0 #ffffff0a}.sbp-card-top{gap:.5rem;justify-content:space-between}.sbp-card-date,.sbp-card-top{align-items:center;display:flex}.sbp-card-date{background:#6366f114;background:var(--sbp-accent-light);border:1px solid #6366f133;border:1px solid var(--sbp-accent-border);border-radius:8px;color:#334155;color:var(--text-primary,#334155);font-size:.88rem;font-weight:700;gap:.35rem;padding:.3rem .6rem}[data-theme=dark] .sbp-card-date{color:#e2e8f0}.sbp-card-date .material-symbols-rounded{color:#6366f1;color:var(--sbp-accent);font-size:.9rem}.sbp-status-pill{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:700;gap:3px;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.sbp-status-pill .material-symbols-rounded{font-size:.8rem}.sbp-card-enr{align-items:flex-start;display:flex;gap:.5rem}.sbp-day-badge{align-items:center;border-radius:8px;box-shadow:0 1px 4px #00000012;display:flex;flex-direction:column;flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.04em;line-height:1.2;padding:4px 7px;text-transform:uppercase}.sbp-day-s{font-size:.57rem;opacity:.75}.sbp-enr-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sbp-enr-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .sbp-enr-name{color:#f1f5f9}.sbp-enr-time{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.72rem;gap:4px}.sbp-dur{background:#0000000d;border-radius:4px;font-size:.62rem;font-weight:600;padding:1px 4px}[data-theme=dark] .sbp-dur{background:#ffffff17}.sbp-room{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:.7rem;gap:2px}.sbp-room .material-symbols-rounded{font-size:.8rem}.sbp-bc{align-items:center;display:flex;flex-wrap:wrap;gap:1px}.sbp-bc-sep{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.7rem}.sbp-bc-part{color:#64748b;color:var(--text-secondary,#64748b);font-size:.66rem}.sbp-program{align-items:center;background:#6366f114;background:var(--sbp-accent-light);border:1px solid #6366f133;border:1px solid var(--sbp-accent-border);border-radius:8px;display:flex;font-size:.73rem;gap:.35rem;padding:.3rem .6rem}.sbp-program .material-symbols-rounded{color:#6366f1;color:var(--sbp-accent);font-size:.85rem}.sbp-prog-name{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-weight:600}[data-theme=dark] .sbp-prog-name{color:#f1f5f9}.sbp-prog-id{font-family:monospace;font-size:.63rem}.sbp-empty,.sbp-prog-id{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.sbp-empty{align-items:center;display:flex;flex-direction:column;gap:.5rem;grid-column:1/-1;padding:3.5rem}.sbp-empty .material-symbols-rounded{font-size:2.5rem;opacity:.3}.sbp-empty p{font-size:.92rem;font-weight:600;margin:0}.sbp-error{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ef444414;border:1px solid #ef444440;border-radius:10px;color:#ef4444;font-size:.85rem;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1rem}.sbp-error,.sbp-fab{align-items:center;display:flex}.sbp-fab{background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 4px 16px #6366f159;color:#fff;cursor:pointer;height:40px;justify-content:center;position:fixed;right:1.5rem;transition:transform .15s,box-shadow .15s;width:40px;z-index:9000}.sbp-fab:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-2px)}@media (max-width:640px){.sbp-grid{grid-template-columns:1fr}.sbp-toolbar-top{flex-wrap:wrap}.sbp-search{max-width:100%;min-width:0}.sbp-blob-1,.sbp-blob-2{display:none}}.sb-date-picker-btn{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex!important;font-size:.9rem;gap:.5rem;text-align:left;transition:border-color .18s,box-shadow .18s}.sb-date-picker-btn.has-value{border-color:#6366f1;color:#1f2937;color:var(--text-primary,#1f2937)}[data-theme=dark] .sb-date-picker-btn.has-value{color:#f1f5f9}.sb-date-picker-btn:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.sb-slot-time{font-size:.62rem;font-weight:500;opacity:.7;white-space:nowrap}.sbp-groups{display:flex;flex-direction:column;gap:.85rem;padding-top:.2rem}.sbp-group{backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);background:#ffffff8c;background:var(--sbp-card-glass);border:1.5px solid #6366f133;border-radius:12px;box-shadow:0 4px 24px #0f172a0f;box-shadow:var(--sbp-shadow);overflow:hidden;transition:box-shadow .2s,transform .2s}.sbp-group:hover{box-shadow:0 8px 28px #6366f124;box-shadow:var(--sbp-hover-shadow);transform:translateY(-2px)}[data-theme=dark] .sbp-group{border-color:#a5b4fc26}.sbp-group-header{align-items:flex-start;background:#6366f10a;border-bottom:1px solid #6366f11a;display:flex;gap:.75rem;padding:.85rem 1rem}[data-theme=dark] .sbp-group-header{background:#6366f112;border-bottom-color:#a5b4fc1a}.sbp-group-info{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-width:0}.sbp-group-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.sbp-group-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.92rem;font-weight:700}[data-theme=dark] .sbp-group-name{color:#f1f5f9}.ise-booking-date-card.noshow{background:#f59e0b0f;border-color:#f59e0b40}.ise-booking-date-card.cancelled{background:#94a3b814;border-color:#94a3b840}.ise-booking-date-card.noshow .ise-booking-date-icon{color:#f59e0b}.ise-booking-date-card.cancelled .ise-booking-date-icon{color:#94a3b8}.ise-booking-status-chip.noshow{background:#f59e0b1f;color:#92400e}.ise-booking-status-chip.cancelled{background:#94a3b81f;color:#475569}[data-theme=dark] .ise-booking-status-chip.noshow{color:#fde68a}[data-theme=dark] .ise-booking-status-chip.cancelled{color:#94a3b8}.sbp-date-dd{z-index:9999!important}.sinv-root{box-sizing:border-box;height:100%;overflow-y:auto;padding:1.25rem;width:100%}.sinv-page-wrap{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #e2e8f0bf;border-radius:18px;box-shadow:0 4px 24px #0000000f,inset 0 0 0 1px #ffffffb3;box-sizing:border-box;display:flex;flex-direction:column;gap:1.1rem;min-height:calc(100% - .5rem);padding:1.5rem}.sinv-toast{align-items:center;animation:sinv-toast-in .2s ease;background:#1e293b;border-radius:24px;bottom:1.5rem;box-shadow:0 8px 24px #0003;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;left:50%;padding:.6rem 1.1rem;position:fixed;transform:translateX(-50%);z-index:9999}.sinv-toast .material-symbols-rounded{color:#34d399;font-size:1.1rem}@keyframes sinv-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sinv-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#6366f114,#4f46e50a);border:1px solid #6366f126;border-radius:14px;box-shadow:0 2px 12px #6366f114,inset 0 0 0 1px #fff9;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}[data-theme=dark] .sinv-header{background:linear-gradient(135deg,#6366f11f,#4f46e50f);border-color:#6366f133;box-shadow:0 2px 12px #0003,inset 0 0 0 1px #ffffff0a}.sinv-header-left{align-items:center;display:flex;gap:.85rem}.sinv-header-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:14px;box-shadow:0 4px 14px #6366f159;color:#fff;font-size:1.8rem;padding:.45rem}.sinv-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.2rem;font-weight:700;margin:0}.sinv-subtitle{color:#666;color:var(--text-secondary,#666);font-size:.78rem;margin:.1rem 0 0}.sinv-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.sinv-action-btn{align-items:center;background:#6366f10f;border:1.5px solid #6366f133;border-radius:10px;color:#6366f1;cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:.4rem;padding:.42rem .9rem;transition:background .15s,border-color .15s,box-shadow .15s}.sinv-action-btn .material-symbols-rounded{font-size:1.1rem}.sinv-action-btn:hover:not(:disabled){background:#6366f11f;border-color:#6366f166}.sinv-action-btn:disabled{cursor:not-allowed;opacity:.5}.sinv-action-btn--download{background:linear-gradient(135deg,#6366f11a,#4f46e50f);border-color:#6366f14d}.sinv-action-btn--download:hover{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-color:#0000!important;box-shadow:0 4px 14px #6366f159;color:#fff!important}.sinv-action-btn--share{background:#10b9810f;border-color:#10b98140;color:#059669}.sinv-action-btn--share:hover{background:#10b9811f!important;border-color:#10b98166!important}.sinv-spin{animation:sinv-rotate .8s linear infinite}@keyframes sinv-rotate{to{transform:rotate(1turn)}}.sinv-kpi-row{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(4,1fr)}.sinv-kpi-card{align-items:center;background:#ffffffbf;border:1px solid #e2e8f0cc;border-radius:13px;box-shadow:0 1px 6px #0000000d;display:flex;gap:.85rem;padding:.9rem 1.1rem;transition:box-shadow .18s,transform .15s}.sinv-kpi-card:hover{box-shadow:0 4px 16px #00000017;transform:translateY(-1px)}.sinv-kpi-card--overdue{background:#fd7e140d;border-color:#fd7e144d}.sinv-kpi-icon{border-radius:11px;flex-shrink:0;font-size:1.5rem;padding:.38rem}.sinv-kpi--blue{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 4px 12px #2563eb59;color:#fff}.sinv-kpi--red{background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 4px 12px #e11d4859;color:#fff}.sinv-kpi--green{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 4px 12px #05966959;color:#fff}.sinv-kpi--orange{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 4px 12px #d9770659;color:#fff}.sinv-kpi--purple{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 4px 12px #7c3aed4d;color:#fff}.sinv-kpi-val{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.05rem;font-weight:700;line-height:1.2}.sinv-kpi-lbl{color:#888;color:var(--text-secondary,#888);font-size:.71rem;margin-top:2px}.sinv-filter-bar{align-items:center;background:#f8fafccc;border:1px solid #e2e8f099;border-radius:12px;display:flex;flex-wrap:wrap;gap:.4rem;padding:.45rem .6rem}.sinv-filter-btn{background:#0000;border:1.5px solid #0000;border-radius:20px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.78rem;font-weight:500;padding:.3rem .85rem;transition:all .15s}.sinv-filter-btn:hover{background:#6366f10f;border-color:#6366f14d;color:#6366f1}.sinv-filter-btn--active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#0000;box-shadow:0 2px 8px #6366f147;color:#fff}.sinv-filter-count{color:#999;color:var(--text-secondary,#999);font-size:.72rem;margin-left:auto;padding-right:.2rem}.sinv-error{background:#dc354514;border:1px solid #dc354533;border-radius:10px;color:#dc3545;gap:.5rem;padding:.85rem 1rem}.sinv-error,.sinv-loading{align-items:center;display:flex;font-size:.875rem}.sinv-loading{color:#888;color:var(--text-secondary,#888);flex-direction:column;gap:1rem;padding:3rem}.sinv-spinner{animation:sinv-rotate .8s linear infinite;border:3px solid #6366f126;border-radius:50%;border-top-color:#6366f1;height:34px;width:34px}.sinv-empty{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:3rem 1rem;text-align:center}.sinv-empty-icon{color:#d0d0d0;color:var(--border-color,#d0d0d0);font-size:3rem}.sinv-empty-title{color:#333;color:var(--text-primary,#333);font-size:1rem;font-weight:600;margin:0}.sinv-empty-sub{color:#888;color:var(--text-secondary,#888);font-size:.82rem;margin:0;max-width:320px}.sinv-body{align-items:flex-start;display:flex;flex:1 1;gap:1.1rem}.sinv-body--split .sinv-list{flex:0 0 400px}.sinv-list{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.sinv-card{background:#ffffffb3;border:1.5px solid #e2e8f0a6;border-radius:13px;cursor:pointer;padding:1rem 1.1rem;transition:border-color .18s,box-shadow .18s,transform .15s}.sinv-card:hover{border-color:#6366f159;box-shadow:0 4px 16px #6366f11a;transform:translateY(-1px)}.sinv-card--active{background:#6366f108;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f,0 4px 16px #6366f11a}.sinv-card-top{gap:.5rem;justify-content:space-between;margin-bottom:.3rem}.sinv-card-id,.sinv-card-top{align-items:center;display:flex}.sinv-card-id{gap:.4rem}.sinv-card-icon{color:#6366f1;font-size:1.05rem}.sinv-card-num{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.88rem;font-weight:700}.sinv-card-program{color:#888;color:var(--text-secondary,#888);font-size:.78rem;margin-bottom:.7rem}.sinv-card-top-right{align-items:center;display:flex;gap:.4rem}.sinv-card-action-btn{align-items:center;background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;transition:background .15s,color .15s,border-color .15s;transition:opacity .15s,background .15s,color .15s;width:28px}.sinv-card-action-btn .material-symbols-rounded{font-size:.95rem}.sinv-card:hover .sinv-card-action-btn{opacity:1}.sinv-card-action-btn:hover{background:#6366f11a;border-color:#6366f14d;color:#6366f1}.sinv-badge{border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:.18rem .6rem;white-space:nowrap}.sinv-card-amounts{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:.7rem}.sinv-card-amount-item{display:flex;flex-direction:column;gap:2px}.sinv-card-amount-lbl{color:#999;color:var(--text-secondary,#999);font-size:.66rem;letter-spacing:.03em;text-transform:uppercase}.sinv-card-amount-val{color:#333;color:var(--text-primary,#333);font-size:.83rem;font-weight:600}.sinv-card-amount-val--green{color:#059669}.sinv-card-amount-val--red{color:#e11d48}.sinv-progress{align-items:center;display:flex;gap:.6rem;margin-bottom:.7rem}.sinv-progress-bar{background:#e2e8f0cc;border-radius:3px;flex:1 1;height:4px;overflow:hidden}.sinv-progress-fill{border-radius:3px;height:100%;transition:width .3s}.sinv-progress-pct{font-size:.68rem;white-space:nowrap}.sinv-card-footer,.sinv-progress-pct{color:#888;color:var(--text-secondary,#888)}.sinv-card-footer{font-size:.73rem;justify-content:space-between}.sinv-card-footer,.sinv-due{align-items:center;display:flex}.sinv-due{gap:.22rem}.sinv-due .material-symbols-rounded{font-size:.9rem}.sinv-due--overdue{color:#e11d48;font-weight:600}.sinv-view-detail{align-items:center;color:#6366f1;display:flex;font-weight:500}.sinv-view-detail .material-symbols-rounded{font-size:.95rem}.sinv-detail{background:#f8fafccc;border:1.5px solid #e2e8f0a6;border-radius:14px;box-shadow:0 2px 12px #0000000d;flex:1 1;max-height:calc(100vh - 8rem);min-width:0;overflow-y:auto;padding:1.25rem;position:-webkit-sticky;position:sticky;top:0}.sinv-detail-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.sinv-detail-id{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.05rem;font-weight:700}.sinv-detail-program{color:#888;color:var(--text-secondary,#888);font-size:.78rem;margin-top:2px}.sinv-detail-status{display:inline-block;margin-bottom:1rem}.sinv-detail-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.35rem}.sinv-detail-icon-btn{align-items:center;background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:9px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:32px}.sinv-detail-icon-btn .material-symbols-rounded{font-size:1.05rem}.sinv-detail-icon-btn:hover{background:#6366f11a;border-color:#6366f14d;color:#6366f1}.sinv-detail-icon-btn--primary{background:#6366f114;border-color:#6366f140;color:#6366f1}.sinv-detail-icon-btn--primary:hover{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-color:#0000!important;box-shadow:0 3px 12px #6366f159;color:#fff!important}.sinv-detail-close{align-items:center;background:#e2e8f080;border:none;border-radius:9px;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s;width:32px}.sinv-detail-close:hover{background:#e2e8f0e6;color:#333;color:var(--text-primary,#333)}.sinv-detail-close .material-symbols-rounded{font-size:1.1rem}.sinv-detail-section{margin-bottom:1.1rem}.sinv-detail-section-title{border-bottom:1px solid #e2e8f0b3;color:#999;color:var(--text-secondary,#999);font-size:.69rem;font-weight:700;letter-spacing:.07em;margin-bottom:.5rem;padding-bottom:.35rem;text-transform:uppercase}.sinv-detail-grid{display:flex;flex-direction:column}.sinv-detail-row{align-items:center;border-radius:7px;display:flex;font-size:.84rem;justify-content:space-between;padding:.45rem .55rem;transition:background .12s}.sinv-detail-row:hover{background:#e2e8f059}.sinv-detail-row--total{border-top:1.5px solid #6366f12e;font-size:.88rem;margin-top:.2rem;padding-top:.5rem}.sinv-detail-row--outstanding{background:#e11d480d;border:1px solid #e11d481f;border-radius:9px;margin-top:.2rem}.sinv-detail-row--outstanding:hover{background:#e11d4814}.sinv-detail-lbl{color:#666;color:var(--text-secondary,#666)}.sinv-detail-val{color:#333;color:var(--text-primary,#333);font-weight:500}.sinv-detail-val--bold{font-weight:700}.sinv-detail-val--green{color:#059669}.sinv-detail-val--red{color:#e11d48}.sinv-items{display:flex;flex-direction:column;gap:.3rem}.sinv-item-row{align-items:flex-start;background:#6366f10d;border:1px solid #6366f117;border-radius:8px;display:flex;font-size:.82rem;gap:.5rem;justify-content:space-between;padding:.45rem .7rem}.sinv-item-name-wrap{display:flex;flex-direction:column;gap:2px}.sinv-item-name{color:#333;color:var(--text-primary,#333)}.sinv-item-tax-label{color:#0d9488;font-size:.72rem;font-weight:500}.sinv-item-amt-wrap{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.sinv-item-amt{color:#333;color:var(--text-primary,#333);font-weight:600}.sinv-item-tax-amt{color:#0d9488;font-size:.72rem;font-weight:500}.sinv-detail-val--tax{color:#0d9488;font-weight:600}.sinv-detail-val--mono{font-family:Courier New,monospace;font-size:.82rem;letter-spacing:.04em}.sinv-detail-row--full{grid-column:1/-1}.sinv-detail-notes{background:#e2e8f059;border-radius:8px;color:#666;color:var(--text-secondary,#666);font-size:.82rem;line-height:1.5;margin:0;padding:.6rem .8rem}.sinv-detail-cta{align-items:flex-start;background:#6366f10f;border:1px solid #6366f126;border-radius:10px;color:#6366f1;display:flex;font-size:.78rem;gap:.5rem;padding:.7rem .85rem}.sinv-detail-cta .material-symbols-rounded{flex-shrink:0;font-size:1rem;margin-top:1px}[data-theme=dark] .sinv-page-wrap{background:#0f172ad1;border-color:#334155b3;box-shadow:0 4px 24px #00000059,inset 0 0 0 1px #ffffff0a}[data-theme=dark] .sinv-card{background:#1e293bb3;border-color:#33415599}[data-theme=dark] .sinv-card:hover{border-color:#6366f173}[data-theme=dark] .sinv-card--active{background:#6366f11a}[data-theme=dark] .sinv-kpi-card{background:#1e293ba6;border-color:#3341558c}[data-theme=dark] .sinv-filter-bar{background:#1e293b99;border-color:#3341558c}[data-theme=dark] .sinv-detail{background:#0f172ab3;border-color:#33415599}[data-theme=dark] .sinv-item-row{background:#6366f114;border-color:#6366f124}[data-theme=dark] .sinv-detail-notes,[data-theme=dark] .sinv-detail-row:hover{background:#ffffff0d}[data-theme=dark] .sinv-detail-cta{background:#6366f11f;border-color:#6366f138}[data-theme=dark] .sinv-detail-close{background:#ffffff12}[data-theme=dark] .sinv-detail-close:hover{background:#ffffff21}[data-theme=dark] .sinv-card-action-btn,[data-theme=dark] .sinv-detail-icon-btn{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .sinv-progress-bar{background:#ffffff1a}[data-theme=dark] .sinv-action-btn{background:#6366f11a;border-color:#6366f138}[data-theme=dark] .sinv-toast{background:#0f172a}.sinv-receipts-section{margin-bottom:1.1rem}.sinv-receipts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.sinv-receipts-title{align-items:center;border-bottom:none!important;display:flex;gap:.3rem;margin-bottom:0!important;padding-bottom:0!important}.sinv-receipts-title .material-symbols-rounded{color:#6366f1;font-size:.85rem}.sinv-receipts-section>.sinv-receipts-header{border-bottom:1px solid #e2e8f0b3;margin-bottom:.6rem;padding-bottom:.35rem}.sinv-receipts-state{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;font-size:.8rem;gap:.45rem;padding:.6rem .5rem}.sinv-receipts-state .material-symbols-rounded{flex-shrink:0;font-size:1rem}.sinv-receipts-state--empty{color:#999;color:var(--text-secondary,#999);font-style:italic}.sinv-receipts-state--error,.sinv-receipts-state--error .material-symbols-rounded{color:#e11d48}.sinv-receipts-spinner{animation:sinv-rotate .7s linear infinite;border:2px solid #6366f133;border-radius:50%;border-top-color:#6366f1;flex-shrink:0;height:16px;width:16px}.sinv-receipt-card{background:#6366f10a;border:1px solid #6366f124;border-radius:10px;margin-bottom:.55rem;padding:.75rem .9rem;transition:box-shadow .15s,border-color .15s}.sinv-receipt-card:last-child{margin-bottom:0}.sinv-receipt-card:hover{border-color:#6366f14d;box-shadow:0 2px 10px #6366f11a}.sinv-receipt-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.6rem}.sinv-receipt-num{align-items:center;color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;font-size:.85rem;font-weight:700;gap:.35rem}.sinv-receipt-icon{color:#6366f1;font-size:1rem}.sinv-receipt-download-btn{align-items:center;background:#6366f112;border:1.5px solid #6366f140;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.28rem .7rem;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.sinv-receipt-download-btn .material-symbols-rounded{font-size:.95rem}.sinv-receipt-download-btn:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#0000;box-shadow:0 3px 10px #6366f14d;color:#fff}.sinv-receipt-grid{grid-gap:.35rem .6rem;display:grid;gap:.35rem .6rem;grid-template-columns:1fr 1fr}.sinv-receipt-field{display:flex;flex-direction:column;gap:1px}.sinv-receipt-field--full{grid-column:1/-1}.sinv-receipt-lbl{color:#999;color:var(--text-secondary,#999);font-size:.65rem;letter-spacing:.04em;text-transform:uppercase}.sinv-receipt-val{color:#333;color:var(--text-primary,#333);font-size:.82rem;font-weight:600}.sinv-receipt-val--green{color:#059669}.sinv-receipt-val--mono{font-family:monospace;font-size:.77rem;word-break:break-all}[data-theme=dark] .sinv-receipt-card{background:#6366f112;border-color:#6366f133}[data-theme=dark] .sinv-receipt-card:hover{border-color:#6366f161}[data-theme=dark] .sinv-receipt-download-btn{background:#6366f11f;border-color:#6366f14d}[data-theme=dark] .sinv-receipts-section>.sinv-receipts-header{border-bottom-color:#33415599}@media (max-width:960px){.sinv-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sinv-root{padding:.75rem}.sinv-page-wrap{border-radius:14px;padding:1rem}.sinv-kpi-row{gap:.6rem;grid-template-columns:repeat(2,1fr)}.sinv-body--split{flex-direction:column}.sinv-body--split .sinv-list{flex:initial}.sinv-detail{max-height:none;position:static}}@media (max-width:480px){.sinv-kpi-row{grid-template-columns:1fr 1fr}.sinv-header-actions{justify-content:flex-end;width:100%}}.sl-page{background:#f8fafc;background:var(--card-bg,#f8fafc);display:flex;flex-direction:column;height:100%;overflow:hidden}.sl-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 28px 0}.sl-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:22px;font-weight:800;gap:10px;margin:0 0 4px}.sl-title-icon{color:#6366f1;font-size:24px}.sl-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;margin:0}.sl-header-stats{display:flex;gap:20px}.sl-main-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);display:flex;gap:4px;padding:0 24px}.sl-main-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:7px;margin-bottom:-2px;padding:12px 18px;transition:color .15s,border-color .15s}.sl-main-tab .material-symbols-rounded{font-size:18px}.sl-main-tab.active,.sl-main-tab:hover{color:#6366f1;color:var(--primary-color,#6366f1)}.sl-main-tab.active{border-bottom-color:#6366f1;border-bottom-color:var(--primary-color,#6366f1)}.sl-stats-row{display:flex;gap:20px;padding:14px 24px 4px}.sl-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.sl-stat-val{color:#6366f1;font-size:22px;font-weight:800;line-height:1}.sl-stat-lbl{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sl-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:16px 28px 0}.sl-search-wrap{flex:1 1;max-width:420px;min-width:200px;position:relative}.sl-search-icon{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:18px;left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sl-search{background:#f8fafc;background:var(--input-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;height:38px;outline:none;padding:0 34px 0 38px;transition:border-color .2s;width:100%}.sl-search:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.sl-search-clear{color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:16px;line-height:1;position:absolute;right:9px;top:50%;transform:translateY(-50%)}.sl-tabs{background:#f1f5f9;background:var(--card-bg,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;padding:4px}.sl-tab,.sl-tabs{display:flex;gap:6px}.sl-tab{align-items:center;background:#0000;border:none;border-radius:7px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .18s;white-space:nowrap}.sl-tab .material-symbols-rounded{font-size:16px}.sl-tab:hover{background:#6366f114;color:#6366f1}.sl-tab.active{background:#6366f1;box-shadow:0 2px 8px #6366f14d;color:#fff}.sl-refresh-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .2s;width:38px}.sl-refresh-btn:hover{background:#6366f10d;border-color:#6366f1;color:#6366f1}.sl-body{flex:1 1;overflow-y:auto;padding:16px 28px 32px}.sl-state{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:280px;text-align:center}.sl-state .material-symbols-rounded{font-size:52px;opacity:.4}.sl-state p{font-size:14px;line-height:1.6;margin:0;max-width:340px}.sl-state h3{color:#475569;color:var(--text-primary,#475569);font-size:16px;font-weight:700;margin:0}.sl-spinner{animation:sl-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:36px;width:36px}.sl-error .material-symbols-rounded{color:#ef4444;opacity:1}.sl-retry{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px}.sl-empty .material-symbols-rounded{color:#6366f1}.sl-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}@media (max-width:600px){.sl-list{grid-template-columns:1fr}.sl-body,.sl-header,.sl-toolbar{padding-left:16px;padding-right:16px}}.sl-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:box-shadow .2s,border-color .2s}.sl-card:hover{border-color:#6366f140;box-shadow:0 6px 20px #6366f11f}.sl-card-header{align-items:flex-start;display:flex;gap:12px;padding:16px 16px 0}.sl-card-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:11px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.sl-card-icon .material-symbols-rounded{color:#fff;font-size:20px}.sl-card-meta{flex:1 1;min-width:0}.sl-card-subject{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:700}.sl-card-enrollment,.sl-card-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-card-enrollment{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;margin-top:2px}.sl-card-date-block{flex-shrink:0;text-align:right}.sl-card-date{background:#6366f11a;border-radius:8px;color:#6366f1;display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.sl-card-time{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;margin-top:4px;text-align:right}.sl-card-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px 12px}.sl-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px}.sl-chip .material-symbols-rounded{font-size:12px}.sl-chip-note{background:#0ea5e91a;color:#0ea5e9}.sl-chip-resource{background:#10b9811a;color:#10b981}.sl-section{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-color,#f1f5f9)}.sl-section-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.sl-section-toggle:hover{background:rgba(0,0,0,.025)}.sl-section-icon.notes{color:#0ea5e9;font-size:16px}.sl-section-icon.resources{color:#10b981;font-size:16px}.sl-section-label{color:#475569;color:var(--text-primary,#475569);flex:1 1;font-size:13px;font-weight:600}.sl-section-count{background:#0ea5e91f;border-radius:20px;color:#0ea5e9;font-size:11px;font-weight:700;padding:1px 8px}.sl-section-count.resources{background:#10b9811f;color:#10b981}.sl-section-chevron{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:20px}.sl-notes-list{display:flex;flex-direction:column;gap:0}.sl-note-row{background:#0ea5e908;border-top:1px solid #0ea5e91f;padding:10px 16px}.sl-note-row-main{align-items:flex-start;display:flex;gap:10px}.sl-note-row-icon{color:#0ea5e9;flex-shrink:0;font-size:18px;margin-top:1px}.sl-note-row-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sl-note-row-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600;line-height:1.4}.sl-note-row-snippet{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-note-row-actions{display:flex;flex-shrink:0;gap:4px}.sl-note-preview-btn,.sl-note-read-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s;width:30px}.sl-note-preview-btn:hover{background:#0ea5e91a;border-color:#0ea5e940;color:#0ea5e9}.sl-note-read-btn:hover{background:#6366f11a;border-color:#6366f140;color:#6366f1}.sl-note-preview-btn .material-symbols-rounded,.sl-note-read-btn .material-symbols-rounded{font-size:16px}.sl-note-preview{background:#fff;border:1px solid #0ea5e933;border-radius:10px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;line-height:1.7;margin-top:10px;max-height:300px;overflow-y:auto;padding:12px}.sl-note-ai{align-items:flex-start;background:#6366f10f;border:1px solid #6366f126;border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:12px;font-style:italic;gap:6px;line-height:1.6;margin-top:8px;padding:8px 10px}.sl-note-ai .material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:14px;margin-top:1px}.sl-resources-list{display:flex;flex-direction:column}.sl-resource-row{align-items:center;background:#10b98108;border-top:1px solid #10b9811f;display:flex;gap:10px;padding:10px 16px;transition:background .15s}.sl-resource-row:hover{background:#10b9810f}.sl-resource-icon-wrap{align-items:center;background:#10b98124;border-radius:9px;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.sl-resource-icon-wrap .material-symbols-rounded{color:#10b981;font-size:18px}.sl-resource-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sl-resource-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600}.sl-resource-meta,.sl-resource-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-resource-meta{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px}.sl-resource-open-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:9px;box-shadow:0 2px 6px #10b9814d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:opacity .15s,transform .15s;width:34px}.sl-resource-open-btn:hover{opacity:.88;transform:scale(1.05)}.sl-resource-open-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.sl-resource-open-btn .material-symbols-rounded{font-size:18px}.sl-resource-btn-loading{pointer-events:none}.sl-resource-spinner{animation:sl-spin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes sl-spin{to{transform:rotate(1turn)}}.sl-resource-err{color:#ef4444;display:block;font-size:11px;margin-top:2px}.sl-read-overlay{align-items:center;animation:sl-fade-in .18s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9000}@keyframes sl-fade-in{0%{opacity:0}to{opacity:1}}.sl-read-modal{animation:sl-modal-in .22s ease;background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 24px 64px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:760px;overflow:hidden;width:100%}@keyframes sl-modal-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sl-read-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 22px}.sl-read-title{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:17px;font-weight:800;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-read-close{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;margin-left:12px;transition:all .15s;width:34px}.sl-read-close:hover{background:#ef444414;border-color:#ef44444d;color:#ef4444}.sl-read-body{flex:1 1;overflow-y:auto;padding:24px 26px}.sl-read-content{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;line-height:1.8}.sl-read-content h1,.sl-read-content h2,.sl-read-content h3{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:700;margin-bottom:8px;margin-top:20px}.sl-read-content code{background:#6366f114;border-radius:4px;font-family:monospace;font-size:13px;padding:1px 5px}.sl-read-content pre{background:#1e293b;border-radius:10px;color:#e2e8f0;font-size:13px;line-height:1.6;overflow-x:auto;padding:16px}.sl-read-content blockquote{border-left:3px solid #6366f1;color:#64748b;color:var(--text-secondary,#64748b);font-style:italic;margin-left:0;padding-left:14px}.sl-read-empty{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;margin-top:40px;text-align:center}.sl-read-ai{background:#6366f10f;border:1px solid #6366f12e;border-radius:12px;margin-top:20px;padding:14px 16px}.sl-read-ai-label{align-items:center;color:#6366f1;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sl-read-ai-label .material-symbols-rounded{font-size:15px}.sl-read-ai-content{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;font-style:italic;line-height:1.7}[data-theme=dark] .sl-search{background:#1e1e1e;border-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .sl-search:focus{background:#242424;border-color:#6366f1}[data-theme=dark] .sl-tabs{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .sl-tab{color:#9ca3af}[data-theme=dark] .sl-tab:hover{background:#6366f126}[data-theme=dark] .sl-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .sl-card:hover{border-color:#6366f159}[data-theme=dark] .sl-note-preview{background:#242424;border-color:#0ea5e940}[data-theme=dark] .sl-read-modal{background:#1a1a1a}[data-theme=dark] .sl-read-close,[data-theme=dark] .sl-read-header,[data-theme=dark] .sl-section{border-color:#2a2a2a}[data-theme=dark] .sl-note-row{border-color:#0ea5e91a}[data-theme=dark] .sl-resource-row{border-color:#10b9811a}[data-theme=dark] .sl-refresh-btn{background:#1a1a1a;border-color:#2a2a2a}.sp-root{margin:0 auto;max-width:860px;padding:24px;position:relative}.sp-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.sp-header,.sp-header-left{align-items:center;display:flex;gap:12px}.sp-header-icon{color:#6366f1;color:var(--primary-color,#6366f1);font-size:32px}.sp-title{color:#111827;color:var(--text-primary,#111827);font-size:1.4rem;font-weight:700;margin:0}.sp-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85rem;margin:2px 0 0}.sp-btn-primary{align-items:center;background:#6366f1;background:var(--primary-color,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:6px;padding:9px 18px;transition:opacity .18s}.sp-btn-primary:hover{opacity:.88}.sp-btn-primary:disabled{cursor:not-allowed;opacity:.55}.sp-btn-secondary{align-items:center;background:#0000;border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:6px;padding:9px 18px;transition:background .15s}.sp-btn-secondary:hover{background:#f9fafb;background:var(--hover-bg,#f9fafb)}.sp-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.sp-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:34px;justify-content:center;transition:background .15s;width:34px}.sp-icon-btn:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.sp-summary-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sp-filter-chip{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:20px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:5px;padding:5px 14px;transition:all .15s}.sp-filter-chip:hover{color:#6366f1;color:var(--primary-color,#6366f1)}.sp-filter-chip.active,.sp-filter-chip:hover{border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.sp-filter-chip.active{background:#6366f1;background:var(--primary-color,#6366f1);color:#fff}.sp-chip-count{background:#ffffff40;border-radius:10px;font-size:.75rem;font-weight:700;padding:0 6px}.sp-filter-chip:not(.active) .sp-chip-count{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280)}.sp-ticket-list{display:flex;flex-direction:column;gap:12px}.sp-ticket-card{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;padding:16px 18px;transition:box-shadow .18s,border-color .18s}.sp-ticket-card:hover{border-color:#6366f1;border-color:var(--primary-color,#6366f1);box-shadow:0 4px 16px #00000014}.sp-ticket-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.sp-ticket-id{color:#6366f1;color:var(--primary-color,#6366f1);font-size:.78rem;font-weight:700;letter-spacing:.04em}.sp-ticket-pills{display:flex;flex-wrap:wrap;gap:6px}.sp-ticket-subject{color:#111827;color:var(--text-primary,#111827);font-size:.95rem;font-weight:600;margin-bottom:4px}.sp-ticket-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.83rem;line-height:1.5;margin-bottom:10px;overflow:hidden}.sp-ticket-desc,.sp-ticket-footer{color:#6b7280;color:var(--text-secondary,#6b7280)}.sp-ticket-footer{align-items:center;display:flex;font-size:.78rem;gap:4px}.sp-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:3px;padding:2px 10px}.sp-pill-escalated{background:#fff7ed;color:#c2410c}.sp-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.sp-empty-icon{color:#6366f1;color:var(--primary-color,#6366f1);font-size:56px;margin-bottom:16px;opacity:.35}.sp-empty h3{color:#111827;color:var(--text-primary,#111827);font-size:1.1rem;font-weight:700;margin:0 0 8px}.sp-empty p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.88rem;line-height:1.6;margin:0 0 20px;max-width:380px}.sp-empty-filter{padding:40px;text-align:center}.sp-empty-filter,.sp-loading{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9rem}.sp-loading{align-items:center;display:flex;gap:10px;justify-content:center;padding:60px}.sp-spin{animation:sp-rotate 1s linear infinite}@keyframes sp-rotate{to{transform:rotate(1turn)}}.sp-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.sp-modal{background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.sp-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:18px 20px}.sp-modal-title{align-items:center;display:flex;gap:10px}.sp-modal-title h3{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:700;margin:0}.sp-modal-title .material-symbols-rounded{color:#6366f1;color:var(--primary-color,#6366f1);font-size:22px}.sp-modal-body{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:20px}.sp-modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.sp-label{color:#374151;color:var(--text-secondary,#374151);display:block;font-size:.82rem;font-weight:600;margin-top:12px}.sp-required{color:#ef4444}.sp-input,.sp-select,.sp-textarea{background:#f9fafb;background:var(--input-bg,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#111827;color:var(--text-primary,#111827);font-size:.88rem;margin-top:4px;padding:9px 12px;transition:border-color .15s;width:100%}.sp-input:focus,.sp-select:focus,.sp-textarea:focus{background:#fff;background:var(--card-bg,#fff);border-color:#6366f1;border-color:var(--primary-color,#6366f1);outline:none}.sp-textarea{min-height:100px;resize:vertical}.sp-priority-row{display:flex;gap:8px;margin-top:4px}.sp-priority-btn{background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;flex:1 1;font-size:.82rem;font-weight:600;padding:8px 0;transition:all .15s}.sp-priority-btn:hover{border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.sp-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.84rem;padding:10px 14px}.sp-drawer-backdrop{background:#00000059;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:999}.sp-drawer{animation:sp-slide-in .22s ease;background:#fff;background:var(--card-bg,#fff);box-shadow:-8px 0 40px #00000024;display:flex;flex-direction:column;height:100%;max-width:440px;overflow:hidden;width:100%}@keyframes sp-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.sp-drawer-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;gap:12px;justify-content:space-between;padding:20px}.sp-drawer-id{color:#6366f1;color:var(--primary-color,#6366f1);font-size:.78rem;font-weight:700;letter-spacing:.04em;margin-bottom:4px}.sp-drawer-subject{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:700;line-height:1.4}.sp-drawer-body{flex:1 1;overflow-y:auto;padding:20px}.sp-drawer-meta-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:16px}.sp-drawer-meta-item{display:flex;flex-direction:column;gap:4px}.sp-meta-label{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sp-meta-value{color:#111827;color:var(--text-primary,#111827);font-size:.85rem;font-weight:500}.sp-drawer-section{margin-bottom:16px}.sp-drawer-section-title{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.sp-drawer-desc{color:#374151;color:var(--text-primary,#374151);font-size:.9rem;line-height:1.65;white-space:pre-wrap}.sp-escalated-badge{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#c2410c;font-size:.83rem;font-weight:500;padding:10px 14px}.sp-escalated-badge,.sp-toast{align-items:center;display:flex;gap:8px}.sp-toast{animation:sp-fadein .25s ease;border-radius:10px;bottom:28px;box-shadow:0 8px 24px #00000026;font-size:.88rem;font-weight:600;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:2000}@keyframes sp-fadein{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.sp-toast-success{background:#052e16;color:#bbf7d0}.sp-toast-error{background:#450a0a;color:#fecaca}.sp-att-row{align-items:center;background:#f9fafb;background:var(--input-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;gap:8px;margin-top:6px;padding:8px 10px}.sp-att-name{color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--owd-accent:#6366f1;--owd-accent2:#8b5cf6;--owd-accent3:#a855f7;--owd-sidebar-w:240px;--owd-sidebar-col:64px;--owd-topbar-h:60px;--owd-radius:14px;--owd-radius-sm:8px;--owd-glass-bg:#ffffff0f;--owd-glass-border:#ffffff1a;--owd-glass-blur:16px;--owd-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;--owd-shadow-lg:0 8px 40px #00000026,0 2px 8px #00000014;--owd-shadow-card:0 1px 3px #00000012,0 4px 12px #0000000f;--owd-txt:#1e293b;--owd-txt-muted:#64748b;--owd-txt-faint:#94a3b8;--owd-surface:#fff;--owd-bg:#f1f5f9;--owd-card-bg:#fff;--owd-border:#e2e8f0;--owd-bg-hover:#6366f10a;--owd-sidebar-bg:linear-gradient(180deg,#0f172a,#1e1b4b 60%,#0f172a);--owd-sidebar-txt:#ffffffd9;--owd-sidebar-muted:#ffffff73}[data-theme=dark]{--owd-glass-bg:#ffffff0a;--owd-glass-border:#ffffff14;--owd-txt:#e2e8f0;--owd-txt-muted:#94a3b8;--owd-txt-faint:#64748b;--owd-surface:#1e293b;--owd-bg:#0f172a;--owd-card-bg:#1e293b;--owd-border:#334155;--owd-bg-hover:#6366f114;--owd-shadow:0 4px 24px #0000004d,0 1px 4px #0003;--owd-shadow-lg:0 8px 40px #00000073,0 2px 8px #0000004d;--owd-shadow-card:0 1px 3px #00000040,0 4px 12px #0003}.owd-root *,.owd-root :after,.owd-root :before{box-sizing:border-box}.owd-root button{cursor:pointer}.owd-root button,.owd-root input,.owd-root select,.owd-root textarea{font-family:inherit}.owd-root{background:#f1f5f9;background:var(--owd-bg);color:#1e293b;color:var(--owd-txt);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;inset:0;overflow:hidden;position:fixed;width:100%;z-index:0}.owd-root:before{background:radial-gradient(circle,#6366f114 0,#0000 70%);height:600px;left:-200px;top:-200px;width:600px}.owd-root:after,.owd-root:before{border-radius:50%;content:"";pointer-events:none;position:fixed;z-index:0}.owd-root:after{background:radial-gradient(circle,#8b5cf60f 0,#0000 70%);bottom:-150px;height:500px;right:-100px;width:500px}.owd-sidebar{background:linear-gradient(180deg,#0f172a,#1e1b4b 60%,#0f172a);background:var(--owd-sidebar-bg);border-right:1px solid #ffffff0f;box-shadow:4px 0 24px #0003;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden;position:relative;transition:width .26s cubic-bezier(.4,0,.2,1);z-index:10}.owd-sidebar.open{width:240px;width:var(--owd-sidebar-w)}.owd-sidebar.collapsed{width:64px;width:var(--owd-sidebar-col)}.owd-sidebar:before{background:radial-gradient(ellipse at 50% 0,#6366f140 0,#0000 70%);content:"";height:180px;left:0;pointer-events:none;position:absolute;right:0;top:0}.owd-brand{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:10px;min-height:60px;min-height:var(--owd-topbar-h);padding:18px 14px 16px;position:relative}.owd-sidebar.collapsed .owd-brand{gap:0;justify-content:center;padding:18px 8px 16px}.owd-sidebar.collapsed .owd-brand-icon{display:none}.owd-brand-icon{align-items:center;background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);border-radius:10px;box-shadow:0 2px 8px #6366f166;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.owd-brand-icon .material-symbols-rounded{color:#fff;font-size:20px}.owd-brand-text{flex:1 1;min-width:0;overflow:hidden}.owd-brand-name{color:#fffffff2;font-size:.88rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}.owd-brand-role{color:#6366f1e6;font-size:.67rem;font-weight:500;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.owd-sidebar-toggle{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;color:#ffffff8c;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:background .18s,color .18s;width:28px}.owd-sidebar-toggle:hover{background:#ffffff1f;color:#ffffffe6}.owd-sidebar-toggle .material-symbols-rounded{font-size:18px}.owd-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:10px 8px}.owd-nav::-webkit-scrollbar{width:3px}.owd-nav::-webkit-scrollbar-track{background:#0000}.owd-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.owd-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffff73;color:var(--owd-sidebar-muted);display:flex;gap:10px;overflow:hidden;padding:9px 10px;position:relative;text-align:left;transition:background .18s,color .18s,padding .18s;white-space:nowrap;width:100%}.owd-sidebar.collapsed .owd-nav-item{justify-content:center;padding:9px 0}.owd-nav-item:hover{background:#ffffff12;color:#ffffffe6}.owd-nav-item.active{background:linear-gradient(90deg,#6366f138,#8b5cf61a);border:1px solid #6366f12e;color:#fffffff2}.owd-nav-icon{flex-shrink:0;font-size:20px;text-align:center;width:22px}.owd-nav-label{flex:1 1;font-size:.82rem;font-weight:500;letter-spacing:.1px}.owd-nav-active-bar{background:linear-gradient(180deg,#6366f1,#a855f7);border-radius:2px 0 0 2px;bottom:20%;position:absolute;right:0;top:20%;width:3px}.owd-sidebar-footer{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:8px;padding:12px 8px}.owd-user-card{align-items:center;background:#ffffff0a;border-radius:10px;display:flex;gap:10px;padding:6px}.owd-sidebar.collapsed .owd-user-card{justify-content:center;padding:6px 0}.owd-user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.owd-user-info{flex:1 1;min-width:0;overflow:hidden}.owd-user-name{color:#ffffffe6;font-size:.76rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owd-user-role{color:#6366f1d9;font-size:.65rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.owd-logout-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:9px;color:#ffffff73;display:flex;font-size:.79rem;font-weight:500;gap:7px;padding:8px 10px;transition:background .18s,color .18s,border-color .18s;width:100%}.owd-logout-btn:hover{background:#ef44441f;border-color:#ef444433;color:#fca5a5}.owd-logout-btn .material-symbols-rounded{font-size:17px}.owd-main{flex:1 1;flex-direction:column;height:100vh;overflow:hidden;z-index:1}.owd-main,.owd-topbar{display:flex;position:relative}.owd-topbar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff;background:var(--owd-surface);border-bottom:1px solid #6366f114;box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);flex-shrink:0;height:60px;height:var(--owd-topbar-h);justify-content:space-between;padding:0 24px;z-index:5}[data-theme=dark] .owd-topbar{background:#0f172ad9;border-bottom-color:#ffffff0d}.owd-topbar-left{align-items:center;display:flex;gap:16px}.owd-breadcrumb{align-items:center;display:flex;font-size:.84rem;gap:8px}.owd-breadcrumb .material-symbols-rounded{color:#64748b;color:var(--owd-txt-muted);font-size:16px}.owd-breadcrumb span{color:#64748b;color:var(--owd-txt-muted)}.owd-breadcrumb strong{color:#1e293b;color:var(--owd-txt);font-weight:600}.owd-topbar-right{align-items:center;display:flex;gap:10px}.owd-topbar-btn{align-items:center;background:#6366f10d;border:1px solid #6366f11f;border-radius:9px;color:#64748b;color:var(--owd-txt-muted);display:flex;height:34px;justify-content:center;transition:background .18s,color .18s,border-color .18s;width:34px}.owd-topbar-btn:hover{background:#6366f11f;border-color:#6366f140;color:#6366f1;color:var(--owd-accent)}.owd-topbar-btn .material-symbols-rounded{font-size:18px}.owd-topbar-user{align-items:center;background:#6366f10d;border:1px solid #6366f11a;border-radius:10px;cursor:default;display:flex;gap:8px;padding:4px 10px 4px 6px}.owd-topbar-user .owd-user-avatar{font-size:.72rem;height:28px;width:28px}.owd-topbar-user span{color:#1e293b;color:var(--owd-txt);font-size:.8rem;font-weight:600}.owd-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px;scrollbar-color:#6366f133 #0000;scrollbar-width:thin}.owd-content::-webkit-scrollbar{width:5px}.owd-content::-webkit-scrollbar-track{background:#0000}.owd-content::-webkit-scrollbar-thumb{background:#6366f12e;border-radius:3px}.owd-pill{border-radius:20px;display:inline-block;font-size:.67rem;font-weight:700;letter-spacing:.5px;padding:2px 9px;text-transform:uppercase}.owd-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.82rem;font-weight:600;gap:6px;padding:8px 16px;transition:background .18s,box-shadow .18s,transform .12s,opacity .18s;white-space:nowrap}.owd-btn:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.owd-btn:not(:disabled):active{transform:scale(.97)}.owd-btn .material-symbols-rounded{font-size:17px}.owd-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d;color:#fff}.owd-btn-primary:not(:disabled):hover{background:linear-gradient(135deg,#4f52d1,#7c3aed);box-shadow:0 4px 16px #6366f173;transform:translateY(-1px)}.owd-btn-ghost{background:#ffffff0f;background:var(--owd-glass-bg);border:1px solid #6366f11a;color:#64748b;color:var(--owd-txt-muted)}.owd-btn-ghost:not(:disabled):hover{background:#6366f114;border-color:#6366f138;color:#6366f1;color:var(--owd-accent);transform:translateY(-1px)}.owd-btn-sm{font-size:.76rem;padding:5px 11px}.owd-btn-sm .material-symbols-rounded{font-size:15px}.owd-input{-webkit-appearance:auto;appearance:auto;background:#fff;background:var(--owd-surface);border:1px solid #6366f11f;border-radius:9px;color:#1e293b;color:var(--owd-txt);font-size:.84rem;outline:none;padding:9px 12px;transition:border-color .18s,box-shadow .18s;width:100%}.owd-input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.owd-input::placeholder{color:#94a3b8;color:var(--owd-txt-faint)}[data-theme=dark] .owd-input{background:#1e293bcc;border-color:#ffffff14}[data-theme=dark] .owd-input:focus{border-color:#6366f173}.owd-textarea{line-height:1.5;min-height:80px;resize:vertical}.owd-select-sm{font-size:.79rem;min-width:140px;padding:6px 10px;width:auto}.owd-search-wrap{align-items:center;display:flex;position:relative}.owd-search-icon{color:#94a3b8;color:var(--owd-txt-faint);font-size:16px!important;left:9px;pointer-events:none;position:absolute}.owd-search{background:#fff;background:var(--owd-surface);border:1px solid #6366f11f;border-radius:9px;color:#1e293b;color:var(--owd-txt);font-size:.82rem;outline:none;padding:7px 12px 7px 32px;transition:border-color .18s,box-shadow .18s,width .22s;width:220px}.owd-search:focus{border-color:#6366f173;box-shadow:0 0 0 3px #6366f114;width:260px}.owd-search::placeholder{color:#94a3b8;color:var(--owd-txt-faint)}[data-theme=dark] .owd-search{background:#1e293bcc;border-color:#ffffff14}.owd-count-badge{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid #6366f12e;border-radius:11px;color:#6366f1;color:var(--owd-accent);display:inline-flex;font-size:.72rem;font-weight:700;height:22px;justify-content:center;margin-left:6px;min-width:22px;padding:0 6px;vertical-align:middle}.owd-alert{align-items:center;animation:owd-slide-in .22s ease;border-radius:10px;display:flex;font-size:.83rem;font-weight:500;gap:10px;justify-content:space-between;margin-bottom:14px;padding:10px 14px}.owd-alert button{background:none;border:none;color:inherit;flex-shrink:0;font-size:13px;opacity:.6;padding:0 4px}.owd-alert button:hover{opacity:1}.owd-alert-success{background:#10b9811a;border:1px solid #10b98138;color:#059669}.owd-alert-error{background:#ef444414;border:1px solid #ef444433;color:#dc2626}[data-theme=dark] .owd-alert-success{color:#34d399}[data-theme=dark] .owd-alert-error{color:#f87171}@keyframes owd-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.owd-toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:24px;top:20px;z-index:9999}.owd-toast{align-items:center;animation:owd-toast-in .28s cubic-bezier(.22,1,.36,1);border-radius:10px;box-shadow:0 4px 20px #00000021;display:flex;font-size:.84rem;font-weight:500;gap:10px;max-width:380px;min-width:260px;padding:12px 16px;pointer-events:all}.owd-toast-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.owd-toast-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.owd-toast-icon{flex-shrink:0;font-size:18px}.owd-toast-text{flex:1 1}.owd-toast-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:12px;line-height:1;opacity:.55;padding:0 2px}.owd-toast-close:hover{opacity:1}[data-theme=dark] .owd-toast-success{background:#10b9811f;border-color:#34d39940;color:#34d399}[data-theme=dark] .owd-toast-error{background:#ef44441a;border-color:#f8717140;color:#f87171}@keyframes owd-toast-in{0%{opacity:0;transform:translateX(40px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.owd-loading{align-items:center;color:#64748b;color:var(--owd-txt-muted);display:flex;font-size:.88rem;gap:10px;justify-content:center;padding:60px 20px}.owd-loading .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);font-size:24px}.owd-loading-sm{align-items:center;color:#64748b;color:var(--owd-txt-muted);display:flex;justify-content:center;padding:20px}.owd-loading-sm .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);font-size:20px}.owd-empty{align-items:center;color:#94a3b8;color:var(--owd-txt-faint);display:flex;flex-direction:column;font-size:.88rem;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.owd-empty .material-symbols-rounded{font-size:40px;opacity:.4}.owd-empty p{margin:0}.owd-empty-sm{font-size:.8rem;padding:16px}.owd-empty-sm,.owd-empty-td{color:#94a3b8;color:var(--owd-txt-faint);text-align:center}.owd-empty-td{font-size:.84rem;padding:40px!important}.owd-spin{animation:owd-spin .8s linear infinite;display:inline-block}.owd-modal-overlay{align-items:center;animation:owd-fade-in .18s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes owd-fade-in{0%{opacity:0}to{opacity:1}}.owd-modal{animation:owd-modal-in .22s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--owd-surface);border:1px solid #6366f11f;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 8px 40px #00000026,0 2px 8px #00000014;box-shadow:var(--owd-shadow-lg);display:flex;flex-direction:column;max-height:85vh;max-width:520px;width:100%}[data-theme=dark] .owd-modal{background:#1e293b;border-color:#ffffff14}.owd-modal-lg{max-width:680px}@keyframes owd-modal-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.owd-modal-header{align-items:center;border-bottom:1px solid #6366f114;display:flex;justify-content:space-between;padding:18px 20px 16px}.owd-modal-header h3{align-items:center;color:#1e293b;color:var(--owd-txt);display:flex;font-size:.95rem;font-weight:700;gap:8px;margin:0}.owd-modal-header h3 .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);font-size:20px}.owd-close-btn{align-items:center;background:#6366f10d;border:1px solid #6366f11a;border-radius:8px;color:#64748b;color:var(--owd-txt-muted);display:flex;height:30px;justify-content:center;transition:background .18s,color .18s;width:30px}.owd-close-btn:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444}.owd-close-btn .material-symbols-rounded{font-size:17px}.owd-modal-body{flex:1 1;overflow-y:auto;padding:20px;scrollbar-width:thin}.owd-modal-footer{align-items:center;border-top:1px solid #6366f114;padding:16px 20px}.owd-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.owd-form-field{display:flex;flex-direction:column;gap:5px}.owd-form-field label{color:#64748b;color:var(--owd-txt-muted);font-size:.77rem;font-weight:600;letter-spacing:.2px}.owd-full-span{grid-column:1/-1}.owd-flex-row{gap:20px!important}.owd-flags-row,.owd-flex-row{align-items:center;flex-direction:row!important}.owd-flags-row{flex-wrap:wrap;gap:14px!important}.owd-toggle-label{white-space:nowrap}.owd-tab-view{animation:owd-slide-in .22s ease;display:flex;flex-direction:column;gap:16px}.owd-tab-header{flex-wrap:wrap;gap:12px;justify-content:space-between}.owd-tab-header,.owd-tab-title{align-items:center;display:flex}.owd-tab-title{gap:10px}.owd-tab-title .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);font-size:22px}.owd-tab-title h2{align-items:center;color:#1e293b;color:var(--owd-txt);display:flex;font-size:1.1rem;font-weight:700;margin:0}.owd-tab-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.owd-overview{animation:owd-slide-in .22s ease;display:flex;flex-direction:column;gap:20px}.owd-stat-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.owd-stat-card{align-items:center;background:#fff;background:var(--owd-surface);border:1px solid #6366f114;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);display:flex;gap:14px;overflow:hidden;padding:18px;position:relative;transition:transform .22s,box-shadow .22s}.owd-stat-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--owd-accent),var(--owd-accent2));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .22s}.owd-stat-card:hover{box-shadow:0 8px 40px #00000026,0 2px 8px #00000014;box-shadow:var(--owd-shadow-lg);transform:translateY(-2px)}.owd-stat-card:hover:before{opacity:1}[data-theme=dark] .owd-stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--owd-glass-blur));backdrop-filter:blur(var(--owd-glass-blur));background:#1e293bb3;border-color:#ffffff0f}.owd-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.owd-stat-icon .material-symbols-rounded{font-size:22px}.owd-stat-body{flex:1 1;min-width:0}.owd-stat-value{color:#1e293b;color:var(--owd-txt);font-size:1.55rem;font-weight:800;letter-spacing:-.5px;line-height:1.1}.owd-stat-label{color:#64748b;color:var(--owd-txt-muted);font-size:.78rem;font-weight:600;margin-top:2px}.owd-stat-sub{color:#94a3b8;color:var(--owd-txt-faint);font-size:.7rem;margin-top:2px}.owd-section{background:#fff;background:var(--owd-surface);border:1px solid #6366f114;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);padding:18px 20px}[data-theme=dark] .owd-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--owd-glass-blur));backdrop-filter:blur(var(--owd-glass-blur));background:#1e293bb3;border-color:#ffffff0f}.owd-section-header{align-items:center;display:flex;gap:8px;margin-bottom:14px}.owd-section-header .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);font-size:18px}.owd-section-header h3{color:#1e293b;color:var(--owd-txt);font-size:.9rem;font-weight:700;margin:0}.owd-mini-list{display:flex;flex-direction:column;gap:6px}.owd-mini-item{align-items:center;background:#6366f108;border:1px solid #6366f10f;border-radius:9px;display:flex;gap:10px;padding:8px 10px;transition:background .18s}.owd-mini-item:hover{background:#6366f112}.owd-mini-avatar{align-items:center;background:linear-gradient(135deg,#6366f133,#8b5cf626);border-radius:8px;color:#6366f1;color:var(--owd-accent);display:flex;flex-shrink:0;font-size:.76rem;font-weight:700;height:30px;justify-content:center;width:30px}.owd-mini-info{flex:1 1;min-width:0}.owd-mini-name{color:#1e293b;color:var(--owd-txt);font-size:.82rem;font-weight:600}.owd-mini-name,.owd-mini-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owd-mini-sub{color:#94a3b8;color:var(--owd-txt-faint);font-size:.7rem}.owd-status-dot{background:#94a3b8;border-radius:50%;flex-shrink:0;height:8px;width:8px}.owd-status-dot.active{background:#10b981;box-shadow:0 0 6px #10b98180}.owd-status-dot.inactive{background:#ef4444}.owd-status-dot.draft{background:#f59e0b}.owd-status-dot.suspended{background:#be123c}.owd-plan-pills{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.owd-plan-pill-card{background:linear-gradient(135deg,#6366f10f,#8b5cf60a);border:1px solid #6366f11a;border-radius:10px;padding:12px 14px;transition:transform .18s,box-shadow .18s}.owd-plan-pill-card:hover{box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.owd-plan-pill-name{color:#1e293b;color:var(--owd-txt);font-size:.84rem;font-weight:700}.owd-plan-pill-meta{color:#94a3b8;color:var(--owd-txt-faint);font-size:.69rem;margin-top:3px}.owd-plan-pill-price{color:#6366f1;color:var(--owd-accent);font-size:.92rem;font-weight:800;margin-top:6px}.owd-account-list{display:flex;flex-direction:column;gap:8px}.owd-account-card{background:#fff;background:var(--owd-surface);border:1px solid #6366f114;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);overflow:hidden;transition:border-color .22s,box-shadow .22s}.owd-account-card:hover{border-color:#6366f133}.owd-account-card.expanded{border-color:#6366f147;box-shadow:0 8px 40px #00000026,0 2px 8px #00000014;box-shadow:var(--owd-shadow-lg)}[data-theme=dark] .owd-account-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--owd-glass-blur));backdrop-filter:blur(var(--owd-glass-blur));background:#1e293bb3;border-color:#ffffff0f}[data-theme=dark] .owd-account-card.expanded{border-color:#6366f140}.owd-account-row{align-items:center;cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:background .18s}.owd-account-row:hover{background:#6366f108}.owd-acct-avatar{align-items:center;background:linear-gradient(135deg,#6366f12e,#8b5cf61f);border:1px solid #6366f11f;border-radius:11px;color:#6366f1;color:var(--owd-accent);display:flex;flex-shrink:0;font-size:.95rem;font-weight:800;height:40px;justify-content:center;width:40px}.owd-acct-info{flex:1 1;min-width:0}.owd-acct-name{color:#1e293b;color:var(--owd-txt);font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owd-acct-meta{color:#94a3b8;color:var(--owd-txt-faint);display:flex;flex-wrap:wrap;font-size:.72rem;gap:6px;margin-top:3px}.owd-acct-meta span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owd-acct-badges{align-items:center;display:flex;flex-shrink:0;gap:6px}.owd-plan-tag{background:#6366f11a;border:1px solid #6366f129;border-radius:20px;color:#6366f1;color:var(--owd-accent);font-size:.67rem;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.owd-expand-icon{color:#94a3b8;color:var(--owd-txt-faint);font-size:20px!important;transition:color .18s}.owd-account-card.expanded .owd-expand-icon{color:#6366f1;color:var(--owd-accent)}.owd-account-detail{animation:owd-slide-in .18s ease;background:#6366f105;border-top:1px solid #6366f114;padding:16px}[data-theme=dark] .owd-account-detail{background:#6366f10a;border-top-color:#ffffff0d}.owd-detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.owd-detail-section h4{color:#64748b;color:var(--owd-txt-muted);font-size:.76rem;font-weight:700;letter-spacing:.6px;margin:0 0 8px;text-transform:uppercase}.owd-kv-list{display:flex;flex-direction:column;gap:5px}.owd-kv{align-items:baseline;display:flex;font-size:.78rem;gap:8px;justify-content:space-between}.owd-kv>span:first-child{color:#94a3b8;color:var(--owd-txt-faint);flex-shrink:0;font-weight:500}.owd-kv>span:last-child{color:#1e293b;color:var(--owd-txt);font-weight:600;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.owd-chip-list{display:flex;flex-wrap:wrap;gap:5px}.owd-mt-sm{margin-top:8px}.owd-chip{border:1px solid #0000;border-radius:20px;display:inline-block;font-size:.69rem;font-weight:600;padding:2px 9px}.owd-chip.active{background:#10b9811a;border-color:#10b98133;color:#059669}.owd-chip.inactive{background:#94a3b81a;border-color:#94a3b826;color:#94a3b8;color:var(--owd-txt-faint)}[data-theme=dark] .owd-chip.active{color:#34d399}[data-theme=dark] .owd-chip.inactive{color:#64748b}.owd-plans-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.owd-plan-card{background:#fff;background:var(--owd-surface);border:1px solid #6366f114;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);display:flex;flex-direction:column;gap:8px;padding:20px;position:relative;transition:transform .22s,box-shadow .22s,border-color .22s}.owd-plan-card:hover{border-color:#6366f138;box-shadow:0 8px 40px #00000026,0 2px 8px #00000014;box-shadow:var(--owd-shadow-lg);transform:translateY(-3px)}[data-theme=dark] .owd-plan-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--owd-glass-blur));backdrop-filter:blur(var(--owd-glass-blur));background:#1e293bb3;border-color:#ffffff0f}.owd-plan-badge{align-self:flex-start;border-radius:20px;display:inline-block;font-size:.67rem;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.owd-plan-name{color:#1e293b;color:var(--owd-txt);font-size:1.05rem;font-weight:800;margin-top:4px}.owd-plan-code{color:#94a3b8;color:var(--owd-txt-faint);font-family:JetBrains Mono,Courier New,monospace;font-size:.7rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.owd-plan-desc{color:#64748b;color:var(--owd-txt-muted);font-size:.79rem;line-height:1.5;margin:0}.owd-plan-price{align-items:baseline;display:flex;gap:4px;margin-top:4px}.owd-price-val{color:#6366f1;color:var(--owd-accent);font-size:1.35rem;font-weight:900;letter-spacing:-.5px}.owd-price-cycle{color:#94a3b8;color:var(--owd-txt-faint);font-size:.75rem;font-weight:500}.owd-plan-meta{color:#64748b;color:var(--owd-txt-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:10px}.owd-plan-meta span{align-items:center;display:flex;gap:4px}.owd-plan-meta .material-symbols-rounded{font-size:14px}.owd-plan-edit-btn{align-items:center;align-self:flex-start;background:#6366f10f;border:1px solid #6366f124;border-radius:8px;color:#6366f1;color:var(--owd-accent);display:flex;font-size:.78rem;font-weight:600;gap:5px;margin-top:auto;padding:6px 12px;transition:background .18s,border-color .18s}.owd-plan-edit-btn:hover{background:#6366f124;border-color:#6366f147}.owd-plan-edit-btn .material-symbols-rounded{font-size:15px}.owd-catalog-table-wrap{background:#fff;background:var(--owd-surface);border:1px solid #6366f114;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);overflow:hidden}[data-theme=dark] .owd-catalog-table-wrap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--owd-glass-blur));backdrop-filter:blur(var(--owd-glass-blur));background:#1e293bb3;border-color:#ffffff0f}.owd-catalog-table{border-collapse:collapse;font-size:.83rem;width:100%}.owd-catalog-table thead tr{background:#6366f10d;border-bottom:1px solid #6366f11a}[data-theme=dark] .owd-catalog-table thead tr{background:#6366f114;border-bottom-color:#ffffff0f}.owd-catalog-table th{color:#64748b;color:var(--owd-txt-muted);font-size:.72rem;font-weight:700;letter-spacing:.5px;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.owd-catalog-table td{border-bottom:1px solid #6366f10d;color:#1e293b;color:var(--owd-txt);padding:10px 14px;vertical-align:middle}[data-theme=dark] .owd-catalog-table td{border-bottom-color:#ffffff0a}.owd-catalog-table tbody tr:last-child td{border-bottom:none}.owd-catalog-table tbody tr:hover td{background:#6366f108}.owd-catalog-name{color:#1e293b;color:var(--owd-txt);font-size:.84rem;font-weight:600}.owd-catalog-code{color:#94a3b8;color:var(--owd-txt-faint);font-family:JetBrains Mono,Courier New,monospace;font-size:.69rem;letter-spacing:.5px;margin-top:1px}.owd-type-badge{background:#6366f11a;border:1px solid #6366f124;border-radius:6px;color:#6366f1;color:var(--owd-accent);font-size:.67rem;letter-spacing:.4px;padding:2px 8px}.owd-toggle-pill,.owd-type-badge{display:inline-block;font-weight:700;text-transform:uppercase}.owd-toggle-pill{border:1px solid #0000;border-radius:20px;font-size:.69rem;letter-spacing:.5px;padding:3px 10px}.owd-toggle-pill.on{background:#10b9811a;border-color:#10b98133;color:#059669}.owd-toggle-pill.off{background:#94a3b81a;border-color:#94a3b826;color:#94a3b8;color:var(--owd-txt-faint)}[data-theme=dark] .owd-toggle-pill.on{color:#34d399}[data-theme=dark] .owd-toggle-pill.off{color:#64748b}.owd-row-actions{gap:4px}.owd-icon-btn,.owd-row-actions{align-items:center;display:flex}.owd-icon-btn{background:#6366f10a;border:1px solid #6366f114;border-radius:7px;color:#64748b;color:var(--owd-txt-muted);flex-shrink:0;height:30px;justify-content:center;transition:background .18s,color .18s,border-color .18s;width:30px}.owd-icon-btn:hover{background:#6366f11f;border-color:#6366f138;color:#6366f1;color:var(--owd-accent)}.owd-icon-btn:disabled{cursor:not-allowed;opacity:.45}.owd-icon-btn .material-symbols-rounded{font-size:16px}.owd-icon-btn-purple.owd-icon-btn:hover{background:#8b5cf624;border-color:#8b5cf640;color:#8b5cf6;color:var(--owd-accent2)}.owd-flag-row{display:flex;flex-wrap:wrap;gap:4px}.owd-flag{border-radius:4px;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:1px 7px;text-transform:uppercase}.owd-flag.premium{background:#a855f71f;border:1px solid #a855f733;color:#9333ea}.owd-flag.approval{background:#f59e0b1a;border:1px solid #f59e0b2e;color:#d97706}.owd-flag.default{background:#3b82f61a;border:1px solid #3b82f62e;color:#2563eb}[data-theme=dark] .owd-flag.premium{color:#c084fc}[data-theme=dark] .owd-flag.approval{color:#fbbf24}[data-theme=dark] .owd-flag.default{color:#60a5fa}.owd-sync-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 340px}@media (max-width:900px){.owd-sync-layout{grid-template-columns:1fr}}.owd-sync-ops{display:flex;flex-direction:column;gap:10px}.owd-sync-group-header{border-bottom:1px solid #6366f114;color:#64748b;color:var(--owd-txt-muted);font-size:.72rem;font-weight:700;letter-spacing:.8px;margin-bottom:4px;padding:4px 0;text-transform:uppercase}.owd-sync-grid{display:flex;flex-direction:column;gap:8px}.owd-sync-card{align-items:center;background:#fff;background:var(--owd-surface);border:1px solid #6366f114;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);display:flex;gap:14px;padding:14px 16px;transition:border-color .18s,box-shadow .18s}.owd-sync-card:hover{border-color:#6366f12e;box-shadow:0 8px 40px #00000026,0 2px 8px #00000014;box-shadow:var(--owd-shadow-lg)}[data-theme=dark] .owd-sync-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--owd-glass-blur));backdrop-filter:blur(var(--owd-glass-blur));background:#1e293bb3;border-color:#ffffff0f}.owd-sync-icon{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf614);border:1px solid #6366f11a;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.owd-sync-icon .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);font-size:20px}.owd-sync-info{flex:1 1;min-width:0}.owd-sync-name{color:#1e293b;color:var(--owd-txt);font-size:.86rem;font-weight:700}.owd-sync-desc{color:#94a3b8;color:var(--owd-txt-faint);font-size:.73rem;margin-top:2px}.owd-sync-acct-row{align-items:center;background:#fff;background:var(--owd-surface);border:1px solid #6366f114;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px}[data-theme=dark] .owd-sync-acct-row{background:#1e293bb3;border-color:#ffffff0f}.owd-sync-acct-row .owd-input{min-width:200px}.owd-sync-log{background:#fff;background:var(--owd-surface);border:1px solid #6366f114;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);display:flex;flex-direction:column;max-height:600px;overflow:hidden;position:-webkit-sticky;position:sticky;top:0}[data-theme=dark] .owd-sync-log{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--owd-glass-blur));backdrop-filter:blur(var(--owd-glass-blur));background:#0f172ad9;border-color:#6366f11f}.owd-sync-log-header{align-items:center;background:#6366f10a;border-bottom:1px solid #6366f114;color:#64748b;color:var(--owd-txt-muted);display:flex;font-size:.79rem;font-weight:700;gap:8px;padding:12px 14px}.owd-sync-log-header .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);font-size:16px}.owd-sync-log-header span:nth-child(2){flex:1 1}.owd-log-clear{background:#6366f10f;border:1px solid #6366f11f;border-radius:5px;color:#94a3b8;color:var(--owd-txt-faint);font-size:.7rem;font-weight:500;padding:2px 8px;transition:background .18s,color .18s}.owd-log-clear:hover{background:#ef44441a;border-color:#ef44442e;color:#ef4444}.owd-sync-log-body{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:8px;scrollbar-width:thin}.owd-sync-log-body::-webkit-scrollbar{width:3px}.owd-sync-log-body::-webkit-scrollbar-thumb{background:#6366f12e;border-radius:2px}.owd-log-empty{color:#94a3b8;color:var(--owd-txt-faint);font-size:.78rem;font-style:italic;padding:24px 12px;text-align:center}.owd-log-entry{align-items:flex-start;animation:owd-slide-in .18s ease;border-radius:8px;display:flex;gap:8px;padding:8px 10px}.owd-log-entry.success{background:#10b98112;border:1px solid #10b98124}.owd-log-entry.error{background:#ef444412;border:1px solid #ef444424}.owd-log-icon{flex-shrink:0;font-size:16px!important;margin-top:1px}.owd-log-entry.success .owd-log-icon{color:#10b981}.owd-log-entry.error .owd-log-icon{color:#ef4444}.owd-log-content{flex:1 1;min-width:0}.owd-log-label{color:#1e293b;color:var(--owd-txt);font-size:.77rem;font-weight:700}.owd-log-msg{color:#64748b;color:var(--owd-txt-muted);font-size:.71rem;margin-top:1px;word-break:break-word}.owd-log-time{color:#94a3b8;color:var(--owd-txt-faint);flex-shrink:0;font-family:JetBrains Mono,Courier New,monospace;font-size:.66rem;white-space:nowrap}@media (max-width:768px){.owd-content{padding:14px}.owd-stat-grid{grid-template-columns:1fr 1fr}.owd-form-grid{grid-template-columns:1fr}.owd-full-span{grid-column:1}.owd-tab-header{align-items:flex-start;flex-direction:column}.owd-detail-grid,.owd-plans-grid{grid-template-columns:1fr}.owd-search{width:160px}.owd-search:focus{width:200px}.owd-topbar{padding:0 14px}}@media (max-width:480px){.owd-sidebar.open{width:200px}.owd-plan-pills,.owd-stat-grid{grid-template-columns:1fr}}.owd-sub-tabs{background:#6366f10d;border:1px solid #6366f11a;border-radius:10px;gap:4px;padding:3px}.owd-sub-tab,.owd-sub-tabs{align-items:center;display:flex}.owd-sub-tab{background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--owd-txt-muted);cursor:pointer;font-size:.81rem;font-weight:600;gap:6px;padding:7px 14px;transition:background .18s,color .18s;white-space:nowrap}.owd-sub-tab .material-symbols-rounded{font-size:16px}.owd-sub-tab:hover{background:#6366f112;color:#1e293b;color:var(--owd-txt)}.owd-sub-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d;color:#fff}.owd-sub-view{animation:owd-slide-in .2s ease;display:flex;flex-direction:column;gap:14px}.owd-sub-acct-bar{align-items:center;background:#fff;background:var(--owd-surface);border:1px solid #6366f11a;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);display:flex;flex-wrap:wrap;gap:12px;padding:14px 16px}[data-theme=dark] .owd-sub-acct-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--owd-glass-blur));backdrop-filter:blur(var(--owd-glass-blur));background:#1e293bb3;border-color:#ffffff12}.owd-sub-acct-selector{align-items:center;display:flex;flex:1 1;gap:8px;min-width:260px}.owd-sub-acct-selector>.material-symbols-rounded{color:#6366f1;color:var(--owd-accent);flex-shrink:0;font-size:20px}.owd-sub-acct-select{flex:1 1;font-size:.86rem;font-weight:600}.owd-sub-stats{flex-shrink:0;gap:10px}.owd-sub-stat,.owd-sub-stats{align-items:center;display:flex}.owd-sub-stat{border:1px solid #0000;border-radius:20px;font-size:.75rem;font-weight:700;gap:5px;padding:4px 10px}.owd-sub-stat .material-symbols-rounded{font-size:14px}.owd-sub-stat.enabled{background:#10b9811a;border-color:#10b98133;color:#059669}.owd-sub-stat.disabled{background:#94a3b81a;border-color:#94a3b826;color:#64748b;color:var(--owd-txt-muted)}[data-theme=dark] .owd-sub-stat.enabled{color:#34d399}.owd-sub-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.owd-sub-bulk-btns{align-items:center;display:flex;gap:6px;margin-left:auto}.owd-btn-enable{background:#10b9811a;border:1px solid #10b98138;color:#059669}.owd-btn-enable:not(:disabled):hover{background:#10b9812e;box-shadow:0 2px 8px #10b98133;transform:translateY(-1px)}[data-theme=dark] .owd-btn-enable{color:#34d399}.owd-btn-disable{background:#94a3b814;border:1px solid #94a3b824;color:#64748b;color:var(--owd-txt-muted)}.owd-btn-disable:not(:disabled):hover{background:#ef444414;border-color:#ef44442e;color:#ef4444;transform:translateY(-1px)}.owd-sub-feature-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.owd-sub-feat-card{background:#fff;background:var(--owd-surface);border:1px solid #6366f114;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);display:flex;flex-direction:column;gap:0;overflow:hidden;padding:14px 14px 12px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.owd-sub-feat-card:hover{box-shadow:0 8px 40px #00000026,0 2px 8px #00000014;box-shadow:var(--owd-shadow-lg);transform:translateY(-2px)}.owd-sub-feat-card.enabled{border-color:#10b9812e}.owd-sub-feat-card.disabled{border-color:#94a3b81f;opacity:.8}.owd-sub-feat-card.disabled:hover{opacity:1}[data-theme=dark] .owd-sub-feat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--owd-glass-blur));backdrop-filter:blur(var(--owd-glass-blur));background:#1e293bb8}[data-theme=dark] .owd-sub-feat-card.enabled{border-color:#10b98138}.owd-sub-feat-strip{background:#94a3b8;border-radius:14px 0 0 14px;bottom:0;left:0;position:absolute;top:0;transition:background .22s;width:3px}.owd-sub-feat-card.enabled .owd-sub-feat-strip{background:linear-gradient(180deg,#10b981,#6366f1)}.owd-sub-feat-head{align-items:flex-start;display:flex;gap:10px;margin-bottom:10px;padding-left:8px}.owd-sub-feat-icon{align-items:center;background:#6366f11a;border:1px solid #6366f11a;border-radius:9px;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background .2s;width:34px}.owd-sub-feat-card.enabled .owd-sub-feat-icon{background:#10b9811f;border-color:#10b9812e}.owd-sub-feat-icon .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);font-size:18px}.owd-sub-feat-card.enabled .owd-sub-feat-icon .material-symbols-rounded{color:#10b981}.owd-sub-feat-title{flex:1 1;min-width:0}.owd-sub-feat-name{color:#1e293b;color:var(--owd-txt);font-size:.86rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owd-sub-feat-code{color:#94a3b8;color:var(--owd-txt-faint);font-family:JetBrains Mono,Courier New,monospace;font-size:.67rem;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.owd-toggle-switch{align-items:center;background:#0000;border:1px solid #0000;border-radius:9px;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .18s,border-color .18s,transform .12s;width:36px}.owd-toggle-switch:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.owd-toggle-switch:not(:disabled):active{transform:scale(.9)}.owd-toggle-switch.on{background:#10b9811a;border-color:#10b98138;color:#10b981}.owd-toggle-switch.on:not(:disabled):hover{background:#10b9812e}.owd-toggle-switch.on .material-symbols-rounded{color:#10b981;font-size:26px}.owd-toggle-switch.off{background:#94a3b814;border-color:#94a3b824;color:#94a3b8;color:var(--owd-txt-faint)}.owd-toggle-switch.off:not(:disabled):hover{background:#6366f11a;border-color:#6366f133;color:#6366f1;color:var(--owd-accent)}.owd-toggle-switch.off .material-symbols-rounded{font-size:26px}.owd-sub-feat-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;padding-left:8px}.owd-sub-feat-svc{align-items:center;color:#64748b;color:var(--owd-txt-muted);display:flex;font-size:.72rem;gap:4px}.owd-sub-feat-svc .material-symbols-rounded{font-size:13px}.owd-sub-feat-footer{align-items:center;border-top:1px solid #6366f10f;display:flex;gap:8px;justify-content:space-between;margin-top:10px;padding-left:8px;padding-top:8px}.owd-sub-feat-date{align-items:center;color:#94a3b8;color:var(--owd-txt-faint);display:flex;font-size:.67rem;gap:4px}.owd-sub-feat-date .material-symbols-rounded{font-size:12px}@media (max-width:768px){.owd-sub-tabs{flex-wrap:wrap}.owd-sub-feature-grid{grid-template-columns:1fr 1fr}.owd-sub-filter-bar{align-items:flex-start;flex-direction:column}.owd-sub-bulk-btns{margin-left:0}.owd-sub-acct-bar{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.owd-sub-feature-grid{grid-template-columns:1fr}}.owd-nav-dot{background:#ef4444;border-radius:50%;box-shadow:0 0 6px #ef44448c;flex-shrink:0;height:7px;margin-left:auto;margin-right:4px;width:7px}.owd-pending-badge{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:20px;color:#ef4444;display:inline-flex;font-size:.68rem;font-weight:700;margin-left:8px;padding:1px 8px;vertical-align:middle}.owd-req-list{display:flex;flex-direction:column;gap:10px}.owd-req-card{background:#fff;background:var(--owd-surface);border:1px solid #6366f114;border-radius:14px;border-radius:var(--owd-radius);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;box-shadow:var(--owd-shadow);display:flex;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.owd-req-card:hover{box-shadow:0 8px 40px #00000026,0 2px 8px #00000014;box-shadow:var(--owd-shadow-lg);transform:translateY(-1px)}.owd-req-card.pending{border-color:#ca8a0433}.owd-req-card.approved{border-color:#10b9812e}.owd-req-card.rejected{border-color:#ef444429}.owd-req-card.cancelled{opacity:.72}[data-theme=dark] .owd-req-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--owd-glass-blur));backdrop-filter:blur(var(--owd-glass-blur));background:#1e293bb8;border-color:#ffffff0f}[data-theme=dark] .owd-req-card.pending{border-color:#ca8a0447}[data-theme=dark] .owd-req-card.approved{border-color:#10b98140}[data-theme=dark] .owd-req-card.rejected{border-color:#ef444438}.owd-req-strip{flex-shrink:0;width:4px}.owd-req-body{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;padding:14px 16px}.owd-req-head{align-items:flex-start;display:flex;gap:12px}.owd-req-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.owd-req-icon .material-symbols-rounded{font-size:20px}.owd-req-title-block{flex:1 1;min-width:0}.owd-req-feature-name{align-items:baseline;color:#1e293b;color:var(--owd-txt);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:700;gap:8px}.owd-req-code{color:#94a3b8;color:var(--owd-txt-faint);font-family:JetBrains Mono,Courier New,monospace;font-size:.67rem;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.owd-req-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.owd-req-type-tag{align-items:center;background:#6366f10f;border:1px solid #6366f11a;border-radius:5px;color:#64748b;color:var(--owd-txt-muted);display:flex;font-size:.7rem;font-weight:600;gap:3px;padding:1px 7px}.owd-req-type-tag .material-symbols-rounded{font-size:13px}.owd-req-priority{border-radius:4px;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.4px;padding:1px 7px;text-transform:uppercase}.owd-req-priority.high{background:#ef44441a;color:#dc2626}.owd-req-priority.medium{background:#f59e0b1a;color:#d97706}.owd-req-priority.low{background:#10b9811a;color:#059669}[data-theme=dark] .owd-req-priority.high{color:#f87171}[data-theme=dark] .owd-req-priority.medium{color:#fbbf24}[data-theme=dark] .owd-req-priority.low{color:#34d399}.owd-req-actions{align-items:center;display:flex;flex-shrink:0;gap:7px}.owd-btn-reject{background:#ef444414;border:1px solid #ef44442e;color:#dc2626}.owd-btn-reject:not(:disabled):hover{background:#ef444426;box-shadow:0 2px 8px #ef444433;transform:translateY(-1px)}[data-theme=dark] .owd-btn-reject{color:#f87171}.owd-req-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.owd-req-info-item{align-items:center;color:#64748b;color:var(--owd-txt-muted);display:flex;font-size:.75rem;gap:4px}.owd-req-info-item .material-symbols-rounded{font-size:14px}.owd-req-date{color:#94a3b8;color:var(--owd-txt-faint);margin-left:auto}.owd-req-message{align-items:flex-start;background:#6366f10a;border:1px solid #6366f112;border-radius:8px;color:#64748b;color:var(--owd-txt-muted);display:flex;font-size:.8rem;gap:7px;line-height:1.5;padding:8px 11px}.owd-req-message .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);flex-shrink:0;font-size:15px;margin-top:1px}.owd-req-admin-note{align-items:flex-start;background:#10b9810d;border:1px solid #10b9811f;border-radius:8px;color:#64748b;color:var(--owd-txt-muted);display:flex;font-size:.79rem;gap:7px;line-height:1.5;padding:7px 11px}.owd-req-card.rejected .owd-req-admin-note{background:#ef44440d;border-color:#ef44441f}.owd-req-admin-note .material-symbols-rounded{color:#10b981;flex-shrink:0;font-size:14px;margin-top:1px}.owd-req-card.rejected .owd-req-admin-note .material-symbols-rounded{color:#ef4444}.owd-req-reject-form{animation:owd-slide-in .16s ease;background:#ef44440a;border:1px solid #ef444424;border-radius:9px;padding:10px 12px}@media (max-width:768px){.owd-req-head{flex-wrap:wrap}.owd-req-actions{justify-content:flex-end;width:100%}.owd-req-date{margin-left:0}}.owd-approve-modal{display:flex;flex-direction:column;max-height:90vh;width:min(780px,95vw)}.owd-modal-subtitle{align-items:center;color:#64748b;color:var(--owd-txt-muted);display:flex;flex-wrap:wrap;font-size:.83rem;gap:6px;margin:2px 0 0}.owd-approve-body{display:flex;flex:1 1 auto;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 24px}.owd-approve-account-banner{align-items:flex-start;background:#ffffff0f;background:var(--owd-glass-bg);border:1px solid #e2e8f0;border:1px solid var(--owd-border);border-radius:9px;color:#1e293b;color:var(--owd-txt);display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:10px 14px}.owd-approve-account-banner .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);flex-shrink:0;font-size:17px;margin-top:1px}.owd-approve-cust-msg{color:#64748b;color:var(--owd-txt-muted);font-size:.81rem;font-style:italic;font-weight:400;margin-left:4px}.owd-approve-section{background:#ffffff0f;background:var(--owd-glass-bg);border:1px solid #e2e8f0;border:1px solid var(--owd-border);border-radius:11px;padding:14px 16px 16px}.owd-approve-section-title{align-items:center;color:#64748b;color:var(--owd-txt-muted);display:flex;font-size:.78rem;font-weight:700;gap:7px;letter-spacing:.06em;margin-bottom:12px;text-transform:uppercase}.owd-approve-section-title .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);font-size:16px}.owd-optional-tag{background:#94a3b81f;border-radius:20px;color:#64748b;color:var(--owd-txt-muted);font-size:.7rem;font-weight:500;letter-spacing:0;padding:1px 7px;text-transform:none}.owd-required{color:#ef4444;margin-left:2px}.owd-approve-hint{background:#fbbf2426;border-radius:20px;color:#b45309;font-size:.72rem;font-weight:500;letter-spacing:0;padding:1px 8px;text-transform:none}.owd-approve-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.owd-approve-field{display:flex;flex:1 1 140px;flex-direction:column;gap:5px;min-width:140px}.owd-approve-field.owd-approve-field-wide{flex:2 1 200px}.owd-approve-field.owd-approve-field-full{flex:1 1 100%}.owd-approve-field.owd-approve-field-toggle{align-items:center;flex:0 0 auto;min-width:0;min-width:auto}.owd-approve-field label{color:#64748b;color:var(--owd-txt-muted);font-size:.76rem;font-weight:600;white-space:nowrap}.owd-approve-field-toggle .owd-toggle-switch{margin-top:4px}.owd-modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--owd-border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}@media (max-width:600px){.owd-approve-body{padding:14px}.owd-approve-row{flex-direction:column}.owd-approve-field{flex:1 1 100%;min-width:0;min-width:auto}.owd-approve-modal{max-height:98vh}}.owd-price-row{align-items:center;display:flex;gap:6px}.owd-price-row .owd-input{margin:0}.owd-currency-sel{flex:0 0 76px;min-width:76px;padding-left:8px;padding-right:4px}.owd-price-row .owd-input:not(.owd-currency-sel){flex:1 1}.owd-branches-section{grid-column:1/-1}.owd-detail-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.owd-detail-section-header h4{color:#64748b;color:var(--owd-txt-muted);font-size:.82rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.owd-section-label{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--owd-border);color:#6366f1;color:var(--owd-accent);display:flex;font-size:.78rem;font-weight:700;gap:5px;letter-spacing:.06em;margin-bottom:2px;padding:4px 0 2px;text-transform:uppercase;width:100%}.owd-section-label .material-symbols-rounded{font-size:14px}.owd-checkbox-label{align-items:center;color:#1e293b;color:var(--owd-txt);cursor:pointer;display:flex;font-size:.85rem;gap:8px;-webkit-user-select:none;user-select:none}.owd-checkbox-label input[type=checkbox]{accent-color:#6366f1;accent-color:var(--owd-accent);cursor:pointer;height:15px;width:15px}.owd-branch-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:6px}.owd-branch-item{align-items:flex-start;background:#6366f10a;background:var(--owd-bg-hover,#6366f10a);border:1px solid #e2e8f0;border:1px solid var(--owd-border);border-radius:10px;display:flex;gap:12px;padding:12px 14px;transition:background .15s,box-shadow .15s}.owd-branch-item:hover{background:#6366f112;box-shadow:0 2px 8px #6366f11a}.owd-branch-avatar{align-items:center;background:#6366f11f;border-radius:9px;color:#6366f1;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-top:2px;width:36px}.owd-branch-avatar .material-symbols-rounded{font-size:18px}.owd-branch-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.owd-branch-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.owd-branch-name{color:#1e293b;color:var(--owd-txt);font-size:.875rem;font-weight:700}.owd-branch-status-pill{border-radius:20px;font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:1px 7px;text-transform:uppercase}.owd-branch-status-pill.active{background:#dcfce7;color:#16a34a}.owd-branch-status-pill.inactive{background:#fee2e2;color:#dc2626}.owd-branch-status-pill.draft{background:#fef9c3;color:#ca8a04}.owd-branch-status-pill.suspended{background:#ffe4e6;color:#be123c}.owd-branch-meta{align-items:center;color:#64748b;color:var(--owd-txt-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:10px;row-gap:2px}.owd-branch-meta span{align-items:center;display:flex;gap:3px}.owd-br-icon{color:#6366f1;color:var(--owd-accent);font-size:13px!important;opacity:.7}.owd-branch-date{margin-top:2px;opacity:.75}.owd-settings-content{display:flex;flex-direction:column;gap:28px;padding-top:4px}.owd-settings-group{display:flex;flex-direction:column;gap:12px}.owd-settings-group-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--owd-border);color:#64748b;color:var(--owd-txt-muted);display:flex;font-size:.8rem;font-weight:700;gap:8px;letter-spacing:.06em;padding-bottom:6px;text-transform:uppercase}.owd-settings-mod-icon{color:#6366f1;color:var(--owd-accent);font-size:17px!important}.owd-settings-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.owd-setting-card{background:#fff;background:var(--owd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--owd-border);border-radius:12px;box-shadow:0 1px 3px #00000012,0 4px 12px #0000000f;box-shadow:var(--owd-shadow-card);display:flex;flex-direction:column;gap:6px;padding:14px 16px;transition:box-shadow .2s,border-color .2s,transform .15s}.owd-setting-card:hover{border-color:#6366f159;box-shadow:0 6px 24px #6366f121,0 2px 6px #0000000f;transform:translateY(-1px)}.owd-setting-card.deprecated{filter:grayscale(.3);opacity:.6}.owd-setting-card-top{align-items:flex-start;display:flex;gap:6px;justify-content:space-between}.owd-setting-tags{display:flex;flex-wrap:wrap;gap:4px}.owd-setting-dtype{border-radius:20px;font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:2px 7px}.owd-setting-cat{background:#64748b1f;color:#64748b;font-weight:600}.owd-setting-cat,.owd-setting-premium{border-radius:20px;font-size:.67rem;padding:2px 7px}.owd-setting-premium{background:#f59e0b26;color:#b45309;font-weight:700}.owd-setting-deprecated{background:#ef44441f;border-radius:20px;color:#b91c1c;font-size:.67rem;font-weight:700;padding:2px 7px}.owd-setting-actions{display:flex;flex-shrink:0;gap:2px}.owd-setting-code{color:#6366f1;color:var(--owd-accent);font-family:Courier New,monospace;font-size:.72rem;font-weight:700;letter-spacing:.04em;word-break:break-all}.owd-setting-name{color:#1e293b;color:var(--owd-txt);font-size:.88rem;font-weight:600;line-height:1.3}.owd-setting-desc{color:#64748b;color:var(--owd-txt-muted);font-size:.76rem;line-height:1.4}.owd-setting-footer{border-top:1px dashed #e2e8f0;border-top:1px dashed var(--owd-border);display:flex;flex-direction:column;gap:3px;margin-top:4px;padding-top:8px}.owd-setting-kv{align-items:baseline;display:flex;font-size:.73rem;gap:6px}.owd-setting-kv span{color:#64748b;color:var(--owd-txt-muted);flex-shrink:0;font-weight:600;min-width:48px}.owd-setting-kv code{background:#6366f114;border-radius:4px;color:#6366f1;color:var(--owd-accent);font-family:Courier New,monospace;font-size:.71rem;padding:1px 6px;word-break:break-all}.owd-input-sm{font-size:.8rem;height:34px;padding:5px 10px}.owd-toggle-group{display:flex;gap:16px;margin-top:4px}.owd-toggle-label{align-items:center;color:#1e293b;color:var(--owd-txt);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:6px}.owd-toggle-label input[type=checkbox]{accent-color:#6366f1;accent-color:var(--owd-accent);cursor:pointer;height:15px;width:15px}.owd-label-hint{color:#64748b;color:var(--owd-txt-muted);font-size:.7rem;font-weight:400;margin-left:4px}.owd-modal-sm{max-width:420px!important}.owd-sync-setting-name{color:#64748b;color:var(--owd-txt-muted);font-size:.85rem;margin-bottom:12px}.owd-setting-pv{border-top:1px dashed #e2e8f0;border-top:1px dashed var(--owd-border);display:flex;flex-direction:column;gap:5px;margin-top:4px;padding-top:8px}.owd-setting-pv-label{color:#64748b;color:var(--owd-txt-muted);font-size:.72rem;font-weight:600}.owd-pv-chips{display:flex;flex-wrap:wrap;gap:5px}.owd-pv-chip{border-radius:20px;font-family:Courier New,monospace;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:2px 8px}.owd-pv-chip.enabled{background:#10b9811f;border:1px solid #10b98140;color:#059669}.owd-pv-chip.disabled{background:#64748b1a;border:1px solid #64748b33;color:#94a3b8;text-decoration:line-through}.owd-pv-builder-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.owd-pv-row{align-items:center;display:flex;gap:8px}.owd-pv-row-input{flex:1 1;font-family:Courier New,monospace;font-size:.8rem!important;min-width:0}.owd-pv-toggle{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:.72rem;font-weight:700;gap:4px;padding:4px 10px;transition:background .15s;white-space:nowrap}.owd-pv-toggle .material-symbols-rounded{font-size:18px!important}.owd-pv-toggle.on{background:#10b9811f;color:#059669}.owd-pv-toggle.on:hover{background:#10b98138}.owd-pv-toggle.off{background:#64748b1a;color:#94a3b8}.owd-pv-toggle.off:hover{background:#64748b2e}.owd-icon-btn-danger{color:#ef4444!important}.owd-icon-btn-danger:hover{background:#ef44441a!important}.owd-pv-add-row{align-items:center;display:flex;gap:8px}.owd-pv-add-btn{flex-shrink:0;white-space:nowrap}.owd-flyway-section{display:flex;flex-direction:column;gap:8px}.owd-flyway-schema-row{align-items:center;background:#fff;background:var(--owd-card-bg);border:1px solid #e2e8f0;border:1px solid var(--owd-border);border-radius:10px;box-shadow:0 1px 3px #00000012,0 4px 12px #0000000f;box-shadow:var(--owd-shadow-card);display:flex;gap:10px;padding:10px 14px}.owd-flyway-schema-input{flex:1 1;font-family:Courier New,monospace;font-size:.82rem!important;min-width:0}.owd-sync-summary-body{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--owd-border);max-height:220px}.owd-log-meta{align-items:flex-end;color:#64748b;color:var(--owd-txt-muted);display:flex;flex-direction:column;flex-shrink:0;font-size:.72rem;gap:2px}.owd-log-elapsed{color:#6366f1;color:var(--owd-accent);font-size:.68rem;font-weight:600}.owd-terminal-header{border-top:none}.owd-live-indicator{align-items:center;color:#10b981;display:flex;font-size:.68rem;font-weight:800;gap:5px;letter-spacing:.08em;margin-left:4px}.owd-live-dot{animation:owd-pulse 1s ease-in-out infinite;background:#10b981;border-radius:50%;height:7px;width:7px}@keyframes owd-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.owd-terminal-body{background:#0f172a;border-radius:0 0 12px 12px;flex:1 1;font-family:Courier New,Cascadia Code,monospace;font-size:.75rem;line-height:1.6;max-height:380px;min-height:220px;overflow-y:auto;padding:10px 12px}[data-theme=light] .owd-terminal-body{background:#1e293b}.owd-terminal-empty{color:#475569;font-style:italic;padding:8px 0}.owd-terminal-line{align-items:baseline;border-radius:3px;display:flex;gap:8px;padding:1px 0;white-space:pre-wrap;word-break:break-all}.owd-terminal-line.error{background:#ef44440f}.owd-terminal-line.warn{background:#f59e0b0f}.owd-terminal-ts{color:#475569;flex-shrink:0;font-size:.7rem}.owd-terminal-level{flex-shrink:0;font-size:.68rem;font-weight:700;min-width:38px;text-align:right}.owd-terminal-level.info{color:#6366f1}.owd-terminal-level.warn{color:#f59e0b}.owd-terminal-level.error{color:#ef4444}.owd-terminal-op{color:#64748b;flex-shrink:0;font-size:.7rem}.owd-terminal-msg{color:#cbd5e1;flex:1 1}.owd-terminal-line.error .owd-terminal-msg{color:#fca5a5}.owd-terminal-line.warn .owd-terminal-msg{color:#fcd34d}.owd-billing-acct-bar{align-items:center;background:#fff;background:var(--owd-surface);border:1px solid #e2e8f0;border:1px solid var(--owd-border);border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.owd-billing-acct-label{align-items:center;color:#64748b;color:var(--owd-txt-muted);display:flex;font-size:.82rem;font-weight:600;gap:5px;white-space:nowrap}.owd-billing-acct-label .material-symbols-rounded{font-size:16px}.owd-billing-acct-select{flex:1 1;max-width:400px;min-width:280px}.owd-billing-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--owd-border);display:flex;gap:4px;margin-bottom:18px;padding-bottom:0}.owd-billing-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#64748b;color:var(--owd-txt-muted);cursor:pointer;display:flex;font-size:.87rem;font-weight:500;gap:6px;margin-bottom:-2px;padding:8px 18px;transition:color .15s,border-color .15s}.owd-billing-tab .material-symbols-rounded{font-size:18px}.owd-billing-tab:hover{background:#6366f10d;color:#6366f1;color:var(--owd-accent)}.owd-billing-tab.active{border-bottom-color:#6366f1;border-bottom-color:var(--owd-accent);color:#6366f1;color:var(--owd-accent);font-weight:600}.owd-billing-section-hdr{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.owd-billing-section-title{color:#1e293b;color:var(--owd-txt);font-size:.9rem;font-weight:700;letter-spacing:.02em}.owd-billing-list{display:flex;flex-direction:column;gap:10px}.owd-billing-card{background:#fff;background:var(--owd-surface);border:1px solid #e2e8f0;border:1px solid var(--owd-border);border-radius:10px;overflow:hidden;transition:box-shadow .15s,border-color .15s}.owd-billing-card:hover{border-color:#6366f140;box-shadow:0 2px 12px #6366f11a}.owd-billing-card.expanded{border-color:#6366f1;border-color:var(--owd-accent)}.owd-billing-card-row{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px}.owd-billing-card-main{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.owd-billing-doc-num{color:#6366f1;color:var(--owd-accent);font-family:JetBrains Mono,Fira Mono,monospace;font-size:.9rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.owd-billing-plan-tag{background:#6366f114;border-radius:20px;color:#64748b;color:var(--owd-txt-muted);font-size:.75rem;font-weight:600;padding:2px 8px;white-space:nowrap}.owd-billing-card-meta{align-items:center;color:#64748b;color:var(--owd-txt-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:14px}.owd-billing-card-meta span{align-items:center;display:flex;gap:3px}.owd-billing-amount{color:#1e293b;color:var(--owd-txt);font-size:.92rem;font-weight:700;white-space:nowrap}.owd-billing-card-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.owd-billing-detail{background:#6366f105;border-top:1px solid #e2e8f0;border-top:1px solid var(--owd-border);padding:16px}.owd-billing-meta-row{color:#64748b;color:var(--owd-txt-muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:16px;margin-bottom:14px}.owd-billing-meta-row b{color:#1e293b;color:var(--owd-txt);font-weight:600}.owd-billing-table{border-collapse:collapse;font-size:.82rem;width:100%}.owd-billing-table th{background:#6366f108;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--owd-border);color:#64748b;color:var(--owd-txt-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:6px 10px;text-align:left;text-transform:uppercase}.owd-billing-table td{border-bottom:1px solid #6366f10f;color:#1e293b;color:var(--owd-txt);padding:8px 10px;vertical-align:middle}.owd-billing-table tr:last-child td{border-bottom:none}.owd-billing-table tr:hover td{background:#6366f108}.owd-billing-table code{background:#6366f114;border-radius:4px;color:#6366f1;color:var(--owd-accent);font-size:.78rem;padding:2px 6px}.owd-billing-type-badge{align-items:center;color:#64748b;color:var(--owd-txt-muted);display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.04em;text-transform:uppercase}.owd-billing-type-badge .material-symbols-rounded{color:#6366f1;color:var(--owd-accent);font-size:14px}.owd-billing-notes{align-items:flex-start;background:#6366f10a;border-left:3px solid #6366f1;border-left:3px solid var(--owd-accent);border-radius:6px;color:#64748b;color:var(--owd-txt-muted);display:flex;font-size:.8rem;gap:6px;margin-top:12px;padding:8px 12px}.owd-billing-notes .material-symbols-rounded{flex-shrink:0;font-size:15px;margin-top:1px}.owd-billing-notes a{color:#6366f1;color:var(--owd-accent);text-decoration:none}.owd-billing-notes a:hover{text-decoration:underline}.owd-btn-success{align-items:center;background:#16a34a;border:none;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:5px;padding:6px 14px;transition:background .15s}.owd-btn-success:hover{background:#15803d}.owd-btn-success:disabled{cursor:not-allowed;opacity:.55}.owd-empty-state{align-items:center;color:#94a3b8;color:var(--owd-txt-faint);display:flex;flex-direction:column;font-size:.88rem;gap:12px;padding:60px 20px;text-align:center}.owd-empty-state .material-symbols-rounded{font-size:44px;opacity:.35}.owd-empty-state p{margin:0}.owd-spinner-wrap{display:flex;justify-content:center;padding:60px 20px}.owd-spinner{animation:owd-spin .7s linear infinite;border:3px solid #e2e8f0;border-top-color:#6366f1;border:3px solid var(--owd-border);border-radius:50%;border-top-color:var(--owd-accent);height:32px;width:32px}@keyframes owd-spin{to{transform:rotate(1turn)}}.owd-td-bold{font-weight:600}.owd-td-message{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-root{--p-bg:#f8fafc;--p-surface:#fff;--p-border:#e2e8f0;--p-txt:#0f172a;--p-txt-muted:#475569;--p-txt-faint:#94a3b8;--p-topbar-bg:#ffffffd9;--p-topbar-border:#e2e8f0;--p-card-hover:#6366f10a;--p-shadow:0 1px 3px #00000012,0 4px 12px #0000000d;--p-shadow-lg:0 4px 24px #0000001a,0 1px 4px #0000000d;--p-dot-inactive:#0000002e;--p-dot-active:#6366f1;--p-btn-bg:#0000000f;--p-btn-border:#e2e8f0;--p-btn-color:#334155;--p-badge-alpha:0.08}.pitch-dark{--p-bg:#0f172a;--p-surface:#1e293b;--p-border:#334155;--p-txt:#f1f5f9;--p-txt-muted:#94a3b8;--p-txt-faint:#64748b;--p-topbar-bg:#0f172ae6;--p-topbar-border:#334155;--p-card-hover:#6366f114;--p-shadow:0 4px 24px #0000004d;--p-shadow-lg:0 8px 40px #00000073;--p-dot-inactive:#fff3;--p-dot-active:#818cf8;--p-btn-bg:#ffffff12;--p-btn-border:#ffffff26;--p-btn-color:#e2e8f0;--p-badge-alpha:0.12}.pitch-root{background:var(--p-bg);display:flex;flex-direction:column;font-family:inherit;height:calc(100vh - 60px);height:calc(100vh - var(--owd-topbar-h));overflow:hidden;position:relative;transition:background .3s,color .3s}.pitch-topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--p-topbar-bg);border-bottom:1px solid var(--p-topbar-border);display:flex;flex-shrink:0;gap:10px;padding:10px 24px;z-index:2}.pitch-topbar-title{align-items:center;color:var(--p-txt);display:flex;font-size:14px;font-weight:700;gap:8px}.pitch-topbar-title .material-symbols-rounded{color:#6366f1;font-size:20px}.pitch-topbar-hint{align-items:center;color:var(--p-txt-faint);display:flex;font-size:12px;gap:4px;margin-left:auto}.pitch-topbar-counter{color:var(--p-txt-muted);font-size:12px;font-weight:600;min-width:40px;text-align:right}.pitch-stage{align-items:stretch;display:flex;flex:1 1;overflow-y:auto;padding:20px 28px;transition:opacity .28s ease,transform .28s ease}.pitch-enter{transform:translateX(0)}.pitch-exit-next{transform:translateX(-40px)}.pitch-exit-prev{transform:translateX(40px)}.pitch-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--p-topbar-bg);border-top:1px solid var(--p-topbar-border);gap:14px;padding:12px 24px}.pitch-btn,.pitch-controls{align-items:center;display:flex;flex-shrink:0;justify-content:center}.pitch-btn{background:var(--p-btn-bg);border:1px solid var(--p-btn-border);border-radius:50%;color:var(--p-btn-color);cursor:pointer;height:36px;transition:background .15s,border-color .15s;width:36px}.pitch-btn:hover:not(:disabled){background:#6366f11f;border-color:#6366f1;color:#6366f1}.pitch-btn:disabled{cursor:not-allowed;opacity:.3}.pitch-fs-btn,.pitch-theme-btn{margin-left:0}.pitch-dots{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:480px}.pitch-dot{background:var(--p-dot-inactive);border:none;border-radius:50%;cursor:pointer;height:7px;padding:0;transition:background .2s,transform .2s;width:7px}.pitch-dot:hover{background:#6366f1;opacity:.6}.pitch-dot-active{background:var(--p-dot-active)!important;transform:scale(1.45)}.pitch-slide{align-items:flex-start;background:var(--p-surface);border:1px solid var(--p-border);border-radius:20px;box-shadow:var(--p-shadow-lg);display:flex;flex-direction:column;gap:18px;overflow:hidden;padding:40px 44px;position:relative;width:100%}.pitch-slide-badge{border:1px solid;border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;padding:4px 12px;text-transform:uppercase}.pitch-slide-title{color:var(--p-txt);font-size:clamp(20px,2.6vw,32px);font-weight:800;line-height:1.2;margin:0;max-width:720px}.pitch-slide-sub{color:var(--p-txt-muted);font-size:14px;line-height:1.6;margin:0;max-width:640px}.pitch-hero{align-items:center;background:none!important;border:none!important;box-shadow:none!important;justify-content:center;min-height:480px;text-align:center}.pitch-hero-badge{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;padding:5px 16px;text-transform:uppercase}.pitch-hero-icon{font-size:68px;line-height:1;margin:4px 0;opacity:.9}.pitch-hero-title{color:#fff;font-size:clamp(26px,3.8vw,50px);font-weight:900;line-height:1.15;margin:0;max-width:740px;text-shadow:0 2px 24px #0003}.pitch-hero-sub{color:#fffc;font-size:16px;line-height:1.65;margin:0;max-width:560px}.pitch-hero-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:12px}.pitch-hero-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:14px;min-width:100px;padding:14px 24px;text-align:center}.pitch-hero-stat-val{color:#fff;font-size:26px;font-weight:900}.pitch-hero-stat-lbl{color:#ffffffb3;font-size:11px;font-weight:600;margin-top:3px}.pitch-problem-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));width:100%}.pitch-problem-card{align-items:flex-start;background:var(--p-bg);border:1px solid var(--p-border);border-radius:12px;display:flex;gap:12px;padding:16px 18px;transition:box-shadow .15s,background .15s}.pitch-problem-card:hover{background:var(--p-card-hover);box-shadow:var(--p-shadow)}.pitch-problem-icon .material-symbols-rounded{font-size:24px}.pitch-problem-title{color:var(--p-txt);font-size:13px;font-weight:700;margin-bottom:3px}.pitch-problem-desc{color:var(--p-txt-muted);font-size:11px;line-height:1.5}.pitch-problem-loss{font-size:12px;font-weight:800;margin-top:5px}.pitch-solution-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));width:100%}.pitch-solution-card{align-items:center;background:var(--p-bg);border:1px solid var(--p-border);border-radius:14px;cursor:default;display:flex;flex-direction:column;gap:10px;padding:20px 14px;text-align:center;transition:transform .15s,box-shadow .15s}.pitch-solution-card:hover{box-shadow:var(--p-shadow);transform:translateY(-3px)}.pitch-solution-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.pitch-solution-icon .material-symbols-rounded{font-size:24px}.pitch-solution-label{color:var(--p-txt-muted);font-size:11px;font-weight:700;line-height:1.3}.pitch-feature-body{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;width:100%}.pitch-feature-list{display:flex;flex:1 1;flex-direction:column;gap:10px;list-style:none;margin:0;min-width:260px;padding:0}.pitch-feature-item{align-items:flex-start;background:var(--p-bg);border:1px solid var(--p-border);border-radius:10px;color:var(--p-txt);display:flex;font-size:13px;gap:10px;line-height:1.5;padding:11px 14px;transition:box-shadow .15s}.pitch-feature-item:hover{box-shadow:var(--p-shadow)}.pitch-feature-item-icon{flex-shrink:0;font-size:18px;margin-top:1px}.pitch-feature-impact{align-items:center;border:1px solid;border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;gap:8px;justify-content:center;min-width:160px;padding:24px 28px;text-align:center}.pitch-feature-impact-val{font-size:32px;font-weight:900;line-height:1}.pitch-feature-impact-lbl{color:var(--p-txt-muted);font-size:12px;font-weight:600;text-align:center}.pitch-mobile-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));width:100%}.pitch-mobile-card{background:var(--p-bg);border:1px solid var(--p-border);border-radius:14px;display:flex;flex-direction:column;gap:9px;padding:20px 18px}.pitch-mobile-icon{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.pitch-mobile-icon .material-symbols-rounded{font-size:22px}.pitch-mobile-role{color:var(--p-txt);font-size:14px;font-weight:800}.pitch-mobile-list{display:flex;flex-direction:column;gap:5px;list-style:none;margin:0;padding:0}.pitch-mobile-list li{color:var(--p-txt-muted);font-size:12px;line-height:1.4;padding-left:11px;position:relative}.pitch-mobile-list li:before{color:var(--p-txt-faint);content:"•";left:0;position:absolute}.pitch-roi-inputs{align-items:flex-end;background:var(--p-bg);border:1px solid var(--p-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:14px 18px;width:100%}.pitch-roi-input-group{display:flex;flex-direction:column;gap:5px}.pitch-roi-input-group label{color:var(--p-txt-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pitch-roi-input-group input{background:var(--p-surface);border:1px solid var(--p-border);border-radius:8px;color:var(--p-txt);font-size:15px;font-weight:700;outline:none;padding:8px 12px;transition:border-color .15s;width:160px}.pitch-roi-input-group input:focus{border-color:#6366f1}.pitch-roi-input-summary{color:var(--p-txt-muted);font-size:13px;padding-bottom:8px}.pitch-roi-input-summary strong{color:#10b981;font-weight:800}.pitch-roi-table{background:var(--p-bg);border:1px solid var(--p-border);border-radius:14px;overflow:hidden;width:100%}.pitch-roi-row{align-items:center;border-bottom:1px solid var(--p-border);display:flex;gap:12px;padding:12px 18px}.pitch-roi-row:last-child{border-bottom:none}.pitch-roi-row-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.pitch-roi-row-src{color:var(--p-txt);flex:1 1;font-size:13px}.pitch-roi-row-val{font-size:14px;font-weight:800}.pitch-roi-total-row{align-items:center;background:#6366f112;border-top:2px solid #6366f140;display:flex;justify-content:space-between;padding:14px 18px}.pitch-roi-total-label{color:var(--p-txt);font-size:14px;font-weight:800}.pitch-roi-total-val{color:#6366f1;font-size:22px;font-weight:900}.pitch-roi-footer{align-self:flex-start;background:var(--p-bg);border:1px solid var(--p-border);border-radius:12px;display:flex;margin-top:14px;overflow:hidden}.pitch-roi-footer-item{padding:16px 28px;text-align:center}.pitch-roi-footer-val{color:#6366f1;font-size:22px;font-weight:900}.pitch-roi-footer-roi{color:#10b981!important}.pitch-roi-footer-lbl{color:var(--p-txt-faint);font-size:10px;font-weight:600;letter-spacing:.05em;margin-top:3px;text-transform:uppercase}.pitch-roi-footer-sep{background:var(--p-border);width:1px}.pitch-whyus-body{display:flex;flex-wrap:wrap;gap:20px;width:100%}.pitch-whyus-compare{grid-gap:0;border:1px solid var(--p-border);border-radius:14px;display:grid;flex:2 1;gap:0;grid-template-columns:1fr 1fr;min-width:400px;overflow:hidden}.pitch-whyus-col-hdr{font-size:11px;font-weight:800;letter-spacing:.1em;padding:10px 16px;text-align:center;text-transform:uppercase}.pitch-whyus-them{background:#ef444412;color:#ef4444}.pitch-whyus-them,.pitch-whyus-us{border-bottom:1px solid var(--p-border)}.pitch-whyus-us{background:#6366f112;border-left:1px solid var(--p-border);color:#6366f1}.pitch-whyus-cell{align-items:flex-start;border-bottom:1px solid var(--p-border);color:var(--p-txt-muted);display:flex;font-size:12px;gap:8px;line-height:1.4;padding:9px 14px}.pitch-whyus-cell:nth-last-child(-n+2){border-bottom:none}.pitch-whyus-them-cell{background:#ef444405}.pitch-whyus-us-cell{background:#6366f105;border-left:1px solid var(--p-border);color:var(--p-txt)}.pitch-whyus-x{color:#ef4444;flex-shrink:0;font-size:16px}.pitch-whyus-check{color:#10b981;flex-shrink:0;font-size:16px}.pitch-whyus-diff{display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;min-width:200px}.pitch-whyus-diff-item{align-items:flex-start;background:var(--p-bg);border:1px solid var(--p-border);border-radius:10px;color:var(--p-txt);display:flex;font-size:13px;gap:10px;line-height:1.4;padding:12px 14px}.pitch-whyus-diff-item .material-symbols-rounded{flex-shrink:0;font-size:20px}.pitch-pricing-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));width:100%}.pitch-pricing-card{background:var(--p-bg);border:1px solid var(--p-border);border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:24px 20px;position:relative;transition:box-shadow .15s}.pitch-pricing-card:hover{box-shadow:var(--p-shadow-lg)}.pitch-pricing-highlight{background:var(--p-surface)}.pitch-pricing-popular{border-radius:0 0 8px 8px;color:#fff;font-size:10px;left:50%;padding:3px 12px;position:absolute;top:-1px;transform:translateX(-50%)}.pitch-pricing-name,.pitch-pricing-popular{font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pitch-pricing-name{font-size:13px;margin-top:8px}.pitch-pricing-price{align-items:baseline;display:flex;gap:2px}.pitch-pricing-amt{color:var(--p-txt);font-size:28px;font-weight:900}.pitch-pricing-period{color:var(--p-txt-muted);font-size:13px;font-weight:600}.pitch-pricing-desc{color:var(--p-txt-muted);font-size:12px;line-height:1.4}.pitch-pricing-features{border-top:1px solid var(--p-border);display:flex;flex-direction:column;gap:7px;list-style:none;margin:2px 0 0;padding:12px 0 0}.pitch-pricing-features li{align-items:center;color:var(--p-txt);display:flex;font-size:12px;gap:7px}.pitch-pricing-features li .material-symbols-rounded{font-size:16px}.pitch-pricing-note{align-items:center;background:var(--p-bg);border:1px solid var(--p-border);border-radius:8px;color:var(--p-txt-muted);display:flex;font-size:12px;gap:8px;padding:10px 14px;width:100%}.pitch-pricing-note .material-symbols-rounded{color:#6366f1;flex-shrink:0;font-size:16px}.pitch-faq-list{display:flex;flex-direction:column;gap:10px;width:100%}.pitch-faq-item{background:var(--p-bg);border:1px solid var(--p-border);border-radius:12px;padding:14px 18px;transition:box-shadow .15s}.pitch-faq-item:hover{box-shadow:var(--p-shadow)}.pitch-faq-q{color:var(--p-txt);font-size:13px;font-weight:800;margin-bottom:5px}.pitch-faq-a{color:var(--p-txt-muted);font-size:12px;line-height:1.6}.pitch-closing{align-items:center;background:none!important;border:none!important;box-shadow:none!important;justify-content:center;min-height:420px;text-align:center}.pitch-closing-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.pitch-closing-cta{align-items:center;border-radius:40px;color:#fff;cursor:default;display:flex;font-size:13px;font-weight:700;gap:8px;padding:12px 22px}.pitch-closing-cta .material-symbols-rounded{font-size:18px}.pitch-closing-quote{border-left:3px solid #ffffff4d;color:#ffffffbf;font-size:14px;font-style:italic;line-height:1.7;margin-top:20px;max-width:520px;padding-left:14px;text-align:left}.pitch-instyte-bg{background:linear-gradient(145deg,#030d1e,#061529 28%,#091e3a 56%,#0c264d)!important;border:none!important;overflow:hidden;position:relative}.pitch-instyte-bg:before{background:radial-gradient(ellipse,#3b82f64d 0,#0000 68%);height:260px;right:-60px;top:-80px;width:55%}.pitch-instyte-bg:after,.pitch-instyte-bg:before{content:"";pointer-events:none;position:absolute;z-index:0}.pitch-instyte-bg:after{background:radial-gradient(circle,#0ea5e92e 0,#0000 65%);bottom:-40px;height:200px;left:-40px;width:40%}.pitch-instyte-bg .pitch-closing-ctas,.pitch-instyte-bg .pitch-closing-quote,.pitch-instyte-bg .pitch-hero-badge,.pitch-instyte-bg .pitch-hero-icon,.pitch-instyte-bg .pitch-hero-stats,.pitch-instyte-bg .pitch-hero-sub,.pitch-instyte-bg .pitch-hero-title{position:relative;z-index:1}.pitch-instyte-bg .pitch-hero-badge{background:#3b82f62e;border-color:#3b82f659;color:#93c5fd}.pitch-instyte-bg .pitch-hero-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-color:#3b82f640}.pitch-instyte-bg .pitch-hero-stat-val{color:#60a5fa}.pitch-instyte-bg .pitch-hero-stat-lbl{color:#fff9}.pitch-instyte-bg .pitch-closing-cta{background:#3b82f62e!important;border:1px solid #3b82f659!important;color:#93c5fd}.pitch-fullscreen{border-radius:0!important;height:100vh!important;inset:0!important;position:fixed!important;z-index:9999!important}.pitch-fullscreen .pitch-stage{padding:28px 56px}.pitch-fullscreen .pitch-slide{padding:48px 60px}.pitch-fullscreen .pitch-hero-title{font-size:clamp(34px,5vw,62px)}.pitch-fullscreen .pitch-slide-title{font-size:clamp(26px,3.2vw,42px)}.pitch-fullscreen .pitch-feature-item{font-size:14px}.pitch-fullscreen .pitch-hero-stat-val{font-size:34px}.pitch-fullscreen .pitch-roi-footer-val,.pitch-fullscreen .pitch-roi-total-val{font-size:28px}@keyframes pitch-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pitch-fade-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pitch-fade-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pitch-pop{0%{opacity:0;transform:scale(.88)}65%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes pitch-bar-grow{0%{width:0}to{width:var(--w)}}@keyframes pitch-particle-float{0%{opacity:.6;transform:translateY(0) translateX(0) scale(1)}50%{opacity:.9;transform:translateY(calc(-30px - var(--i)*4px)) translateX(calc(sin(var(--i))*12px)) scale(1.1)}to{opacity:.6;transform:translateY(0) translateX(0) scale(1)}}@keyframes pitch-progress-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pitch-icon-pulse{0%,to{text-shadow:0 0 0 #0000}50%{text-shadow:0 0 30px #ffffff80}}@keyframes pitch-glow-ring{0%,to{box-shadow:0 0 0 0 #0000}50%{box-shadow:0 0 0 6px #6366f126}}.pitch-anim-fade-up{animation:pitch-fade-up .42s cubic-bezier(.22,1,.36,1) both;animation-delay:0ms;animation-delay:var(--d,0ms)}.pitch-anim-fade-left{animation:pitch-fade-left .38s cubic-bezier(.22,1,.36,1) both;animation-delay:0ms;animation-delay:var(--d,0ms)}.pitch-anim-fade-right{animation:pitch-fade-right .38s cubic-bezier(.22,1,.36,1) both;animation-delay:0ms;animation-delay:var(--d,0ms)}.pitch-anim-pop{animation:pitch-pop .44s cubic-bezier(.34,1.56,.64,1) both;animation-delay:0ms;animation-delay:var(--d,0ms)}.pitch-slide-wrap{align-items:stretch;display:flex;width:100%}.pitch-progress-bar{background:var(--p-border);flex-shrink:0;height:3px;overflow:hidden}.pitch-progress-fill{animation:pitch-progress-shimmer 2s linear infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 100%;border-radius:0 2px 2px 0;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.pitch-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.pitch-particle{animation:pitch-particle-float calc(3s + var(--i)*.4s) ease-in-out calc(var(--i)*-.3s) infinite;background:#ffffff59;border-radius:50%;height:4px;left:calc(var(--i)*5.7% + 2%);position:absolute;top:calc(var(--i)*4.3% + 5%);width:4px}.pitch-hero-icon{animation:pitch-icon-pulse 3s ease-in-out infinite}.pitch-roi-bar-wrap{background:var(--p-border);border-radius:3px;flex:1 1;height:6px;max-width:140px;min-width:60px;overflow:hidden}.pitch-roi-bar{animation:pitch-bar-grow .7s cubic-bezier(.4,0,.2,1) both;animation-delay:.3s;animation-delay:var(--d,.3s);background:var(--c);border-radius:3px;height:100%;opacity:.8;width:var(--w)}.pitch-mobile-card:hover,.pitch-pricing-card:hover,.pitch-solution-card:hover{animation:pitch-glow-ring 1.5s ease-in-out infinite}.pitch-stage{transition:opacity .26s ease,transform .26s cubic-bezier(.4,0,.2,1)}.pitch-enter{opacity:1;transform:scale(1) translateX(0)}.pitch-exit-next{opacity:0;transform:scale(.97) translateX(-28px)}.pitch-exit-prev{opacity:0;transform:scale(.97) translateX(28px)}.pitch-solution-card:hover .pitch-solution-icon .material-symbols-rounded{transform:rotate(10deg) scale(1.15);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.pitch-feature-impact{transition:transform .2s,box-shadow .2s}.pitch-feature-impact:hover{box-shadow:var(--p-shadow-lg);transform:scale(1.03)}@keyframes pitch-border-pulse{0%,to{opacity:1}50%{opacity:.5}}.pitch-pricing-highlight{animation:pitch-border-pulse 2.5s ease-in-out infinite}.pitch-faq-item{transition:transform .18s,box-shadow .18s}.pitch-faq-item:hover{transform:translateX(4px)}.pitch-dark .pitch-progress-fill{animation:pitch-progress-shimmer 2s linear infinite;background:linear-gradient(90deg,#818cf8,#a78bfa,#818cf8);background-size:200% 100%}.pitch-dark .pitch-mobile-card:hover,.pitch-dark .pitch-pricing-card:hover,.pitch-dark .pitch-solution-card:hover{animation:none;box-shadow:0 0 0 1px #818cf84d,0 8px 32px #6366f133}.pitch-pricing-tagline{color:var(--p-txt-muted);font-size:11px;line-height:1.4;margin-top:-4px}.pitch-pricing-users{align-items:center;align-self:flex-start;background:var(--p-bg);border:1px solid var(--p-border);border-radius:20px;display:flex;font-size:11px;font-weight:700;gap:5px;padding:3px 10px}.pitch-addons-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:100%}.pitch-addons-label{color:var(--p-txt-faint);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.pitch-addon-chip{align-items:center;border:1px solid;border-radius:20px;display:flex;font-size:12px;gap:5px;padding:5px 11px;white-space:nowrap}.pitch-addon-price{color:var(--p-txt-muted);font-size:11px;margin-left:2px}@tailwind base;@tailwind components;@tailwind utilities;:root{--global-page-bg:#fff;--global-page-text:#1e293b;--global-scrollbar-thumb:#94a3b899;--global-scrollbar-track:#0000;--toggle-text:#1e293b;--toggle-text-disabled:#94a3b8;--vh:1vh;--color-primary:#065f46;--color-primary-light:#ecfdf5;--bg-primary:#fff;--bg-secondary:#f8fafc;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0}[data-theme=dark]{--global-page-bg:#1a1a1a;--global-page-text:#fff;--global-scrollbar-thumb:#ffffff4d;--global-scrollbar-track:#0000;--toggle-text:#e2e8f0;--toggle-text-disabled:#64748b;--color-primary:#34d399;--color-primary-light:#10b9811f;--bg-primary:#1e293b;--bg-secondary:#0f172a;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#334155}html{height:100%;overflow-y:auto}body,html{background-color:#fff;background-color:var(--global-page-bg);color:#1e293b;color:var(--global-page-text);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body{font-family:Google Sans,Poppins,sans-serif;height:auto!important;margin:0;min-height:100vh;min-height:-webkit-fill-available;overflow-y:auto!important;padding:0;position:relative}@supports (-webkit-touch-callout:none){body{min-height:-webkit-fill-available}}*{scrollbar-color:#94a3b899 #0000;scrollbar-color:var(--global-scrollbar-thumb) var(--global-scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000;background:var(--global-scrollbar-track)}::-webkit-scrollbar-thumb{border-radius:8px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#94a3b899;background:var(--global-scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{opacity:.8}::-webkit-scrollbar-corner{background:#0000;background:var(--global-scrollbar-track)}#root{transition:background-color .3s ease}#root,.App{background-color:#fff;background-color:var(--global-page-bg);min-height:100vh}.App{color:#1e293b;color:var(--global-page-text);transition:background-color .3s ease,color .3s ease}@media (max-width:1024px){#root,.App,[class*=container],[class*=wrapper],main{height:auto!important;min-height:auto!important;overflow-y:visible!important}body{padding-bottom:env(safe-area-inset-bottom,40px)!important}@supports (-webkit-touch-callout:none){body{padding-bottom:max(env(safe-area-inset-bottom),80px)!important}}html{overflow-y:scroll!important}::-webkit-scrollbar{-webkit-appearance:none!important;width:14px!important}::-webkit-scrollbar-track{background:#f1f5f9!important}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#059669,#10b981)!important;border:3px solid #f1f5f9!important;border-radius:7px!important}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#047857,#059669)!important}*{scrollbar-color:#10b981 #f1f5f9!important;scrollbar-width:auto!important}}body,html{max-width:100vw;overflow-x:hidden!important}*{max-width:100%}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
/*# sourceMappingURL=main.1014e3c7.css.map*/