:root{font-family:Inter,system-ui;color:#162235;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#10263f;color:white;padding:24px}aside a{display:block;color:#d9e8fa;text-decoration:none;padding:7px 0}main{padding:32px;max-width:1400px}.top{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px}.card{background:white;border:1px solid #dce5ef;border-radius:12px;padding:18px;box-shadow:0 2px 8px #10263f0d}.metric{font-size:28px;font-weight:700}.tag{border-radius:999px;background:#e6f0ff;padding:4px 9px}table{width:100%;border-collapse:collapse;background:white}td,th{text-align:left;padding:12px;border-bottom:1px solid #e5ebf2}button{background:#1769e0;color:white;border:0;border-radius:7px;padding:9px 14px}@media(max-width:800px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:16px}}