:root{--bg:#f4f5f7;--card:#fff;--tx:#1b1f24;--mu:#6a727c;--bd:#dde1e6;--ac:#d71920;--ok:#1a8f4c;--bad:#c62828}
@media (prefers-color-scheme:dark){:root{--bg:#14171b;--card:#1f242a;--tx:#e8eaed;--mu:#9aa3ad;--bd:#323a42;--ok:#4cc98a;--bad:#ff6b6b}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
button,input,select{font:inherit;color:var(--tx);background:var(--card);border:1px solid var(--bd);border-radius:6px;padding:7px 10px}
button{cursor:pointer}button.pri{background:var(--ac);border-color:var(--ac);color:#fff}button:disabled{opacity:.5}
a{color:var(--ac)}.wrap{max-width:980px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:16px;margin-bottom:16px}
h1{font-size:18px;margin:0 0 4px}h2{font-size:15px;margin:0 0 10px}.mu{color:var(--mu)}.ok{color:var(--ok)}.bad{color:var(--bad)}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.scr{overflow-x:auto}
table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--bd);vertical-align:middle;white-space:nowrap}th{color:var(--mu);font-weight:500}
label.f{display:block;margin-bottom:10px}label.f span{display:block;color:var(--mu);margin-bottom:3px}label.f input,label.f select{width:100%}