:root{--bg:#eceef2;--panel:#fff;--ink:#1a2432;--muted:#586074;--faint:#8a93a2;--line:#d3d9e2;--accent:#1e5aa0;--accent-soft:#e7f0fa;--green:#1f7a3d;--red:#b1442e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14.5px/1.5 "Segoe UI",system-ui,sans-serif;padding:24px}
.win{max-width:1060px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px rgba(20,35,60,.08);overflow:hidden}
.titlebar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(#f7f8fb,#e9ecf2);border-bottom:1px solid var(--line);font-weight:700}
.titlebar .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.titlebar .sp{flex:1}.titlebar .who{font-weight:500;color:var(--muted)}.titlebar .lnk{color:var(--accent);font-weight:600;text-decoration:none;font-size:13px}
.body{padding:22px 24px}h1{margin:0 0 4px;font-size:22px}.lead{margin:0 0 18px;color:var(--muted);max-width:70ch}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}@media(max-width:760px){.cards{grid-template-columns:1fr}}
.card{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:#fafbfd}.card .k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.card .v{font-size:18px;font-weight:700;margin:6px 0 2px}.card .s{font-size:12.5px;color:var(--muted)}
.ok{color:var(--green)}.bad{color:var(--red)}
.f{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:7px}
.grid{width:100%;border-collapse:collapse;font-size:13.5px}.grid th,.grid td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}.grid th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}