.card{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card-pad{padding:var(--s-4)}.card-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border-hairline)}.card-hd h3{margin:0;font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--text-primary)}.card-hd .sub{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.card-bd{padding:var(--s-4)}.btn{--_bg:var(--bg-card);--_fg:var(--text-primary);--_bd:var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 12px;border-radius:var(--radius-md);font:500 13px/1 var(--font-sans);letter-spacing:.005em;background:var(--_bg);color:var(--_fg);border:1px solid var(--_bd);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .12s ease;white-space:nowrap}.btn:hover{border-color:var(--field-border-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn .ic{width:14px;height:14px;flex:0 0 14px}.btn-primary{--_bg:linear-gradient(180deg,rgba(56,189,255,.22),rgba(56,189,255,.10)),var(--bg-card);--_bd:var(--border-bold);--_fg:var(--text-primary)}.btn-primary:hover{--_bg:linear-gradient(180deg,rgba(56,189,255,.32),rgba(56,189,255,.16)),var(--bg-card);--_bd:var(--accent);box-shadow:0 0 0 3px rgba(56,189,255,.1)}[data-theme=light] .btn-primary{--_bg:var(--accent);--_fg:#ffffff;--_bd:var(--accent)}[data-theme=light] .btn-primary:hover{--_bg:var(--accent-hover);--_bd:var(--accent-hover)}.btn-secondary{--_bg:var(--bg-card);--_bd:var(--border-subtle)}.btn-ghost{--_bg:transparent;--_bd:transparent;--_fg:var(--text-secondary)}.btn-ghost:hover{--_bg:var(--accent-soft);--_fg:var(--text-primary)}.btn-danger{--_bg:linear-gradient(180deg,rgba(255,78,106,.18),rgba(255,78,106,.08)),var(--bg-card);--_bd:rgba(255,78,106,.4);--_fg:var(--critical)}.btn-danger:hover{box-shadow:0 0 0 3px rgba(255,78,106,.1);--_bd:var(--critical)}.btn-icon{width:32px;padding:0}.btn-sm{height:26px;padding:0 10px;font-size:12px}.btn-lg{height:38px;padding:0 16px;font-size:14px}.input{width:100%;height:32px;padding:0 12px;background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-md);color:var(--text-primary);font:400 13px/1 var(--font-sans);outline:0;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.input::-moz-placeholder{color:var(--text-faint)}.input::placeholder{color:var(--text-faint)}.input:hover{border-color:var(--field-border-hover)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(56,189,255,.12)}.input-lg{height:38px}.input-wrap{position:relative;display:flex;align-items:center;background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-md);height:32px;transition:border-color .14s ease,box-shadow .14s ease}.input-wrap:hover{border-color:var(--field-border-hover)}.input-wrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(56,189,255,.12)}.input-wrap .lead,.input-wrap .trail{display:grid;place-items:center;width:32px;color:var(--text-muted)}.input-wrap input{flex:1;min-width:0;background:transparent;border:0;outline:0;height:100%;padding:0 8px 0 0;color:var(--text-primary);font:400 13px/1 var(--font-sans)}.input-wrap input::-moz-placeholder{color:var(--text-faint)}.input-wrap input::placeholder{color:var(--text-faint)}.select{background:var(--field-bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2395a2b5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 10px center /12px;padding-right:30px}.cbx,.rdo,.select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cbx,.rdo{width:16px;height:16px;border:1px solid var(--field-border);background:var(--field-bg);display:inline-grid;place-items:center;cursor:pointer;transition:border-color .14s,background .14s,box-shadow .14s}.cbx{border-radius:4px}.rdo{border-radius:50%}.cbx:hover,.rdo:hover{border-color:var(--field-border-hover)}.cbx:checked,.rdo:checked{background:var(--accent);border-color:var(--accent)}.cbx:checked:after{content:"";width:4px;height:8px;border:solid #02101a;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}[data-theme=light] .cbx:checked:after{border-color:#ffffff}.rdo:checked:after{content:"";width:6px;height:6px;border-radius:50%;background:#02101a}[data-theme=light] .rdo:checked:after{background:#ffffff}.cbx:focus-visible,.rdo:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.toggle{--_w:32px;--_h:18px;position:relative;width:var(--_w);height:var(--_h);background:var(--field-bg);border:1px solid var(--field-border);border-radius:999px;cursor:pointer;transition:background .18s,border-color .18s}.toggle:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;background:var(--text-muted);border-radius:50%;transition:transform .18s,background .18s}.toggle[aria-checked=true]{background:var(--accent-soft);border-color:var(--accent)}.toggle[aria-checked=true]:after{transform:translateX(14px);background:var(--accent)}.seg{display:inline-flex;padding:3px;background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-md);gap:2px}.seg button{height:24px;padding:0 10px;background:transparent;border:0;cursor:pointer;color:var(--text-muted);font:500 12px/1 var(--font-sans);border-radius:4px;transition:background .14s,color .14s}.seg button.active,.seg button:hover{color:var(--text-primary)}.seg button.active{background:var(--bg-elevated);box-shadow:0 0 0 1px var(--border-bold)}[data-theme=light] .seg button.active{background:var(--accent-soft);color:var(--accent);box-shadow:none}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-hairline)}.tabs button{height:36px;padding:0 14px;background:transparent;border:0;cursor:pointer;color:var(--text-muted);font:500 13px/1 var(--font-sans);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .14s,border-color .14s}.tabs button.active,.tabs button:hover{color:var(--text-primary)}.tabs button.active{border-bottom-color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font:500 11.5px/1 var(--font-sans);background:var(--bg-elevated);border:1px solid var(--border-hairline);color:var(--text-secondary)}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-online{color:var(--online);background:var(--online-soft);border-color:rgba(34,211,163,.3)}.pill-warning{color:var(--warning);background:var(--warning-soft);border-color:rgba(245,184,65,.3)}.pill-critical{color:var(--critical);background:var(--critical-soft);border-color:rgba(255,78,106,.3)}.pill-info{color:var(--info);background:var(--info-soft);border-color:rgba(155,124,255,.3)}.pill-accent{color:var(--accent);background:var(--accent-soft);border-color:var(--border-bold)}.pill-pending{color:var(--pending);background:var(--pending-soft);border-color:var(--border-subtle)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#02101a;font:600 10.5px/1 var(--font-mono);font-variant-numeric:tabular-nums}[data-theme=light] .badge{color:#ffffff}.badge-critical{background:var(--critical);color:#fff}.badge-warning{background:var(--warning);color:#1a1306}.tag{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border-hairline);color:var(--text-secondary);font:500 11px/1 var(--font-mono)}.sdot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;display:inline-block;box-shadow:0 0 0 2px var(--bg-card)}.sdot.online{background:var(--online);box-shadow:0 0 0 2px var(--bg-card),0 0 8px rgba(34,211,163,.5)}.sdot.warning{background:var(--warning)}.sdot.critical{background:var(--critical);box-shadow:0 0 0 2px var(--bg-card),0 0 10px rgba(255,78,106,.5)}.sdot.offline{background:var(--offline)}.sdot.info{background:var(--info)}.tip{position:absolute;z-index:60;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);padding:6px 9px;border-radius:var(--radius-md);font:500 11.5px/1.3 var(--font-sans);box-shadow:var(--shadow-2);white-space:nowrap;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;width:320px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-3)}.toast .ic{flex:0 0 16px}.toast .body{flex:1;min-width:0}.toast .body .ttl{font:600 13px/1.3 var(--font-sans);margin-bottom:2px}.toast .body .msg{font:400 12.5px/1.45 var(--font-sans);color:var(--text-secondary)}.toast.info .ic{color:var(--accent)}.toast.success .ic{color:var(--online)}.toast.warning .ic{color:var(--warning)}.toast.critical .ic{color:var(--critical)}.scrim{position:absolute;inset:0;background:rgba(2,8,18,.6);backdrop-filter:blur(2px)}.modal{position:relative;width:480px;max-width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden}.modal-hd{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border-hairline)}.modal-hd h3{margin:0;font:600 15px/1.2 var(--font-sans)}.modal-bd{padding:var(--s-4)}.modal-ft{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:var(--s-3) var(--s-4);border-top:1px solid var(--border-hairline);background:var(--bg-secondary)}.drawer{position:relative;width:420px;height:100%;background:var(--bg-card);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-3)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:36px 20px;text-align:center;color:var(--text-muted)}.empty .glyph{position:relative;width:84px;height:84px;border-radius:50%;border:1px solid var(--border-hairline);background:radial-gradient(60% 60% at 50% 50%,var(--accent-soft),transparent 70%);display:grid;place-items:center;overflow:hidden}.empty .glyph:after,.empty .glyph:before{content:"";position:absolute;left:-10%;right:-10%;height:1px;background:var(--border-bold);opacity:.35}.empty .glyph:before{top:38%;transform:rotate(-2deg)}.empty .glyph:after{top:58%;transform:rotate(2deg);opacity:.2}.empty .ttl{font:600 14px/1.3 var(--font-sans);color:var(--text-primary)}.empty .msg{font:400 12.5px/1.5 var(--font-sans);max-width:320px}.skel{background:linear-gradient(90deg,var(--bg-elevated) 0,var(--bg-secondary) 50%,var(--bg-elevated) 100%);background-size:200% 100%;border-radius:var(--radius-md);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.tbl thead th{text-align:left;font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-secondary);position:sticky;top:0;z-index:1;white-space:nowrap}.tbl tbody td,.tbl thead th{padding:10px 12px;border-bottom:1px solid var(--border-hairline)}.tbl tbody td{color:var(--text-secondary);vertical-align:middle}.tbl tbody tr{transition:background .12s ease}.tbl tbody tr.selected,.tbl tbody tr:hover{background:var(--accent-soft)}.tbl tbody tr.selected{box-shadow:inset 2px 0 0 var(--accent)}.tbl td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary)}.tbl td.primary{color:var(--text-primary);font-weight:500}.crumb{display:flex;align-items:center;gap:6px;font-size:12.5px}.crumb,.crumb a{color:var(--text-muted)}.crumb a{text-decoration:none}.crumb a:hover{color:var(--text-primary)}.crumb .sep{color:var(--text-faint)}.crumb .here{color:var(--text-primary);font-weight:500}.pager{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:12px}.pager button{width:28px;height:28px;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;font:inherit}.pager button:hover{border-color:var(--border-subtle);color:var(--text-primary)}.pager button.active{background:var(--accent-soft);color:var(--accent);border-color:var(--border-bold)}.pager button:disabled{opacity:.35;cursor:not-allowed}.nv{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:var(--radius-md);color:var(--text-secondary);font:500 13px/1 var(--font-sans);cursor:pointer;text-decoration:none;position:relative;transition:background .12s,color .12s}.nv:hover{background:var(--accent-soft);color:var(--text-primary)}.nv .ic{width:16px;height:16px;flex:0 0 16px;color:currentColor;opacity:.85}.nv .lbl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nv .badge{flex:0 0 auto}.nv.active{background:var(--accent-soft);color:var(--accent)}.nv.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--accent)}.nv.collapsed{width:36px;padding:0;justify-content:center}.nv.collapsed .badge,.nv.collapsed .lbl{display:none}.callout{display:flex;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-hairline);border-left:2px solid var(--accent)}.callout .ic{flex:0 0 16px;color:var(--accent)}.callout .ttl{font:600 13px/1.3 var(--font-sans);margin-bottom:2px}.callout .msg{font:400 12.5px/1.5 var(--font-sans);color:var(--text-secondary)}.callout.success{border-left-color:var(--online)}.callout.success .ic{color:var(--online)}.callout.warning{border-left-color:var(--warning)}.callout.warning .ic{color:var(--warning)}.callout.critical{border-left-color:var(--critical)}.callout.critical .ic{color:var(--critical)}.kv{display:grid;grid-template-columns:100px 1fr;gap:6px 14px;font-size:12.5px}.kv dt{color:var(--text-muted);font-size:11px;letter-spacing:.04em}.kv dd,.kv dt{font-family:var(--font-mono)}.kv dd{margin:0;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat{padding:var(--s-4);background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);position:relative;overflow:hidden}.stat .lbl{font:500 10.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.stat .val{font:500 28px/1 var(--font-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text-primary);margin-bottom:6px}.stat .delta{font:500 11.5px/1 var(--font-sans);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:4px}.stat .delta.up{color:var(--online)}.stat .delta.down{color:var(--critical)}.stat .delta.flat{color:var(--text-muted)}.stat .spark{position:absolute;right:14px;bottom:14px;opacity:.9}.page-hd{padding:var(--s-3) var(--s-5) var(--s-3)}.page-hd .crumb{margin-bottom:8px}.page-hd .row1{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.page-hd h1{margin:0;font:600 24px/1.15 var(--font-sans);letter-spacing:-.015em}.page-hd .subtitle{font:400 13px/1.4 var(--font-sans);color:var(--text-muted);margin-top:4px}.page-hd .actions{display:flex;align-items:center;gap:8px}.fld{display:flex;flex-direction:column;gap:6px}.fld label{font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.fld .help,.fld label{color:var(--text-muted)}.fld .err,.fld .help{font:400 11.5px/1.4 var(--font-sans)}.fld .err{color:var(--critical)}.fld.horz{flex-direction:row;align-items:center;gap:14px}.fld.horz label{width:120px;flex:0 0 auto}.stepper{gap:0}.stepper,.stepper .step{display:flex;align-items:center}.stepper .step{gap:8px;color:var(--text-muted);font-size:12.5px}.stepper .step .num{width:22px;height:22px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-hairline);display:grid;place-items:center;font:600 11px/1 var(--font-mono)}.stepper .step.done .num{background:var(--accent-soft);border-color:var(--border-bold);color:var(--accent)}.stepper .step.active .num{background:var(--accent);border-color:var(--accent);color:#02101a}[data-theme=light] .stepper .step.active .num{color:#fff}.stepper .step.active{color:var(--text-primary)}.stepper .bar{flex:1;height:1px;background:var(--border-hairline);margin:0 12px}.stepper .bar.done{background:var(--accent);opacity:.6}.dropzone{border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);padding:28px 20px;text-align:center;background:var(--bg-secondary);color:var(--text-muted);font-size:13px}.dropzone strong{color:var(--text-primary);font-weight:600}.inline-edit{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:var(--radius-sm);cursor:text;border:1px solid transparent;font-family:var(--font-mono)}.inline-edit:hover{border-color:var(--border-hairline);background:var(--bg-elevated)}.inline-edit .pen{color:var(--text-faint);width:12px;height:12px}.inline-edit:hover .pen{color:var(--accent)}.sf{position:relative;padding:16px 18px 14px;background:linear-gradient(180deg,#1a2030,#0d121d 65%,#0a0d15);border:1px solid rgba(180,210,240,.1);border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.5),0 12px 28px -18px rgba(0,0,0,.7);overflow:hidden;isolation:isolate;color:rgba(220,235,255,.85)}[data-theme=light] .sf{background:linear-gradient(180deg,#1d2535,#10172a 65%,#0a0f1f)}.sf:before{inset:0;background-image:radial-gradient(circle at 14px 14px,rgba(255,255,255,.1) 0 1px,rgba(0,0,0,.5) 1.4px,transparent 2px),radial-gradient(circle at calc(100% - 14px) 14px,rgba(255,255,255,.1) 0 1px,rgba(0,0,0,.5) 1.4px,transparent 2px),radial-gradient(circle at 14px calc(100% - 14px),rgba(255,255,255,.1) 0 1px,rgba(0,0,0,.5) 1.4px,transparent 2px),radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),rgba(255,255,255,.1) 0 1px,rgba(0,0,0,.5) 1.4px,transparent 2px)}.sf:after,.sf:before{content:"";position:absolute;pointer-events:none;z-index:0}.sf:after{top:0;left:80px;right:80px;height:5px;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px)}.sf-row{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:14px 18px;align-items:center}.sf-sys{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 16px;padding:7px 12px;border:1px solid rgba(220,235,255,.08);border-radius:4px;background:rgba(0,0,0,.25)}.sf-brand{display:grid;gap:3px;padding:8px 12px;border:1px solid rgba(220,235,255,.1);border-radius:4px;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.1));align-self:stretch;align-content:center;min-width:118px}.sf-brand .nm{font:700 13px/1 var(--font-mono);color:rgba(220,235,255,.92);letter-spacing:.06em}.sf-brand .model{font:400 10px/1.25 var(--font-mono);color:rgba(180,200,225,.55);letter-spacing:.02em}.sf-brand .uplink{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font:500 9px/1 var(--font-mono);color:rgba(180,200,225,.55);letter-spacing:.08em;text-transform:uppercase}.sf-brand .uplink .dot{width:5px;height:5px;border-radius:50%;background:#22D3A3;box-shadow:0 0 5px rgba(34,211,163,.7)}.sf-sys .led-row{display:inline-flex;align-items:center;gap:6px;font:500 8.5px/1 var(--font-mono);color:rgba(180,200,225,.55);letter-spacing:.08em;text-transform:uppercase}.sf-sys .led{width:6px;height:6px;border-radius:50%;background:rgba(160,180,210,.25)}.sf-sys .led.on{background:#22D3A3;box-shadow:0 0 6px rgba(34,211,163,.7)}.sf-sys .led.warn{background:#F5B841;box-shadow:0 0 6px rgba(245,184,65,.7)}.sf-sys .led.crit{background:#FF4E6A;box-shadow:0 0 6px rgba(255,78,106,.7)}.sf-sys .led.acc{background:#38BDFF;box-shadow:0 0 6px rgba(56,189,255,.7)}.sf-ports{display:grid;gap:8px 5px;align-items:end;justify-content:center}.sf-1u .sf-bank{display:grid;grid-auto-flow:column dense;grid-template-rows:1fr 1fr;gap:4px 4px}.sf-1u .sf-bank.single-row{grid-template-rows:1fr}.sf-1u .sf-banks{display:flex;gap:18px;align-items:stretch;justify-content:safe center;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;max-width:100%}.sf-1u .sf-banks::-webkit-scrollbar{height:7px}.sf-1u .sf-banks::-webkit-scrollbar-thumb{background:rgba(180,210,240,.22);border-radius:4px}.sf-1u .sf-divider{width:1px;background:linear-gradient(180deg,transparent,rgba(220,235,255,.12),transparent);align-self:stretch}.sf-p{position:relative;width:34px;height:44px;display:grid;grid-template-rows:10px 1fr;border:1px solid rgba(220,235,255,.1);border-radius:3px;background:linear-gradient(180deg,#131826,#080c14);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04);cursor:pointer;transition:border-color .14s,box-shadow .14s,transform .12s}.sf-p:hover{border-color:rgba(56,189,255,.55);box-shadow:0 0 0 1px rgba(56,189,255,.35),0 0 12px -4px rgba(56,189,255,.35);transform:translateY(-1px)}.sf-p.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px -2px rgba(56,189,255,.55)}.sf-p.multi-sel{border-color:var(--online);box-shadow:0 0 0 2px var(--online),0 0 14px -2px rgba(34,211,163,.6)}.sf-p.multi-sel:before{content:"\2713";position:absolute;top:-7px;left:-7px;z-index:4;width:14px;height:14px;border-radius:50%;background:var(--online);color:#04140d;font:700 9px/14px var(--font-mono);text-align:center}.sf-p.bond-glow{border-color:#9B7CFF;box-shadow:0 0 0 1px #9B7CFF,0 0 16px -2px rgba(155,124,255,.7)}.sf-p.bond-glow .slot{box-shadow:inset 0 0 8px -1px rgba(155,124,255,.6)}.sf-p .lbl{font:600 7.5px/1 var(--font-mono);color:rgba(220,235,255,.55);letter-spacing:.04em;text-align:center;padding-top:2px}.sf-p .led{position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:rgba(160,180,210,.22)}.sf-p[data-speed="100"] .led{background:#F5B841;box-shadow:0 0 4px rgba(245,184,65,.7)}.sf-p[data-speed="1G"] .led{background:#22D3A3;box-shadow:0 0 4px rgba(34,211,163,.8)}.sf-p[data-speed="10G"] .led,.sf-p[data-speed="2.5G"] .led,.sf-p[data-speed="5G"] .led{background:#38BDFF;box-shadow:0 0 4px rgba(56,189,255,.8)}.sf-p[data-speed="100G"] .led,.sf-p[data-speed="25G"] .led,.sf-p[data-speed="40G"] .led{background:#9B7CFF;box-shadow:0 0 4px rgba(155,124,255,.8)}.sf-p.act .led{animation:sf-pulse 1.6s ease-in-out infinite}@keyframes sf-pulse{0%,to{opacity:1}55%{opacity:.35}}.sf-p.err{border-color:rgba(255,78,106,.55);box-shadow:inset 0 0 0 1px rgba(255,78,106,.18),0 0 0 1px rgba(255,78,106,.3)}.sf-p.err:after{content:"";position:absolute;inset:-1px;border:1px solid rgba(255,78,106,.45);border-radius:3px;pointer-events:none;animation:sf-err 1.8s ease-in-out infinite}@keyframes sf-err{0%,to{opacity:.35}50%{opacity:1}}.sf-p.dis{border-style:dashed;border-color:rgba(160,180,210,.3);background:linear-gradient(180deg,#0d111a,#070a11)}.sf-p.dis .led{background:transparent!important;box-shadow:none!important}.sf-p.stp .stp-dot{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:#F5B841;box-shadow:0 0 5px rgba(245,184,65,.8)}.sf-p[data-type=poe] .slot,.sf-p[data-type=rj45] .slot{position:relative;margin:1px 3px 4px;height:27px;background:linear-gradient(180deg,#0a0e16,#050810);border:1px solid rgba(180,210,240,.1);border-radius:1px}.sf-p[data-type=poe] .slot:before,.sf-p[data-type=rj45] .slot:before{content:"";position:absolute;inset:2px 2px 6px 2px;background:linear-gradient(90deg,transparent,transparent 6%,rgba(180,200,225,.3) 0,rgba(180,200,225,.3) 11%,transparent 0,transparent 17%,rgba(180,200,225,.3) 0,rgba(180,200,225,.3) 22%,transparent 0,transparent 28%,rgba(180,200,225,.3) 0,rgba(180,200,225,.3) 33%,transparent 0,transparent 39%,rgba(180,200,225,.3) 0,rgba(180,200,225,.3) 44%,transparent 0,transparent 56%,rgba(180,200,225,.3) 0,rgba(180,200,225,.3) 61%,transparent 0,transparent 67%,rgba(180,200,225,.3) 0,rgba(180,200,225,.3) 72%,transparent 0,transparent 78%,rgba(180,200,225,.3) 0,rgba(180,200,225,.3) 83%,transparent 0,transparent 89%,rgba(180,200,225,.3) 0,rgba(180,200,225,.3) 94%,transparent 0);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);opacity:.85}.sf-p[data-type=poe] .slot:after,.sf-p[data-type=rj45] .slot:after{content:"";position:absolute;inset:auto 0 0 0;height:5px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6))}.sf-p.dis[data-type=poe] .slot:before,.sf-p.dis[data-type=rj45] .slot:before{opacity:.25}.sf-p[data-type="sfp+"] .slot,.sf-p[data-type=sfp28] .slot,.sf-p[data-type=sfp] .slot{position:relative;margin:4px 5px 6px;height:21px;background:#050810;border:1px solid rgba(180,210,240,.1);border-radius:1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6)}.sf-p[data-type="sfp+"] .slot:before,.sf-p[data-type=sfp28] .slot:before,.sf-p[data-type=sfp] .slot:before{content:"";position:absolute;inset:2px 2px;border:1px solid rgba(180,210,240,.06);border-radius:1px;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 30%,transparent 70%,rgba(0,0,0,.5))}.sf-p[data-type="sfp+"]{background:linear-gradient(180deg,#131c2e,#07101a)}.sf-p[data-type=sfp28]{background:linear-gradient(180deg,#181431,#0a0716)}.sf-p[data-mod]:not([data-mod=""]) .slot:after{content:"";position:absolute;right:2px;top:50%;transform:translateY(-50%);width:3px;height:8px;background:var(--accent);border-radius:1px;box-shadow:0 0 4px rgba(56,189,255,.7)}.sf-p[data-mod=dac] .slot:after{background:#22D3A3;box-shadow:0 0 4px rgba(34,211,163,.7)}.sf-p[data-mod=aoc] .slot:after{background:#38BDFF;box-shadow:0 0 4px rgba(56,189,255,.7)}.sf-p[data-mod=sr] .slot:after{background:#9B7CFF;box-shadow:0 0 4px rgba(155,124,255,.7)}.sf-p[data-mod=lr] .slot:after{background:#F5B841;box-shadow:0 0 4px rgba(245,184,65,.7)}.sf-p[data-mod=empty] .slot:after{display:none}.sf-p[data-type=qsfp]{width:48px}.sf-p[data-type=qsfp] .slot{position:relative;margin:3px 4px 5px;height:19px;background:#050810;border:1px solid rgba(180,210,240,.1);border-radius:1px}.sf-p[data-type=qsfp] .slot:before{content:"";position:absolute;inset:3px 3px;background:radial-gradient(circle at 12% 50%,rgba(155,124,255,.5) 0 1.5px,transparent 2.5px),radial-gradient(circle at 37% 50%,rgba(155,124,255,.5) 0 1.5px,transparent 2.5px),radial-gradient(circle at 62% 50%,rgba(155,124,255,.5) 0 1.5px,transparent 2.5px),radial-gradient(circle at 87% 50%,rgba(155,124,255,.5) 0 1.5px,transparent 2.5px)}.sf-p[data-type=console] .slot{position:relative;margin:2px 4px 4px;height:22px;background:#050810;border:1px solid rgba(180,210,240,.1);border-radius:50%}.sf-p[data-type=console] .slot:before{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 35% 40%,rgba(180,200,225,.4) 0 1px,transparent 1.5px),radial-gradient(circle at 65% 40%,rgba(180,200,225,.4) 0 1px,transparent 1.5px),radial-gradient(circle at 35% 70%,rgba(180,200,225,.4) 0 1px,transparent 1.5px),radial-gradient(circle at 65% 70%,rgba(180,200,225,.4) 0 1px,transparent 1.5px)}.sf-p[data-type=usb] .slot{position:relative;margin:4px 3px 6px;height:16px;background:#050810;border:1px solid rgba(180,210,240,.12);border-radius:1px}.sf-p[data-type=usb] .slot:before{content:"";position:absolute;inset:3px 4px;background:linear-gradient(180deg,transparent,transparent 40%,rgba(180,200,225,.25) 0,rgba(180,200,225,.25) 60%,transparent 0)}.sf-p[data-type=poe] .bolt{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:8px;height:11px;pointer-events:none;z-index:2}.sf-p[data-type=poe] .bolt path{fill:none;stroke:#38BDFF;stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round}.sf-p[data-type=poe].poe-off .bolt path{stroke:rgba(160,180,210,.3)}.sf-ports.with-poe-w{row-gap:22px}.sf-p .poe-w{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);font:600 8.5px/1 var(--font-mono);color:#38BDFF;white-space:nowrap;letter-spacing:.02em}.sf-p.poe-off .poe-w{color:rgba(160,180,210,.4)}.sf-legend{display:flex;gap:14px;flex-wrap:nowrap;align-items:center;margin-top:12px;font:400 10.5px/1.2 var(--font-mono);color:var(--text-muted);letter-spacing:.04em}.sf-legend .item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:0 0 auto}.sf-legend .item .sw{width:8px;height:8px;border-radius:50%;display:inline-block}.sf-legend .item .sw.s100{background:#F5B841;box-shadow:0 0 5px rgba(245,184,65,.6)}.sf-legend .item .sw.s1g{background:#22D3A3;box-shadow:0 0 5px rgba(34,211,163,.6)}.sf-legend .item .sw.s10g{background:#38BDFF;box-shadow:0 0 5px rgba(56,189,255,.6)}.sf-legend .item .sw.s25g{background:#9B7CFF;box-shadow:0 0 5px rgba(155,124,255,.6)}.sf-legend .item .sw.off{background:rgba(160,180,210,.2)}.sf-legend .item .sw.err{background:transparent;border:1px solid rgba(255,78,106,.55)}.sf-legend .item .sw.dis{background:transparent;border:1px dashed rgba(160,180,210,.4)}.sf-legend .item .sw.stp{background:#F5B841;box-shadow:0 0 5px rgba(245,184,65,.6)}.sf-legend .item .sw.poe{background:rgba(56,189,255,.25);border:1px solid rgba(56,189,255,.55);position:relative}.sf-legend .item .sw.poe:after{content:"⚡";position:absolute;inset:0;display:grid;place-items:center;font-size:7px;color:#38BDFF}.sf-legend .spacer{flex:1 1 auto;min-width:8px}.sf-legend .src{color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}.sf-syslegend{gap:10px;padding-left:12px;margin-left:4px;border-left:1px solid rgba(220,235,255,.12)}.sf-syslegend,.sf-syslegend .sl{display:inline-flex;align-items:center}.sf-syslegend .sl{gap:5px;font:500 8.5px/1 var(--font-mono);color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase}.sf-syslegend .led{width:6px;height:6px;border-radius:50%;background:rgba(160,180,210,.25)}.sf-syslegend .led.on{background:#22D3A3;box-shadow:0 0 6px rgba(34,211,163,.7)}.sf-syslegend .led.warn{background:#F5B841;box-shadow:0 0 6px rgba(245,184,65,.7)}.sf-syslegend .led.crit{background:#FF4E6A;box-shadow:0 0 6px rgba(255,78,106,.7)}.sf-tip{position:absolute;z-index:40;min-width:280px;padding:0;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-3);font-family:var(--font-sans);color:var(--text-primary)}.sf-tip .hd{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;border-bottom:1px solid var(--border-hairline);flex-wrap:wrap}.sf-tip .hd .nm{font:600 13px/1 var(--font-mono);color:var(--text-primary)}.sf-tip .hd .chips{display:inline-flex;gap:4px;flex-wrap:wrap}.sf-tip .bd{padding:10px 12px;display:grid;gap:6px 14px;grid-template-columns:78px 1fr;font-family:var(--font-mono);font-size:11.5px;line-height:1.4}.sf-tip .bd dt{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:9.5px;align-self:center}.sf-tip .bd dd{color:var(--text-primary);margin:0;font-variant-numeric:tabular-nums}.sf-tip .bd dd .sub{display:block;font-size:10.5px;color:var(--text-muted);margin-top:2px}.sf-tip .ft{display:flex;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-hairline);font:500 11px/1 var(--font-mono);color:var(--text-muted)}.sf-tip .ft .hint{display:inline-flex;align-items:center;gap:4px}.sf-tip .ft .hint .k{background:var(--bg-elevated);border:1px solid var(--border-hairline);border-radius:3px;padding:2px 5px;color:var(--text-secondary)}.iftable .head,.iftable .row{display:grid;gap:14px;padding:10px 16px;align-items:center}.iftable .head{background:var(--bg-secondary);font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);position:sticky;top:0;z-index:1}.iftable .head,.iftable .row{border-bottom:1px solid var(--border-hairline)}.iftable .row{font-size:12.5px;cursor:pointer;transition:background .12s}.iftable .row:last-child{border-bottom:0}.iftable .row.selected,.iftable .row:hover{background:var(--accent-soft)}.iftable .row.selected{box-shadow:inset 2px 0 0 var(--accent)}.iftable .row.disabled{opacity:.55}.iftable .row.warn{background:rgba(245,184,65,.05)}.iftable .row.crit{background:rgba(255,78,106,.05)}.iftable .nm{font:500 12.5px/1.2 var(--font-mono);color:var(--text-primary)}.iftable .nm .sub{display:block;margin-top:3px;font:400 11px/1.2 var(--font-sans);color:var(--text-muted)}.iftable .mono{color:var(--text-secondary)}.iftable .mono,.iftable .num-cell{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.iftable .num-cell{color:var(--text-primary)}.iftable .num-cell .sub{display:block;font:400 10.5px/1 var(--font-mono);color:var(--text-muted);margin-top:3px}.iftable .traffic{font:500 12px/1.2 var(--font-mono);font-variant-numeric:tabular-nums}.iftable .traffic .rx{color:var(--accent)}.iftable .traffic .tx{color:var(--info)}.iftable .traffic .arr{font-style:normal;opacity:.65;margin-right:2px}.if-table .head,.if-table .row{grid-template-columns:20px minmax(150px,1.6fr) 78px 64px 110px minmax(140px,1fr) minmax(120px,1fr) 130px 60px 20px}.iftable .st{display:inline-flex;align-items:center;gap:6px;font:500 11.5px/1 var(--font-mono)}.iftable .st .dot{width:7px;height:7px;border-radius:50%;flex:none}.iftable .st.up{color:var(--online)}.iftable .st.up .dot{background:var(--online)}.iftable .st.down{color:var(--critical)}.iftable .st.down .dot{background:var(--critical)}.iftable .st.dis{color:var(--text-muted)}.iftable .st.dis .dot{background:var(--text-muted)}.if-table .row .chev-x{transition:transform .16s}.if-table .row.exp-open .chev-x{transform:rotate(90deg)}.if-exp{grid-column:1/-1;padding:0;overflow:hidden;animation:ifExp .2s ease;border-bottom:1px solid var(--border-hairline);background:var(--bg-secondary)}@keyframes ifExp{0%{opacity:0}to{opacity:1}}.if-exp .inner{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;padding:16px 18px 18px 42px}@media (max-width:900px){.if-exp .inner{grid-template-columns:1fr}}.if-exp .facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;align-content:start}.if-exp .fact{min-width:0}.if-exp .fact .k{font:500 9px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.if-exp .fact .v{font:500 12.5px/1.3 var(--font-sans);color:var(--text-primary);margin-top:4px;word-break:break-word}.if-exp .fact .v .tg{display:inline-block;font:500 10px/1 var(--font-mono);background:var(--accent-soft);color:var(--accent);padding:2px 6px;border-radius:5px;margin:0 3px 3px 0}.if-exp .charts{display:grid;gap:10px}.if-exp .spark{border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--bg-card);padding:9px 11px}.if-exp .spark .lab{display:flex;justify-content:space-between;font:500 10px/1 var(--font-mono);color:var(--text-muted);letter-spacing:.04em}.if-exp .spark .lab b{color:var(--text-primary)}.if-exp .spark svg{display:block;width:100%;height:38px;margin-top:6px}.if-exp .exp-actions{grid-column:1/-1;display:flex;gap:8px;padding-top:4px}.if-table .row .nego{display:block;font:400 10.5px/1.2 var(--font-mono);color:var(--text-muted);margin-top:3px}.if-table .row.exp-open{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.topbar{gap:14px;padding:0 16px;background:color-mix(in oklab,var(--bg-secondary) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-hairline)}.topbar,.topbar .brand{display:flex;align-items:center}.topbar .brand{gap:9px;min-width:48px;padding-right:10px}.topbar .brand .word{font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:opacity .2s}.topbar .brand .word .dim{color:var(--text-muted);font-weight:400}.topbar .brand .word.hidden-word{opacity:0}.topbar .collapse-btn{width:28px;height:28px;padding:0;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .14s}.topbar .collapse-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--border-hairline)}.topbar-search{flex:1;max-width:520px}.topbar-spacer{flex:1}.topbar .tswitch{padding:5px 10px;min-width:200px;display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border-hairline);border-radius:var(--radius-md);cursor:pointer}.topbar .tswitch .av{width:20px;height:20px;font-size:10px;border-radius:5px;background:linear-gradient(135deg,var(--accent),var(--info));display:grid;place-items:center;color:#fff;font-weight:600;flex:0 0 20px}.topbar .tswitch .av.none{background:var(--bg-sunken);color:var(--text-faint);border:1px dashed var(--border-subtle)}.topbar .tswitch .body{line-height:1.1;flex:1;min-width:0;text-align:left}.topbar .tswitch .body .lbl{font:500 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.topbar .tswitch .body .name{font:500 12px/1 var(--font-sans);margin-top:3px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .tswitch .chev{color:var(--text-muted);flex:0 0 auto}.tenant-wrap{position:relative}.tenant-wrap.open .tswitch{border-color:var(--border-bold)}.tenant-menu{position:absolute;top:calc(100% + 8px);left:0;width:280px;max-height:60vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);padding:8px;z-index:40}.tmenu-label{font:500 9px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding:10px 8px 6px}.tmenu-item{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:var(--radius-md)}.tmenu-item.on,.tmenu-item:hover{background:var(--accent-soft)}.tmenu-item.on{box-shadow:inset 2px 0 0 var(--accent)}.tmenu-item .av{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--info));color:#02101a;font:600 10px/1 var(--font-mono);flex:0 0 26px}:root:not(.dark) .tmenu-item .av{color:#fff}.tmenu-item .av.all{background:var(--bg-elevated);color:var(--accent);border:1px solid var(--border-hairline)}.tmenu-item .tm-body{display:flex;flex-direction:column;gap:2px;min-width:0}.tmenu-item .tm-name{font:600 12.5px/1.1 var(--font-sans);color:var(--text-primary)}.tmenu-item .tm-name,.tmenu-item .tm-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmenu-item .tm-sub{font:400 10.5px/1 var(--font-mono);color:var(--text-muted)}.tmenu-item.all{border-bottom:1px solid var(--border-hairline);border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:2px}.tmenu-item.new{border-top:1px solid var(--border-hairline);border-radius:0 0 var(--radius-md) var(--radius-md);margin-top:2px}.icon-btn{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all .14s}.icon-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-hairline)}.icon-btn .bdg{position:absolute;top:4px;right:4px;background:var(--critical);color:#fff;min-width:14px;height:14px;border-radius:999px;font:600 9.5px/1 var(--font-mono);display:grid;place-items:center;padding:0 4px;box-shadow:0 0 0 2px var(--bg-secondary)}.topbar .avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--info));border:1px solid var(--border-bold);cursor:pointer;display:grid;place-items:center;color:#02101a;font:600 10.5px/1 var(--font-mono);flex:0 0 28px;padding:0}:root:not(.dark) .topbar .avatar{color:#fff}.theme-segment{display:flex;gap:2px;padding:2px;background:var(--bg-elevated);border:1px solid var(--border-hairline);border-radius:999px}.theme-segment button{width:24px;height:24px;border:0;background:transparent;cursor:pointer;color:var(--text-muted);border-radius:999px;display:grid;place-items:center;transition:all .14s}.theme-segment button.active{background:var(--accent-soft);color:var(--accent)}@media (prefers-reduced-motion:reduce){.icon-btn,.theme-segment button,.topbar .brand .word,.topbar .collapse-btn{transition:none}}.topo-pagehd{margin-bottom:14px}.topo-pagehd .row1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topo-pagehd h1{margin:0;font:600 24px/1.15 var(--font-sans);letter-spacing:-.015em;color:var(--text-primary)}.topo-pagehd .actions{margin-left:auto;display:flex;gap:8px}.topo-scope{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid var(--border-hairline);border-radius:var(--radius-pill);background:var(--bg-card);font:500 11.5px/1 var(--font-sans);color:var(--text-secondary)}.topo-scope .av{width:18px;height:18px;border-radius:5px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font:700 8px/1 var(--font-mono)}.topo-scope b{color:var(--text-primary);font-weight:600}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:var(--radius-pill);background:var(--online-soft);color:var(--online);border:1px solid rgba(34,211,163,.3);font:600 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.live-pill .pulse{width:6px;height:6px;border-radius:50%;background:var(--online);animation:inv-pulse 1.5s ease-out infinite}@keyframes inv-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(34,211,163,.5)}50%{opacity:.5;box-shadow:0 0 0 4px rgba(34,211,163,0)}}@media (prefers-reduced-motion:reduce){.live-pill .pulse{animation:none}}.infra{display:grid;grid-template-columns:312px 1fr;gap:14px;height:calc(100vh - 210px);min-height:560px}@media (max-width:1100px){.infra{grid-template-columns:260px 1fr}}.infra-rail{display:flex;flex-direction:column;border:1px solid var(--border-hairline);background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;min-height:0}.infra-rail .rail-hd{display:grid;gap:10px;padding:12px 12px 10px;border-bottom:1px solid var(--border-hairline);background:var(--bg-secondary)}.infra-rail .rail-hd .top{display:flex;align-items:center;justify-content:space-between}.infra-rail .rail-hd .top .ttl{font:600 13px/1 var(--font-sans);color:var(--text-primary);display:inline-flex;align-items:center;gap:7px}.infra-rail .rail-hd .top .ct{font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.infra-rail .rail-search{height:28px}.rail-toggles{display:flex;gap:6px;flex-wrap:wrap}.rail-tg{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;border:1px solid var(--border-hairline);border-radius:var(--radius-pill);background:var(--bg-card);font:500 10.5px/1 var(--font-mono);letter-spacing:.04em;color:var(--text-muted)}.rail-tg .sw{width:22px;height:12px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border-subtle);position:relative;transition:background .15s}.rail-tg .sw:after{content:"";position:absolute;top:1px;left:1px;width:8px;height:8px;border-radius:50%;background:var(--text-faint);transition:transform .15s,background .15s}.rail-tg.on{color:var(--accent)}.rail-tg.on,.rail-tg.on .sw{border-color:var(--border-bold)}.rail-tg.on .sw{background:var(--accent-soft)}.rail-tg.on .sw:after{transform:translateX(10px);background:var(--accent)}.infra-rail .rail-list{flex:1;min-height:0;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.ifp{border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--bg-secondary);padding:9px 10px 10px;cursor:pointer;transition:border-color .14s,box-shadow .14s,transform .1s}.ifp:hover{border-color:var(--border-bold);box-shadow:0 0 0 1px var(--border-bold)}.ifp.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 16px -6px var(--accent-glow)}.ifp.dim{opacity:.4}.ifp.off{opacity:.72}.ifp .ifp-hd{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:start}.ifp .ifp-nm{font:600 12px/1.2 var(--font-sans);color:var(--text-primary);letter-spacing:-.005em}.ifp .ifp-nm .role{display:block;font:400 10px/1.3 var(--font-mono);color:var(--text-muted);margin-top:2px;letter-spacing:.02em}.ifp .ifp-model{font:500 9px/1.3 var(--font-mono);color:var(--text-faint);text-align:right;max-width:96px;letter-spacing:.01em}.ifp .ifp-stat-dot{width:7px;height:7px;border-radius:50%;background:var(--online);box-shadow:0 0 6px rgba(34,211,163,.6);display:inline-block;margin-left:6px;vertical-align:middle}.ifp.warn .ifp-stat-dot{background:var(--warning);box-shadow:0 0 6px rgba(245,184,65,.6)}.ifp.crit .ifp-stat-dot{background:var(--critical);box-shadow:0 0 6px rgba(255,78,106,.6);animation:ifp-blink 1.4s ease-in-out infinite}@keyframes ifp-blink{0%,to{opacity:1}50%{opacity:.3}}.ifp-plate{margin:9px 0 8px;padding:6px 7px;background:linear-gradient(180deg,#131826,#0a0e16);border:1px solid rgba(180,210,240,.1);border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -1px 0 rgba(0,0,0,.5);display:flex;gap:8px;align-items:center;overflow-x:auto}:root:not(.dark) .ifp-plate{background:linear-gradient(180deg,#1b2336,#0d1424)}.ifp-plate .pp-bezel{flex:0 0 auto;width:26px;align-self:stretch;border-right:1px solid rgba(180,210,240,.1);display:grid;place-content:center;gap:3px;padding-right:6px}.ifp-plate .pp-bezel .b-led{width:5px;height:5px;border-radius:50%;background:#22D3A3;box-shadow:0 0 5px rgba(34,211,163,.7);justify-self:center}.ifp.warn .ifp-plate .pp-bezel .b-led{background:#F5B841;box-shadow:0 0 5px rgba(245,184,65,.7)}.ifp.crit .ifp-plate .pp-bezel .b-led{background:#FF4E6A;box-shadow:0 0 5px rgba(255,78,106,.7)}.ifp-plate .pp-bezel .b-tx{font:600 6px/1 var(--font-mono);color:rgba(180,200,225,.5);letter-spacing:.05em}.ifp-grid{flex:1;min-width:0;display:grid;grid-auto-flow:column dense;grid-template-rows:1fr 1fr;gap:3px;justify-content:start}.ifp-grid.one-row{grid-template-rows:1fr}.ifp-p{width:11px;height:11px;border-radius:2px;background:rgba(160,180,210,.16);border:1px solid rgba(160,180,210,.1);position:relative;cursor:pointer;transition:transform .1s,box-shadow .12s,outline-color .12s;outline:1px solid transparent;outline-offset:1px;flex:0 0 auto}.ifp-p:hover{transform:translateY(-1px);outline-color:var(--accent)}.ifp-p[data-speed="100"]{background:#F5B841;border-color:rgba(245,184,65,.5)}.ifp-p[data-speed="1G"]{background:#22D3A3;border-color:rgba(34,211,163,.5)}.ifp-p[data-speed="10G"],.ifp-p[data-speed="2.5G"],.ifp-p[data-speed="5G"]{background:#38BDFF;border-color:rgba(56,189,255,.5)}.ifp-p[data-speed="100G"],.ifp-p[data-speed="25G"],.ifp-p[data-speed="40G"]{background:#9B7CFF;border-color:rgba(155,124,255,.5)}.ifp-p.act:after{content:"";position:absolute;inset:0;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);animation:ifp-pulse 1.8s ease-in-out infinite}@keyframes ifp-pulse{0%,to{opacity:.9}55%{opacity:.35}}.ifp-p.dis{border-style:dashed;border-color:rgba(160,180,210,.3)}.ifp-p.dis,.ifp-p.err{background:transparent}.ifp-p.err{border-color:rgba(255,78,106,.7);box-shadow:inset 0 0 0 1px rgba(255,78,106,.3)}.ifp-p.poe{outline:1px solid rgba(56,189,255,.35)}.ifp-p.uplink{box-shadow:0 0 0 1px var(--accent)}.ifp-stats{display:flex;gap:10px;align-items:center;margin-top:8px;font:500 9.5px/1 var(--font-mono);color:var(--text-muted);letter-spacing:.02em}.ifp-stats .st{display:inline-flex;align-items:center;gap:4px}.ifp-stats .st b{color:var(--text-secondary);font-weight:600}.ifp-stats .st .mini-bar{width:26px;height:4px;border-radius:2px;background:var(--bg-elevated);overflow:hidden}.ifp-stats .st .mini-bar .f{height:100%;background:var(--online);border-radius:2px}.ifp-stats .st .mini-bar .f.mid{background:var(--warning)}.ifp-stats .st .mini-bar .f.hi{background:var(--critical)}.ifp-stats .spacer{flex:1}.rail-foot{padding:8px 12px;border-top:1px solid var(--border-hairline);display:flex;gap:8px;font:500 11px/1 var(--font-sans);background:var(--bg-secondary)}.rail-foot,.rail-foot a{align-items:center;color:var(--accent)}.rail-foot a{text-decoration:none;display:inline-flex;gap:5px}.rail-foot a:hover{text-decoration:underline}.rail-foot .spacer{flex:1}.infra-canvas{position:relative;overflow:hidden;border:1px solid var(--border-hairline);border-radius:var(--radius-lg);background:radial-gradient(900px 600px at 70% 20%,rgba(15,34,64,.45),transparent 60%),var(--bg-sunken)}:root:not(.dark) .infra-canvas{background:radial-gradient(900px 600px at 70% 20%,rgba(56,189,255,.08),transparent 60%),var(--bg-sunken)}.infra-canvas:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(120,160,210,.05) 1px,transparent 0),linear-gradient(90deg,rgba(120,160,210,.05) 1px,transparent 0);background-size:34px 34px}.infra-canvas .react-flow{background:transparent}.infra-canvas .react-flow__pane{cursor:grab}.infra-canvas .react-flow__pane.dragging{cursor:grabbing}.infra-canvas .react-flow__node{cursor:pointer}.infra-banner{position:absolute;z-index:6;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-left:2px solid var(--info);border-radius:var(--radius-md);box-shadow:var(--shadow-2);font:400 12.5px/1.4 var(--font-sans);color:var(--text-secondary)}.infra-banner .bic{color:var(--info);flex:0 0 auto;display:grid;place-items:center}.infra-banner b{color:var(--text-primary);font-weight:600}.infra-banner .txt{flex:1;min-width:0}.infra-banner .act{color:var(--accent);font-weight:500;cursor:pointer;white-space:nowrap}.infra-banner .act:hover{text-decoration:underline}.infra-banner .x{margin-left:2px;color:var(--text-faint);cursor:pointer;flex:0 0 auto;display:grid;place-items:center}.infra-banner .x:hover{color:var(--text-secondary)}.react-flow__edge.iedge .ie-hit{fill:none;stroke:transparent;stroke-width:22;pointer-events:stroke}.react-flow__edge.iedge .ie-flow,.react-flow__edge.iedge .ie-path{pointer-events:none}.react-flow__edge.iedge .ie-path{fill:none;stroke:var(--online);stroke-width:2;transition:stroke .2s,opacity .2s,stroke-width .2s}.react-flow__edge.iedge.ghost .ie-path{stroke:var(--text-faint);stroke-dasharray:6 4;stroke-width:1.4;opacity:.7}.react-flow__edge.iedge.down .ie-path{stroke:var(--critical);stroke-dasharray:3 4}.react-flow__edge.iedge.blocked .ie-path{stroke:var(--warning);stroke-dasharray:6 5;stroke-width:1.6}.react-flow__edge.iedge.hot .ie-path{stroke:var(--accent);stroke-width:3.4;filter:drop-shadow(0 0 5px var(--accent-glow))}.react-flow__edge.iedge.dim .ie-path{opacity:.14}.react-flow__edge.iedge .ie-flow{fill:none;stroke:rgba(255,255,255,.85);stroke-width:1.4;stroke-dasharray:2 12;opacity:0}.react-flow__edge.iedge.hot .ie-flow{opacity:.5;animation:iflow-move 1s linear infinite}.react-flow__edge.iedge.hot.down .ie-flow{opacity:0;animation:none}@keyframes iflow-move{to{stroke-dashoffset:-14}}.ichip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:3px;height:16px;padding:0 5px;border-radius:4px;background:var(--bg-card);border:1px solid var(--border-subtle);font:600 9.5px/1 var(--font-mono);color:var(--text-secondary);letter-spacing:.02em;pointer-events:none;box-shadow:0 1px 4px rgba(0,0,0,.3)}.ichip .a{width:6px;height:6px;border-radius:2px;background:var(--online)}.ichip.ghost{color:var(--text-muted)}.ichip.ghost .a{background:var(--text-faint)}.ichip.down{color:var(--critical);border-color:rgba(255,78,106,.4)}.ichip.down .a{background:var(--critical)}.ichip.blocked{color:var(--warning);border-color:rgba(245,184,65,.4)}.ichip.blocked .a{background:var(--warning)}.ichip.root{color:var(--accent);border-color:var(--border-bold)}.ichip.root .a{background:var(--accent)}.ichip.dim{opacity:.12}.inode{width:168px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-2);cursor:pointer;padding:8px 10px;position:relative;transition:border-color .14s,box-shadow .14s,opacity .2s,transform .08s}.inode:hover{border-color:var(--border-bold)}.inode.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 22px -6px var(--accent-glow)}.inode.dim{opacity:.26}.inode.warn{border-color:rgba(245,184,65,.4)}.inode.crit{border-color:rgba(255,78,106,.45)}.inode .n-top{display:flex;align-items:center;gap:7px}.inode .n-ic{flex:0 0 auto;width:22px;height:22px;border-radius:5px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border-bold)}.inode.warn .n-ic{color:var(--warning);background:var(--warning-soft);border-color:rgba(245,184,65,.35)}.inode.crit .n-ic{color:var(--critical);background:var(--critical-soft);border-color:rgba(255,78,106,.35)}.inode .n-ic svg{width:13px;height:13px}.inode .n-nm{font:600 12px/1.15 var(--font-sans);color:var(--text-primary);flex:1;min-width:0;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inode .n-dot{width:7px;height:7px;border-radius:50%;background:var(--online);box-shadow:0 0 6px rgba(34,211,163,.6);flex:0 0 auto}.inode.warn .n-dot{background:var(--warning);box-shadow:0 0 6px rgba(245,184,65,.6)}.inode.crit .n-dot{background:var(--critical);box-shadow:0 0 6px rgba(255,78,106,.6);animation:ifp-blink 1.4s ease-in-out infinite}.inode .n-pri{font:500 9px/1.3 var(--font-mono);color:var(--text-muted);margin-top:5px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inode .n-metrics{display:flex;gap:6px;margin-top:7px}.inode .n-metrics .m{flex:1;display:grid;gap:3px;padding:4px 6px;border-radius:4px;background:var(--bg-secondary);min-width:0}.inode .n-metrics .m .k{font:500 7.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.inode .n-metrics .m .v{font:600 11px/1 var(--font-sans);color:var(--text-secondary);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inode .n-metrics .m .v.warn{color:var(--warning)}.inode .n-metrics .m .v.crit{color:var(--critical)}.infra.no-detail .inode .n-metrics,.infra.no-detail .inode .n-pri{display:none}.inode .crown{position:absolute;top:-10px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:4px;height:16px;padding:0 7px;border-radius:999px;background:var(--warning);color:#2a1c02;font:700 8px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 12px -2px rgba(245,184,65,.7);white-space:nowrap}.inode.root{border-color:rgba(245,184,65,.5)}.inode.cloud{width:150px;background:var(--bg-elevated);border-style:dashed}.inode.cloud .n-ic{color:var(--info);background:var(--info-soft);border-color:rgba(155,124,255,.35)}.inode.lag{width:138px;background:var(--bg-elevated);border-style:dashed}.inode.lag,.inode.lag .n-ic{border-color:var(--border-bold)}.inode.lag .n-ic{background:var(--accent-soft)}.inode.lag .n-ic,.inode.lag .n-pri{color:var(--accent)}.react-flow__edge.iedge.lag:not(.down):not(.blocked):not(.hot) .ie-path{stroke:var(--accent);stroke-dasharray:1 5;stroke-width:2.6;opacity:.7}.react-flow__edge.iedge.lag.dim .ie-path{opacity:.14}.react-flow__edge.iedge.lag{cursor:help}.ichip.lag{color:var(--accent);border-color:var(--border-bold)}.ichip.lag .a{background:var(--accent)}.inode-handle{width:6px!important;height:6px!important;background:transparent!important;border:none!important;min-width:0!important;min-height:0!important}.infra-zoom{position:absolute;z-index:6;left:14px;bottom:14px;display:flex;flex-direction:column;gap:4px}.infra-zoom button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);box-shadow:var(--shadow-1)}.infra-zoom button:hover{border-color:var(--border-bold);color:var(--accent)}.infra-zoom button svg{width:14px;height:14px}.infra-zoom .zlvl{font:500 9px/1 var(--font-mono);color:var(--text-muted);text-align:center;padding:2px 0}.infra-legend{position:absolute;z-index:6;right:14px;bottom:14px;display:flex;flex-direction:column;gap:5px;padding:9px 11px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-hairline);box-shadow:var(--shadow-1);font:400 10px/1.2 var(--font-mono);color:var(--text-muted)}.infra-legend .leg-ttl{font:600 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:2px}.infra-legend .leg-div{height:1px;background:var(--border-hairline);margin:2px 0}.infra-legend .item{display:inline-flex;align-items:center;gap:7px}.infra-legend .ln{width:16px;height:0;border-top:2px solid var(--online)}.infra-legend .ln.hot{border-color:var(--accent)}.infra-legend .ln.gh{border-top-style:dashed;border-color:var(--text-faint)}.infra-legend .ln.lag{border-top-style:dashed;border-color:var(--accent)}.infra-legend .ln.dn{border-top-style:dashed;border-color:var(--critical)}.infra-legend .ln.blk{border-top-style:dashed;border-color:var(--warning)}.infra-tip{position:absolute;top:14px;right:14px;z-index:20;width:300px;max-height:calc(100% - 28px);overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-3)}.infra-tip .hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 11px 8px;border-bottom:1px solid var(--border-hairline)}.infra-tip .hd .nm{font:600 12.5px/1 var(--font-mono);color:var(--text-primary)}.infra-tip .hd .nm a{color:inherit;text-decoration:none}.infra-tip .hd .nm a:hover{color:var(--accent)}.infra-tip .hd .badge{font:600 8.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent)}.infra-tip .hd .badge.ok{background:var(--online-soft);color:var(--online)}.infra-tip .hd .badge.warn{background:var(--warning-soft);color:var(--warning)}.infra-tip .hd .badge.crit{background:var(--critical-soft);color:var(--critical)}.infra-tip .hd .x{margin-left:auto;color:var(--text-faint);cursor:pointer;display:grid;place-items:center}.infra-tip .hd .x:hover{color:var(--text-secondary)}.infra-tip .bd{padding:9px 11px;display:grid;grid-template-columns:72px 1fr;gap:5px 12px;font:400 11px/1.35 var(--font-mono);font-variant-numeric:tabular-nums}.infra-tip .bd dt{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;align-self:center}.infra-tip .bd dd{color:var(--text-primary);margin:0;min-width:0;overflow-wrap:anywhere}.infra-tip .bd dd.ok{color:var(--online)}.infra-tip .bd dd.wn{color:var(--warning)}.infra-tip .bd dd.cr{color:var(--critical)}.infra-tip .sec{padding:9px 11px;border-top:1px solid var(--border-hairline)}.infra-tip .sec .sec-ttl{font:600 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:7px;display:flex;align-items:center;gap:6px}.infra-tip .sec .muted{font:400 10.5px/1.4 var(--font-mono);color:var(--text-muted)}.infra-tip .sec table{width:100%;border-collapse:collapse;font:400 10.5px/1.4 var(--font-mono);font-variant-numeric:tabular-nums}.infra-tip .sec table th{text-align:left;font-weight:500;color:var(--text-muted);font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding-bottom:4px}.infra-tip .sec table td.r,.infra-tip .sec table th.r{text-align:right}.infra-tip .sec table td{padding:3px 0;border-top:1px solid var(--border-hairline);color:var(--text-primary)}.infra-tip .sec table td.rx{color:var(--accent)}.infra-tip .sec table td.tx{color:var(--online)}.infra-tip .stp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 7px;border:1px solid var(--border-hairline);border-radius:4px;background:var(--bg-secondary);font:400 10.5px/1.3 var(--font-mono);color:var(--text-primary);margin-top:4px}.infra-tip .stp-row .tag{font:600 8px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:2px 5px;border-radius:3px;background:var(--accent-soft);color:var(--accent)}.infra-tip .stp-row .tag.desig{background:var(--online-soft);color:var(--online)}.infra-tip .stp-row .tag.alt{background:var(--warning-soft);color:var(--warning)}.infra-tip .stp-row .tag.off{background:var(--bg-elevated);color:var(--text-muted)}.infra-tip .stp-row .st{color:var(--text-muted)}.infra-tip .stp-row .st.fwd{color:var(--online)}.infra-tip .stp-row .st.lrn{color:var(--warning)}.infra-tip .stp-row .st.blk{color:var(--critical)}.infra-tip .ft{padding:7px 11px;border-top:1px solid var(--border-hairline);background:var(--bg-secondary);font:500 10px/1.3 var(--font-mono);color:var(--text-muted);display:flex;gap:8px;align-items:center;border-radius:0 0 var(--radius-md) var(--radius-md)}.infra-tip .ft .k{background:var(--bg-elevated);border:1px solid var(--border-hairline);border-radius:3px;padding:2px 5px;color:var(--text-secondary)}.itip{position:fixed;z-index:60;min-width:210px;max-width:300px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-3);opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .12s,transform .12s}.itip.show{opacity:1;transform:none}.itip .hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px 7px;border-bottom:1px solid var(--border-hairline)}.itip .hd .nm{font:600 12px/1 var(--font-mono);color:var(--text-primary)}.itip .hd .badge{font:600 8.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent)}.itip .bd{padding:8px 10px;display:grid;grid-template-columns:64px 1fr;gap:4px 10px;font:400 10.5px/1.35 var(--font-mono);font-variant-numeric:tabular-nums}.itip .bd dt{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:8.5px;align-self:center}.itip .bd dd{color:var(--text-primary);margin:0}.itip .bd dd.ok{color:var(--online)}.itip .bd dd.cr{color:var(--critical)}.itip .bd dd.mu{color:var(--text-muted)}.infra-empty{height:100%;display:grid;place-items:center;color:var(--text-muted);font:400 12.5px/1.5 var(--font-sans);text-align:center}.live-pill.paused{background:var(--pending-soft);color:var(--text-muted);border-color:var(--border-subtle)}.live-pill.paused .pulse{background:var(--text-muted);animation:none}.live-pill.surge{background:var(--critical-soft);color:var(--critical);border-color:rgba(255,78,106,.4)}.live-pill.surge .pulse{background:var(--critical)}.logs-split{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}@media (max-width:1100px){.logs-split{grid-template-columns:1fr}}.logs-card{border:1px solid var(--border-hairline);background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.logs-card .lc-h{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border-hairline);flex-wrap:wrap}.logs-card .lc-h h3{margin:0;font:600 13.5px/1.2 var(--font-sans);color:var(--text-primary)}.logs-card .lc-h .spacer{flex:1}.logs-card .lc-h .tn{display:inline-flex;align-items:center;gap:6px;font:500 11.5px/1 var(--font-mono);color:var(--text-secondary)}.logs-card .lc-h .tn .av{width:17px;height:17px;border-radius:4px;background:linear-gradient(135deg,#38BDFF,#9B7CFF);display:grid;place-items:center;color:#02101a;font:600 8px/1 var(--font-mono)}.sl-controls{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-hairline);flex-wrap:wrap}.sl-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:var(--radius-pill);border:1px solid var(--border-hairline);background:var(--bg-elevated);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:500 11px/1 var(--font-mono);color:var(--text-muted);transition:background .12s,color .12s,border-color .12s,opacity .12s}.sl-chip .sw{width:8px;height:8px;border-radius:2px}.sl-chip .ct{font-variant-numeric:tabular-nums;opacity:.8}.sl-chip.off{opacity:.4}.sl-chip.on{color:var(--text-primary);border-color:var(--border-subtle)}.sl-chip.on.emerg{background:rgba(255,78,106,.14);border-color:rgba(255,78,106,.4);color:var(--critical)}.sl-chip.on.err{background:rgba(255,138,92,.14);border-color:rgba(255,138,92,.4);color:#FF8B5C}.sl-chip.on.warn{background:var(--warning-soft);border-color:rgba(245,184,65,.4);color:var(--warning)}.sl-chip.on.notice{background:var(--accent-soft);border-color:var(--border-bold);color:var(--accent)}.sl-chip.on.info{background:var(--info-soft);border-color:rgba(155,124,255,.4);color:var(--info)}.sl-chip.on.debug{background:var(--pending-soft);border-color:var(--border-subtle);color:var(--text-muted)}.sl-spacer{flex:1}.sl-btn,.sl-search{height:24px}.sl-btn{display:inline-flex;align-items:center;gap:5px;padding:0 9px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;color:var(--text-secondary);font:500 11px/1 var(--font-sans)}.sl-btn:hover{color:var(--text-primary);border-color:var(--field-border-hover)}.sl-btn svg{width:12px;height:12px}.sl-btn.on{background:var(--accent-soft);border-color:var(--border-bold);color:var(--accent)}.sl-ribbon{padding:10px 12px 8px;border-bottom:1px solid var(--border-hairline);background:var(--bg-secondary)}.sl-ribbon .rb-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font:500 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.sl-ribbon .rb{display:flex;gap:2px;align-items:flex-end;height:44px}.sl-ribbon .rb .bk{flex:1;display:flex;flex-direction:column-reverse;gap:1px;height:100%;justify-content:flex-start;border-radius:1px;overflow:hidden;cursor:pointer;opacity:.92;transition:opacity .12s}.sl-ribbon .rb .bk:hover{opacity:1}.sl-ribbon .rb .bk.now{box-shadow:0 0 0 1px var(--accent)}.sl-ribbon .rb .seg{width:100%}.sl-ribbon .rb .seg.emerg{background:var(--critical)}.sl-ribbon .rb .seg.err{background:#FF8B5C}.sl-ribbon .rb .seg.warn{background:var(--warning)}.sl-ribbon .rb .seg.notice{background:var(--accent)}.sl-ribbon .rb .seg.info{background:var(--info)}.sl-ribbon .rb .seg.debug{background:var(--offline)}.sl-ribbon .rb-x{display:flex;justify-content:space-between;margin-top:5px;font:400 9px/1 var(--font-mono);color:var(--text-faint)}.sl-list{overflow-y:auto;max-height:480px;position:relative}.sl-list.flash-burst{box-shadow:inset 0 0 0 1px rgba(255,78,106,.4)}.sl-line{display:grid;grid-template-columns:78px 70px 116px 1fr;gap:12px;align-items:baseline;padding:6px 14px;border-bottom:1px solid var(--border-hairline);border-left:2px solid transparent;font:400 12px/1.4 var(--font-mono);cursor:pointer}.sl-line:hover{background:var(--accent-soft)}.sl-line .ts{color:var(--text-faint);font-size:11px;white-space:nowrap}.sl-line .sev{font:600 9.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.sl-line .host{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-line .msg{color:var(--text-secondary);overflow-wrap:anywhere}.sl-line .msg .fac{color:var(--text-faint)}.sl-line.emerg{border-left-color:var(--critical)}.sl-line.emerg .sev{color:var(--critical)}.sl-line.err{border-left-color:#FF8B5C}.sl-line.err .sev{color:#FF8B5C}.sl-line.warn{border-left-color:var(--warning)}.sl-line.warn .sev{color:var(--warning)}.sl-line.notice{border-left-color:var(--accent)}.sl-line.notice .sev{color:var(--accent)}.sl-line.info{border-left-color:var(--info)}.sl-line.info .sev{color:var(--info)}.sl-line.debug{border-left-color:var(--offline)}.sl-line.debug .sev{color:var(--text-muted)}.sl-line.enter{animation:sl-in 1s ease}@keyframes sl-in{0%{background:var(--accent-soft)}to{background:transparent}}@media (prefers-reduced-motion:reduce){.sl-line.enter{animation:none}}.sl-line .detail{grid-column:1/-1;cursor:default;margin-top:4px;padding:10px 12px;background:var(--bg-sunken);border-radius:var(--radius-md);font:400 11px/1.5 var(--font-mono);color:var(--text-secondary);overflow-x:auto}.sl-line .detail pre{margin:6px 0 0;color:var(--text-muted);font-size:10px;white-space:pre-wrap;word-break:break-all}.sl-pager{display:flex;justify-content:center;gap:12px;padding:8px 12px;border-top:1px solid var(--border-hairline);font:500 11px/1 var(--font-mono)}.sl-pager,.sl-pager button{align-items:center;color:var(--text-muted)}.sl-pager button{display:inline-flex;background:none;border:0;cursor:pointer;padding:2px}.sl-pager button:hover{color:var(--text-primary)}.sl-pager button:disabled{opacity:.3;cursor:default}.scard{border:1px solid var(--border-hairline);background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:14px}.scard .sh{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-hairline)}.scard .sh h3{margin:0;font:600 13px/1 var(--font-sans);color:var(--text-primary)}.scard .sh .ct{font:600 10px/1 var(--font-mono);color:var(--text-faint)}.scard .empty{padding:18px 14px;text-align:center;font:400 11.5px/1.4 var(--font-sans);color:var(--text-muted)}.dev-row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px 14px;cursor:pointer;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--border-hairline)}.dev-row:last-child{border-bottom:0}.dev-row:hover{background:var(--accent-soft)}.dev-row .nm{font:600 12.5px/1.2 var(--font-sans);color:var(--text-primary);display:flex;align-items:center;gap:7px;min-width:0}.dev-row .nm span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-row .nm .pdot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.dev-row .cnt{font:600 12px/1 var(--font-mono);color:var(--text-secondary);align-self:center}.dev-row .bar{grid-column:1/-1;height:5px;border-radius:999px;background:var(--bg-elevated);overflow:hidden;margin-top:2px}.dev-row .bar .fill{height:100%;border-radius:999px}.dev-row .meta{grid-column:1/-1;font:400 10.5px/1 var(--font-mono);color:var(--text-faint)}.dev-row.more{cursor:default}.dev-row.more:hover{background:none}.roll{padding:10px 14px;border-bottom:1px solid var(--border-hairline)}.roll:last-child{border-bottom:0}.roll .top{display:flex;justify-content:space-between;font:500 12px/1.2 var(--font-sans);color:var(--text-secondary);margin-bottom:6px}.roll .top b{color:var(--text-primary)}.roll .track{height:6px;border-radius:999px;background:var(--bg-elevated);overflow:hidden}.roll .fill{height:100%;border-radius:999px}.devfilter{position:relative}.devfilter .trigger{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);font:500 12px/1 var(--font-sans);cursor:pointer}.devfilter .trigger:hover{border-color:var(--border-bold);color:var(--text-primary)}.devfilter .trigger svg{width:14px;height:14px}.devfilter .trigger .cnt{font:600 10px/1 var(--font-mono);background:var(--accent-soft);color:var(--accent);padding:3px 6px;border-radius:999px}.devfilter .pop{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:288px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden}.devfilter .pop .pf-top{display:flex;align-items:center;gap:6px;padding:10px;border-bottom:1px solid var(--border-hairline)}.devfilter .pop .pf-top input{flex:1;height:30px;border:1px solid var(--field-border,var(--border-strong));border-radius:var(--radius-sm);background:var(--field-bg,var(--bg-secondary));color:var(--text-primary);font:500 12px/1 var(--font-sans);padding:0 10px}.devfilter .pop .pf-acts{display:flex;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border-hairline)}.devfilter .pop .pf-acts button{background:none;border:0;cursor:pointer;font:500 11px/1 var(--font-mono);color:var(--accent);padding:0}.devfilter .pop .pf-list{max-height:280px;overflow:auto;padding:5px}.devfilter .pop .pf-item{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;font:500 12.5px/1.2 var(--font-sans);color:var(--text-secondary);width:100%;background:none;border:0;text-align:left}.devfilter .pop .pf-item:hover{background:var(--accent-soft)}.devfilter .pop .pf-item .box{width:15px;height:15px;border-radius:4px;border:1px solid var(--border-strong);display:grid;place-items:center;flex:0 0 auto}.devfilter .pop .pf-item .box svg{display:none}.devfilter .pop .pf-item.sel{color:var(--text-primary)}.devfilter .pop .pf-item.sel .box{background:var(--accent);border-color:var(--accent)}.devfilter .pop .pf-item.sel .box svg{display:block;width:10px;height:10px;color:#02101a}.devfilter .pop .pf-item .site{margin-left:auto;font:400 10px/1 var(--font-mono);color:var(--text-faint)}