:root { --bg:#0b0d10; --card:#12161b; --text:#e6edf3; --muted:#9aa4af; --border:#232a32; --accent:#4aa3ff; }
*{box-sizing:border-box} body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:radial-gradient(1000px 600px at 20% -10%, #14202e, transparent 40%), var(--bg)}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:16px}
.topbar{display:flex;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)} .brand{font-weight:700} .spacer{flex:1}
main{padding:16px 0 72px} .grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px} @media(max-width:900px){.grid{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
h1,h2{margin:8px 0 12px} label{display:block;margin-bottom:12px;font-size:14px;color:var(--muted)} input{width:100%;padding:10px 12px;background:#0d1217;border:1px solid var(--border);color:var(--text);border-radius:10px}
button{padding:10px 14px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer} button:hover{filter:brightness(1.05)}
.alert{background:#151b22;border:1px solid var(--border);border-left:4px solid #ff9800;padding:10px 12px;border-radius:8px}
.alert-error{background:#1a1111;border:1px solid #3b1f1f;border-left:4px solid #e53935;padding:10px 12px;border-radius:8px}
.alert-ok{background:#0f1c12;border:1px solid #20392a;border-left:4px solid #22bb33;padding:10px 12px;border-radius:8px}
.muted{color:var(--muted)} table{width:100%;border-collapse:collapse} th,td{text-align:left;padding:10px;border-bottom:1px solid var(--border)}
code{background:#0d1217;padding:2px 6px;border-radius:6px;border:1px solid var(--border)} .status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}
.footer{color:var(--muted);border-top:1px solid var(--border);padding:16px 0;margin-top:24px}