/* very small, clean styles */
:root{ --bg:#0b1320; --card:#111a2b; --text:#e6edf3; --muted:#94a3b8; --accent:#3b82f6; }
*{ box-sizing: border-box; }
html, body{ margin:0; padding:0; background:var(--bg); color:var(--text); font: 15px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.wrap{ max-width:880px; margin:40px auto; padding:0 16px; }
h1{ margin:0 0 16px 0; font-size:28px; }
h2{ margin:0 0 12px 0; font-size:20px; }
.card{ background:var(--card); border:1px solid #1f2a44; border-radius:14px; padding:16px; margin:16px 0; box-shadow: 0 6px 20px rgba(0,0,0,.2); }
.row{ display:flex; gap:10px; align-items:center; }
.row input{ flex:1; }
input, button, select{ padding:10px 12px; border-radius:10px; border:1px solid #2a3658; background:#0f172a; color:var(--text); }
button{ background:var(--accent); border:none; color:#fff; cursor:pointer; }
button.ghost{ background:transparent; border:1px solid #2a3658; }
label{ display:block; margin-top:8px; margin-bottom:4px; color:var(--muted); }
.muted{ color:var(--muted); margin:8px 0 0 0; }

.tabs{ display:flex; gap:8px; margin-bottom:12px; }
.tabs button{ background:transparent; border:1px solid #2a3658; }
.tabs button.active{ background:var(--accent); border:none; }

.tbl{ width:100%; border-collapse:collapse; font-size:14px; }
.tbl th,.tbl td{ padding:8px 10px; border-bottom:1px solid #1f2a44; }
.tbl th{ text-align:left; color:var(--muted); font-weight:600; }
.mono{ font-family: ui-monospace, Menlo, Consolas, monospace; }