:root { --bg:#0b1020; --card:#111831; --ink:#eaf2ff; --muted:#a9b5cc; --accent:#5e8bff; }
* { box-sizing:border-box; }
body { margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; background:var(--bg); color:var(--ink); }
.container { max-width:840px; margin:40px auto; padding:0 16px; }
.card { background:var(--card); border:1px solid #1b2444; border-radius:16px; padding:20px; box-shadow:0 10px 30px rgba(0,0,0,.25); }
h1,h2 { margin:0 0 12px; letter-spacing:.3px; }
p.muted { color:var(--muted); }
form .row { display:flex; gap:12px; flex-wrap:wrap; }
input[type="url"], input[type="text"], input[type="password"] { flex:1; padding:12px 14px; border-radius:12px; border:1px solid #26315c; background:#0d1430; color:var(--ink); outline:none; }
button, .btn { padding:10px 14px; border-radius:12px; border:1px solid #2b3a75; background:#132153; color:var(--ink); cursor:pointer; }
button:hover, .btn:hover { background:#0f1a44; }
.grid { display:grid; gap:10px; grid-template-columns: repeat(auto-fit, minmax(120px,1fr)); margin-top:10px; }
.badge { display:inline-block; padding:6px 10px; border-radius:999px; border:1px solid #33427f; background:#10193a; color:var(--ink); font-size:12px; }
.table { width:100%; border-collapse:collapse; margin-top:10px; }
.table th, .table td { border-bottom:1px solid #1b2444; padding:10px; text-align:left; font-size:14px; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
footer { margin-top:24px; color:var(--muted); font-size:13px; text-align:center; }
.small { font-size:12px; color:var(--muted); }
.actions { display:flex; gap:8px; flex-wrap:wrap; }
code { background:#0d1430; padding:2px 6px; border-radius:6px; border:1px solid #26315c; }