*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b0d12;color:#e8eaed}
header{padding:16px 20px;border-bottom:1px solid #222}
h1{margin:0 0 12px 0;font-size:22px}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.card{background:#121520;border:1px solid #223;border-radius:14px;padding:12px}
.label{font-size:12px;opacity:.7}
.value{font-size:20px;margin-top:6px}
.value.up{color:#5ac08d}
.value.down{color:#f06272}
main{padding:16px 20px}
canvas{background:#0e1117;border:1px solid #222;border-radius:14px;padding:8px}
footer{padding:12px 20px;opacity:.7;border-top:1px solid #222}