:root{--blue:#0716c9;--ink:#111827;--muted:#6b7280;--bg:#f4f6fb;--card:#fff;--line:#e5e7eb;--green:#0f9d68;--amber:#b7791f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#050d57;padding:26px 18px}.brand{letter-spacing:.12em;margin-bottom:34px;font-weight:800}.brand small{letter-spacing:normal;opacity:.65;margin-top:5px;font-weight:400;display:block}.nav{gap:8px;display:grid}.nav a{color:#ffffffd1;border-radius:9px;padding:11px 12px}.nav a:hover{color:#fff;background:#ffffff1a}.content{padding:30px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}h1{margin:8px 0 4px;font-size:32px}.subtitle{color:var(--muted);margin-top:0}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 5px 20px #00000008}.metric{margin-top:10px;font-size:30px;font-weight:800}.label{color:var(--muted);font-size:13px}.section{margin-top:24px}.section h2{font-size:19px}.table{border-collapse:collapse;border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:13px 14px;font-size:14px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.badge{color:#3340ba;background:#eef2ff;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge.green{color:#0b7650;background:#e7f7f1}.badge.amber{color:#91610d;background:#fff7df}.notice{border-left:4px solid var(--blue);background:#eef0ff;border-radius:8px;margin-top:20px;padding:14px 16px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:20px}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.grid{grid-template-columns:1fr}}
