:root {
  --bg:#0b1220; --panel:#121b2e; --line:#22304d; --text:#e6edf7;
  --muted:#8b9bb7; --accent:#2563eb; --ok:#2ea043; --err:#f85149;
}
* { box-sizing:border-box }
body { margin:0; background:var(--bg); color:var(--text); font:15px/1.5 -apple-system,"Segoe UI",sans-serif }
header { border-bottom:1px solid var(--line); padding:18px 28px; display:flex; justify-content:space-between; align-items:center }
h1,h2,p { margin-top:0 } h1 { font-size:20px; margin-bottom:2px } h2 { font-size:16px }
header p,.card>p { color:var(--muted); margin-bottom:8px } a { color:#58a6ff }
main { max-width:900px; margin:auto; padding:26px }
.card { background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:18px; margin-bottom:16px }
.heading,.operation-head,form,.fields { display:flex; gap:12px; align-items:center; flex-wrap:wrap }
.heading,.operation-head { justify-content:space-between }
button { border:0; border-radius:8px; padding:9px 14px; color:white; background:var(--accent); font:inherit; font-weight:600; cursor:pointer }
button:disabled { opacity:.5; cursor:default }
input { background:#070c17; color:var(--text); border:1px solid var(--line); border-radius:8px; padding:9px }
label { display:flex; flex-direction:column; color:var(--muted); gap:4px }
dl { display:grid; grid-template-columns:180px 1fr; gap:5px 12px } dt { color:var(--muted) } dd { margin:0 }
.operation { border-top:1px solid var(--line); padding:14px 0 }
.badge { font-size:12px; font-weight:700; color:var(--err) }.badge.ready { color:var(--ok) }
.guidance { color:var(--muted); overflow-wrap:anywhere }
.danger { color:var(--err) }.healthy { color:var(--ok) }
pre { background:#070c17; border:1px solid var(--line); border-radius:8px; padding:12px; overflow:auto; max-height:420px; white-space:pre-wrap }
.event { padding:7px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere }
@media(max-width:600px) { main { padding:14px } header { padding:14px } dl { grid-template-columns:1fr } }