:root{--ink:#14213d;--accent:#0b6fa4;--muted:#5b6b82;--bg:#f6f8fb;--card:#fff;--line:#dbe3ee}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
header{background:var(--ink);color:#fff;padding:14px 20px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
header .brand{font-weight:800;font-size:20px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:10px}header .brand img{width:32px;height:32px;border-radius:6px;display:block}header .tag{font-size:12px;opacity:.8}
nav a{color:#cfe6f5;text-decoration:none;margin-right:14px;font-size:14px}nav a:hover{color:#fff}
main{max-width:1180px;margin:0 auto;padding:20px} .card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.stat{font-size:26px;font-weight:800}.label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:right}th:first-child,td:first-child{text-align:left}
th{cursor:pointer;color:var(--accent)}select,input,button{padding:8px;border:1px solid var(--line);border-radius:6px;font-size:14px;background:#fff}
button{background:var(--accent);color:#fff;border:none;cursor:pointer}button.secondary{background:#e8eef6;color:var(--ink)}
#chart{width:100%;height:480px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.controls label{font-size:12px;color:var(--muted);display:block}
footer{max-width:1180px;margin:20px auto;padding:0 20px 30px;color:var(--muted);font-size:12px}a{color:var(--accent)}
.badge{background:#fff3cd;border:1px solid #e6cf7a;border-radius:6px;padding:2px 6px;font-size:11px}.placeholder{border:2px dashed var(--accent);padding:16px;border-radius:10px;background:#eef6fb}