:root{--c-background: #f6f5fb;--c-surface: #ffffff;--c-surface-alt: #efedf8;--c-primary: #8e9bde;--c-primary-soft: #dee3f7;--c-accent: #f4b9c2;--c-text-primary: #2b2b3a;--c-text-secondary: #6b6b82;--c-text-muted: #9a9ab0;--c-success: #9fd8b4;--c-success-soft: #e1f4e8;--c-success-text: #2e7d52;--c-danger: #f2a7a6;--c-danger-soft: #fbe3e2;--c-danger-text: #b23a48;--c-border: #e7e4f1;--fs-title: 26px;--fs-subtitle: 18px;--fs-body: 14px;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--grad-primary: linear-gradient(135deg, color-mix(in srgb, var(--c-primary), white 6%), color-mix(in srgb, var(--c-primary), black 12%));--grad-page: linear-gradient(180deg, var(--c-background), color-mix(in srgb, var(--c-primary-soft), transparent 62%) 45%, var(--c-background));--shadow-soft: 0 18px 40px color-mix(in srgb, var(--c-primary), transparent 88%), 0 2px 6px rgba(20, 20, 50, .03);--shadow-glow: 0 12px 26px color-mix(in srgb, var(--c-primary), transparent 60%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--fs-body);color:var(--c-text-primary);background:var(--c-background);-webkit-font-smoothing:antialiased}h1{font-size:var(--fs-title);font-weight:800;margin:0;letter-spacing:-.5px}h2{font-size:var(--fs-subtitle);font-weight:700;margin:0;letter-spacing:-.2px}.muted{color:var(--c-text-secondary)}.dim{color:var(--c-text-muted)}a{color:var(--c-primary);text-decoration:none}.card{background:var(--c-surface);border:1px solid color-mix(in srgb,var(--c-border),transparent 20%);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:20px}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;background:var(--grad-primary);color:#fff;border:none;border-radius:var(--r-md);padding:12px 20px;font-size:var(--fs-body);font-weight:700;cursor:pointer;box-shadow:var(--shadow-glow);transition:transform .12s ease,filter .12s ease}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.btn.secondary{background:var(--c-surface-alt);color:var(--c-text-primary);box-shadow:none}.btn.ghost{background:transparent;color:var(--c-text-primary);border:1px solid var(--c-border);box-shadow:none}.btn.sm{padding:8px 14px;font-size:13px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{color:var(--c-text-secondary);font-size:var(--fs-body);padding-left:4px}.input{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:13px 15px;font-size:var(--fs-body);color:var(--c-text-primary);outline:none;width:100%;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--c-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-primary),transparent 85%)}.shell{display:grid;grid-template-columns:250px 1fr;height:100%}.sidebar{background:color-mix(in srgb,var(--c-surface),transparent 8%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid var(--c-border);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 20px}.brand .logo{width:46px;height:46px;border-radius:15px;background:var(--grad-primary);box-shadow:var(--shadow-glow);display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);color:var(--c-text-secondary);cursor:pointer;font-weight:600;transition:background .12s,color .12s}.nav-item:hover{background:var(--c-surface-alt)}.nav-item.active{background:color-mix(in srgb,var(--c-primary),transparent 84%);color:var(--c-primary)}.content{padding:30px 34px;overflow:auto}.page-head{margin-bottom:22px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.icon-chip{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px}.stat .v{font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1;margin:12px 0 4px}.stat .l{color:var(--c-text-secondary)}.school-row{display:flex;align-items:center;gap:14px;border-radius:var(--r-lg);padding:15px;border:1px solid color-mix(in srgb,var(--c-border),transparent 20%);background:var(--c-surface);box-shadow:var(--shadow-soft);margin-bottom:12px;transition:transform .1s ease}.school-row:hover{transform:translateY(-1px)}.pill{padding:6px 12px;border-radius:999px;font-weight:700;font-size:12px;white-space:nowrap}.pill.ok{background:color-mix(in srgb,var(--c-success-text),transparent 86%);color:var(--c-success-text)}.pill.no{background:color-mix(in srgb,var(--c-danger-text),transparent 86%);color:var(--c-danger-text)}.row{display:flex;align-items:center;gap:12px}.spacer{flex:1}.toast{padding:12px;border-radius:var(--r-sm);background:var(--c-danger-soft);color:var(--c-danger-text)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--c-border)}.table th{color:var(--c-text-secondary);font-weight:600;font-size:13px}.table tr:hover td{background:color-mix(in srgb,var(--c-primary-soft),transparent 70%)}.swatch{width:30px;height:30px;border-radius:9px;border:1px solid var(--c-border);cursor:pointer}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--c-success-text);box-shadow:0 0 color-mix(in srgb,var(--c-success-text),transparent 40%);animation:pulse 2s infinite}.live-dot.off{background:var(--c-text-muted);animation:none}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--c-success-text),transparent 40%)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.ring{position:relative;width:128px;height:128px}.ring .label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.ring .label .big{font-size:30px;font-weight:800;letter-spacing:-1px}.toast-stack{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-soft);padding:12px 14px;display:flex;align-items:center;gap:10px;min-width:260px;max-width:360px;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14142d73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:200;padding:24px}.modal{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:20px;max-width:520px;width:100%}.segmented{display:inline-flex;background:var(--c-surface-alt);border-radius:999px;padding:4px;gap:4px}.segmented button{border:none;background:transparent;padding:8px 16px;border-radius:999px;cursor:pointer;font-weight:600;color:var(--c-text-secondary)}.segmented button.active{background:var(--c-surface);color:var(--c-primary);box-shadow:var(--shadow-soft)}.empty{text-align:center;padding:50px 20px;color:var(--c-text-muted)}.empty .em-icon{font-size:44px;margin-bottom:10px}.landing{max-width:1040px;margin:0 auto;padding:40px 24px}.hero{text-align:center;padding:70px 0}.hero .badge{display:inline-block;padding:7px 16px;border-radius:999px;background:color-mix(in srgb,var(--c-primary),transparent 84%);color:var(--c-primary);font-weight:700}.hero .big{font-size:52px;font-weight:800;letter-spacing:-1.5px;margin:18px 0 14px;line-height:1.05;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-logo{width:76px;height:76px;border-radius:24px;background:var(--grad-primary);box-shadow:var(--shadow-glow);display:grid;place-items:center;margin:0 auto 6px}@media (max-width: 760px){.shell{grid-template-columns:1fr}.sidebar{display:none}.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}