/* Tailwind-like minimal palette (we'll also load Tailwind CDN in HTML) */
:root{
  --bg:#0b0b0d;
  --card:#111114;
  --muted:#1b1b20;
  --text:#e5e7eb;
  --sub:#a1a1aa;
  --accent:#a6ff00;
  --line:#2a2a31;
}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,Helvetica,sans-serif;}
.container{max-width:1100px;margin:0 auto;padding:16px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 2px 16px rgba(0,0,0,.25);}
h1{font-weight:800;letter-spacing:.3px;margin:0 0 8px 0;}
h2{margin:24px 0 12px 0;}
label{font-size:14px;color:var(--sub);}
input,select,textarea{background:var(--muted);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px;outline:none;width:100%;}
button{background:var(--accent);color:#000;font-weight:700;border:none;border-radius:12px;padding:10px 14px;cursor:pointer;}
button.ghost{background:transparent;color:var(--text);border:1px solid var(--line);}
.row{display:flex;gap:12px;flex-wrap:wrap;}
.col{flex:1;min-width:220px;}
.tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;}
.tab{padding:10px 14px;border-radius:999px;background:var(--muted);cursor:pointer;border:1px solid var(--line);}
.tab.active{background:var(--accent);color:#000;border-color:transparent;}
table{width:100%;border-collapse:collapse;font-size:14px;}
th,td{padding:10px;border-bottom:1px solid var(--line);}
hr{border:none;height:1px;background:var(--line);margin:16px 0;}
.kicker{color:var(--sub);font-size:13px;}
.badge{background:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;}
footer{opacity:.7;margin-top:24px;font-size:12px;}
.small{font-size:12px;color:var(--sub);}
code{background:var(--muted);padding:2px 6px;border-radius:6px;}