*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f4f5;--bg-card:#fff;--bg-hover:#fdf2f2;--bg-sidebar:#1c1c1e;--border:#e4e4e7;--border-light:#d1d1d6;--text-primary:#1c1c1e;--text-secondary:#636366;--text-muted:#aeaeb2;--accent:#e31b23;--accent-mid:#c8171f;--accent-light:#ff3b44;--accent-hover:#b91219;--accent-dim:#e31b2312;--accent-dim-mid:#e31b2324;--sidebar-text:#f5f5f7;--sidebar-text-muted:#f5f5f780;--sidebar-active-bg:#e31b232e;--sidebar-hover-bg:#ffffff12;--status-returning-bg:#edf7ed;--status-returning-text:#1a7f37;--status-returning-border:#b8dfc9;--status-new-bg:#e8f0fb;--status-new-text:#1d4e8f;--status-new-border:#b8cff0;--status-awaiting-bg:#fff7e6;--status-awaiting-text:#8a5c00;--status-awaiting-border:#f0d89a;--status-unknown-bg:#fdecea;--status-unknown-text:#b91219;--status-unknown-border:#f4b8ba;--course-pending-bg:#f5f5f5;--course-pending-text:#888;--course-pending-border:#ddd;--course-class-created-bg:#fdecea;--course-class-created-text:#c62828;--course-class-created-border:#f4b8b8;--course-test-masters-bg:#fff3e0;--course-test-masters-text:#e65100;--course-test-masters-border:#ffd08a;--course-test-ready-bg:#e8f5e9;--course-test-ready-text:#2e7d32;--course-test-ready-border:#a5d6a7;--course-new-format-bg:#e3f2fd;--course-new-format-text:#1565c0;--course-new-format-border:#90caf9;--font-display:"Inter Display", sans-serif;--font-body:"Inter Display", sans-serif;--radius:10px;--radius-sm:6px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a;--sidebar-width:240px}html,body,#root{background:var(--bg);height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}input,textarea,select{font-family:var(--font-body);background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}select option{color:var(--text-primary);background:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-layout{background:var(--bg);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);z-index:20;flex-direction:column;flex-shrink:0;height:100vh;transition:transform .25s;display:flex}.sidebar-overlay{z-index:19;background:#00000080;display:none;position:fixed;inset:0}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto}.topbar{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:5;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;min-height:60px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-search{flex:1;min-width:150px;max-width:320px;position:relative}.topbar-filters{display:contents}.topbar-spacer{flex:1}.topbar-live{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.topbar-brand-pill{background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:5px 12px 5px 8px;display:flex}.topbar-brand-text{color:var(--text-secondary);font-size:12px;font-weight:500}.hamburger{color:var(--text-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;padding:6px;display:none}.hamburger:hover{background:var(--bg)}.main-content{flex:1;padding:28px;overflow:auto}.stat-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.district-layout{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=1024px){:root{--sidebar-width:200px}.topbar{gap:8px;padding:0 16px}.topbar-search{max-width:240px}.topbar-brand-text{display:none}.main-content{padding:20px}.stat-grid{grid-template-columns:repeat(3,1fr)}.district-layout{grid-template-columns:260px 1fr;gap:16px}}@media (width<=767px){:root{--sidebar-width:260px}.sidebar{height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.hamburger{display:flex}.topbar{gap:8px;min-height:auto;padding:8px 12px}.topbar-search{flex-basis:100%;order:10;max-width:none}.topbar-filters{flex-wrap:wrap;order:11;gap:6px;width:100%;display:flex}.topbar-filters select{flex:1;min-width:0}.topbar-spacer,.topbar-live,.topbar-brand-text{display:none}.main-content{padding:14px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid>:first-child{grid-column:span 2}.page-header{flex-direction:column}.district-layout{grid-template-columns:1fr}}