:root{color-scheme:dark;--bg:#0d0b15;--panel:#191622;--border:#312a3c;--text:#f8f5ff;--muted:#a89eb8;--purple:#bd8dff;--green:#60dcb1}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -20%,#36234e,transparent 41%),var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1080px;margin:auto;padding:0 26px}.topbar{height:90px;border-bottom:1px solid #302838;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.7px}.logo{display:grid;place-items:center;background:var(--purple);color:#21102f;width:34px;height:34px;border-radius:9px}.user{display:flex;align-items:center;gap:20px}.user span{color:var(--purple);font-weight:700}.text-button{background:none;border:0;color:#c7addf;padding:7px 0}.text-button:hover{color:#fff}
.hero{max-width:690px;padding:95px 0 120px}.eyebrow{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:2.3px}.hero h1{font-size:clamp(52px,8vw,91px);line-height:1.04;letter-spacing:-4px;margin:22px 0}.hero h1 span,.highlight{color:var(--purple)}.hero p{font-size:19px;color:var(--muted);max-width:600px}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin:35px 0}.button{border:1px solid transparent;border-radius:10px;font-weight:750;padding:12px 20px;display:inline-block}.primary{color:#1a0b2b;background:var(--purple)}.primary:hover{background:#cda6ff}.outline{border-color:#65467e;background:#251a31}.outline:hover{background:#3a284e}.secondary{background:#39264b;color:#edddff}.secondary:hover{background:#503565}
.sample-commands{margin-top:52px;display:flex;gap:11px;flex-wrap:wrap}.sample-commands code,.command code{font-size:13px;color:#dbafff}.sample-commands code{border:1px solid #483352;background:#241b2f;padding:7px 13px;border-radius:8px}
.heading{margin:54px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:22px}.heading h1{font-size:clamp(35px,5vw,52px);line-height:1.1;margin:8px 0;letter-spacing:-2px}.heading p,.card p{color:var(--muted)}.status{display:inline-flex;gap:9px;align-items:center;border-radius:30px;border:1px solid;padding:8px 13px;font-size:11px;font-weight:800;white-space:nowrap;letter-spacing:1px}.status.on{color:var(--green);background:#11291e;border-color:#28694c}.status.off{color:#aaa3ba;background:#25202d;border-color:#504759}.dot{background:currentColor;width:8px;height:8px;border-radius:50%}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.metric,.card{background:linear-gradient(155deg,#1b1825,#16131d);border:1px solid var(--border);border-radius:15px}.metric{padding:19px 24px}.metric span{color:var(--muted);font-size:13px;display:block}.metric strong{font-size:37px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.sidebar{display:grid;gap:18px;align-content:start}.card{padding:25px}.card h2{font-size:19px;letter-spacing:-.4px;margin:0}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tag{border:1px solid #483b51;color:#b9abc7;border-radius:20px;padding:3px 11px;font-size:11px}
.entries{list-style:none;padding:0;margin:0}.entries li{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #2b2635}.entries li:last-child{border-bottom:0}.avatar{width:36px;height:36px;background:#392749;color:#d6b3ff;border-radius:10px;display:grid;place-items:center;font-weight:800}.entries strong{font-size:14px}.qty{margin-left:auto;font-size:12px;color:var(--muted)}.empty{text-align:center;padding:80px 0;color:var(--muted)}.command{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);gap:10px;padding:11px 0}.command small{font-size:12px;color:var(--muted);text-align:right}.winner{display:flex;gap:15px;align-items:center;padding:10px 0}.winner span{color:var(--purple);font-family:monospace}.winner strong{font-size:14px}
.radio{display:flex;gap:9px;align-items:center;color:#d7cce1;font-size:13px;margin:12px 0}.radio input{accent-color:var(--purple)}.sync{margin-top:18px;padding-top:9px;border-top:1px solid var(--border)}.relogin{display:inline-block;font-size:12px}.setup{max-width:690px}.setup h2{font-size:25px;margin:10px 0}.fields{display:grid;gap:18px;margin-top:24px}.fields label{display:grid;gap:7px;color:var(--muted)}.fields input{background:#100f16;border:1px solid #5f486e;color:#fff;border-radius:9px;padding:11px}.fields button{justify-self:start}.alert{padding:13px 16px;border-radius:9px;margin:18px 0}.error,.problems{background:#3b1f2a;color:#ffc8cc}.success{background:#1a3b2c;color:#b8ffde}.problems{margin-top:18px}.problems p{color:#ffc8cc;overflow-wrap:anywhere}footer{text-align:center;color:#766e82;font-size:12px;padding:55px 0 25px}
@media(max-width:760px){.shell{padding:0 17px}.topbar{height:72px}.heading{flex-direction:column;align-items:flex-start;margin:35px 0 22px}.layout{grid-template-columns:1fr}.metrics{gap:8px}.metric{padding:12px}.metric strong{font-size:29px}.metric span{font-size:11px}.card{padding:20px}.hero{padding:70px 0}.hero h1{letter-spacing:-2px}.user{gap:10px}}