body{font-family:Arial,Helvetica,sans-serif;background:#0b1220;color:#e8eefc;margin:0;padding:24px}
.card{max-width:760px;margin:0 auto;background:#121b2e;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px}
h2{margin:0 0 10px 0}
h3{margin:18px 0 8px 0;font-size:16px;color:#cfe0ff}
label{display:block;margin-top:10px;font-size:13px;opacity:.9}
input{width:100%;box-sizing:border-box;margin-top:6px;background:#0b1326;border:1px solid rgba(255,255,255,.12);color:#e8eefc;border-radius:10px;padding:10px}
button{margin-top:16px;background:#2b7cff;border:none;color:white;padding:10px 14px;border-radius:10px;cursor:pointer}
button:hover{filter:brightness(1.06)}
.alert{padding:10px;border-radius:10px;margin:10px 0}
.alert.err{background:#3a0f16;border:1px solid #ff4d5e}
.alert.ok{background:#0f2d1a;border:1px solid #2ddc77}
.hint{margin-top:12px;font-size:12px;opacity:.85;line-height:1.6}
table{width:100%;border-collapse:collapse;margin-top:10px}
th,td{border-bottom:1px solid rgba(255,255,255,.08);padding:10px;font-size:13px;text-align:left;vertical-align:top}
a{color:#86b6ff;text-decoration:none}
.nav{display:flex;gap:10px;margin:10px 0 14px 0;flex-wrap:wrap}
.nav a{background:#0b1326;border:1px solid rgba(255,255,255,.12);padding:8px 10px;border-radius:10px}
small.muted{opacity:.75}
code{background:#0b1326;padding:2px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.12)}