:root{--bg:#0f1117;--panel:#171a23;--border:#262b38;--text:#e6e9f0;--muted:#8b93a7;--accent:#6c8cff;--ok:#3ecf8e;--warn:#f5a623;--bad:#ff5b5b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:16px;padding:20px 28px;display:flex}header h1{margin:0;font-size:20px}header .meta{color:var(--muted);font-size:13px}.wrap{max-width:1200px;margin:0 auto;padding:24px}section{margin-bottom:32px}section>h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px;font-size:15px}.grid{gap:14px;display:grid}.grid.gauge{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.grid.stat{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.card .label{color:var(--muted);margin-bottom:8px;font-size:13px}.card .value{font-size:26px;font-weight:650}.card .sub{color:var(--muted);margin-top:4px;font-size:12px}.gauge .bar{background:#232837;border-radius:6px;height:10px;margin:10px 0 6px;overflow:hidden}.gauge .fill{background:var(--accent);border-radius:6px;height:100%;transition:width .5s}.gauge .pct{font-size:22px;font-weight:650}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.err{color:#ffb4b4;background:#2a1518;border:1px solid #5b2626;border-radius:10px;padding:14px;display:none}footer{color:var(--muted);text-align:center;padding:8px 28px 24px;font-size:12px}.badge{border:1px solid var(--border);color:var(--text);background:#232837;border-radius:999px;padding:3px 12px;font-size:13px}.badge b{color:var(--ok)}.grid.donut-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.donut-card .donut-row{align-items:center;gap:18px;display:flex}.donut{border-radius:50%;flex-shrink:0;width:110px;height:110px;position:relative}.donut-hole{background:var(--panel);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:20%}.donut-center{font-size:18px;font-weight:650}.legend{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.legend-item{align-items:center;gap:8px;font-size:13px;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-label{color:var(--text)}.legend-val{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}