:root{--ink:#16324f;--bg:#eef2f6;--card:#fff;--line:#d5dde6;--ok:#17794a;--no:#b3261e;--wait:#9a6700;--acc:#16324f}
@media(prefers-color-scheme:dark){:root{--ink:#e6edf5;--bg:#0f1b29;--card:#172638;--line:#2a3d54;--ok:#5fd09a;--no:#ff8a80;--wait:#f2c14e;--acc:#3d7ab8}}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 24px;background:var(--acc);color:#fff}
header a{color:#fff;margin-inline-start:12px}
main{max-width:1050px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:18px}
h1,h2{margin:0 0 12px;font-size:1.25rem}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.tabs a{padding:8px 16px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);text-decoration:none}.tabs a.on{background:var(--acc);color:#fff}
label{display:block;font-size:.9rem;margin:8px 0 3px}
input,select,textarea,button{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}
input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}
button,.btn{background:var(--acc);color:#fff;border:0;cursor:pointer;padding:9px 18px;border-radius:6px;text-decoration:none;display:inline-block}
button.del{background:var(--no);padding:4px 10px}
:focus-visible{outline:3px solid var(--wait);outline-offset:2px}
table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}th{font-size:.85rem;opacity:.8}
.b{padding:2px 10px;border-radius:12px;font-size:.85rem;border:1px solid currentColor;white-space:nowrap}.ok{color:var(--ok)}.no{color:var(--no)}.w{color:var(--wait)}
.msg{padding:10px;border-radius:6px;border:1px solid var(--no);color:var(--no);margin-bottom:14px}.msg.good{border-color:var(--ok);color:var(--ok)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:18px}.stats div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px}.stats b{display:block;font-size:1.8rem}
.chk{display:flex;flex-wrap:wrap;gap:8px}.chk label{display:flex;gap:6px;align-items:center;margin:0;padding:6px 12px;border:1px solid var(--line);border-radius:6px}
.login{max-width:380px;margin:12vh auto}.tw{overflow-x:auto}