:root{color-scheme:dark;--bg:#101615;--panel:#19211f;--border:#2d3833;--muted:#9daea4;--text:#ecf2ee;--accent:#bef583;--ink:#172317}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 'Segoe UI',Arial,sans-serif}button,input,textarea{font:inherit}button,a,input,summary{outline-offset:5px}button{cursor:pointer;border:1px solid #455247;color:var(--text);background:transparent;border-radius:9px;padding:12px 17px;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:#2d3c30}button:disabled{opacity:.35;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}.primary:hover:not(:disabled){background:#d4ffa7}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}[hidden]{display:none!important}.app{display:grid;grid-template-columns:258px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);padding:32px 23px;display:flex;flex-direction:column;background:#131b17}.brand{display:flex;gap:13px;align-items:center;font-size:19px;font-weight:700;line-height:1.3}.mark{display:grid;place-items:center;background:var(--accent);color:var(--ink);border-radius:12px;min-width:43px;height:43px;font-size:17px;letter-spacing:-1px}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.nav-caption{font-size:10px;letter-spacing:1.8px;color:#718177;margin:56px 8px 17px}nav{display:grid;gap:9px}nav button{border:0;text-align:left;font-weight:500;color:#aab9af;padding:15px 13px}nav button span{font-size:10px;margin-right:19px;opacity:.65}nav .selected{background:#283626;color:#d1f2b7}.aside-bottom{margin-top:auto;font-size:12px;color:#b2c2b6}.aside-bottom p{color:#758a7a;margin-top:5px}.aside-bottom a{display:inline-block;margin-top:23px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:6px}main{padding:0 48px;max-width:1530px;width:100%;margin:auto}header{height:93px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.chip{font-size:11px;border:1px solid #3e4b42;padding:6px 11px;border-radius:30px;color:#a9b8af}.chip.connected{color:var(--accent);border-color:#557145}.page{padding-top:38px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:600}h1{font-size:clamp(32px,3.2vw,48px);line-height:1.13;letter-spacing:-1.7px;margin:18px 0}h2{font-size:20px;line-height:1.3;margin:0 0 10px;letter-spacing:-.5px}h3{font-size:14px;margin:0 0 8px}.muted{color:var(--muted)}.intro{font-size:14px;color:var(--muted);max-width:600px;margin:0 0 29px}.connection-card{display:flex;align-items:center;gap:20px;border:1px solid #455b3f;background:#1e2d1c;border-radius:13px;padding:25px;margin-bottom:23px}.connection-card h2{font-size:18px;margin-bottom:4px}.connection-card p{font-size:12px;color:#a1b59a;margin:0}.grow{flex:1}.device-symbol{display:grid;place-items:center;width:49px;height:55px;border:1px solid #6a8358;border-radius:10px;color:var(--accent);font-size:26px}.connection-card button{white-space:nowrap}.connection-card button span{margin-left:15px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:24px}.step{font-size:9px;letter-spacing:1.5px;color:var(--muted);display:block;margin-bottom:28px}.card p{font-size:13px;color:var(--muted);margin:10px 0 23px}.steps .card{display:flex;flex-direction:column}.steps .card p{flex:1}.steps .card button{width:100%;font-size:12px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.subtle{background:transparent;padding:20px 24px}.subtle p{margin:0;font-size:12px}.activity{border-top:1px solid var(--border);margin-top:31px;padding:19px 0;color:var(--muted);font-size:12px}.activity summary{cursor:pointer}.activity summary span{float:right;font-size:11px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 Consolas,monospace;max-height:240px;overflow:auto}footer{display:flex;justify-content:space-between;color:#6f8375;font-size:10px;padding:15px 0 25px}input,textarea{background:#121a15;border:1px solid #465548;border-radius:8px;color:var(--text);padding:11px 13px;min-width:0}input[type=checkbox]{accent-color:var(--accent)}.toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.toolbar>input{flex:1}.checkbox{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.apps-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}.app-list{max-height:500px;overflow:auto}.app-list button{display:block;width:100%;text-align:left;margin-bottom:6px;font-size:12px;overflow-wrap:anywhere}.app-list button.selected{border-color:var(--accent);background:#263922}.app-detail{border-left:1px solid var(--border);padding-left:24px;overflow-wrap:anywhere}.app-detail label{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.app-detail small{display:block;color:var(--muted)}.app-detail h2{font-size:16px}.app-detail button{margin-top:16px}.notice{margin:20px 0 0;border:1px solid #a68c50;background:#342b18;border-radius:10px;padding:14px 18px;font-size:13px;white-space:pre-line}.notice.success{border-color:#668c46;background:#24351f}dialog{background:#1d2820;border:1px solid #50654d;color:var(--text);border-radius:17px;max-width:540px;width:calc(100% - 40px);padding:32px}dialog::backdrop{background:#000b}dialog h2{margin-top:17px}dialog p{color:var(--muted);white-space:pre-line}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.admin-main{max-width:1160px;margin:auto;padding:0 35px}.admin-main h1{font-size:36px}.login{max-width:460px;margin:85px auto}.login input{width:100%;margin:15px 0}.login button{width:100%}.admin-tabs{display:flex;gap:10px;margin:24px 0}.admin-tabs .selected{background:var(--accent);color:var(--ink)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:500;background:var(--panel)}td small{display:block;color:var(--muted);margin-top:5px}td button{padding:7px 10px;font-size:11px;margin:3px}.status{color:var(--accent)}.admin-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.admin-actions p{color:var(--muted);font-size:12px}.empty{padding:35px;color:var(--muted);text-align:center}@media(min-width:1550px){main{padding:0 65px}.page{padding-top:55px}.connection-card{margin-top:35px}.steps .card{min-height:267px}}@media(max-width:1100px){.app{grid-template-columns:215px 1fr}aside{padding:26px 15px}main{padding:0 26px}.steps{grid-template-columns:1fr}.step{margin-bottom:18px}.steps .card{display:grid;grid-template-columns:1fr auto;column-gap:25px}.steps .step,.steps h2,.steps p{grid-column:1}.steps .card button{grid-column:2;grid-row:2/4;align-self:center}.connection-card{flex-wrap:wrap}.connection-card .grow{min-width:200px}.bottom-grid{grid-template-columns:1fr}}@media(max-width:720px){.app{display:block}aside{height:auto;position:static;display:block;border-right:0;border-bottom:1px solid var(--border);padding:18px}.brand small,.nav-caption,.aside-bottom{display:none}nav{display:flex;gap:5px;margin-top:18px}nav button{flex:1;font-size:12px;padding:10px 5px;text-align:center}nav button span{display:none}main{padding:0 19px}header{height:65px}.page{padding-top:29px}h1{font-size:37px}.connection-card{padding:20px;gap:13px}.connection-card button{width:100%}.steps .card{display:flex}.steps .card button{margin-top:0}.toolbar{flex-wrap:wrap}.toolbar>input{flex-basis:100%}.apps-grid{grid-template-columns:1fr}.app-list{max-height:220px}.app-detail{padding:20px 0 0;border-left:0;border-top:1px solid var(--border)}.activity summary span{float:none;display:block;margin-top:6px}.admin-main{padding:0 18px}.admin-tabs{flex-wrap:wrap}.admin-actions{align-items:flex-start}}