:root{color-scheme:dark;--bg:#101826;--card:#192437;--line:#2d3e57;--text:#f3f7ff;--muted:#9fafc4;--brand:#2d9cff;--danger:#ff6a70}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px system-ui,-apple-system,"Segoe UI",sans-serif}main{max-width:620px;margin:0 auto;padding:28px 18px 48px}header,.section-heading,.client-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 4px}h1{font-size:28px;margin:0}h2{font-size:18px;margin:0 0 16px}.card,.client,dialog{background:var(--card);border:1px solid var(--line);border-radius:16px}.card{margin:24px 0;padding:18px}form{display:grid;gap:14px}label{display:grid;gap:7px;font-size:14px;font-weight:600}.muted,.client-meta,.loading,.dialog-note{color:var(--muted);font-weight:400}input{min-height:44px;border:1px solid var(--line);border-radius:10px;background:#101a2a;color:var(--text);padding:10px 12px;font:inherit}button{min-height:42px;border:0;border-radius:10px;padding:0 15px;color:var(--text);font:600 15px inherit;cursor:pointer}.primary{background:var(--brand)}.secondary{background:transparent;border:1px solid var(--line)}.danger{color:#fff;background:#a72e39}.icon{min-width:42px;padding:0;background:var(--card);font-size:23px}.notice{margin:18px 0;padding:12px 14px;border-radius:10px;background:#70323a}.notice.ok{background:#1d6046}.clients{display:grid;gap:10px}.client{padding:14px}.client-name{font-weight:700}.client-meta{font-size:13px;margin-top:5px}.client-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.client-actions button{min-height:36px;padding:0 11px;font-size:13px}.count{color:var(--muted);font-size:14px}.status{font-size:12px;padding:4px 8px;border-radius:999px;background:#245c43;color:#d5ffe7}.status.off{background:#64353b;color:#ffdade}dialog{color:var(--text);width:min(420px,calc(100vw - 28px));padding:24px;position:relative}dialog::backdrop{background:rgba(0,0,0,.72)}.dialog-close{position:absolute;right:10px;top:8px;background:transparent;font-size:28px;padding:0;min-height:34px}.qr{display:grid;place-items:center;margin:16px 0}.qr svg{width:min(260px,100%);height:auto;background:#fff;padding:8px;border-radius:10px}.dialog-actions{align-items:stretch;flex-direction:column}.dialog-actions button{width:100%}@media(min-width:560px){.dialog-actions{flex-direction:row}.dialog-actions button{width:auto;flex:1}}