:root{color-scheme:dark;--bg:#121923;--surface:#1a2432;--line:#304052;--text:#f3f6fc;--muted:#b0becf;--accent:#5c86ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}header{display:flex;align-items:center;gap:24px;padding:22px 4%;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:750;letter-spacing:2px}.brand span{font-size:13px;letter-spacing:0;color:var(--muted);margin-left:12px}#identity{margin-left:auto}main{max-width:1240px;margin:auto;padding:32px 24px}h1{font-size:30px;margin:0 0 8px}h2{margin:0 0 16px;font-size:21px}h3{margin-top:28px}p{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:#91acff;margin-bottom:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px}.narrow{max-width:480px;margin:50px auto}.layout{display:grid;grid-template-columns:340px 1fr;gap:24px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.heading h2{margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;color:var(--muted);margin:0 0 18px;font-size:13px}input,textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #4b5f77;border-radius:7px;color:var(--text);background:#121c29;font:inherit}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}button{border:1px solid #526786;border-radius:7px;padding:10px 15px;color:var(--text);background:#233247;cursor:pointer;font:inherit}button:hover{border-color:var(--accent);background:#2c405c}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:default;opacity:.45}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.client-list{margin-top:24px}.client{display:block;text-align:left;width:100%;margin:8px 0}.client.selected{border-color:var(--accent);background:#2a3a59}.client small{display:block;color:var(--muted);margin-top:3px}.badge{padding:4px 10px;border-radius:30px;background:#293c59;color:#c5d4ff;white-space:nowrap}.hint,.muted{font-size:12px;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.extension{display:flex;gap:12px;align-items:end;border-block:1px solid var(--line);padding:20px 0}.extension label{flex:1;margin:0}.audit{font-size:13px;color:var(--muted)}.audit div{padding:9px 0;border-bottom:1px solid var(--line)}#message:not(:empty){border:1px solid var(--accent);border-radius:9px;padding:14px;margin-bottom:20px}#message.error{border-color:#ef7d86;color:#ffb1b7}.empty{padding:36px 0}[hidden]{display:none!important}@media(max-width:800px){.layout,.grid{grid-template-columns:1fr}.heading{align-items:start}header{padding:16px}main{padding:20px 14px}.card{padding:20px}.extension{flex-direction:column;align-items:stretch}}
 .dashboard{margin-top:28px}.dashboard h2{margin-top:30px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:#202e42;border:1px solid #405675;border-radius:10px;padding:16px;font-size:24px;font-weight:700;color:#fff}.stat-labels{color:var(--muted);font-size:12px;word-spacing:42px;margin-bottom:-8px;position:relative;z-index:1;padding:0 16px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-card{border:1px solid var(--line);border-radius:10px;padding:16px;background:#162131}.chart-card h3{margin:0 0 12px}.chart-card svg{display:block;width:100%;height:180px;background:linear-gradient(#26384f 1px,transparent 1px);background-size:100% 36px}.chart-meta{font-size:12px;color:var(--muted);margin-top:10px}.alert{padding:11px 14px;border-radius:8px;margin:8px 0;border:1px solid}.alert.warning{border-color:#c79634;background:#3d321e;color:#ffd986}.alert.critical{border-color:#c95762;background:#42242b;color:#ffb2ba}@media(max-width:800px){.charts{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.stat-labels{word-spacing:5px}}