@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.student-sidebar__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0f172a73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:student-sidebar-fade-in .2s ease}.student-sidebar{width:290px;flex-shrink:0;display:flex;flex-direction:column;background:#d1e8f1;box-shadow:4px 0 20px #0f172a0a;color:#1e293b;transition:transform .3s cubic-bezier(.4,0,.2,1)}.student-sidebar__mobile-header{display:flex;align-items:center;justify-content:flex-end;height:64px;padding:0 1rem;border-bottom:1px solid #e5e7eb}.student-sidebar__close-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:none;border-radius:10px;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .2s ease}.student-sidebar__close-button:hover{background:#f1f5f9;color:#0f172a}.student-sidebar__navigation{flex:1;padding:1.5rem .75rem;overflow-y:auto}.student-sidebar__navigation::-webkit-scrollbar{width:4px}.student-sidebar__navigation::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.student-sidebar__section-title{padding:0 .75rem;margin-bottom:.75rem;color:#94a3b8;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.student-sidebar__nav-list{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none}.student-sidebar__nav-item{margin:0}.student-sidebar__nav-link{position:relative;display:flex;align-items:center;gap:.75rem;min-height:46px;padding:.65rem .8rem;border:1px solid transparent;border-radius:12px;color:#64748b;font-size:.84rem;font-weight:650;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.student-sidebar__nav-link:hover{background:#f8fafc;border-color:#edf1f7;color:#1e293b;transform:translate(2px)}.student-sidebar__nav-link--active{background:#eff6ff;color:#2563eb;font-weight:700}.student-sidebar__nav-link--active:hover{background:#dbeafe}.student-sidebar__nav-icon{flex-shrink:0;transition:color .2s ease}.student-sidebar__nav-icon--active{color:#2563eb}@keyframes student-sidebar-fade-in{0%{opacity:0}to{opacity:1}}@media (min-width: 1024px){.student-sidebar{position:sticky;top:72px;height:calc(100vh - 72px);overflow:hidden;transform:none!important;z-index:30}.student-sidebar__overlay,.student-sidebar__mobile-header{display:none!important}}@media (max-width: 1023px){.student-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(290px,85vw);height:100vh;z-index:50;transform:translate(-100%);box-shadow:12px 0 35px #0f172a26}.student-sidebar--open{transform:translate(0)}}.student-navbar{flex-shrink:0;position:sticky;top:0;z-index:40;width:100%;max-width:100vw;height:80px;padding:0 2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background:#9daed5e1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 2px #0f172a05,0 4px 20px #0f172a06}.student-navbar__brand{display:flex;align-items:center;gap:.9rem;min-width:0}.student-navbar__menu-button{width:42px;height:42px;display:none;align-items:center;justify-content:center;background:#fff;border:1px solid #e8edf5;border-radius:12px;color:#475569;cursor:pointer;transition:all .2s ease}.student-navbar__menu-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.student-navbar__menu-button:active{transform:translateY(0)}@media (max-width: 1023px){.student-navbar__menu-button{display:flex}}.student-navbar__logo-image,.student-navbar__logo-fallback{width:60px;height:60px;flex-shrink:0;border-radius:13px}.student-navbar__logo-image{-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #e8edf5;padding:3px;box-shadow:0 4px 12px #0f172a0f}.student-navbar__logo-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#60a5fa);color:#fff;font-family:Manrope,sans-serif;font-size:1rem;font-weight:800;box-shadow:0 8px 18px #2563eb40}.student-navbar__brand-info{min-width:0}.student-navbar__brand-title{color:#172033;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-navbar__brand-subtitle{margin-top:3px;color:#94a3b8;font-size:.86rem;font-weight:600;display:flex;align-items:center;gap:.35rem}.student-navbar__separator{color:#cbd5e1}.student-navbar__institute-code{color:#2563eb;font-weight:700}.student-navbar__actions{display:flex;align-items:center;gap:.9rem}.student-navbar__notification-wrapper{position:relative}.student-navbar__notification-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e8edf5;border-radius:12px;color:#475569;cursor:pointer;transition:all .2s ease}.student-navbar__notification-button:hover,.student-navbar__notification-button--active{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.student-navbar__notification-button:active{transform:translateY(0)}.student-navbar__notification-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ef4444;border:2px solid #ffffff;border-radius:50%;color:#fff;font-size:.6rem;font-weight:800}.student-navbar__notification-popover{position:absolute;top:52px;right:0;z-index:50;width:380px;overflow:hidden;background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 10px 30px #0f172a1a;animation:student-navbar-fade-in .2s ease-out}.student-navbar__popover-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.student-navbar__popover-title{color:#1e293b;font-size:.85rem;font-weight:700}.student-navbar__mark-read-button{padding:0;background:transparent;border:none;color:#2563eb;font-size:.75rem;font-weight:600;cursor:pointer}.student-navbar__notification-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto}.student-navbar__notification-item{padding:.85rem 1.25rem;border-bottom:1px solid #f8fafc;transition:background .15s ease}.student-navbar__notification-item--unread{background:#f8fafc}.student-navbar__notification-item--read{background:#fff}.student-navbar__notification-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.3rem}.student-navbar__notification-title{color:#1e293b;font-size:.85rem;font-weight:600}.student-navbar__notification-type{flex-shrink:0;padding:.15rem .4rem;background:#eff6ff;border-radius:4px;color:#2563eb;font-size:.6rem;font-weight:700}.student-navbar__notification-message{margin:0;color:#64748b;font-size:.75rem;line-height:1.4}.student-navbar__notification-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem;color:#2563eb;font-size:.75rem;font-weight:600;text-decoration:none}.student-navbar__popover-footer{padding:.75rem;text-align:center;background:#f8fafc;border-top:1px solid #f1f5f9}.student-navbar__view-all-link{color:#2563eb;font-size:.8rem;font-weight:600;text-decoration:none}.student-navbar__user-profile{display:flex;align-items:center;gap:.75rem;padding:.42rem .7rem;background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 2px 8px #0f172a06;transition:border-color .2s ease,box-shadow .2s ease}.student-navbar__user-profile:hover{border-color:#d7e0ec;box-shadow:0 6px 18px #0f172a0f}.student-navbar__user-avatar{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #bfdbfe;border-radius:11px;color:#2563eb;font-size:.85rem;font-weight:700}.student-navbar__user-info{display:flex;flex-direction:column;min-width:0;text-align:left}.student-navbar__user-name{max-width:220px;color:#1e293b;font-size:.8rem;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-navbar__user-admission{margin-top:2px;color:#94a3b8;font-size:.67rem;font-weight:600}.student-navbar__logout-button{height:42px;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .9rem;background:#fff;border:1px solid #fee2e2;border-radius:12px;color:#dc2626;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.student-navbar__logout-button:hover{background:#fef2f2;border-color:#fecaca;transform:translateY(-1px)}.student-navbar__logout-button:active{transform:translateY(0)}@keyframes student-navbar-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.student-navbar{height:64px;padding:0 1rem}.student-navbar__logo-image,.student-navbar__logo-fallback{width:40px;height:40px}.student-navbar__brand-subtitle,.student-navbar__user-info,.student-navbar__logout-button span{display:none}.student-navbar__actions{gap:.6rem}.student-navbar__notification-popover{position:fixed;top:72px;right:1rem;left:1rem;width:auto}.student-navbar__user-profile{padding:.3rem}.student-navbar__logout-button{width:40px;height:40px;padding:0}}@media (max-width: 480px){.student-navbar__brand-title{max-width:150px}}:root{--student-primary: #2563eb;--student-primary-dark: #1d4ed8;--student-primary-light: #eff6ff;--student-bg: #f6f8fc;--student-surface: #ffffff;--student-border: #e8edf5;--student-text: #172033;--student-text-secondary: #64748b;--student-text-muted: #94a3b8;--student-radius-sm: 10px;--student-radius-md: 14px;--student-radius-lg: 20px}.student-layout{display:flex;flex-direction:column;height:100vh;max-height:100vh;width:100%;max-width:100vw;color:var(--student-text);font-family:DM Sans,sans-serif;background:radial-gradient(circle at top right,rgba(37,99,235,.05),transparent 30%),#fff5f5;overflow:hidden}.student-layout__container{display:flex;flex-direction:row;flex:1;min-height:0;width:100%;height:calc(100vh - 72px);overflow:hidden;position:relative}.student-layout__main{flex:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;padding:2rem 2.25rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.student-layout__main::-webkit-scrollbar{width:8px}.student-layout__main::-webkit-scrollbar-track{background:transparent}.student-layout__main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.student-layout__main::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.student-layout__main{padding:1.5rem}}@media (max-width: 768px){.student-layout__container{height:calc(100vh - 64px)}.student-layout__main{padding:1rem}}.superadmin-navbar{position:sticky;top:0;z-index:40;width:100%;height:70px;background:#fff;border-bottom:1px solid var(--sa-border, #e2e8f0);box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a05;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.superadmin-navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 2rem}.superadmin-navbar__brand{display:flex;align-items:center;gap:.85rem}.superadmin-navbar__brand-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px #4f46e540;flex-shrink:0}.superadmin-navbar__brand-info{display:flex;flex-direction:column}.superadmin-navbar__brand-row{display:flex;align-items:center;gap:.6rem}.superadmin-navbar__brand-title{font-family:Manrope,DM Sans,sans-serif;font-size:1.1rem;font-weight:800;color:#0f172a;letter-spacing:-.025em}.superadmin-navbar__badge{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem;border-radius:9999px;background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.superadmin-navbar__brand-sub{font-size:.75rem;color:#64748b;font-weight:500;margin-top:1px}.superadmin-navbar__actions{display:flex;align-items:center;gap:1rem}.superadmin-navbar__profile{display:flex;align-items:center;gap:.75rem;padding:.4rem .85rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.superadmin-navbar__profile:hover{background:#f1f5f9;border-color:#cbd5e1}.superadmin-navbar__profile-avatar{width:34px;height:34px;border-radius:10px;background:#eef2ff;border:1px solid #c7d2fe;color:#4f46e5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.superadmin-navbar__profile-details{display:flex;flex-direction:column;text-align:left}.superadmin-navbar__profile-email{font-size:.8rem;font-weight:700;color:#0f172a;line-height:1.25}.superadmin-navbar__profile-role{font-size:.68rem;font-weight:600;color:#7c3aed;margin-top:2px}.superadmin-navbar__logout-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:10px;background:#fff;border:1px solid #fecdd3;color:#e11d48;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0f172a0a}.superadmin-navbar__logout-btn:hover{background:#fff1f2;border-color:#fda4af;color:#be123c;transform:translateY(-1px)}.superadmin-navbar__logout-btn:active{transform:translateY(0)}@media (max-width: 768px){.superadmin-navbar{height:64px}.superadmin-navbar__inner{padding:0 1rem}.superadmin-navbar__brand-sub,.superadmin-navbar__profile-details,.superadmin-navbar__logout-btn span{display:none}}.superadmin-sidebar{width:260px;flex-shrink:0;background:#fff;border-right:1px solid var(--sa-border, #e2e8f0);display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1rem;height:100%;box-sizing:border-box;overflow-y:auto}.superadmin-sidebar__content{display:flex;flex-direction:column;gap:1.5rem}.superadmin-sidebar__section-title{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:.25rem .75rem;margin-bottom:.4rem}.superadmin-sidebar__nav{display:flex;flex-direction:column;gap:.35rem}.superadmin-sidebar__nav-item{display:flex;align-items:center;gap:.75rem;padding:.68rem .95rem;border-radius:11px;font-size:.85rem;font-weight:500;color:#475569;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.superadmin-sidebar__nav-item:hover{background:#f8fafc;color:#0f172a}.superadmin-sidebar__nav-item.active{background:#eef2ff;color:#4f46e5;font-weight:700;border-color:#c7d2fe}.superadmin-sidebar__nav-icon{width:18px;height:18px;flex-shrink:0}.superadmin-sidebar__widget{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 1px 2px #0f172a08}.superadmin-sidebar__widget-header{display:flex;align-items:center;gap:.45rem;color:#4f46e5;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.superadmin-sidebar__widget-desc{font-size:.75rem;color:#64748b;line-height:1.45}.superadmin-sidebar__widget-status{display:flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:600;color:#059669;padding-top:.25rem}.superadmin-sidebar__footer{padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:#94a3b8;font-weight:500}.superadmin-sidebar__status-pill{display:inline-flex;align-items:center;gap:.35rem;color:#059669;font-weight:600}.superadmin-sidebar__pulse-dot{width:7px;height:7px;border-radius:50%;background-color:#10b981;display:inline-block;box-shadow:0 0 0 2px #10b98140;animation:pulse-green 2s infinite ease-in-out}@keyframes pulse-green{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.75}}@media (max-width: 1024px){.superadmin-sidebar{width:220px;padding:1rem .75rem}}@media (max-width: 768px){.superadmin-sidebar{display:none}}:root{--sa-primary: #4f46e5;--sa-primary-dark: #4338ca;--sa-primary-light: #eef2ff;--sa-primary-border: #c7d2fe;--sa-bg: #f8fafc;--sa-surface: #ffffff;--sa-surface-subtle: #f1f5f9;--sa-border: #e2e8f0;--sa-border-strong: #cbd5e1;--sa-text: #0f172a;--sa-text-secondary: #475569;--sa-text-muted: #94a3b8;--sa-success: #059669;--sa-success-light: #ecfdf5;--sa-success-border: #a7f3d0;--sa-warning: #d97706;--sa-warning-light: #fffbeb;--sa-warning-border: #fde68a;--sa-danger: #e11d48;--sa-danger-light: #fff1f2;--sa-danger-border: #fecdd3;--sa-purple: #7c3aed;--sa-purple-light: #f5f3ff;--sa-purple-border: #ddd6fe;--sa-radius-sm: 8px;--sa-radius-md: 12px;--sa-radius-lg: 16px;--sa-radius-xl: 20px;--sa-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--sa-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--sa-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04)}.superadmin-layout{display:flex;flex-direction:column;height:100vh;max-height:100vh;width:100%;max-width:100vw;background-color:var(--sa-bg);color:var(--sa-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.superadmin-layout__container{display:flex;flex-direction:row;flex:1;min-height:0;width:100%;height:calc(100vh - 70px);overflow:hidden;position:relative}.superadmin-layout__main{flex:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;padding:2rem 2.5rem;overflow-y:auto;overflow-x:hidden;background-color:var(--sa-bg);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.superadmin-layout__main::-webkit-scrollbar{width:7px}.superadmin-layout__main::-webkit-scrollbar-track{background:transparent}.superadmin-layout__main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.superadmin-layout__main::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.superadmin-layout__main{padding:1.5rem}}@media (max-width: 768px){.superadmin-layout__container{height:calc(100vh - 64px)}.superadmin-layout__main{padding:1rem}}.admin-navbar{flex-shrink:0;position:sticky;top:0;z-index:40;width:100%;max-width:100vw;height:80px;padding:0 2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background:#81a6c6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 2px #0f172a05,0 4px 20px #0f172a06}.admin-navbar__brand{display:flex;align-items:center;gap:.9rem;min-width:0}.admin-navbar__menu-button{width:42px;height:42px;display:none;align-items:center;justify-content:center;background:#fff;border:1px solid #e8edf5;border-radius:12px;color:#475569;cursor:pointer;transition:all .2s ease}.admin-navbar__menu-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.admin-navbar__menu-button:active{transform:translateY(0)}@media (max-width: 1023px){.admin-navbar__menu-button{display:flex}}.admin-navbar__logo-image,.admin-navbar__logo-fallback{width:60px;height:60px;flex-shrink:0;border-radius:13px}.admin-navbar__logo-image{-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #e8edf5;padding:3px;box-shadow:0 4px 12px #0f172a0f}.admin-navbar__logo-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#60a5fa);color:#fff;font-family:Manrope,sans-serif;font-size:1rem;font-weight:800;box-shadow:0 8px 18px #2563eb40}.admin-navbar__brand-info{min-width:0}.admin-navbar__brand-title{color:#172033;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-navbar__brand-subtitle{margin-top:3px;color:#94a3b8;font-size:.86rem;font-weight:600}.admin-navbar__actions{display:flex;align-items:center;gap:.9rem}.admin-navbar__user-profile{display:flex;align-items:center;gap:.75rem;padding:.42rem .7rem;background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 2px 8px #0f172a06;transition:border-color .2s ease,box-shadow .2s ease}.admin-navbar__user-profile:hover{border-color:#d7e0ec;box-shadow:0 6px 18px #0f172a0f}.admin-navbar__user-avatar{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #bfdbfe;border-radius:11px;color:#2563eb}.admin-navbar__user-info{display:flex;flex-direction:column;min-width:0;text-align:left}.admin-navbar__user-name{max-width:220px;color:#1e293b;font-size:.8rem;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-navbar__user-role{margin-top:2px;color:#94a3b8;font-size:.67rem;font-weight:600}.admin-navbar__role-badge{padding:.28rem .5rem;background:#eff6ff;border:1px solid #dbeafe;border-radius:7px;color:#2563eb;font-size:.62rem;font-weight:800;letter-spacing:.08em}.admin-navbar__logout-button{height:42px;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .9rem;background:#fff;border:1px solid #fee2e2;border-radius:12px;color:#dc2626;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.admin-navbar__logout-button:hover{background:#fef2f2;border-color:#fecaca;transform:translateY(-1px)}.admin-navbar__logout-button:active{transform:translateY(0)}@media (max-width: 768px){.admin-navbar{height:64px;padding:0 1rem}.admin-navbar__logo-image,.admin-navbar__logo-fallback{width:40px;height:40px}.admin-navbar__brand-subtitle,.admin-navbar__user-role,.admin-navbar__role-badge,.admin-navbar__logout-button span{display:none}.admin-navbar__actions{gap:.6rem}.admin-navbar__user-profile{padding:.3rem}.admin-navbar__user-info{display:none}.admin-navbar__logout-button{width:40px;height:40px;padding:0}}@media (max-width: 480px){.admin-navbar__brand-title{max-width:150px}}.admin-sidebar__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0f172a73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:admin-sidebar-fade-in .2s ease}.admin-sidebar{width:290px;flex-shrink:0;display:flex;flex-direction:column;background:#d1e8f1;box-shadow:4px 0 20px #0f172a0a;color:#1e293b;transition:transform .3s cubic-bezier(.4,0,.2,1)}.admin-sidebar__mobile-header{display:flex;align-items:center;justify-content:flex-end;height:64px;padding:0 1rem;border-bottom:1px solid #e5e7eb}.admin-sidebar__close-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:none;border-radius:10px;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .2s ease}.admin-sidebar__close-button:hover{background:#f1f5f9;color:#0f172a}.admin-sidebar__navigation{flex:1;padding:1.5rem .75rem;overflow-y:auto}.admin-sidebar__navigation::-webkit-scrollbar{width:4px}.admin-sidebar__navigation::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.admin-sidebar__section-title{padding:0 .75rem;margin-bottom:.75rem;color:#94a3b8;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-sidebar__nav-list{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none}.admin-sidebar__nav-item{margin:0}.admin-sidebar__nav-link{position:relative;display:flex;align-items:center;gap:.75rem;min-height:46px;padding:.65rem .8rem;border:1px solid transparent;border-radius:12px;color:#64748b;font-size:.84rem;font-weight:650;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.admin-sidebar__nav-link:hover{background:#f8fafc;border-color:#edf1f7;color:#1e293b;transform:translate(2px)}.admin-sidebar__nav-link--active{background:#eff6ff;color:#2563eb;font-weight:700}.admin-sidebar__nav-link--active:hover{background:#dbeafe}.admin-sidebar__nav-icon{flex-shrink:0;transition:color .2s ease}.admin-sidebar__nav-icon--active{color:#2563eb}.admin-sidebar__nav-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar__nav-badge{padding:.18rem .48rem;background:#f1f5f9;border:1px solid #e8edf5;border-radius:999px;color:#94a3b8;font-size:.6rem;font-weight:700}.admin-sidebar__nav-link--active .admin-sidebar__nav-badge{background:#dbeafe;border-color:#bfdbfe;color:#2563eb}.admin-sidebar__footer{flex-shrink:0;padding:1rem 1.25rem;background:#fff6;border-top:1px solid #e5e7eb}.admin-sidebar__term-status{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.admin-sidebar__status-dot{width:8px;height:8px;flex-shrink:0;background:#10b981;border-radius:50%;box-shadow:0 0 0 4px #10b9811a}.admin-sidebar__status-text{color:#334155;font-size:.72rem;font-weight:700}.admin-sidebar__session{padding-left:1rem;color:#94a3b8;font-size:.65rem;font-weight:500}@keyframes admin-sidebar-fade-in{0%{opacity:0}to{opacity:1}}@media (min-width: 1024px){.admin-sidebar{position:sticky;top:72px;height:calc(100vh - 72px);overflow:hidden;transform:none!important;z-index:30}.admin-sidebar__overlay,.admin-sidebar__mobile-header{display:none!important}}@media (max-width: 1023px){.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(290px,85vw);height:100vh;z-index:50;transform:translate(-100%);box-shadow:12px 0 35px #0f172a26}.admin-sidebar--open{transform:translate(0)}}:root{--admin-primary: #2563eb;--admin-primary-dark: #1d4ed8;--admin-primary-light: #eff6ff;--admin-bg: #f6f8fc;--admin-surface: #ffffff;--admin-border: #e8edf5;--admin-text: #172033;--admin-text-secondary: #64748b;--admin-text-muted: #94a3b8;--admin-radius-sm: 10px;--admin-radius-md: 14px;--admin-radius-lg: 20px}*{box-sizing:border-box}.admin-layout{display:flex;flex-direction:column;height:100vh;max-height:100vh;width:100%;max-width:100vw;color:var(--admin-text);font-family:DM Sans,sans-serif;background:radial-gradient(circle at top right,rgba(37,99,235,.05),transparent 30%),#fff5f5;overflow:hidden}.admin-layout__container{display:flex;flex-direction:row;flex:1;min-height:0;width:100%;height:calc(100vh - 72px);overflow:hidden;position:relative}.admin-layout__main{flex:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;padding:2rem 2.25rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.admin-layout__main::-webkit-scrollbar{width:8px}.admin-layout__main::-webkit-scrollbar-track{background:transparent}.admin-layout__main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.admin-layout__main::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.admin-layout__main{padding:1.5rem}}@media (max-width: 768px){.admin-layout__container{height:calc(100vh - 64px)}.admin-layout__main{padding:1rem}}.enquiry-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.enquiry-modal__container{width:100%;max-width:680px;max-height:90vh;background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 20px 50px #0f172a2e;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .2s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.enquiry-modal__header{padding:1rem 1.12rem;display:flex;align-items:flex-start;justify-content:space-between;background:#f8fafc;border-bottom:1px solid #e2e8f0}.enquiry-modal__title{margin:0 0 .35rem;font-size:1.5rem;font-weight:700;color:#1e293b}.enquiry-modal__subtitle{margin:0;font-size:.9rem;line-height:1.5;color:#64748b}.enquiry-modal__plan-tag{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.3rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:.8rem;color:#1d4ed8}.enquiry-modal__plan-tag strong{color:#092975}.enquiry-modal__close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;transition:background .2s ease,color .2s ease}.enquiry-modal__close-btn:hover{background:#e2e8f0;color:#1e293b}.enquiry-modal__content{padding:.85rem 1.82rem;overflow-y:auto;max-height:calc(90vh - 130px)}.enquiry-modal__error-banner{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;margin-bottom:1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.enquiry-modal__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem}.enquiry-modal__field{display:flex;flex-direction:column;gap:.45rem}.enquiry-modal__field--full{grid-column:1 / -1}.enquiry-modal__field label{font-size:.85rem;font-weight:600;color:#334155}.enquiry-modal__field label .required{margin-left:.15rem;color:#ef4444}.enquiry-modal__input-wrapper{position:relative;display:flex;align-items:center}.enquiry-modal__input-wrapper .input-icon{position:absolute;left:.85rem;color:#94a3b8;pointer-events:none}.enquiry-modal__input-wrapper input,.enquiry-modal__input-wrapper select,.enquiry-modal__input-wrapper textarea{width:100%;padding:.7rem .85rem .7rem 2.6rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1e293b;font-size:.9rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.enquiry-modal__input-wrapper input::-moz-placeholder,.enquiry-modal__input-wrapper textarea::-moz-placeholder{color:#94a3b8}.enquiry-modal__input-wrapper input::placeholder,.enquiry-modal__input-wrapper textarea::placeholder{color:#94a3b8}.enquiry-modal__input-wrapper input:focus,.enquiry-modal__input-wrapper select:focus,.enquiry-modal__input-wrapper textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.enquiry-modal__input-wrapper:focus-within .input-icon{color:#2563eb}.enquiry-modal__input-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.5rem;cursor:pointer;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='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .85rem center;background-size:1.1rem}.enquiry-modal__input-wrapper.textarea-wrapper{align-items:flex-start}.enquiry-modal__input-wrapper.textarea-wrapper .textarea-icon{top:.85rem}.enquiry-modal__input-wrapper textarea{min-height:100px;resize:vertical}.enquiry-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.enquiry-modal__btn-cancel,.enquiry-modal__btn-secondary{padding:.7rem 1.25rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.enquiry-modal__btn-cancel:hover,.enquiry-modal__btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.enquiry-modal__btn-submit,.enquiry-modal__btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease}.enquiry-modal__btn-submit:hover:not(:disabled),.enquiry-modal__btn-primary:hover{background:#1d4ed8}.enquiry-modal__btn-submit:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}.enquiry-modal__success-wrapper{padding:1.5rem .5rem;text-align:center}.enquiry-modal__success-icon-box{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;border-radius:50%;background:#dcfce7;color:#16a34a}.enquiry-modal__success-wrapper h3{margin:0 0 .5rem;font-size:1.4rem;font-weight:700;color:#1e293b}.enquiry-modal__success-msg{max-width:500px;margin:0 auto 1.5rem;font-size:.9rem;line-height:1.6;color:#64748b}.enquiry-modal__summary-card{display:flex;flex-direction:column;gap:.7rem;padding:1rem 1.25rem;margin-bottom:1.5rem;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.enquiry-modal__summary-item{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem}.summary-label{color:#64748b}.summary-value{color:#1e293b;font-weight:600}.enquiry-modal__success-actions{display:flex;justify-content:center;gap:.75rem}@media (max-width: 640px){.enquiry-modal__grid{grid-template-columns:1fr}.enquiry-modal__header,.enquiry-modal__content{padding:1.25rem}.enquiry-modal__footer,.enquiry-modal__success-actions{flex-direction:column-reverse}.enquiry-modal__btn-cancel,.enquiry-modal__btn-submit,.enquiry-modal__btn-secondary,.enquiry-modal__btn-primary{width:100%}}.landing-navbar{position:sticky;top:0;z-index:50;background:#c8dfdb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 4px 20px -2px #0f172a0a;transition:background .3s ease,box-shadow .3s ease}.landing-navbar__container{max-width:1280px;margin:0 auto;padding:0 2rem;height:82px;display:flex;align-items:center;justify-content:space-between}.landing-navbar__brand{display:flex;align-items:center;gap:.875rem;text-decoration:none}.landing-navbar__logo-box{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 2px 6px #0f172a0a;flex-shrink:0}.landing-navbar__logo-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.landing-navbar__brand-text{display:flex;align-items:center}.landing-navbar__brand-title{font-family:Manrope,DM Sans,sans-serif;font-size:2.05rem;font-weight:800;color:#092975;letter-spacing:-.03em}.landing-navbar__brand-tag{font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:9999px;background:#f3f5fb;color:#13a0e7;border:1px solid #c7d2fe;margin-left:.6rem;letter-spacing:.02em;text-transform:uppercase}.landing-navbar__nav{display:flex;align-items:center;gap:2rem}.landing-navbar__nav-link{font-size:.9rem;font-weight:600;color:#475569;text-decoration:none;transition:color .2s ease}.landing-navbar__nav-link:hover{color:#6c7a8e}.landing-navbar__actions{display:flex;align-items:center;gap:1rem}.landing-navbar__btn-signin{padding:.6rem 1.2rem;border-radius:10px;font-size:.875rem;font-weight:600;color:#475569;text-decoration:none;transition:all .2s ease}.landing-navbar__btn-signin:hover{transform:translateY(-1px);color:#3b4656}.landing-navbar__btn-getstarted{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.35rem;border-radius:8px;background:#3f8db4;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 14px #13a0e74d;transition:all .2s ease}.landing-navbar__btn-getstarted:hover{transform:translateY(-1px);box-shadow:0 6px 20px #13a0e766}.landing-navbar__btn-enquiry-outline{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.1rem;border-radius:8px;background:transparent;color:#092975;border:1.5px solid #3f8db4;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.landing-navbar__btn-enquiry-outline:hover{background:#3f8db414;transform:translateY(-1px)}.landing-navbar__mobile-toggle{display:none;background:transparent;border:none;color:#092975;cursor:pointer;padding:.5rem;border-radius:8px;align-items:center;justify-content:center}.landing-navbar__mobile-toggle:hover{background:#09297514}.landing-navbar__mobile-drawer{display:flex;flex-direction:column;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 10px 25px -5px #0f172a1a;padding:1.25rem 1.5rem;gap:1.25rem;animation:slideDown .25s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.landing-navbar__mobile-nav{display:flex;flex-direction:column;gap:.85rem}.landing-navbar__mobile-link{font-size:1rem;font-weight:600;color:#334155;text-decoration:none;padding:.4rem 0;border-bottom:1px dashed #f1f5f9;transition:color .2s ease}.landing-navbar__mobile-link:hover{color:#2563eb}.landing-navbar__mobile-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}@media (max-width: 920px){.landing-navbar__nav,.landing-navbar__actions{display:none}.landing-navbar__mobile-toggle{display:flex}}@media (max-width: 600px){.landing-navbar__container{padding:0 1rem;height:72px}.landing-navbar__brand-tag{display:none}.landing-navbar__brand-title{font-size:1.65rem}}.landing-hero{position:relative;padding:3rem 1.5rem 5rem;overflow:hidden;background:#f2efe7;color:#03182d}.landing-hero__container{max-width:1280px;margin:0 auto;position:relative;text-align:center;z-index:2}.landing-hero__title{font-family:Manrope,DM Sans,sans-serif;font-size:clamp(2.75rem,6vw,4.75rem);font-weight:800;color:#78a0df;letter-spacing:-.035em;line-height:1.1;max-width:980px;margin:0 auto}.landing-hero__desc{font-size:clamp(1rem,2.1vw,1.2rem);color:#94a3b8;max-width:740px;margin:1.75rem auto 0;line-height:1.7;font-weight:400}.landing-hero__cta-group{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:2.15rem;flex-wrap:wrap}.landing-hero__btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.25rem;border-radius:14px;background:#3f8db4;color:#fff;font-size:.95rem;font-weight:700;text-decoration:none;box-shadow:0 10px 30px -5px #6366f180;transition:all .25s ease;border:1px solid rgba(255,255,255,.15)}.landing-hero__btn-primary:hover{background:#357696;transform:translateY(-2px);box-shadow:0 15px 35px -5px #6366f1a6}.landing-hero__btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2.25rem;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.12);color:#195590;font-size:.95rem;font-weight:900;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0003;transition:all .25s ease}.landing-hero__btn-secondary:hover{background:#93b6dd;border-color:#ffffff40;color:#fff;transform:translateY(-2px)}.landing-hero__metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:1000px;margin:3rem auto 0}.landing-hero__metric-card{background:#02143ec8;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.35rem 1.1rem;box-shadow:0 8px 32px #0000005e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.landing-hero__metric-card:hover{box-shadow:0 12px 40px #6366f133;border-color:#818cf866;transform:translateY(-4px);background:#02143ed7}.landing-hero__metric-num{font-family:Manrope,DM Sans,sans-serif;font-size:2.25rem;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.1}.metric--indigo{background:linear-gradient(135deg,#c5caf6,#b0b1ef);-webkit-background-clip:text;color:transparent}.metric--emerald{background:linear-gradient(135deg,#a2e5cd,#74edc7);-webkit-background-clip:text;color:transparent}.metric--amber{background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-background-clip:text;color:transparent}.landing-hero__metric-label{font-size:.95rem;color:#94a3b8;font-weight:600;margin-top:.5rem;letter-spacing:.01em}@media (max-width: 860px){.landing-hero{padding:5rem 1.25rem 7rem}.landing-hero__metrics-grid{grid-template-columns:repeat(2,1fr);margin-top:3.5rem}}@media (max-width: 480px){.landing-hero__cta-group{flex-direction:column}.landing-hero__btn-primary,.landing-hero__btn-secondary{width:100%}.landing-hero__metrics-grid{grid-template-columns:1fr}}.landing-features{padding:3rem 1.5rem;background-color:#f8fafc}.landing-features__container{max-width:1280px;margin:0 auto}.landing-features__header{text-align:center;max-width:740px;margin:0 auto 3.5rem}.landing-features__title{font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;color:#0f172a;letter-spacing:-.025em;margin-top:.5rem}.landing-features__desc{font-size:.95rem;color:#64748b;margin-top:.75rem;line-height:1.6}.landing-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.landing-features__card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.65rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 1px 3px #0f172a0a;transition:all .2s ease}.landing-features__card:hover{box-shadow:0 10px 25px -5px #0f172a14;border-color:solid hsla(0,60%,96%,.547);transform:translateY(-2px)}.landing-features__icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-features__card-title{font-family:Manrope,DM Sans,sans-serif;font-size:1.05rem;font-weight:700;color:#0f172a}.landing-features__card-desc{font-size:.85rem;color:#475569;line-height:1.55}@media (max-width: 1024px){.landing-features__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.landing-features{padding:3.5rem 1rem}.landing-features__grid{grid-template-columns:1fr}}.landing-how{padding:3rem 1.5rem;background-color:#f2efe7}.landing-how__container{max-width:1280px;margin:0 auto}.landing-how__header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.landing-how__tag{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#4f46e5}.landing-how__title{font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:800;color:#0f172a;letter-spacing:-.025em;margin-top:.5rem}.landing-how__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.landing-how__card{background:#fff;border-radius:18px;padding:1.75rem;position:relative;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease}.landing-how__card:hover{box-shadow:0 8px 20px #0f172a12;border-color:#e2e8f080;transform:translateY(-2px)}.landing-how__number{font-family:Manrope,DM Sans,sans-serif;font-size:2.5rem;font-weight:900;color:#a5b5f6;line-height:1}.landing-how__step-title{font-family:Manrope,DM Sans,sans-serif;font-size:1.05rem;font-weight:700;color:#0f172a}.landing-how__step-desc{font-size:.82rem;color:#475569;line-height:1.55}@media (max-width: 1024px){.landing-how__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.landing-how{padding:3.5rem 1rem}.landing-how__grid{grid-template-columns:1fr}}.landing-roles{padding:3rem 1.5rem;background-color:#f8fafc}.landing-roles__container{max-width:1280px;margin:0 auto}.landing-roles__header{text-align:center;max-width:740px;margin:0 auto 3.5rem}.landing-roles__tag{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#4f46e5}.landing-roles__title{font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;color:#0f172a;letter-spacing:-.025em;margin-top:.5rem}.landing-roles__desc{font-size:.95rem;color:#64748b;margin-top:.75rem;line-height:1.6}.landing-roles__desc code{background:#e2e8f0;padding:.15rem .4rem;border-radius:6px;font-size:.85em;color:#0f172a}.landing-roles__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.landing-roles__card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 3px #0f172a0a;transition:all .2s ease}.landing-roles__card:hover{box-shadow:0 10px 25px -5px #0f172a14;border-color:#cbd5e1;transform:translateY(-2px)}.landing-roles__icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.box--amber{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.box--indigo{background:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe}.box--emerald{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.landing-roles__role-tag{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.tag--amber{color:#d97706}.tag--indigo{color:#4f46e5}.tag--emerald{color:#059669}.landing-roles__role-title{font-family:Manrope,DM Sans,sans-serif;font-size:1.25rem;font-weight:800;color:#0f172a;margin-top:.25rem}.landing-roles__role-desc{font-size:.82rem;color:#475569;line-height:1.6;margin-top:.5rem}.landing-roles__card-footer{padding-top:1.25rem;border-top:1px solid #f1f5f9;font-size:.75rem;color:#64748b;display:flex;align-items:center;gap:.4rem;margin-top:1.25rem}.landing-roles__route-code{font-family:monospace;font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:6px}.route--amber{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.route--indigo{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.route--emerald{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}@media (max-width: 900px){.landing-roles__grid{grid-template-columns:1fr}}.landing-preview{padding:3rem 1.5rem;background-color:#f2efe7}.landing-preview__container{max-width:1280px;margin:0 auto}.landing-preview__header{text-align:center;max-width:640px;margin:0 auto 2.5rem}.landing-preview__tag{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#4f46e5}.landing-preview__title{font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:800;color:#0f172a;letter-spacing:-.025em;margin-top:.5rem}.landing-preview__tab-wrapper{display:flex;justify-content:center;margin-bottom:2.5rem}.landing-preview__tab-bar{display:inline-flex;padding:.35rem;border-radius:14px;background-color:#f1f5f9;border:1px solid #e2e8f0;gap:.25rem;flex-wrap:wrap;justify-content:center}.landing-preview__tab-btn{padding:.6rem 1.15rem;border-radius:10px;font-size:.8rem;font-weight:700;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.landing-preview__tab-btn:hover{color:#0f172a}.landing-preview__tab-btn.active{background-color:#fff;color:#4f46e5;box-shadow:0 2px 8px #0f172a14}.landing-preview__canvas{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 10px 30px -5px #0f172a14;max-width:980px;margin:0 auto}.landing-preview__canvas-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding-bottom:1.25rem;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.landing-preview__canvas-title{font-family:Manrope,DM Sans,sans-serif;font-size:1.05rem;font-weight:800;color:#0f172a}.landing-preview__canvas-sub{font-size:.75rem;color:#64748b;margin-top:.25rem}.landing-preview__status-badge{font-size:.72rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px}.status--emerald{background-color:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status--blue{background-color:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.status--indigo{background-color:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe}.landing-preview__cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.landing-preview__mini-card{background:#f8fafc;border:1px solid #e8edf5;border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.35rem}.landing-preview__mini-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.landing-preview__mini-val{font-family:Manrope,DM Sans,sans-serif;font-size:1.45rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.landing-preview__mini-sub{font-size:.75rem;font-weight:500}.text--emerald{color:#059669}.text--indigo{color:#4f46e5}.text--amber{color:#d97706}.text--slate{color:#64748b}.text--cyan{color:#0891b2}@media (max-width: 768px){.landing-preview__cards-grid{grid-template-columns:1fr}}.landing-security{padding:3rem 1.5rem;background-color:#f8fafc}.landing-security__container{max-width:1280px;margin:0 auto}.landing-security__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3.5rem;align-items:center}.landing-security__content{display:flex;flex-direction:column;gap:1.25rem}.landing-security__tag{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#4f46e5}.landing-security__title{font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;color:#0f172a;letter-spacing:-.025em;line-height:1.2}.landing-security__desc{font-size:.95rem;color:#475569;line-height:1.65}.landing-security__bullets{display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem}.landing-security__bullet{display:flex;align-items:center;gap:.75rem;font-size:.88rem;color:#334155;font-weight:500}.landing-security__bullet-icon{color:#059669;flex-shrink:0}.landing-security__card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:2.25rem;box-shadow:0 10px 30px -5px #0f172a14;display:flex;flex-direction:column;gap:1.25rem}.landing-security__card-header{display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:800;color:#4f46e5}.landing-security__code-box{background:#0f172a;border:1px solid #1e293b;border-radius:14px;padding:1.25rem 1.5rem;font-family:monospace;font-size:.82rem;color:#f8fafc;display:flex;flex-direction:column;gap:.65rem;box-shadow:inset 0 2px 6px #0003}.code-key--indigo{color:#818cf8;font-weight:700}.code-key--amber{color:#fbbf24;font-weight:700}.code-key--emerald{color:#34d399;font-weight:700}.code-key--cyan{color:#38bdf8;font-weight:700}@media (max-width: 900px){.landing-security__grid{grid-template-columns:1fr;gap:2.5rem}}.landing-pricing{padding:3rem 1.5rem;background-color:#f2efe7}.landing-pricing__container{max-width:1280px;margin:0 auto}.landing-pricing__header{text-align:center;max-width:720px;margin:0 auto 3.5rem}.landing-pricing__tag{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#3f8db4}.landing-pricing__title{font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;color:#0f172a;letter-spacing:-.025em;margin-top:.5rem}.landing-pricing__desc{font-size:.95rem;color:#64748b;margin-top:.75rem;line-height:1.6}.landing-pricing__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.landing-pricing__card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 3px #0f172a0a;transition:all .2s ease}.landing-pricing__card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0f172a14}.landing-pricing__card--featured{border:2px solid #3f8db4;box-shadow:0 8px 24px #3f8db41f}.landing-pricing__card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.landing-pricing__tier-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#3f8db4}.landing-pricing__badge{font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:9999px}.badge--normal{background-color:#f1f5f9;color:#475569}.badge--featured{background-color:#3f8db4;color:#fff}.landing-pricing__plan-name{font-family:Manrope,DM Sans,sans-serif;font-size:1.25rem;font-weight:800;color:#0f172a}.landing-pricing__price-row{display:flex;align-items:baseline;gap:.25rem;margin-top:.5rem}.landing-pricing__price{font-family:Manrope,DM Sans,sans-serif;font-size:1.85rem;font-weight:900;color:#0f172a}.landing-pricing__period{font-size:.75rem;color:#64748b;font-weight:500}.landing-pricing__features{display:flex;flex-direction:column;gap:.65rem;padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid #f1f5f9;list-style:none;padding-left:0}.landing-pricing__feature-item{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#334155;font-weight:500}.landing-pricing__check{color:#059669;flex-shrink:0}.landing-pricing__btn{width:100%;display:flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:10px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s ease;margin-top:1.5rem}.btn--normal{background-color:#f8fafc;border:1px solid #cbd5e1;color:#334155}.btn--normal:hover{background-color:#f1f5f9;border-color:#94a3b8;color:#0f172a}.btn--featured{background-color:#3f8db4;color:#fff;box-shadow:0 4px 12px #4f46e540}.btn--featured:hover{background-color:#337292;box-shadow:0 6px 16px #3f8db459}@media (max-width: 1100px){.landing-pricing__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.landing-pricing__grid{grid-template-columns:1fr}}.landing-cta{padding:3rem 1.5rem;background-color:#f8fafc}.landing-cta__container{max-width:820px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.landing-cta__title{font-family:Manrope,DM Sans,sans-serif;font-size:clamp(1.85rem,3.8vw,2.75rem);font-weight:800;color:#0f172a;letter-spacing:-.025em;line-height:1.2}.landing-cta__desc{font-size:clamp(.95rem,2vw,1.1rem);color:#475569;line-height:1.65;max-width:640px}.landing-cta__btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 2.2rem;border-radius:12px;background:#3f8db4;color:#fff;font-size:.92rem;font-weight:700;text-decoration:none;box-shadow:0 8px 24px #4f46e54d;transition:all .2s ease;margin-top:.75rem}.landing-cta__btn:hover{background:#295c76;transform:translateY(-2px);box-shadow:0 12px 28px #4f46e566}@media (max-width: 600px){.landing-cta{padding:3.5rem 1rem}.landing-cta__btn{width:100%}}.landing-footer{width:100%;padding:2rem 2rem 1rem;background:#f2efe7;color:#64748b;font-size:.875rem;border-top:1px solid #e6ddc7}.landing-footer__container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.landing-footer__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:center}.landing-footer__brand{display:flex;align-items:center;gap:.75rem;margin-bottom:.65rem}.landing-footer__logo-box{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;background:#fff;border:1px solid #e6ddc7}.landing-footer__logo-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.landing-footer__brand-info{display:flex;flex-direction:column}.landing-footer__brand-title{font-family:Manrope,DM Sans,sans-serif;font-size:1.05rem;font-weight:800;color:#0b2e52;letter-spacing:-.02em;line-height:1.2}.landing-footer__brand-sub{margin-top:.2rem;font-size:.7rem;color:#64748b;font-weight:500}.landing-footer__brand-desc{max-width:520px;margin:0;font-size:.82rem;color:#64748b;line-height:1.5}.landing-footer__col{padding-left:2rem;border-left:1px solid #e6ddc7}.landing-footer__col-title{font-family:Manrope,DM Sans,sans-serif;font-size:.9rem;font-weight:700;color:#083059;margin:0 0 .45rem}.landing-footer__contact-text{font-size:.8rem;color:#64748b;line-height:1.4;margin:0 0 .65rem}.landing-footer__contact-info{display:flex;flex-wrap:wrap;gap:.8rem 1.25rem;font-size:.78rem;color:#64748b}.landing-footer__contact-info div{display:flex;align-items:center;gap:.4rem}.landing-footer__bottom{display:flex;align-items:center;justify-content:center;padding-top:.9rem;border-top:1px solid #dcd4c1;font-size:.75rem;color:#64748b}.landing-footer__copy{text-align:center}@media (max-width: 768px){.landing-footer{padding:1.75rem 1.5rem 1rem}.landing-footer__grid{grid-template-columns:1fr;gap:1.5rem}.landing-footer__col{padding-left:0;border-left:none;border-top:1px solid #e6ddc7;padding-top:1.25rem}}@media (max-width: 600px){.landing-footer{padding:1.5rem 1.25rem .9rem}.landing-footer__container{gap:1.25rem}.landing-footer__brand-desc{font-size:.78rem}.landing-footer__contact-info{flex-direction:column;gap:.5rem}}html{scroll-behavior:smooth}.landing-page{min-height:100vh;background-color:#fff;color:#0f172a;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;position:relative}.landing-page section{scroll-margin-top:86px}.landing-page ::-moz-selection{background-color:#4f46e5;color:#fff}.landing-page ::selection{background-color:#4f46e5;color:#fff}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(79,70,229,.09),transparent 70%),#f8fafc;padding:2.5rem 1.25rem;position:relative;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.login-page__nav{width:100%;max-width:480px;margin-bottom:1.25rem}.login-page__back-link{display:inline-flex;align-items:center;gap:.45rem;color:#64748b;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s ease;padding:.4rem .75rem;border-radius:10px}.login-page__back-link:hover{color:#0f172a;background:#e2e8f0}.login-card{width:100%;max-width:480px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 12px 32px -4px #0f172a12,0 4px 12px -2px #0f172a0a;overflow:hidden;display:flex;flex-direction:column}.login-card__header{padding:2.25rem 2rem 1.5rem;text-align:center;border-bottom:1px solid #f1f5f9}.login-card__logo-box{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 8px 18px #4f46e547}.login-card__title{font-family:Manrope,DM Sans,sans-serif;font-size:1.45rem;font-weight:800;color:#0f172a;letter-spacing:-.025em;margin:0 0 .35rem}.login-card__subtitle{font-size:.85rem;color:#64748b;margin:0}.login-form{padding:1.75rem 2rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.login-form__error{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border-radius:12px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;font-size:.82rem;line-height:1.45}.login-form__error-icon{flex-shrink:0;margin-top:1px}.login-form__field{display:flex;flex-direction:column;gap:.45rem}.login-form__label-row{display:flex;justify-content:space-between;align-items:center}.login-form__label{font-size:.8rem;font-weight:700;color:#334155}.login-form__label-hint{font-size:.72rem;color:#94a3b8;font-weight:500}.login-form__input-wrapper{position:relative;display:flex;align-items:center}.login-form__input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.login-form__input{width:100%;height:46px;padding:0 1rem 0 2.65rem;background:#fff;border:1px solid #cbd5e1;border-radius:12px;font-size:.88rem;color:#0f172a;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.login-form__input--password{padding-right:2.75rem}.login-form__input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.login-form__input::-moz-placeholder{color:#94a3b8}.login-form__input::placeholder{color:#94a3b8}.login-form__toggle-password{position:absolute;right:12px;background:transparent;border:none;padding:4px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s ease}.login-form__toggle-password:hover{color:#0f172a}.login-form__btn-submit{height:48px;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#4f46e5;color:#fff;border:none;border-radius:12px;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #4f46e540;margin-top:.25rem}.login-form__btn-submit:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 18px #4f46e559}.login-form__btn-submit:disabled{opacity:.65;cursor:not-allowed}.login-form__role-note{text-align:center;font-size:.75rem;color:#64748b;margin:0;line-height:1.4}.login-demo{margin-top:.5rem;padding:1.15rem;border-radius:14px;background:#f8fafc;border:1px dashed #cbd5e1;display:flex;flex-direction:column;gap:.65rem}.login-demo__header{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;color:#1e293b}.login-demo__list{display:flex;flex-direction:column;gap:.45rem}.login-demo__item{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#fff;border:1px solid #e2e8f0;padding:.6rem .85rem;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#334155;font-size:.75rem;gap:.5rem}.login-demo__item:hover{border-color:#cbd5e1;background:#f1f5f9;transform:translate(2px)}.login-demo__role{display:flex;align-items:center;gap:.4rem;font-weight:600;color:#0f172a}.login-demo__code{font-family:monospace;font-size:.72rem;color:#64748b}.badge--superadmin{background:#fef3c7;color:#b45309}.badge--admin{background:#eef2ff;color:#4338ca}.badge--student{background:#ecfdf5;color:#047857}@media (max-width: 520px){.login-page{padding:1.5rem 1rem}.login-card__header{padding:1.75rem 1.25rem 1.25rem}.login-form{padding:1.25rem 1.25rem 1.5rem}.login-card__title{font-size:1.25rem}.login-demo__item{flex-direction:column;align-items:flex-start;gap:.25rem}}.superadmin-dashboard{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto}.superadmin-dashboard__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem}.superadmin-dashboard__title{font-family:Manrope,DM Sans,sans-serif;font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.025em}.superadmin-dashboard__subtitle{font-size:.875rem;color:#64748b;margin-top:.25rem}.superadmin-dashboard__btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background-color:#4f46e5;color:#fff;border-radius:12px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px #4f46e540}.superadmin-dashboard__btn-primary:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.superadmin-dashboard__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.superadmin-dashboard__kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.35rem;box-shadow:0 1px 3px #0f172a0d;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease}.superadmin-dashboard__kpi-card:hover{box-shadow:0 8px 20px #0f172a12;border-color:#cbd5e1;transform:translateY(-2px)}.superadmin-dashboard__kpi-top{display:flex;align-items:center;justify-content:space-between}.superadmin-dashboard__kpi-label{font-size:.78rem;font-weight:600;color:#64748b}.superadmin-dashboard__kpi-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px #0f172a1a}.icon-emerald{background:linear-gradient(135deg,#059669,#10b981)}.icon-indigo{background:linear-gradient(135deg,#4f46e5,#6366f1)}.icon-purple{background:linear-gradient(135deg,#7c3aed,#a855f7)}.icon-amber{background:linear-gradient(135deg,#d97706,#f59e0b)}.superadmin-dashboard__kpi-val{font-family:Manrope,DM Sans,sans-serif;font-size:1.65rem;font-weight:800;color:#0f172a;letter-spacing:-.025em;line-height:1.2}.superadmin-dashboard__kpi-sub{font-size:.75rem;color:#94a3b8;margin-top:.35rem}.superadmin-dashboard__grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.superadmin-dashboard__card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0f172a0d;display:flex;flex-direction:column;gap:1.25rem}.superadmin-dashboard__card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding-bottom:1rem}.superadmin-dashboard__card-title-row{display:flex;align-items:center;gap:.6rem}.superadmin-dashboard__card-title{font-size:1rem;font-weight:700;color:#0f172a}.superadmin-dashboard__card-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:#4f46e5;text-decoration:none;transition:color .2s ease}.superadmin-dashboard__card-link:hover{color:#4338ca}.superadmin-dashboard__list{display:flex;flex-direction:column;gap:.75rem}.superadmin-dashboard__list-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:#f8fafc;border:1px solid #e8edf5;border-radius:12px;transition:all .2s ease}.superadmin-dashboard__list-item:hover{background:#f1f5f9;border-color:#cbd5e1}.superadmin-dashboard__item-info{display:flex;flex-direction:column;gap:.25rem}.superadmin-dashboard__item-title-row{display:flex;align-items:center;gap:.5rem}.superadmin-dashboard__item-name{font-size:.875rem;font-weight:700;color:#0f172a}.superadmin-dashboard__code-tag{padding:.15rem .45rem;font-size:.65rem;font-weight:700;font-family:monospace;background:#e2e8f0;color:#475569;border-radius:6px}.superadmin-dashboard__item-sub{font-size:.75rem;color:#64748b}.superadmin-dashboard__item-sub strong{color:#4f46e5;font-weight:600}.superadmin-dashboard__item-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.superadmin-dashboard__date{font-size:.7rem;color:#94a3b8}.sa-badge{display:inline-block;font-size:.7rem;font-weight:700;padding:.25rem .65rem;border-radius:8px;letter-spacing:.03em}.sa-badge--active{background-color:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.sa-badge--trial{background-color:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.sa-badge--suspended{background-color:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.sa-badge--paid{background-color:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.sa-badge--pending{background-color:#fffbeb;color:#d97706;border:1px solid #fde68a}.superadmin-dashboard__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.superadmin-dashboard__spinner{width:40px;height:40px;border:4px solid #e0e7ff;border-top:4px solid #4f46e5;border-radius:50%;animation:sa-spin .9s linear infinite}@keyframes sa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.superadmin-dashboard__loader-text{font-size:.85rem;color:#64748b;font-weight:500}.superadmin-dashboard__error{background:#fff1f2;border:1px solid #fecdd3;border-radius:16px;padding:2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:500px;margin:3rem auto}.superadmin-dashboard__error-title{font-size:1rem;font-weight:700;color:#9f1239}.superadmin-dashboard__error-desc{font-size:.85rem;color:#be123c}.superadmin-dashboard__empty-text{font-size:.8rem;color:#94a3b8;padding:2rem 0;text-align:center}@media (max-width: 1200px){.superadmin-dashboard__kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.superadmin-dashboard__grid-2{grid-template-columns:1fr}}@media (max-width: 600px){.superadmin-dashboard__kpis{grid-template-columns:1fr}}.institutes-page{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto}.institutes-page__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem}.institutes-page__title{font-family:Manrope,DM Sans,sans-serif;font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.025em}.institutes-page__subtitle{font-size:.875rem;color:#64748b;margin-top:.25rem}.institutes-page__btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background-color:#4f46e5;color:#fff;border-radius:12px;font-size:.82rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4f46e540}.institutes-page__btn-primary:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.institutes-page__filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem 1.25rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;box-shadow:0 1px 3px #0f172a0a}.institutes-page__search-form{display:flex;align-items:center;gap:.5rem;flex:1}.institutes-page__search-box{position:relative;flex:1}.institutes-page__search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.institutes-page__search-input{width:100%;padding:.6rem .85rem .6rem 2.35rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.82rem;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box}.institutes-page__search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.institutes-page__search-input::-moz-placeholder{color:#94a3b8}.institutes-page__search-input::placeholder{color:#94a3b8}.institutes-page__btn-search{padding:.6rem 1rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;font-size:.8rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s ease}.institutes-page__btn-search:hover{background:#e2e8f0;color:#0f172a}.institutes-page__filter-group{display:flex;align-items:center;gap:.75rem}.institutes-page__select{padding:.6rem .85rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.8rem;color:#334155;font-weight:500;outline:none;cursor:pointer;transition:border-color .2s ease}.institutes-page__select:focus{border-color:#4f46e5}.institutes-page__btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s ease}.institutes-page__btn-icon:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.institutes-page__table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0d}.institutes-page__table-wrapper{overflow-x:auto}.institutes-page__table{width:100%;border-collapse:collapse;text-align:left;font-size:.82rem}.institutes-page__thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.institutes-page__th{padding:.85rem 1.25rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.institutes-page__tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}.institutes-page__tr:hover{background-color:#f8fafc}.institutes-page__td{padding:1rem 1.25rem;color:#334155;vertical-align:middle}.institutes-page__inst-info{display:flex;flex-direction:column;gap:.25rem}.institutes-page__inst-name{font-weight:700;color:#0f172a;font-size:.9rem}.institutes-page__inst-meta{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#64748b}.institutes-page__code-badge{font-family:monospace;font-size:.68rem;font-weight:600;padding:.15rem .45rem;background:#f1f5f9;color:#475569;border-radius:6px}.institutes-page__domain{color:#4f46e5;font-family:monospace}.institutes-page__plan-info{display:flex;flex-direction:column;gap:.25rem}.institutes-page__plan-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:9999px;background:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe}.institutes-page__cycle{font-size:.7rem;color:#94a3b8}.institutes-page__quota-container{display:flex;flex-direction:column;gap:.35rem;width:130px}.institutes-page__quota-numbers{display:flex;justify-content:space-between;font-size:.72rem}.institutes-page__quota-numbers strong{color:#0f172a}.institutes-page__quota-numbers span{color:#94a3b8}.institutes-page__quota-bar{width:100%;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.institutes-page__quota-fill{height:100%;border-radius:999px;transition:width .3s ease}.quota-fill--green{background-color:#10b981}.quota-fill--amber{background-color:#f59e0b}.quota-fill--rose{background-color:#ef4444}.institutes-page__actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.institutes-page__btn-plan{padding:.4rem .8rem;background:#fff;border:1px solid #cbd5e1;color:#4f46e5;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.institutes-page__btn-plan:hover{background:#eef2ff;border-color:#c7d2fe}.institutes-page__btn-suspend{padding:.4rem .8rem;background:#fff1f2;border:1px solid #fecdd3;color:#e11d48;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.institutes-page__btn-suspend:hover{background:#ffe4e6}.institutes-page__btn-activate{padding:.4rem .8rem;background:#ecfdf5;border:1px solid #a7f3d0;color:#059669;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.institutes-page__btn-activate:hover{background:#d1fae5}.institutes-page__modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.institutes-page__modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:580px;padding:1.75rem;box-shadow:0 20px 25px -5px #0f172a26,0 8px 10px -6px #0f172a1a;display:flex;flex-direction:column;gap:1.25rem;margin:2rem auto}.institutes-page__modal--sm{max-width:460px}.institutes-page__modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding-bottom:1rem}.institutes-page__modal-title-row{display:flex;align-items:center;gap:.6rem}.institutes-page__modal-title{font-family:Manrope,DM Sans,sans-serif;font-size:1.15rem;font-weight:800;color:#0f172a}.institutes-page__modal-subtitle{font-size:.75rem;color:#64748b;margin-top:.15rem}.institutes-page__modal-close{background:none;border:none;font-size:1.25rem;color:#94a3b8;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease}.institutes-page__modal-close:hover{color:#0f172a}.institutes-page__modal-error{padding:.75rem 1rem;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;border-radius:10px;font-size:.8rem;display:flex;align-items:center;gap:.5rem}.institutes-page__form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.institutes-page__field{display:flex;flex-direction:column;gap:.35rem}.institutes-page__label{font-size:.75rem;font-weight:600;color:#475569}.institutes-page__input{width:100%;padding:.6rem .8rem;background:#fff;border:1px solid #cbd5e1;border-radius:10px;font-size:.82rem;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box}.institutes-page__input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.institutes-page__summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem;font-size:.8rem;color:#64748b}.institutes-page__summary-row{display:flex;justify-content:space-between;align-items:center}.institutes-page__summary-row strong{color:#0f172a}.institutes-page__modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding-top:1.25rem;border-top:1px solid #f1f5f9}.institutes-page__btn-cancel{padding:.6rem 1.25rem;background:#fff;border:1px solid #cbd5e1;border-radius:10px;font-size:.82rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.institutes-page__btn-cancel:hover{background:#f8fafc;color:#0f172a}.institutes-page__btn-submit{padding:.6rem 1.35rem;background:#4f46e5;color:#fff;border:none;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #4f46e540}.institutes-page__btn-submit:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.institutes-page__btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 900px){.institutes-page__filter-bar{flex-direction:column;align-items:stretch}.institutes-page__filter-group{flex-wrap:wrap}}@media (max-width: 600px){.institutes-page__form-grid-2{grid-template-columns:1fr}}.plans-page{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto}.plans-page__header{display:flex;flex-direction:column;gap:.25rem}.plans-page__title{font-family:Manrope,DM Sans,sans-serif;font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.025em}.plans-page__subtitle{font-size:.875rem;color:#64748b}.plans-page__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;align-items:stretch}.plans-page__card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.65rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:0 1px 3px #0f172a0d;transition:all .2s ease}.plans-page__card:hover{box-shadow:0 10px 25px -5px #0f172a14;border-color:#cbd5e1;transform:translateY(-2px)}.plans-page__card--featured{border:2px solid #4f46e5;box-shadow:0 10px 25px -5px #4f46e526}.plans-page__ribbon{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .85rem;border-radius:9999px;box-shadow:0 4px 10px #4f46e54d}.plans-page__card-top{display:flex;flex-direction:column;gap:1.25rem}.plans-page__tier-row{display:flex;align-items:center;justify-content:space-between}.plans-page__tier-name{font-family:Manrope,DM Sans,sans-serif;font-size:1.2rem;font-weight:800;color:#0f172a}.plans-page__tier-tag{font-size:.65rem;font-weight:800;text-transform:uppercase;padding:.2rem .55rem;border-radius:6px;background:#f1f5f9;color:#475569}.plans-page__tier-desc{font-size:.8rem;color:#64748b;min-height:38px;line-height:1.45;margin-top:.35rem}.plans-page__price-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1rem}.plans-page__price-row{display:flex;align-items:baseline;gap:.25rem}.plans-page__price-amount{font-family:Manrope,DM Sans,sans-serif;font-size:1.65rem;font-weight:800;color:#0f172a}.plans-page__price-period{font-size:.75rem;color:#64748b}.plans-page__annual-note{font-size:.75rem;color:#059669;font-weight:600;margin-top:.25rem}.plans-page__section-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-top:.5rem}.plans-page__quota-list{display:flex;flex-direction:column;gap:.6rem}.plans-page__quota-item{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.plans-page__quota-left{display:flex;align-items:center;gap:.5rem;color:#64748b}.plans-page__quota-val{font-weight:700;color:#0f172a}.plans-page__features-list{display:flex;flex-direction:column;gap:.65rem}.plans-page__feature-item{display:flex;align-items:center;gap:.6rem;font-size:.8rem}.feature--included{color:#1e293b;font-weight:500}.feature--excluded{color:#94a3b8;text-decoration:line-through}.plans-page__card-bottom{padding-top:1.25rem;border-top:1px solid #f1f5f9;margin-top:1.25rem}.plans-page__btn-configure{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;background:#fff;border:1px solid #cbd5e1;border-radius:10px;font-size:.8rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s ease}.plans-page__btn-configure:hover{background:#f8fafc;border-color:#4f46e5;color:#4f46e5}.plans-page__checkboxes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem}.plans-page__checkbox-label{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:#334155;cursor:pointer}.plans-page__checkbox{width:16px;height:16px;border-radius:4px;accent-color:#4f46e5;cursor:pointer}@media (max-width: 1200px){.plans-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 650px){.plans-page__grid{grid-template-columns:1fr}}.billing-page{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto}.billing-page__header{display:flex;flex-direction:column;gap:.25rem}.billing-page__title{font-family:Manrope,DM Sans,sans-serif;font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.025em}.billing-page__subtitle{font-size:.875rem;color:#64748b}.billing-page__stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.billing-page__stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.35rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 1px 3px #0f172a0d;transition:all .2s ease}.billing-page__stat-card:hover{box-shadow:0 8px 20px #0f172a12;border-color:#cbd5e1;transform:translateY(-2px)}.billing-page__stat-label{font-size:.78rem;font-weight:600;color:#64748b}.billing-page__stat-val{font-family:Manrope,DM Sans,sans-serif;font-size:1.65rem;font-weight:800;color:#0f172a;letter-spacing:-.025em;line-height:1.2}.val--emerald{color:#059669}.val--amber{color:#d97706}.billing-page__stat-sub{font-size:.75rem;color:#94a3b8}.billing-page__filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:.85rem 1.25rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0f172a0a}.billing-page__filter-select{padding:.6rem .85rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.8rem;color:#334155;font-weight:500;outline:none;cursor:pointer;transition:border-color .2s ease}.billing-page__filter-select:focus{border-color:#4f46e5}.billing-page__btn-refresh{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s ease}.billing-page__btn-refresh:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.billing-page__table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0d}.billing-page__inv-number{font-family:monospace;font-weight:700;font-size:.85rem;color:#4f46e5}.billing-page__tenant-name{font-weight:700;color:#0f172a;font-size:.85rem}.billing-page__tenant-code{font-family:monospace;font-size:.72rem;color:#64748b}.billing-page__tax-sub{font-size:.7rem;color:#94a3b8;display:block}.billing-page__total-amount{font-family:Manrope,DM Sans,sans-serif;font-weight:800;font-size:.9rem;color:#0f172a}.billing-page__btn-pay{padding:.45rem .95rem;background:#ecfdf5;border:1px solid #a7f3d0;color:#059669;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.billing-page__btn-pay:hover{background:#d1fae5}.billing-page__paid-text{font-size:.75rem;color:#64748b;font-weight:500}@media (max-width: 900px){.billing-page__stats-grid{grid-template-columns:1fr}}.student-timetable{display:flex;flex-direction:column;gap:1.5rem}.student-timetable__header h1{margin-bottom:.25rem;font-size:1.5rem}.student-timetable__header p{color:var(--color-text-muted);font-size:.875rem}.student-timetable__day-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.student-timetable__day-button{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:var(--color-surface);border:none;border-radius:var(--radius-md);color:var(--color-text-main);font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease}.student-timetable__day-button--today{background:#eff6ff;color:var(--color-primary);font-weight:700}.student-timetable__day-button--selected{background:var(--color-primary);color:#fff;font-weight:700;box-shadow:var(--shadow-sm)}.student-timetable__today-badge{padding:.1rem .4rem;background:#dbeafe;border-radius:999px;color:var(--color-primary);font-size:.65rem}.student-timetable__day-button--selected .student-timetable__today-badge{background:#ffffff40;color:#fff}.student-timetable__schedule-title{display:flex;align-items:center;gap:.5rem}.student-timetable__schedule-title h2{font-size:1.1rem}.student-timetable__calendar-icon{color:var(--color-primary)}.student-timetable__empty{padding:3rem 1rem;color:var(--color-text-muted);text-align:center}.student-timetable__empty svg{margin-bottom:.75rem;color:#cbd5e1}.student-timetable__empty div{color:var(--color-text-main);font-size:1.05rem;font-weight:600}.student-timetable__empty p{margin-top:.25rem;font-size:.85rem}.student-timetable__slots{display:flex;flex-direction:column;gap:1rem}.student-timetable__slot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);flex-wrap:wrap}.student-timetable__slot-main{display:flex;align-items:center;gap:1.25rem}.student-timetable__time-box{display:flex;flex-direction:column;align-items:center;min-width:110px;padding:.75rem 1rem;background:#eff6ff;border-radius:10px;color:var(--color-primary);text-align:center}.student-timetable__time-box span{color:#60a5fa;font-size:.75rem;text-transform:uppercase}.student-timetable__time-box strong{font-size:.95rem}.student-timetable__class-info h3{margin-bottom:.25rem;color:var(--color-text-main);font-size:1.1rem;font-weight:700}.student-timetable__class-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;color:var(--color-text-muted);font-size:.85rem}.student-timetable__class-meta div{display:flex;align-items:center;gap:.3rem}.student-timetable__offline-status{display:flex;align-items:center;gap:.4rem;color:#059669;font-size:.85rem;font-weight:600}@media (max-width: 768px){.student-timetable__slot-main{align-items:flex-start;flex-direction:column}.student-timetable__time-box{align-items:flex-start;width:100%}.student-timetable__slot-action{width:100%}.student-timetable__slot-action .btn{justify-content:center;width:100%}}.student-materials{display:flex;flex-direction:column;gap:1.5rem}.student-materials__header h1{margin-bottom:.25rem;font-size:1.5rem}.student-materials__header p{color:var(--color-text-muted);font-size:.875rem}.student-materials__filters-card{padding:1rem 1.25rem}.student-materials__filters{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.student-materials__search{position:relative;flex:1;min-width:260px}.student-materials__search-icon{position:absolute;top:50%;left:12px;color:var(--color-text-muted);transform:translateY(-50%)}.student-materials__search input{width:100%;padding:.6rem 1rem .6rem 2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;outline:none}.student-materials__search input:focus{border-color:var(--color-primary)}.student-materials__type-filters{display:flex;gap:.4rem;flex-wrap:wrap}.student-materials__filter-button{padding:.45rem .85rem;font-size:.8rem}.student-materials__list{display:flex;flex-direction:column;gap:1rem}.student-materials__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;flex-wrap:wrap}.student-materials__content{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:280px}.student-materials__icon-box{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:#f1f5f9;border-radius:10px}.student-materials__file-icon--pdf{color:#ef4444}.student-materials__file-icon--video{color:#3b82f6}.student-materials__file-icon--link{color:#10b981}.student-materials__file-icon--default{color:#64748b}.student-materials__badges{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.student-materials__details h3{margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.student-materials__description{color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.student-materials__meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;color:var(--color-text-muted);font-size:.75rem}.student-materials__action{padding:.5rem 1rem;font-size:.85rem}@media (max-width: 768px){.student-materials__search{min-width:100%}.student-materials__item{align-items:stretch}.student-materials__action{justify-content:center;width:100%}}.student-tests{display:flex;flex-direction:column;gap:1.5rem}.student-tests__header h1{margin-bottom:.25rem;font-size:1.5rem}.student-tests__header p{color:var(--color-text-muted);font-size:.875rem}.student-tests__list{display:flex;flex-direction:column;gap:1.25rem}.student-tests__item{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem;flex-wrap:wrap}.student-tests__content{display:flex;align-items:flex-start;gap:1.25rem;flex:1;min-width:300px}.student-tests__icon-box{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;background:#eff6ff;color:var(--color-primary);border-radius:12px}.student-tests__icon-box--completed{background:#ecfdf5;color:#059669}.student-tests__badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.4rem}.student-tests__status-badge{display:inline-flex;align-items:center;gap:.25rem}.student-tests__details h2{margin-bottom:.35rem;font-size:1.2rem;font-weight:700}.student-tests__description{margin-bottom:.75rem;color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.student-tests__info{display:flex;gap:1.25rem;flex-wrap:wrap;color:var(--color-text-muted);font-size:.8rem}.student-tests__info div{display:flex;align-items:center;gap:.3rem}.student-tests__action{padding:.75rem 1.5rem;font-size:.9rem}@media (max-width: 768px){.student-tests__item{align-items:stretch}.student-tests__content{min-width:100%}.student-tests__action{justify-content:center;width:100%}}.student-results{display:flex;flex-direction:column;gap:1.5rem}.student-results__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.student-results__header h1{margin-bottom:.25rem;font-size:1.5rem}.student-results__header p{color:var(--color-text-muted);font-size:.875rem}.student-results__back-button{gap:.4rem;font-size:.85rem}.student-results__scorecard{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.student-results__official-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;margin-bottom:.75rem;background:#ffffff26;border-radius:999px;color:#fff;font-size:.8rem}.student-results__scorecard-info h2{margin-bottom:.5rem;color:#fff;font-size:1.4rem}.student-results__student-info{display:flex;gap:1.25rem;flex-wrap:wrap;color:#dbeafe;font-size:.85rem}.student-results__student-info strong{margin-left:.25rem;color:#fff}.student-results__scorecard-stats{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.student-results__highlight-card{padding:1rem 1.25rem;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.student-results__highlight-label{color:#bfdbfe;font-size:.75rem;text-transform:uppercase}.student-results__highlight-value{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:.2rem;color:#fff;font-size:1.75rem;font-weight:800}.student-results__highlight-value svg{color:#fbbf24}.student-results__total-marks{color:#93c5fd;font-size:.9rem}.student-results__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.student-results__metric{padding:1.25rem}.student-results__metric-label{margin-bottom:.25rem;color:var(--color-text-muted);font-size:.8rem;font-weight:600}.student-results__metric-value{font-size:1.75rem;font-weight:800}.student-results__metric-value--primary{color:var(--color-primary)}.student-results__metric-value--purple{color:#8b5cf6}.student-results__metric-value--success{color:var(--color-success)}.student-results__metric-value--danger{color:var(--color-danger)}.student-results__metric-description{margin-top:.25rem;color:var(--color-text-muted);font-size:.75rem}.student-results__metric-description--success{color:var(--color-success)}.student-results__metric-description--danger{color:#dc2626}.student-results__review-title{display:flex;align-items:center;gap:.5rem}.student-results__review-title svg{color:var(--color-primary)}.student-results__review-title h3{font-size:1.1rem}.student-results__questions{display:flex;flex-direction:column;gap:1.25rem}.student-results__question{padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md)}.student-results__question-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.student-results__answer-status{display:inline-flex;align-items:center;gap:.25rem}.student-results__question-text{margin-bottom:1rem;color:var(--color-text-main);font-size:.95rem;font-weight:600}.student-results__options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.student-results__option{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .85rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem}.student-results__option--correct{background:#dcfce7;border-color:#86efac}.student-results__option--wrong{background:#fee2e2;border-color:#fca5a5}.student-results__option-status{flex-shrink:0;font-size:.75rem;font-weight:700}.student-results__option-status--correct{color:#15803d}.student-results__option-status--wrong{color:#b91c1c}.student-results__explanation{padding:.75rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:.85rem}.student-results__explanation strong{color:#1e40af}.student-results__explanation p{margin-top:.25rem;color:#1e3a8a;line-height:1.5}@media (max-width: 1024px){.student-results__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.student-results__scorecard{grid-template-columns:1fr}.student-results__scorecard-stats{justify-content:flex-start}}@media (max-width: 640px){.student-results__metrics{grid-template-columns:1fr}.student-results__scorecard{padding:1.25rem}.student-results__scorecard-stats{width:100%;flex-direction:column}.student-results__highlight-card{width:100%}.student-results__option{align-items:flex-start;flex-direction:column}.student-results__back-button{justify-content:center;width:100%}}.student-notifications{display:flex;flex-direction:column;gap:1.5rem}.student-notifications__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.student-notifications__header h1{margin-bottom:.25rem;font-size:1.5rem}.student-notifications__header p{color:var(--color-text-muted);font-size:.875rem}.student-notifications__mark-all{gap:.4rem;font-size:.85rem}.student-notifications__filters-card{padding:.75rem 1rem}.student-notifications__filters{display:flex;gap:.5rem;flex-wrap:wrap}.student-notifications__filter-button{padding:.4rem .85rem;font-size:.8rem}.student-notifications__list{display:flex;flex-direction:column;gap:1rem}.student-notifications__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;flex-wrap:wrap}.student-notifications__item--read{background:var(--color-surface);border-left:1px solid var(--color-border)}.student-notifications__item--unread{background:#f8fafc;border-left:4px solid var(--color-primary)}.student-notifications__content{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:280px}.student-notifications__icon-box{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:#f1f5f9;border-radius:12px}.student-notifications__icon--test{color:#3b82f6}.student-notifications__icon--result{color:#8b5cf6}.student-notifications__icon--fee{color:#10b981}.student-notifications__icon--timetable{color:#f59e0b}.student-notifications__icon--default{color:#6366f1}.student-notifications__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.student-notifications__new-badge{font-size:.65rem}.student-notifications__date{color:var(--color-text-muted);font-size:.75rem}.student-notifications__details h3{margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.student-notifications__details p{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.student-notifications__actions{display:flex;align-items:center;gap:.75rem}.student-notifications__details-button{gap:.3rem;padding:.45rem .85rem;font-size:.8rem}.student-notifications__read-button{padding:.45rem .75rem;font-size:.8rem}@media (max-width: 768px){.student-notifications__actions{width:100%}.student-notifications__details-button{flex:1;justify-content:center}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.left-3{left:.75rem}.top-0{top:0}.top-1\/2{top:50%}.z-40{z-index:40}.z-50{z-index:50}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-1\.5{margin-left:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-48{max-height:12rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[640px\]{min-width:640px}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg, 16px)}.rounded-md{border-radius:var(--radius-md, 10px)}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-indigo-100{--tw-border-opacity: 1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.border-indigo-500\/40{border-color:#6366f166}.border-indigo-600{--tw-border-opacity: 1;border-color:rgb(79 70 229 / var(--tw-border-opacity, 1))}.border-rose-200{--tw-border-opacity: 1;border-color:rgb(254 205 211 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-300{--tw-bg-opacity: 1;background-color:rgb(110 231 183 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-50\/60{background-color:#f9fafb99}.bg-gray-50\/70{background-color:#f9fafbb3}.bg-gray-50\/80{background-color:#f9fafbcc}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-50\/30{background-color:#eef2ff4d}.bg-indigo-50\/40{background-color:#eef2ff66}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-indigo-700\/50{background-color:#4338ca80}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-indigo-50\/40{--tw-gradient-to: rgb(238 242 255 / .4) var(--tw-gradient-to-position)}.to-indigo-800{--tw-gradient-to: #3730a3 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,system-ui,-apple-system,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-indigo-100{--tw-text-opacity: 1;color:rgb(224 231 255 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-rose-800{--tw-text-opacity: 1;color:rgb(159 18 57 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.accent-indigo-600{accent-color:#4f46e5}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-emerald-100{--tw-shadow-color: #d1fae5;--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-100{--tw-shadow-color: #e0e7ff;--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-200{--tw-shadow-color: #c7d2fe;--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #eff6ff;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text-main: #0f172a;--color-text-muted: #64748b;--color-sidebar: #0f172a;--color-sidebar-text: #94a3b8;--color-sidebar-active: #3b82f6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--color-bg)}.page-body{flex:1;padding:1.5rem 2rem 3rem;max-width:1400px;width:100%;margin:0 auto}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--color-text-main);letter-spacing:-.02em}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#dcfce7;color:#15803d}.badge-primary{background:#dbeafe;color:#1d4ed8}.badge-warning{background:#fef3c7;color:#b45309}.badge-danger{background:#fee2e2;color:#b91c1c}.badge-gray{background:#f1f5f9;color:#475569}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{background:transparent;border-color:var(--color-border);color:var(--color-text-main)}.btn-outline:hover{background:#f1f5f9}.btn-danger{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.btn-danger:hover{background:#fecaca}.grid-cols-1{display:grid;grid-template-columns:1fr;gap:1.5rem}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.page-body{padding:1rem}}@media (max-width: 640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.table-container{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th{background:#f8fafc;padding:.75rem 1rem;font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.data-table td{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9}.data-table tr:hover td{background-color:#f8fafc}.hover\:border-gray-200:hover{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50\/60:hover{background-color:#f9fafb99}.hover\:bg-indigo-100:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.hover\:text-emerald-700:hover{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-indigo-600:hover{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.hover\:text-indigo-800:hover{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.hover\:text-rose-600:hover{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.hover\:text-rose-700:hover{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-80{width:20rem}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}