:root{--bg:#0b0f1a;--card:#141a2a;--fg:#e8ecf5;--mut:#8b94a8;--acc:#9146ff;--org:#f99e1a;--red:#e5484d}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--fg)}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid #222a3d}
header nav{display:flex;gap:16px;align-items:center}header form{margin:0}
a{color:var(--org)}.brand{font-weight:700;font-size:20px;text-decoration:none;color:var(--fg)}
main{max-width:860px;margin:32px auto;padding:0 16px}footer{text-align:center;color:var(--mut);padding:32px 16px;font-size:14px}
.card,.hero{background:var(--card);border-radius:12px;padding:24px;margin-bottom:20px}.hero h1{margin-top:0}
.btn,button{display:inline-block;border:0;border-radius:8px;padding:10px 18px;font:inherit;cursor:pointer;text-decoration:none;background:#2a3350;color:var(--fg)}
.primary{background:var(--acc);color:#fff}button.danger{background:var(--red);color:#fff}button.link{background:none;color:var(--org);padding:0}
.cmds{padding-left:20px}code{background:#0006;padding:1px 6px;border-radius:4px}
table{width:100%;border-collapse:collapse;margin:12px 0 20px}td,th{padding:10px 8px;border-bottom:1px solid #222a3d;text-align:left;vertical-align:top}
input[type=text],input[type=number]{width:100%;padding:8px;border-radius:6px;border:1px solid #2a3350;background:#0b0f1a;color:var(--fg);font:inherit}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.muted{color:var(--mut);font-size:14px}
.flash{background:#1d3b2a;padding:10px 14px;border-radius:8px}.warn{color:var(--org)}.ok{color:#5ad48a}