:root{color-scheme:dark;--bg:#050d1b;--panel:#0b1729;--card:#101f34;--line:#213249;--muted:#8fa2bd;--text:#edf3fc;--blue:#2c75ff;--green:#4cdbab;--red:#ff7b88}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 15% 0,#102951 0,transparent 35%),var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:11px 16px;background:#14243b;color:var(--text);transition:background .15s,transform .15s}button:hover{background:#1e3554}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--blue);border-color:var(--blue);font-weight:650;display:inline-flex;align-items:center;justify-content:space-between;gap:30px}.primary:hover{background:#4a8aff}.ghost{background:transparent}.icon-btn{background:transparent;border:0;padding:5px 10px;font-size:24px}.danger{border-color:#6e3445;color:#ffadb6;background:#331c2b}.muted,small{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.18em;color:#83a9ec;font-weight:700;margin:0 0 13px}h1,h2,h3,p{margin-top:0}h1{font-size:40px;line-height:1.14;letter-spacing:-.04em;margin-bottom:14px}h2{font-size:20px;letter-spacing:-.02em;margin-bottom:0}h3{font-size:14px;margin:0}input,textarea{background:#081323;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:12px 13px;outline:none;width:100%;transition:border .15s}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2c75ff15}input::placeholder,textarea::placeholder{color:#627893}label{display:block;margin:16px 0;color:#afc0d7}label input{margin-top:7px}input[type=checkbox]{width:auto;accent-color:var(--blue);margin:0}input[type=range]{accent-color:var(--blue);padding:0}progress{width:100%;height:6px;accent-color:var(--blue)}.hidden{display:none!important}.logo{width:190px;height:58px;background:#001122 url('/static/logo.png') center -88px/400px 225px no-repeat;border-radius:8px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:30px}.login-card{width:430px;max-width:100%;padding:38px;background:#0a182bdc;border:1px solid var(--line);border-radius:22px;box-shadow:0 35px 150px #0006}.login-card .logo{margin:0 0 32px}.login-card h1{font-size:32px}.login-card .primary{width:100%;margin-top:12px}.login-card small{display:block;margin-top:30px;font-size:11px}.heart{color:var(--blue)}.error{color:var(--red);min-height:20px;margin-top:15px}header{height:90px;border-bottom:1px solid #21324999;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#061020cc;gap:20px}.brand{display:flex;align-items:center;gap:22px;text-decoration:none;color:var(--muted);font-size:12px}.brand .logo{width:166px;height:48px;background-size:350px 197px;background-position:center -78px}.header-end{display:flex;align-items:center;gap:22px;font-size:12px;color:var(--muted)}.server-state{display:flex;align-items:center;gap:8px}.server-state i,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #4cdbab33}main{max-width:1600px;margin:auto;padding:38px 4% 15px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.intro h1 span{color:#8299bc}.intro .primary{align-self:flex-end;margin-bottom:17px}.stats{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:14px;margin-bottom:30px}.stats article{border:1px solid var(--line);border-radius:13px;padding:17px 22px;background:#0d1b2eaa;display:flex;flex-direction:column}.stats span{color:var(--muted);font-size:12px}.stats strong{font-size:29px;letter-spacing:-.04em;margin:5px 0}.stats small{font-size:10px}.stats .quiet-stat strong{font-size:20px;margin:10px 0}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.section-heading h2 span{font-size:12px;color:var(--muted);margin-left:8px}.search{margin:0 0 15px}.search input{margin:0}.device-card{border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:17px;margin-bottom:12px;cursor:pointer;position:relative}.device-card:hover{border-color:#415e87}.device-card.selected{border-color:var(--blue);background:linear-gradient(110deg,#112c53,#101d31)}.device-card h3{font-size:19px;letter-spacing:-.03em;margin-bottom:3px}.device-card .location{font-size:12px;color:#b3c6de}.device-card .address{font-size:10px;color:var(--muted);margin:0 0 14px}.device-card .status-dot{position:absolute;right:18px;top:22px}.status-dot.offline{background:#526078;box-shadow:none}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:10px;color:var(--muted)}.mini-metrics b{display:block;color:#d9e6f8;font-size:12px;font-weight:500}.mini-metrics progress{height:4px;margin-top:7px}.card-task{margin-top:15px;border-top:1px solid #ffffff0d;padding-top:10px;color:#9cb4d4;font-size:11px}.detail{background:#0a1729;border:1px solid var(--line);border-radius:16px;padding:25px;min-height:650px}.empty{text-align:center;padding:140px 30px;color:var(--muted)}.empty-icon{font-size:48px;color:#42618e}.empty h2{color:#d2dff1;margin:10px 0}.device-heading{display:flex;align-items:center;justify-content:space-between}.device-heading h2{font-size:30px}.device-heading .eyebrow{margin:0 0 4px}.device-heading .muted{font-size:12px;margin:4px 0 20px}.status{border:1px solid #285e50;background:#14372d;color:#6ce1b9;border-radius:20px;font-size:11px;padding:5px 11px}.status.offline{border-color:#3b4658;background:#202a3b;color:#9cabbe}nav{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}nav button{border:0;border-radius:0;background:transparent;padding:10px 0 14px;color:var(--muted);white-space:nowrap}nav button:hover{background:transparent;color:#fff}nav button.active{color:#75a5ff;border-bottom:2px solid var(--blue)}.preview{aspect-ratio:16/9;background:#030911;border:1px solid #263951;border-radius:12px;overflow:hidden;position:relative;display:grid;place-items:center}.preview img{width:100%;height:100%;object-fit:contain;position:absolute;display:none}.preview-badge{position:absolute;left:14px;top:12px;letter-spacing:.15em;font-size:9px;background:#061223c9;border:1px solid #52698355;border-radius:5px;padding:4px 7px;color:#adbed4}#screen-placeholder{text-align:center;color:#67819f}#screen-placeholder span{font-size:45px;display:block}#screen-placeholder p{margin:10px 0 4px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}.toolbar .switch{font-size:11px;display:flex;align-items:center;gap:9px}.info-box{border:1px solid var(--line);border-radius:10px;padding:15px 17px;margin:15px 0;background:#0c1e34;color:#acbfd9;font-size:12px}.info-box p{margin:7px 0}.capabilities{display:flex;gap:8px;flex-wrap:wrap}.capabilities span{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:4px 7px;color:var(--muted)}.panel-lead{font-size:17px}.task-types{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.task-types button{flex:1;white-space:nowrap;font-size:12px}.task-types button.active{border-color:var(--blue);color:#9fc0ff;background:#17315a}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed #3a5f8f;border-radius:12px;background:#10274888;min-height:180px;cursor:pointer;text-align:center;padding:20px}.dropzone input{display:none}.dropzone strong{color:#caddf7;font-size:15px}.dropzone span{color:#8ea9ce}.dropzone small{margin-top:15px;font-size:11px}.dropzone.over{border-color:#94bfff;background:#183b6b}.compact{margin-top:30px}.job{border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:12px}.job strong{display:block;color:#cfddf0;font-size:12px;margin-bottom:3px}.job .applied{color:var(--green)}.job .error{color:var(--red)}.remote-layout{display:flex;gap:45px;padding:20px 0 30px;justify-content:center;align-items:center}.remote-pad{width:230px;height:230px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:7px}.remote-pad button{padding:0;font-size:20px}.up{grid-area:1/2}.left{grid-area:2/1}.ok{grid-area:2/2;background:var(--blue);border:0;font-weight:700}.right{grid-area:2/3}.down{grid-area:3/2}.remote-functions{display:flex;flex-direction:column;gap:8px}.text-entry{display:flex;gap:8px;margin:25px 0}.text-entry input{flex:1}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-grid div{border:1px solid var(--line);padding:13px;border-radius:8px;overflow-wrap:anywhere}.info-grid span{font-size:10px;color:var(--muted);display:block}.info-grid strong{display:block;font-size:12px;font-weight:500;margin-top:4px}.terminal,pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#030b16;padding:15px;border:1px solid var(--line);border-radius:9px;max-height:400px;overflow:auto;font:12px/1.6 Consolas,monospace;color:#b0cdeb}.terminal{min-height:140px}.danger-toolbar{border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#193054;color:#e8f1ff;border:1px solid #3e6193;border-radius:10px;padding:12px 22px;box-shadow:0 10px 50px #0008;max-width:90%;text-align:center}.toast.bad{border-color:#a34555;background:#492333}footer{display:flex;justify-content:space-between;color:#5e7492;font-size:10px;margin:30px 0 10px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;max-width:500px;width:90%;padding:25px}dialog::backdrop{background:#0009}dialog .primary{width:100%}code{font-family:Consolas,monospace;font-size:11px;overflow-wrap:anywhere}@media(max-width:1000px){.workspace{grid-template-columns:280px minmax(0,1fr)}.detail{padding:18px}.header-end #clock,.brand>span{display:none}.remote-layout{gap:15px}.remote-pad{width:190px;height:190px}.intro h1{font-size:33px}}@media(max-width:760px){header{height:75px;padding:0 5%}.header-end{gap:8px}.server-state{display:none}main{padding:25px 4%}.intro{display:block}.intro h1{font-size:31px}.intro .primary{margin-top:8px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats article{padding:13px}.stats strong{font-size:24px}.stats .quiet-stat strong{font-size:16px}.workspace{display:block}aside{margin-bottom:20px}#device-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.device-card{margin:0;padding:14px}.device-card h3{font-size:17px}.device-card .address{display:none}.mini-metrics{gap:8px}.detail{min-height:500px}.toolbar{align-items:start;flex-direction:column}.remote-layout{gap:18px}.remote-pad{width:210px;height:210px}.info-grid{grid-template-columns:1fr}.task-types button{flex:1 1 40%}footer{font-size:9px;gap:10px}}@media(max-width:400px){#device-list{display:block}.device-card{margin-bottom:10px}.remote-layout{flex-direction:column}.remote-functions{display:grid;grid-template-columns:1fr 1fr}.text-entry{flex-direction:column}}