:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#080d19;color:#eef3ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#17284c 0,#080d19 42%);min-height:100vh}button,input{font:inherit}button{border:1px solid #2d3b59;border-radius:9px;padding:10px 15px;background:#19243a;color:#eef3ff;cursor:pointer}button:hover:not(:disabled){background:#253553}button:disabled{opacity:.45;cursor:not-allowed}.primary,.new{background:#5168f5;border-color:#6f82ff}.primary:hover:not(:disabled),.new:hover:not(:disabled){background:#657af7}.danger{color:#ffc0c0;border-color:#69363d;background:#44232a}.danger.subtle{background:transparent}main{min-height:100vh}header{height:66px;padding:0 5vw;border-bottom:1px solid #25304a;background:#0a1020dd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;gap:16px;align-items:center}header strong{margin-right:auto;font-size:18px}section{max-width:1000px;margin:0 auto;padding:58px 24px}.hero{display:flex;align-items:center;gap:30px;margin-bottom:18px}.hero>div{margin-right:auto}.hero h1{margin:0 0 8px;font-size:30px}.hero p{margin:0;color:#9eacc8}.new{font-size:16px;padding:13px 20px}.capacity{display:flex;gap:22px;color:#8291af;font-size:14px;border-bottom:1px solid #202b43;padding-bottom:22px;margin-bottom:22px}.box-grid{display:grid;gap:12px}.empty{color:#8998b7;text-align:center;padding:70px 0}article{display:flex;gap:11px;align-items:center;background:#111a2d;border:1px solid #26324b;border-radius:13px;padding:17px}.box-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#243456;color:#92a8ff;font-size:22px}.box-info{margin-right:auto}.box-info>strong{font-size:17px}.box-info small{display:flex;align-items:center;gap:7px;color:#99a8c7;margin-top:5px}.status{width:8px;height:8px;border-radius:50%;background:#75819b}.status.running{background:#56d792;box-shadow:0 0 10px #56d79288}.error{color:#ffb4b4}.banner{background:#3a2028;border:1px solid #713845;border-radius:9px;padding:11px 14px}.login{display:grid;place-items:center}.login form,.modal{width:min(390px,92vw);display:grid;gap:13px;background:#111a2d;border:1px solid #2a3855;padding:32px;border-radius:14px;box-shadow:0 24px 80px #0008}.login h1,.modal h2{margin:0}.login p,.modal p{color:#a1afca;margin:0 0 10px;line-height:1.5}.login input,.modal input{background:#080d19;border:1px solid #3a4968;color:#fff;border-radius:8px;padding:12px}.login button{background:#5168f5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060dbb;display:grid;place-items:center;padding:20px;z-index:10}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.remote{height:100vh;display:flex;flex-direction:column}.remote header{flex:none}.remote iframe{border:0;flex:1;width:100%;background:#111}@media(max-width:700px){section{padding:34px 15px}.hero{align-items:flex-start;flex-direction:column}.new{width:100%}article{align-items:stretch;flex-wrap:wrap}.box-info{width:calc(100% - 60px)}article button{flex:1}header{padding:0 14px;gap:8px}header span{display:none}}.camera-active{background:#087f5b;border-color:#087f5b;color:#fff}