*{box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#0b1220;color:#e8eefc;margin:0;padding:24px}
.card{max-width:360px;margin:10vh auto;background:#121a2b;padding:24px;border-radius:12px;border:1px solid #24304a}
label{display:block;margin:12px 0}input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #334;background:#0b1220;color:#e8eefc}
button{margin-top:12px;padding:8px 14px;border:0;border-radius:8px;background:#3b82f6;color:#fff;cursor:pointer}
.err{color:#f87171}.muted{color:#9aa7c2}.hidden{display:none}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.host{background:#121a2b;border:1px solid #24304a;border-radius:12px;padding:16px;margin-bottom:12px}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px}
.ok{background:#14532d;color:#bbf7d0}.bad{background:#7f1d1d;color:#fecaca}
table{width:100%;border-collapse:collapse;margin-top:8px}td,th{padding:6px 8px;border-bottom:1px solid #24304a;text-align:left;font-size:14px}