html,body,#root{min-width:320px;min-height:100%}*{box-sizing:border-box}:root{color:#161616;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -20%,#0000000a,#0000 38%),#f7f7f8;min-height:100vh}button,input{font:inherit}button{color:inherit}.appShell{background:0 0;min-height:100vh;display:block}.sidebar{display:none}.mainPanel{width:min(1120px,100% - 48px);margin:0 auto;padding:34px 0 72px}.mainHeader{justify-content:space-between;align-items:center;gap:18px;min-height:64px;margin-bottom:52px;display:flex}.mainHeader:before{content:"E";color:#fff;background:#151515;border-radius:13px;place-items:center;width:42px;height:42px;margin-right:2px;font-size:18px;font-weight:800;display:grid}.mainHeader>div:first-child{margin-right:auto}.mainHeader h1{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:760;line-height:1.1}.mainHeader p{color:#9a9a9a;margin:4px 0 0;font-size:11px}.onlineBadge{color:#606060;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #e5e5e5;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:11px;font-weight:650;display:inline-flex}.onlineBadge>span{background:#27b36a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #27b36a17}.onlineBadge.offline>span{box-shadow:none;background:#aaa}.dashboardGrid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:stretch;gap:18px;display:grid}.deviceCard,.connectCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #e7e7e8;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 1px 1px #00000005,0 18px 55px #00000009}.deviceCard{flex-direction:column;min-height:390px;padding:34px 36px;display:flex}.connectCard{min-height:390px;padding:34px}.cardHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sectionLabel{color:#a1a1a1;letter-spacing:.16em;margin-bottom:9px;font-size:9px;font-weight:750;display:block}.cardHeader h2,.connectCard h2,.accessModal h2{color:#1a1a1a;letter-spacing:-.035em;margin:0;font-size:23px;font-weight:720}.deviceIcon{color:#4a4a4a;background:#fafafa;border:1px solid #ececec;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.deviceIcon svg{width:20px;height:20px}.deviceIdButton{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;margin:auto 0;padding:42px 0 36px;display:block}.deviceIdButton>span:first-child{color:#111;letter-spacing:-.02em;font-size:clamp(43px,5.3vw,64px);font-weight:760;line-height:.95;display:block}.copyHint{color:#777;background:#fafafa;border:1px solid #ececec;border-radius:9px;align-items:center;gap:7px;width:fit-content;margin-top:20px;padding:8px 10px;font-size:10px;font-weight:620;display:inline-flex}.copyHint svg{width:14px;height:14px}.availabilityRow{border-top:1px solid #f0f0f0;align-items:flex-start;gap:11px;margin-top:auto;padding-top:20px;display:flex}.availabilityIndicator{background:#24b36b;border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 4px #24b36b17}.availabilityIndicator.offline{box-shadow:none;background:#aaa}.availabilityRow strong,.availabilityRow span{display:block}.availabilityRow strong{font-size:11px;font-weight:670}.availabilityRow span{color:#a0a0a0;margin-top:4px;font-size:10px}.cardDescription{color:#929292;margin:8px 0 28px;font-size:11px;line-height:1.6}.fieldLabel{color:#565656;margin:0 0 7px;font-size:10px;font-weight:650;display:block}.supervisorLabel{margin-top:16px}.fieldLabel>span{color:#adadad;margin-left:6px;font-weight:500}.inputShell{background:#fafafa;border:1px solid #e1e1e1;border-radius:12px;align-items:center;gap:10px;height:52px;padding:0 14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.inputShell:focus-within{background:#fff;border-color:#bdbdbd;box-shadow:0 0 0 4px #00000008}.inputShell>svg{color:#9b9b9b;flex:none;width:17px;height:17px}.inputShell input{color:#181818;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.inputShell input::placeholder{color:#b8b8b8}.passwordToggle{color:#9b9b9b;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.passwordToggle:hover{color:#333;background:#f0f0f0}.passwordToggle svg{width:16px;height:16px}.primaryConnectButton{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;height:52px;margin-top:22px;font-size:12px;font-weight:700;transition:background .14s,transform .14s;display:flex}.primaryConnectButton:hover:not(:disabled){background:#000}.primaryConnectButton:active:not(:disabled){transform:scale(.995)}.primaryConnectButton:disabled{opacity:.32;cursor:not-allowed}.primaryConnectButton svg{width:16px;height:16px}.deviceSection{margin-top:34px}.sectionHeading{justify-content:space-between;align-items:center;gap:16px;min-height:34px;margin-bottom:10px;padding:0 4px;display:flex}.sectionHeading>div{align-items:center;gap:8px;display:flex}.sectionHeading svg{color:#777;width:15px;height:15px}.sectionHeading h3{margin:0;font-size:12px;font-weight:690}.sectionHeading>span{color:#aaa;font-size:10px}.deviceList{background:#fff;border:1px solid #e9e9e9;border-radius:16px;overflow:hidden}.remoteDeviceRow{border-bottom:1px solid #f1f1f1;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:66px;padding:9px 13px;display:grid}.remoteDeviceRow:last-child{border-bottom:0}.remoteDeviceAvatar{color:#575757;background:#f4f4f4;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.remoteDeviceAvatar svg{width:17px;height:17px}.remoteDeviceInfo strong,.remoteDeviceInfo span{display:block}.remoteDeviceInfo strong{font-size:11px;font-weight:650}.remoteDeviceInfo span{color:#a0a0a0;letter-spacing:.04em;margin-top:3px;font-size:9px}.favoriteButton{color:#b0b0b0;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.favoriteButton:hover,.favoriteButton.active{color:#242424;background:#f5f5f5}.favoriteButton.active svg{fill:currentColor}.favoriteButton svg{width:15px;height:15px}.rowConnectButton{color:#4d4d4d;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:9px;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:10px;font-weight:650;display:flex}.rowConnectButton:hover{background:#f8f8f8}.rowConnectButton svg{width:13px;height:13px}.emptyState{text-align:center;background:#ffffff73;border:1px dashed #ddd;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:130px;display:flex}.emptyState>div{color:#777;background:#efefef;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:9px;display:grid}.emptyState>div svg{width:17px;height:17px}.emptyState strong{font-size:11px}.emptyState span{color:#a0a0a0;margin-top:4px;font-size:9px}.modalOverlay{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#08080875;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.accessModal{background:#fff;border:1px solid #fffc;border-radius:20px;width:min(410px,100%);padding:30px;box-shadow:0 30px 100px #0003}.modalIcon{background:#f1f1f1;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:23px;display:grid}.modalIcon svg{width:21px;height:21px}.accessModal p{color:#858585;margin:9px 0 18px;font-size:11px;line-height:1.55}.securityNotice{color:#666;background:#f7f7f7;border-radius:10px;align-items:flex-start;gap:8px;padding:11px 12px;font-size:9px;line-height:1.45;display:flex}.securityNotice svg{flex:none;width:15px;height:15px}.modalActions{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}.primaryButton,.secondaryButton{cursor:pointer;border-radius:10px;height:44px;font-size:11px;font-weight:700}.primaryButton{color:#fff;background:#171717;border:0}.secondaryButton{background:#fff;border:1px solid #e1e1e1}.sessionPage{background:#111;flex-direction:column;min-height:100vh;display:flex}.sessionTopbar{z-index:20;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#181818f5;border-bottom:1px solid #282828;grid-template-columns:minmax(175px,1fr) auto minmax(175px,1fr);align-items:center;gap:16px;min-height:58px;padding:7px 12px;display:grid;position:relative}.sessionIdentity{align-items:center;gap:9px;display:flex}.miniLogo{color:#fff;background:#101010;border:1px solid #363636;border-radius:9px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.sessionIdentity strong,.sessionIdentity span{display:block}.sessionIdentity strong{font-size:11px;font-weight:660}.sessionIdentity span{color:#777;margin-top:3px;font-size:8px}.sessionCenterStatus{color:#aaa;white-space:nowrap;justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex}.liveDot{background:#43d17f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #43d17f14}.liveDot.warning{background:#d9a844}.sessionDivider{color:#4a4a4a}.sessionActions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.toolbarButton{color:#999;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.toolbarButton:hover,.toolbarButton.active{color:#fff;background:#242424;border-color:#353535}.toolbarButton svg{width:16px;height:16px}.toolbarSeparator{background:#343434;width:1px;height:20px;margin:0 3px}.disconnectButton{color:#efaaaa;cursor:pointer;background:#2e1b1b;border:1px solid #5b3030;border-radius:8px;height:34px;margin-left:4px;padding:0 11px;font-size:9px;font-weight:700}.disconnectButton:hover{background:#3a2020}.toolbarMenuWrapper{position:relative}.keyboardMenu{z-index:30;background:#222;border:1px solid #383838;border-radius:11px;width:248px;padding:7px;position:absolute;top:41px;right:0;overflow:hidden;box-shadow:0 18px 50px #0000006b}.keyboardMenu>p{color:#707070;letter-spacing:.12em;text-transform:uppercase;margin:5px 8px 8px;font-size:8px;font-weight:750}.keyboardMenu button{color:#d0d0d0;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:37px;padding:0 9px;font-size:9px;display:flex}.keyboardMenu button:hover{background:#2d2d2d}.keyboardMenu kbd{color:#878787;background:#171717;border:1px solid #414141;border-radius:5px;padding:4px 6px;font-family:inherit;font-size:7px}.remoteWorkspace{background:#0c0c0c;flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.remoteCanvas{-webkit-user-select:none;user-select:none;touch-action:none;cursor:default;background:radial-gradient(circle,#171717,#0d0d0d 72%);outline:0;justify-content:center;align-items:center;width:100%;height:calc(100vh - 58px);display:flex;position:relative;overflow:auto}.remoteCanvas .remoteVideo{pointer-events:none;background:#000;display:block}.remoteCanvas.fit .remoteVideo{object-fit:contain;width:100%;height:100%}.remoteCanvas.fill .remoteVideo{object-fit:cover;width:100%;height:100%}.remoteCanvas.actual .remoteVideo{object-fit:none;width:auto;max-width:none;height:auto;max-height:none}.remoteCanvas:fullscreen{background:#000;width:100vw;height:100vh}.remoteCanvas:fullscreen .remoteVideo{max-width:100vw;max-height:100vh}.sessionOverlay{color:#fff;background:#111;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sessionOverlay strong{margin-top:13px;font-size:11px}.sessionOverlay span{color:#777;margin-top:5px;font-size:9px}.spinner{border:2px solid #303030;border-top-color:#d8d8d8;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.mainPanel{width:min(760px,100% - 32px)}.dashboardGrid{grid-template-columns:1fr}.deviceCard,.connectCard{min-height:auto}.deviceIdButton{margin:38px 0}.sessionTopbar{grid-template-columns:1fr auto}.sessionCenterStatus{display:none}}@media (width<=620px){.mainPanel{width:calc(100% - 26px);padding-top:20px}.mainHeader{margin-bottom:30px}.mainHeader:before{width:38px;height:38px}.mainHeader h1{font-size:17px}.deviceCard,.connectCard{border-radius:19px;padding:24px}.deviceIdButton>span:first-child{font-size:40px}.remoteDeviceRow{grid-template-columns:auto minmax(0,1fr) auto}.favoriteButton{display:none}.rowConnectButton{justify-content:center;width:34px;padding:0;font-size:0}.toolbarButton:nth-of-type(2),.toolbarButton:nth-of-type(3){display:none}.disconnectButton{padding-inline:9px}}