:root{font-family:Inter,ui-sans-serif,system-ui;background:#050b18;color:#f5f8ff;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#0d3880 0,transparent 32%),#050b18}header{height:72px;border-bottom:1px solid #193258;display:flex;justify-content:space-between;align-items:center;padding:0 max(5vw,24px);background:#071020cc;backdrop-filter:blur(14px)}header div{display:flex;align-items:center;gap:10px}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#1677ff;font-weight:900}header small{color:#8faad0;border-left:1px solid #345;padding-left:10px}.secure{color:#5ee6a8;font-size:13px}main{max-width:1120px;margin:auto;padding:70px 24px}.hero{max-width:700px;margin-bottom:36px}.eyebrow{color:#55a4ff;font-weight:800;letter-spacing:.14em;font-size:12px}h1{font-size:clamp(38px,6vw,66px);line-height:1;margin:14px 0}h2,h3{margin-top:0}.hero>p:last-child,.card p,#summary{color:#9bb0cf}.card{background:#0a1629;border:1px solid #1c365d;border-radius:16px;padding:24px;box-shadow:0 20px 50px #0004}.login{max-width:480px}input{width:100%;background:#050d1c;border:1px solid #2c4b75;padding:13px;border-radius:9px;margin:10px 0;color:white}button{border:0;border-radius:9px;background:#1677ff;color:white;font-weight:750;padding:12px 16px;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.login button{width:100%}.secondary{background:#132641;border:1px solid #31517c}.toolbar,.row{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:20px 0}.device button{width:100%;margin-top:22px}.status,.mode{font-size:11px;text-transform:uppercase;letter-spacing:.09em;padding:5px 8px;border-radius:99px}.status.online{background:#0b4934;color:#67f3b2}.status.offline{background:#3b2630;color:#ff93ae}.mode{background:#142c4f;color:#8fc4ff}.event{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #18304f}.event time,.device small{color:#7089ad;font-size:12px}.error{color:#ff7c9b}.empty{padding:30px;border:1px dashed #345;color:#8faad0;border-radius:12px}.danger{background:#c93154}dialog{width:min(96vw,1400px);height:min(94vh,900px);padding:0;border:1px solid #31517c;border-radius:16px;background:#071020;color:white}dialog::backdrop{background:#02050bdd;backdrop-filter:blur(7px)}.viewerHead{height:66px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b3558}.viewerHead div{display:flex;flex-direction:column;gap:4px}.viewerHead small,.viewerHelp{color:#8faad0}#screenWrap{height:calc(100% - 104px);display:grid;place-items:center;overflow:hidden;background:#01040a;position:relative;outline:none}#screen{max-width:100%;max-height:100%;user-select:none}.viewerHelp{margin:9px 18px;font-size:12px}#waiting{position:absolute;color:#8faad0}@media(max-width:600px){header small{display:none}.event{flex-direction:column;gap:4px}}