:root{--ink:#172033;--muted:#667085;--line:#e5e7eb;--bg:#f6f8fb;--accent:#3157d5}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px Arial,sans-serif}.wrap{max-width:1180px;margin:auto;padding:24px}h1{margin:0;font-size:28px}.sub{color:var(--muted);margin:6px 0 20px}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:15px}.card b{margin-top:5px;font-size:26px;display:block}.controls{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.controls input,.controls select{background:#fff;border:1px solid #ccd1da;border-radius:9px;min-width:190px;padding:10px 12px}.tablebox{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:left;border-bottom:1px solid #eef0f3;padding:11px 12px}th{color:#344054;background:#f1f3f7;position:sticky;top:0}tr:hover{background:#fafbff}.pill{color:#2847ad;background:#edf1ff;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-block}a{color:var(--accent);font-weight:600;text-decoration:none}@media (width<=600px){.wrap{padding:16px}h1{font-size:23px}.cards{grid-template-columns:repeat(2,1fr)}}