:root{ --bg:#0f172a; --fg:#e2e8f0; --muted:#94a3b8; --card:#111827; }
*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}
body{margin:0;background:#0b1020;color:var(--fg)}
.topbar{position:fixed;top:0;left:0;right:0;height:56px;background:rgba(11,16,32,.9);backdrop-filter:saturate(120%) blur(6px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1000;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{font-weight:700}
.legend{font-size:14px;color:var(--muted)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#ef4444}
.dot-green{background:#22c55e}
.dot-red{background:#ef4444}
.wrap{max-width:900px;margin:40px auto;padding:24px}
.grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin:12px 0}
label{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}
select,input,button{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#0f172a;color:var(--fg)}
button{cursor:pointer}
code{background:#0f172a;padding:2px 6px;border-radius:6px}