:root{--bg:#07111f;--bg2:#0a1728;--panel:#0d1c30;--panel2:#10243d;--line:#213955;--text:#ecf4ff;--muted:#8fa6bf;--accent:#5b8cff;--accent2:#7d5cff;--cyan:#35c7d7;--good:#38d39f;--warn:#f7bd5b;--danger:#ff6b7a;--shadow:0 18px 60px rgba(0,0,0,.25);--radius:18px;--sidebar:264px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:linear-gradient(140deg,#07111f 0%,#081625 58%,#09192d 100%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:rgba(6,16,29,.96);border-right:1px solid #162a42;padding:18px 14px;z-index:50;overflow-y:auto;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 20px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 8px 25px rgba(91,140,255,.3)}.brand span:last-child{display:flex;flex-direction:column}.brand b{font-size:15px}.brand small{color:var(--muted);font-size:11px;margin-top:2px}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#b8c9dc;font-size:13px;transition:.18s}.nav-item:hover{background:#10243b;color:white;transform:translateX(2px)}.nav-label{color:#58718d;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:18px 12px 6px}.main-wrap{margin-left:var(--sidebar);min-height:100vh}.topbar{height:74px;border-bottom:1px solid rgba(43,68,96,.55);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;background:rgba(7,17,31,.82);backdrop-filter:blur(18px);z-index:30}.crumb{display:flex;flex-direction:column;gap:3px}.crumb span{color:var(--muted);font-size:11px}.crumb b{font-size:14px}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#0d1b2e;color:#dcecff;display:grid;place-items:center;cursor:pointer;position:relative}.icon-btn:hover{border-color:#42658c}.dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--danger);top:7px;right:7px}.user-chip{display:flex;align-items:center;gap:9px;padding:4px 9px 4px 4px}.user-chip>span:last-child{display:flex;flex-direction:column}.user-chip b{font-size:12px}.user-chip small{font-size:10px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#18304d;color:#cfe1ff;font-weight:800}.content{padding:28px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font-size:28px;margin:4px 0 5px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted);font-size:13px;max-width:760px;line-height:1.55}.eyebrow{font-size:9px;letter-spacing:.18em;color:#77a6ff;font-weight:800}.btn{border:1px solid var(--line);padding:10px 15px;border-radius:12px;background:#10243a;color:#ecf5ff;cursor:pointer;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{border:0;background:linear-gradient(135deg,#4f82ff,#755bff);box-shadow:0 10px 28px rgba(79,130,255,.25)}.btn.secondary,.btn.glass{background:rgba(17,38,61,.65)}.btn.full{width:100%}.btn.tiny{padding:6px 10px;font-size:11px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi-grid.compact{margin-bottom:20px}.kpi{background:linear-gradient(145deg,rgba(17,39,64,.88),rgba(10,26,45,.92));border:1px solid #1d3652;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);min-height:118px}.kpi span{display:block;color:#9bb0c6;font-size:11px}.kpi strong{display:block;font-size:30px;margin:10px 0 5px;letter-spacing:-.04em}.kpi small{color:#64809c;font-size:10px}.alert-kpi{border-color:#5b3944}.panel{background:linear-gradient(150deg,rgba(14,31,52,.95),rgba(9,24,41,.96));border:1px solid #1c3551;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);min-width:0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h3,.panel h3{margin:0;font-size:14px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.text-link{color:#83aaff;font-size:11px}.table-wrap{overflow:auto;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#6f88a4;padding:11px;border-bottom:1px solid #1b334e}td{padding:12px 11px;border-bottom:1px solid rgba(29,52,78,.62);font-size:11px;color:#c7d7e9}td b{display:block;color:#edf6ff;font-size:11px}td small{display:block;color:#69849e;margin-top:3px}.status-pill{display:inline-flex;align-items:center;border:1px solid rgba(66,211,159,.25);background:rgba(56,211,159,.08);color:#6be2b6;border-radius:99px;padding:4px 8px;font-size:9px;text-transform:capitalize}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.search-box{display:flex;align-items:center;gap:8px;background:#09182a;border:1px solid #1f3a58;border-radius:12px;padding:0 12px;min-width:280px}.search-box input{width:100%;background:transparent;border:0;outline:0;color:#e8f4ff;padding:10px 0;font-size:11px}.toolbar-note{font-size:10px;color:var(--muted)}.segmented{display:flex;background:#09182a;border:1px solid #1f3a58;border-radius:11px;padding:3px}.segmented button{border:0;background:transparent;color:#8099b3;padding:6px 10px;border-radius:8px;font-size:10px}.segmented .active{background:#183351;color:#fff}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;background:linear-gradient(145deg,#0f2239,#0b1a2d);border:1px solid #1e3856;border-radius:16px;padding:16px}.module-card.disabled{opacity:.55}.module-icon{width:42px;height:42px;border-radius:13px;background:#173252;display:grid;place-items:center;color:#81aaff}.module-cat{font-size:8px;text-transform:uppercase;color:#6685a5;letter-spacing:.12em}.module-card h3{margin:4px 0 6px;font-size:13px}.module-card p{margin:0;color:#8ca4bc;font-size:10px;line-height:1.45}.meta-row{display:flex;gap:10px;margin-top:11px;color:#607c99;font-size:9px}.chart{width:100%;height:210px;display:block}.chart.large{height:260px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid a{background:#102844;border:1px solid #244563;border-radius:12px;padding:14px;font-size:11px;color:#cfe4fa}.activity-list{display:flex;flex-direction:column}.activity{display:flex;gap:10px;padding:10px 2px;border-bottom:1px solid rgba(31,56,84,.6)}.activity-dot{width:8px;height:8px;border-radius:50%;background:#5b8cff;margin-top:4px}.activity b{font-size:10px}.activity p{font-size:9px;color:#718ca7;margin:3px 0 0}.date-chip{padding:9px 12px;border:1px solid #25415e;border-radius:11px;color:#9eb3c8;font-size:10px}.module-workspace{display:grid;grid-template-columns:2fr 1fr;gap:16px}.workspace-list{display:flex;flex-direction:column}.workspace-list a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:12px}.workspace-list a:hover{background:#102843}.workspace-list span{color:#6e9cff}.workspace-list b{font-size:10px}.workspace-list small{display:block;color:#67839f;font-size:9px;margin-top:2px}.workspace-list em{font-style:normal;color:#587594}.filter-row{display:flex;gap:8px}.filter-row select{background:#0d1f35;border:1px solid #24415f;color:#cfe0f1;padding:9px;border-radius:10px;font-size:10px}.heatmap{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.heat-cell{aspect-ratio:1;border-radius:8px;border:1px solid rgba(255,255,255,.03)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-list{display:flex;flex-direction:column;margin-top:12px}.settings-list a{display:flex;justify-content:space-between;padding:13px 4px;border-bottom:1px solid #1b334e;font-size:11px}.settings-list em{font-style:normal;color:#6c8aaa}.modal{position:fixed;inset:0;background:rgba(2,9,17,.72);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:18px}.modal[hidden]{display:none}.modal-card{width:min(620px,100%);max-height:90vh;overflow:auto;background:#0b1c30;border:1px solid #294663;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.45);padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.modal-head h3{margin:4px 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.auth-form label{display:flex;flex-direction:column;gap:6px;color:#8fa8c0;font-size:10px}.form-grid input,.form-grid select,.form-grid textarea,.auth-form input{background:#081728;border:1px solid #24415f;color:#edf6ff;border-radius:11px;padding:11px 12px;outline:0}.form-grid input:focus,.auth-form input:focus{border-color:#5688ff;box-shadow:0 0 0 3px rgba(86,136,255,.1)}.form-grid .span-2{grid-column:span 2}.overlay{position:fixed;inset:0;background:rgba(4,12,23,.78);z-index:200;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.overlay[hidden]{display:none}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid #23415f;border-top-color:#70a0ff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;right:18px;top:86px;z-index:220;display:flex;flex-direction:column;gap:8px}.toast{min-width:260px;max-width:360px;background:#10243a;border:1px solid #2a4b6d;border-radius:13px;padding:12px 14px;box-shadow:var(--shadow);font-size:11px;animation:toastin .2s ease}.toast.success{border-color:#2f725d}.toast.error{border-color:#743c48}@keyframes toastin{from{transform:translateY(-8px);opacity:0}}.hero{min-height:54vh;display:grid;place-items:center;padding:80px 24px;background:radial-gradient(circle at 50% 0,#173868 0,transparent 36%),linear-gradient(135deg,#07111f,#0a1a31)}.hero-inner{max-width:900px;text-align:center}.hero h1{font-size:clamp(38px,6vw,74px);line-height:.98;letter-spacing:-.055em;margin:14px 0}.hero p{max-width:650px;margin:0 auto;color:#9cb1c8;font-size:15px;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}.directory-section{padding:42px max(24px,6vw) 70px;max-width:1500px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-head h2{font-size:28px;margin:4px 0}.school-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.school-card{background:linear-gradient(145deg,#0e2138,#0a192b);border:1px solid #1e3856;border-radius:20px;padding:18px;min-height:240px;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:.2s}.school-card:hover{transform:translateY(-3px);border-color:#355b84}.school-logo{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#214f88,#493f9d);font-weight:900;letter-spacing:.05em}.school-body{margin-top:15px;flex:1}.school-body h3{font-size:16px;margin:9px 0 4px}.school-body p,.school-body small{color:#7893ae;font-size:10px;margin:0}.card-link{border-top:1px solid #1b3551;padding-top:13px;display:flex;justify-content:space-between;font-size:11px;color:#90b2ff}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-panel{padding:clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:space-between}.brand-panel{background:radial-gradient(circle at 20% 15%,#1c4b8d 0,transparent 38%),linear-gradient(150deg,#0a1930,#08111f)}.brand-panel h1{font-size:clamp(34px,5vw,66px);letter-spacing:-.05em;line-height:1;margin:12px 0}.brand-panel p{color:#a1b6cc;line-height:1.65;max-width:630px}.mini-stats{display:flex;gap:40px}.mini-stats div{display:flex;flex-direction:column}.mini-stats b{font-size:22px}.mini-stats small{color:#7890a9;font-size:9px}.form-panel{background:#081321;justify-content:center}.auth-form{width:min(420px,100%);margin:auto}.auth-form h2{font-size:30px;margin:6px 0}.auth-form>p{color:var(--muted);font-size:12px;margin-bottom:25px}.auth-form label{margin-bottom:14px}.muted-link{display:block;text-align:center;color:#7893ae;font-size:10px;margin-top:16px}.alert{padding:11px;border-radius:11px;margin:12px 0;font-size:10px}.alert.danger{background:rgba(255,107,122,.08);border:1px solid rgba(255,107,122,.3);color:#ff9ba6}.alert.success{background:rgba(56,211,159,.08);border:1px solid rgba(56,211,159,.3);color:#7ae7bf}.setup-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 0,#153c70,transparent 35%)}.setup-card{width:min(680px,100%);background:#0a1b2f;border:1px solid #24415f;border-radius:22px;padding:25px;box-shadow:var(--shadow)}.setup-card h1{margin:7px 0}.setup-card>p{color:#8fa6bf;font-size:11px;line-height:1.5}.setup-card code{color:#a9c3ff}.school-hero{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 15%,#19477f 0,transparent 34%),linear-gradient(150deg,#07111f,#091b31)}.school-hero-card{text-align:center;max-width:720px}.school-emblem{width:96px;height:96px;margin:0 auto 20px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#4f82ff,#775cff);font-size:25px;font-weight:900;box-shadow:0 20px 60px rgba(79,130,255,.3)}.school-hero h1{font-size:clamp(38px,6vw,72px);letter-spacing:-.05em;margin:10px 0}.school-hero p{color:#9cb2c9}.error-page{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.error-page>b{font-size:90px;line-height:1;color:#315d8c}.error-page h1{font-size:32px;margin:10px 0}.error-page p{color:#829bb5}.error-page .btn{margin:10px auto}.empty-state{text-align:center;padding:40px;color:#7890aa}.empty-state.compact{padding:20px}.mobile-only{display:none}
@media(max-width:1100px){.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.module-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.school-grid{grid-template-columns:1fr 1fr}.module-workspace{grid-template-columns:1fr}.module-workspace .span-2{grid-column:auto}}
@media(max-width:760px){:root{--sidebar:270px}.sidebar{transform:translateX(-102%);transition:.22s}.sidebar.open{transform:translateX(0);box-shadow:30px 0 80px rgba(0,0,0,.5)}.main-wrap{margin-left:0}.mobile-only{display:grid}.topbar{padding:0 14px;height:64px}.user-chip>span:last-child{display:none}.content{padding:18px 14px}.page-head{align-items:flex-start;flex-direction:column}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px;min-height:105px}.kpi strong{font-size:24px}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.dashboard-grid .span-2{grid-column:auto}.module-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:0}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.filter-row{width:100%;overflow:auto}.auth-page{grid-template-columns:1fr}.brand-panel{min-height:44vh}.mini-stats{gap:20px}.school-grid{grid-template-columns:1fr}.section-head{align-items:stretch;flex-direction:column;gap:15px}.hero{min-height:48vh}.hero-actions{flex-wrap:wrap}.chart.large{height:220px}}
.switch{display:flex;align-items:center;gap:8px;font-size:12px;color:#8da4bb}.switch input{accent-color:#5b8cff}.form-grid label small{display:block;color:#7088a0;margin-top:5px;font-size:11px}.module-card .btn{align-self:center}