:root { --bg:#0f172a; --fg:#e2e8f0; --accent:#38bdf8; }
*{box-sizing:border-box}body{font-family:system-ui,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--fg);margin:0}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#111827;border-bottom:1px solid #1f2937}
header a{color:var(--fg);margin-left:16px;text-decoration:none}
.container{max-width:980px;margin:40px auto;padding:0 16px}
h1,h2,h3{margin:8px 0}
.alert{padding:12px;border:1px solid #f59e0b;background:#111827;margin:8px 0}
form{display:grid;gap:8px;margin-top:12px}input,select,button{padding:10px;border-radius:6px;border:1px solid #334155;background:#0b1220;color:var(--fg)}
button{background:var(--accent);color:#001f3f;border:none;cursor:pointer}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:24px}
.card{background:#0b1220;border:1px solid #1f2937;border-radius:10px;padding:16px;min-height:90px}
pre{background:#0b1220;padding:12px;border-radius:10px;border:1px solid #1f2937;overflow:auto}