:root{
  --bg:#f4f6f8;--surface:#fff;--surface-2:#f8fafb;--text:#17202a;--muted:#67727e;--line:#dfe5ea;
  --primary:#1f5f8b;--primary-2:#174968;--good:#277a4b;--warn:#9a6700;--danger:#b42318;--shadow:0 8px 28px rgba(20,35,50,.08);
  --radius:16px;--sidebar:248px
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:22px 18px;background:#13232f;color:#eef4f7;display:flex;flex-direction:column;z-index:30;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:4px 4px 22px}.brand strong{display:block;font-size:18px}.brand span{display:block;color:#9fb4c1;font-size:13px;margin-top:2px}.brand-mark{width:42px;height:42px;border-radius:12px;background:#dfeaf1;color:#17384e;display:grid;place-items:center;font-weight:800;letter-spacing:.05em;flex:none}.brand-mark.big{width:56px;height:56px;border-radius:16px;font-size:20px}
.nav{display:flex;flex-direction:column;gap:5px}.nav a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;text-decoration:none;color:#c9d6dd;font-weight:650;font-size:14px}.nav a:hover,.nav a.active{background:#213b4c;color:#fff}.nav-icon{width:18px;text-align:center;opacity:.9}.sidebar-user{margin-top:auto;padding:16px 10px 4px;border-top:1px solid #2c4351}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{margin:4px 0 12px;color:#9fb4c1}.sidebar-user a{color:#fff;font-size:14px}.sidebar-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-version{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#bfd8f2;font-size:10px;font-weight:800;letter-spacing:.04em;line-height:1;white-space:nowrap}.logout-form{margin-top:8px}.logout-link{border:0;background:transparent;color:#c9d6dd;padding:0;cursor:pointer;font-size:13px}.logout-link:hover{color:#fff}.nav-backdrop{display:none}
.main{margin-left:var(--sidebar);padding:0 30px 40px;min-width:0}.topbar{height:84px;display:flex;align-items:center}.topbar h1{font-size:28px;margin:0;letter-spacing:-.02em}.menu-toggle{display:none;border:0;background:transparent;font-size:24px;margin-right:12px;cursor:pointer}.app-footer{padding:16px 2px;color:var(--muted);font-size:12px;text-align:right}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:22px}.panel h2{margin:0 0 4px;font-size:19px}.panel p{margin:0;color:var(--muted);line-height:1.5}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.panel-head>div:first-child{min-width:0}.content-narrow{max-width:760px}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.stats-grid{display:grid;gap:16px;margin-bottom:22px}.stats-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.stat-card strong{font-size:30px;display:block;margin:5px 0 3px;letter-spacing:-.03em}.stat-card small{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;font-size:10px}.muted{color:var(--muted)}.block{display:block}.small-text{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.error-text{color:var(--danger);margin-top:4px}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--line);padding:9px 13px;background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer;font-weight:750;font-size:14px;white-space:nowrap}.button:hover{filter:brightness(.98)}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.subtle{background:var(--surface-2)}.button.tiny{padding:6px 9px;font-size:12px}.button.danger{color:var(--danger);border-color:#f0c7c3}.button-row,.form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:16px}
.alert{padding:13px 15px;border-radius:11px;margin:0 0 18px;border:1px solid;line-height:1.45}.alert-success{background:#edf8f1;border-color:#b9ddc7;color:#175b35}.alert-error{background:#fff1f0;border-color:#f3c2bd;color:#8a1c14}.alert-warning{background:#fff8e8;border-color:#efd798;color:#705000}.alert-info{background:#edf6fb;border-color:#bed8e8;color:#174d70}.alert code{background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.09);padding:3px 6px;border-radius:6px}
.stack-form{display:grid;gap:14px}.stack-form label,.form-grid label,.flow-grid label,.import-form label{display:grid;gap:7px;font-weight:700;font-size:13px}.stack-form input,.stack-form select,.form-grid input,.form-grid select,.form-grid textarea,.flow-grid input,.filter-form input,.filter-form select,.import-form input,.data-table input,.data-table select{width:100%;border:1px solid #cfd8df;background:var(--surface);color:var(--text);border-radius:9px;padding:10px 11px;outline:none}.stack-form input:focus,.stack-form select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.flow-grid input:focus,.filter-form input:focus,.filter-form select:focus{border-color:#6ea0c0;box-shadow:0 0 0 3px rgba(31,95,139,.12)}input:disabled{background:#eef2f4;color:#4f5d66}.hint{color:var(--muted);font-weight:400;font-size:12px;line-height:1.4}.hint-box{margin:16px 0;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--muted);font-size:13px;line-height:1.5}.hint-box.no-margin{margin:0}.form-grid{display:grid;gap:14px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.span-all{grid-column:1/-1}.filter-form{display:flex;gap:9px;align-items:center;margin-bottom:16px}.filter-form input{min-width:220px}.filter-form select{width:auto;min-width:150px}.filter-wrap{flex-wrap:wrap}.import-form{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,2fr) auto;gap:12px;align-items:end}
.table-wrap{overflow:auto;border-radius:10px}.wide-table-wrap{max-height:70vh}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap}.data-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-2);position:sticky;top:0;z-index:2}.data-table tr:last-child td,.data-table tr:last-child th{border-bottom:0}.data-table.compact th,.data-table.compact td{padding:8px 9px}.data-table tbody tr:hover{background:#fbfcfd}.data-table input,.data-table select{padding:7px 8px;min-width:110px}.actions-cell{display:flex;gap:6px;align-items:center}.inline-form{display:inline-flex;margin:0}.chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid var(--line);font-size:11px;font-weight:750;background:var(--surface);white-space:nowrap;margin-left:5px}.chip.on{background:#edf8f1;border-color:#b9ddc7;color:#17623a}.chip.off{background:#f4f5f6;border-color:#d9dee2;color:#67727e}.chip.warn{background:#fff8e8;border-color:#efd798;color:#705000}.summary-table .school-head{text-align:center;color:#274d65}.summary-table .total-row{font-weight:750;background:#f7fafc}.summary-table th[rowspan]{left:0;z-index:3}.formula-cell{white-space:normal;min-width:280px;max-width:620px}.distribution-table td,.distribution-table th{text-align:right}.distribution-table th:first-child{text-align:left}
.empty-state{padding:28px;background:var(--surface-2);border:1px dashed #cbd4da;border-radius:10px;text-align:center;color:var(--muted)}.empty-state h2{color:var(--text);margin-bottom:8px}.empty-state p{margin-top:12px}.definition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.definition-grid.single{grid-template-columns:1fr}.definition-grid div{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:13px}.definition-grid strong,.definition-grid span{display:block}.definition-grid span{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.45}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-grid a{display:block;text-decoration:none;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:16px;min-height:118px}.feature-grid a:hover{border-color:#abc6d8;background:#f5fafc}.feature-grid strong,.feature-grid span{display:block}.feature-grid span{font-size:13px;color:var(--muted);line-height:1.45;margin-top:7px}
.mini-list{display:grid}.mini-list a{display:flex;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);text-decoration:none}.mini-list a:last-child{border-bottom:0}.mini-list span strong,.mini-list span small{display:block}.mini-list small{color:var(--muted);margin-top:3px}.mini-list b{white-space:nowrap}
.segmented-row{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.segmented{display:flex;gap:4px;padding:4px;border-radius:12px;background:#edf1f4;flex-wrap:wrap}.segmented a{padding:8px 11px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:700;color:#52616b}.segmented a.active{background:#fff;color:var(--primary-2);box-shadow:0 1px 4px rgba(0,0,0,.08)}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px}.flow-grid>div{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px}.flow-grid h3{margin:0 0 12px;font-size:15px}.flow-grid label{grid-template-columns:90px 1fr;align-items:center;margin-bottom:9px}.flow-grid label .hint{grid-column:2}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-school{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:15px}.contact-school h3{margin:0 0 10px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;margin-top:9px}.contact-card strong{display:block;margin-top:3px}.contact-lines{display:grid;gap:3px;margin-top:8px;font-size:13px;color:var(--muted)}.contact-lines a{color:var(--primary)}.contact-card .actions-cell{margin-top:10px}
.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:18px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-date{font-weight:800;color:var(--primary-2)}.timeline-content strong{display:block;margin-top:3px}.timeline-content p{margin-top:5px;font-size:13px}.version-card{display:flex;align-items:baseline;gap:12px;padding:15px;border-radius:12px;background:#17384e;color:#fff;margin-bottom:14px}.version-card strong{font-size:30px}.version-card span{color:#bfd8f2}
.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(150deg,#10222f,#21495f 55%,#dce7ed 55%)}.login-card{width:min(520px,100%);background:var(--surface);border-radius:20px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.login-brand{display:flex;gap:14px;align-items:center;margin-bottom:26px}.login-brand h1{margin:0;font-size:23px}.login-brand p{margin:4px 0 0;color:var(--muted);font-size:13px}.login-card h2{margin:12px 0 8px}.login-card>p{color:var(--muted);line-height:1.5}.setup-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf6fb;color:#174d70;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:1200px){.stats-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.definition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){:root{--sidebar:270px}.sidebar{transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 0 45px rgba(0,0,0,.22)}body.nav-open .sidebar{transform:translateX(0)}.nav-backdrop{display:block;position:fixed;inset:0;background:rgba(10,20,28,.45);opacity:0;pointer-events:none;transition:opacity .2s;z-index:25}body.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.main{margin-left:0;padding:0 18px 28px}.topbar{height:72px}.menu-toggle{display:inline-block}.grid-2{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.import-form{grid-template-columns:1fr}.form-grid-3,.form-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-item{grid-template-columns:105px minmax(0,1fr)}.timeline-item>.actions-cell{grid-column:2}.app-footer{text-align:center}}
@media(max-width:620px){.main{padding-left:12px;padding-right:12px}.topbar h1{font-size:23px}.panel{padding:16px;border-radius:13px}.stats-grid-4,.stats-grid-3{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:25px}.feature-grid{grid-template-columns:1fr}.form-grid-2,.form-grid-3,.form-grid-5{grid-template-columns:1fr}.flow-grid{grid-template-columns:1fr}.definition-grid{grid-template-columns:1fr}.panel-head{align-items:stretch;flex-direction:column}.filter-form{align-items:stretch;flex-direction:column}.filter-form input,.filter-form select{width:100%;min-width:0}.timeline-item{grid-template-columns:1fr;gap:5px}.timeline-item>.actions-cell{grid-column:auto}.stats-grid-4,.stats-grid-3{grid-template-columns:1fr}.login-card{padding:22px}.login-body{padding:14px}.segmented-row{align-items:stretch}.segmented{width:100%}.segmented a{flex:1;text-align:center}.flow-grid label{grid-template-columns:70px 1fr}}
.inline-check{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text);white-space:nowrap}.inline-check input{width:auto;min-width:0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;color:var(--muted);font-size:13px}.no-margin{margin:0}
@media(max-width:620px){.pagination{align-items:stretch;flex-direction:column}.inline-check{width:100%}}