:root{--ink:#132238;--muted:#6b7280;--bg:#f5f7fb;--card:#fff;--line:#e5e7eb;--accent:#174ea6}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:#101c2d;color:#fff;padding:24px 18px}.brand{font-size:20px;font-weight:800;margin-bottom:28px}.nav a{display:block;padding:11px 12px;border-radius:9px;margin:4px 0;color:#dbe4ef}.nav a:hover{background:#1c2d45}.main{padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 2px 10px #00000008}.metric{font-size:28px;font-weight:800}.muted{color:var(--muted);font-size:13px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:11px;border-bottom:1px solid var(--line);text-align:left}.btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:9px;padding:10px 14px;cursor:pointer}.btn.secondary{background:#e9eef8;color:#18324f}.form-control{width:100%;padding:10px;border:1px solid #ccd4df;border-radius:8px;margin:5px 0 13px}.badge{padding:4px 8px;border-radius:20px;background:#edf2f7;font-size:12px}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{display:none}.grid{grid-template-columns:repeat(2,1fr)}}