@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #000000;--canvas: #000000;--elev-1: #070707;--elev-2: #0d0d0d;--elev-3: #151515;--border: #202020;--border-2: #2c2c2c;--border-hi: #404040;--text: #ececec;--muted: #9a9a9a;--dim: #5a5a5a;--faint: #363636;--accent: #ffffff;--brand: #e97202;--brand-2: #ce8d52;--brand-hi: #f5851f;--focus: #ffffff;--green: #ededed;--amber: #8f8f8f;--red: #ffffff;--num: #c4c4c4;--str: #a8a8a8;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--rail-w: 52px;--side-w: 272px;--top-h: 56px;--status-h: 26px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text);font-size:12.5px;line-height:1.4;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1d1d1d;border-radius:8px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#2b2b2b;background-clip:padding-box}input,select,textarea,button{font-family:var(--sans)}::selection{background:#ffffffd9;color:#000}@keyframes termblink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 #ffffff80}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}@keyframes blink{50%{opacity:.3}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(-8px);opacity:.6}to{transform:translateY(0);opacity:1}}button{font-weight:600;font-size:11.5px;cursor:pointer;letter-spacing:.3px;border:1px solid var(--border-2);background:var(--elev-2);color:var(--text);padding:7px 12px;border-radius:7px;transition:all .13s;white-space:nowrap}button:hover{border-color:var(--border-hi);background:var(--elev-3)}button:active{transform:translateY(1px)}button:disabled{opacity:.38;cursor:not-allowed}.mini-btn{padding:5px 9px;font-size:10.5px}input,select,textarea{background:var(--canvas);border:1px solid var(--border-2);color:var(--text);padding:7px 9px;border-radius:7px;font-family:var(--mono);font-size:11.5px;outline:none;transition:border-color .13s,box-shadow .13s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffffff21}input::placeholder,textarea::placeholder{color:var(--faint)}select{cursor:pointer}.spacer{flex:1 1 auto;min-width:8px}.r{text-align:right}.dim{color:var(--dim)}.shell{display:grid;grid-template-columns:var(--rail-w) var(--side-w) minmax(0,1fr);grid-template-rows:var(--top-h) minmax(0,1fr) var(--status-h);grid-template-areas:"rail topbar  topbar" "rail sidebar editor" "rail status  status";height:100vh;transition:grid-template-columns .16s ease}.shell.sb-collapsed{grid-template-columns:var(--rail-w) 0 minmax(0,1fr)}.rail{grid-area:rail;background:linear-gradient(180deg,#0a0a0a,#050505);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0 8px;gap:4px;z-index:30}.rail-group{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center}.rail-spacer{flex:1}.rail-sep{width:24px;height:1px;background:var(--border);margin:4px 0}.rail-btn{position:relative;width:38px;height:38px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--dim);display:grid;place-items:center;cursor:pointer;transition:all .13s}.rail-btn svg{width:19px;height:19px;stroke-width:1.7}.rail-btn:hover{color:var(--text);background:var(--elev-2)}.rail-btn.on{color:var(--brand);background:#e972021f}.rail-btn.on:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--brand);box-shadow:0 0 10px var(--brand)}.rail-btn.danger:hover{color:var(--red);background:#ffffff14}.rail-btn .rail-cnt{position:absolute;top:2px;right:2px;min-width:15px;height:14px;padding:0 3px;font-family:var(--mono);font-size:9px;line-height:14px;border-radius:7px;background:var(--elev-3);color:var(--accent);border:1px solid var(--border-2)}.rail-btn:after{content:attr(data-tip);position:absolute;left:46px;top:50%;transform:translateY(-50%) scale(.96);background:#05080d;color:var(--text);border:1px solid var(--border-2);padding:5px 9px;border-radius:7px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;z-index:60;box-shadow:0 8px 24px #00000080;font-weight:500}.rail-btn:hover:after{opacity:1;transform:translateY(-50%) scale(1)}.topbar{grid-area:topbar;display:flex;align-items:center;gap:14px;padding:0 14px;background:linear-gradient(180deg,#0b0b0b,#070707);border-bottom:1px solid var(--border);z-index:20}.brand{display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none;flex-shrink:0}.brand-logo{height:40px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(233,114,2,.5))}.brand .tag{font-family:var(--mono);font-size:9px;letter-spacing:2px;color:var(--dim);text-transform:uppercase}.tb-div{width:1px;height:22px;background:var(--border);flex-shrink:0}.status-chip{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:5px 11px 5px 9px;border-radius:7px;font-size:11px;font-weight:600;letter-spacing:.4px;border:1px solid var(--border-2);background:var(--elev-1)}.dot{width:8px;height:8px;border-radius:50%;background:var(--dim);flex-shrink:0}.dot.live{background:var(--green);animation:pulse 1.8s infinite}.dot.connecting{background:var(--amber);animation:blink .8s infinite}.dot.paused{background:var(--amber)}.dot.error{background:var(--red)}.endpoint{display:inline-flex;align-items:center;gap:7px;flex-shrink:1;min-width:0;font-family:var(--mono);font-size:11px;color:var(--muted);padding:4px 10px;border-radius:7px;border:1px solid var(--border);background:var(--canvas);overflow:hidden}.endpoint .lbl{color:var(--faint)}.endpoint .host{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.kpis{display:flex;align-items:center;gap:4px;flex-shrink:0}.kpi{text-align:right;padding:2px 9px;border-left:1px solid var(--border)}.kpi:first-child{border-left:none}.kpi .v{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--accent);line-height:1.05;font-variant-numeric:tabular-nums}.kpi .l{font-size:8.5px;color:var(--faint);letter-spacing:1px;text-transform:uppercase;margin-top:2px}.cmdk{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;padding:5px 9px;border-radius:7px;border:1px solid var(--border-2);background:var(--elev-1);flex-shrink:0}.cmdk:hover{border-color:var(--border-hi);color:var(--text);background:var(--elev-1)}.cmdk kbd{font-family:var(--mono);font-size:10px;background:var(--elev-3);border:1px solid var(--border-2);border-radius:4px;padding:1px 5px;color:var(--accent)}.editor{grid-area:editor;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--canvas);overflow:hidden}.editor-tabs{display:flex;align-items:stretch;gap:0;padding:0 8px;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--elev-1)}.tab{padding:9px 15px;font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--muted);cursor:pointer;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;display:inline-flex;align-items:center;gap:8px}.tab:hover{color:var(--text);background:transparent;border-color:transparent}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.tab-cnt{font-family:var(--mono);font-size:9.5px;background:var(--elev-3);border:1px solid var(--border-2);border-radius:5px;padding:0 6px;color:var(--accent);letter-spacing:0}.workspace,.view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.feed-toolbar{display:flex;align-items:center;gap:7px;padding:8px 12px;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--elev-1);flex-wrap:wrap}.feed-toolbar .search{flex:1;min-width:150px}.feed-toolbar select{width:172px}.count-pill{font-family:var(--mono);font-size:10.5px;color:var(--accent);background:var(--elev-3);border:1px solid var(--border-2);border-radius:6px;padding:3px 9px}.toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:7px;border:1px solid var(--border-2);background:var(--elev-2);cursor:default;font-size:10.5px;font-weight:600;-webkit-user-select:none;user-select:none;letter-spacing:.4px;color:var(--muted)}button.toggle{cursor:pointer}.toggle .sw{width:7px;height:7px;border-radius:50%;background:var(--dim)}.toggle.on{border-color:var(--accent);color:var(--accent);background:#ffffff17}.toggle.on .sw{background:var(--accent);box-shadow:0 0 8px var(--accent)}.feed{flex:1;overflow-y:auto;min-height:0;padding:3px 0}.msg{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:5px 14px;border-bottom:1px solid rgba(40,40,40,.55);align-items:baseline;content-visibility:auto;contain-intrinsic-size:0 42px}.msg:hover{background:var(--elev-1)}.msg .time{font-family:var(--mono);font-size:10px;color:var(--dim);font-variant-numeric:tabular-nums}.msg .body{min-width:0}.msg .topic{font-family:var(--mono);font-size:11.5px;color:var(--accent);word-break:break-all;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.msg .payload{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.msg-uid{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--brand-2)}.topics-head,.topic-row{display:grid;grid-template-columns:1fr 90px 120px;gap:14px;align-items:center;padding:6px 16px}.users-head,.user-row{display:grid;grid-template-columns:44px minmax(0,1.5fr) minmax(0,1fr) 84px 110px;gap:12px;align-items:center;padding:6px 16px}.topics-head,.users-head{border-bottom:1px solid var(--border);font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);font-weight:700;flex-shrink:0;background:var(--elev-1)}.table-body{flex:1;overflow-y:auto;min-height:0}.topic-row,.user-row{border-bottom:1px solid rgba(40,40,40,.5);font-family:var(--mono);font-size:11.5px}.topic-row:hover,.user-row:hover{background:var(--elev-1)}.topic-row .tp{color:var(--accent);word-break:break-all}.topic-row .cn{text-align:right;color:var(--num);font-weight:600;font-variant-numeric:tabular-nums}.topic-row .ls{text-align:right;color:var(--dim);font-size:10px}.user-row .ix{color:var(--dim);font-size:10px;text-align:right;padding-right:4px}.user-row .uid{display:flex;align-items:center;gap:9px;min-width:0}.av{width:22px;height:22px;border-radius:6px;flex-shrink:0;display:grid;place-items:center;font-size:9px;font-weight:700;color:#12060a;letter-spacing:-.3px;background:linear-gradient(135deg,var(--brand-hi),var(--brand));box-shadow:inset 0 1px #ffffff4d}.av.sm{width:16px;height:16px;font-size:7.5px;border-radius:4px}.user-row .uv{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row .uv b{color:var(--brand);font-weight:700}.user-row .op{color:var(--brand-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-head span:nth-child(3),.user-row .op{padding-left:2px}.user-row .um{text-align:right;color:var(--num);font-weight:600;font-variant-numeric:tabular-nums}.user-row .ul{text-align:right;color:var(--dim);font-size:10px}.pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 12px;border-top:1px solid var(--border);background:var(--elev-1);flex-shrink:0}.pager-info{font-family:var(--mono);font-size:10.5px;color:var(--dim)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:200px;color:var(--dim);gap:10px;text-align:center;padding:40px}.empty .big{font-size:34px;opacity:.4}.empty .txt{font-size:12.5px;color:var(--muted)}.empty .hint{font-size:11px;color:var(--faint)}.empty .hint b{color:var(--accent)}.stats-view{padding:22px;gap:20px;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.stat-card{position:relative;border:1px solid var(--border-2);border-radius:12px;padding:20px 20px 18px;background:linear-gradient(180deg,var(--elev-2),var(--elev-1));overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand);box-shadow:0 0 14px var(--brand)}.stat-glyph{position:absolute;right:14px;top:12px;font-size:30px;color:var(--faint)}.stat-v{font-family:var(--mono);font-size:34px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}.stat-l{margin-top:8px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);font-weight:700}.stats-note{font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stats-note .k{color:var(--faint);text-transform:uppercase;letter-spacing:.6px;font-size:9px}.stats-note b{color:var(--text)}.stats-note code{color:var(--brand-2)}.statusbar{grid-area:status;display:flex;align-items:center;gap:0;padding:0 4px;background:linear-gradient(180deg,#080808,#030303);border-top:1px solid var(--border);font-family:var(--mono);font-size:10.5px;color:var(--muted);overflow:hidden}.sb-seg{display:inline-flex;align-items:center;gap:6px;padding:0 11px;height:100%;border-right:1px solid var(--border);white-space:nowrap;flex-shrink:0}.sb-seg .k{color:var(--faint);font-size:9px;letter-spacing:.6px;text-transform:uppercase}.sb-seg b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.sb-seg.accent b{color:var(--accent)}.sb-seg.num b{color:var(--num)}.sb-seg .dot{width:7px;height:7px}.sb-log{flex:1;min-width:0;border-right:none;overflow:hidden}.log-strip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%}.log-strip:after{content:"▋";color:var(--accent);margin-left:6px;animation:termblink 1.05s steps(1) infinite}.log-strip .t{color:var(--faint)}.log-strip .ok{color:var(--green)}.log-strip .err{color:var(--red)}.log-strip .warn{color:var(--amber)}.palette-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:#04060a9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadein .12s ease}.palette{width:min(620px,92vw);background:#0c0c0e;border:1px solid var(--border-hi);border-radius:12px;box-shadow:0 24px 70px #0009,0 0 0 1px #ffffff0f;overflow:hidden;animation:rise .14s ease}.palette input{width:100%;border:none;border-bottom:1px solid var(--border);border-radius:0;background:transparent;font-family:var(--sans);font-size:15px;padding:15px 18px;color:var(--text)}.palette input:focus{box-shadow:none;border-color:var(--border)}.palette-list{max-height:46vh;overflow-y:auto;padding:6px}.pal-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:8px;cursor:pointer}.pal-item.active{background:#ffffff1c}.pal-item.active .pal-label{color:var(--accent)}.pal-label{font-size:12.5px;color:var(--text);font-weight:500}.pal-hint{font-family:var(--mono);font-size:10px;color:var(--dim);background:var(--elev-2);border:1px solid var(--border);border-radius:5px;padding:1px 7px}.pal-empty{padding:22px;text-align:center;color:var(--dim);font-size:12px}.palette-foot{display:flex;gap:16px;padding:9px 16px;border-top:1px solid var(--border);font-size:10px;color:var(--faint);font-family:var(--mono)}.palette-foot b{color:var(--muted)}.login-wrap{position:relative;height:100vh;width:100vw;display:grid;place-items:center;background:radial-gradient(1100px 600px at 50% -10%,#0e0e0e,#000 62%);overflow:hidden}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(233,114,2,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(233,114,2,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 70%);mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 70%);pointer-events:none}.term{position:relative;z-index:1;width:min(500px,92vw);background:linear-gradient(180deg,#0a0a0a,#050505);border:1px solid var(--border-2);border-radius:12px;box-shadow:0 30px 80px #000000b3,0 0 0 1px #ffffff08,0 0 60px #e9720214;overflow:hidden;animation:rise .2s ease}.term-bar{display:flex;align-items:center;gap:7px;padding:10px 13px;background:#0c0c0c;border-bottom:1px solid var(--border)}.tdot{width:11px;height:11px;border-radius:50%;background:var(--faint)}.tdot.r{background:#3a3a3a}.tdot.y{background:#4a4a4a}.tdot.g{background:#5a5a5a}.term-title{margin-left:8px;font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--dim);text-transform:uppercase}.term-body{padding:26px 26px 28px;display:flex;flex-direction:column;gap:12px}.login-logo{height:46px;width:auto;align-self:flex-start;margin-bottom:6px;filter:drop-shadow(0 2px 10px rgba(233,114,2,.5))}.term-line{font-family:var(--mono);font-size:12px;line-height:1.5}.term-line.comment,.term-line.hint{color:var(--dim)}.term-line.hint b{color:var(--brand);font-weight:600}.term-line.err{color:#fff;background:#ffffff0f;border-left:2px solid #fff;padding:6px 10px;border-radius:0 6px 6px 0}.term-field{display:flex;align-items:center;gap:10px;font-family:var(--mono)}.term-field .prompt{color:var(--brand);font-size:12px;width:86px;flex-shrink:0}.term-input{flex:1;background:transparent;border:none;border-bottom:1px solid var(--border-2);border-radius:0;padding:7px 2px;color:var(--text);font-family:var(--mono);font-size:13px}.term-input:focus{border-color:var(--brand);box-shadow:none}.caret{display:inline-block;width:8px;height:14px;margin-left:4px;vertical-align:text-bottom;background:var(--brand);animation:termblink 1.05s steps(1) infinite}.term-btn{margin-top:8px;align-self:stretch;text-align:center;padding:11px 12px;border-radius:8px;border:1px solid transparent;background:linear-gradient(135deg,var(--brand-hi),var(--brand));color:#fff;font-weight:700;font-size:12.5px;letter-spacing:1px;box-shadow:0 2px 16px #e9720266}.term-btn:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,var(--brand-hi),var(--brand));border-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--brand-hi),var(--brand));color:#fff;border:1px solid transparent;box-shadow:0 2px 14px #e9720261;font-weight:700}.btn-primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,var(--brand-hi),var(--brand));border-color:transparent}.btn-danger{background:var(--elev-2);color:var(--red);border-color:#ffffff59}.btn-danger:hover:not(:disabled){background:#ffffff1f;border-color:var(--red)}.mini-btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.mini-btn.ghost:hover{background:var(--elev-2);color:var(--text);border-color:var(--border)}.sidebar{grid-area:sidebar;min-width:0;overflow:hidden;background:var(--elev-1);border-right:1px solid var(--border);display:flex;flex-direction:column}.shell.sb-collapsed .sidebar{border-right:none}.side-panel{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;border-bottom:1px solid var(--border);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:700;flex-shrink:0}.side-head.sub{border-top:1px solid var(--border)}.side-head .cnt{font-family:var(--mono);font-size:10.5px;letter-spacing:0;color:var(--accent);background:var(--elev-3);border:1px solid var(--border-2);border-radius:6px;padding:1px 7px}.side-block{padding:12px 13px;border-bottom:1px solid var(--border)}.block-title{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);margin-bottom:8px;font-weight:700}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;background:var(--elev-2);border:1px solid var(--border-2);border-radius:6px;font-family:var(--mono);font-size:11px;color:var(--text);max-width:100%}.chip .qos{font-size:8.5px;color:var(--accent);border:1px solid var(--border-2);padding:0 4px;border-radius:4px;background:var(--canvas);letter-spacing:.5px}.chip .chip-note{color:var(--dim);font-size:10px}.tree{flex:1;overflow-y:auto;padding:6px 8px 24px;font-family:var(--mono);font-size:11.5px;min-height:0}.tree-empty{padding:14px 8px;color:var(--dim);font-family:var(--mono);font-size:11px}.trow{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:6px;cursor:pointer;white-space:nowrap}.trow:hover{background:var(--elev-2)}.tcaret{width:12px;color:var(--dim);font-size:9px;flex-shrink:0;text-align:center}.tseg{color:var(--text);overflow:hidden;text-overflow:ellipsis}.tseg.leaf{color:var(--brand)}.tbadge{margin-left:auto;font-size:9.5px;color:var(--muted);background:var(--elev-2);border:1px solid var(--border);border-radius:5px;padding:0 6px;flex-shrink:0}.tchildren{margin-left:11px;border-left:1px dashed var(--border-2);padding-left:4px}.conn-hint{border-bottom:none}.focus-hint{font-size:10.5px;color:var(--dim);line-height:1.55}.focus-hint b{color:var(--accent)}.focus-hint code{font-family:var(--mono);color:var(--muted)}.conn-state{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.5px;color:var(--muted)}.conn-state.live{color:var(--green)}.conn-state.paused{color:var(--amber)}.conn-fields{display:flex;flex-direction:column;gap:11px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:9px;color:var(--dim);letter-spacing:1px;text-transform:uppercase;font-family:var(--sans);font-weight:600}.field-val{font-family:var(--mono);font-size:12px;color:var(--text);word-break:break-all}.conn-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.conn-counts .cc{border:1px solid var(--border-2);border-radius:8px;padding:9px;text-align:center;background:var(--elev-2)}.conn-counts .cc .v{display:block;font-family:var(--mono);font-size:15px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.conn-counts .cc .l{display:block;margin-top:3px;font-size:8.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--dim)}@media(max-width:1180px){.kpi.opt,.endpoint{display:none}}@media(max-width:1040px){:root{--side-w: 234px}}@media(max-width:860px){.kpis{display:none}}