:root{--bg-0:#0a0c0f;--bg-1:#07080b;--panel:#121417;--panel-2:#1a1c1e;--panel-3:#222528;--line:#2b2e32e6;--line-soft:#2b2e3280;--tx-hi:#f3f5f8;--tx:#b9bec4;--tx-mid:#8d939a;--tx-dim:#676c73;--accent:#46a6ef;--accent-soft:#46a6ef24;--accent-line:#46a6ef66;--ok:#48cd8c;--ok-soft:#48cd8c24;--down:#ef6661;--down-soft:#ef666124;--warn:#f0ba59;--warn-soft:#f0ba5924;--violet:#ac89e8;--r-card:12px;--r-ctl:9px;--r-pill:999px;--pad:22px;--row-h:46px;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Hanken Grotesk", system-ui, -apple-system, sans-serif}@supports (color:lab(0% 0 0)){:root{--bg-0:lab(3.35538% -.241615 -1.30573);--bg-1:lab(2.21585% -.178628 -.997949);--panel:lab(6.3812% -.38293 -1.98404);--panel-2:lab(9.97023% -.455447 -2.1845);--panel-3:lab(14.3759% -.531495 -2.54866);--line:lab(18.7817% -.60755 -2.91281/.9);--line-soft:lab(18.7817% -.60755 -2.91281/.5);--tx-hi:lab(96.5123% -.330716 -1.47089);--tx:lab(76.7794% -.801921 -3.66317);--tx-mid:lab(60.5341% -.942051 -4.38486);--tx-dim:lab(45.4533% -.925958 -4.37654);--accent:lab(64.846% -10.9268 -45.7492);--accent-soft:lab(64.846% -10.9268 -45.7492/.14);--accent-line:lab(64.846% -10.9268 -45.7492/.4);--ok:lab(74.1317% -49.0999 21.618);--ok-soft:lab(74.1317% -49.0999 21.618/.14);--down:lab(61.2026% 53.402 31.0145);--down-soft:lab(61.2026% 53.402 31.0145/.14);--warn:lab(79.1996% 12.6808 55.9505);--warn-soft:lab(79.1996% 12.6808 55.9505/.14);--violet:lab(63.2731% 28.5492 -43.7722)}}[data-density=compact]{--pad:15px;--row-h:40px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);background:var(--bg-0);color:var(--tx);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.45;overflow:hidden}#root,.app-root{height:100vh}::selection{background:var(--accent-soft);color:var(--tx-hi)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--panel-3);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#35383c padding-box content-box;background:lab(23.4221% -.61512 -2.9166) padding-box content-box}.app{grid-template-columns:232px 1fr;height:100vh;display:grid}.sidebar{background:var(--bg-1);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.brand{align-items:center;gap:11px;padding:20px 20px 18px;display:flex}.brand-mark{background:radial-gradient(circle at 50% 50%, var(--accent-soft), transparent 70%);border:1px solid var(--accent-line);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.brand-mark svg{display:block}.brand-name{letter-spacing:.16em;color:var(--tx-hi);font-size:15px;font-weight:700}.brand-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--tx-dim);font-size:10px;font-family:var(--mono);margin-top:1px}.nav{flex-direction:column;gap:2px;padding:6px 12px;display:flex}.nav-label{letter-spacing:.16em;text-transform:uppercase;color:var(--tx-dim);padding:14px 10px 6px;font-size:10px}.nav-item{border-radius:var(--r-ctl);color:var(--tx-mid);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;width:100%;font-size:13.5px;font-weight:500;font-family:var(--sans);background:0 0;border:1px solid #0000;align-items:center;gap:11px;padding:8px 10px;transition:background .12s,color .12s;display:flex}.nav-item svg{opacity:.85;flex:none;width:17px;height:17px}.nav-item:hover{background:var(--panel);color:var(--tx)}.nav-item.active{background:var(--accent-soft);color:var(--tx-hi);border-color:var(--accent-line)}.nav-item.active svg{color:var(--accent);opacity:1}.nav-badge{font-family:var(--mono);color:var(--tx-dim);background:var(--panel-2);border-radius:var(--r-pill);margin-left:auto;padding:1px 7px;font-size:11px}.nav-item.active .nav-badge{color:var(--accent);background:#46a6ef33;background:lab(64.846% -10.9268 -45.7492/.2)}.sidebar-foot{border-top:1px solid var(--line);margin-top:auto;padding:14px 18px 18px}.server-row{align-items:center;gap:9px;font-size:12px;display:flex}.server-row .label{color:var(--tx-mid)}.server-meta{font-family:var(--mono);color:var(--tx-dim);margin-top:8px;font-size:10.5px;line-height:1.7}.server-meta b{color:var(--tx-mid);font-weight:500}.main{background:var(--bg-0);flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c0fb3;background:lab(3.35538% -.241615 -1.30573/.7);flex:none;align-items:center;gap:16px;height:60px;padding:0 26px;display:flex}.page-title{color:var(--tx-hi);letter-spacing:-.01em;font-size:19px;font-weight:650}.page-sub{color:var(--tx-dim);margin-top:1px;font-size:12.5px}.topbar-spacer{flex:1}.clock{font-family:var(--mono);color:var(--tx-mid);text-align:right;font-size:12px}.clock .date{color:var(--tx-dim);font-size:10.5px}.content{flex:1;min-height:0;padding:26px;overflow-y:auto}.content-inner{max-width:1180px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card)}.card-pad{padding:var(--pad)}.card-head{padding:15px var(--pad);border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;display:flex}.card-head h3{color:var(--tx-hi);font-size:14px;font-weight:600}.card-head .sub{color:var(--tx-dim);font-size:12px}.card-head-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.section-label{letter-spacing:.13em;text-transform:uppercase;color:var(--tx-dim);font-size:11px;font-weight:600}.grid{gap:16px;display:grid}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}.mono{font-family:var(--mono)}.dim{color:var(--tx-dim)}.mid{color:var(--tx-mid)}.hi{color:var(--tx-hi)}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;position:relative}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.dot.down{background:var(--down);box-shadow:0 0 0 3px var(--down-soft)}.dot.warn{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.dot.idle{background:var(--tx-dim);box-shadow:0 0 0 3px #6363631f;box-shadow:0 0 0 3px lab(42% 0 0/.12)}.dot.pulse.ok:after{content:"";border:1px solid var(--ok);opacity:0;border-radius:50%;animation:2.4s ease-out infinite ping;position:absolute;inset:-3px}@keyframes ping{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(2.4)}}.badge{border-radius:var(--r-pill);border:1px solid var(--line);color:var(--tx-mid);white-space:nowrap;align-items:center;gap:6px;padding:4px 9px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.badge.ok{color:var(--ok);background:var(--ok-soft);border-color:#48cd8c4d;border-color:lab(74.1317% -49.0999 21.618/.3)}.badge.down{color:var(--down);background:var(--down-soft);border-color:#ef66614d;border-color:lab(61.2026% 53.402 31.0145/.3)}.badge.warn{color:var(--warn);background:var(--warn-soft);border-color:#f0ba594d;border-color:lab(79.1996% 12.6808 55.9505/.3)}.badge.accent{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.badge.mono{font-family:var(--mono);font-weight:500}.btn{vertical-align:middle;font-family:var(--sans);border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--panel-2);color:var(--tx);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:550;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn svg{width:15px;height:15px}.btn:hover{background:var(--panel-3);color:var(--tx-hi)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0c121a;color:lab(5.21182% -.730597 -6.38116);font-weight:650}.btn.primary:hover{background:#58b6ff;background:lab(70.6767% -11.564 -45.8551)}.btn.danger{color:var(--down);background:var(--down-soft);border-color:#ef666166;border-color:lab(61.2026% 53.402 31.0145/.4)}.btn.danger:hover{background:#ef666138;background:lab(61.2026% 53.402 31.0145/.22)}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--panel-2)}.btn.sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn{border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--panel-2);width:32px;height:32px;color:var(--tx-mid);cursor:pointer;place-items:center;display:grid}.icon-btn:hover{background:var(--panel-3);color:var(--tx-hi)}.icon-btn svg{width:16px;height:16px}.input{border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--bg-1);color:var(--tx);align-items:center;gap:9px;padding:8px 12px;display:flex}.input svg{width:15px;height:15px;color:var(--tx-dim);flex:none}.input input{color:var(--tx-hi);font-family:var(--sans);background:0 0;border:none;outline:none;width:100%;font-size:13px}.input input::placeholder{color:var(--tx-dim)}.input:focus-within{border-color:var(--accent-line)}.seg{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-ctl);gap:2px;padding:3px;display:inline-flex}.seg button{font-family:var(--sans);cursor:pointer;color:var(--tx-mid);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:550}.seg button.on{background:var(--panel-3);color:var(--tx-hi)}select.btn{appearance:none;padding-right:28px}.field{border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--bg-1);color:var(--tx-hi);font-family:var(--sans);outline:none;padding:8px 12px;font-size:13px}.field::placeholder{color:var(--tx-dim)}.field:focus{border-color:var(--accent-line)}.field.mono{font-family:var(--mono)}.stat{padding:18px var(--pad);flex-direction:column;gap:4px;display:flex;position:relative;overflow:hidden}.stat .k{color:var(--tx-mid);align-items:center;gap:7px;font-size:12px;display:flex}.stat .k svg{width:14px;height:14px;color:var(--tx-dim)}.stat .v{color:var(--tx-hi);font-size:28px;font-weight:680;font-family:var(--mono);letter-spacing:-.02em;line-height:1.1}.stat .v .unit{color:var(--tx-dim);font-size:15px;font-weight:500}.stat .delta{font-size:11.5px;font-family:var(--mono);align-items:center;gap:4px;display:inline-flex}.stat .delta.up{color:var(--ok)}.stat .delta.dn{color:var(--down)}.stat-spark{opacity:.9;pointer-events:none;position:absolute;bottom:0;right:0}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-dim);padding:10px var(--pad);border-bottom:1px solid var(--line-soft);background:var(--panel);z-index:1;font-size:10.5px;font-weight:600;position:sticky;top:0}.table td{padding:11px var(--pad);border-bottom:1px solid var(--line-soft);vertical-align:middle;font-size:13px}.table tr:last-child td{border-bottom:none}.table tbody tr{cursor:pointer;transition:background .1s}.table tbody tr:hover{background:var(--panel-2)}.table tbody tr.sel{background:var(--accent-soft)}.t-num{font-family:var(--mono);text-align:right}.t-id{font-family:var(--mono);color:var(--tx-mid);font-size:12px}.dev-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--pad);flex-direction:column;gap:14px;transition:border-color .12s,transform .12s;display:flex}.dev-card.clickable{cursor:pointer}.dev-card.clickable:hover{border-color:var(--line);transform:translateY(-1px)}.dev-card{position:relative}.card-del{opacity:0;color:var(--tx-dim);transition:opacity .12s,color .12s;position:absolute;top:10px;right:10px}.dev-card:hover .card-del{opacity:.65}.card-del:hover{opacity:1;color:var(--down)}.card-del:disabled{opacity:.4}.dev-top{align-items:flex-start;gap:12px;display:flex}.dev-ico{border:1px solid var(--line);background:var(--panel-2);width:40px;height:40px;color:var(--tx-mid);border-radius:10px;flex:none;place-items:center;display:grid}.dev-ico svg{width:21px;height:21px}.dev-ico.kiosk{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.dev-name{color:var(--tx-hi);font-size:14.5px;font-weight:600}.dev-sub{color:var(--tx-dim);font-size:11.5px;font-family:var(--mono);margin-top:2px}.dev-meta{flex-wrap:wrap;gap:6px 16px;font-size:12px;display:flex}.dev-meta .m{flex-direction:column;gap:2px;display:flex}.dev-meta .m .ml{letter-spacing:.06em;text-transform:uppercase;color:var(--tx-dim);font-size:10px}.dev-meta .m .mv{font-family:var(--mono);color:var(--tx);font-size:12.5px}.link-pill{border-radius:var(--r-pill);background:var(--bg-1);border:1px solid var(--line);align-items:center;gap:7px;padding:6px 11px;font-size:12px;display:inline-flex}.link-pill.empty{color:var(--tx-dim);border-style:dashed}.fleet-row{border-radius:0;transition:background .1s}.fleet-row:hover{background:var(--panel-2)}.board{grid-template-columns:1fr 64px 1fr;align-items:stretch;gap:0;display:grid;position:relative}.board-col{flex-direction:column;gap:12px;display:flex}.board-col .col-h{letter-spacing:.13em;text-transform:uppercase;color:var(--tx-dim);margin-bottom:2px;padding-left:4px;font-size:11px;font-weight:600}.board-mid{position:relative}.node{background:var(--panel);border:1px solid var(--line);border-radius:11px;align-items:center;gap:12px;padding:13px 15px;transition:border-color .12s,background .12s;display:flex}.node.active-target{border-color:var(--accent-line);background:var(--accent-soft)}.node.dragging{opacity:.5}.node .n-ico{border:1px solid var(--line);background:var(--panel-2);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.node .n-ico svg{width:18px;height:18px;color:var(--tx-mid)}.node .n-body{flex:1;min-width:0}.node .n-name{color:var(--tx-hi);font-size:13.5px;font-weight:600}.node .n-ip{font-family:var(--mono);color:var(--tx-dim);font-size:11.5px}.node .n-state{margin-left:auto}.wire-layer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:visible}.wire{fill:none;stroke:var(--accent-line);stroke-width:1.5px}.wire.flow{stroke:var(--accent);stroke-dasharray:4 5;animation:1s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-18px}}.drawer-scrim{z-index:40;background:#0303038c;background:lab(.903296% 0 0/.55);animation:.15s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.drawer{background:var(--bg-0);border-left:1px solid var(--line);z-index:41;flex-direction:column;width:460px;max-width:92vw;animation:.2s cubic-bezier(.3,.7,.3,1) slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 60px #03030366;box-shadow:-24px 0 60px lab(.903296% 0 0/.4)}@keyframes slideIn{0%{transform:translate(40px)}}.drawer-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:20px 22px;display:flex}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:22px;display:flex;overflow-y:auto}.modal-scrim{z-index:50;background:#03030399;background:lab(.903296% 0 0/.6);animation:.15s fade;position:fixed;inset:0}.modal{z-index:51;background:var(--bg-0);border:1px solid var(--line);border-radius:var(--r-panel,12px);flex-direction:column;width:560px;max-width:94vw;max-height:84vh;animation:.18s cubic-bezier(.3,.7,.3,1) modalIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 80px #03030380;box-shadow:0 30px 80px lab(.903296% 0 0/.5)}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-46%)}}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 18px;display:flex}.modal-toolbar{border-bottom:1px solid var(--line);background:var(--bg-1);flex-wrap:wrap;gap:8px;padding:12px 18px;display:flex}.modal-body{flex:1;padding:6px 18px 14px;overflow-y:auto}.kv{grid-template-columns:130px 1fr;gap:9px 14px;font-size:13px;display:grid}.kv dt{color:var(--tx-dim)}.kv dd{color:var(--tx);font-family:var(--mono);text-align:right;font-size:12.5px}.chart-wrap{padding:var(--pad)}.axis-x{font-family:var(--mono);color:var(--tx-dim);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.legend{flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.legend .li{color:var(--tx-mid);align-items:center;gap:7px;display:flex}.legend .sw{border-radius:3px;width:10px;height:10px}.bar-row{grid-template-columns:120px 1fr 64px;align-items:center;gap:12px;padding:7px 0;display:grid}.bar-row .bl{color:var(--tx);align-items:center;gap:8px;font-size:12.5px;display:flex}.bar-track{background:var(--bg-1);border-radius:999px;height:9px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:999px;height:100%}.bar-row .bv{font-family:var(--mono);color:var(--tx-mid);text-align:right;font-size:12px}.donut-wrap{align-items:center;gap:22px;display:flex}.donut{border-radius:50%;flex:none;width:120px;height:120px;position:relative}.donut-hole{background:var(--panel);z-index:1;border-radius:50%;position:absolute;inset:22px}.donut-c{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.donut-c .dv{font-family:var(--mono);color:var(--tx-hi);font-size:21px;font-weight:680}.donut-c .dl{text-transform:uppercase;letter-spacing:.1em;color:var(--tx-dim);font-size:10px}.endpoint{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.endpoint+.endpoint{margin-top:14px}.ep-head{background:var(--panel);cursor:pointer;align-items:center;gap:12px;padding:13px 18px;display:flex}.ep-method{font-family:var(--mono);letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.ep-method.get{color:var(--ok);background:var(--ok-soft)}.ep-method.post{color:var(--accent);background:var(--accent-soft)}.ep-path{font-family:var(--mono);color:var(--tx-hi);font-size:13px}.ep-desc{color:var(--tx-dim);margin-left:auto;font-size:12.5px}.ep-body{border-top:1px solid var(--line);background:var(--bg-1);flex-direction:column;gap:14px;padding:16px 18px;display:flex}.code{font-family:var(--mono);background:var(--bg-1);border:1px solid var(--line);color:var(--tx);white-space:pre;border-radius:9px;padding:13px 15px;font-size:12px;line-height:1.65;overflow-x:auto}.code .c-key{color:var(--accent)}.code .c-str{color:var(--ok)}.code .c-num{color:var(--warn)}.code .c-cm{color:var(--tx-dim)}.code-label{letter-spacing:.1em;text-transform:uppercase;color:var(--tx-dim);margin-bottom:7px;font-size:10.5px;font-weight:600}.empty-state{text-align:center;color:var(--tx-dim);padding:40px}.empty-state svg{opacity:.5;width:34px;height:34px;margin-bottom:12px}.flow-feed{flex-direction:column;display:flex}.feed-item{border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:12px;padding:11px 0;font-size:13px;display:flex}.feed-item:last-child{border-bottom:none}.feed-ico{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.feed-ico svg{width:14px;height:14px}.feed-t{font-family:var(--mono);color:var(--tx-dim);white-space:nowrap;margin-left:auto;font-size:11px}.divider{background:var(--line-soft);height:1px;margin:4px 0}.fade-in{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}}.toast-wrap{z-index:60;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{background:var(--panel-2);border:1px solid var(--line);color:var(--tx-hi);border-radius:var(--r-ctl);align-items:center;gap:9px;padding:9px 14px;font-size:13px;animation:.18s slideIn;display:flex;box-shadow:0 12px 32px #03030380;box-shadow:0 12px 32px lab(.903296% 0 0/.5)}.toast.err{border-color:#ef666166;border-color:lab(61.2026% 53.402 31.0145/.4)}.toast.err svg{color:var(--down)}.toast.ok svg{color:var(--ok)}@media (max-width:920px){.cols-4{grid-template-columns:repeat(2,1fr)}.cols-3,.cols-2{grid-template-columns:1fr}.app{grid-template-columns:64px 1fr}.brand-name,.brand-sub,.nav-label,.nav-item span,.nav-badge,.sidebar-foot{display:none}.nav-item{justify-content:center}}.rv-stage,.rv-stage canvas{cursor:default!important}.rv-stage:fullscreen{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}