:root{--navy:#07111e;--navy2:#0b1725;--card:#0e1e2e;--card2:#122638;--line:#233d54;--text:#edf7ff;--muted:#8da7bc;--blue:#35a4ff;--cyan:#55e7ce;--green:#44dc9d;--red:#ff6c7d;--amber:#ffc65c;--shadow:0 22px 70px #0005}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 10% -5%,#143b5a 0,transparent 25%),var(--navy);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:70px;border-bottom:1px solid var(--line);background:#07111edb;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.08em}.brand>span,.mark{background:linear-gradient(140deg,var(--blue),var(--cyan));color:#03111d;display:grid;place-items:center;font-weight:1000}.brand>span{width:36px;height:36px;border-radius:11px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.06em}.topbar nav{display:flex;align-items:center;gap:18px;color:#bcd0df;font-size:13px}.topbar nav a:hover{color:white}.container{max-width:1240px;margin:auto;padding:34px 24px 70px}.page-head,.device-heading,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-head{margin-bottom:25px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,4vw,42px);line-height:1.1;margin-bottom:7px;letter-spacing:-.04em}h2{font-size:20px;margin-bottom:12px}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.16em;font-weight:850;margin-bottom:7px}.sub{color:var(--muted);margin-bottom:0}.primary,.panel button,.wizard button,.danger-zone button,.action-grid button{border:0;border-radius:10px;background:#183249;color:#dcefff;padding:10px 13px;font-weight:750;cursor:pointer;transition:.18s}.primary,.panel button.accent,.wizard button.accent{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#03111d}.primary:hover,.panel button:hover,.wizard button:hover,.danger-zone button:hover,.action-grid button:hover{transform:translateY(-1px);filter:brightness(1.13)}.primary.compact{padding:11px 16px}.alert{padding:14px 16px;border-radius:12px;margin:0 0 18px;border:1px solid}.alert.success{background:#0d3028;border-color:#256c57}.alert.error{background:#32151d;border-color:#71303c}.token-row{display:flex;gap:10px;align-items:center;margin-top:10px}.token-row code{background:#061018;padding:9px 11px;border-radius:8px;overflow:auto}.token-row button{padding:8px 12px}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.device-card,.panel,.live-hero,.wizard,.danger-zone,.empty{border:1px solid var(--line);background:linear-gradient(150deg,#102335ee,#0b1927ee);border-radius:17px;box-shadow:var(--shadow)}.device-card{padding:20px;transition:.2s}.device-card:hover{transform:translateY(-3px);border-color:#3b6788}.device-top{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.device-top code{margin-left:auto;color:#7994a9}.live-dot{width:8px;height:8px;border-radius:50%;background:#637381;box-shadow:0 0 0 4px #63738120}.live-dot.on{background:var(--green);box-shadow:0 0 0 4px #44dc9d20,0 0 14px #44dc9d}.device-card h2{margin:21px 0 2px}.device-card>p{color:var(--muted);font-size:13px}.weight{display:flex;align-items:baseline;gap:8px;margin:20px 0}.weight strong{font-size:38px;letter-spacing:-.05em}.weight small{color:var(--cyan);font-weight:800}.card-meta{border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;color:var(--muted);font-size:11px}.card-meta b{display:block;color:#ddecf7;font-size:12px}.empty{grid-column:1/-1;text-align:center;padding:80px 20px}.empty>div{font-size:44px;color:var(--cyan)}dialog{width:min(520px,calc(100% - 24px));background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#020812c9;backdrop-filter:blur(4px)}dialog label,.login-card label{display:block;color:#b9ccdb;font-size:13px;margin-bottom:14px}dialog input,dialog select,.login-card input,.command-form input,.command-form select{display:block;width:100%;margin-top:6px;border:1px solid #2d4963;background:#081522;color:var(--text);padding:11px 12px;border-radius:9px;outline:0}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #35a4ff20}.dialog-close{position:absolute;right:13px;top:10px}.dialog-close button{background:transparent;border:0;color:var(--muted);font-size:28px;cursor:pointer}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{border:0;background:transparent;color:var(--muted);padding:10px 15px}.tabs button.active{color:var(--cyan);border-bottom:2px solid var(--cyan)}.login-page{min-height:100vh;display:grid;place-items:center}.login-shell{width:min(1040px,calc(100% - 30px));display:grid;grid-template-columns:1.25fr .85fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 35px 120px #0009}.login-art{padding:64px;background:radial-gradient(circle at 80% 20%,#286ca855 0,transparent 30%),linear-gradient(145deg,#102b42,#071521);min-height:600px;display:flex;flex-direction:column;justify-content:center}.mark{width:58px;height:58px;border-radius:17px;font-size:26px;margin-bottom:48px}.login-art h1{font-size:56px;max-width:540px}.login-art>p:not(.eyebrow){color:#acc2d2;font-size:18px;max-width:520px}.signal{margin-top:65px;display:flex;align-items:flex-end;gap:5px;color:var(--muted);font-size:12px}.signal i{width:5px;background:var(--cyan);border-radius:3px}.signal i:nth-child(1){height:7px}.signal i:nth-child(2){height:12px}.signal i:nth-child(3){height:18px}.signal i:nth-child(4){height:25px}.signal span{margin-left:8px}.login-card{background:#0b1826;padding:54px 42px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:28px;margin-bottom:4px}.login-card .sub{margin-bottom:28px}.login-card .primary{width:100%;display:flex;justify-content:space-between;margin-top:5px}.fine{font-size:11px;color:var(--muted);margin-top:20px;text-align:center}.device-heading{margin-bottom:22px}.connection-badges{display:flex;gap:9px}.badge{padding:8px 12px;border:1px solid var(--line);background:#122536;border-radius:999px;color:var(--muted);font-size:12px}.badge.on{border-color:#277159;color:#8ef4c8;background:#0e3028}.badge.bad{border-color:#71303c;color:#ffb2bb;background:#32151d}.live-hero{padding:27px 31px;display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:center}.hero-weight{display:flex;align-items:baseline;gap:12px}.hero-weight strong{font:800 clamp(58px,8vw,88px)/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:-.08em}.hero-weight small{font-size:20px;color:var(--cyan);font-weight:900}.stable{color:var(--muted);font-size:13px;margin:9px 0 0}.stable.on{color:var(--green)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden}.hero-stats article{padding:16px;background:#0b1b29}.hero-stats span{display:block;color:var(--muted);font-size:11px}.hero-stats b{font-size:17px}.section-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:25px 0 20px;overflow:auto}.section-tabs button{white-space:nowrap;background:transparent;border:0;color:var(--muted);padding:12px 16px;cursor:pointer;font-weight:750}.section-tabs button.active{color:var(--text);border-bottom:2px solid var(--cyan)}.tab-panel{display:none}.tab-panel.active{display:block}.panel-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.panel{padding:21px}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.health{margin:0}.health>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;gap:15px}.health dt{color:var(--muted)}.health dd{margin:0;text-align:right}.wizard{padding:25px}.wizard-intro{max-width:720px}.wizard-intro>p:last-child{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.steps article{background:#0a1825;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:12px}.steps i{font-style:normal;background:#19374e;color:var(--cyan);width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;font-weight:900}.steps h3{margin:2px 0 7px}.steps p{font-size:12px;color:var(--muted);min-height:55px}.row,.choice-row,.toggle-actions{display:flex;gap:8px;flex-wrap:wrap}.danger-zone{margin-top:17px;padding:18px;border-color:#64323a;background:#28151b}.danger-zone h3{margin-bottom:3px}.danger-zone p{color:#c99ba2;font-size:13px}.danger-zone button{background:#672432;color:#ffdce0}.danger-zone.inline{box-shadow:none;margin-top:25px}.settings-grid{grid-template-columns:repeat(3,1fr)}.command-form{margin:10px 0}.command-form.two,.command-form.three{display:grid;grid-template-columns:1fr auto;gap:8px}.command-form.three{grid-template-columns:1fr 1fr auto}.command-form input,.command-form select{margin-top:0}.toggle-actions{align-items:center;border-top:1px solid var(--line);padding:10px 0}.toggle-actions span{margin-right:auto}.factor-list{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.factor-list div{display:flex;justify-content:space-between;background:#091722;padding:8px 10px;border-radius:8px;color:var(--muted)}.factor-list b{color:var(--text)}.logs-grid{grid-template-columns:1.3fr .7fr}.event-log{height:440px;overflow:auto;background:#050d14;border:1px solid #1d3447;border-radius:11px;padding:13px;color:#a8d8c9;font:12px/1.7 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap}.command-list{display:flex;flex-direction:column;gap:8px;max-height:440px;overflow:auto}.command-item{padding:10px;border:1px solid var(--line);border-radius:9px;background:#0a1825}.command-item code{display:block;font-size:11px;overflow-wrap:anywhere}.command-item span{font-size:10px;text-transform:uppercase;color:var(--muted)}.command-item.completed span{color:var(--green)}.command-item.failed span,.command-item.timeout span{color:var(--red)}.toast{position:fixed;right:20px;bottom:20px;z-index:50;max-width:360px;background:#16364d;border:1px solid #3c759b;padding:12px 16px;border-radius:11px;box-shadow:var(--shadow)}.toast.error{background:#451923;border-color:#8d3444}@media(max-width:1000px){.device-grid,.settings-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}}@media(max-width:740px){.login-shell{grid-template-columns:1fr}.login-art{min-height:280px;padding:34px}.login-art h1{font-size:38px}.login-art .mark,.signal{display:none}.login-card{padding:35px 25px}.device-grid,.panel-grid,.settings-grid,.live-hero{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.topbar{padding:0 14px}.topbar nav b{display:none}.container{padding:24px 14px 55px}.device-heading{align-items:flex-start;flex-direction:column}.live-hero{padding:22px}.hero-weight strong{font-size:58px}.command-form.three{grid-template-columns:1fr 1fr}.command-form.three button{grid-column:1/-1}.card-meta{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;flex-direction:column}.connection-badges{flex-wrap:wrap}}