:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e6ebf4;background:#0a0d14;font-synthesis:none;--muted:#8390a5;--line:#252c3a;--blue:#6688ff;--green:#69d5b1}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}button:disabled{opacity:.48;cursor:not-allowed}.logo{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#6b83ff;color:#09102c;letter-spacing:-4px;padding-right:4px;font-size:27px;font-weight:900}.brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:21px;letter-spacing:1.2px}.brand small,.login-brand small{display:block;font-size:9px;font-weight:600;letter-spacing:2px;color:#8d98ae;margin-top:5px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#929eb6;display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block}.login-page{min-height:100vh;background:radial-gradient(ellipse at 13% 40%,#19264755,transparent 48%),#0a0d14;padding:42px 6vw 24px;display:flex;flex-direction:column}.login-brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:750;letter-spacing:1.5px}.login-shell{width:min(1140px,100%);margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:9vw;padding:72px 0}.login-intro h1{font-size:clamp(38px,4.5vw,62px);font-weight:600;letter-spacing:-2.7px;line-height:1.12;margin:29px 0}.login-intro h1 span{color:#849aff}.login-intro>p{font-size:15px;color:#93a0b6;line-height:1.8;max-width:430px}.intro-foot{display:flex;gap:13px;align-items:center;margin-top:38px;color:#a8b4c9;font-size:12px}.intro-foot b{color:#46526a}.shield{color:var(--green);font-size:24px}.login-card{background:linear-gradient(155deg,#171d2b,#111620);border:1px solid #2a3346;border-radius:18px;padding:38px;align-self:center;box-shadow:0 24px 80px #0003}.card-kicker{font-size:9px;letter-spacing:2px;color:#8998b4}.login-card h2{font-size:25px;font-weight:600;letter-spacing:-.7px;margin:26px 0 8px}.login-card>p{color:#95a1b7;font-size:13px}.login-card form{margin-top:32px}label{display:block;font-size:12px;color:#c4cddd;margin:0 0 11px}.password-wrap{display:flex;align-items:center;background:#0b101a;border:1px solid #333c51;border-radius:8px;padding:0 12px 0 15px;margin-bottom:18px}.password-wrap:focus-within{border-color:#849aff}.password-wrap input{width:100%;min-width:0;padding:15px 0;background:transparent;border:0;outline:0;color:#fff;font-size:13px}.password-wrap button{background:transparent;border:0;color:#9daace;font-size:11px}.primary{display:flex;justify-content:space-between;align-items:center;border:1px solid #8399ff;background:#728cff;color:#0b1538;border-radius:7px;padding:13px 16px;font-size:12px;font-weight:750;transition:background .2s}.primary:hover{background:#91a3ff}.wide{width:100%}.primary span{font-size:18px;font-weight:500}.login-note{display:flex;align-items:center;gap:13px;border-top:1px solid #2a3242;margin-top:25px;padding-top:16px}.login-note>span{font-size:25px;color:#778dbe}.login-note p{font-size:11px;line-height:1.7;color:#8390a7}.login-footer{display:flex;justify-content:space-between;color:#536077;font-size:9px;letter-spacing:1.5px}.error{color:#ffadad!important;font-size:12px!important;line-height:1.6;min-height:0}.error:empty{display:none}.app{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#10151f;border-right:1px solid #202838;padding:28px 20px;display:flex;flex-direction:column}.sidebar .brand{padding-left:9px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#62718b;margin:49px 12px 18px}.nav-button{display:flex;align-items:center;gap:13px;width:100%;border:1px solid transparent;border-radius:7px;padding:13px 15px;background:transparent;color:#8d9ab0;text-align:left;margin-bottom:7px;font-size:12px}.nav-button span{font-size:19px;color:#8091af}.nav-button.active{background:#1d2944;color:#b3c4ff;border-color:#2c3d62}.nav-button.active span{color:#90a8ff}.sidebar-bottom{margin-top:auto}.private-note{display:flex;gap:10px;padding:18px 11px;color:#c0cadd;font-size:11px}.private-note .dot{margin-top:4px}.private-note small{display:block;color:#66758f;font-size:9px;margin-top:6px}.logout{border:1px solid #2b3547;color:#91a0b8;border-radius:7px;background:transparent;padding:11px;width:100%;font-size:11px}.workspace{margin-left:228px;min-width:0;width:calc(100% - 228px);display:flex;flex-direction:column}.topbar{height:78px;border-bottom:1px solid #202838;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#0d121b}.breadcrumb{font-size:11px;color:#75839a}.slash{color:#3c485d;margin:0 15px}.topbar strong{font-weight:500;font-size:11px}.private-pill{font-size:10px;color:#a6b3c9;padding:8px 11px;border:1px solid #2b3548;border-radius:6px}.content{padding:42px 40px;max-width:1440px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading h1{font-size:34px;letter-spacing:-1.1px;font-weight:600;margin:14px 0 10px}.page-heading p{font-size:12px;color:#8694ab;line-height:1.7;margin:0}.secondary{background:#141b28;border:1px solid #303c51;color:#bac5d8;padding:11px 15px;border-radius:7px;font-size:11px;white-space:nowrap}.secondary:hover{background:#1d2739}.notice{display:flex;align-items:center;gap:14px;padding:17px 19px;border:1px solid #28374d;background:#111c2c;border-radius:9px;margin-bottom:26px}.notice-icon{border:1px solid #6f89bd;color:#9db7e8;border-radius:50%;width:19px;height:19px;flex-shrink:0;font:italic 13px Georgia;display:grid;place-items:center}.notice p{font-size:11px;line-height:1.7;color:#94a6c3;margin:0;flex:1}.notice strong{color:#c6d4eb;font-weight:550}.notice-tag{font-size:8px;color:#768eaf;letter-spacing:1.2px;text-align:right}.connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.connection-card{background:linear-gradient(145deg,#161d2b,#121824);border:1px solid #2b3447;border-radius:12px;padding:25px}.connection-top{display:flex;justify-content:space-between;align-items:center}.computer-icon{border:1px solid #354264;border-radius:10px;background:#202c48;padding:10px;width:44px;height:44px;color:#a2b5f4}.computer-icon svg{width:100%;height:100%}.state-badge{display:flex;align-items:center;gap:7px;font-size:9px;border-radius:20px;background:#252c3a;color:#a5b0c3;padding:7px 10px}.state-badge i{height:5px;width:5px;border-radius:50%;background:currentColor}.state-badge.online{background:#17372f;color:#78dfb9}.state-badge.offline{background:#3b252b;color:#f5aaa9}.state-badge.pending,.state-badge.stale{background:#342e21;color:#d5bd84}.connection-title{margin:24px 0 10px}.device-caption{font-size:9px;letter-spacing:1.8px;color:#71819b}.connection-title h2{font-size:23px;letter-spacing:-.65px;font-weight:550;margin:7px 0}.connection-message{font-size:11px;line-height:1.7;color:#8e9db5;min-height:38px}.endpoint-box{position:relative;padding:15px 43px 15px 14px;background:#0c121d;border:1px solid #293348;border-radius:7px;margin:19px 0 13px}.endpoint-box>span{font-size:8px;letter-spacing:1.5px;color:#627491;display:block;margin-bottom:8px}.endpoint-box code{font-size:11px;color:#a9b9d9;overflow-wrap:anywhere}.copy-button{position:absolute;right:12px;top:26px;background:transparent;border:0;color:#94a6c7;font-size:20px}.test-details{display:flex;justify-content:space-between;font-size:9px;color:#65748e;gap:8px}.studios{padding:0;list-style:none;margin:9px 0;color:#a6b6d0;font-size:10px;line-height:1.7;min-height:9px}.studios li{overflow-wrap:anywhere}.test-button{width:100%;margin-top:19px}.below-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-top:26px}.panel{border:1px solid #263043;background:#111823;border-radius:11px;padding:24px}.panel h2{font-size:14px;font-weight:550;margin:0}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head>span{font-size:8px;letter-spacing:1.3px;color:#687992}.route{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:29px}.route>div{display:flex;flex-direction:column}.route-node{display:grid;place-items:center;width:30px;height:30px;background:#1c2940;color:#8da9eb;border:1px solid #35486c;border-radius:8px;font-size:10px;margin-bottom:12px}.route strong{font-size:10px;font-weight:550}.route small{font-size:9px;line-height:1.6;margin-top:5px;color:#6f809d}.route>b{font-weight:400;font-size:18px;color:#394b6a}.security-mark{display:block;color:#8c9fdf;font-size:27px;margin-bottom:12px}.security-panel p{font-size:11px;line-height:1.8;color:#7f90ab;margin:10px 0}.text-button{padding:0;border:0;background:transparent;color:#93aaff;font-size:10px;margin-top:8px}.text-button span{margin-left:15px}.status-foot{font-size:9px;color:#5e6e89;margin-top:22px;line-height:1.7}.app-footer{margin-top:auto;padding:21px 40px;border-top:1px solid #1f2838;display:flex;justify-content:space-between;gap:15px;color:#53637f;font-size:8px;letter-spacing:1px}.toast{position:fixed;bottom:25px;right:25px;max-width:450px;border:1px solid #425884;background:#18253c;box-shadow:0 10px 40px #0005;padding:14px 20px;border-radius:8px;font-size:12px;z-index:100;color:#d3e2ff}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-card{padding:28px}.guide-number{display:block;font-size:11px;color:#8da9ff;margin-bottom:17px}.guide-card p,.session-panel p{font-size:12px;line-height:1.9;color:#8d9bb3}.guide-card code{font-size:11px;color:#bacaf0;overflow-wrap:anywhere}.session-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.session-panel p{margin-bottom:0}.danger{background:#302029;border:1px solid #65414b;border-radius:7px;color:#efaab4;padding:12px;font-size:10px;flex-shrink:0}@media(min-width:1500px){.content{padding-top:54px}}@media(max-width:1100px){.sidebar{width:190px;padding:25px 14px}.workspace{margin-left:190px;width:calc(100% - 190px)}.content{padding:32px 25px}.topbar{padding:0 25px}.below-grid{grid-template-columns:1fr}.notice-tag{display:none}.login-shell{gap:5vw}.login-card{padding:28px}.connection-card{padding:20px}.page-heading h1{font-size:29px}}@media(max-width:760px){.app{display:block}.sidebar{position:relative;width:100%;padding:16px 20px;border-right:0;border-bottom:1px solid #263043;display:flex;flex-flow:row wrap;align-items:center;gap:15px}.brand{font-size:18px}.brand small{font-size:8px}.logo{width:34px;height:34px;font-size:24px}.nav-label,.private-note{display:none}.sidebar nav{display:flex;order:3;width:100%;gap:8px}.nav-button{padding:8px 11px;font-size:11px;margin:0}.sidebar-bottom{margin-left:auto;margin-top:0}.logout{font-size:10px;width:auto}.workspace{margin:0;width:100%}.topbar{height:58px;padding:0 20px}.content{padding:28px 20px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.page-heading h1{font-size:30px}.connections-grid,.guide-grid{grid-template-columns:1fr}.notice{padding:14px}.notice p{font-size:10px}.panel{padding:20px}.session-panel{flex-direction:column;align-items:flex-start}.app-footer{padding:20px;flex-direction:column}.login-page{padding:25px 24px}.login-shell{grid-template-columns:1fr;gap:30px;padding:42px 0}.login-intro h1{font-size:39px;letter-spacing:-1.8px}.login-intro>p,.intro-foot{display:none}.login-intro .eyebrow{font-size:9px}.login-intro h1{margin-bottom:0}.login-card{padding:28px}.login-footer{font-size:7px;letter-spacing:.5px}.toast{left:20px;right:20px;bottom:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}