:root{--bg:#fff;--fg:#1c1f24;--mut:#6b7280;--line:#d8dce2;--acc:#0b5cad;--bad:#b42318;--ok:#067647}
@media (prefers-color-scheme:dark){:root{--bg:#14171c;--fg:#e6e8eb;--mut:#9aa3af;--line:#2d333b;--acc:#6ab0f3;--bad:#f97066;--ok:#47cd89}}
body{margin:0 auto;max-width:1100px;padding:16px;background:var(--bg);color:var(--fg);font:15px system-ui,sans-serif}
h1{font-size:20px;margin:0 0 12px}
button{font:inherit;padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--fg);cursor:pointer}
button.p{background:var(--acc);color:#fff;border-color:var(--acc)}
button:disabled{opacity:.5;cursor:default}
.tot{display:flex;gap:24px;margin:12px 0;flex-wrap:wrap}.tot b{font-size:22px;display:block}.tot span{color:var(--mut)}
.w{overflow-x:auto;margin-top:12px}table{border-collapse:collapse;width:100%}
th,td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
th{color:var(--mut);font-weight:600}.y{color:var(--ok)}.n{color:var(--bad)}.m{color:var(--mut)}#msg{color:var(--bad);min-height:1.4em}
[hidden]{display:none!important}
h2{font-size:16px;margin:20px 0 4px}td button+button{margin-left:6px}
.add{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
input[type=email]{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--fg);min-width:260px}