@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#dfe5ef;background:#0c111b;font-synthesis:none;color-scheme:dark;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;color:#c7d1df;border:1px solid #303b4b;background:#192231;border-radius:7px;padding:9px 12px;transition:background .15s}button:hover{background:#263449}button:disabled{opacity:.5;cursor:wait}a{color:#65ddc0;text-decoration:none}input,textarea{background:#0d141f;border:1px solid #2b3748;color:#e8edf5;border-radius:6px;padding:10px;width:100%}input:focus,textarea:focus{border-color:#54d8b4;outline:1px solid #54d8b4}label{display:flex;flex-direction:column;gap:8px;color:#9faec2;font-size:12px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Space Grotesk,system-ui,sans-serif}h2{font-size:18px;font-weight:600;margin-bottom:12px}h3{font-size:13px;color:#c7d3e3}p{color:#8392a9;line-height:1.7}code{font-family:Consolas,monospace}small{color:#8290a5;line-height:1.6}.app-shell{display:flex;min-height:100vh}.sidebar{width:228px;border-right:1px solid #232c3c;padding:31px 20px;position:fixed;inset:0 auto 0 0;background:#0e1520;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#76e7c7;font-size:24px;font-weight:700;white-space:nowrap}.brand>span{font-size:15px;color:#e7edf6;letter-spacing:.5px}.brand-light{color:#77869b;font-size:10px}.workspace-label{color:#596a82;font-size:10px;letter-spacing:1.8px;margin:58px 12px 20px}.nav-item,.nav-link{padding:13px;display:flex;align-items:center;gap:13px;border-radius:7px;font-size:13px}.nav-item{background:#16332f;color:#77e6c6;border:1px solid #245047}.nav-item b{margin-left:auto;font-size:10px;background:#235246;border-radius:4px;padding:2px 6px}.nav-link{color:#8392a7;margin-top:8px}.sidebar-bottom{margin-top:auto;font-size:11px;color:#a2b2c6}.sidebar-bottom small{display:block;padding:8px 0 0 16px;font-size:10px}.main{margin-left:228px;width:calc(100% - 228px)}header{height:77px;border-bottom:1px solid #232c3c;display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:12px;color:#a7b4c7}.muted{color:#435268;margin:0 13px}.header-status{display:flex;align-items:center;gap:8px;font-size:11px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#667587;flex-shrink:0}.dot.ready{background:#65dbb4;box-shadow:0 0 9px #65dbb425}.dot.error{background:#fa8e83}.dot.provisioning,.dot.rotating,.dot.rebooting{background:#e6c779}main{padding:43px 42px 22px;max-width:1850px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:9px;letter-spacing:2px;color:#697d99;font-weight:700;margin-bottom:13px}h1{font-size:37px;letter-spacing:-1.5px;margin-bottom:10px;font-weight:500}h1>span{color:#74e5c1}.page-title p{font-size:12px;margin-bottom:0}.environment{font-size:9px;color:#93a5bb;letter-spacing:1px;border:1px solid #2a3546;border-radius:5px;padding:9px 12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #283243;border-radius:10px;background:#111a27;margin-bottom:36px}.stats>div{padding:24px 25px;border-right:1px solid #283243}.stats>div:last-child{border:0}.stats>div>span{font-size:9px;color:#8496af;letter-spacing:1.1px}.stats strong{display:block;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:500;margin:14px 0 8px}.stats strong small{font:11px DM Sans,sans-serif;margin-left:12px}.stats strong small .dot{margin-right:5px}.stats p{font-size:10px;margin:0}.meter{height:3px;background:#263446;margin-top:15px}.meter i{height:3px;background:#6ce2bc;display:block}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:14px}.section-heading h2{margin:0}.section-heading h2 span{display:inline-block;border:1px solid #2d3a4d;border-radius:5px;font:11px DM Sans,sans-serif;padding:2px 6px;margin-left:8px;color:#99a9be}.scale-controls{display:flex;align-items:center;gap:9px}.scale-controls label{font-size:11px}.scale-controls input[type=number]{width:62px;padding:8px}.primary{background:#8de4c2;border:1px solid #8de4c2;color:#0a3027;font-weight:700;font-size:12px}.primary:hover{background:#b1efd6}.upload-button{border:1px solid #354256;padding:9px 12px;border-radius:6px;color:#c6d1df;cursor:pointer}.upload-button input{display:none}.fleet-area{display:grid;grid-template-columns:1fr;gap:22px}.fleet-area.with-controls{grid-template-columns:minmax(0,1fr) 290px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:19px;align-content:start}.node-card{background:#121c29;border:1px solid #293548;border-radius:10px;overflow:hidden}.node-card.selected{border-color:#70d8b6}.node-heading{padding:15px 13px;display:flex;align-items:center;gap:8px}.node-name{font-size:12px;font-weight:600;padding:0;border:0;background:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{margin-left:auto;color:#899db7;font-size:9px;text-transform:uppercase}.screen-wrap{position:relative;background:radial-gradient(ellipse at center,#1d3040,#0a111a);height:310px;margin:0 12px;border:1px solid #273647;border-radius:7px;overflow:hidden}.screen{width:100%;height:100%}.screen-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ab1c9;font-size:12px;pointer-events:none;gap:13px}.screen-message small{font-size:10px}.android-mark{color:#548675;font-size:37px}.live-badge{position:absolute;top:8px;left:8px;color:#8ce3c2;background:#10251ce6;border-radius:3px;padding:4px;font-size:8px}.node-data{padding:17px 14px;display:flex;justify-content:space-between;gap:12px}.node-data>div{display:flex;flex-direction:column;gap:7px}.node-data span{font-size:8px;letter-spacing:1px;color:#7388a2}.node-data code{font-size:11px;color:#b7c8d9}.card-footer{border-top:1px solid #273244;padding:10px 12px;display:flex;align-items:center;gap:6px}.card-footer code{color:#63758e;font-size:9px;margin-right:auto}.card-footer button{font-size:10px;padding:5px 7px;background:transparent}.node-error{font-size:11px;color:#e5a49a;padding:0 14px}.empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:340px;border:1px dashed #2c3a4e;border-radius:9px;background:linear-gradient(120deg,#111b28,#0e1622);text-align:center;padding:30px}.empty>div{font-size:38px;color:#6bd2af;border:1px solid #2e514a;border-radius:14px;width:68px;height:68px;padding-top:8px;margin-bottom:24px}.empty h2{font-size:19px;font-weight:500}.empty p{font-size:12px}.empty a{font-size:12px;margin-top:7px}.panel{border:1px solid #2a3648;border-radius:10px;background:#111b28;padding:24px}.control-panel{padding:18px;align-self:start}.control-panel>code{color:#6e859f;font-size:10px}.control-panel h2{font-size:15px}.control-panel label{margin-bottom:11px}.control-panel button{font-size:10px}.control-section{border-top:1px solid #2b3747;margin-top:18px;padding-top:18px}.control-section small{display:block;font-size:10px;margin-top:9px}.button-row{display:flex;gap:5px;flex-wrap:wrap}.coordinate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.coordinate-grid label{font-size:9px}.coordinate-grid input{padding:7px}.control-panel textarea{height:100px;font-family:Consolas,monospace;font-size:11px;margin-bottom:10px}.danger{color:#ed9a90;border-color:#6c393c}.proxy-section{margin-top:34px}.proxy-section h2{margin-bottom:6px}.proxy-section p{font-size:11px}.proxy-section form{display:grid;grid-template-columns:1fr 2fr 1.5fr auto;gap:15px;align-items:end;margin-top:25px}.proxy-section button{height:38px}.pool-list{margin-top:20px;border-top:1px solid #293648}.pool-list>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #202d3e;font-size:11px}.pool-list code{color:#91a4bb}.pool-list>div>span:last-child{margin-left:auto;color:#7f94ae}.notice{background:#39252a;border:1px solid #6e3e48;border-radius:7px;padding:12px 15px;margin-bottom:22px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.notice.ok{background:#13362d;border-color:#2f6450;color:#9ce2c5}.notice button{background:transparent;border:0;padding:0 7px;font-size:19px}.login{max-width:500px;margin:70px auto;display:flex;flex-direction:column;gap:16px}.login h2{margin:0}.login p{font-size:12px;margin:0}.login small{font-size:10px}footer{display:flex;align-items:center;justify-content:space-between;margin-top:35px;padding-top:20px;border-top:1px solid #202c3b;font-size:9px;color:#526982}footer>span:first-child{letter-spacing:1.2px}footer button{font-size:10px;border:0;background:transparent;padding:0}@media(min-width:1600px){.device-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}@media(max-width:1100px){.sidebar{width:185px;padding:30px 14px}.brand-light{display:none}.main{margin-left:185px;width:calc(100% - 185px)}main{padding:30px 24px}header{padding:0 24px}.stats>div{padding:20px 14px}.scale-controls{flex-wrap:wrap;justify-content:flex-end}.environment{display:none}.fleet-area.with-controls{grid-template-columns:1fr}.control-panel{grid-row:1}.proxy-section form{grid-template-columns:1fr 1fr}.page-title h1{font-size:31px}}@media(max-width:700px){.sidebar{display:none}.main{margin:0;width:100%}header{height:60px;padding:0 18px}.header-status{font-size:9px}main{padding:28px 18px}.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid #283243}.section-heading{align-items:flex-start;flex-direction:column}.scale-controls{justify-content:flex-start}.device-grid{grid-template-columns:1fr}.screen-wrap{height:380px}.proxy-section form{grid-template-columns:1fr}footer>span:nth-child(2){display:none}.page-title p{max-width:280px}.pool-list>div{flex-wrap:wrap}.control-panel .section-heading{flex-direction:row}}.android-screen{display:flex;align-items:center;justify-content:center;background:#000}.android-screen canvas{max-width:100%;max-height:100%;width:auto;height:auto;touch-action:none;outline-offset:-2px}.stream-speed{flex-direction:row;align-items:center;white-space:nowrap}.stream-speed input{width:16px;height:16px;accent-color:#8de4c2}.device-grid.single-device{grid-template-columns:minmax(0,1fr);max-width:820px}.device-grid.single-device .screen-wrap{height:min(72vh,800px);min-height:440px}.device-location{margin:8px 14px;font-size:11px;color:#9ddac8}.control-panel select{width:100%;padding:10px;border:1px solid #2b3748;border-radius:6px;background:#0d141f;color:#e8edf5;font:inherit}.control-panel select:focus{outline:1px solid #54d8b4;border-color:#54d8b4}
