:root{font:14px/1.6 "Segoe UI",system-ui,sans-serif;color:#1b3155;background:#f4f7fd;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;display:flex;min-height:100vh}aside{width:224px;flex-shrink:0;background:white;border-right:1px solid #e1e8f5;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:24px;font-weight:750;text-decoration:none;color:#1b3155;letter-spacing:-.7px;display:flex;align-items:center;gap:10px}.mark,.big-mark{color:#245df4;font-size:40px;line-height:1}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.5px;color:#8191ad;margin:25px 0 16px}nav{display:grid;gap:5px}nav button{color:#1b3155;background:transparent;text-align:left;display:flex;gap:12px;font-weight:500;border-radius:9px;padding:11px 12px}nav button:hover,nav .selected{background:#edf2ff;color:#245df4}footer{margin-top:auto;display:grid;gap:15px;font-size:12px;color:#7f8fa8}footer button{background:none;color:#50617c;padding:0;text-align:left}a{color:#245df4}main{width:min(1040px,100%);padding:46px 42px 32px;margin:0 auto}header{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:30px}header .eyebrow{margin:0 0 8px}h1{font-size:30px;line-height:1.25;letter-spacing:-.9px;margin:0 0 10px}h2{font-size:19px;line-height:1.4;margin:0 0 8px;letter-spacing:-.25px}p{margin:0 0 16px;color:#7384a2}button,.button{font:inherit;font-size:13px;font-weight:600;line-height:1.5;background:#245df4;color:white;border:0;border-radius:9px;cursor:pointer;padding:12px 18px;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#1749cc}button:focus-visible,a:focus-visible{outline:3px solid #8faeff;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}.quiet{background:white;color:#526783;border:1px solid #dde5f2;padding:8px 12px}.quiet:hover{background:#eaf0fc}.panel{background:white;border:1px solid #dce5f4;border-radius:16px;padding:28px;margin-bottom:24px}.welcome{max-width:630px;margin:60px auto;text-align:center;padding:42px}.big-mark{font-size:64px;margin:0 0 25px}.welcome h2{font-size:25px}.welcome .button{margin:10px 0 24px;min-width:230px}.fine{font-size:12px;line-height:1.65;color:#8190a8}.welcome .fine{max-width:370px;margin:auto}.notice{border-radius:10px;padding:12px 16px;background:#fff0f1;color:#a63242}.tag{color:#245df4;background:#edf3ff;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:5px 9px;border-radius:5px;display:inline-block;margin-bottom:18px}.code{display:block;font:600 28px/1.5 monospace;letter-spacing:5px;color:#245df4;margin:12px 0 20px}.download-panel{display:flex;gap:24px;align-items:center}.download-panel>div{flex:1}.download-panel p:last-child{margin-bottom:0}.download-panel button{flex-shrink:0}.section-heading{display:flex;justify-content:space-between;gap:15px;margin:30px 0 15px}.group{background:white;border:1px solid #dce5f4;border-radius:12px;margin:12px 0 24px;overflow:hidden}.group-name{padding:12px 18px;background:#f9fbff;font-weight:650;font-size:13px;border-bottom:1px solid #eaf0f8}.device,.user{display:flex;align-items:center;gap:14px;padding:12px 18px}.device:hover,.user:hover{background:#f2f6ff}.device+.device,.user+.user{border-top:1px solid #edf1f7}.dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#a5afbf}.dot.online{background:#16ac81}.device-name,.user-name{font-weight:600;flex:1;min-width:0;overflow-wrap:anywhere}.device-id,.status{font-size:12px;color:#8391a7}.status.online{color:#159b74}.empty{padding:35px;text-align:center;color:#8190a8}.user .fine{display:block}.user button{padding:7px 12px;font-size:12px;margin-left:6px}@media(max-width:820px){aside{width:180px;padding:24px 12px}main{padding:35px 24px}.download-panel{display:block}.download-panel button{margin-top:20px}h1{font-size:26px}}@media(max-width:580px){body{display:block}aside{height:auto;width:auto;position:static;padding:18px 20px;border-right:0;border-bottom:1px solid #e1e8f5}.brand{font-size:22px}.mark{font-size:34px}aside>.eyebrow{display:none}nav{display:flex;margin-top:15px}nav button{padding:8px 12px}footer{margin-top:15px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}main{padding:28px 18px}.panel{padding:22px}.welcome{margin:20px auto}.user{padding:12px 0;flex-wrap:wrap}.device-id{display:none}.user-name{min-width:160px}header{align-items:start}.quiet{font-size:12px}}