:root{ --bg:#0b0d10; --fg:#e8edf2; --card:#12161b; --mut:#91a1b2; --line:#1d2430; }
*{ box-sizing: border-box }
body{ background:var(--bg); color:var(--fg); font-family: ui-sans-serif, system-ui, Segoe UI, Arial, sans-serif; margin:0; }
header{ display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid var(--line); }
.grid{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; padding:16px; }
.card{ background:var(--card); border:1px solid var(--line); border-radius:12px; padding:12px; }
.row{ display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin:8px 0 }
button{ padding:8px 12px; border-radius:8px; border:1px solid var(--line); background:#1a2028; color:var(--fg); cursor:pointer }
button.muted{ opacity:.7 }
label{ font-size:12px; color:var(--mut); display:flex; flex-direction:column; gap:6px }
input,select{ padding:8px; border-radius:8px; border:1px solid var(--line); background:#0f1318; color:var(--fg) }
table{ width:100%; border-collapse:collapse; }
th,td{ border-bottom:1px solid var(--line); padding:6px 8px; font-size:14px }
pre{ background:#0f1318; padding:8px; border-radius:8px; overflow:auto; }
#who{ margin-left:8px; color:var(--mut) }