:root{--bg: #0b0f17;--panel: #141a24;--border: #232c3a;--text: #e6edf3;--muted: #8b97a7;--accent: #4f8cff;--good: #34d399;--warn: #fbbf24;--bad: #f87171}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}.wrap{max-width:1100px;margin:0 auto;padding:32px 24px}.header{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.header h1{font-size:22px;margin:0}.header .domain{color:var(--muted);font-size:14px}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 16px;font-size:14px;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.grid{display:grid;gap:16px;margin-top:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.card .label{color:var(--muted);font-size:13px}.card .value{font-size:32px;font-weight:600;margin-top:6px}.card .sub{color:var(--muted);font-size:12px;margin-top:4px}.value.good{color:var(--good)}.value.warn{color:var(--warn)}.value.bad{color:var(--bad)}