:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color-scheme:dark;--bg0: #070a11;--bg1: #0b1020;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--shadow: 0 18px 50px rgba(0,0,0,.55);--radius: 18px;--btn: rgba(255, 255, 255, .12);--btnHover: rgba(255, 255, 255, .16);--good: #2ee59d;--bad: #ff7b8a}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(900px 500px at 15% 10%,rgba(74,119,255,.18),transparent 60%),radial-gradient(850px 520px at 85% 15%,rgba(46,229,157,.1),transparent 55%),radial-gradient(900px 700px at 50% 85%,rgba(255,255,255,.05),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text)}.page{min-height:100%;display:grid;place-items:center;padding:44px 18px}.card{width:min(560px,100%);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.cardHeader{padding:22px 22px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)}.titleRow{display:flex;align-items:center;gap:12px}.badge{width:38px;height:38px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font-size:18px}.h1{margin:0;font-size:22px}.sub{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.5}.cardBody{padding:18px 22px 22px;display:grid;gap:14px}.pillRow{display:flex;gap:10px;flex-wrap:wrap}.pill{padding:8px 10px;border-radius:999px;background:var(--card2);border:1px solid rgba(255,255,255,.1);font-size:12px;color:var(--muted)}.btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:var(--btn);color:var(--text);padding:11px 14px;border-radius:14px;cursor:pointer;font-weight:600;transition:transform .08s ease,background .15s ease}.btn:hover{background:var(--btnHover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.ctaRow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:6px}.miniStatus{font-size:12px;color:var(--muted)}.stateOk{color:var(--good);font-weight:700}.stateBad{color:var(--bad);font-weight:700}.errorBox{border:1px solid rgba(255,123,138,.35);background:#ff7b8a14;padding:12px;border-radius:14px;font-size:13px;white-space:pre-wrap}.footer{padding:14px 22px 18px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.mutedLink{color:var(--muted);text-decoration:none}.mutedLink:hover{color:#fffc}