:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.topbar{height:68px;background:#fff;border-bottom:1px solid #e5e9f1;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.brand{font-size:20px;font-weight:800;color:#172033}.brand span{font-weight:500;color:#64748b;margin-left:8px;font-size:15px}nav{display:flex;gap:20px}a{color:#334155;text-decoration:none;font-weight:600}.shell{max-width:1180px;margin:36px auto;padding:0 22px}.hero{background:linear-gradient(120deg,#172554,#334b80);color:#fff;border-radius:18px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}h1{font-size:32px;margin:8px 0}.hero p{color:#dbeafe}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}.button,button{background:#f97316;color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:700;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.metric,.panel{background:#fff;border:1px solid #e5e9f1;border-radius:14px;padding:22px}.metric span{display:block;color:#64748b;font-size:13px}.metric strong{display:block;font-size:30px;margin-top:8px}.panel{margin-top:18px}.panel h2{margin-top:0}.subject-list,.links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.subject-list article,.links div{padding:15px;background:#f8fafc;border:1px solid #e7ebf2;border-radius:10px;font-weight:650}.subject-list small{display:block;color:#64748b;margin-top:4px}.auth{max-width:440px;margin:50px auto}.auth label{display:block;margin:14px 0 6px;font-weight:650}.auth input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px}.auth button{width:100%;margin-top:20px}.error{color:#b91c1c}.muted{color:#64748b}footer{text-align:center;padding:30px;color:#64748b;font-size:12px}@media (max-width:750px){.grid{grid-template-columns:repeat(2,1fr)}.subject-list,.links{grid-template-columns:1fr}.hero{display:block}.hero .button{display:inline-block;margin-top:12px}}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #e5e9f1;white-space:nowrap}th{color:#64748b;font-weight:700;background:#f8fafc}.topbar{height:60px;padding:0 max(16px,calc((100% - 1180px)/2 + 22px));gap:12px;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:baseline;gap:8px;color:#172033;text-decoration:none;white-space:nowrap;flex:none}.brand b{font-size:20px;font-weight:800}.brand span{font-size:14px;font-weight:500;color:#64748b;margin:0}.topbar nav{display:flex;align-items:center;gap:14px;min-width:0}.who{display:inline-flex;align-items:center;gap:8px;min-width:0;color:#172033;font-weight:600}.who em{font-style:normal;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:32px;height:32px;border-radius:50%;background:#172554;color:#fff;display:inline-grid;place-items:center;font-style:normal;font-size:14px;font-weight:700;flex:none}.logout{min-height:36px;padding:6px 14px}.shell{margin:22px auto 36px}@media (max-width:639px){.brand span,.who em,.nav-link{display:none}.topbar{height:56px}.shell{margin-top:14px;padding:0 14px}}.subnav{display:flex;gap:6px;padding:6px max(14px,calc((100% - 1180px)/2 + 22px));background:#fff;border-bottom:1px solid #e5e9f1;overflow-x:auto;position:sticky;top:60px;z-index:39}.subnav a{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;color:#475569}.subnav a.on{background:#172554;color:#fff}.subnav a:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (max-width:639px){.subnav{top:56px}}