:root{font-family:Inter,system-ui,sans-serif;color:#f7f7f8;background:#090b10;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#222a3b 0,transparent 38%),#090b10}main{max-width:1120px;margin:auto;padding:32px 20px}.narrow{max-width:430px;margin:12vh auto}.card{background:#121722;border:1px solid #293244;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 18px 60px #0005}.brand{color:#67e8f9;font-weight:900;letter-spacing:.18em}header,.actions,.row,.metric{display:flex;gap:12px;align-items:center}header{justify-content:space-between;margin-bottom:24px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.cells{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cell{padding:18px;background:#0b0f17;border:1px solid #293244;border-radius:12px}.cell.active{border-color:#67e8f9}.dot{width:12px;height:12px;border-radius:50%;background:#ef4444}.dot.on{background:#22c55e;box-shadow:0 0 18px #22c55e}.big{font-size:46px;font-weight:900}input,button{border-radius:10px;border:1px solid #344057;padding:12px 14px;font:inherit}input{background:#090d15;flex:1;min-width:0}button{background:#67e8f9;color:#071017;font-weight:800;cursor:pointer}.secondary{background:#1c2432;color:#fff}.muted{color:#9aa5b6}.error{color:#fb7185}label{display:block;margin:18px 0 7px}form button{margin-top:12px}.row button{margin-top:0}[dir=rtl]{font-family:Tahoma,Arial,sans-serif}@media(max-width:700px){.grid,.cells{grid-template-columns:1fr}.row{align-items:stretch;flex-direction:column}header{align-items:flex-start}}