:root { --pad: 16px; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif; margin:0; background:#0b0f14; color:#e6edf3; }
a { color:#7dd3fc; text-decoration:none; }
a:hover { text-decoration:underline; }
.container { max-width: 1100px; margin: 0 auto; padding: var(--pad); }
.card { background:#111827; border:1px solid #1f2937; border-radius:12px; padding: var(--pad); margin-bottom: var(--pad); box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.row { display:flex; gap:12px; flex-wrap:wrap; }
.col { flex:1; min-width: 260px; }
.btn { display:inline-block; padding:10px 12px; border-radius:10px; border:1px solid #334155; background:#0f172a; color:#e6edf3; cursor:pointer; }
.btn:hover { background:#111c33; }
.btn.danger { border-color:#7f1d1d; background:#1f0b0b; }
.btn.danger:hover { background:#2a0c0c; }
.btn.primary { border-color:#1d4ed8; background:#0b1833; }
.btn.primary:hover { background:#0b2048; }
input, select { width:100%; padding:10px 12px; border-radius:10px; border:1px solid #334155; background:#0b1220; color:#e6edf3; }
label { font-size: 13px; opacity: .9; display:block; margin: 10px 0 6px; }
.topbar { background:#0b1220; border-bottom:1px solid #1f2937; }
.topbar .container { display:flex; align-items:center; justify-content:space-between; }
.badge { display:inline-block; padding:4px 8px; border-radius:999px; border:1px solid #334155; font-size:12px; opacity:.9; }
pre.log { background:#060a0f; border:1px solid #1f2937; border-radius:12px; padding:12px; height: 420px; overflow:auto; white-space:pre-wrap; }
.small { font-size: 13px; opacity:.9; }
hr { border:0; border-top:1px solid #1f2937; margin: 12px 0; }