@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{--navy:#0b2a54;--muted:#718399;--surface:#f7f9fc;color:#1a3048;background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--surface);min-width:320px;min-height:100%;transition:background-color .18s,color .18s}body{min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #4c95ef}::selection{color:#fff;background:#1d6fda}:root[data-theme=dark]{--navy:#eaf3ff;--muted:#8fa3bb;--surface:#08111d;color:#d8e5f4}.login-shell{background:var(--surface);grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);min-height:100svh;display:grid}.brand-panel{isolation:isolate;color:#fff;background:radial-gradient(circle at 92% 10%,#358fff3d,#0000 29%),linear-gradient(145deg,#071c3e 0%,#0b2b5b 58%,#0c3775 100%);flex-direction:column;min-height:100svh;padding:48px clamp(40px,6vw,96px);display:flex;position:relative;overflow:hidden}.brand-lockup,.mobile-brand{letter-spacing:-.8px;align-items:center;gap:0;font-size:25px;font-weight:700;line-height:1;display:inline-flex}.brand-name{color:#fff;letter-spacing:1.1px;font-size:18px;font-weight:700}.brand-name span{color:#ff8500}.brand-mark{flex:none;place-items:center;width:48px;height:48px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-copy{width:min(540px,100%);margin:auto 0;padding:88px 0}.eyebrow{color:#76b8ff;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:700;display:block}.brand-copy h1{color:#fff;letter-spacing:-3.8px;max-width:520px;margin:0;font-size:clamp(46px,4.6vw,72px);font-weight:700;line-height:1.01}.brand-copy>p{color:#b8c9de;max-width:500px;margin:28px 0 42px;font-size:17px;line-height:1.75}.feature-list{gap:23px;display:grid}.feature-item{align-items:center;gap:16px;display:flex}.feature-item strong,.feature-item div>span{display:block}.feature-item strong{margin-bottom:4px;font-size:14px}.feature-item div>span{color:#8fa8c6;font-size:13px}.feature-icon{color:#7dc0ff;background:#307edc1c;border:1px solid #7bbbff2b;border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.feature-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px}.panel-footer{color:#6686aa;letter-spacing:.6px;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.panel-footer span{margin:0 7px}.grid-pattern{z-index:-1;opacity:.08;background-image:linear-gradient(#ffffff8c 1px,#0000 1px),linear-gradient(90deg,#ffffff8c 1px,#0000 1px);background-size:38px 38px;width:520px;height:520px;position:absolute;inset:auto -110px -150px auto;transform:rotate(15deg);-webkit-mask-image:radial-gradient(circle,#000 5%,#0000 69%);mask-image:radial-gradient(circle,#000 5%,#0000 69%)}.orb{z-index:-1;pointer-events:none;border-radius:999px;position:absolute}.orb-one{border:1px solid #5baaff2e;width:320px;height:320px;top:37%;right:-170px}.orb-two{border:1px solid #5baaff26;width:180px;height:180px;top:46%;right:-72px}.form-panel{background:radial-gradient(circle at 75% 0,#2671e20e,#0000 30%),#f7f9fc;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:46px clamp(30px,7vw,120px) 28px;display:flex;position:relative}.mobile-brand{color:var(--navy);align-self:flex-start;display:none}.mobile-brand .brand-name{color:var(--navy)}.login-card{width:min(440px,100%);margin:auto 0}.form-heading{margin-bottom:35px}.access-badge{color:#56718e;letter-spacing:1.2px;text-transform:uppercase;background:#fff;border:1px solid #dce6f2;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-bottom:24px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #1d41660a}.access-badge span{background:#1b72e8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #1b72e81a}.form-heading h2,.success-state h2{color:var(--navy);letter-spacing:-1.5px;margin:0 0 10px;font-size:36px;font-weight:700;line-height:1.12}.form-heading p,.success-state p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}form>label{color:#263d56;margin:0 0 9px;font-size:12px;font-weight:700;display:block}.input-wrap+label{margin-top:21px}.input-wrap{position:relative}.input-wrap>svg{fill:none;stroke:#8193a7;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-wrap input{color:#162c45;background:#fff;border:1px solid #d8e1eb;border-radius:10px;outline:none;width:100%;height:51px;padding:0 45px;font-size:14px;transition:border-color .16s,box-shadow .16s}.input-wrap input::placeholder{color:#a5b1bf}.input-wrap input:focus{border-color:#2b79df;box-shadow:0 0 0 4px #2b79df1a}.password-toggle{color:#8193a7;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:5px;right:5px}.password-toggle:hover{color:#245ea7;background:#f4f7fa}.password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:19px}.form-options{justify-content:space-between;align-items:flex-start;gap:20px;margin:17px 0 27px;display:flex}.remember-option{color:#576b81;cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.remember-option input{accent-color:#176ee1;width:15px;height:15px;margin:0}.support-copy{color:#7b8ca0;text-align:right;max-width:190px;font-size:11px;line-height:1.4}.error-message{color:#a62d2d;background:#fff5f5;border:1px solid #f2c7c7;border-radius:8px;margin:-9px 0 18px;padding:11px 13px;font-size:12px;line-height:1.5}.submit-button,.success-state button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d3974,#0b2c5b);border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s;display:flex;box-shadow:0 13px 24px #0a2d5d2b}.submit-button:hover:not(:disabled),.success-state button:hover{transform:translateY(-1px);box-shadow:0 16px 28px #0a2d5d3b}.submit-button:disabled{opacity:.7;cursor:wait}.submit-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px}.security-note{color:#8a99a9;justify-content:center;align-items:center;gap:8px;margin-top:26px;font-size:10.5px;display:flex}.security-note svg{fill:none;stroke:#7b91a9;stroke-width:1.8px;width:13px}.legal-copy{color:#9aa8b7;letter-spacing:.2px;margin:40px 0 0;font-size:10px}.success-state{text-align:center;padding:42px 0}.success-state .eyebrow{margin-top:24px}.success-state p{margin-bottom:28px}.success-icon{color:#fff;background:linear-gradient(145deg,#23875d,#126744);border-radius:20px;place-items:center;width:66px;height:66px;margin:0 auto;display:grid;box-shadow:0 14px 30px #12674438}.success-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:32px}@media (width<=920px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:auto;padding:28px 30px}.brand-copy,.panel-footer,.orb,.grid-pattern{display:none}.form-panel{min-height:calc(100svh - 98px);padding:50px 28px 26px}}@media (width<=560px){.brand-panel{display:none}.form-panel{justify-content:flex-start;min-height:100svh;padding:25px 22px 20px}.mobile-brand{margin-bottom:58px;font-size:22px;display:inline-flex}.mobile-brand .brand-mark{width:42px;height:42px}.login-card{margin:0}.form-heading h2,.success-state h2{font-size:32px}.form-options{align-items:center}.support-copy{max-width:150px}.legal-copy{margin-top:auto;padding-top:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.dashboard-shell{color:#172b43;background:#f4f7fb;min-height:100svh;display:flex}.dashboard-sidebar{z-index:40;color:#dce9fa;background:linear-gradient(#071d3d 0%,#092b59 100%);flex-direction:column;width:252px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 30px #0a224414}.sidebar-brand{align-items:center;gap:0;height:56px;padding:0 9px;display:flex}.sidebar-brand .brand-mark{width:43px;height:43px}.sidebar-brand .brand-name{font-size:16px}.dashboard-sidebar nav{gap:5px;margin-top:31px;display:grid}.nav-label{color:#6082aa;letter-spacing:1.5px;text-transform:uppercase;padding:0 14px 8px;font-size:9px;font-weight:700}.nav-label.secondary{margin-top:20px}.dashboard-sidebar nav button{color:#9db3cd;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;height:43px;padding:0 13px;font-size:12.5px;font-weight:600;transition:color .15s,background .15s;display:flex}.dashboard-sidebar nav button:hover{color:#fff;background:#ffffff0e}.dashboard-sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#2579e357,#1f68cc2b);box-shadow:inset 3px 0 #3d94ff}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:19px;height:19px}.sidebar-user{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding:14px 10px 0;display:flex}.user-avatar,.topbar-avatar{color:#fff;background:linear-gradient(145deg,#2078df,#1354a4);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.user-avatar{width:34px;height:34px}.sidebar-user>div{flex:1;min-width:0}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user strong{color:#fff;font-size:11px}.sidebar-user div span{color:#718eaf;margin-top:3px;font-size:9px}.sidebar-user button{color:#7691b0;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.sidebar-user button:hover{color:#fff;background:#ffffff14}.sidebar-user svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px}.dashboard-main{width:calc(100% - 252px);min-height:100svh;margin-left:252px}.dashboard-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e6ebf1;align-items:center;height:69px;padding:0 clamp(24px,3.2vw,48px);display:flex}.dashboard-topbar>div:first-of-type{gap:3px;display:grid}.dashboard-topbar>div:first-of-type span{color:#91a0b1;letter-spacing:1.2px;text-transform:uppercase;font-size:9px;font-weight:700}.dashboard-topbar>div:first-of-type strong{color:#18314e;font-size:14px}.menu-toggle{display:none}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-actions button{color:#718399;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.topbar-actions button:hover{color:#175fb9;background:#f1f5fa}.topbar-actions svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px}.theme-toggle{color:#718399;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:35px;height:35px;transition:color .15s,background .15s,border-color .15s;display:grid}.theme-toggle:hover{color:#175fb9;background:#f1f5fa}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px}.login-theme-toggle{z-index:2;background:#fffc;border-color:#dce6f2;position:absolute;top:28px;right:30px;box-shadow:0 5px 18px #1937580f}.topbar-avatar{width:34px;height:34px;margin-left:7px}.dashboard-content{width:min(1450px,100%);margin:0 auto;padding:35px clamp(24px,3.2vw,48px) 55px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-heading p{color:#2575d3;letter-spacing:1.45px;text-transform:uppercase;margin:0 0 8px;font-size:9px;font-weight:700}.page-heading h1{color:#102b4b;letter-spacing:-1.2px;margin:0 0 7px;font-size:clamp(25px,2.6vw,34px);line-height:1.15}.page-heading>div>span{color:#718399;font-size:12px}.live-badge{color:#65809c;background:#fff;border:1px solid #dfe8f2;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:9.5px;font-weight:600;display:flex;box-shadow:0 4px 16px #193b5f0a}.live-badge span{background:#27a66f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #27a66f1a}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.metric-card{background:#fff;border:1px solid #e4eaf1;border-radius:13px;align-items:flex-start;gap:15px;min-height:128px;padding:20px;display:flex;box-shadow:0 7px 22px #1937580b}.metric-icon{border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.metric-icon.blue{color:#2879da;background:#eaf3ff}.metric-icon.orange{color:#dd7a12;background:#fff3e4}.metric-icon.teal{color:#168879;background:#e7f8f5}.metric-icon.purple{color:#7056c7;background:#f0edfc}.metric-card>div:last-child{min-width:0;display:grid}.metric-card span{color:#8291a3;text-transform:uppercase;letter-spacing:.6px;margin:1px 0 8px;font-size:10px;font-weight:600}.metric-card strong{color:#142e4b;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(21px,2vw,28px);overflow:hidden}.metric-card small{color:#8392a3;margin-top:8px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:17px;margin-top:17px;display:grid}.data-card,.quick-actions,.section-placeholder{background:#fff;border:1px solid #e4eaf1;border-radius:13px;box-shadow:0 7px 22px #1937580a}.card-heading{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:73px;padding:18px 20px;display:flex}.card-heading h2,.quick-actions h2{color:#17314e;margin:0 0 4px;font-size:13px}.card-heading p,.quick-actions p{color:#8b99a8;margin:0;font-size:10px}.card-heading button{color:#2771c8;cursor:pointer;background:#eef5fd;border:0;border-radius:7px;padding:7px 10px;font-size:9.5px;font-weight:700}.school-row{border-bottom:1px solid #f0f3f6;grid-template-columns:38px minmax(150px,1fr) 67px 58px 58px;align-items:center;gap:11px;min-height:68px;padding:11px 20px;display:grid}.school-row:last-child{border-bottom:0}.school-avatar{color:#276fc1;background:#eaf3fd;border-radius:9px;place-items:center;width:36px;height:36px;font-size:10px;font-weight:700;display:grid}.school-main{min-width:0}.school-main strong,.school-main span,.school-count strong,.school-count span{display:block}.school-main strong{color:#263d57;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.school-main span{color:#8b99a8;margin-top:5px;font-size:9px}.school-count{text-align:center}.school-count strong{color:#30475f;font-size:11px}.school-count span{color:#9aa6b3;margin-top:3px;font-size:8px}.status-pill{color:#21825d;text-align:center;background:#e8f7f1;border-radius:999px;padding:5px 8px;font-size:8.5px;font-weight:700}.activity-list{padding:9px 19px 16px}.activity-row{border-bottom:1px solid #f0f3f6;padding:11px 0 11px 19px;position:relative}.activity-row:last-child{border:0}.activity-dot{background:#3382de;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:16px;left:1px;box-shadow:0 0 0 2px #dceafe}.activity-row strong{color:#30465f;font-size:10px}.activity-row p{color:#66798e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 5px;font-size:9.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.activity-row div>span{color:#a0abb7;font-size:8.5px}.empty-copy{color:#8b99a8;text-align:center;padding:20px;font-size:11px}.quick-actions{grid-template-columns:minmax(180px,1fr) repeat(3,minmax(160px,.72fr));align-items:center;gap:12px;margin-top:17px;padding:18px 20px;display:grid}.quick-actions button{color:#2d6fb9;text-align:left;cursor:pointer;background:#fbfcfe;border:1px solid #e5ebf2;border-radius:9px;align-items:center;gap:10px;min-height:55px;padding:10px 13px;display:flex}.quick-actions button:hover{background:#f5f9fe;border-color:#cbdcef}.quick-actions button span{gap:4px;display:grid}.quick-actions button strong{color:#334a63;font-size:10px}.quick-actions button small{color:#8d9aa8;font-size:8.5px}.dashboard-state{color:#718399;justify-content:center;align-items:center;gap:12px;min-height:360px;font-size:12px;display:flex}.loader{border:2px solid #d9e5f2;border-top-color:#2475d4;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-skeleton{pointer-events:none}.skeleton-nav{gap:13px;padding:28px 15px;display:grid}.skeleton-nav span{background:#77a4d81f;border-radius:8px;width:100%;height:36px}.skeleton-user{border-top:1px solid #95b5db1a;align-items:center;gap:11px;margin-top:auto;padding:17px;display:flex}.skeleton-user i,.skeleton-avatar{background:#77a4d829;border-radius:50%;width:34px;height:34px;display:block}.skeleton-user div{flex:1;gap:7px;display:grid}.skeleton-user span,.skeleton-user small{background:#77a4d826;border-radius:5px;height:8px}.skeleton-user small{width:55%}.skeleton-avatar{background:#e3eaf2;margin-left:auto}.skeleton-heading{gap:10px;width:min(390px,80%);margin-bottom:28px;display:grid}.skeleton-heading span,.skeleton-heading b,.skeleton-heading small,.skeleton-card i,.skeleton-card span,.skeleton-card b,.skeleton-card small,.skeleton-title,.skeleton-panel>i{background:#e7edf4;border-radius:7px;animation:1.35s ease-in-out infinite skeleton-pulse;display:block}.skeleton-heading span{width:105px;height:8px}.skeleton-heading b{width:270px;height:29px}.skeleton-heading small{width:350px;max-width:100%;height:10px}.skeleton-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.skeleton-card{background:#fff;border:1px solid #e4eaf1;border-radius:13px;gap:15px;min-height:128px;padding:20px;display:flex}.skeleton-card>i{flex:none;width:39px;height:39px}.skeleton-card>div{flex:1;align-content:start;gap:10px;display:grid}.skeleton-card span{width:55%;height:8px}.skeleton-card b{width:75%;height:24px}.skeleton-card small{width:90%;height:8px}.skeleton-panels{grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:17px;margin-top:17px;display:grid}.skeleton-panel{background:#fff;border:1px solid #e4eaf1;border-radius:13px;align-content:start;gap:17px;min-height:315px;padding:20px;display:grid}.skeleton-title{width:42%;height:13px;margin-bottom:10px}.skeleton-panel>i{height:43px}.skeleton-panel.compact>i{height:38px}@keyframes skeleton-pulse{0%,to{opacity:.52}50%{opacity:1}}.error-panel{flex-direction:column}.error-panel strong{color:#a23434;font-size:15px}.error-panel button,.section-placeholder button{color:#fff;cursor:pointer;background:#123e78;border:0;border-radius:8px;margin-top:8px;padding:9px 14px}.section-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:50px;display:flex}.placeholder-icon{color:#2878d8;background:#eaf3fd;border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.placeholder-icon .nav-icon{width:27px;height:27px}.section-kicker{letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:#2575d3!important;margin:20px 0 7px!important;font-size:9px!important}.section-placeholder h2{color:#163251;margin:0 0 10px;font-size:24px}.section-placeholder>p:not(.section-kicker){color:#76879a;max-width:510px;margin:0;font-size:12px;line-height:1.7}.sidebar-backdrop{display:none}.schools-directory{background:#fff;border:1px solid #e4eaf1;border-radius:13px;overflow:hidden;box-shadow:0 7px 22px #1937580a}.schools-toolbar{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:19px 21px;display:flex}.schools-toolbar h2{color:#17314e;margin:0 0 5px;font-size:15px}.schools-toolbar p{color:#8b99a8;margin:0;font-size:10.5px}.add-school-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#176dcc,#0e4f9b);border:0;border-radius:9px;align-items:center;gap:8px;min-height:39px;padding:0 15px;font-size:10.5px;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #176dcc2e}.add-school-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #176dcc3d}.add-school-button span{font-size:18px;font-weight:400;line-height:1}.schools-notice{color:#34658f;background:#f0f7ff;border:1px solid #cfe1f6;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;margin:16px 20px 0;padding:10px 12px;font-size:10.5px;display:flex}.schools-notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.school-search-wrap{align-items:center;margin:18px 20px;display:flex;position:relative}.school-search-wrap svg{fill:none;stroke:#8091a5;stroke-width:1.8px;stroke-linecap:round;width:17px;position:absolute;left:13px}.school-search-wrap input{color:#263d57;background:#fbfcfe;border:1px solid #dde5ee;border-radius:9px;outline:none;width:min(520px,100%);height:42px;padding:0 42px;font-size:11px}.school-search-wrap input:focus{border-color:#4b8fdf;box-shadow:0 0 0 3px #2b79df17}.school-search-wrap>span{color:#8a99aa;margin-left:auto;font-size:10px}.schools-table-wrap{overflow-x:auto}.schools-table{border-collapse:collapse;width:100%}.schools-table th{color:#8392a3;letter-spacing:.8px;text-align:left;text-transform:uppercase;background:#f8fafc;padding:11px 18px;font-size:8.5px;font-weight:700}.schools-table td{color:#42576d;vertical-align:middle;border-top:1px solid #edf1f5;min-height:70px;padding:13px 18px;font-size:10.5px}.directory-school{align-items:center;gap:11px;min-width:230px;display:flex}.directory-school>div,.administrator-cell{gap:4px;display:grid}.directory-school strong,.administrator-cell strong{color:#263d57;font-size:11px}.directory-school div span,.administrator-cell span{color:#8b99a8;font-size:9px}.administrator-cell{min-width:180px}.status-pill.inactive{color:#a55b32;background:#fff0e7}.active-student-count{color:#16825d;font-size:11px}.school-actions-cell{text-align:right;width:1%}.school-actions{color:#496078;min-width:94px;height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce5ee;border-radius:8px;outline:none;padding:0 28px 0 11px;font-weight:700}.school-actions:hover,.school-actions:focus{border-color:#4b8fdf;box-shadow:0 0 0 3px #2b79df14}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0412259e;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.school-modal{background:#fff;border:1px solid #dfe7f0;border-radius:15px;width:min(620px,100%);max-height:calc(100svh - 48px);overflow-y:auto;box-shadow:0 24px 70px #05183040}.modal-heading{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.modal-heading span{color:#337cc9;letter-spacing:1.1px;text-transform:uppercase;font-size:8.5px;font-weight:800}.modal-heading h2{color:#193551;margin:5px 0 0;font-size:17px}.modal-heading>button{color:#718399;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;width:32px;height:32px;font-size:21px}.modal-error{color:#a63d3d;background:#fff4f4;border:1px solid #f2c5c5;border-radius:8px;margin:16px 22px 0;padding:10px 12px;font-size:10px}.school-edit-form{grid-template-columns:1fr 1fr;gap:15px;padding:20px 22px 22px;display:grid}.school-edit-form label,.delete-school-body label{color:#40576f;gap:7px;font-size:10px;font-weight:700;display:grid}.school-edit-form .wide{grid-column:1/-1}.school-edit-form input:not([type=checkbox]),.school-edit-form select,.delete-school-body input{color:#213b55;width:100%;height:40px;font:inherit;background:#fbfcfe;border:1px solid #dbe4ed;border-radius:8px;outline:none;padding:0 12px}.school-edit-form input:focus,.school-edit-form select:focus,.delete-school-body input:focus{border-color:#4b8fdf;box-shadow:0 0 0 3px #2b79df14}.invitation-copy{color:#496782;background:#f0f7ff;border-radius:8px;margin:0;padding:11px 12px;font-size:10.5px;line-height:1.55}.optional-label{color:#8b99a8;text-transform:uppercase;margin-left:5px;font-size:8px;font-weight:500}.active-toggle{flex-direction:row;align-items:center;grid-template-columns:none!important;gap:9px!important;display:flex!important}.active-toggle input{accent-color:#176dcc}.modal-actions{justify-content:flex-end;gap:9px;margin-top:4px;display:flex}.modal-actions button{cursor:pointer;border-radius:8px;min-height:38px;padding:0 15px;font-size:10px;font-weight:700}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{color:#50657b;background:#fff;border:1px solid #d8e1eb}.primary-button{color:#fff;background:#115ba9;border:0}.danger-button{color:#fff;background:#bd3838;border:0}.delete-school-body{padding:21px 22px 23px}.delete-school-body>p{color:#687b8e;margin:0 0 20px;font-size:11px;line-height:1.65}.delete-school-body label strong{color:#b13434}.delete-school-body .modal-actions{margin-top:20px}.schools-empty{color:#8495a7;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:240px;display:flex}.schools-empty .nav-icon{color:#4f8ed7;width:28px;height:28px;margin-bottom:5px}.schools-empty strong{color:#405970;font-size:12px}.schools-empty span{font-size:10px}.invitation-queue{border-top:1px solid #e7edf3}.invitation-queue-heading{background:#fbfcfe;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.invitation-queue-heading h3{color:#17314e;margin:0 0 4px;font-size:13px}.invitation-queue-heading p{color:#8898a9;margin:0;font-size:9.5px}.invitation-queue-heading>span{color:#7e90a3;font-size:9px;font-weight:700}.invitation-row{border-top:1px solid #edf1f5;grid-template-columns:minmax(190px,1fr) 72px 105px minmax(230px,1.2fr);align-items:center;gap:13px;min-height:67px;padding:11px 20px;display:grid}.invitation-person{gap:4px;min-width:0;display:grid}.invitation-person strong{color:#2a415a;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.invitation-person span,.invitation-date{color:#8998a8;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.invite-role{color:#54708c;font-size:9px;font-weight:700}.onboarding-status{color:#87641c;text-transform:capitalize;background:#fff5d9;border-radius:999px;width:fit-content;padding:5px 7px;font-size:8px;font-weight:800}.onboarding-status.completed{color:#21825d;background:#e8f7f1}.onboarding-status.expired,.onboarding-status.revoked{color:#98504d;background:#fbeceb}.website-release{gap:7px;display:flex}.website-release input{color:#263e57;background:#fff;border:1px solid #dbe4ed;border-radius:7px;outline:none;flex:1;min-width:0;height:34px;padding:0 10px;font-size:9px}.website-release input:focus{border-color:#4b8fdf}.website-release button{color:#fff;cursor:pointer;white-space:nowrap;background:#1765b6;border:0;border-radius:7px;min-height:34px;padding:0 10px;font-size:8.5px;font-weight:800}.website-release button:disabled{opacity:.45;cursor:not-allowed}.school-website-link{color:#2474ca;font-size:9px;font-weight:700;text-decoration:none}.invitation-empty{color:#8998a8;text-align:center;border-top:1px solid #edf1f5;padding:28px 20px;font-size:10px}@media (width<=1120px){.metrics-grid,.skeleton-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.skeleton-panels{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}.quick-actions>div{grid-column:1/-1}}@media (width<=800px){.dashboard-sidebar{transition:transform .2s;transform:translate(-105%)}.dashboard-sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:35;background:#0413277a;border:0;display:block;position:fixed;inset:0}.dashboard-main{width:100%;margin-left:0}.menu-toggle{color:#47627f;background:#f1f5f9;border:0;border-radius:8px;place-items:center;width:36px;height:36px;margin-right:12px;display:grid}.menu-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:19px}.invitation-row{grid-template-columns:minmax(160px,1fr) 95px}.invite-role{display:none}.website-release,.school-website-link,.invitation-date{grid-column:1/-1}}@media (width<=600px){.dashboard-topbar{padding:0 17px}.topbar-actions button{display:none}.topbar-actions .theme-toggle{display:grid}.dashboard-content{padding:25px 17px 40px}.page-heading{align-items:flex-start}.live-badge{display:none}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:125px;padding:15px;display:block}.metric-icon{width:34px;height:34px;margin-bottom:10px}.metric-card span{margin-bottom:5px}.metric-card strong{font-size:19px}.metric-card small{display:none}.skeleton-metrics{grid-template-columns:1fr 1fr;gap:10px}.skeleton-card{min-height:125px;padding:15px}.skeleton-panels{grid-template-columns:1fr}.skeleton-panel.compact{display:none}.school-row{grid-template-columns:36px minmax(0,1fr) 54px;padding-inline:14px}.school-count:nth-of-type(2),.status-pill{display:none}.quick-actions{grid-template-columns:1fr}.quick-actions>div{grid-column:auto}.section-placeholder{min-height:370px;padding:30px 20px}.schools-toolbar{align-items:flex-start}.schools-toolbar>div{min-width:0}.add-school-button{white-space:nowrap;padding-inline:11px}.school-search-wrap{flex-wrap:wrap;gap:10px}.school-search-wrap input{width:100%}.school-search-wrap>span{margin-left:0}.schools-table th:nth-child(2),.schools-table td:nth-child(2),.schools-table th:nth-child(3),.schools-table td:nth-child(3),.schools-table th:nth-child(6),.schools-table td:nth-child(6){display:none}.schools-table th,.schools-table td{padding-inline:14px}.directory-school{min-width:190px}.modal-backdrop{padding:12px}.school-edit-form{grid-template-columns:1fr}.school-edit-form .wide{grid-column:auto}}:root[data-theme=dark] .form-panel{background:radial-gradient(circle at 75% 0,#2a70d21f,#0000 32%),#091321}:root[data-theme=dark] .mobile-brand .brand-name,:root[data-theme=dark] .form-heading h2,:root[data-theme=dark] .success-state h2{color:#edf5ff}:root[data-theme=dark] .form-heading p,:root[data-theme=dark] .success-state p,:root[data-theme=dark] .remember-option,:root[data-theme=dark] .support-copy,:root[data-theme=dark] .security-note,:root[data-theme=dark] .legal-copy{color:#8fa3bb}:root[data-theme=dark] form>label{color:#c6d5e7}:root[data-theme=dark] .access-badge,:root[data-theme=dark] .login-theme-toggle{color:#a9bdd4;box-shadow:none;background:#101e2f;border-color:#25384f}:root[data-theme=dark] .input-wrap input{color:#edf5ff;background:#0e1c2c;border-color:#273b53}:root[data-theme=dark] .input-wrap input::placeholder{color:#667a92}:root[data-theme=dark] .password-toggle:hover,:root[data-theme=dark] .theme-toggle:hover{color:#77b5ff;background:#172a40}:root[data-theme=dark] .error-message{color:#ffb4b4;background:#2c171e;border-color:#68393f}:root[data-theme=dark] .dashboard-shell{color:#d8e5f4;background:#08111d}:root[data-theme=dark] .dashboard-sidebar{background:linear-gradient(#050d18 0%,#081c35 100%);box-shadow:8px 0 30px #00000038}:root[data-theme=dark] .dashboard-topbar{background:#091321f0;border-color:#1c2c40}:root[data-theme=dark] .dashboard-topbar>div:first-of-type span{color:#687e97}:root[data-theme=dark] .dashboard-topbar>div:first-of-type strong,:root[data-theme=dark] .page-heading h1{color:#eaf3ff}:root[data-theme=dark] .topbar-actions button,:root[data-theme=dark] .theme-toggle{color:#8ea2ba}:root[data-theme=dark] .topbar-actions button:hover{color:#79b8ff;background:#132338}:root[data-theme=dark] .page-heading>div>span{color:#8295aa}:root[data-theme=dark] .live-badge{color:#92a8c0;box-shadow:none;background:#0e1b2b;border-color:#23364d}:root[data-theme=dark] .metric-card,:root[data-theme=dark] .data-card,:root[data-theme=dark] .quick-actions,:root[data-theme=dark] .section-placeholder,:root[data-theme=dark] .schools-directory{background:#0d1928;border-color:#1d3046;box-shadow:0 8px 25px #00000029}:root[data-theme=dark] .metric-card span,:root[data-theme=dark] .metric-card small,:root[data-theme=dark] .card-heading p,:root[data-theme=dark] .quick-actions p,:root[data-theme=dark] .school-main span,:root[data-theme=dark] .school-count span,:root[data-theme=dark] .activity-row div>span,:root[data-theme=dark] .empty-copy,:root[data-theme=dark] .section-placeholder>p:not(.section-kicker),:root[data-theme=dark] .dashboard-state{color:#788da5}:root[data-theme=dark] .metric-card strong,:root[data-theme=dark] .card-heading h2,:root[data-theme=dark] .quick-actions h2,:root[data-theme=dark] .school-main strong,:root[data-theme=dark] .school-count strong,:root[data-theme=dark] .activity-row strong,:root[data-theme=dark] .section-placeholder h2{color:#dce9f8}:root[data-theme=dark] .card-heading,:root[data-theme=dark] .school-row,:root[data-theme=dark] .activity-row{border-color:#1b2b3f}:root[data-theme=dark] .card-heading button{color:#77b5ff;background:#142b46}:root[data-theme=dark] .school-avatar,:root[data-theme=dark] .placeholder-icon{color:#75b7ff;background:#142c47}:root[data-theme=dark] .status-pill{color:#72ddb1;background:#102d25}:root[data-theme=dark] .activity-dot{border-color:#0d1928;box-shadow:0 0 0 2px #173b63}:root[data-theme=dark] .quick-actions button{color:#73b4ff;background:#101e2f;border-color:#22354b}:root[data-theme=dark] .quick-actions button:hover{background:#14263b;border-color:#31547a}:root[data-theme=dark] .quick-actions button strong{color:#cedced}:root[data-theme=dark] .quick-actions button small{color:#778ba2}:root[data-theme=dark] .loader{border-color:#64aaff #263a52 #263a52}:root[data-theme=dark] .skeleton-avatar,:root[data-theme=dark] .skeleton-heading span,:root[data-theme=dark] .skeleton-heading b,:root[data-theme=dark] .skeleton-heading small,:root[data-theme=dark] .skeleton-card i,:root[data-theme=dark] .skeleton-card span,:root[data-theme=dark] .skeleton-card b,:root[data-theme=dark] .skeleton-card small,:root[data-theme=dark] .skeleton-title,:root[data-theme=dark] .skeleton-panel>i{background:#1d3046}:root[data-theme=dark] .skeleton-card,:root[data-theme=dark] .skeleton-panel{background:#101e2f;border-color:#22354b}:root[data-theme=dark] .menu-toggle{color:#9bb0c7;background:#14253a}:root[data-theme=dark] .schools-toolbar,:root[data-theme=dark] .schools-table td{border-color:#1b2b3f}:root[data-theme=dark] .schools-toolbar h2,:root[data-theme=dark] .directory-school strong,:root[data-theme=dark] .administrator-cell strong,:root[data-theme=dark] .schools-empty strong{color:#dce9f8}:root[data-theme=dark] .schools-toolbar p,:root[data-theme=dark] .directory-school div span,:root[data-theme=dark] .administrator-cell span,:root[data-theme=dark] .school-search-wrap>span{color:#788da5}:root[data-theme=dark] .school-search-wrap input{color:#e7f0fb;background:#101e2f;border-color:#273b53}:root[data-theme=dark] .schools-table th{color:#788da5;background:#101e2f}:root[data-theme=dark] .schools-table td{color:#a8b9ca}:root[data-theme=dark] .school-actions{color:#b8c9da;background:#132338;border-color:#2a4059}:root[data-theme=dark] .school-modal{background:#0e1b2b;border-color:#263a51}:root[data-theme=dark] .modal-heading{border-color:#213249}:root[data-theme=dark] .modal-heading h2{color:#e0ebf8}:root[data-theme=dark] .modal-heading>button{color:#9db0c4;background:#17283c}:root[data-theme=dark] .school-edit-form label,:root[data-theme=dark] .delete-school-body label{color:#b7c7d8}:root[data-theme=dark] .school-edit-form input:not([type=checkbox]),:root[data-theme=dark] .school-edit-form select,:root[data-theme=dark] .delete-school-body input{color:#e2edf8;background:#132338;border-color:#2a4059}:root[data-theme=dark] .invitation-copy{color:#9bc6ef;background:#112a42}:root[data-theme=dark] .delete-school-body>p{color:#8fa2b6}:root[data-theme=dark] .secondary-button{color:#b8c8d8;background:#142438;border-color:#2c4056}:root[data-theme=dark] .modal-error{color:#faa;background:#321b21;border-color:#63373b}:root[data-theme=dark] .schools-notice{color:#9dccff;background:#10263b;border-color:#274663}:root[data-theme=dark] .status-pill.inactive{color:#ffb184;background:#352116}:root[data-theme=dark] .active-student-count{color:#72ddb1}:root[data-theme=dark] .invitation-queue,:root[data-theme=dark] .invitation-row,:root[data-theme=dark] .invitation-empty{border-color:#1b2b3f}:root[data-theme=dark] .invitation-queue-heading{background:#101e2f}:root[data-theme=dark] .invitation-queue-heading h3,:root[data-theme=dark] .invitation-person strong{color:#dce9f8}:root[data-theme=dark] .invitation-queue-heading p,:root[data-theme=dark] .invitation-person span,:root[data-theme=dark] .invitation-date{color:#788da5}:root[data-theme=dark] .invite-role{color:#9cb2c9}:root[data-theme=dark] .website-release input{color:#e2edf8;background:#132338;border-color:#2a4059}
