@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#12365b;--blue:#1769aa;--blue2:#eaf3fb;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--bg:#f4f7fb;--white:#fff;--green:#147d54;--amber:#9a6700;--red:#b42318}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,system-ui,-apple-system,sans-serif}a{color:var(--blue);text-decoration:none}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:800;font-size:16px}.brand small{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:2px}.brand-mark{background:var(--navy);color:white;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-weight:800}.user-menu{display:flex;gap:16px;align-items:center;color:var(--muted)}.app-layout{display:flex;min-height:calc(100vh - 120px)}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);padding:28px 16px;flex-shrink:0}.nav-label{font-size:10px;letter-spacing:1.4px;color:#94a3b8;font-weight:800;padding:0 12px 12px}.sidebar>a{display:block;padding:12px;border-radius:9px;color:#475569;margin:3px 0;font-weight:600}.sidebar>a:hover,.sidebar>a:focus{background:var(--blue2);color:var(--blue)}.sidebar-note{margin:34px 6px 0;padding:16px;background:#f1f6fb;border-radius:12px;color:var(--navy);font-size:12px}.sidebar-note p{margin-bottom:0;color:var(--muted)}.main-content{padding:30px;max-width:1500px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.page-heading h1{font-size:27px;letter-spacing:-.8px;margin:5px 0}.subtitle{color:var(--muted);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:10px 14px;background:var(--blue);color:white;font:600 13px Inter;cursor:pointer}.btn:hover{filter:brightness(.95)}.btn-light{background:#eef4fa;color:var(--navy)}.btn-danger{background:#fff0ef;color:var(--red)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 2px 6px #0f172a05}.card h2,.card h3{margin:0 0 14px;font-size:15px}.metric-label{font-size:12px;color:var(--muted);font-weight:600}.metric-value{font-size:29px;font-weight:800;letter-spacing:-1px;margin:8px 0 3px}.metric-foot{font-size:11px;color:var(--muted)}.metric-icon{float:right;background:var(--blue2);color:var(--blue);padding:9px;border-radius:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;background:#f8fafc}td,th{padding:13px 12px;border-bottom:1px solid #edf1f5;vertical-align:top}td{font-size:13px}tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#475569}.badge.green{background:#e7f7ef;color:var(--green)}.badge.amber{background:#fff4d6;color:var(--amber)}.badge.blue{background:#e8f2fc;color:var(--blue)}.empty{padding:25px;text-align:center;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-weight:700;font-size:12px;color:#475569}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;font:14px Inter;background:#fff;color:var(--ink)}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #dbeafe;border-color:var(--blue)}.alert{padding:12px 15px;border-radius:9px;margin-bottom:18px;background:#e7f7ef;color:var(--green)}.alert.error{background:#fff0ef;color:var(--red)}.stack{display:flex;flex-direction:column;gap:12px}.item-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.item-row:last-child{border-bottom:0}.muted{color:var(--muted)}.footer{text-align:center;padding:18px;color:#94a3b8;font-size:11px}.login-shell{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:24px}.login-card{background:white;border:1px solid var(--line);border-radius:18px;padding:32px;width:min(100%,440px);box-shadow:0 20px 50px #12365b12}.login-card h1{margin:0 0 8px;font-size:25px}.login-card .subtitle{margin-bottom:24px}.question-box{padding:16px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.question-box h4{margin:0 0 8px}.print-only{display:none}@media(max-width:900px){.sidebar{width:205px}.main-content{padding:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}@media(max-width:640px){.topbar{padding:0 14px}.user-menu span{display:none}.app-layout{display:block}.sidebar{width:100%;padding:10px;display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.nav-label,.sidebar-note{display:none}.sidebar>a{white-space:nowrap;font-size:12px;padding:9px}.main-content{padding:16px}.grid,.form-grid{grid-template-columns:1fr}.page-heading{display:block}.page-heading .btn{margin-top:14px}}@media print{.topbar,.sidebar,.footer,.no-print{display:none!important}.app-layout{display:block}.main-content{padding:0;max-width:none}.card{box-shadow:none;break-inside:avoid}.print-only{display:block}body{background:white}}