:root {
  --bg:#073740; --panel:#0e4852; --ink:#cfe9e5; --muted:#7fb3ad; --brand:#d1ff5a;
}
* { box-sizing:border-box; }
html,body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.5 system-ui, Arial, sans-serif; }
.page-head { padding:28px 24px 8px; }
.page-head h1 { margin:0 0 4px; font-weight:800; letter-spacing:.3px; }
.page-head .brand { color:var(--brand); }
.page-head .sub { margin:0; color:var(--muted); }

.cards { display:grid; grid-template-columns:repeat(6,minmax(160px,1fr)); gap:14px; padding:16px 24px; }
.card { background:var(--panel); border-radius:10px; padding:16px 18px; box-shadow:0 1px 0 rgba(0,0,0,.2) inset; }
.card .label { font-size:12px; color:var(--muted); letter-spacing:.8px; text-transform:uppercase; }
.card .value { font-size:28px; font-weight:800; margin-top:4px; min-height:34px; }

.updated { padding:0 24px; color:var(--muted); }
.table-wrap { padding:12px 24px 40px; }
.table { width:100%; border-collapse:collapse; background:var(--panel); border-radius:10px; overflow:hidden; }
.table th, .table td { padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.06); text-align:left; font-size:14px; }
.table thead th { color:var(--muted); font-weight:700; }
.table tbody tr:hover { background:#0b414a; }
.table a { color:var(--brand); text-decoration:none; font-weight:700; }
.table a:hover { text-decoration:underline; }

@media (max-width:1200px){ .cards{grid-template-columns:repeat(3,1fr);} }
@media (max-width:760px){ .cards{grid-template-columns:repeat(2,1fr);} .table th:nth-child(2), .table td:nth-child(2){display:none;} }