:root{--c-background: #f5f3ee;--c-surface: #ffffff;--c-surface-alt: #e7eeea;--c-primary: #2d5e53;--c-primary-hover: #357467;--c-primary-active: #24493f;--c-primary-soft: #d8e6e0;--c-on-primary: #ffffff;--c-accent: #93c93d;--c-accent-soft: #edf6dc;--c-accent-text: #446c10;--c-on-accent: #28320c;--c-text-heading: #413a35;--c-text-primary: #594a43;--c-text-secondary: #695b52;--c-text-muted: #75665d;--c-success: #498228;--c-success-soft: #e8f4d9;--c-success-text: #3f6b1e;--c-on-success: #ffffff;--c-danger: #b4542f;--c-danger-soft: #f8e5dc;--c-danger-text: #9b3f1c;--c-on-danger: #ffffff;--c-warning: #cecb64;--c-warning-soft: #f5f2ce;--c-warning-text: #565110;--c-on-warning: #413a35;--c-border: #dedad1;--c-border-strong: #8f8577;--c-focus-ring: #357467;--c-overlay: #3a322d;--font-sans: Roboto, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--fs-title: 28px;--fs-subtitle: 20px;--fs-body: 16px;--lh-title: 1.25;--lh-subtitle: 1.35;--lh-body: 1.6;--fw-title: 700;--fw-subtitle: 700;--fw-body: 400;--r-sm: 12px;--r-md: 16px;--r-lg: 24px;--r-pill: 999px;--r-diag-xs: 10px 0;--r-diag-sm: 14px 0;--r-diag-md: 22px 0;--r-diag-lg: 36px 0;--r-diag-xl: 56px 0;--r-diag-sm-alt: 0 14px;--r-diag-md-alt: 0 22px;--r-diag-lg-alt: 0 36px;--sp-unit: 8px;--tap-min: 48px;--tap-min-sm: 44px;--grad-primary: linear-gradient(135deg, var(--c-primary-hover), var(--c-primary-active));--grad-page: linear-gradient(135deg, var(--c-background) 0%, color-mix(in srgb, var(--c-primary-soft), transparent 55%) 45%, var(--c-background) 100%);--grad-accent: linear-gradient(135deg, #a6d556, var(--c-accent));--shadow-soft: 0 6px 18px rgba(65, 58, 53, .08), 0 1px 3px rgba(65, 58, 53, .05);--shadow-raised: 0 14px 32px rgba(65, 58, 53, .14);--shadow-glow: 0 10px 22px rgba(45, 94, 83, .22);--shadow-focus: 0 0 0 4px rgba(53, 116, 103, .28);--focus-ring-light: var(--c-on-primary);--focus-ring-dark: var(--c-primary-active);--ring-focus: 0 0 0 6px var(--focus-ring-dark);--ring-focus-inset: inset 0 0 0 6px var(--focus-ring-dark);--overlay-scrim: rgba(58, 50, 45, .55)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-body);color:var(--c-text-primary);background:var(--c-background);-webkit-font-smoothing:antialiased}h1{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-title);color:var(--c-text-heading);margin:0;letter-spacing:-.4px}h2{font-size:var(--fs-subtitle);line-height:var(--lh-subtitle);font-weight:var(--fw-subtitle);color:var(--c-text-heading);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}a:hover{color:var(--c-primary-hover)}::selection{background:var(--c-primary-soft);color:var(--c-text-heading)}:focus-visible{outline:2px solid var(--focus-ring-light);outline-offset:2px;box-shadow:var(--ring-focus)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-diag-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:var(--c-on-primary);border:1px solid transparent;border-radius:var(--r-diag-md);padding:12px 20px;font-family:inherit;font-size:var(--fs-body);line-height:1.2;font-weight:700;min-height:var(--tap-min);cursor:pointer;box-shadow:var(--shadow-glow);text-decoration:none;transition:transform .12s ease,background .12s ease}.btn:hover{background:linear-gradient(135deg,var(--c-primary-hover),var(--c-primary));transform:translateY(-1px)}.btn:active{background:var(--c-primary-active);transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--focus-ring-light);outline-offset:2px;box-shadow:var(--ring-focus),var(--shadow-glow)}.btn.secondary{background:var(--c-surface-alt);color:var(--c-text-primary);border-color:var(--c-border-strong);box-shadow:none}.btn.secondary:hover{background:var(--c-primary-soft)}.btn.ghost{background:transparent;color:var(--c-text-primary);border-color:var(--c-border-strong);box-shadow:none}.btn.ghost:hover{background:var(--c-surface-alt)}.btn.danger{background:var(--c-danger);color:var(--c-on-danger);box-shadow:none}.btn.danger:hover{background:var(--c-danger-text)}.btn.sm{padding:8px 14px;font-size:14px;min-height:var(--tap-min-sm);border-radius:var(--r-diag-sm)}.btn:disabled,.btn:disabled:hover,.btn:disabled:active{background:var(--c-surface-alt);color:var(--c-text-muted);border-color:var(--c-border);cursor:not-allowed;box-shadow:none;transform:none}.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-strong);border-radius:var(--r-diag-md);padding:13px 15px;font-family:inherit;font-size:var(--fs-body);color:var(--c-text-primary);outline:none;width:100%;min-height:var(--tap-min);transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--c-text-muted)}.input:focus{border-color:var(--c-focus-ring);outline:2px solid var(--focus-ring-light);outline-offset:2px;box-shadow:var(--ring-focus)}textarea.input{min-height:96px;line-height:var(--lh-body)}.shell{display:flex;flex-direction:column;height:100%}.content{flex:1;min-height:0;padding:30px 34px;overflow:auto}.page-head{margin-bottom:22px}.appbar{flex:none;background:var(--c-primary);color:var(--c-on-primary)}.appbar-top{display:flex;align-items:center;gap:14px;padding:12px 24px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand .logo{flex:none;width:46px;height:46px;border-radius:var(--r-diag-md);background:var(--c-on-primary);color:var(--c-primary);display:grid;place-items:center;font-weight:700;font-size:22px}.brand-word{font-size:var(--fs-subtitle);font-weight:700;line-height:1.15;letter-spacing:1px}.brand-sub{font-size:13px;line-height:1.2;white-space:nowrap;color:color-mix(in srgb,var(--c-on-primary),transparent 25%)}.appbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.appbar-live{display:flex;align-items:center;gap:7px;font-size:13px;color:color-mix(in srgb,var(--c-on-primary),transparent 25%)}.appnav{display:flex;gap:4px;padding:0 16px;background:var(--c-primary-active);overflow-x:auto;scrollbar-width:none}.appnav::-webkit-scrollbar{display:none}.nav-item{position:relative;display:flex;align-items:center;padding:0 14px;min-height:var(--tap-min);white-space:nowrap;font-weight:700;color:color-mix(in srgb,var(--c-on-primary),transparent 22%);border-radius:var(--r-diag-md);text-decoration:none;transition:background .12s,color .12s}.nav-item:hover{color:var(--c-on-primary);background:color-mix(in srgb,var(--c-on-primary),transparent 90%)}.nav-item.active{color:var(--c-on-primary)}.nav-item:focus-visible{outline:2px solid var(--focus-ring-light);outline-offset:-4px;box-shadow:var(--ring-focus-inset)}.nav-item.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--c-accent)}.user-wrap{position:relative}.user-btn{display:flex;align-items:center;gap:10px;cursor:pointer;background:color-mix(in srgb,var(--c-on-primary),transparent 88%);color:var(--c-on-primary);border:1px solid color-mix(in srgb,var(--c-on-primary),transparent 76%);border-radius:var(--r-diag-md);padding:8px 14px;min-height:var(--tap-min-sm);font-family:inherit;font-size:14px;font-weight:700;line-height:1.2}.user-btn:hover{background:color-mix(in srgb,var(--c-on-primary),transparent 80%)}.user-btn .who{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.user-menu{position:absolute;right:0;top:calc(100% + 8px);width:272px;z-index:60;background:var(--c-surface);color:var(--c-text-primary);border:1px solid var(--c-border);border-radius:var(--r-diag-lg);box-shadow:var(--shadow-raised);padding:16px}.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:var(--r-diag-sm);display:grid;place-items:center;font-size:20px}.stat .v{font-size:34px;font-weight:700;color:var(--c-text-heading);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-diag-md);padding:15px;border:1px solid var(--c-border);background:var(--c-surface);box-shadow:var(--shadow-soft);margin-bottom:12px;transition:transform .1s ease,border-color .1s ease}.school-row:hover{transform:translateY(-1px);border-color:var(--c-primary-soft)}.pill{padding:6px 12px;border-radius:var(--r-diag-sm);font-weight:700;font-size:13px;white-space:nowrap}.pill.ok{background:var(--c-success-soft);color:var(--c-success-text)}.pill.no{background:var(--c-danger-soft);color:var(--c-danger-text)}.row{display:flex;align-items:center;gap:12px}.spacer{flex:1}.toast{padding:12px 14px;border-radius:var(--r-diag-sm);background:var(--c-danger-soft);color:var(--c-danger-text);font-weight:700}.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:700;font-size:14px}.table tr:hover td{background:color-mix(in srgb,var(--c-primary-soft),transparent 55%)}.swatch{width:30px;height:30px;border-radius:var(--r-diag-xs);border:1px solid var(--c-border-strong);cursor:pointer}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 color-mix(in srgb,var(--c-accent),transparent 40%);animation:pulse 2s infinite}.live-dot.off{background:color-mix(in srgb,var(--c-on-primary),transparent 55%);animation:none}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--c-accent),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:700;color:var(--c-text-heading);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-diag-md);box-shadow:var(--shadow-raised);padding:12px 14px;display:flex;align-items:center;gap:10px;min-width:260px;max-width:360px;cursor:pointer;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:var(--overlay-scrim);-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-diag-lg);box-shadow:var(--shadow-raised);padding:20px;max-width:520px;width:100%}.segmented{display:inline-flex;background:var(--c-surface-alt);border-radius:var(--r-diag-md);padding:4px;gap:4px}.segmented button{border:none;background:transparent;padding:10px 16px;border-radius:var(--r-diag-sm);cursor:pointer;font-family:inherit;font-size:var(--fs-body);font-weight:700;color:var(--c-text-secondary);min-height:var(--tap-min-sm)}.segmented button:hover{color:var(--c-text-primary)}.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:64px 0 56px}.hero .badge{display:inline-block;padding:8px 18px;border-radius:var(--r-diag-sm);background:var(--c-accent-soft);color:var(--c-accent-text);font-weight:700}.hero .big{font-size:52px;font-weight:700;color:var(--c-primary);letter-spacing:-1.5px;margin:18px 0 14px;line-height:1.08}.hero-logo{width:76px;height:76px;border-radius:var(--r-diag-xl);background:var(--grad-primary);box-shadow:var(--shadow-glow);display:grid;place-items:center;margin:0 auto 6px}.hero-rule{width:88px;height:6px;border-radius:var(--r-diag-xs);background:var(--grad-accent);margin:0 auto}@media (max-width: 760px){.appbar-top{padding:10px 14px;gap:10px}.brand .logo{width:40px;height:40px;font-size:20px}.brand-sub,.appbar-live .live-text{display:none}.user-btn .who{max-width:96px}.appnav{padding:0 6px}.content{padding:20px 14px}.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.hero{padding:40px 0 36px}.hero .big{font-size:34px;letter-spacing:-1px}.toast-stack{right:12px;left:12px;bottom:12px}.toast-card{min-width:0;max-width:none}}