body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; background:#0b1220; color:#e8eefc; }
a { color: #8ab4ff; }
.container { max-width: 980px; margin: 0 auto; padding: 24px; }
.card { background:#121b2e; border:1px solid #243154; border-radius: 14px; padding: 18px; margin: 14px 0; }
input, button, textarea { font: inherit; }
input, textarea { width:100%; padding:10px 12px; border-radius:10px; border:1px solid #2a3a64; background:#0b1220; color:#e8eefc; }
button { padding:10px 14px; border-radius:10px; border:0; background:#2c6cff; color:white; cursor:pointer; }
button.secondary { background:#26314d; }
.row { display:flex; gap:12px; align-items:center; }
.row > * { flex:1; }
.small { font-size: 0.9rem; opacity:0.9; }
.badge { display:inline-block; padding:3px 9px; border-radius:999px; background:#26314d; border:1px solid #2a3a64; }
table { width:100%; border-collapse: collapse; }
td, th { padding: 10px; border-bottom: 1px solid #243154; text-align:left; }
pre { white-space: pre-wrap; word-break: break-word; background:#0b1220; border:1px solid #243154; padding:12px; border-radius:12px; }