:root{--font-display: "Outfit", system-ui, sans-serif;--font-sans: "Geist", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--bg: #FFFFFF;--panel: #FAFAFA;--panel-2: #F3F4F6;--border: #E5E7EB;--text: #111827;--muted: #6B7280;--track: #F3F4F6;--scroll-track: transparent;--scroll-thumb: #D1D5DB;--scroll-thumb-hover: #9CA3AF;--primary: #111827;--primary-hover: #000000;--on-primary: #FFFFFF;--accent: #6A45BE;--accent-tint: #F1EDFA;--online: #16A34A;--online-tint: #DCFCE7;--warning: #B45309;--warning-tint: #FEF3C7;--degraded: #C2410C;--degraded-tint: #FFEDD5;--offline: #DC2626;--offline-tint: #FEE2E2;--neutral: #64748B;--neutral-tint: #F1F5F9;--draft: #9CA3AF;--chart-1: #6A45BE;--chart-2: #0E7490;--chart-3: #B45309;--chart-4: #64748B;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--overlay-shadow: 0 12px 32px rgba(17, 24, 39, .16), 0 2px 6px rgba(17, 24, 39, .08);--scrim: rgba(17, 24, 39, .4);color-scheme:light}:root[data-theme=dark]{--bg: #0B0D12;--panel: #12151C;--panel-2: #191D26;--border: #252A35;--text: #E8EAEE;--muted: #949AA7;--track: #1E232D;--scroll-track: transparent;--scroll-thumb: #4B5260;--scroll-thumb-hover: #6B7280;--primary: #E8EAEE;--primary-hover: #FFFFFF;--on-primary: #0B0D12;--accent: #A68BEA;--accent-tint: #221B36;--online: #4ADE80;--online-tint: #10291A;--warning: #FBBF24;--warning-tint: #2D2310;--degraded: #FB923C;--degraded-tint: #2E1A0E;--offline: #F87171;--offline-tint: #301415;--neutral: #94A3B8;--neutral-tint: #1A1F29;--draft: #6B7280;--chart-1: #A68BEA;--chart-2: #22D3EE;--chart-3: #FBBF24;--chart-4: #94A3B8;--overlay-shadow: 0 16px 40px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .4);--scrim: rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}svg{flex-shrink:0}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.caps{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row{display:flex;align-items:center;gap:8px}.row-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:8px}.grid{display:grid;gap:12px}.g1{grid-template-columns:minmax(0,1fr)}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.g6{grid-template-columns:repeat(6,minmax(0,1fr))}.span2{grid-column:span 2}html,*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box}*::-webkit-scrollbar-corner{background:var(--scroll-track)}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100%}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:14px 6px 24px 12px;position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain}.brand{display:flex;align-items:center;gap:8px;padding:6px 8px 14px;font-family:var(--font-display);font-weight:600;font-size:17px}.logo-dot{width:9px;height:9px;border-radius:999px;background:var(--accent)}.ws-switch{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;text-align:left}.nav-group{margin-top:14px}.nav-group>.caps{display:block;padding:0 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--muted);font-size:13.5px;text-decoration:none;margin-bottom:1px;min-height:34px}.nav-item:hover{background:var(--panel-2);color:var(--text);text-decoration:none}.nav-item.active{background:var(--primary);color:var(--on-primary)}.nav-item .badge{margin-left:auto}.nav-item.active .badge{background:var(--on-primary);color:var(--primary)}.nav-soon{margin-left:auto;font-size:9.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:1px 6px;border-radius:999px;color:var(--muted);background:var(--panel-2);border:1px solid var(--border)}.nav-item:hover .nav-soon{color:var(--text)}.nav-item.active .nav-soon{color:var(--on-primary);background:color-mix(in srgb,var(--on-primary) 20%,transparent);border-color:transparent}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:10px 28px;min-height:58px}.search-trigger{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;width:min(420px,100%);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--muted);cursor:pointer}.kbd{font-family:var(--font-mono);font-size:11px;border:1px solid var(--border);border-radius:4px;padding:0 5px;margin-left:auto}.content{padding:24px 28px 64px;max-width:1440px;width:100%;margin:0 auto;box-sizing:border-box}.page-head{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.page-head h1{font-size:26px;line-height:1.15}.page-head .sub{color:var(--muted);font-size:13.5px;margin-top:4px}.crumbs{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);margin-bottom:8px}.crumbs a{color:var(--muted)}.mobile-only,.icon-btn.mobile-only{display:none}.browser-grid{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease-out,border-color .15s ease-out;background:transparent;text-decoration:none}.btn:hover{text-decoration:none}.btn:focus-visible,.icon-btn:focus-visible,.tab:focus-visible,.nav-item:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 35%,transparent)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:var(--bg);border-color:var(--border);color:var(--text)}.btn-outline:hover{background:var(--panel)}.btn-secondary{background:var(--panel-2);color:var(--text)}.btn-ghost{color:var(--text)}.btn-ghost:hover{background:var(--panel-2)}.btn-danger{background:var(--offline);color:#fff}.btn-danger:hover{filter:brightness(.92)}.btn:disabled{opacity:.45;pointer-events:none}.btn-sm{height:30px;padding:0 10px;font-size:12.5px;gap:6px}.btn-xs{height:24px;padding:0 8px;font-size:12px;gap:4px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;color:var(--text)}.icon-btn:hover{background:var(--panel-2)}.icon-btn.sm{width:28px;height:28px}.chip{display:inline-flex;align-items:center;gap:6px;padding:1px 10px;border-radius:var(--radius-full);font-size:12.5px;font-weight:500;white-space:nowrap;line-height:20px}.chip .dot{width:7px;height:7px;border-radius:999px;background:currentColor}.chip.online,.chip.healthy,.chip.running,.chip.success,.chip.resolved{color:var(--online);background:var(--online-tint)}.chip.warning,.chip.pending,.chip.acknowledged{color:var(--warning);background:var(--warning-tint)}.chip.degraded{color:var(--degraded);background:var(--degraded-tint)}.chip.offline,.chip.critical,.chip.down,.chip.failed,.chip.exited,.chip.active-alert,.chip.open{color:var(--offline);background:var(--offline-tint)}.chip.maintenance,.chip.unknown,.chip.stopped,.chip.paused,.chip.info,.chip.idle,.chip.cancelled,.chip.disabled{color:var(--neutral);background:var(--neutral-tint)}.chip.restarting,.chip.investigating,.chip.queued{color:var(--degraded);background:var(--degraded-tint)}.chip.outline{color:var(--muted);border:1px solid var(--border);background:transparent}.chip.accent{color:var(--accent);background:var(--accent-tint)}.tag{display:inline-flex;align-items:center;gap:4px;padding:0 7px;border-radius:4px;font-size:11.5px;font-family:var(--font-mono);border:1px solid var(--border);color:var(--muted);line-height:18px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-family:var(--font-mono);font-size:10.5px;background:var(--offline);color:#fff}.env-dot{width:8px;height:8px;border-radius:2px;display:inline-block}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);min-width:0}.card-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);min-height:48px}.card-head h3{font-size:15px}.card-body{padding:16px}.card-body.flush{padding:0}.metric{border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;min-width:0}.metric .value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:24px;font-weight:500;margin-top:4px;line-height:1.2}.metric .hint{color:var(--muted);font-size:12.5px;margin-top:4px}.split{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap;font-size:12.5px}.split span{display:inline-flex;align-items:center;gap:5px}.bar{height:4px;background:var(--track);border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--text);border-radius:999px}.bar.warn>i{background:var(--warning)}.bar.crit>i{background:var(--offline)}.usage{display:flex;align-items:center;gap:8px;min-width:96px}.usage .bar{flex:1}.usage .num{width:38px;text-align:right;font-size:12.5px}.alert-bar{position:relative;background:var(--panel);border-radius:var(--radius-sm);padding:10px 12px 10px 16px;overflow:hidden}.alert-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--muted)}.alert-bar.critical:before,.alert-bar.error:before{background:var(--offline)}.alert-bar.warning:before{background:var(--warning)}.alert-bar.success:before{background:var(--online)}.alert-bar.info:before{background:var(--accent)}.alert-bar .t{font-size:13.5px;font-weight:500}.alert-bar .b{font-size:12.5px;color:var(--muted);margin-top:2px}.freshness{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:3px 11px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.freshness .live{width:6px;height:6px;border-radius:999px;background:var(--online)}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg)}.tbl td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr.click{cursor:pointer}.tbl tbody tr.click:hover td{background:var(--panel)}.tbl tbody tr.selected td{background:var(--accent-tint)}.tbl .r{text-align:right}.tbl th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tbl input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.name-cell{display:flex;flex-direction:column}.name-cell .sub{font-size:11.5px;color:var(--muted);font-family:var(--font-mono)}.pager{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted)}.pager .on{background:var(--accent-tint);color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.label{font-size:12.5px;font-weight:500}.field .help{font-size:12px;color:var(--muted)}.input,.select,.textarea{width:100%;height:36px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:13.5px;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;min-height:84px;padding:9px 11px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 12%,transparent)}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input.mono{font-family:var(--font-mono)}.input-icon{position:relative}.input-icon svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.input-icon .input{padding-left:32px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--border)}.toolbar .select,.toolbar .input{width:auto;height:32px;font-size:12.5px}.toolbar .input-icon{width:240px}.toolbar .input-icon .input{width:100%}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px;background:var(--panel)}.segmented button{border:0;background:transparent;padding:0 10px;height:26px;border-radius:4px;cursor:pointer;font-size:12px;color:var(--muted);font-family:var(--font-mono)}.segmented button.on{background:var(--bg);color:var(--text);box-shadow:0 0 0 1px var(--border)}.switch{position:relative;width:34px;height:20px;border-radius:999px;background:var(--track);border:1px solid var(--border);cursor:pointer;flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:999px;background:var(--muted);transition:transform .15s}.switch.on{background:var(--primary);border-color:var(--primary)}.switch.on:after{transform:translate(14px);background:var(--on-primary)}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.check-row input{accent-color:var(--accent);width:15px;height:15px}.pick-card{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.pick-card input{accent-color:var(--accent);width:15px;height:15px;margin-top:2px;flex:none}.radio-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;cursor:pointer;text-align:left;background:var(--bg);display:flex;gap:12px;align-items:flex-start;width:100%}.radio-card:hover{background:var(--panel)}.radio-card.on{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.radio-card .ic{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--panel-2);display:flex;align-items:center;justify-content:center}.radio-card .t{font-weight:500}.radio-card .d{font-size:12.5px;color:var(--muted)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto;margin-bottom:20px}.tab{border:0;background:transparent;padding:10px 12px;cursor:pointer;font-size:13.5px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.tab:hover{color:var(--text)}.tab.on{color:var(--text);border-bottom-color:var(--text);font-weight:500}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px}.modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--overlay-shadow);width:min(640px,100%);max-height:88vh;display:flex;flex-direction:column;animation:rise .2s ease-out}.modal.lg{width:min(920px,100%)}.modal-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:18px}.modal-body{padding:18px;overflow-y:auto}.modal-foot{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:50}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);background:var(--bg);border-left:1px solid var(--border);box-shadow:var(--overlay-shadow);z-index:51;display:flex;flex-direction:column;animation:slide .22s ease-out}@keyframes rise{0%{transform:translateY(8px)}to{transform:none}}@keyframes slide{0%{transform:translate(24px)}to{transform:none}}.menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--overlay-shadow);padding:4px;z-index:40}.menu button,.menu a{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:0;background:transparent;border-radius:4px;cursor:pointer;font-size:13px;text-align:left;color:var(--text);text-decoration:none}.menu button:hover,.menu a:hover{background:var(--panel-2);text-decoration:none}.menu .sep{height:1px;background:var(--border);margin:4px 0}.rel{position:relative}.toasts{position:fixed;bottom:20px;right:20px;z-index:60;display:flex;flex-direction:column;gap:8px}.toast{background:var(--bg);border:1px solid var(--border);box-shadow:var(--overlay-shadow);border-radius:var(--radius-md);min-width:280px;max-width:380px;animation:slide .2s ease-out}.palette{width:min(640px,100%)}.palette .input-big{border:0;border-bottom:1px solid var(--border);height:52px;padding:0 16px 0 44px;font-size:15px;background:transparent;width:100%}.palette .input-big:focus{outline:none}.palette-item{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;border-radius:var(--radius-sm)}.palette-item.on{background:var(--panel-2)}.kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 16px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{min-width:0;overflow-wrap:anywhere}.timeline{list-style:none;display:flex;flex-direction:column}.timeline li{display:grid;grid-template-columns:64px 14px minmax(0,1fr);gap:10px;padding:7px 0;font-size:13px;align-items:start}.timeline .tdot{width:8px;height:8px;border-radius:999px;margin-top:6px;background:var(--muted)}.timeline .tdot.critical{background:var(--offline)}.timeline .tdot.warning{background:var(--warning)}.timeline .tdot.success{background:var(--online)}.list-row{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--border);font-size:13px;min-width:0}.list-row:last-child{border-bottom:none}.list-row.click{cursor:pointer}.list-row.click:hover{background:var(--panel)}.code{font-family:var(--font-mono);font-size:12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;overflow-x:auto;white-space:pre;line-height:1.6}.code-inline{font-family:var(--font-mono);font-size:12px;background:var(--panel-2);border-radius:4px;padding:1px 6px}.empty{text-align:center;padding:40px 16px}.empty .t{font-family:var(--font-display);font-weight:600;font-size:16px}.empty .b{color:var(--muted);font-size:13px;margin:6px 0 14px}.steps{list-style:none;display:flex;flex-direction:column;gap:2px}.steps li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--muted)}.steps li.done{color:var(--text)}.steps li.current{background:var(--panel-2);color:var(--text);font-weight:500}.step-mark{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);flex-shrink:0}.steps li.done .step-mark{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.steps li.current .step-mark{border:2px solid var(--text)}.wizard{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px}.terminal{background:#0b0d12;color:#c9d1d9;font-family:var(--font-mono);font-size:12px;border-radius:var(--radius-sm);padding:12px 14px;min-height:180px;max-height:280px;overflow-y:auto;line-height:1.7;border:1px solid var(--border)}.terminal .ok{color:#4ade80}.terminal .dim{color:#6b7280}.secret{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12.5px;background:var(--panel);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:8px 10px}.secret code{flex:1;overflow-wrap:anywhere}.topo{display:flex;flex-direction:column;align-items:center;gap:0}.topo-node{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;background:var(--bg);display:flex;align-items:center;gap:8px;font-size:13px}.topo-line{width:1px;height:22px;background:var(--border)}.topo-children{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;width:100%;border-top:1px solid var(--border);padding-top:14px}.robot-tile{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px;cursor:pointer;background:var(--bg);text-align:left}.robot-tile:hover{background:var(--panel)}.robot-tile.offline{border-color:color-mix(in srgb,var(--offline) 45%,var(--border))}.robot-tile.warning{border-color:color-mix(in srgb,var(--warning) 45%,var(--border))}.heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(14px,1fr));gap:3px}.heat i{aspect-ratio:1;border-radius:3px;display:block;background:var(--online);cursor:pointer}.heat i.warning{background:var(--warning)}.heat i.degraded{background:var(--degraded)}.heat i.offline{background:var(--offline)}.heat i.maintenance,.heat i.unknown{background:var(--neutral)}.log-line{font-family:var(--font-mono);font-size:12px;display:grid;grid-template-columns:150px 54px 150px minmax(0,1fr);gap:12px;padding:4px 12px;border-bottom:1px solid var(--border)}.log-line:hover{background:var(--panel)}.log-line .lv-error{color:var(--offline)}.log-line .lv-warn{color:var(--warning)}.log-line .lv-info{color:var(--muted)}mark{background:var(--accent-tint);color:var(--accent);border-radius:2px}.callout{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent-tint);padding:10px 12px;font-size:12.5px}.chart-tip{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px;box-shadow:var(--overlay-shadow)}.chart-tip .num{font-size:12px}.skel{background:linear-gradient(90deg,var(--track) 0%,var(--panel-2) 50%,var(--track) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px;background:var(--panel)}.login-card{width:min(400px,100%);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.readonly-banner{background:var(--warning-tint);color:var(--warning);font-size:12.5px;padding:6px 28px;border-bottom:1px solid var(--border)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 1100px){.g4,.g6{grid-template-columns:repeat(2,minmax(0,1fr))}.g5{grid-template-columns:repeat(3,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.shell{grid-template-columns:minmax(0,1fr)}.toolbar .select{max-width:100%;flex:1 1 140px}.topbar .search-trigger{flex:1;min-width:0}.sidebar{position:fixed;left:0;top:0;z-index:55;width:260px;transform:translate(-100%);transition:transform .22s ease-out}.sidebar.open{transform:none;box-shadow:var(--overlay-shadow)}.mobile-only,.icon-btn.mobile-only{display:inline-flex}select.mobile-only{display:block}.browser-grid{grid-template-columns:minmax(0,1fr)}.topbar{padding:10px 16px}.content{padding:18px 16px 48px}.g2,.g3{grid-template-columns:minmax(0,1fr)}.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}.metric .value{font-size:20px}.g6{grid-template-columns:repeat(2,minmax(0,1fr))}.span2{grid-column:auto}.wizard{grid-template-columns:1fr}.kv{grid-template-columns:120px minmax(0,1fr)}.hide-sm{display:none!important}.log-line{grid-template-columns:1fr;gap:2px}.toolbar .input-icon{width:100%}}.keyfile{display:flex;align-items:center;gap:10px;width:100%;border-radius:var(--radius-sm);padding:12px 14px;font:inherit;color:var(--text);text-align:left}.keyfile.drop{flex-direction:column;justify-content:center;gap:4px;min-height:96px;border:1.5px dashed var(--border);background:var(--bg);cursor:pointer;text-align:center;color:var(--muted)}.keyfile.drop b{color:var(--text);font-weight:600}.keyfile.drop:hover,.keyfile.drop.over{border-color:var(--accent);background:var(--accent-tint);color:var(--text)}.keyfile.drop:disabled{opacity:.5;cursor:default}.keyfile.has{border:1px solid var(--border);background:var(--panel)}.keyfile.has>svg{color:var(--online);flex:none}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--surface-2, var(--bg));border:1px solid var(--border);border-radius:9px}.seg-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:13px;border:0;background:transparent;color:var(--muted);border-radius:6px;cursor:pointer}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--card, var(--surface));color:var(--text);box-shadow:0 1px 2px #00000026}.feed{list-style:none;margin:0;padding:0}.feed-row{display:flex;gap:11px;align-items:flex-start;padding:11px 14px;border-bottom:1px solid var(--border)}.feed-row:last-child{border-bottom:0}.feed-top{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.feed-top b{font-weight:600}