
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#e6eaf1;background:#0c1018;font-synthesis:none;--muted:#8894a8;--line:#242c3a;--accent:#b5f576}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.hidden{display:none!important}.muted{color:var(--muted);line-height:1.6}.fine{font-size:12px;line-height:1.7;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:40px;letter-spacing:-1.6px;font-weight:650;line-height:1.18;margin-bottom:14px}h2{font-size:19px;letter-spacing:-.3px}h3{font-size:15px}.eyebrow{letter-spacing:2px;font-size:10px;color:var(--accent);font-weight:700;margin-bottom:16px}.accent{color:var(--accent)}button{border:0;border-radius:9px;padding:12px 18px;font-weight:600;font-size:13px;transition:background .15s,transform .15s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}.primary{background:var(--accent);color:#17220d;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px}.secondary{background:#1c2635;color:#e7ecf3;border:1px solid #344155}.danger{background:#38232b;color:#ffa6b0;border:1px solid #673743}.text-button,.icon-button{color:var(--muted);background:transparent}.icon-button{font-size:22px;padding:5px 10px}.full{width:100%}label{display:block;font-size:12px;color:#acb6c5;margin-bottom:18px}input,textarea{display:block;width:100%;margin-top:8px;border:1px solid #303a4c;border-radius:8px;padding:12px;background:#101722;color:#edf1f7}input:focus,textarea:focus{border-color:var(--accent)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--accent);color:#192411;font-weight:800;font-size:18px;letter-spacing:-1px;margin-bottom:35px}.brand-mark.small{width:34px;height:34px;font-size:14px;border-radius:9px;margin:0}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;max-width:1220px;margin:auto;align-items:center;padding:60px 55px;gap:100px}.login-card{max-width:400px}.login-card h1{font-size:46px}.login-card form{margin-top:35px}.login-card form button{width:100%;justify-content:space-between}.error{color:#ffa6b0;font-size:13px;margin-top:18px}.login-art{position:relative;min-height:530px;display:grid;place-items:center}.orbit{position:absolute;width:430px;height:430px;border:1px solid #223027;border-radius:50%}.orbit-two{width:530px;height:530px;border-style:dashed;opacity:.6}.mock-phone{width:230px;height:440px;border-radius:35px;background:linear-gradient(150deg,#253b2e,#111d20 55%,#182334);border:7px solid #3a4448;box-shadow:0 30px 90px #0008;transform:rotate(-9deg);padding:15px}.phone-notch{width:65px;height:13px;background:#0c1018;border-radius:15px;margin:auto}.phone-clock{text-align:center;margin-top:75px;font-size:30px;font-weight:300}.phone-status{font-size:10px;text-align:center;margin-top:14px;color:#c6d8c7}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px}.dot.off{background:#6e7a8d}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:45px;padding:12px}.phone-grid i{height:42px;border-radius:11px;background:#ffffff12}.floating-label{position:absolute;bottom:48px;right:-4px;background:#1d2b22;border:1px solid #3b5140;padding:18px 22px;border-radius:12px;font-size:12px;color:#cce2bd}.console{display:flex;min-height:100vh}.sidebar{position:fixed;width:235px;top:0;bottom:0;background:#10151f;border-right:1px solid var(--line);padding:29px 18px}.brand{display:flex;align-items:center;gap:11px;font-size:15px;padding:0 4px}.sidebar-label{font-size:9px;letter-spacing:1.5px;color:#647187;margin:53px 12px 17px}.nav{display:flex;align-items:center;gap:13px;padding:13px;border-radius:8px;font-size:13px;text-decoration:none}.nav.active{background:#b5f57610;color:var(--accent)}.nav b{margin-left:auto;font-size:11px;background:#b5f57616;border-radius:5px;padding:2px 6px}.sidebar-bottom{position:absolute;bottom:24px;left:20px;right:20px;display:flex;align-items:center;gap:10px;padding-top:20px;border-top:1px solid var(--line)}.owner-icon{width:32px;height:32px;display:grid;place-items:center;background:#263045;border-radius:50%;font-size:12px}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.sidebar-bottom button{margin-left:auto}main{margin-left:235px;width:calc(100% - 235px)}header{height:78px;padding:0 45px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px}.breadcrumb{color:#a0aabc}.breadcrumb span{padding:0 14px;color:#47546b}.connection{color:var(--muted);font-size:10px}.workspace{padding:42px 45px 20px;max-width:1550px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.page-heading h1{font-size:34px;margin-bottom:12px}.page-heading .muted{font-size:12px;margin:0}.page-heading .eyebrow{font-size:9px;margin-bottom:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#121924;border-radius:12px;margin-bottom:38px}.stats>div{padding:24px 28px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stat-label{font-size:11px;color:#a2aec0}.stats strong{display:block;font-size:33px;font-weight:500;margin:16px 0 5px}.stats small{font-size:10px;color:#77859b}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.list-heading h2{font-size:15px;margin:0}.list-heading h2 span{font-size:11px;margin-left:9px;padding:3px 6px;border-radius:5px;background:#202939;color:#a7b3c4}.search-label{display:flex;align-items:center;gap:9px;margin:0;border:1px solid var(--line);background:#111822;border-radius:8px;padding:0 12px}.search-label input{border:0;background:transparent;padding:10px 0;margin:0;font-size:11px;width:170px}.search-label span{font-size:20px;color:var(--muted)}.empty{border:1px dashed #2d394c;border-radius:12px;text-align:center;padding:44px 20px;background:radial-gradient(ellipse at top,#16221e66,transparent 75%)}.empty-icon{margin:auto auto 15px;width:48px;height:55px;display:grid;place-items:center;border:1px solid #3a4b43;border-radius:13px;font-size:36px;color:var(--accent);background:#1e2b24}.empty h2{font-size:17px;margin-bottom:10px}.empty p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:20px}.empty small{display:block;font-size:10px;color:#697990;margin-top:18px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}.device-card{padding:22px;background:#141c28;border:1px solid var(--line);border-radius:12px}.device-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.device-icon{font-size:30px;color:#b9c5d5}.status-pill{font-size:9px;border:1px solid #344237;color:var(--accent);border-radius:20px;padding:5px 8px}.status-pill.off{color:#8d9ab0;border-color:#303b4c}.device-card h3{margin-bottom:7px;font-size:15px}.device-card .muted{font-size:11px}.device-meta{font-size:10px;line-height:1.9;color:#76859b;margin:20px 0}.device-actions{display:flex;gap:8px}.device-actions .primary{flex:1;font-size:11px;padding:10px;min-height:38px}.device-actions .icon-button{font-size:17px}.activity{margin-top:36px}.audit-list{border-top:1px solid var(--line)}.audit-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #202938;padding:13px 0;font-size:11px;color:#a6b3c6}.audit-row time{font-size:10px;color:#6e7c92;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:15px;color:#56657d;font-size:9px;margin-top:40px;padding:20px 0}.notice{padding:14px 18px;color:#dfc896;background:#302b1c;border:1px solid #51452a;border-radius:8px;font-size:12px;margin-bottom:25px}dialog{width:min(460px,94vw);background:#151d2a;color:#e6eaf1;border:1px solid #39475c;border-radius:16px;padding:28px;box-shadow:0 40px 100px #0009}dialog::backdrop{background:#050a12ce;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.dialog-heading h2{margin:0;font-size:20px}.dialog-heading p{font-size:12px;margin:9px 0 0}dialog>.muted{font-size:13px}.pair-code{font-family:Consolas,monospace;font-size:25px;letter-spacing:3px;color:var(--accent);padding:24px 8px;text-align:center;border:1px dashed #40523a;border-radius:10px;background:#17231c;margin-top:20px}.session-dialog{width:min(1080px,97vw);max-height:95vh}.session-layout{display:grid;grid-template-columns:1fr 220px;gap:24px}.screen-wrap{height:65vh;min-height:280px;background:#06090f;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}video{max-width:100%;max-height:100%;touch-action:none;cursor:crosshair}.screen-placeholder{position:absolute;text-align:center;font-size:14px;line-height:1.8;color:#afbdce}.screen-placeholder small{font-size:11px;color:#6d7f98}.controls button{width:100%;margin-bottom:10px}.controls label{margin-top:20px}.controls textarea{height:90px;resize:vertical}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 25px;background:#263b2c;border:1px solid #527447;border-radius:10px;color:#e0f3d2;z-index:100;font-size:13px;max-width:90vw}@media(min-width:1500px){.workspace{padding-top:55px}}@media(max-width:1000px){.sidebar{width:195px}main{margin-left:195px;width:calc(100% - 195px)}header{padding:0 25px}.workspace{padding:32px 25px}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.page-heading .primary{font-size:11px;padding:10px}.login-shell{gap:30px;padding:40px}.orbit-two{display:none}.orbit{width:330px;height:330px}.login-art{min-height:450px}.floating-label{right:0;bottom:0}.stats>div{padding:20px}.session-layout{grid-template-columns:1fr 180px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-label,.nav,.sidebar-bottom{display:none}.console{display:block}main{margin:0;width:100%}header{height:55px;padding:0 20px}.breadcrumb{font-size:10px}.workspace{padding:25px 20px}.page-heading{display:block}.page-heading>.primary{margin-top:20px}.stats{margin-bottom:28px}.stats>div{padding:16px 12px}.stat-label,.stats small{font-size:9px}.stats strong{font-size:27px}.list-heading{gap:8px}.search-label input{width:135px}.login-shell{display:block;padding:40px 25px}.login-card{margin:auto}.login-art{display:none}.login-card h1{font-size:40px}.session-layout{display:block}.screen-wrap{height:50vh}.controls{margin-top:20px}.controls button{width:auto;margin-right:5px}.controls textarea{height:60px}dialog{padding:20px}.dialog-heading .danger{padding:10px;font-size:10px}.pair-code{font-size:19px;letter-spacing:2px}footer{display:block}footer span{display:block;margin-bottom:8px}}.device-grid{display:block;overflow-x:auto;border-radius:12px}.devices-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;background:#121a26;border:1px solid var(--line)}.devices-table th{font-size:10px;font-weight:500;color:#8292a9;padding:17px 18px;border-bottom:1px solid var(--line);background:#161f2d}.devices-table td{font-size:11px;padding:21px 18px;border-bottom:1px solid var(--line);vertical-align:middle}.devices-table tr:hover td{background:#172130}.device-name{font-size:13px;font-weight:600}.table-sub{font-size:9px;color:#73849c;margin-top:8px;font-weight:400}.devices-table .status-pill{display:inline-block}.devices-table .device-actions{align-items:center}.devices-table .primary{font-size:10px;min-height:34px;padding:9px 12px}.devices-table .icon-button{font-size:20px}.devices-table td:first-child{min-width:160px}.devices-table td:nth-child(4){min-width:155px}.header-actions{display:flex;align-items:center;gap:12px}.mobile-only{display:none}a{color:var(--accent)}@media(max-width:700px){.mobile-only{display:inline-block}.header-actions{gap:3px}.header-actions .text-button{font-size:10px;padding:7px}.connection{font-size:9px}.breadcrumb{max-width:130px}}main.join-page{margin:0 auto;padding:50px 25px;max-width:650px;width:100%}.join-page h1{font-size:36px}.join-step{margin:30px 0;padding:25px;background:#151f2b;border:1px solid var(--line);border-radius:12px}.join-step h2{font-size:17px}.join-step p{font-size:13px}.download-link{text-decoration:none}.join-page>p.fine{margin-top:30px}
#screenRelay{max-width:100%;max-height:100%;object-fit:contain;touch-action:none;cursor:crosshair}

select{width:100%;margin-top:8px;padding:10px;border:1px solid #344155;background:#101722;color:#e6eaf1;border-radius:8px;font:inherit}

.platform-choices{display:flex;gap:12px;margin:20px 0}.download-link[aria-disabled=true]{opacity:.4;pointer-events:none}.join-step summary{cursor:pointer;font-size:14px;color:#b5f576}

.mode-choice{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.mode-choice input{width:18px;margin:0;accent-color:var(--accent)}.mode-choice .fine{flex-basis:100%;margin-left:28px}.join-page .download-link{max-width:100%;white-space:normal;line-height:1.5}.join-step{overflow-wrap:anywhere}

.devices-table .device-actions .secondary{font-size:10px;min-height:34px;padding:9px 12px;white-space:nowrap}.screen-placeholder{max-width:90%;padding:12px}.screen-placeholder button{margin-top:16px}.audit-row .table-sub{white-space:normal;overflow-wrap:anywhere}
