:root{color-scheme:dark;--bg:#10120f;--panel:#171c16;--text:#eff6eb;--muted:#9caf97;--accent:#31c48d;--border:#2b3629}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}main{min-height:100vh;padding:24px}.wrap{max-width:1200px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px}.card{grid-column:span 12;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px}.label{font-size:13px;color:var(--muted)}.metric{font-size:34px;font-weight:700;margin-top:8px}.list{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px}.badge{padding:4px 10px;border-radius:999px;background:rgba(49,196,141,.16);color:#7ff0c1;font-size:12px;font-weight:700}@media(min-width:900px){.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}}