*{box-sizing:border-box;margin:0;padding:0}:root{--canvas-bg:#0a0e14;--bg-panel:#12171f;--bg-card:#1a2030;--bg-hover:#252d3d;--border:#2a3548;--text-primary:#e6edf5;--text-secondary:#7a8ba3;--text-muted:#4a5a70;--accent-blue:#3b82f6;--accent-blue-dim:#1e3a5f;--accent-cyan:#06b6d4;--accent-primary:#60a5fa;--status-online:#22c55e;--status-online-dim:#14532d;--status-offline:#ef4444;--status-warning:#f59e0b;--status-unknown:#6b7280;--status-ack:#7dd3fc;--edit-color:#8b5cf6;--dot-color:#1a2030;--node-text:#000}[data-theme=light]{--canvas-bg:#f0f0f0;--bg-panel:#fff;--bg-card:#e8e8e8;--bg-hover:#d8d8d8;--border:#d0d0d0;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#888;--accent-blue:#3b82f6;--accent-blue-dim:#dbeafe;--accent-cyan:#06b6d4;--accent-primary:#1d4ed8;--status-online:#6af19b;--status-online-dim:#d1fae5;--status-offline:#fe6262;--status-warning:#fecc2a;--status-unknown:#94a3b8;--status-ack:#38bdf8;--dot-color:#d0d0d0;--node-text:#000}body{font-optical-sizing:none;background:var(--canvas-bg);color:var(--text-primary);height:100vh;font-family:Roboto,sans-serif;line-height:1.2;overflow:hidden}.realtime-debug-modal{z-index:260;background:#03071294;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.realtime-debug-modal.visible{display:flex}.realtime-debug-panel{border:1px solid var(--border);background:var(--bg-panel);width:min(920px,100vw - 36px);max-height:min(780px,100vh - 36px);color:var(--text-primary);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.realtime-debug-json{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:#00000029;margin:0;padding:14px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.45;overflow:auto}[data-theme=light] .realtime-debug-modal{background:#0f172a52}[data-theme=light] .realtime-debug-json{background:#0f172a0a}@media (width<=720px){.realtime-debug-modal{align-items:stretch;padding:10px}.realtime-debug-panel{width:100%;max-height:calc(100vh - 20px)}}.edge-inspector{z-index:58;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12171ff5;border-radius:8px;width:min(320px,100vw - 36px);padding:12px;display:none;position:absolute;top:112px;right:18px;box-shadow:0 18px 42px #00000052}.edge-inspector.visible{display:block}.edge-inspector-state{color:var(--accent-cyan);background:#06b6d417;border:1px solid #06b6d452;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:8px 9px;font-size:11px;font-weight:800;display:flex}.edge-inspector-state.is-saturated{color:var(--status-offline);background:#ef444424;border-color:#ef444480}.edge-inspector-grid{grid-template-columns:max-content 1fr;align-items:center;gap:6px 10px;font-size:11px;display:grid}.edge-inspector-grid span{color:var(--text-muted)}.edge-inspector-grid strong{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;font-weight:750}.edge-inspector-actions{justify-content:stretch;margin-top:0;display:flex}.edge-inspector-actions .btn{width:100%;min-height:30px}.edge-inspector-actions .btn:disabled{cursor:default;opacity:.48}.edge-inspector-window-layer{z-index:116;pointer-events:none;position:absolute;inset:0}.edge-inspector-window{min-width:280px;max-width:calc(100% - 16px);color:var(--text-primary);pointer-events:auto;flex-direction:column;display:flex;position:absolute;overflow:hidden}.edge-inspector-window--active{border-color:var(--border-strong);box-shadow:0 24px 52px #02061757}.edge-inspector-window--minimized{display:none!important}.edge-inspector-shell{flex-direction:column;gap:10px;display:flex}.edge-inspector-summary{background:#06b6d414;border:1px solid #06b6d452;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.edge-inspector-summary.is-saturated{background:#ef444424;border-color:#ef444480}.edge-inspector-summary-main{min-width:0}.edge-inspector-summary-label,.edge-inspector-flow-head span,.edge-inspector-flow-peak span,.edge-inspector-meta-item>span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.edge-inspector-load-pair{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.edge-inspector-load-pill{background:#ffffff09;border:1px solid #819abc2e;border-radius:7px;align-items:center;gap:5px;min-height:22px;padding:2px 7px;display:inline-flex}.edge-inspector-load-pill em,.edge-inspector-duplex-value em{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-style:normal;font-weight:850}.edge-inspector-load-pill strong{color:var(--text-primary);font-size:12px;font-weight:850;line-height:1}.edge-inspector-freshness{color:var(--accent-cyan);white-space:nowrap;flex:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:700}.edge-inspector-freshness.is-stale{color:var(--status-warning)}.edge-inspector-history-btn{min-height:26px;color:var(--accent-primary);background:#60a5fa1a;border:1px solid #60a5fa47;border-radius:7px;flex:none;padding:0 8px;font-size:10px;font-weight:800}.edge-inspector-history-btn:hover:not(:disabled){color:var(--text-primary);background:#60a5fa29;border-color:#60a5fa80}.edge-inspector-meta-grid{grid-template-columns:minmax(0,1.15fr) minmax(94px,.9fr) minmax(108px,.95fr);align-items:stretch;gap:6px;display:grid}.edge-inspector-meta-item{background:#ffffff06;border:1px solid #819abc2e;border-radius:7px;min-width:0;padding:7px 8px}.edge-inspector-meta-item strong{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;margin-top:3px;font-size:11px;font-weight:800;line-height:1.15;display:block}.edge-inspector-meta-item .edge-inspector-duplex-value{grid-template-columns:1fr;gap:3px;display:grid}.edge-inspector-duplex-value span{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.edge-inspector-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.edge-inspector-flow-card{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;min-width:0;padding:8px}.edge-inspector-flow-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.edge-inspector-flow-head strong{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;font-size:14px;font-weight:800}.edge-inspector-meter{background:#94a3b829;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.edge-inspector-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));min-width:3px;height:100%;display:block}.edge-inspector-flow-card--tx .edge-inspector-meter span{background:linear-gradient(90deg,#22c55e,#a3e635)}.edge-inspector-flow-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:6px;margin-top:6px;font-size:10px;font-weight:700;display:flex}.edge-inspector-flow-peak{border-top:1px solid #819abc29;grid-template-columns:minmax(34px,max-content) minmax(0,1fr);gap:3px 8px;margin-top:8px;padding-top:7px;display:grid}.edge-inspector-flow-peak strong{min-width:0;color:var(--text-primary);text-align:right;overflow-wrap:anywhere;font-size:12px;font-weight:850}.edge-inspector-flow-peak em{color:var(--text-muted);text-align:right;grid-column:2;font-size:10px;font-style:normal;font-weight:700;line-height:1.2}.edge-inspector .edge-inspector-meta-grid,.edge-inspector .edge-inspector-flow-grid{grid-template-columns:1fr}.edge-inspector-dock__icon{color:var(--accent-cyan)}@media (width<=900px){.edge-inspector-window .edge-inspector-meta-grid{grid-template-columns:1fr}}.mp-topology-item{background:#ffffff08;border:1px solid #819abc29;border-radius:7px;flex-direction:column;gap:7px;margin:0 6px 7px;padding:8px;display:flex}.mp-topology-header{color:var(--text-secondary);justify-content:space-between;gap:8px;font-size:10px;font-weight:800;display:flex}.mp-topology-counts{color:var(--text-primary)}.mp-topology-group{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.mp-topology-group>span{width:100%;color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:800}.mp-topology-node{border:1px solid var(--border);background:var(--bg-card);max-width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-size:10px;font-weight:750;line-height:1.2;display:inline-flex}.mp-topology-node-added{border-color:#22c55e73}.mp-topology-node-removed{color:var(--text-muted);cursor:default;border-color:#ef444461}.mp-topology-node-ip{color:var(--text-muted);font-family:Consolas,monospace;font-weight:700}@media (width<=768px){.edge-inspector-window-layer{display:none!important}.edge-inspector{top:auto;right:10px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:auto;left:10px}}body.panel-dragging{-webkit-user-select:none;user-select:none}#app{height:100vh;display:flex}.controls{border-bottom:1px solid var(--border);padding:12px 16px}.control-group{margin-bottom:12px}.control-group:last-child{margin-bottom:0}.control-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;display:block}.btn{cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-blue);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger:hover{background:#b91c1c}.btn-edit:hover{background:#7c3aed}.btn-edit.active{background:#22c55e}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-group{flex-wrap:wrap;gap:6px;display:flex}input[type=range]{background:var(--bg-card);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{background:var(--accent-blue);cursor:pointer;border-radius:50%;width:14px;height:14px}.range-value{color:var(--text-secondary);text-align:right;margin-top:3px;font-family:Roboto,monospace;font-size:11px}.node-list{flex:1;padding:10px;overflow-y:auto}.node-item{background:var(--bg-card);cursor:pointer;border:1px solid #0000;border-radius:6px;margin-bottom:6px;padding:10px;transition:all .15s}.node-item:hover{border-color:var(--border)}.node-item.selected{border-color:var(--accent-blue);background:#3b82f626}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.online{background:var(--status-online);box-shadow:0 0 6px var(--status-online)}.status-dot.offline{background:var(--status-offline);box-shadow:0 0 6px var(--status-offline)}.status-dot.warning{background:var(--status-warning);box-shadow:0 0 6px var(--status-warning)}.status-dot.unknown{background:var(--status-unknown);box-shadow:0 0 6px var(--status-unknown)}.status-dot.ack{background:var(--status-ack);box-shadow:0 0 6px var(--status-ack)}.node-ip{color:var(--text-secondary);font-family:Roboto,monospace;font-size:10px}.node-stats{color:var(--text-secondary);gap:10px;font-size:10px;display:flex}.main-area{flex-direction:column;flex:1;display:flex;position:relative}.toolbar{z-index:50;gap:6px;display:flex;position:absolute;top:12px;left:56px}.toolbar-btn{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.toolbar-btn:hover{background:var(--bg-card);color:var(--text-primary)}.toolbar-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.toolbar-map-picker{background:var(--bg-secondary);height:32px;color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;outline:none;max-width:180px;padding:0 8px;font-size:12px}.toolbar-map-picker:hover{border-color:var(--accent-blue)}.toolbar-map-picker:focus{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--control-focus)}.mode-indicator{background:var(--bg-panel);border:1px solid var(--border);z-index:50;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mode-indicator.edit-mode{border-color:var(--edit-color);color:var(--edit-color)}.mode-dot{background:var(--accent-blue);border-radius:50%;width:8px;height:8px}.mode-indicator.edit-mode .mode-dot{background:var(--edit-color)}.mode-indicator.heatmap-mode{color:#f97316;border-color:#f97316}.mode-indicator.heatmap-mode .mode-dot{background:#f97316}.mode-indicator.has-unsaved-changes{color:#f59e0b;border-color:#f59e0b}.mode-indicator.has-unsaved-changes .mode-dot{background:#f59e0b;box-shadow:0 0 0 6px #f59e0b2e}#canvas-container{background:var(--canvas-bg);background-image:radial-gradient(circle at 1px 1px, var(--dot-color) 1px, transparent 0);background-size:40px 40px;flex:1;position:relative;overflow:hidden}#leaflet-map{z-index:0;display:none;position:absolute;inset:0}#canvas-container.real-map-active{background-image:none}#canvas-container.real-map-active #leaflet-map{display:block}#canvas-container.real-map-active .leaflet-container{background:var(--canvas-bg);font:inherit}#network-canvas{z-index:1;touch-action:none;position:absolute;top:0;left:0}.perf-stats{background:var(--bg-panel);border:1px solid var(--border);z-index:50;border-radius:6px;padding:10px;font-family:Roboto,monospace;font-size:10px;position:absolute;top:12px;right:12px}.perf-row{justify-content:space-between;gap:16px;margin-bottom:3px;display:flex}.perf-row:last-child{margin-bottom:0}.btn-small{cursor:pointer;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;padding:4px 8px;font-family:inherit;font-size:10px}.btn-small:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.monitor-panel{background:var(--bg-panel);border:1px solid var(--border);z-index:55;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;width:380px;min-width:min(280px,100% - 24px);max-width:calc(100% - 24px);height:320px;min-height:min(160px,100% - 24px);max-height:calc(100% - 24px);display:none;position:absolute;bottom:100px;right:12px;overflow:hidden;box-shadow:0 4px 16px #0006}.monitor-panel.visible{display:flex}.mp-header{background:var(--bg-card);border-bottom:1px solid var(--border);cursor:move;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 8px 0;display:flex}.mp-tabs{gap:2px;padding-bottom:0;display:flex}.mp-tab-btn{color:var(--text-muted);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-bottom:2px solid #0000;padding:5px 8px;font-size:11px;font-weight:600;transition:color .15s;position:relative}.mp-tab-btn:hover{color:var(--text-primary)}.mp-tab-btn.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.mp-tab-btn:after{content:attr(data-badge);color:#fff;text-align:center;background:#ef4444;border-radius:7px;min-width:13px;height:13px;padding:0 2px;font-size:8px;font-weight:700;line-height:13px;display:none;position:absolute;top:2px;right:0}.mp-tab-btn[data-badge]:not([data-badge=""]):after{display:block}.mp-body{flex:1;position:relative;overflow:hidden}.mp-tab-content{flex-direction:column;height:100%;padding:4px 0;font-size:11px;display:none;overflow-y:auto}.mp-tab-content.active{display:flex}.mp-empty{color:var(--text-muted);text-align:center;padding:16px;font-size:11px}.mp-scroll-bottom{border:1px solid var(--border);background:var(--bg-card-strong);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:background .15s,color .15s;display:none;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.mp-scroll-bottom:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.mp-scroll-bottom.visible{display:flex}.mp-resize-handle{cursor:se-resize;background:linear-gradient(135deg, transparent 50%, var(--border) 50%);border-radius:0 0 8px;width:14px;height:14px;position:absolute;bottom:0;right:0}.mp-node-event-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:5px;padding:4px 10px;transition:background .1s;display:flex}.mp-node-event-item:hover{background:var(--bg-hover)}.mp-node-event-item:last-child{border-bottom:none}.mp-event-time{color:var(--text-muted);flex-shrink:0;min-width:62px;font-size:9px}.mp-event-status{flex-shrink:0;font-size:11px}.mp-event-label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.mp-event-latency{color:var(--text-muted);flex-shrink:0;font-size:9px}.mp-sat-item{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:2px;padding:5px 10px;display:flex}.mp-sat-item:hover{background:var(--bg-hover)}.mp-sat-item:last-child{border-bottom:none}.mp-sat-item.event-saturated{border-left:3px solid #dc2626b3}.mp-sat-item.event-cleared{border-left:3px solid #22c55eb3}#mpTabWsMessages{font-family:Consolas,Monaco,Courier New,monospace}.ws-log-content{background:var(--bg-card);max-height:200px;padding:6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;overflow-y:auto}.ws-log-entry{background:0 0;border:none;border-radius:3px;align-items:center;gap:6px;margin-bottom:2px;padding:3px 6px;display:flex}.ws-log-entry:hover{background:var(--bg-hover)}.ws-log-time{color:var(--text-secondary);flex-shrink:0;font-weight:400}.ws-log-type-badge{text-transform:uppercase;background:var(--bg-hover);border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.ws-log-type-snapshot{color:#2563eb}.ws-log-type-status-update{color:#16a34a}.ws-log-type-unknown{color:var(--text-muted)}.ws-log-data{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.ws-log-host{color:var(--accent-blue);cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ws-log-host:hover{color:var(--accent-primary)}.ws-status-connected{color:var(--status-online)}.ws-status-disconnected{color:var(--status-offline)}.ws-status-error{color:var(--status-warning)}.search-box{z-index:50;align-items:center;display:flex;position:relative}.search-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:8px 12px 8px 34px;font-family:inherit;font-size:12px}.search-input:focus{border-color:var(--accent-blue)}.search-input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted);width:16px;height:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-icon svg{width:16px;height:16px}.saturated-item-route{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.mp-sat-node-link{cursor:pointer;color:var(--accent-blue);border-radius:2px;padding:0 1px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.mp-sat-node-link:hover{background:#4f9eea26;text-decoration:underline}.saturated-item-linkspeed{color:var(--text-muted);background:#ffffff12;border-radius:3px;margin-left:auto;padding:1px 4px;font-size:9px}[data-theme=light] .saturated-item-linkspeed{background:#00000012}.saturated-item-iface{color:var(--text-muted);font-size:10px}.saturated-item-speeds{gap:8px;font-size:10px;display:flex}.saturated-speed-rx{color:#4f9eea}.saturated-speed-tx{color:#f87171}[data-theme=light] .saturated-speed-rx{color:#1a6fbf}[data-theme=light] .saturated-speed-tx{color:#b91c1c}#monitorPanelToggleBtn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.saturated-item-header{justify-content:space-between;align-items:center;display:flex}.saturated-item-time{color:var(--text-muted);font-size:9px}.saturated-item-badge{letter-spacing:.02em;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:600}.saturated-item-badge.event-saturated{color:#f87171;background:#dc262633}.saturated-item-badge.event-cleared{color:#4ade80;background:#22c55e33}[data-theme=light] .saturated-item-badge.event-saturated{color:#b91c1c;background:#dc26261f}[data-theme=light] .saturated-item-badge.event-cleared{color:#16a34a;background:#16a34a1f}.zoom-controls{z-index:50;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:12px;right:12px}.zoom-btn{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border-radius:5px;justify-content:center;align-items:center;font-size:16px;display:flex}.zoom-btn:hover{background:var(--bg-card);color:var(--text-primary)}.zoom-level{text-align:center;color:var(--text-muted);padding:3px;font-family:Roboto,monospace;font-size:10px}.minimap-container{--minimap-panel-width:198px;width:var(--minimap-panel-width);background:var(--bg-panel);border:1px solid var(--border);z-index:57;border-radius:6px;flex-direction:column;gap:4px;padding:8px;transition:opacity .2s;display:flex;position:absolute;bottom:12px;left:160px}.minimap-container:hover{opacity:1!important}.minimap-header{cursor:move;justify-content:space-between;align-items:center;gap:8px;display:flex}.minimap-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.minimap-header-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.minimap-rare-toggle{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:9px;line-height:1;display:inline-flex;position:relative}.minimap-rare-toggle:hover{color:var(--text-primary)}.minimap-rare-toggle input{opacity:0;cursor:pointer;width:11px;height:11px;margin:0;position:absolute}.minimap-rare-box{border:1px solid var(--border);background:var(--bg-card);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:11px;height:11px;display:inline-flex}.minimap-rare-box:after{content:"";opacity:0;border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:3px;height:6px;transform:rotate(45deg)translateY(-1px)}.minimap-rare-toggle input:checked+.minimap-rare-box{background:var(--accent-blue);border-color:var(--accent-blue)}.minimap-rare-toggle input:checked+.minimap-rare-box:after{opacity:1}.minimap-rare-toggle input:focus-visible+.minimap-rare-box{outline:2px solid var(--accent-blue);outline-offset:2px}.minimap-rare-toggle.is-disabled{cursor:default}.minimap-rare-toggle.is-disabled .minimap-rare-box,.minimap-rare-toggle.is-disabled input:checked+.minimap-rare-box{opacity:.45}.minimap-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:2px;font-size:0;line-height:1;display:inline-flex}.minimap-toggle:hover{color:var(--text-primary)}.minimap-toggle:before{content:"▴";font-size:11px;line-height:1}.minimap-toggle[aria-expanded=false]:before{content:"▾"}.minimap-canvas-wrapper{border:1px solid var(--border);border-radius:4px;position:relative;overflow:hidden}#minimap-canvas{cursor:pointer;display:block}.minimap-viewport{border:2px solid var(--accent-blue);pointer-events:none;background:#3b82f61a;border-radius:2px;position:absolute}.anomaly-tuning{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:4px;padding-top:5px;display:flex}.anomaly-tuning-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:8px}.anomaly-tuning-row{flex-direction:column;gap:1px;display:flex}.anomaly-tuning-row label{color:var(--text-muted);justify-content:space-between;font-size:9px;display:flex}.anomaly-val{color:var(--accent-blue);font-weight:600}.anomaly-tuning-row input[type=range]{width:100%;accent-color:var(--accent-blue);cursor:pointer;height:3px}.minimap-container.collapsed .anomaly-tuning,.minimap-container.collapsed .minimap-canvas-wrapper{display:none}.minimap-container.collapsed{opacity:.7}.real-map-mode .minimap-container{display:none}.minimap-container.viewport-outside .minimap-canvas-wrapper:after{content:"đź“Ť Empty area";color:var(--text-muted);background:var(--bg-card);white-space:nowrap;pointer-events:none;border-radius:2px;padding:2px 4px;font-size:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.legend{background:var(--bg-panel);border:1px solid var(--border);z-index:50;border-radius:6px;padding:10px;position:absolute;bottom:12px;left:12px}.legend-title{color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;font-size:10px}.legend-item{align-items:center;gap:6px;margin-bottom:3px;font-size:11px;display:flex}.legend-item:last-child{margin-bottom:0}.legend-color{border-radius:2px;width:16px;height:10px}.legend-gradient-bar{background:linear-gradient(90deg,#22c55e,#6ee7b7,#facc15,#f97316,#ef4444);border-radius:2px;width:100%;height:10px;margin-bottom:4px}[data-theme=light] .legend-gradient-bar{background:linear-gradient(90deg,#6af19b,#a7f3d0,#fde047,#fb923c,#fe6262)}.legend-gradient-labels{color:var(--text-muted);justify-content:space-between;font-size:9px;display:flex}.legend-spike-item{margin-top:5px}.legend-spike-ring{outline-offset:1px;background:#22c55e;border-radius:2px;outline:2px solid #f97316;width:12px;height:8px;margin:0 3px}[data-theme=light] .legend-spike-ring{background:#6af19b;outline-color:#fb923c}.edit-panel{background:var(--bg-panel);border:1px solid var(--edit-color);z-index:50;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;display:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.edit-panel .btn{padding:5px 10px;font-size:11px}.selection-count{color:var(--text-muted);padding:0 8px;font-family:Roboto,monospace;font-size:11px}.context-menu{background:var(--bg-panel);border:1px solid var(--border);z-index:200;border-radius:6px;min-width:150px;padding:4px 0;display:none;position:absolute}.context-menu.visible{display:block}.context-menu-item{cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.context-menu-item.danger{color:var(--status-offline)}.context-menu-divider{background:var(--border);height:1px;margin:4px 0}.context-menu-item.has-submenu{position:relative}.context-menu-item.has-submenu:after{content:"";opacity:.72;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;flex:none;width:0;height:0;margin-left:auto}.context-menu-item.has-submenu.submenu-opens-left:after{transform:rotate(180deg)}.context-menu-submenu{background:var(--bg-panel);border:1px solid var(--border);z-index:210;border-radius:6px;min-width:120px;padding:4px 0;display:none;position:absolute;top:0;left:100%}.context-menu-item.has-submenu:hover>.context-menu-submenu{display:block}.context-menu-submenu.shift-left{left:auto;right:100%}.context-menu-submenu.shift-up{top:auto;bottom:0}.context-menu-submenu:before,.context-menu-submenu:after{content:"";width:10px;position:absolute;top:0;bottom:0}.context-menu-submenu:before{left:-10px}.context-menu-submenu:after{right:-10px}.context-menu-submenu .context-menu-item{padding:8px 14px}.label-dialog{background:var(--bg-panel);border:1px solid var(--border);z-index:200;border-radius:8px;min-width:280px;padding:16px;display:none;position:absolute}.label-dialog.visible{display:block}.label-dialog-header{cursor:move;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.label-dialog .label-dialog-header h3{margin:0}.label-dialog input,.label-dialog select,.label-dialog textarea{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:5px;outline:none;margin-bottom:10px;padding:8px 10px;font-family:inherit;font-size:12px}.label-dialog input:focus,.label-dialog select:focus,.label-dialog textarea:focus{border-color:var(--accent-blue)}.label-dialog textarea{resize:vertical;min-height:72px;line-height:1.45}.label-dialog-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.label-dialog-row label{color:var(--text-secondary);min-width:70px;font-size:12px}.label-dialog-row input[type=number]{width:80px;margin-bottom:0}.label-dialog-row input[type=color]{cursor:pointer;width:50px;height:32px;margin-bottom:0;padding:2px}.label-dialog .btn-group{justify-content:flex-end}.shortcut-hint{color:var(--text-muted);border-top:1px solid var(--border);margin-top:10px;padding-top:10px;font-size:10px}.shortcut-hint kbd{background:var(--bg-card);border-radius:3px;padding:2px 5px;font-family:Roboto,monospace;font-size:9px}input[type=checkbox]{cursor:pointer;accent-color:var(--accent-blue)}.control-group label{align-items:center;display:flex}.mobile-toolbar{background:var(--bg-panel);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;gap:8px;padding:8px 12px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-toolbar-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:44px;height:44px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.mobile-toolbar-btn svg{width:22px;height:22px}.mobile-zoom-controls{z-index:100;flex-direction:row;gap:6px;display:none;position:fixed;bottom:70px;right:12px}.mobile-zoom-btn{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;width:44px;height:44px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:20px;display:flex}@media (width<=768px){.mobile-toolbar,.mobile-zoom-controls{display:flex}.main-area{width:100%}.toolbar{display:none}.mode-indicator{padding:6px 12px;font-size:11px;top:12px;left:50%;transform:translate(-50%)}.perf-stats{padding:8px;font-size:9px;inset:auto auto 70px 12px}.legend{padding:8px;font-size:10px;bottom:130px;left:12px}.legend-title{font-size:9px}.legend-item{font-size:10px}.minimap-container,.zoom-controls{display:none}.edit-panel{flex-wrap:wrap;justify-content:center;bottom:70px;left:12px;right:12px;transform:none}.edit-panel .btn{flex:1;min-width:80px;padding:10px 12px}.context-menu{width:200px;max-height:60vh;position:fixed;overflow-y:auto;transform:translate(-50%,-50%);top:50%!important;left:50%!important}.label-dialog{width:calc(100% - 24px);max-width:300px;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.label-dialog-header,.history-modal-header{cursor:default}.history-modal-content{inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important}.btn{min-height:44px;padding:10px 16px}.node-item{min-height:60px;padding:12px}.controls{padding:12px}.control-group{margin-bottom:12px}.search-input{padding:12px 12px 12px 38px;font-size:16px}#canvas-container{bottom:60px}}@media (width<=480px){.perf-stats{display:none}.legend{bottom:130px}}@media (hover:none) and (pointer:coarse){.btn:hover,.toolbar-btn:hover,.zoom-btn:hover,.node-item:hover{background:inherit}.btn:active,.toolbar-btn:active,.zoom-btn:active{opacity:.8}.toolbar-btn,.zoom-btn{width:44px;height:44px}.context-menu-item{padding:12px 14px}}.history-modal{z-index:10000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.history-modal.visible{display:flex}.history-modal-content{background:#1a1a2e;border:1px solid #3a3a5e;border-radius:8px;flex-direction:column;width:90%;max-width:900px;max-height:85vh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0009}.history-modal-header{cursor:move;-webkit-user-select:none;user-select:none;background:#16162a;border-bottom:1px solid #3a3a5e;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.history-modal-title{flex-direction:column;gap:4px;display:flex}.history-node-label{color:var(--text-primary);font-size:18px;font-weight:600}.history-node-ip{color:var(--text-secondary);font-family:monospace;font-size:14px}.history-modal-controls{background:#16162a;border-bottom:1px solid #3a3a5e;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.history-traffic-controls[hidden]{display:none!important}.history-traffic-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.history-traffic-controls label{color:var(--text-secondary);font-size:13px}.history-traffic-controls select{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:min(280px,100%);max-width:420px;color:var(--text-primary);border-radius:8px;flex:280px;padding:8px 12px}.history-time-buttons{flex-wrap:wrap;gap:8px;display:flex}.history-time-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:8px 16px;font-size:13px;transition:all .2s}.history-time-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.history-time-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.history-modal-graph{background:#0f0f1e;flex:1;min-height:300px;padding:20px;position:relative;overflow:hidden}#historyGraphDiv{width:100%;height:100%;min-height:280px}.history-graph-loading,.history-graph-empty{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.history-spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.history-modal-footer{background:#16162a;border-top:1px solid #3a3a5e;border-radius:0 0 8px 8px;padding:16px 20px}.history-stats{flex-wrap:wrap;gap:24px;display:flex}.history-stat{align-items:center;gap:8px;display:flex}.history-stat-label{color:var(--text-secondary);font-size:13px}.history-stat-value{color:var(--text-primary);font-family:monospace;font-size:14px;font-weight:600}.history-graph-tooltip{background:var(--bg-primary);border:1px solid var(--border-color);pointer-events:none;z-index:10001;border-radius:4px;padding:8px 12px;font-size:12px;position:absolute;box-shadow:0 4px 12px #0000004d}.history-graph-tooltip-time{color:var(--text-secondary);margin-bottom:4px}.history-graph-tooltip-value{color:var(--primary-color);font-family:monospace;font-weight:600}:root{--canvas-bg:#09111d;--bg-panel:#0b121df0;--bg-panel-strong:#0e1623;--bg-card:#121b28f5;--bg-card-strong:#151f2e;--bg-hover:#819abc1f;--border:#819abc33;--border-strong:#9fb3cd5c;--text-primary:#eef3f8;--text-secondary:#adbac9;--text-muted:#738296;--accent-blue:#5b8def;--accent-blue-strong:#4778d3;--accent-blue-dim:#5b8def24;--accent-cyan:#5aaec1;--accent-primary:#9cc9ff;--status-online:#34d399;--status-online-dim:#34d39929;--status-offline:#f87171;--status-warning:#fbbf24;--status-unknown:#94a3b8;--status-ack:#7dd3fc;--edit-color:#c084fc;--dot-color:#708ab12e;--panel-shadow:0 14px 34px #0206174d;--panel-shadow-soft:0 8px 22px #02061738;--surface-blur:none;--radius-panel:10px;--radius-control:6px;--radius-tight:4px;--control-height:32px;--control-bg:#121b28fa;--control-bg-hover:#1f2a3afa;--control-border:#819abc3d;--control-focus:#9cc9ff21;--scrollbar-thumb:#819abc75;--scrollbar-thumb-hover:#9fb3cda3;--bg-secondary:var(--bg-card);--border-color:var(--border);--primary-color:var(--accent-blue);--bg-primary:var(--bg-panel)}[data-theme=light]{--canvas-bg:#eef3f7;--bg-panel:#fffffff0;--bg-panel-strong:#fff;--bg-card:#f8fafcf0;--bg-card-strong:#f8fafc;--bg-hover:#2563eb14;--border:#94a3b852;--border-strong:#2563eb38;--text-primary:#122033;--text-secondary:#45566d;--text-muted:#71829b;--accent-blue:#2f67c9;--accent-blue-strong:#2456aa;--accent-blue-dim:#2f67c91c;--accent-cyan:#297f93;--accent-primary:#0f4cc2;--status-online:#10b981;--status-online-dim:#10b98124;--status-offline:#dc2626;--status-warning:#d97706;--status-unknown:#64748b;--status-ack:#38bdf8;--edit-color:#9333ea;--dot-color:#94a3b838;--panel-shadow:0 12px 28px #0f172a1f;--panel-shadow-soft:0 6px 18px #0f172a14;--control-bg:#f8fafc;--control-bg-hover:#eef2f7;--control-border:#94a3b866;--control-focus:#2f67c924;--scrollbar-thumb:#64748b6b;--scrollbar-thumb-hover:#47556994}body{background:var(--canvas-bg);font-family:Inter,sans-serif}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;min-height:28px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}#app{background:0 0}.control-label,.legend-title,.minimap-title,.anomaly-tuning-title{letter-spacing:.16em;text-transform:uppercase;font-size:10px}.controls{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:14px 18px 18px;display:grid}.control-group{flex-direction:column;gap:7px;min-width:0;margin-bottom:0;display:flex}.mode-group .btn-wide{width:100%}.theme-toggle-group{min-width:auto}.btn{border-radius:var(--radius-control);letter-spacing:.01em;min-height:40px;padding:9px 12px;font-size:12px;font-weight:600;transition:background .14s,border-color .14s,color .14s}.btn:disabled:hover{transform:none}.btn-primary{background:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;box-shadow:none}.btn-primary:hover{background:var(--accent-blue-strong)}.btn-secondary{background:var(--control-bg);border:1px solid var(--control-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-danger{color:#fecaca;background:#f8717129}.btn-edit{background:var(--edit-color);color:#fff}#saveMapBtn.is-dirty{color:var(--status-warning);box-shadow:none;background:#f59e0b26}#saveMapBtn.is-dirty:hover{background:linear-gradient(135deg,#f59e0b,#ea580c)}.btn-small{background:var(--bg-card);border:1px solid var(--border);min-height:32px;color:var(--text-secondary);border-radius:10px;padding:6px 10px}#themeLabel{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-input{border-radius:var(--radius-control);border:1px solid var(--control-border);background:var(--control-bg);box-shadow:none;padding:10px 14px 10px 38px}.search-input:focus,.search-input:focus-visible{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--control-focus)}.node-item{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--bg-card);box-shadow:none;margin-bottom:8px;padding:12px}.node-item:hover{border-color:var(--border-strong);background:var(--control-bg-hover)}.node-item.selected{border-color:var(--accent-blue);background:var(--accent-blue-dim);box-shadow:none}.node-item.multi-selected{border-color:var(--edit-color);background:#c084fc1f}.node-item-topline{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.node-item-copy{min-width:0}.status-dot.unknown{box-shadow:0 0 0 4px #94a3b81f,0 0 10px #94a3b847}.status-dot.ack{box-shadow:0 0 0 4px #7dd3fc1f,0 0 10px #7dd3fc47}.status-dot.label{background:#a78bfa;box-shadow:0 0 0 4px #a78bfa1f,0 0 10px #a78bfa47}.node-ip{color:var(--text-secondary);margin-top:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.node-status-pill{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.node-status-pill.online{color:var(--status-online);background:var(--status-online-dim)}.node-status-pill.offline{color:var(--status-offline);background:#f8717124}.node-status-pill.warning{color:var(--status-warning);background:#fbbf2424}.node-status-pill.unknown{color:var(--status-unknown);background:#94a3b824}.node-status-pill.label{color:#a78bfa;background:#a78bfa24}.node-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.node-metric{background:#ffffff09;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.node-metric-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.main-area{background:linear-gradient(#ffffff04,#0000)}#canvas-container{background-color:var(--canvas-bg);background-image:radial-gradient(circle at 1px 1px, var(--dot-color) 1px, transparent 0);background-size:34px 34px}#canvas-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 16% 14%,#4f8bff24,#0000 22%),radial-gradient(circle at 82% 86%,#39d0d81a,#0000 20%);position:absolute;inset:0}#canvas-container.real-map-active:before{display:none}.toolbar,.mode-indicator,.perf-stats,.legend,.minimap-container,.zoom-controls,.edit-panel,.monitor-panel,.context-menu,.label-dialog,.history-modal-content,.mobile-toolbar,.mobile-zoom-btn{-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur)}.toolbar{border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--panel-shadow-soft);border-radius:18px;gap:6px;padding:6px;top:18px;left:72px}.toolbar-btn{background:0 0;border:1px solid #0000;border-radius:12px;width:40px;height:40px}.toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.toolbar-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:none}.toolbar-map-picker{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--bg-card);height:40px;color:var(--text-primary);padding:0 12px}.toolbar-map-picker:hover,.toolbar-map-picker:focus,.toolbar-map-picker:focus-visible{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--control-focus)}.mode-indicator{border-radius:var(--radius-control);background:var(--bg-panel);box-shadow:var(--panel-shadow-soft);padding:10px 14px;top:18px}.perf-stats{border-radius:var(--radius-panel);background:var(--bg-panel);min-width:166px;box-shadow:var(--panel-shadow-soft);font-variant-numeric:tabular-nums;padding:12px 14px;font-family:Inter,sans-serif;top:18px;right:18px}.perf-label{color:var(--text-muted)}.perf-value{color:var(--text-primary)}.ws-log-toggle .btn-small{width:auto}.monitor-panel{border-radius:var(--radius-panel);border:1px solid var(--border);background:var(--bg-panel-strong);width:420px;height:340px;box-shadow:var(--panel-shadow);bottom:108px;right:18px}.mp-header{border-bottom:1px solid var(--border);background:0 0;padding:8px 10px 0}.mp-tabs{gap:4px}.mp-tab-btn{border-radius:var(--radius-control);padding:7px 10px;font-size:11px;font-weight:700}.mp-tab-btn.active{background:var(--accent-blue);border-bottom-color:#0000}#zoomOutBtn,#mobileZoomOutBtn{font-size:0}#zoomOutBtn:before,#mobileZoomOutBtn:before{content:"-";font-size:18px;line-height:1}.mp-body{background:0 0}.mp-empty{padding:24px 16px}.zoom-controls{border-radius:var(--radius-panel);border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--panel-shadow-soft);gap:6px;padding:6px;bottom:18px;right:18px}.zoom-btn{border-radius:var(--radius-control);background:0 0;border:1px solid #0000;width:38px;height:38px}.zoom-btn:hover{background:var(--bg-hover);border-color:var(--border)}.legend{border-radius:var(--radius-panel);border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--panel-shadow-soft);padding:12px 14px;bottom:18px;left:18px}.legend-title{margin-bottom:8px;font-family:Outfit,sans-serif;font-size:11px}.legend-color{border-radius:var(--radius-tight);width:14px;height:14px;box-shadow:inset 0 0 0 2px #ffffff29}.minimap-container{--minimap-panel-width:202px;width:var(--minimap-panel-width);border-radius:var(--radius-panel);border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--panel-shadow-soft);gap:8px;padding:10px;bottom:18px;left:168px}.minimap-container.viewport-outside .minimap-canvas-wrapper:after{border-radius:999px;padding:4px 7px;font-size:9px}.edit-panel{border-radius:var(--radius-panel);background:var(--bg-panel);box-shadow:var(--panel-shadow-soft);border:1px solid #c084fc73;padding:10px 12px;bottom:18px}.context-menu{border-radius:var(--radius-panel);border:1px solid var(--border);background:var(--bg-panel-strong);min-width:184px;box-shadow:var(--panel-shadow);padding:6px}.context-menu-item{border-radius:var(--radius-control);color:var(--text-primary);padding:10px 12px}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-submenu{border-radius:var(--radius-panel);border:1px solid var(--border);background:var(--bg-panel-strong);box-shadow:var(--panel-shadow-soft);padding:6px;left:calc(100% + 8px)}.label-dialog{border-radius:var(--radius-panel);border:1px solid var(--border);background:var(--bg-panel-strong);min-width:320px;box-shadow:var(--panel-shadow);padding:18px}.label-dialog h3{margin-bottom:14px;font-family:Outfit,sans-serif;font-size:16px}.label-dialog input,.label-dialog select,.label-dialog textarea{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--bg-card)}.label-dialog input:focus,.label-dialog input:focus-visible,.label-dialog select:focus,.label-dialog select:focus-visible,.label-dialog textarea:focus,.label-dialog textarea:focus-visible,.btn:focus-visible,.toolbar-btn:focus-visible,.zoom-btn:focus-visible,.history-time-btn:focus-visible,.mobile-toolbar-btn:focus-visible,.mobile-zoom-btn:focus-visible{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--control-focus);outline:none}.mobile-toolbar{border-top:1px solid var(--border);background:var(--bg-panel);box-shadow:0 -12px 26px #0206172e}.mobile-toolbar-btn{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--bg-card);width:48px;height:48px}.mobile-toolbar-btn:active,.mobile-toolbar-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.mobile-zoom-btn{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--bg-panel);width:48px;height:48px}.mobile-zoom-btn:active{background:var(--bg-hover);color:var(--text-primary)}.history-modal{-webkit-backdrop-filter:none;backdrop-filter:none;background:#020617b8}.history-modal-content{border-radius:var(--radius-panel);border:1px solid var(--border);background:var(--bg-panel-strong);max-width:960px;box-shadow:var(--panel-shadow)}.history-modal-header,.history-modal-controls,.history-modal-footer{border-color:var(--border);background:0 0}#historyNodeLabel{font-family:Outfit,sans-serif;font-size:20px;font-weight:600}#historyNodeIp{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.history-modal-controls{padding:14px 22px 18px}.history-traffic-controls select{border:1px solid var(--border);background:var(--bg-card);border-radius:12px}.history-time-btn{border:1px solid var(--border);background:var(--bg-card);min-height:38px;color:var(--text-secondary);border-radius:12px;padding:8px 12px}.history-time-btn.active{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;border-color:#0000}.history-modal-graph{background:#08101cd6;padding:18px 22px}[data-theme=light] .history-modal-graph{background:#eff6ffc7}.history-spinner{border-color:#94a3b833;border-top-color:var(--accent-blue)}.history-graph-tooltip{border:1px solid var(--border);background:var(--bg-panel-strong);box-shadow:var(--panel-shadow-soft);border-radius:12px}@media (width<=768px){.controls{padding:14px}.mode-indicator{top:16px}.perf-stats{border-radius:16px;bottom:86px;left:16px;right:auto}.legend{bottom:154px;left:16px}.edit-panel{bottom:84px;left:16px;right:16px}.mobile-toolbar{padding:10px 14px 14px}.mobile-zoom-controls{bottom:88px;right:16px}}@media (width<=480px){.controls{grid-template-columns:minmax(0,1fr) auto}.node-metrics{grid-template-columns:1fr}}:root{--panel-shadow:0 18px 38px #02061742;--panel-shadow-soft:0 10px 22px #0206172e}.control-label,.legend-title,.minimap-title,.anomaly-tuning-title{letter-spacing:.12em;font-size:9px}.search-input{border-radius:11px;padding:8px 12px 8px 32px;font-size:12px}.node-item{box-shadow:none;border-radius:11px;margin-bottom:6px;padding:7px 9px}.node-item.selected{box-shadow:none}.node-ip{margin-top:0;font-size:10px}.node-radio-row{color:var(--text-primary);white-space:pre-line;margin-top:2px;padding-left:16px;font-size:10px;line-height:1.25}.node-item-topline,.node-status-pill,.node-metrics{display:none}.mode-indicator{padding:7px 11px;font-size:11px;top:14px}.mode-dot{width:8px;height:8px;box-shadow:0 0 0 4px #4f8bff1a}.legend-item{gap:6px;font-size:10.5px}.edit-panel{border-radius:14px;padding:8px 10px;bottom:14px}.selection-count{font-size:11px}.history-traffic-controls{align-items:stretch}.history-traffic-controls label{width:100%}.history-traffic-controls select{min-width:0;max-width:none}.history-time-btn{min-height:34px;padding:7px 10px;font-size:11px}@media (width<=768px){.controls{padding:10px 12px 12px}.perf-stats{bottom:82px}.legend{bottom:144px}.edit-panel{bottom:80px}}.btn-small{border-radius:8px;min-height:28px;padding:5px 8px}.search-input{height:30px;box-shadow:none;background:#ffffff06;border:1px solid #819abc24;border-radius:7px;padding:7px 10px 7px 30px;font-size:11px}.search-input:focus,.search-input:focus-visible{box-shadow:none;background:#ffffff0a;border-color:#4f8bff80}.node-item{box-shadow:none;background:0 0;border:none;border-bottom:1px solid #819abc1a;border-radius:0;margin-bottom:0;padding:6px 6px 6px 7px}.node-item:hover{background:#ffffff08}.node-item.selected{box-shadow:none;background:#4f8bff14;border-bottom-color:#4f8bff24}.node-item.multi-selected{background:#c084fc14;border-bottom-color:#c084fc24}.status-dot{width:8px;height:8px;margin-top:0}.status-dot.online{box-shadow:0 0 0 3px #34d3991a,0 0 6px #34d39938}.status-dot.offline{box-shadow:0 0 0 3px #f871711a,0 0 6px #f8717138}.status-dot.warning{box-shadow:0 0 0 3px #fbbf241a,0 0 6px #fbbf2438}.status-dot.unknown,.status-dot.ack,.status-dot.label{box-shadow:none}.mp-tab-btn{border-radius:7px 7px 0 0}.mp-resize-handle{border-radius:0 0 12px}.mp-body,.mp-tab-content,#mpTabWsMessages,.ws-log-content,.history-status-log{scrollbar-width:thin;scrollbar-color:#819abc6b transparent}.mp-body::-webkit-scrollbar{width:8px;height:8px}.mp-tab-content::-webkit-scrollbar{width:8px;height:8px}#mpTabWsMessages::-webkit-scrollbar{width:8px;height:8px}.ws-log-content::-webkit-scrollbar{width:8px;height:8px}.history-status-log::-webkit-scrollbar{width:8px;height:8px}.mp-body::-webkit-scrollbar-track{background:0 0}.mp-tab-content::-webkit-scrollbar-track{background:0 0}#mpTabWsMessages::-webkit-scrollbar-track{background:0 0}.ws-log-content::-webkit-scrollbar-track{background:0 0}.history-status-log::-webkit-scrollbar-track{background:0 0}.mp-body::-webkit-scrollbar-thumb{background:#819abc57 padding-box padding-box;border:2px solid #0000;border-radius:999px}.mp-tab-content::-webkit-scrollbar-thumb{background:#819abc57 padding-box padding-box;border:2px solid #0000;border-radius:999px}#mpTabWsMessages::-webkit-scrollbar-thumb{background:#819abc57 padding-box padding-box;border:2px solid #0000;border-radius:999px}.ws-log-content::-webkit-scrollbar-thumb{background:#819abc57 padding-box padding-box;border:2px solid #0000;border-radius:999px}.history-status-log::-webkit-scrollbar-thumb{background:#819abc57 padding-box padding-box;border:2px solid #0000;border-radius:999px}.mp-body::-webkit-scrollbar-thumb:hover{background:#819abc80 padding-box padding-box;border:2px solid #0000}.mp-tab-content::-webkit-scrollbar-thumb:hover{background:#819abc80 padding-box padding-box;border:2px solid #0000}#mpTabWsMessages::-webkit-scrollbar-thumb:hover{background:#819abc80 padding-box padding-box;border:2px solid #0000}.ws-log-content::-webkit-scrollbar-thumb:hover{background:#819abc80 padding-box padding-box;border:2px solid #0000}.history-status-log::-webkit-scrollbar-thumb:hover{background:#819abc80 padding-box padding-box;border:2px solid #0000}.mp-empty{padding-bottom:28px}.mp-resize-handle{opacity:.9;background:0 0;border-radius:0;width:16px;height:16px;bottom:2px;right:2px}.mp-resize-handle:before{content:"";background:linear-gradient(135deg,#0000 0 48%,#819abcd9 48% 56%,#0000 56% 100%),linear-gradient(135deg,#0000 0 62%,#819abca6 62% 68%,#0000 68% 100%),linear-gradient(135deg,#0000 0 76%,#819abc73 76% 80%,#0000 80% 100%);position:absolute;inset:0}.mp-resize-handle:hover:before{background:linear-gradient(135deg,#0000 0 48%,#8edcfff2 48% 56%,#0000 56% 100%),linear-gradient(135deg,#0000 0 62%,#8edcffbf 62% 68%,#0000 68% 100%),linear-gradient(135deg,#0000 0 76%,#8edcff8c 76% 80%,#0000 80% 100%)}.controls{gap:6px;padding:6px 10px 8px}.control-group{gap:3px}.btn{border-radius:6px;min-height:28px;padding:5px 8px;font-size:11px}.btn-small{border-radius:6px;min-height:24px;padding:4px 6px;font-size:9px}.search-input{border-radius:6px;height:28px;padding:6px 8px 6px 28px;font-size:11px}.search-icon{width:13px;height:13px;left:8px}.node-item{border-bottom:1px solid #819abc14;border-radius:0;margin-bottom:0;padding:5px 6px}.node-item:last-child{border-bottom:none}.status-dot{width:7px;height:7px}.node-ip{font-size:9px}.toolbar{border-radius:10px;gap:3px;padding:3px;top:10px;left:52px}.toolbar-btn{border-radius:7px;width:30px;height:30px}.toolbar-btn svg{width:15px;height:15px}.toolbar-map-picker{border-radius:7px;height:30px;padding:0 8px;font-size:11px}.mode-indicator{border-radius:8px;padding:5px 10px;font-size:11px;top:10px}.perf-stats{border-radius:10px;min-width:130px;padding:7px 8px;top:10px;right:10px}.perf-row{gap:10px;margin-bottom:3px;font-size:10px}.monitor-panel{border-radius:10px;width:290px;height:220px;bottom:80px;right:10px}.mp-header{padding:4px 6px 0}.mp-tab-btn{padding:4px 6px;font-size:10px}.mp-body{padding:0 6px 6px 0}.mp-tab-content{padding:3px 0 6px}.mp-node-event-item,.mp-sat-item{padding-left:8px;padding-right:8px}.mp-resize-handle{opacity:.5;width:14px;height:14px;transition:opacity .15s}.mp-resize-handle:hover{opacity:1}.zoom-controls{border-radius:10px;gap:3px;padding:3px;bottom:10px;right:10px}.zoom-btn{border-radius:7px;width:28px;height:28px}.legend{border-radius:10px;padding:6px 8px;bottom:10px;left:10px}.legend-color{width:9px;height:9px}.minimap-container{--minimap-panel-width:194px;width:var(--minimap-panel-width);border-radius:10px;gap:4px;padding:6px;bottom:10px;left:130px}.edit-panel{border-radius:10px;gap:4px;padding:6px 8px;bottom:10px}.edit-panel .btn{min-height:24px;padding:4px 8px;font-size:10px}.selection-count{padding:0 4px;font-size:10px}.context-menu{border-radius:8px;min-width:150px;padding:3px}.context-menu-item{border-radius:6px;padding:6px 10px;font-size:11px}.context-menu-submenu{border-radius:8px;padding:3px;left:calc(100% + 4px)}.label-dialog{border-radius:12px;min-width:260px;padding:12px}.label-dialog h3{margin-bottom:8px;font-size:13px}.label-dialog input,.label-dialog select,.label-dialog textarea{border-radius:6px;margin-bottom:6px;padding:5px 7px;font-size:11px}.label-dialog-row label{min-width:50px;font-size:11px}.label-dialog-row input[type=number]{width:60px}.label-dialog-row input[type=color]{width:36px;height:26px}.history-modal-content{border-radius:var(--radius-panel);max-width:750px}.history-modal-header{padding:12px 14px 10px}.history-modal-controls,.history-modal-footer{padding-left:14px;padding-right:14px}.history-time-btn{border-radius:6px;min-height:28px;padding:5px 10px;font-size:11px}.history-modal-graph{padding:12px 14px}.history-stat{border-radius:6px;padding:5px 8px}@media (width<=768px){.controls{padding:8px 10px 10px}.perf-stats{bottom:74px}.legend{bottom:130px}.edit-panel{bottom:72px}.mp-resize-handle{width:20px;height:20px}}body,#app{min-height:100dvh}#app{height:100dvh}@media (width<=768px){.mode-indicator{top:calc(10px + env(safe-area-inset-top,0px))}.perf-stats{top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));height:auto;bottom:auto;left:auto}.legend{left:calc(10px + env(safe-area-inset-left,0px));bottom:calc(130px + env(safe-area-inset-bottom,0px))}.edit-panel{left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(72px + env(safe-area-inset-bottom,0px))}.mobile-toolbar{padding-top:8px;padding-right:calc(12px + env(safe-area-inset-right,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));padding-left:calc(12px + env(safe-area-inset-left,0px))}.mobile-zoom-controls{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(72px + env(safe-area-inset-bottom,0px))}}@media (width<=480px){.history-modal-content{width:calc(100% - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}@media (width<=960px),(height<=760px){.perf-stats{border-radius:12px;width:auto;min-width:0;max-width:min(176px,100vw - 20px);padding:6px 8px}.perf-stats .perf-row-metric{display:none}.perf-stats .perf-row-connection{gap:8px;margin-bottom:0;font-size:10px}.perf-stats .perf-label{letter-spacing:.02em}.perf-stats .perf-value{text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:92px;overflow:hidden}.perf-stats .perf-row-monitor{margin-top:6px}.perf-stats .perf-row-monitor .btn-small{min-height:26px;padding:5px 8px;font-size:10px}.monitor-panel{width:min(340px,100vw - 20px);height:min(260px,100dvh - 96px);right:10px}}@media (width<=768px){:root{--mobile-toolbar-offset:calc(72px + env(safe-area-inset-bottom,0px))}.mobile-toolbar{z-index:230;gap:6px}.mobile-toolbar-btn{flex:1 1 0;width:auto;min-width:0;max-width:52px}.monitor-panel{padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);top:0!important;right:0!important;bottom:var(--mobile-toolbar-offset)!important;background:linear-gradient(180deg, var(--bg-panel-strong), var(--bg-panel))!important;width:100dvw!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;z-index:220!important;border:none!important;border-radius:0!important;position:fixed!important;left:0!important}.monitor-panel .mp-header{cursor:default;padding-top:8px}.monitor-panel .mp-tabs{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.monitor-panel .mp-tabs::-webkit-scrollbar{display:none}.monitor-panel .mp-tab-btn{white-space:nowrap}.monitor-panel .mp-body{min-height:0;padding-bottom:10px;padding-right:0}.monitor-panel .mp-tab-content{padding-bottom:16px}.monitor-panel .mp-close-btn,.monitor-panel .mp-popout-btn,.monitor-panel .mp-resize-handle{display:none!important}}.auth-gate{z-index:12000;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;pointer-events:none;background:#060a12bd;place-items:center;padding:24px;transition:opacity .18s;display:grid;position:fixed;inset:0}.auth-gate[hidden]{display:none!important}.auth-gate.is-visible{opacity:1;pointer-events:auto}.auth-gate-card{border-radius:var(--radius-panel);background:var(--bg-panel-strong);width:min(420px,100%);box-shadow:var(--panel-shadow);border:1px solid var(--border);text-align:center;color:var(--text-primary);padding:24px}.auth-gate-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:#8bb3ff;margin:0 0 10px;font-size:12px;font-weight:700}.auth-gate-card h2{letter-spacing:-.02em;margin:0;font-family:Outfit,sans-serif;font-size:22px;font-weight:600}.auth-gate-card p:last-child{color:#e2e8f0e0;margin:12px 0 0;line-height:1.6}.auth-gate-spinner{border:3px solid #8bb3ff2e;border-top-color:#8bb3ff;border-radius:50%;width:52px;height:52px;margin:0 auto 16px;animation:.9s linear infinite paused auth-gate-spin}.auth-gate.is-visible .auth-gate-spinner{animation-play-state:running}.auth-gate[data-mode=denied] .auth-gate-spinner,.auth-gate[data-mode=error] .auth-gate-spinner{display:none}.auth-gate[data-mode=denied] .auth-gate-card{border-color:#f871714d}.auth-gate[data-mode=error] .auth-gate-card{border-color:#fbbf2447}@keyframes auth-gate-spin{to{transform:rotate(360deg)}}button,input,select,textarea{font:inherit}button{letter-spacing:0}.btn,.btn-small,.toolbar-btn,.toolbar-mode-btn,.zoom-btn,.mobile-toolbar-btn,.mobile-zoom-btn,.history-time-btn,.history-view-btn,.mp-tab-btn,.node-preset-btn,.node-token-btn,.edge-preset-btn,.edge-token-btn{border-radius:var(--radius-control);transition:background .14s,border-color .14s,color .14s,opacity .14s}.btn:hover,.toolbar-btn:hover,.zoom-btn:hover{transform:none}.btn{min-height:var(--control-height);border:1px solid var(--control-border);background:var(--control-bg);color:var(--text-primary);box-shadow:none;padding:0 10px}.btn-primary,.btn-edit,.toolbar-mode-btn.edit-mode,.history-time-btn.active,.history-view-btn.active,.monitor-panel .mp-tab-btn.active,.top-tools-row .toolbar-btn.active{border-color:color-mix(in srgb, var(--accent-blue) 70%, var(--border));background:var(--accent-blue);color:#fff;box-shadow:none}.btn-primary:hover,.btn-edit:hover,.toolbar-mode-btn.edit-mode:hover,.history-time-btn.active:hover,.history-view-btn.active:hover,.monitor-panel .mp-tab-btn.active:hover,.top-tools-row .toolbar-btn.active:hover{background:var(--accent-blue-strong)}.btn-secondary,.btn-small{border-color:var(--control-border);background:var(--control-bg);color:var(--text-secondary)}.btn-secondary:hover,.btn-small:hover,.toolbar-btn:hover,.toolbar-mode-btn:hover,.zoom-btn:hover,.mobile-toolbar-btn:hover,.mobile-zoom-btn:hover{border-color:var(--border-strong);background:var(--control-bg-hover);color:var(--text-primary)}.btn-danger{color:#fecaca;background:#f8717129;border-color:#f8717185}[data-theme=light] .btn-danger{color:#991b1b}#saveMapBtn.is-dirty,.toolbar-mode-btn.has-unsaved-changes{color:var(--status-warning);box-shadow:none;background:#f59e0b26;border-color:#d9770694}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{min-height:var(--control-height);border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--control-bg);color:var(--text-primary);box-shadow:none;outline:none}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):focus,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,.ui-select-trigger:focus-visible,.ui-select-search:focus-visible,button:focus-visible{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--control-focus);outline:none}select:not(.ui-select-source){appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px!important}.ui-select{vertical-align:middle;min-width:0;max-width:100%;display:inline-flex;position:relative}.ui-select[hidden]{display:none!important}.ui-select-source{opacity:0!important;pointer-events:none!important;border:0!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;position:absolute!important}.ui-select-trigger{width:100%;min-width:0;min-height:var(--control-height);border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--control-bg);color:var(--text-primary);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:0 28px 0 9px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.ui-select-trigger:after{content:"";opacity:.72;border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;position:absolute;right:10px;transform:translateY(-2px)rotate(45deg)}.ui-select.is-disabled{opacity:.58}.ui-select.is-disabled .ui-select-trigger{cursor:not-allowed}.ui-select-trigger__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-select-menu{z-index:13000;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--control-bg);width:100%;min-width:min(260px,100vw - 24px);max-width:min(360px,100vw - 24px);padding:5px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 18px #0206173d}.ui-select-menu.is-above{top:auto;bottom:calc(100% + 4px);box-shadow:0 -8px 18px #0206173d}.ui-select-search{box-sizing:border-box;border-radius:var(--radius-control);width:100%;height:28px;margin:0 0 5px;padding:0 8px;font-size:11px;line-height:1;min-height:28px!important}.ui-select-options{flex-direction:column;gap:2px;max-height:min(260px,40vh);display:flex;overflow-y:auto}.ui-select-option{border-radius:var(--radius-control);width:100%;min-height:28px;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:0 7px;display:flex}.ui-select-option[hidden],.ui-select .ui-select-option[hidden],.ui-select-empty[hidden],.ui-select .ui-select-empty[hidden]{display:none!important}.ui-select-option:hover,.ui-select-option:focus-visible{border-color:var(--border-strong);background:var(--bg-hover)}.ui-select-option[aria-selected=true]{background:var(--accent-blue-dim);border-color:#5b8def66}.ui-select-option:disabled{cursor:not-allowed;opacity:.54}.ui-select-option__label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}.ui-select-option__detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:48%;color:var(--text-muted);flex:0 auto;font-size:10px;line-height:1.2;overflow:hidden}.ui-select-empty{color:var(--text-muted);padding:8px;font-size:11px}.ui-select--toolbar .ui-select-trigger{min-height:30px;font-size:11px}.history-traffic-controls .ui-select,.history-window .history-traffic-controls .ui-select,.label-dialog-row .ui-select,.node-display-head .ui-select{flex:auto;width:100%}.label-dialog .annotation-fields{flex-direction:column;gap:10px;display:flex}.label-dialog .annotation-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:12px 0 8px;font-size:11px;font-weight:700}.label-dialog .label-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.label-dialog .label-dialog-grid .label-dialog-row{margin-bottom:0}.label-dialog .label-dialog-note{color:var(--text-secondary);margin-top:-2px;margin-bottom:2px;font-size:11px;line-height:1.45}.label-dialog .label-dialog-toggle{justify-content:space-between;position:relative}.label-dialog .label-dialog-toggle label{cursor:pointer;align-items:center;gap:8px;min-width:auto;display:inline-flex}.label-dialog .label-dialog-toggle input[type=checkbox]{opacity:0;cursor:pointer;width:13px;height:13px;margin:0;position:absolute;left:0}.ui-check-box{border:1px solid var(--control-border);background:var(--control-bg);border-radius:3px;flex:none;justify-content:center;align-items:center;width:13px;height:13px;display:inline-flex}.ui-check-box:after{content:"";opacity:0;border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:4px;height:7px;transform:rotate(45deg)translateY(-1px)}.label-dialog .label-dialog-toggle input[type=checkbox]:checked+.ui-check-box,.label-dialog .label-dialog-toggle.is-checked .ui-check-box{border-color:var(--accent-blue);background:var(--accent-blue)}.label-dialog .label-dialog-toggle input[type=checkbox]:checked+.ui-check-box:after,.label-dialog .label-dialog-toggle.is-checked .ui-check-box:after{opacity:1}.label-dialog .label-dialog-toggle input[type=checkbox]:focus-visible+.ui-check-box{box-shadow:0 0 0 1px var(--control-focus)}@media (width<=768px){.label-dialog .label-dialog-grid{grid-template-columns:1fr}}.history-modal{-webkit-backdrop-filter:none;background:0 0}.label-dialog,.history-modal-content{border:1px solid var(--border);background:var(--bg-panel-strong);-webkit-backdrop-filter:none;border-radius:14px;box-shadow:0 18px 40px #0206173d}.label-dialog{min-width:260px;padding:12px}.history-modal-header{border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 10px;display:flex}#historyNodeIp{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.4}.label-dialog-row{gap:6px;margin-bottom:6px}.label-dialog-row label,.history-traffic-controls label{letter-spacing:.01em;color:var(--text-secondary);font-size:11px;font-weight:600}.label-dialog input:not([type=color]):not([type=checkbox]),.label-dialog select,.label-dialog textarea,.history-traffic-controls select{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;min-height:32px;padding:6px 9px;box-shadow:inset 0 1px #ffffff0a}[data-theme=light] .label-dialog input:not([type=color]):not([type=checkbox]),[data-theme=light] .label-dialog select,[data-theme=light] .label-dialog textarea,[data-theme=light] .history-traffic-controls select{box-shadow:inset 0 1px #ffffffb8}.label-dialog textarea{min-height:72px}.label-dialog input[type=color]{border:1px solid var(--border);background:var(--bg-card);border-radius:8px}.node-display-editor,.edge-display-editor{gap:6px;margin-top:8px;display:grid}.node-display-head,.edge-display-head{grid-template-columns:minmax(52px,auto) 1fr;align-items:center;gap:8px;display:grid}.node-display-editor label,.edge-display-editor label{color:var(--text-secondary);font-size:11px;font-weight:600}.node-display-head select{min-width:0}.node-display-presets,.node-display-tokens,.edge-display-presets,.edge-display-tokens{flex-wrap:wrap;gap:4px;padding-bottom:1px;display:flex}.node-preset-btn,.node-token-btn,.edge-preset-btn,.edge-token-btn{border:1px solid var(--border);background:var(--bg-card);min-height:24px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:6px;padding:3px 7px;font-size:11px}.node-token-btn.is-available,.edge-token-btn.is-available{color:var(--text-primary);background:#22c55e1f;border-color:#22c55e94}.node-token-btn.is-unavailable,.edge-token-btn.is-unavailable{opacity:.55}.node-preset-btn,.edge-preset-btn{color:var(--text-primary);background:var(--bg-hover)}.edge-display-default-btn{justify-self:end}.edge-display-default-btn:disabled{opacity:.55;cursor:default}.node-preset-btn:hover,.node-token-btn:hover,.edge-preset-btn:hover,.edge-token-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.node-display-editor textarea,.edge-display-editor textarea{resize:vertical;min-height:58px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.35}.node-display-preview,.edge-display-preview{border:1px solid var(--border);background:var(--bg-card);min-height:18px;color:var(--text-primary);white-space:pre-wrap;border-radius:6px;padding:5px 7px;font-size:11px;line-height:1.35}.node-display-preview.is-empty,.edge-display-preview.is-empty{color:var(--text-muted)}.label-dialog .btn-group{border-top:1px solid var(--border);gap:6px;margin-top:10px;padding-top:10px}.history-modal-controls,.history-modal-footer{border-color:var(--border);background:0 0;padding-left:14px;padding-right:14px}.history-modal-controls{gap:8px;padding-top:0;padding-bottom:10px}.history-traffic-controls{align-items:center;gap:8px 10px}.history-traffic-controls select{flex:280px;min-width:min(280px,100%);max-width:420px}.history-time-btn{border:1px solid var(--border);background:var(--bg-card);min-height:28px;color:var(--text-secondary);letter-spacing:.01em;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:600}.history-time-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.history-time-btn.active{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;box-shadow:none;border-color:#0000}.history-modal-graph{background:0 0;border:none;border-radius:0;margin:0 14px;padding:8px 0 0}.history-modal-footer{margin-top:10px;padding-top:10px;padding-bottom:14px}.history-stat{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;padding:5px 8px}@media (width<=768px){.history-modal-content{border-radius:var(--radius-panel)}.label-dialog,.history-modal-header,.history-modal-controls,.history-modal-footer{padding-left:12px;padding-right:12px}.history-modal-header{padding-top:12px;padding-bottom:10px}.history-modal-controls{padding-bottom:10px}.history-modal-graph{margin-left:12px;margin-right:12px;padding-top:6px}.edge-interface-detail{margin-left:0}}.floating-window,.label-dialog,.monitor-panel,.history-modal-content,.realtime-debug-panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel-strong);box-shadow:var(--panel-shadow)}.floating-window__link{min-width:0;max-width:100%;color:var(--accent-primary);cursor:pointer;font:inherit;line-height:inherit;text-align:inherit;overflow-wrap:anywhere;text-underline-offset:2px;background:0 0;border:0;margin:0;padding:0 1px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline}.floating-window__title .floating-window__link{color:inherit;font-weight:inherit}.floating-window__link:hover{color:var(--text-primary);text-decoration:underline}.floating-window__link:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #60a5fa59}.label-dialog,.history-window{color:var(--text-primary)}.label-dialog{width:min(420px,100vw - 28px);min-width:300px;max-width:calc(100vw - 28px)}.history-modal-header,.monitor-panel .mp-header{border-bottom:1px solid var(--border);background:linear-gradient(#ffffff08,#0000);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.history-modal-header{margin-bottom:12px;margin-left:-14px;margin-right:-14px;padding:12px 14px 10px!important}#historyNodeLabel{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-family:Outfit,sans-serif;font-size:16px;font-weight:600}.label-dialog input:not([type=color]):not([type=checkbox]),.label-dialog select,.label-dialog textarea,.history-traffic-controls select,.history-window select{min-width:0;max-width:100%;min-height:var(--control-height);border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--control-bg);color:var(--text-primary)}.label-dialog-row{min-width:0}.label-dialog-row label{flex:0 0 70px}.label-dialog-row select,.label-dialog-row input:not([type=color]):not([type=checkbox]){flex:auto;width:auto}.edge-interface-detail{color:var(--text-muted);overflow-wrap:anywhere;margin:-2px 0 8px 76px;font-size:11px;line-height:1.35;display:none}#edgeEditDialog{width:min(440px,100vw - 28px);max-height:calc(100% - 24px)}#edgeEditDialog.visible{flex-direction:column;display:flex}#edgeEditDialog:focus{outline:none}#edgeEditDialog [hidden]{display:none!important}@media (width<=768px){#edgeEditDialog{max-height:calc(100% - var(--mobile-toolbar-offset,72px) - 24px);top:calc((100% - var(--mobile-toolbar-offset,72px)) / 2)!important}}#edgeEditDialog .label-dialog-header,#edgeEditDialog .btn-group{flex:none}#edgeEditDialog .label-dialog-header{margin-bottom:0}#edgeEditDialog .btn-group{margin-top:0}#edgeEditDialog .edge-dialog-endpoints{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#edgeEditDialog .edge-dialog-body{flex:auto;min-height:0}#edgeEditDialog.is-scrolling .edge-dialog-body{margin:0 -12px;padding:0 12px;overflow-y:auto}#edgeEditDialog .edge-dialog-group{grid-template-columns:68px minmax(0,1fr);align-items:start;gap:8px 10px;padding:10px 0;display:grid}#edgeEditDialog .edge-dialog-group+.edge-dialog-group{border-top:1px solid var(--border)}#edgeEditDialog .edge-dialog-rows{display:contents}#edgeEditDialog .edge-dialog-wide{grid-column:1/-1}#edgeEditDialog .edge-dialog-label{min-width:0;color:var(--text-secondary);padding-top:8px;font-size:11px;font-weight:600;line-height:16px}#edgeEditDialog .edge-dialog-field{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}#edgeEditDialog .edge-dialog-field>.ui-select,#edgeEditDialog .edge-dialog-field>textarea,#edgeEditDialog .edge-dialog-field>.edge-label-preview,#edgeEditDialog .edge-display-editor{align-self:stretch}#edgeEditDialog .edge-dialog-field .ui-select-trigger{min-height:32px;font-size:11px;line-height:1.2}#edgeEditDialog .edge-dialog-field .ui-select-menu{min-width:100%}#edgeEditDialog .edge-dialog-field .ui-select-option{min-height:28px;font-size:11px}#edgeEditDialog textarea,#edgeEditDialog input{margin:0}#edgeEditDialog #edgeLabelInput{resize:vertical;min-height:0}#edgeEditDialog .edge-dialog-hint,#edgeEditDialog .edge-interface-detail{color:var(--text-secondary);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.4;display:block}#edgeEditDialog .edge-seg{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--control-bg);gap:2px;max-width:100%;padding:2px;display:inline-flex}#edgeEditDialog .edge-seg--fill{align-self:stretch;display:flex}#edgeEditDialog .edge-seg-option{cursor:pointer;min-width:0;margin:0;position:relative}#edgeEditDialog .edge-seg--fill .edge-seg-option{flex:1 1 0}#edgeEditDialog .edge-seg-option input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0}#edgeEditDialog .edge-seg-option>span{border-radius:var(--radius-tight);color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:11px;font-weight:600;line-height:26px;transition:background .14s,color .14s;display:block;overflow:hidden}#edgeEditDialog .edge-seg-option:hover>span{color:var(--text-primary)}#edgeEditDialog .edge-seg-option input:checked+span{background:var(--bg-hover);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text-primary)}#edgeEditDialog .edge-seg-option input:focus-visible+span{outline:2px solid var(--accent-blue);outline-offset:-2px}#edgeEditDialog .edge-seg.is-single{background:0 0;border-color:#0000;padding:0}#edgeEditDialog .edge-seg.is-single .edge-seg-option,#edgeEditDialog .edge-seg.is-single .edge-seg-option input{cursor:default}#edgeEditDialog .edge-seg.is-single .edge-seg-option>span{box-shadow:none;color:var(--text-primary);text-align:left;background:0 0;padding:3px 0}#edgeEditDialog .edge-line-fields .edge-seg-option>span{padding:0 8px}#edgeEditDialog .edge-line-glyph{vertical-align:middle;border-top:2px solid;width:14px;margin-right:5px;display:inline-block}#edgeEditDialog .edge-line-glyph--dashed{border-top-style:dashed}#edgeEditDialog .edge-line-glyph--dotted{border-top-style:dotted}#edgeEditDialog .edge-check{min-height:32px;color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex;position:relative}#edgeEditDialog .edge-check input{opacity:0;cursor:pointer;width:13px;height:13px;min-height:0;margin:-7px 0 0;padding:0;position:absolute;top:50%;left:0}#edgeEditDialog .edge-check input:checked+.ui-check-box{border-color:var(--accent-blue);background:var(--accent-blue)}#edgeEditDialog .edge-check input:checked+.ui-check-box:after{opacity:1}#edgeEditDialog .edge-check input:focus-visible+.ui-check-box{outline:2px solid var(--accent-blue);outline-offset:1px}#edgeEditDialog .edge-display-editor{gap:6px;margin:2px 0 0;display:grid}#edgeEditDialog .edge-display-presets{align-items:center}#edgeEditDialog .edge-display-caption{color:var(--text-secondary);margin-right:2px;font-size:11px}#edgeEditDialog .edge-preset-btn:disabled{opacity:.5;cursor:default}#edgeEditDialog .edge-display-tokens.is-collapsible:not(.is-expanded) .edge-token-btn.is-unavailable{display:none}#edgeEditDialog .edge-display-more{min-height:24px;color:var(--accent-primary);cursor:pointer;background:0 0;border:0;padding:3px 4px;font-size:11px}#edgeEditDialog .edge-display-more:hover{text-decoration:underline}#edgeEditDialog .edge-label-preview{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--canvas-bg);overflow:hidden}#edgeEditDialog .edge-label-preview canvas{width:100%;height:40px;display:block}#edgeEditDialog .edge-style-row{align-self:stretch;align-items:center;gap:8px;min-width:0;display:flex}#edgeEditDialog .edge-style-row[hidden],#edgeEditDialog .edge-style-select[hidden],#edgeEditDialog .edge-line-fields[hidden]{display:none}#edgeEditDialog .edge-style-select{flex:auto;min-width:0}#edgeEditDialog .edge-style-select>.ui-select{width:100%}#edgeEditDialog .edge-style-manage{flex:none;min-height:32px}#edgeEditDialog .edge-line-fields{flex-flow:wrap;align-items:center;gap:8px 10px;display:flex}#edgeEditDialog .edge-width-field{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}#edgeEditDialog .edge-width-field input{flex:none;width:56px}@media (width<=480px){#edgeEditDialog .edge-dialog-group{grid-template-columns:minmax(0,1fr);row-gap:4px}#edgeEditDialog .edge-dialog-label{padding-top:6px}}.label-dialog input:focus,.label-dialog input:focus-visible,.label-dialog select:focus,.label-dialog select:focus-visible,.label-dialog textarea:focus,.label-dialog textarea:focus-visible,.history-traffic-controls select:focus,.history-traffic-controls select:focus-visible,.history-window select:focus,.history-window select:focus-visible{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--control-focus);outline:none}.label-dialog input.is-invalid{box-shadow:0 0 0 1px #ef44441f;border-color:var(--status-offline)!important}.label-dialog-error{color:var(--status-offline);margin-top:-6px;margin-bottom:8px;font-size:11px;line-height:1.35}.label-dialog .btn-group{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.monitor-panel{overflow:hidden;background:var(--bg-panel-strong)!important}.monitor-panel .mp-header{align-items:center;padding:10px 12px 8px!important}.monitor-panel .mp-tabs{flex:auto;gap:8px}.monitor-panel .mp-tab-btn{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--bg-card);min-height:30px;color:var(--text-secondary);padding:0 10px;font-weight:600}.monitor-panel .mp-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.monitor-panel .mp-tab-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.monitor-panel .mp-body{padding-top:2px}.history-window-layer{z-index:115;pointer-events:none;position:absolute;inset:0}.history-window{border-radius:var(--radius-panel);background:var(--bg-panel-strong);min-width:420px;min-height:360px;box-shadow:var(--panel-shadow);pointer-events:auto;flex-direction:column;display:flex;position:absolute;overflow:hidden}.history-window--active{border-color:var(--border-strong);box-shadow:var(--panel-shadow)}.history-window--minimized{display:none!important}.history-modal-header{background:var(--bg-panel-strong)}.history-modal-content{border-radius:var(--radius-panel);background:var(--bg-panel-strong);box-shadow:var(--panel-shadow)}.history-window__controls,.history-modal-controls{--history-control-height:26px;background:0 0;border-bottom:0;flex-flow:wrap;justify-content:flex-start;align-items:flex-end;gap:6px;display:flex;padding-top:0!important;padding-bottom:6px!important}.history-window__controls{padding-left:12px;padding-right:12px}.history-control-left{flex-direction:column;flex:320px;gap:4px;min-width:220px;max-width:398px;display:flex}.history-window .history-traffic-controls,.history-modal .history-traffic-controls{flex:300px;grid-template-columns:minmax(0,1fr);align-items:end;gap:3px;min-width:220px;max-width:360px;display:grid}.history-window .history-traffic-controls--with-metric,.history-modal .history-traffic-controls--with-metric{flex-basis:398px;grid-template-columns:minmax(160px,1fr) minmax(112px,128px);gap:3px 8px;max-width:398px}.history-traffic-controls--with-metric .history-interface-head{grid-area:1/1}.history-traffic-controls--with-metric .ui-select,.history-traffic-controls--with-metric>select:not([multiple]){grid-area:2/1}.history-traffic-controls--with-metric [data-role=metric-label]{grid-area:1/2}.history-traffic-controls--with-metric .history-metric-picker{grid-area:2/2}.history-control-left>.history-traffic-controls{flex:none;width:100%}.history-window .history-traffic-controls label,.history-modal .history-traffic-controls label,.label-dialog-row label{letter-spacing:.01em;color:var(--text-secondary);font-size:11px;font-weight:600}.history-window .history-traffic-controls select,.history-modal .history-traffic-controls select{width:100%;height:var(--history-control-height);min-height:var(--history-control-height);min-width:0;max-width:none}.history-interface-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.history-traffic-controls .history-interface-head label{width:auto}.history-traffic-controls .history-multi-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;display:inline-flex;position:relative}.history-traffic-controls .history-multi-check[hidden]{display:none}.history-multi-check:hover{color:var(--text-primary)}.history-multi-check:has(input:checked){color:var(--text-primary)}.history-multi-check input{opacity:0;cursor:pointer;width:13px;height:13px;min-height:0;margin:-7px 0 0;padding:0;position:absolute;top:50%;left:0}.history-multi-check input:checked+.ui-check-box,.ui-select-option[aria-selected=true] .ui-check-box{border-color:var(--accent-blue);background:var(--accent-blue)}.history-multi-check input:checked+.ui-check-box:after,.ui-select-option[aria-selected=true] .ui-check-box:after{opacity:1}.history-multi-check input:focus-visible+.ui-check-box{outline:2px solid var(--accent-blue);outline-offset:1px}.history-metric-picker{width:100%;min-width:0;position:relative}.history-metric-picker[hidden],.history-metric-picker__menu[hidden],.history-window .history-stats[hidden],.history-modal .history-stats[hidden],.history-wireless-stats-table[hidden]{display:none!important}.history-metric-picker__trigger{width:100%;height:var(--history-control-height);min-height:var(--history-control-height);border:1px solid var(--control-border);border-radius:var(--radius-control);background-color:var(--control-bg);color:var(--text-primary);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding:0 28px 0 9px;font-size:11px;font-weight:600;line-height:1.2;position:relative;overflow:hidden}.history-metric-picker__trigger:after{content:"";opacity:.72;border-bottom:1px solid;border-right:1px solid;width:7px;height:7px;position:absolute;top:50%;right:10px;transform:translateY(-65%)rotate(45deg)}.history-metric-picker__trigger:hover,.history-metric-picker.is-open .history-metric-picker__trigger{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.history-metric-picker__trigger:focus-visible{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--control-focus);outline:none}.history-metric-picker__trigger:disabled{color:var(--text-muted);cursor:default;opacity:.72}.history-metric-picker__menu{z-index:6;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-panel-strong);width:max(100%,190px);max-height:220px;box-shadow:var(--panel-shadow-soft);padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow:auto}.history-metric-option{min-height:28px;color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:5px 7px;font-size:11px;line-height:1.25;display:flex;position:relative}.history-metric-option:hover{background:var(--bg-hover)}.history-metric-option input{opacity:0;cursor:pointer;width:13px;height:13px;margin:0;position:absolute}.history-metric-option__box{border:1px solid var(--border);background:var(--bg-card);border-radius:3px;flex:none;justify-content:center;align-items:center;width:13px;height:13px;display:inline-flex}.history-metric-option__box:after{content:"";opacity:0;border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:4px;height:7px;transform:rotate(45deg)translateY(-1px)}.history-metric-option input:checked+.history-metric-option__box{background:var(--accent-blue);border-color:var(--accent-blue)}.history-metric-option input:checked+.history-metric-option__box:after{opacity:1}.history-metric-option input:focus-visible+.history-metric-option__box{outline:2px solid var(--accent-blue);outline-offset:2px}.history-metric-option__text{text-overflow:ellipsis;min-width:0;overflow:hidden}.history-control-spacer{flex:auto;min-width:12px;height:1px}.history-view-tabs{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--control-bg);flex-wrap:wrap;flex:0 auto;align-self:flex-start;gap:2px;width:auto;max-width:100%;padding:1px;display:flex}.history-view-tabs[hidden]{display:none!important}.history-window .history-time-buttons,.history-modal .history-time-buttons{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-self:flex-end;gap:4px;min-width:0;margin-left:auto}.history-control-left--with-controls~.history-time-buttons{align-self:flex-start;margin-top:17px}.history-control-left~.history-time-buttons .history-time-btn,.history-traffic-controls:not([hidden])~.history-time-buttons .history-time-btn{min-height:var(--history-control-height)}.history-view-btn{min-height:calc(var(--history-control-height) - 4px);border-radius:var(--radius-tight);color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:11px;font-weight:700}.history-view-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.history-view-btn.active{color:#fff;background:var(--accent-blue)}.history-window .history-time-btn,.history-modal .history-time-btn{min-width:38px;height:var(--history-control-height);min-height:var(--history-control-height);border-radius:var(--radius-control);border:1px solid var(--control-border);background:var(--control-bg);color:var(--text-secondary);padding:0 8px;font-size:11px;font-weight:600}.history-window .history-time-btn:hover,.history-modal .history-time-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.history-window .history-time-btn.active,.history-modal .history-time-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.history-custom-range{display:inline-flex;position:relative}.history-window .history-time-btn--custom,.history-modal .history-time-btn--custom{width:var(--history-control-height);min-width:var(--history-control-height);justify-content:center;align-items:center;padding:0;display:inline-flex}.history-time-btn--custom svg{width:14px;height:14px}.history-custom-range__panel[hidden]{display:none!important}.history-custom-range__panel{z-index:1000;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-panel-strong);width:min(328px,100vw - 16px);max-height:calc(100vh - 16px);box-shadow:var(--panel-shadow-soft);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;display:flex;position:fixed;top:0;left:0}[data-theme=light] .history-custom-range__panel{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.history-custom-range__body{overscroll-behavior:contain;flex:auto;gap:8px;min-height:0;padding:8px;display:grid;overflow-y:auto}.history-custom-range__presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.history-custom-range__preset{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--control-bg);min-width:0;height:24px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;padding:0 4px;font-size:11px;font-weight:600}.history-custom-range__preset:hover,.history-custom-range__preset:focus-visible{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text-primary);outline:none}.history-custom-range__fields{gap:6px;display:grid}.history-custom-range__row{grid-template-columns:34px minmax(0,1fr) 88px;align-items:center;gap:6px;display:grid}.history-custom-range__label{color:var(--text-secondary);font-size:11px;font-weight:700}.history-custom-range__row>input{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--control-bg);width:100%;min-width:0;height:28px;color:var(--text-primary);font:inherit;font-variant-numeric:tabular-nums;padding:0 8px;font-size:12px}.history-custom-range__row>input:hover{border-color:var(--border-strong)}.history-custom-range__row>input:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-dim);outline:none}.history-custom-range__row>input:invalid{border-color:var(--status-offline)}.history-custom-range__calendar-input{display:none!important}.history-custom-range__date::-webkit-calendar-picker-indicator{display:none}.history-custom-range__time::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;margin-left:2px}.history-custom-range__time::-webkit-calendar-picker-indicator:hover{opacity:.9}.history-custom-range .flatpickr-calendar{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--control-bg);width:100%;max-width:none;box-shadow:none;color:var(--text-primary);margin-top:0;padding-bottom:4px}.history-custom-range .flatpickr-calendar:before,.history-custom-range .flatpickr-calendar:after{display:none}.history-custom-range .flatpickr-innerContainer,.history-custom-range .flatpickr-rContainer,.history-custom-range .flatpickr-days,.history-custom-range .dayContainer{width:100%;min-width:0;max-width:none}.history-custom-range .dayContainer{padding:0 4px}.history-custom-range .flatpickr-months{align-items:center;padding:2px 4px 0}.history-custom-range .flatpickr-months .flatpickr-month{height:30px;color:var(--text-primary);fill:currentColor;background:0 0}.history-custom-range .flatpickr-months .flatpickr-prev-month,.history-custom-range .flatpickr-months .flatpickr-next-month{border-radius:var(--radius-tight);width:26px;height:26px;color:var(--text-secondary);fill:currentColor;padding:6px;top:2px}.history-custom-range .flatpickr-months .flatpickr-prev-month:hover,.history-custom-range .flatpickr-months .flatpickr-next-month:hover{background:var(--bg-hover);color:var(--text-primary)}.history-custom-range .flatpickr-months .flatpickr-prev-month:hover svg,.history-custom-range .flatpickr-months .flatpickr-next-month:hover svg{fill:currentColor}.history-custom-range .flatpickr-months .flatpickr-disabled{opacity:.25;cursor:default}.history-custom-range .flatpickr-current-month{height:28px;color:var(--text-primary);padding-top:2px;font-size:12px}.history-custom-range .flatpickr-current-month .flatpickr-monthDropdown-months,.history-custom-range .flatpickr-current-month input.cur-year{border-radius:var(--radius-tight);height:24px;min-height:0;box-shadow:none;color:var(--text-primary);border:0;font-size:12px;font-weight:700;line-height:24px}.history-custom-range .flatpickr-current-month .flatpickr-monthDropdown-months{background:var(--control-bg)}.history-custom-range .flatpickr-current-month .flatpickr-monthDropdown-months:hover,.history-custom-range .flatpickr-current-month .flatpickr-monthDropdown-months:focus{background:var(--control-bg-hover)}.history-custom-range .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:var(--control-bg);color:var(--text-primary)}.history-custom-range .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month:checked{background-color:var(--accent-blue);color:#fff}.history-custom-range .flatpickr-current-month .numInputWrapper{border-radius:var(--radius-tight);vertical-align:middle;width:64px;height:24px;margin-left:2px}.history-custom-range .flatpickr-current-month .numInputWrapper:hover,.history-custom-range .flatpickr-current-month .numInputWrapper:focus-within{background:var(--bg-hover)}.history-custom-range .flatpickr-current-month .numInputWrapper input.cur-year{height:24px;min-height:0;box-shadow:none;background:0 0;border:0;padding:0 20px 0 5px}.history-custom-range .flatpickr-current-month .numInputWrapper span{opacity:0;border:0;width:18px;height:12px;padding:0}.history-custom-range .flatpickr-current-month .numInputWrapper:hover span,.history-custom-range .flatpickr-current-month .numInputWrapper:focus-within span{opacity:.9}.history-custom-range .flatpickr-current-month .numInputWrapper span:hover{background:var(--control-bg-hover)}.history-custom-range .flatpickr-current-month .numInputWrapper span.arrowDown{top:12px}.history-custom-range .flatpickr-current-month .numInputWrapper span.arrowUp:after,.history-custom-range .flatpickr-current-month .numInputWrapper span.arrowDown:after{left:5px}.history-custom-range .flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:var(--text-secondary);top:4px}.history-custom-range .flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:var(--text-secondary);top:4px}.history-custom-range .flatpickr-current-month .numInputWrapper span.arrowUp:hover:after{border-bottom-color:var(--text-primary)}.history-custom-range .flatpickr-current-month .numInputWrapper span.arrowDown:hover:after{border-top-color:var(--text-primary)}.history-custom-range span.flatpickr-weekday{color:var(--text-muted);background:0 0;font-size:10px;font-weight:700}.history-custom-range .flatpickr-day{border-radius:var(--radius-tight);max-width:none;height:26px;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:1px;font-size:11px;line-height:24px}.history-custom-range .flatpickr-day:hover,.history-custom-range .flatpickr-day:focus{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text-primary)}.history-custom-range .flatpickr-day.today{border-color:var(--border-strong);color:var(--text-primary);font-weight:700}.history-custom-range .flatpickr-day.selected,.history-custom-range .flatpickr-day.startRange,.history-custom-range .flatpickr-day.endRange,.history-custom-range .flatpickr-day.selected:hover,.history-custom-range .flatpickr-day.selected:focus,.history-custom-range .flatpickr-day.startRange:hover,.history-custom-range .flatpickr-day.startRange:focus,.history-custom-range .flatpickr-day.endRange:hover,.history-custom-range .flatpickr-day.endRange:focus{border-color:var(--accent-blue);background:var(--accent-blue);box-shadow:none;color:#fff}.history-custom-range .flatpickr-day.inRange{background:var(--accent-blue-dim);box-shadow:-5px 0 0 var(--accent-blue-dim), 5px 0 0 var(--accent-blue-dim);color:var(--text-primary);border-color:#0000}.history-custom-range .flatpickr-day.prevMonthDay,.history-custom-range .flatpickr-day.nextMonthDay{color:var(--text-muted)}.history-custom-range .flatpickr-day.flatpickr-disabled,.history-custom-range .flatpickr-day.flatpickr-disabled:hover{color:var(--text-muted);opacity:.35;cursor:default;background:0 0;border-color:#0000}.history-custom-range .numInputWrapper span{border-color:var(--border)}.history-custom-range__footer{border-top:1px solid var(--border);flex:none;align-items:center;gap:6px;padding:6px 8px;display:flex}.history-custom-range__summary{min-width:0;color:var(--text-muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:11px;overflow:hidden}.history-custom-range__summary.is-error{color:var(--status-offline)}.history-custom-range__btn{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--control-bg);min-height:26px;color:var(--text-secondary);cursor:pointer;flex:none;padding:0 10px;font-size:11px;font-weight:700}.history-custom-range__btn:hover,.history-custom-range__btn:focus-visible{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text-primary);outline:none}.history-custom-range__btn--apply{border-color:var(--accent-blue);background:var(--accent-blue);color:#fff}.history-custom-range__btn--apply:hover,.history-custom-range__btn--apply:focus-visible{border-color:var(--accent-blue-strong);background:var(--accent-blue-strong);color:#fff}.history-custom-range__btn--apply:disabled{opacity:.45;cursor:not-allowed}.history-custom-range__btn--apply:disabled:hover{border-color:var(--accent-blue);background:var(--accent-blue)}.history-window__graph,.history-modal-graph{background:0 0;flex:auto;min-height:180px;margin:0 12px;padding:4px 0 0;position:relative}.history-window__graph{min-height:0;overflow:hidden}.history-window__graph-canvas,#historyGraphDiv{width:100%;height:100%;min-height:210px}.history-current-status,.history-status-log{--history-status-online-bg:#22c55e24;--history-status-online-border:#22c55e5c;--history-status-online-text:#86efac;--history-status-offline-bg:#ef444424;--history-status-offline-border:#ef444461;--history-status-offline-text:#fca5a5;--history-status-offline-row-bg:#ef44440e;--history-status-warning-bg:#f59e0b1f;--history-status-warning-border:#f59e0b57;--history-status-warning-text:#fbbf24;--history-status-unknown-bg:#6b72801f;--history-status-unknown-border:#6b72804d;--history-status-unknown-text:#cbd5e1}.history-status-log{scrollbar-gutter:stable;border:1px solid var(--border);background:var(--bg-card);border-radius:8px;height:100%;min-height:210px;overflow:auto}.history-window--status-log-view .history-status-log{height:calc(100% - 18px);min-height:192px}.history-window .history-status-log{min-height:0}[data-theme=light] .history-current-status,[data-theme=light] .history-status-log{--history-status-online-bg:#16a34a1c;--history-status-online-border:#16a34a42;--history-status-online-text:#166534;--history-status-offline-bg:#dc26261a;--history-status-offline-border:#dc26263d;--history-status-offline-text:#991b1b;--history-status-offline-row-bg:#dc26260d;--history-status-warning-bg:#d977061a;--history-status-warning-border:#d977063d;--history-status-warning-text:#92400e;--history-status-unknown-bg:#64748b1a;--history-status-unknown-border:#64748b38;--history-status-unknown-text:#475569}.history-status-log[hidden]{display:none!important}.history-status-log__empty{min-height:120px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.history-status-log__empty-note{color:var(--text-secondary);font-size:11px;font-weight:500}.history-current-status{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:6px 12px;padding:5px 8px;display:grid}.history-current-status[hidden]{display:none!important}.history-current-status__label{text-align:center;text-transform:uppercase;border:1px solid #0000;border-radius:5px;min-width:54px;padding:2px 6px;font-size:11px;font-weight:800;line-height:1.2}.history-current-status--online .history-current-status__label{border-color:var(--history-status-online-border);background:var(--history-status-online-bg);color:var(--history-status-online-text)}.history-current-status--offline .history-current-status__label{border-color:var(--history-status-offline-border);background:var(--history-status-offline-bg);color:var(--history-status-offline-text)}.history-current-status--warning .history-current-status__label{border-color:var(--history-status-warning-border);background:var(--history-status-warning-bg);color:var(--history-status-warning-text)}.history-current-status--unknown .history-current-status__label{border-color:var(--history-status-unknown-border);background:var(--history-status-unknown-bg);color:var(--history-status-unknown-text)}.history-current-status__age{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;font-size:12px;font-weight:800;line-height:1.25}.history-current-status__since{color:var(--text-muted);text-align:right;overflow-wrap:anywhere;font-size:10px;font-weight:600;line-height:1.25}.history-status-log__summary{z-index:1;border-bottom:1px solid var(--border);background:var(--bg-card);flex-wrap:wrap;gap:6px;padding:8px 11px;display:flex;position:sticky;top:0}.history-status-log__summary-chip{border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.5}.history-status-log__summary-chip--online{border-color:var(--history-status-online-border);background:var(--history-status-online-bg);color:var(--history-status-online-text)}.history-status-log__summary-chip--offline{border-color:var(--history-status-offline-border);background:var(--history-status-offline-bg);color:var(--history-status-offline-text)}.history-status-log__summary-chip--muted{color:var(--text-muted);font-weight:600}.history-status-log__item{border-bottom:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:8px;padding:9px 11px;font-size:12px;display:grid}.history-status-log__item--ping{grid-template-columns:96px 112px minmax(0,1fr)}.history-status-log__item--speedlink{grid-template-columns:minmax(132px,1.1fr) minmax(74px,.6fr) minmax(130px,1fr) minmax(80px,.7fr)}.history-status-log__item--offline{background:var(--history-status-offline-row-bg);box-shadow:inset 3px 0 0 var(--history-status-offline-text)}.history-status-log__item:last-child{border-bottom:0}.history-status-log__status{text-align:center;text-transform:uppercase;border:1px solid #0000;border-radius:5px;width:fit-content;min-width:62px;padding:3px 8px;font-size:11px;font-weight:800}.history-status-log__item--online .history-status-log__status{border-color:var(--history-status-online-border);background:var(--history-status-online-bg);color:var(--history-status-online-text)}.history-status-log__item--offline .history-status-log__status{border-color:var(--history-status-offline-border);background:var(--history-status-offline-bg);color:var(--history-status-offline-text)}.history-status-log__item--speedlink .history-status-log__status{border-color:var(--history-status-unknown-border);background:var(--history-status-unknown-bg);color:var(--history-status-unknown-text)}.history-status-log__time{flex-direction:column;gap:1px;min-width:0;display:flex}.history-status-log__time-clock{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.25}.history-status-log__time-date{color:var(--text-muted);font-size:10px;font-weight:600;line-height:1.2}.history-status-log__state{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.history-status-log__previous{min-width:0;color:var(--text-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.history-status-log__duration{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;line-height:1.25}.history-status-log__duration--live{color:var(--text-primary);font-weight:700}@media (width<=768px){.history-modal-controls{flex-direction:column;align-items:stretch}.history-control-spacer{display:none}.history-control-left,.history-modal .history-traffic-controls{flex-basis:auto;width:100%;max-width:none}.history-window .history-traffic-controls--with-metric,.history-modal .history-traffic-controls--with-metric{grid-template-columns:minmax(0,1fr);max-width:none}.history-traffic-controls--with-metric .history-interface-head,.history-traffic-controls--with-metric .ui-select,.history-traffic-controls--with-metric>select:not([multiple]),.history-traffic-controls--with-metric [data-role=metric-label],.history-traffic-controls--with-metric .history-metric-picker{grid-area:auto}.history-modal .history-time-buttons{flex-wrap:wrap;justify-content:flex-start;align-self:stretch;margin-left:0}.history-control-left--with-controls~.history-time-buttons{margin-top:0}.history-current-status{grid-template-columns:minmax(0,1fr);align-items:flex-start}.history-current-status__since{text-align:left}.history-status-log__item--ping{grid-template-columns:96px minmax(0,1fr)}.history-status-log__item--speedlink{grid-template-columns:minmax(0,1fr) auto}.history-status-log__item--ping .history-status-log__previous,.history-status-log__item--speedlink .history-status-log__previous,.history-status-log__item--speedlink .history-status-log__duration{text-align:left;grid-column:1/-1}}.history-window__footer,.history-modal-footer{border-top:1px solid var(--border);flex:none;margin-top:auto;padding-top:6px!important;padding-bottom:8px!important}.history-window .history-stats,.history-modal .history-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.history-window .history-stat,.history-modal .history-stat{border-left:1px solid var(--border);background:0 0;padding:2px 8px}.history-window .history-stat:first-child,.history-modal .history-stat:first-child{border-left:0}.history-wireless-stats-table{grid-template-columns:minmax(92px,1.3fr) repeat(4,minmax(62px,1fr));min-width:0;font-size:11px;display:grid;overflow-x:auto}.history-window .history-wireless-stats-table{scrollbar-gutter:stable;max-height:96px;overflow-y:auto}.history-wireless-stats-table__cell{border-top:1px solid var(--border);border-left:1px solid var(--border);min-width:0;color:var(--text-primary);white-space:nowrap;padding:3px 8px}.history-wireless-stats-table__cell:nth-child(-n+5){border-top:0}.history-wireless-stats-table__cell:nth-child(5n+1){color:var(--text-secondary);border-left:0;font-weight:600}.history-wireless-stats-table__cell--head{color:var(--text-muted);font-weight:700}.history-window__resize-handle{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);opacity:.8;cursor:nwse-resize;width:13px;height:13px;position:absolute;bottom:5px;right:6px}.history-window--resizing .history-window__resize-handle,.history-window__resize-handle:hover{border-color:var(--text-secondary);opacity:1}.history-window-dock{z-index:118;pointer-events:auto;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.history-window-dock__items{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#142036e0,#09101de6);border-radius:10px;flex-wrap:wrap;justify-content:center;gap:4px;max-width:min(62vw,560px);padding:4px;display:flex;box-shadow:0 10px 24px #02061738,inset 0 1px #ffffff0d}[data-theme=light] .history-window-dock__items{background:linear-gradient(#ffffffeb,#f1f5f9e6)}[data-theme=light] .history-window-dock__item{background:#0f172a0b}.history-window-dock__item{border:1px solid var(--border);background:#ffffff0b;border-radius:7px;align-items:center;gap:0;min-width:0;transition:background .14s,border-color .14s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.history-window-dock__restore,.history-window-dock__close{color:var(--text-primary);cursor:pointer;background:0 0;border:0}.history-window-dock__restore{white-space:nowrap;text-overflow:ellipsis;border-radius:0;align-items:center;gap:5px;min-width:0;max-width:150px;min-height:26px;padding:0 6px 0 10px;font-size:10px;font-weight:600;line-height:26px;display:inline-flex;overflow:hidden}.history-window-dock__icon{width:14px;height:14px;color:var(--accent-primary);flex:0 0 14px;justify-content:center;align-items:center;display:inline-flex}.history-window-dock__restore[data-history-type=traffic] .history-window-dock__icon{color:var(--accent-cyan)}.history-window-dock__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:14px;height:14px}.history-window-dock__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.history-window-dock__close{width:16px;height:26px;color:var(--text-secondary);opacity:.75;border-radius:0;margin-right:5px;padding:0;font-size:13px;line-height:1}.history-window-dock__restore:hover,.history-window-dock__close:hover{background:0 0}.history-window-dock__close:hover{color:var(--text-primary);opacity:1}@media (width>=769px){.history-modal{display:none!important}}@media (width<=768px){.history-window-layer,.history-window-dock{display:none!important}.history-modal{-webkit-backdrop-filter:blur(16px);background:#0206176b}.history-modal-content{flex-direction:column;height:auto;display:flex;inset:14px 12px calc(14px + env(safe-area-inset-bottom,0px)) 12px!important;width:auto!important;max-width:none!important;max-height:none!important;position:absolute!important;transform:none!important}.history-modal-header,.history-modal-controls,.history-modal-footer{padding-left:12px!important;padding-right:12px!important}.history-modal-header{margin:0 0 10px}.history-modal .history-current-status,.history-modal-graph{margin-left:12px;margin-right:12px}.history-modal .history-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.history-modal .history-stat:nth-child(odd){border-left:0}}.monitor-panel{border-radius:12px}.monitor-panel .mp-header{gap:8px;padding:6px 8px 5px!important}.monitor-panel .mp-tabs{gap:6px}.monitor-panel .mp-tab-btn{border-radius:7px;min-height:27px;padding:0 8px;font-size:10px}.monitor-panel .mp-body{border-radius:0 0 8px 8px;padding-top:0}.monitor-panel .mp-node-event-item,.monitor-panel .mp-sat-item,.monitor-panel .ws-log-entry{border-radius:6px}.history-window-dock__items{border-radius:10px;gap:4px;padding:4px}.history-window-dock__item{border:1px solid var(--border);background:#ffffff0b;border-radius:7px;gap:0;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.history-window-dock__restore,.history-window-dock__close{background:0 0;border:none;border-radius:0}.history-window-dock__restore{padding:0 6px 0 10px}.history-window-dock__close{border-left:0;width:16px;height:26px;margin-right:5px;padding:0}.history-window-dock__item:hover{border-color:var(--border-strong);background:#4f8bff1f}.history-window-dock__item:hover .history-window-dock__restore,.history-window-dock__item:hover .history-window-dock__close{background:0 0}@media (width>=769px){.history-window.floating-window,.edge-inspector-window.floating-window{border-radius:10px}.history-window__controls{align-items:flex-end;gap:6px;padding-left:12px;padding-right:12px;padding-top:4px!important;padding-bottom:6px!important}.history-window .history-traffic-controls{flex:300px;gap:3px;min-width:220px;max-width:360px;display:grid}.history-window .history-traffic-controls--with-metric{flex-basis:398px;gap:3px 8px;max-width:398px}.history-window .history-control-left>.history-traffic-controls{flex:none;width:100%}.history-window .history-traffic-controls select,.history-modal .history-traffic-controls select{min-height:var(--history-control-height);border-radius:7px;min-width:0}.history-window .history-time-buttons{justify-content:flex-end;gap:4px}.history-window .history-time-btn{height:var(--history-control-height);min-height:var(--history-control-height);border-radius:6px;padding:0 8px}.history-window__graph{margin:0 12px;padding-top:4px}.history-window__footer{padding:6px 12px 8px!important}.history-window .history-stats{gap:0}.history-window .history-stat{border-left:1px solid var(--border);background:0 0;border-radius:0;justify-content:space-between;gap:6px;padding:2px 8px}.history-window .history-stat:first-child{border-left:0}.history-window .history-stat-label{font-size:10px}.history-window .history-stat-value{font-size:11px}}.search-box .search-input{padding-right:38px}.search-clear-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text-primary);background:#819abc24}.search-clear-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #4f8bff47}.search-clear-btn svg{stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.search-clear-btn[hidden]{display:none}@media (width<=768px){.search-box .search-input{padding-right:34px}.search-clear-btn{width:22px;height:22px;right:5px}}.edit-panel-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.canvas-search{z-index:55;pointer-events:none;width:clamp(220px,28vw,330px);position:absolute;top:10px;left:50%;transform:translate(-50%)}.canvas-search.canvas-search--results-open{z-index:11900}.canvas-search-box{pointer-events:auto;width:100%}.canvas-search .search-input{border-color:var(--border);background:var(--bg-panel);height:38px;box-shadow:var(--panel-shadow-soft);-webkit-backdrop-filter:none;border-radius:10px}.canvas-search-results{border:1px solid var(--border);background:var(--bg-panel);max-height:min(330px,100dvh - 116px);box-shadow:var(--panel-shadow-soft);-webkit-backdrop-filter:none;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#819abc6b transparent;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.canvas-search-results[hidden]{display:none}.canvas-search-results::-webkit-scrollbar{width:8px;height:8px}.canvas-search-results::-webkit-scrollbar-track{background:0 0}.canvas-search-results::-webkit-scrollbar-thumb{background:#819abc57 padding-box padding-box;border:2px solid #0000;border-radius:999px}.canvas-search-results::-webkit-scrollbar-thumb:hover{background:#819abc80 padding-box padding-box;border:2px solid #0000}.canvas-search-results-count,.canvas-search-empty{color:var(--text-muted);text-transform:uppercase;padding:5px 7px 7px;font-size:10px;font-weight:700;line-height:1}.canvas-search-results-list{flex-direction:column;gap:2px;display:flex}.canvas-search-result{width:100%;min-height:38px;color:var(--text-primary);cursor:pointer;text-align:left;font:inherit;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:6px 7px;display:flex}.canvas-search-result:hover,.canvas-search-result:focus-visible{border-color:var(--border-strong);background:var(--bg-hover);outline:none}.canvas-search-result.selected,.canvas-search-result.multi-selected{background:#4f8bff21;border-color:#4f8bff52}.canvas-search-result-main{flex-direction:column;gap:2px;min-width:0;display:flex}.canvas-search-result-title,.canvas-search-result-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-search-result-title{font-size:11px;font-weight:700}.canvas-search-result-meta{color:var(--text-secondary);font-size:10px}@media (width<=1100px),(height<=760px){.canvas-search{width:clamp(220px,38vw,320px);top:54px}}@media (width<=768px){.canvas-search{top:calc(52px + env(safe-area-inset-top,0px));z-index:120;width:min(320px,100vw - 24px)}.canvas-search.canvas-search--results-open{z-index:11900}.canvas-search .search-input{border-radius:9px;height:34px}.canvas-search-results{max-height:min(280px,100dvh - 110px)}}.toolbar,.mode-indicator,.perf-stats,.legend,.minimap-container,.zoom-controls,.edit-panel,.monitor-panel,.context-menu,.context-menu-submenu,.label-dialog,.history-modal-content,.history-window,.edge-inspector-window,.realtime-debug-panel,.auth-gate-card,.history-window-dock__items,.history-window-dock__item,.canvas-search .search-input,.canvas-search-results{-webkit-backdrop-filter:none}.toolbar,.perf-stats,.legend,.minimap-container,.zoom-controls,.edit-panel,.monitor-panel,.context-menu,.context-menu-submenu,.label-dialog,.history-modal-content,.history-window,.edge-inspector-window,.realtime-debug-panel,.auth-gate-card{border-radius:var(--radius-panel);background:var(--bg-panel-strong);box-shadow:var(--panel-shadow-soft)}.floating-window,.history-window,.edge-inspector-window,.history-modal-content,.monitor-panel{box-shadow:var(--panel-shadow)}.toolbar-btn,.toolbar-mode-btn,.zoom-btn,.mobile-toolbar-btn,.mobile-zoom-btn,.btn,.btn-small,.history-time-btn,.history-view-btn,.mp-tab-btn,.search-input,.search-clear-btn,.context-menu-item,.node-preset-btn,.node-token-btn,.edge-preset-btn,.edge-token-btn,.history-stat,.node-item,.label-dialog input,.label-dialog select,.label-dialog textarea,.history-traffic-controls select,.history-window select{border-radius:var(--radius-control)}.btn-primary,.btn-edit,.toolbar-btn.active,.toolbar-mode-btn.edit-mode,.history-time-btn.active,.history-view-btn.active,.monitor-panel .mp-tab-btn.active,.top-tools-row .toolbar-btn.active,.mobile-toolbar-btn.active,.mobile-toolbar-btn:active{border-color:var(--accent-blue);background:var(--accent-blue);color:#fff;box-shadow:none}.btn-primary:hover,.btn-edit:hover,.toolbar-btn.active:hover,.toolbar-mode-btn.edit-mode:hover,.history-time-btn.active:hover,.history-view-btn.active:hover,.monitor-panel .mp-tab-btn.active:hover,.top-tools-row .toolbar-btn.active:hover{background:var(--accent-blue-strong)}.btn:hover,.toolbar-btn:hover,.toolbar-mode-btn:hover,.zoom-btn:hover{transform:none}.node-item,.search-input,.toolbar-map-picker,.label-dialog input:not([type=color]):not([type=checkbox]),.label-dialog select,.label-dialog textarea,.history-traffic-controls select,.history-window select{border-color:var(--control-border);background:var(--control-bg);box-shadow:none}.node-item:hover,.canvas-search-result:hover,.canvas-search-result:focus-visible{background:var(--control-bg-hover)}.node-item.selected,.canvas-search-result.selected,.canvas-search-result.multi-selected{background:var(--accent-blue-dim);box-shadow:none}.node-item.multi-selected{background:#c084fc1f}.status-dot.online,.status-dot.offline,.status-dot.warning,.status-dot.unknown,.status-dot.ack,.status-dot.label,.legend-color,.mode-dot{box-shadow:none}.legend-color{border-radius:var(--radius-tight)}.mode-indicator,.mode-indicator.has-unsaved-changes .mode-dot,.minimap-container.viewport-outside .minimap-canvas-wrapper:after{border-radius:var(--radius-control);box-shadow:none}.auth-gate,.history-modal{-webkit-backdrop-filter:none}.auth-gate-card{border-color:var(--border);background:var(--bg-panel-strong);color:var(--text-primary)}.auth-gate-eyebrow,.control-label,.legend-title,.minimap-title,.anomaly-tuning-title,.canvas-search-results-count,.canvas-search-empty{letter-spacing:.04em}.history-window-dock__restore,.history-window-dock__close{border-radius:0}.history-window-dock__item{border-radius:var(--radius-control)}.ui-select--toolbar{width:clamp(132px,18vw,190px)}.top-tools-row .toolbar .ui-select--toolbar{flex:0 160px}.top-tools-row .toolbar .ui-select-trigger{min-height:30px}.history-traffic-controls .ui-select-source{width:1px!important;min-width:0!important}.label-dialog .label-dialog-toggle input[type=checkbox]{accent-color:var(--accent-blue)}.ws-log-toggle,.perf-stats .perf-row-monitor{justify-content:center;gap:0;margin-top:6px;display:flex}.perf-stats .perf-row-monitor{margin-left:0;width:100%!important}.ws-log-toggle .btn-small,.perf-stats .perf-row-monitor .btn-small,#monitorPanelToggleBtn{min-width:66px;max-width:none;min-height:22px;padding:0 10px;font-size:10px;line-height:1;display:inline-flex;inline-size:auto!important;flex:none!important;width:auto!important}.perf-stats .perf-row-monitor #monitorPanelToggleBtn{box-sizing:border-box;justify-content:center;inline-size:100%!important;flex:auto!important;width:100%!important}.node-display-head .ui-select-trigger,.edge-display-head .ui-select-trigger,.label-dialog-row .ui-select-trigger{min-height:32px;font-size:11px;line-height:1.2}.history-traffic-controls .ui-select-trigger{height:var(--history-control-height);min-height:var(--history-control-height);font-size:11px;line-height:1.2}.node-display-head .ui-select-trigger__value,.edge-display-head .ui-select-trigger__value,.label-dialog-row .ui-select-trigger__value,.history-traffic-controls .ui-select-trigger__value{font-size:inherit;font-weight:600}.label-dialog-row .ui-select-menu,.history-traffic-controls .ui-select-menu{min-width:100%}.label-dialog-row .ui-select-search,.history-traffic-controls .ui-select-search{box-sizing:border-box;height:28px;font-size:11px;width:100%!important;min-height:28px!important}.label-dialog .ui-select-search,.history-window .ui-select-search,.history-modal .ui-select-search{border-radius:var(--radius-control);background:var(--control-bg);height:28px;box-shadow:none;line-height:1;min-height:28px!important;padding:0 8px!important}.label-dialog-row .ui-select-option,.history-traffic-controls .ui-select-option{min-height:28px;font-size:11px}.edge-display-editor{margin-bottom:8px}.edge-display-preview{margin-bottom:4px}.label-dialog select:not(.ui-select-source),.history-traffic-controls select:not(.ui-select-source),.history-window select:not(.ui-select-source){background-color:var(--control-bg);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px!important}#edgeTrafficHintText{min-width:0;color:var(--text-secondary);font-size:11px;font-weight:600;line-height:1.25}@media (width>=769px) and (width<=1180px){.mode-indicator{z-index:54;padding:5px 8px;font-size:10px;top:94px;left:52px;transform:none}.mode-dot{width:7px;height:7px}}.edit-panel{left:50%;right:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:116;border:1px solid var(--border);background:var(--bg-panel-strong);width:auto;max-width:min(440px,100% - 24px);box-shadow:var(--panel-shadow-soft);pointer-events:auto;border-radius:10px;margin:0;padding:4px;display:none;position:absolute;transform:translate(-50%)}.edit-panel.visible{display:flex}.main-area:has(.history-window-dock:not([hidden])) .edit-panel.visible{bottom:calc(58px + env(safe-area-inset-bottom,0px))}.edit-panel-actions{flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;display:flex}.edit-panel-icon-btn,.edit-panel #saveMapBtn{height:30px;min-height:30px;box-shadow:none;border-radius:7px}.edit-panel-icon-btn{border:1px solid var(--control-border);background:var(--control-bg);width:30px;min-width:30px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.edit-panel-icon-btn:hover:not(:disabled),.edit-panel-icon-btn:focus-visible{border-color:var(--border-strong);background:var(--control-bg-hover);color:var(--text-primary);outline:none}.edit-panel-icon-btn:disabled{cursor:default;opacity:.42}.edit-panel-icon-btn svg{stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.edit-panel .selection-count{min-width:78px;max-width:150px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;padding:0 6px;font-size:10px;font-weight:700;line-height:30px;overflow:hidden}.edit-panel #saveMapBtn{min-width:68px;padding:0 12px;font-size:10px;font-weight:800}@media (width<=768px){.edit-panel{left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(64px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;transform:none}.edit-panel-actions{width:100%}.edit-panel .selection-count{flex:auto;min-width:0;max-width:none}.edit-panel #saveMapBtn{flex:none}}.device-settings-panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel-strong);width:680px;min-width:560px;height:460px;min-height:360px;box-shadow:var(--panel-shadow);color:var(--text-primary);flex-direction:column;display:none;position:absolute;bottom:108px;right:18px;overflow:hidden}.device-settings-panel.visible{display:flex}.dsp-status{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:7px 12px;font-size:12px}.dsp-status[data-kind=error]{color:var(--status-offline)}.dsp-body{flex:1;grid-template-columns:230px minmax(0,1fr);min-height:0;display:grid}.dsp-list-pane{border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.dsp-search{border-bottom:1px solid var(--border);padding:10px}.dsp-device-list{flex:1;min-height:0;padding:4px;overflow:auto}.dsp-device-item{border-radius:var(--radius-control);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.dsp-device-item:hover,.dsp-device-item:focus-visible{border-color:var(--border);background:var(--bg-hover);outline:none}.dsp-device-item.is-selected{border-color:var(--accent-blue);background:#3b82f624}.dsp-device-main{gap:2px;min-width:0;display:grid}.dsp-device-name,.dsp-device-ip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dsp-device-name{font-size:12px;font-weight:700}.dsp-device-ip{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.dsp-device-snmp{color:var(--text-muted);flex:none;font-size:10px;font-weight:700}.dsp-device-snmp.is-ready{color:var(--status-online)}.dsp-device-snmp.is-warning{color:var(--status-warning)}.dsp-form{flex-direction:column;min-width:0;min-height:0;display:flex}.dsp-form-empty,.dsp-empty-state{color:var(--text-muted);padding:18px;font-size:12px}.dsp-form-fields{flex:1;min-height:0;padding:14px;overflow:auto}.dsp-section-title{color:var(--text-secondary);margin:0 0 8px;font-size:12px;font-weight:800}.dsp-section-title+.dsp-grid,.dsp-toggle-row+.dsp-grid{margin-bottom:16px}.dsp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dsp-field{min-width:0;color:var(--text-secondary);gap:5px;font-size:11px;font-weight:700;display:grid}.dsp-field--wide{grid-column:1/-1}.dsp-field-control{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-card);width:100%;min-width:0;height:32px;color:var(--text-primary);font:inherit;padding:6px 8px;font-weight:500}.dsp-field-control:focus,.dsp-field-control:focus-visible{border-color:var(--accent-blue);outline:none}.dsp-field-control.is-invalid{border-color:var(--status-offline)}.dsp-toggle-row{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:700;display:inline-flex}.dsp-toggle-row input{width:16px;height:16px;accent-color:var(--accent-blue)}.dsp-profile,.dsp-warning,.dsp-error{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-card);margin-top:10px;padding:10px;font-size:12px}.dsp-profile-status{color:var(--text-primary);font-weight:700}.dsp-profile-status[data-status=ok]{color:var(--status-online)}.dsp-profile-status[data-status=error],.dsp-error{color:var(--status-offline)}.dsp-profile-meta{color:var(--text-muted);margin-top:4px;font-size:11px}.dsp-warning{color:var(--status-warning);border-color:#f59e0b73}.dsp-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:10px 14px;display:flex}.dsp-resize-handle{cursor:nwse-resize;width:18px;height:18px;position:absolute;bottom:0;right:0}.dsp-resize-handle:before{content:"";border-right:2px solid var(--border-strong);border-bottom:2px solid var(--border-strong);width:8px;height:8px;position:absolute;bottom:5px;right:5px}@media (width<=768px){.device-settings-panel{width:auto;min-width:0;height:auto;min-height:0;inset:64px 10px 72px}.dsp-body{grid-template-columns:1fr}.dsp-list-pane{border-right:0;border-bottom:1px solid var(--border);max-height:150px}.dsp-grid{grid-template-columns:1fr}.dsp-resize-handle{display:none}}.diagnostics-modal{z-index:270;background:#03071294;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.diagnostics-modal.visible{display:flex}.diagnostics-panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel-strong);width:min(760px,100vw - 20px);max-height:min(820px,100vh - 36px);color:var(--text-primary);box-shadow:var(--panel-shadow);flex-direction:column;display:flex;overflow:hidden}.diagnostics-overview{border-bottom:1px solid var(--border);flex:none;padding:10px 12px}.diagnostics-summary{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:15px;line-height:1.3;display:flex}.diagnostics-summary .diagnostics-icon svg{width:18px;height:18px}.diagnostics-summary-name{color:var(--text-primary);font-weight:600}.diagnostics-summary-detail{color:var(--text-secondary);font-size:13px}.diagnostics-generated{min-height:16px;color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px;font-size:11px;line-height:1.4;display:flex}.diagnostics-refreshing{color:var(--text-secondary);align-items:center;gap:5px;display:none}.diagnostics-refreshing--active{display:inline-flex}.diagnostics-refreshing-spinner{border:2px solid var(--border-strong);border-top-color:var(--text-secondary);border-radius:50%;flex:none;width:10px;height:10px;animation:.7s linear infinite diagnostics-spin}@keyframes diagnostics-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.diagnostics-refreshing-spinner{animation-duration:1.6s}}.diagnostics-action-btn{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-card);min-height:28px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.diagnostics-action-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}.diagnostics-action-btn:disabled{cursor:default;opacity:.55}.diagnostics-icon{color:var(--status-unknown);flex:none;justify-content:center;align-items:center;display:inline-flex}.diagnostics-icon--ok{color:var(--status-online)}.diagnostics-icon--warning{color:var(--status-warning)}.diagnostics-icon--error{color:var(--status-offline)}.diagnostics-body{flex-direction:column;gap:14px;padding:12px 14px 14px;display:flex;overflow:auto}.diagnostics-section{min-width:0}.diagnostics-section h3{color:var(--text-secondary);margin:0 0 6px;font-size:12px;font-weight:600}.diagnostics-section--attention h3{color:var(--text-primary)}.diagnostics-list{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-card);overflow:hidden}.diagnostics-section--attention .diagnostics-list{border-color:var(--status-offline)}.diagnostics-row+.diagnostics-row{border-top:1px solid var(--border)}.diagnostics-row-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:16px minmax(150px,.8fr) minmax(0,1.4fr) 12px;grid-template-areas:"icon title summary chevron";align-items:center;gap:10px;padding:8px 10px;display:grid}.diagnostics-row-toggle:hover{background:var(--bg-hover)}.diagnostics-row-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.diagnostics-row-toggle>.diagnostics-icon{grid-area:icon}.diagnostics-row-title{grid-area:title;align-items:baseline;gap:6px;min-width:0;display:flex}.diagnostics-component-name{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.diagnostics-component-tech{color:var(--text-muted);white-space:nowrap;flex:none;font-size:11px}.diagnostics-row-summary{min-width:0;color:var(--text-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;grid-area:summary;font-size:12px;overflow:hidden}.diagnostics-row--error .diagnostics-row-summary,.diagnostics-row--warning .diagnostics-row-summary{color:var(--text-primary)}.diagnostics-chevron{color:var(--text-muted);grid-area:chevron;transition:transform .12s}.diagnostics-row-toggle[aria-expanded=true] .diagnostics-chevron{transform:rotate(90deg)}.diagnostics-row-body{padding:0 10px 12px 36px}.diagnostics-row-body[hidden]{display:none}.diagnostics-problem{border:1px solid var(--border);border-radius:var(--radius-tight);background:var(--bg-panel);color:var(--text-primary);overflow-wrap:anywhere;margin:0 0 8px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.45}.diagnostics-component-hint{color:var(--text-primary);margin:0 0 8px;font-size:12px;line-height:1.45}.diagnostics-component-hint strong{font-weight:600}.diagnostics-component-description{color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.45}.diagnostics-details{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;margin:0;display:grid}.diagnostics-detail{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:4px 0;display:flex}.diagnostics-detail--wide{grid-column:1/-1}.diagnostics-detail dt{color:var(--text-secondary);flex:none;font-size:11px}.diagnostics-detail dd{min-width:0;color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere;margin:0;font-size:12px}.diagnostics-detail--mono dd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.diagnostics-details-empty{color:var(--text-muted);margin:0;font-size:11px}.diagnostics-status-chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.diagnostics-status-chip{border:1px solid var(--border);border-radius:var(--radius-tight);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;padding:1px 6px;font-size:11px;line-height:1.5;display:inline-flex}.diagnostics-status-chip strong{color:var(--text-primary);font-weight:600}.diagnostics-status-chip--online{border-color:var(--status-online)}.diagnostics-status-chip--offline{border-color:var(--status-offline)}.diagnostics-status-chip--warning{border-color:var(--status-warning)}.diagnostics-status-chip--unknown{border-color:var(--status-unknown)}.diagnostics-inventory{color:var(--text-secondary);flex-wrap:wrap;gap:4px 18px;margin:0;font-size:12px;display:flex}.diagnostics-inventory strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.diagnostics-load-error{border:1px solid var(--status-warning);border-radius:var(--radius-panel);background:var(--bg-card);color:var(--text-primary);padding:8px 10px;font-size:12px;line-height:1.45}.diagnostics-empty{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-card);color:var(--text-secondary);align-items:center;gap:8px;padding:18px;font-size:13px;display:flex}.diagnostics-empty--error{border-color:var(--status-offline);flex-direction:column;align-items:flex-start}.diagnostics-empty-title{color:var(--text-primary);margin:0;font-weight:600}.diagnostics-empty-detail{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}[data-theme=light] .diagnostics-modal{background:#0f172a52}@media (width<=760px){.diagnostics-modal{align-items:stretch;padding:10px}.diagnostics-panel{width:100%;max-height:calc(100vh - 20px)}.diagnostics-row-toggle{grid-template-columns:16px minmax(0,1fr) 12px;grid-template-areas:"icon title chevron"".summary.";row-gap:2px}.diagnostics-row-summary{white-space:normal}.diagnostics-row-body{padding-left:10px}.diagnostics-details{grid-template-columns:1fr}}:root{--radius-panel:4px;--radius-control:3px;--radius-tight:2px;--panel-shadow:0 1px 4px #00000047;--panel-shadow-soft:0 1px 3px #0003;--surface-blur:none;--control-height:28px}[data-theme=light]{--panel-shadow:0 1px 4px #0f172a1a;--panel-shadow-soft:0 1px 3px #0f172a14}.toolbar,.mode-indicator,.perf-stats,.legend,.minimap-container,.zoom-controls,.edit-panel,.monitor-panel,.context-menu,.context-menu-submenu,.label-dialog,.history-modal-content,.history-window,.edge-inspector,.edge-inspector-window,.realtime-debug-panel,.realtime-debug-modal,.diagnostics-modal,.diagnostics-panel,.device-settings-panel,.auth-gate-card,.canvas-search-results,.floating-window,.history-window-dock__items,.mp-resize-handle{-webkit-backdrop-filter:none!important}#canvas-container:before,.label-dialog-header,.history-modal-header,.history-window__header,.monitor-panel .mp-header,.floating-window__header,.edge-inspector-window__header,.toolbar-map-picker:focus,.history-window .history-time-btn.active,.history-modal .history-time-btn.active,.history-time-btn.active,.edge-inspector-meter span,.edge-inspector-flow-card--tx .edge-inspector-meter span{background-image:none!important}#canvas-container:before{display:none!important}.status-dot.online,.status-dot.offline,.status-dot.warning,.status-dot.unknown,.status-dot.ack,.status-dot.label,.legend-color,.mode-dot,.mode-indicator.has-unsaved-changes .mode-dot,.toolbar-btn.active,.toolbar-mode-btn.edit-mode,.history-view-btn.active,.mp-tab-btn.active,.minimap-viewport,.history-modal-content,.perf-stats{box-shadow:none!important}.toolbar,.mode-indicator,.perf-stats,.legend,.minimap-container,.zoom-controls,.edit-panel,.monitor-panel,.context-menu,.context-menu-submenu,.label-dialog,.history-modal-content,.history-window,.edge-inspector,.edge-inspector-window,.realtime-debug-panel,.diagnostics-panel,.device-settings-panel,.auth-gate-card,.canvas-search-results,.history-graph-tooltip,.history-custom-range__panel,.history-metric-picker__menu,.diagnostics-list,.diagnostics-empty,.diagnostics-load-error{border-radius:var(--radius-panel)!important}.btn,.btn-small,.toolbar-btn,.toolbar-mode-btn,.zoom-btn,.mobile-toolbar-btn,.mobile-zoom-btn,.search-input,.toolbar-map-picker,.history-time-btn,.history-view-btn,.mp-tab-btn,.context-menu-item,.node-item,.history-stat,.history-metric-picker__trigger,.history-custom-range__btn,.history-custom-range__preset,.diagnostics-action-btn,.diagnostics-status-chip,.dsp-field-control,.label-dialog input,.label-dialog select,.label-dialog textarea,.history-traffic-controls select,.history-window select,.edit-panel-icon-btn{border-radius:var(--radius-control)!important}.legend-color,.history-custom-range .flatpickr-day,.history-custom-range .flatpickr-current-month .flatpickr-monthDropdown-months,.history-custom-range .flatpickr-current-month .numInputWrapper,.history-view-btn,.mp-topology-node,.saturated-item-linkspeed,.saturated-item-badge,.ws-log-type-badge,.minimap-rare-box,.history-metric-option__box{border-radius:var(--radius-tight)!important}.search-input{height:28px;padding:4px 6px 4px 26px;font-size:11px}.node-item{margin-bottom:4px;padding:5px 6px}.mode-indicator{gap:6px;padding:4px 8px;font-size:11px;top:8px}.mode-dot{width:7px;height:7px}.perf-stats{min-width:132px;padding:6px 8px;top:8px;right:8px}.perf-row{gap:8px;margin-bottom:2px;font-size:10px;line-height:1.2}.ws-log-toggle{margin-top:4px}.legend{padding:6px 8px;bottom:8px;left:8px}.legend-title{margin-bottom:3px;font-size:9px}.legend-item{gap:5px;margin-bottom:1px;font-size:10px}.zoom-controls{gap:2px;padding:3px;bottom:8px;right:8px}.zoom-btn{width:26px;height:26px;font-size:14px}.minimap-container{gap:3px;padding:6px;bottom:8px;left:118px}.minimap-canvas-wrapper{border-radius:var(--radius-tight)}.edit-panel{gap:3px;padding:3px;bottom:8px}.monitor-panel{width:min(340px,100vw - 16px);height:min(300px,100vh - 160px);bottom:76px;right:8px}.monitor-panel .mp-header{padding:6px 8px 0!important}.monitor-panel .mp-tab-content{padding:6px 8px 8px}.mp-node-event-item,.mp-sat-item{padding:3px 8px}.context-menu{min-width:148px;padding:3px}.context-menu-item{padding:5px 8px;font-size:11px}.context-menu-divider{margin:3px 2px}.edge-inspector{width:min(300px,100vw - 16px);padding:8px;top:76px;right:8px}.edge-inspector-window__body{padding:8px}.edge-inspector-shell{gap:6px}.history-modal-content{width:min(1100px,100vw - 20px);max-width:min(1100px,100vw - 20px);height:min(88vh,860px);max-height:min(88vh,860px)}.history-modal-header{margin-bottom:0;padding:8px 10px 6px!important}#historyNodeLabel{font-size:14px}#historyNodeIp{font-size:11px}.history-current-status{gap:4px;padding:4px 10px}.history-window__controls,.history-modal-controls{gap:4px;padding:6px 10px!important}.history-modal-graph,.history-window__graph{flex:auto;min-height:0;margin:0 8px;padding:2px 0 0}.history-modal-graph{min-height:340px}#historyGraphDiv,.history-window__graph-canvas{height:100%;min-height:340px}.history-modal-footer{padding:6px 10px!important}.history-stats{gap:6px}.history-stat{gap:4px;padding:3px 6px}.history-stat-label{font-size:10px}.history-stat-value{font-size:11px}.history-status-log{border-radius:var(--radius-control);min-height:240px}.history-window{min-width:min(460px,100vw - 20px);min-height:380px}.history-window__graph{min-height:160px}.history-window .history-window__graph-canvas{min-height:0}.realtime-debug-panel{width:min(860px,100vw - 20px)}.realtime-debug-json{padding:8px 12px}.device-settings-panel{bottom:76px;right:8px}.dsp-form-fields{padding:8px 10px}.ui-select--toolbar{width:auto;min-width:0}.map-picker-dialog{z-index:12000;background:#03071294;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.map-picker-dialog[hidden]{display:none!important}.map-picker-panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel-strong);width:min(380px,100vw - 36px);max-height:min(480px,100dvh - 72px);color:var(--text-primary);box-shadow:var(--panel-shadow);flex-direction:column;display:flex;overflow:hidden}.map-picker-search-row{padding:8px 12px 4px}.map-picker-search{box-sizing:border-box;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--control-bg);width:100%;height:34px;color:var(--text-primary);outline:none;padding:0 10px;font-size:13px;min-height:34px!important}.map-picker-search:focus-visible{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--control-focus)}.map-picker-list{flex-direction:column;gap:4px;min-height:0;padding:8px 12px 12px;display:flex;overflow-y:auto}.map-picker-option{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--control-bg);width:100%;min-height:44px;color:var(--text-primary);cursor:pointer;text-align:left;flex:none;align-items:center;gap:10px;padding:8px 10px;display:flex}.map-picker-option:hover,.map-picker-option:focus-visible{border-color:var(--border-strong);background:var(--control-bg-hover);outline:none}.map-picker-option.is-selected{border-color:var(--accent-blue);background:var(--accent-blue-dim)}.map-picker-option__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden}.map-picker-option__text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.map-picker-option__description{-webkit-line-clamp:2;color:var(--text-secondary);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.map-picker-option__check{width:18px;color:var(--accent-blue);text-align:right;flex:none;font-size:14px;font-weight:800}.map-picker-empty{color:var(--text-muted);padding:12px;font-size:12px}.map-picker-empty[hidden]{display:none!important}[data-theme=light] .map-picker-dialog{background:#0f172a52}@media (width<=768px){.map-picker-dialog{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));align-items:flex-end}.map-picker-panel{width:100%;max-height:min(70dvh,520px)}.map-picker-option{min-height:48px}.mobile-toolbar{padding-left:calc(8px + env(safe-area-inset-left,0px));padding-right:calc(8px + env(safe-area-inset-right,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));scrollbar-width:none;justify-content:flex-start;gap:6px;overflow-x:auto}.mobile-toolbar::-webkit-scrollbar{display:none}.mobile-toolbar-btn{box-sizing:border-box;flex:none;width:48px;min-width:48px;height:48px}.mobile-toolbar-btn:disabled{cursor:default;opacity:.38}}[data-color-profile=classic]{--status-online:#22c55e;--status-online-dim:#22c55e29;--status-offline:#ef4444;--status-warning:#f59e0b;--status-unknown:#6b7280;--status-ack:#7dd3fc}[data-color-profile=classic][data-theme=light]{--status-online:#6af19b;--status-online-dim:#6af19b33;--status-offline:#fe6262;--status-warning:#fecc2a;--status-unknown:#94a3b8;--status-ack:#a5e3fd}.style-profiles-dialog{z-index:12000;background:#0307126b;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.style-profiles-dialog[hidden]{display:none!important}.style-profiles-panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel-strong);width:min(430px,100vw - 36px);max-height:min(520px,100dvh - 72px);color:var(--text-primary);box-shadow:var(--panel-shadow);flex-direction:column;display:flex;overflow:hidden}.style-profiles-list{flex-direction:column;gap:6px;min-height:0;padding:10px 12px 12px;display:flex;overflow-y:auto}.style-profile-option{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--control-bg);width:100%;min-height:52px;color:var(--text-primary);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:8px 10px;display:flex}.style-profile-option:hover,.style-profile-option:focus-visible{border-color:var(--border-strong);background:var(--control-bg-hover);outline:none}.style-profile-option.is-selected{border-color:var(--accent-blue);background:var(--accent-blue-dim)}.style-profile-option__preview{flex:none;gap:3px;display:flex}.style-profile-chip{border:1.5px solid #0000;border-radius:4px;width:28px;height:20px;display:block;position:relative}.style-profile-chip__label{border-radius:2px;height:3px;display:block;position:absolute;top:7px;left:4px;right:4px}.style-profile-option__body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.style-profile-option__name{font-size:13px;font-weight:600;line-height:1.25}.style-profile-option__desc{color:var(--text-secondary);font-size:11px;line-height:1.3}.style-profile-option__check{width:18px;color:var(--accent-blue);text-align:right;flex:none;font-size:14px;font-weight:800}.style-profiles-note{border-top:1px solid var(--border);color:var(--text-muted);padding:8px 12px 10px;font-size:11px;line-height:1.3}[data-theme=light] .style-profiles-dialog{background:#0f172a3d}@media (width<=768px){.style-profiles-dialog{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));align-items:flex-end}.style-profiles-panel{width:100%;max-height:min(70dvh,520px)}.style-profile-option{min-height:56px}}.map-load-status{z-index:5;text-align:center;background:color-mix(in srgb, var(--canvas-bg,#0b1220) 82%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.map-load-status[hidden]{pointer-events:none;display:none}.map-load-status__spinner{border:3px solid var(--border);border-top-color:var(--accent-blue,#4f8bff);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite map-load-spin}.map-load-status.is-error .map-load-status__spinner{display:none}.map-load-status__message{max-width:420px;color:var(--text-primary);margin:0;font-size:13px;line-height:1.45}.map-load-status.is-error .map-load-status__message{color:var(--status-warning)}.map-load-status__retry[hidden]{display:none}@keyframes map-load-spin{to{transform:rotate(360deg)}}.connection-banner{z-index:60;border:1px solid var(--border);background:var(--bg-panel);max-width:min(520px,100vw - 32px);color:var(--text-primary);border-radius:999px;align-items:center;gap:10px;padding:7px 10px 7px 12px;font-size:11px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.connection-banner[hidden]{pointer-events:none;display:none}.connection-banner__dot{background:var(--status-warning);border-radius:50%;flex:none;width:8px;height:8px}.connection-banner.is-connecting .connection-banner__dot{animation:1.2s ease-in-out infinite connection-banner-pulse}.connection-banner.is-error .connection-banner__dot{background:var(--status-offline)}.connection-banner__message{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.connection-banner__retry{flex:none}@keyframes connection-banner-pulse{0%,to{opacity:1}50%{opacity:.35}}.perf-row.ws-stale .perf-value,.ws-status-connecting,.ws-status-reconnecting{color:var(--status-warning)}@media (width<=768px){.connection-banner{top:auto;bottom:calc(72px + env(safe-area-inset-bottom,0px));font-size:10px}}.zoom-controls{flex-direction:row;align-items:center;gap:1px;padding:2px;bottom:6px;right:6px}.zoom-btn{width:22px;height:22px;font-size:14px;line-height:1}#zoomOutBtn:before{content:"−";font-size:14px}.zoom-controls.is-open{z-index:130}.zoom-preset-btn{border-radius:var(--radius-control);width:auto;min-width:36px;height:22px;color:var(--text-secondary);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:600;display:flex}.zoom-preset-btn:hover,.zoom-preset-btn[aria-expanded=true]{border-color:var(--border);background:var(--bg-hover);color:var(--text-primary)}.zoom-preset-btn:focus-visible{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--control-focus);outline:none}.zoom-menu{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel);min-width:68px;box-shadow:var(--panel-shadow-soft);flex-direction:column;padding:3px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0}.zoom-menu[hidden]{display:none}.zoom-menu-item{border-radius:var(--radius-control);color:var(--text-secondary);font:inherit;font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:11px}.zoom-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.zoom-menu-item.is-active{color:var(--accent-blue);font-weight:600}.zoom-menu-item:focus-visible{box-shadow:0 0 0 1px var(--control-focus);outline:none}.search-kbd,.toolbar-mode-lock{display:none}@media (width>=769px){.top-tools-row{--toolbar-heat:#f97316;z-index:56;pointer-events:none;align-items:flex-start;display:flex;position:absolute;top:8px;left:8px;right:164px;container:top-tools/inline-size}[data-theme=light] .top-tools-row{--toolbar-heat:#ea580c}.top-tools-row.top-tools-row--search-open{z-index:11900}.top-tools-bar{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel-strong);min-width:0;max-width:100%;box-shadow:var(--panel-shadow-soft);pointer-events:auto;align-items:center;gap:6px;padding:3px;display:flex;position:relative}.top-tools-row .toolbar{min-width:0;box-shadow:none;background:0 0;border:0;flex:0 auto;align-items:center;gap:0;margin:0;padding:0;display:flex;position:static;transform:none}.top-tools-row .toolbar-group{flex:none;align-items:center;gap:2px;min-width:0;display:flex}.top-tools-row .toolbar-group+.toolbar-group:before{content:"";background:var(--border);flex:0 0 1px;height:18px;margin:0 4px 0 6px}.top-tools-row .toolbar-group--map{flex-shrink:1}.top-tools-row .toolbar-btn{width:30px;min-width:30px;height:30px;min-height:30px;color:var(--text-secondary);box-shadow:none;cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.top-tools-row .toolbar-btn svg{flex:none;width:16px;height:16px}.top-tools-row .toolbar-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:#0000}.top-tools-row .toolbar-btn.active,.top-tools-row .toolbar-btn.active:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent-blue) 45%, transparent);background:color-mix(in srgb, var(--accent-blue) 18%, transparent);color:var(--accent-blue)}.top-tools-row .toolbar-btn--heatmap.active,.top-tools-row .toolbar-btn--heatmap.active:hover:not(:disabled){border-color:color-mix(in srgb, var(--toolbar-heat) 50%, transparent);background:color-mix(in srgb, var(--toolbar-heat) 16%, transparent);color:var(--toolbar-heat)}.top-tools-row .toolbar-btn:disabled{opacity:.38;cursor:default}.top-tools-row .toolbar-btn:focus-visible,.top-tools-row .toolbar-mode-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px;box-shadow:none}.top-tools-row .toolbar-mode-btn,.top-tools-row .toolbar-mode-btn:hover{border:1px solid var(--control-border);background:var(--control-bg);width:auto;min-width:0;height:30px;min-height:30px;color:var(--text-muted);white-space:nowrap;opacity:1;cursor:pointer;flex:none;align-items:stretch;gap:2px;padding:2px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.top-tools-row .toolbar-mode-seg{border-radius:var(--radius-tight);justify-content:center;align-items:center;gap:5px;min-width:42px;padding:0 8px;transition:background .14s,color .14s,box-shadow .14s;display:inline-flex;position:relative}.top-tools-row .toolbar-mode-icon,.top-tools-row .toolbar-mode-lock{stroke-linecap:round;stroke-linejoin:round;flex:none;width:13px;height:13px}.top-tools-row .toolbar-mode-btn:hover:not(:disabled) .toolbar-mode-seg{color:var(--text-secondary)}.top-tools-row .toolbar-mode-btn:not(.edit-mode) .toolbar-mode-seg--view,.top-tools-row .toolbar-mode-btn:not(.edit-mode):hover .toolbar-mode-seg--view{background:var(--bg-hover);box-shadow:inset 0 0 0 1px var(--border);color:var(--text-primary)}.top-tools-row .toolbar-mode-btn.edit-mode .toolbar-mode-seg--edit,.top-tools-row .toolbar-mode-btn.edit-mode:hover .toolbar-mode-seg--edit{background:color-mix(in srgb, var(--edit-color) 20%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--edit-color) 55%, transparent);color:var(--edit-color)}.top-tools-row .toolbar-mode-btn.has-unsaved-changes .toolbar-mode-seg--edit:after{content:"";background:var(--status-warning);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.top-tools-row .toolbar-mode-btn:disabled{cursor:not-allowed}.top-tools-row .toolbar-mode-btn:disabled .toolbar-mode-seg--edit{opacity:.55}.top-tools-row .toolbar-mode-btn:disabled .toolbar-mode-icon{display:none}.top-tools-row .toolbar-mode-btn:disabled .toolbar-mode-lock{display:block}.top-tools-row .toolbar-map-btn{border-color:var(--control-border);background:var(--control-bg);width:auto;min-width:0;max-width:100%;color:var(--text-primary);white-space:nowrap;flex:0 auto;justify-content:flex-start;gap:6px;padding:0 6px 0 7px;font-size:12px;font-weight:600}.top-tools-row .toolbar-map-btn:hover:not(:disabled),.top-tools-row .toolbar-map-btn[aria-expanded=true]{border-color:var(--border-strong);background:var(--control-bg-hover);color:var(--text-primary)}.top-tools-row .toolbar-map-btn svg{width:15px;height:15px;color:var(--text-secondary)}.top-tools-row .toolbar-map-btn .toolbar-map-chevron{width:12px;height:12px;color:var(--text-muted)}.top-tools-row .toolbar-map-name{text-overflow:ellipsis;min-width:0;max-width:180px;overflow:hidden}.top-tools-row #mapPicker{display:none}.top-tools-row .canvas-search{flex:none;width:260px;position:relative;top:auto;left:auto;transform:none}.top-tools-row .canvas-search .search-input{border-color:var(--control-border);background:var(--control-bg);height:30px;min-height:30px;box-shadow:none;padding:0 30px 0 28px;font-size:12px}.top-tools-row .canvas-search .search-input:focus{border-color:color-mix(in srgb, var(--accent-blue) 60%, transparent);box-shadow:0 0 0 1px var(--control-focus)}.top-tools-row .canvas-search .search-icon{pointer-events:none;width:14px;height:14px;display:flex;left:9px}.top-tools-row .canvas-search .search-icon svg{width:14px;height:14px}.top-tools-row .canvas-search .search-clear-btn{width:22px;height:22px;right:3px}.top-tools-row .canvas-search-results{background:var(--bg-panel-strong);width:max(100%,320px);top:calc(100% + 8px);left:auto;right:0}.top-tools-row .search-kbd{border:1px solid var(--control-border);border-radius:var(--radius-tight);min-width:16px;height:16px;color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;padding:0 4px;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.mode-indicator{display:none}.connection-banner{top:54px}@container top-tools (width<=800px){.top-tools-row .canvas-search{width:200px}.top-tools-row .toolbar-map-name{max-width:130px}}@container top-tools (width<=720px){.top-tools-row .canvas-search{width:30px;height:30px}.top-tools-row .canvas-search-box{border-radius:var(--radius-control);background:var(--bg-panel-strong);width:30px;position:absolute;top:0;right:0}.top-tools-row .canvas-search .search-input{color:#0000;cursor:pointer;padding:0}.top-tools-row .canvas-search .search-input::placeholder{color:#0000}.top-tools-row .canvas-search .search-icon{left:8px}.top-tools-row .canvas-search .search-kbd{display:none}.top-tools-row .canvas-search:focus-within .canvas-search-box,.top-tools-row .canvas-search--results-open .canvas-search-box{width:280px}.top-tools-row .canvas-search:focus-within .search-input,.top-tools-row .canvas-search--results-open .search-input{color:var(--text-primary);cursor:text;padding:0 30px 0 28px}.top-tools-row .canvas-search:focus-within .search-input::placeholder,.top-tools-row .canvas-search--results-open .search-input::placeholder{color:var(--text-muted)}.top-tools-row .canvas-search:focus-within .search-icon,.top-tools-row .canvas-search--results-open .search-icon{left:9px}.top-tools-row .canvas-search-results{width:280px}}@container top-tools (width<=540px){.top-tools-row .toolbar-map-name{display:none}}@container top-tools (width<=470px){.top-tools-row .toolbar-mode-seg--view,.top-tools-row .toolbar-mode-text{display:none}.top-tools-row .toolbar-mode-seg{min-width:24px;padding:0 5px}}@container top-tools (width<=400px){.top-tools-row .toolbar{flex-wrap:wrap;gap:3px 8px}.top-tools-row .toolbar-group+.toolbar-group:before{display:none}.top-tools-row .canvas-search{align-self:flex-start}}}@media (width>=769px) and (hover:hover) and (pointer:fine){.top-tools-row .search-kbd{display:inline-flex}.top-tools-row .search-input:focus~.search-kbd,.top-tools-row .search-input:not(:placeholder-shown)~.search-kbd{display:none}}:root{--sidebar-width:248px}#sidebar{--sb-active-bg:color-mix(in srgb, var(--accent-blue) 18%, transparent);--sb-active-border:color-mix(in srgb, var(--accent-blue) 45%, transparent);--sb-multi-bg:color-mix(in srgb, var(--edit-color) 14%, transparent);--sb-multi-border:color-mix(in srgb, var(--edit-color) 40%, transparent);--sb-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;z-index:100;flex:0 0 var(--sidebar-width);width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--bg-panel-strong);min-width:0;box-shadow:none;color:var(--text-primary);letter-spacing:0;flex-direction:column;font:400 12px/16px Inter,sans-serif;display:flex;position:relative;overflow:hidden}#sidebar button{font:inherit;letter-spacing:0;text-transform:none}#sidebar button:focus-visible,#sidebarToggle:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px;box-shadow:none}#sidebar .sb-header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;height:46px;padding:0 44px 0 16px;display:flex}#sidebar .sb-brand{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex}#sidebar .sb-brand-mark{width:16px;height:16px;color:var(--text-secondary);flex:none}#sidebar .sb-brand-text{flex-direction:column;min-width:0;display:flex}#sidebar .sb-brand-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font:600 14px/18px Outfit,Inter,sans-serif;overflow:hidden}#sidebar .sb-brand-tag{color:var(--text-muted);margin-left:2px;font:500 11px/18px Inter,sans-serif}#sidebar .sb-total{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:14px;overflow:hidden}#sidebar .sb-status{flex-direction:column;flex:none;padding:6px 8px 4px;display:flex}#sidebar .sb-status-btn{border-radius:var(--radius-control);width:100%;min-width:0;height:24px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;margin:0;padding:0 7px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s;display:flex}#sidebar .sb-status-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}#sidebar .sb-status-count{color:var(--text-primary);font-variant-numeric:tabular-nums;flex:none;font-weight:600}#sidebar .sb-status-btn[data-triage-status=online] .sb-status-count,#sidebar .sb-status-btn[data-triage-status=ack] .sb-status-count{color:var(--text-secondary);font-weight:500}#sidebar .sb-status-btn[data-empty] .sb-status-count{color:var(--text-muted);font-weight:500}#sidebar .sb-dot{background:0 0;border-radius:50%;flex:none;width:8px;height:8px}#sidebar .sb-dot--offline{background:var(--status-offline)}#sidebar .sb-dot--warning{background:var(--status-warning)}#sidebar .sb-dot--unknown{background:var(--status-unknown)}#sidebar .sb-dot--online{background:var(--status-online)}#sidebar .sb-dot--ack{background:var(--status-ack)}#sidebar .sb-dot--label{border:1.5px solid var(--text-muted);border-radius:var(--radius-tight)}#sidebar .sb-filters{flex-direction:column;flex:none;gap:6px;padding:4px 8px 8px;display:flex}#sidebar .sb-search{position:relative}#sidebar .sb-search-icon{width:14px;height:14px;color:var(--text-muted);pointer-events:none;position:absolute;top:7px;left:8px}#sidebar .sb-search-input{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--control-bg);width:100%;height:28px;min-height:28px;box-shadow:none;color:var(--text-primary);letter-spacing:0;outline:none;margin:0;padding:0 30px 0 29px;font:400 12px/26px Inter,sans-serif;transition:border-color .12s,box-shadow .12s;display:block}#sidebar .sb-search-input::placeholder{color:var(--text-muted);opacity:1}#sidebar .sb-search-input:focus,#sidebar .sb-search-input:focus-visible{border-color:color-mix(in srgb, var(--accent-blue) 60%, transparent);box-shadow:0 0 0 1px var(--control-focus);outline:none}#sidebar .sb-search-clear{border-radius:var(--radius-control);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .12s,color .12s;display:inline-flex;position:absolute;top:2px;right:2px}#sidebar .sb-search-clear:focus-visible{outline-offset:-2px}#sidebar .sb-search-clear svg{width:14px;height:14px}#sidebar .sb-options{align-items:center;gap:8px;min-width:0;display:flex}#sidebar .sb-chip{border:1px solid var(--control-border);border-radius:var(--radius-control);height:26px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:6px;margin:0;padding:0 7px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}#sidebar .sb-chip-count{color:var(--text-muted);font-variant-numeric:tabular-nums}#sidebar .sb-chip-count:empty{display:none}#sidebar .sb-check{border-radius:var(--radius-control);height:26px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin:0 0 0 auto;padding:0 4px;font-weight:500;transition:color .12s;display:inline-flex}#sidebar .sb-check-box{border:1px solid var(--border-strong);border-radius:var(--radius-tight);background:var(--control-bg);color:#0000;flex:none;justify-content:center;align-items:center;width:14px;height:14px;transition:background-color .12s,border-color .12s;display:inline-flex}#sidebar .sb-check-box svg{width:12px;height:12px}#sidebar .sb-list-head{border-top:1px solid var(--border);flex:none;align-items:center;gap:6px;height:32px;padding:0 8px 0 16px;display:flex}#sidebar .sb-list-title{color:var(--text-primary);font-weight:600}#sidebar .sb-list-count{min-width:0;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#sidebar .sb-clear{border-radius:var(--radius-control);height:24px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;margin:0 0 0 auto;padding:0 6px;font-weight:500;transition:background-color .12s,color .12s}#sidebar .sb-clear:disabled{visibility:hidden}#sidebar .sb-list{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:1px;min-height:0;padding:0 8px 8px;display:flex;overflow-y:auto}#nodeList .sb-row{border-radius:var(--radius-control);width:100%;min-height:0;box-shadow:none;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;flex:none;grid-template-columns:8px minmax(0,1fr) auto;align-items:start;column-gap:8px;margin:0;padding:4px 7px;transition:background-color .12s,border-color .12s;display:grid}#nodeList .sb-row .sb-dot{margin-top:4px}#nodeList .sb-row-main{flex-direction:column;min-width:0;display:flex}#nodeList .sb-row-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}#nodeList .sb-row[data-status=online] .sb-row-name,#nodeList .sb-row[data-status=ack] .sb-row-name{color:var(--text-secondary)}#nodeList .sb-row-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:11px;line-height:14px;overflow:hidden}#nodeList .node-ip{color:var(--text-secondary);font-family:var(--sb-mono);margin:0;padding:0;font-size:11px}#nodeList .node-radio-row{color:var(--text-secondary);white-space:pre-line;overflow-wrap:anywhere;margin:2px 0 0;padding:0;font-size:11px;line-height:14px}#nodeList .sb-row-age{min-width:4ch;color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:11px;line-height:16px}#nodeList .sb-row-age:empty{min-width:0}#nodeList .sb-row-age.is-fresh{color:var(--text-primary);font-weight:600}#nodeList .sb-more{border:1px solid var(--control-border);border-radius:var(--radius-control);height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;flex:none;margin:6px 0 0;padding:0 8px;font-weight:500;transition:background-color .12s,color .12s}#nodeList .sb-more-rest{color:var(--text-muted);font-weight:400}#nodeList .sb-empty{color:var(--text-muted);text-align:center;padding:16px 8px}#sidebar .sb-footer{border-top:1px solid var(--border);flex:none;align-items:center;gap:4px;min-height:44px;padding:6px 8px 6px 16px;display:flex}#sidebar .sb-user{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}#sidebar .sb-avatar{border:1px solid var(--border);background:var(--control-bg);width:24px;height:24px;color:var(--text-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;line-height:1;display:inline-flex}#sidebar .sb-user-text{flex-direction:column;min-width:0;display:flex}#sidebar .sb-user-name,#sidebar .sb-user-email{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#sidebar .sb-user-name{color:var(--text-primary);font-weight:500}#sidebar .sb-user-email{color:var(--text-muted);font-size:11px;line-height:14px}#sidebar .sb-icon-btn{border-radius:var(--radius-control);width:28px;min-width:28px;height:28px;min-height:28px;box-shadow:none;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .12s,color .12s;display:inline-flex}#sidebar .sb-icon-btn:disabled{opacity:.5;cursor:default}#sidebar .sb-icon-btn svg{width:16px;height:16px}#sidebar #themeToggleBtn{margin-left:auto}#sidebar #themeToggleBtn #themeIcon{justify-content:center;align-items:center;width:16px;height:16px;line-height:0;display:inline-flex}#sidebar #themeToggleBtn #themeIcon svg{width:16px;height:16px;display:block}#sidebar #themeIcon svg[data-icon=sun]{fill:none;stroke:currentColor}#sidebar #themeIcon svg[data-icon=moon] path{fill:currentColor}#sidebarToggle.sb-toggle{top:7px;left:calc(var(--sidebar-width) - 40px);z-index:150;border-radius:var(--radius-control);width:32px;height:32px;box-shadow:none;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .12s,color .12s;display:inline-flex;position:fixed}#sidebarToggle.sb-toggle svg{width:16px;height:16px}#mobileOverlay.sb-overlay{z-index:90;background:#02061785;display:none;position:fixed;inset:0}[data-theme=light] #mobileOverlay.sb-overlay{background:#0f172a52}@media (hover:hover){#sidebar .sb-status-btn:hover,#sidebar .sb-chip:hover,#sidebar .sb-clear:hover,#sidebar .sb-search-clear:hover,#sidebar .sb-icon-btn:hover:not(:disabled),#nodeList .sb-more:hover,#sidebarToggle.sb-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}#sidebarToggle.sb-toggle.collapsed:hover{background:linear-gradient(var(--bg-hover), var(--bg-hover)), var(--bg-panel-strong)}#sidebar .sb-check:hover{color:var(--text-primary)}#sidebar .sb-status-btn[data-empty]:hover .sb-status-count,#sidebar .sb-chip:hover .sb-chip-count,#nodeList .sb-more:hover .sb-more-rest{color:var(--text-secondary)}#sidebar .sb-search-input:hover:not(:focus){border-color:var(--border-strong)}#nodeList .sb-row:hover{background:var(--bg-hover)}}#sidebar .sb-status-btn[aria-pressed=true],#sidebar .sb-chip[aria-pressed=true]{border-color:var(--sb-active-border);background:var(--sb-active-bg);color:var(--text-primary)}#sidebar .sb-status-btn[data-empty][aria-pressed=true] .sb-status-count,#sidebar .sb-chip[aria-pressed=true] .sb-chip-count{color:var(--text-secondary)}#sidebar .sb-check[aria-pressed=true] .sb-check-box{border-color:var(--accent-blue);background:var(--accent-blue);color:var(--bg-panel-strong)}#nodeList .sb-row.selected{border-color:var(--sb-active-border);background:var(--sb-active-bg)}#nodeList .sb-row.selected .sb-row-name{color:var(--text-primary)}#nodeList .sb-row.multi-selected{border-color:var(--sb-multi-border);background:var(--sb-multi-bg)}#sidebar:has(.sb-search-input:focus:not(:placeholder-shown)) #nodeList>.sb-row:first-child:not(.selected):not(.multi-selected){border-color:var(--border-strong)}#nodeList .sb-row:focus-visible,#nodeList .sb-more:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}@media (width>=769px){#sidebar.collapsed{display:none}#sidebarToggle.sb-toggle.collapsed{border-color:var(--border);border-radius:var(--radius-panel);background:var(--bg-panel-strong);width:38px;height:38px;box-shadow:var(--panel-shadow-soft);top:8px;left:8px}#sidebar.collapsed~.main-area .top-tools-row{left:54px}}@media (width>=769px) and (width<=820px){#sidebar:not(.collapsed)~.main-area .connection-banner{top:87px}}@media (width<=768px){#sidebar{width:min(var(--sidebar-width), 88vw);padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);box-shadow:var(--panel-shadow);display:none;position:fixed;top:0;bottom:0;left:0}#sidebar.mobile-open{display:flex}#sidebar .sb-footer{margin-bottom:var(--mobile-toolbar-offset,72px)}#sidebarToggle.sb-toggle{top:calc(10px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));border-color:var(--border);background:var(--bg-panel-strong);width:36px;height:36px;box-shadow:var(--panel-shadow-soft)}#sidebarToggle.sb-toggle.sidebar-visible{top:calc(5px + env(safe-area-inset-top,0px));left:calc(min(var(--sidebar-width), 88vw) - 40px);box-shadow:none;background:0 0;border-color:#0000}#mobileOverlay.sb-overlay.visible{display:block}#sidebar.mobile-open~.main-area .canvas-search{display:none}#sidebar.mobile-open~.main-area .mobile-zoom-controls{visibility:hidden}}@media (width<=480px){#sidebar{width:100%}#sidebarToggle.sb-toggle.sidebar-visible{left:calc(100% - 40px - env(safe-area-inset-right,0px))}}@media (pointer:coarse){#sidebar .sb-status-btn{height:36px}#sidebar .sb-search-input{height:36px;min-height:36px;font-size:16px;line-height:34px}#sidebar .sb-search-icon{top:11px}#sidebar .sb-search-clear{width:28px;height:28px;top:4px;right:4px}#sidebar .sb-chip,#sidebar .sb-check,#sidebar .sb-clear{height:32px}#sidebar .sb-icon-btn{width:36px;min-width:36px;height:36px;min-height:36px}#nodeList .sb-row{padding:8px 7px}#nodeList .sb-more{height:40px}}@media (height<=640px){#sidebar{scroll-padding-top:46px;overflow-y:auto}#sidebar .sb-list{flex:1 0 160px}#sidebar .sb-header{z-index:1;background:var(--bg-panel-strong);position:sticky;top:0}}#sidebar [hidden]{display:none}.context-menu.context-menu--sheet{z-index:9000;overscroll-behavior:contain;width:auto;min-width:0;max-height:min(70dvh,560px);padding:0 8px calc(8px + env(safe-area-inset-bottom,0px));border-width:1px 0 0;position:fixed;bottom:0;right:0;overflow-y:auto;transform:none;box-shadow:0 -12px 32px #00000059;border-radius:14px 14px 0 0!important;top:auto!important;left:0!important}.context-menu-sheet__header{z-index:1;border-bottom:1px solid var(--border);background:var(--bg-panel-strong);align-items:center;gap:8px;margin:0 -8px 4px;padding:10px 8px 8px 16px;display:flex;position:sticky;top:0}.context-menu-sheet__titles{flex:1;min-width:0}.context-menu-sheet__title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.context-menu-sheet__subtitle{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.context-menu--sheet .context-menu-item{min-height:48px;padding:12px 16px;font-size:15px}.context-menu--sheet .context-menu-item.has-submenu{min-height:0;color:var(--text-muted);text-transform:uppercase;cursor:default;padding:10px 16px 2px;font-size:12px;font-weight:600;display:block}.context-menu--sheet .context-menu-item.has-submenu:after{display:none}.context-menu--sheet .context-menu-item.has-submenu:hover,.context-menu--sheet .context-menu-item.has-submenu:active{background:0 0}.context-menu--sheet .context-menu-submenu{min-width:0;box-shadow:none;color:var(--text-primary);text-transform:none;background:0 0;border:0;margin:4px -16px 0;padding:0;font-weight:400;display:block;position:static}.label-dialog,.map-picker-panel,.style-profiles-panel,.diagnostics-panel,.realtime-debug-panel,.fb-panel,.device-settings-panel,.floating-window,.monitor-panel,.edge-inspector{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel-strong);box-shadow:var(--panel-shadow);color:var(--text-primary)}.dialog-kept-open{animation:.7s ease-out dialog-kept-open}@keyframes dialog-kept-open{0%,35%{outline:2px solid var(--accent-blue);outline-offset:0}to{outline-offset:6px;outline:2px solid #0000}}.floating-window__header{border-bottom:1px solid var(--border);background:0 0;flex:none;align-items:center;gap:8px;margin:0;padding:6px 6px 6px 12px;display:flex}@media (width>=769px){.floating-window__header{cursor:move}}.floating-window__title-group{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.floating-window__header .floating-window__title{color:var(--text-primary);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Outfit,Inter,sans-serif;font-size:14px;font-weight:600;line-height:18px;display:block;overflow:hidden}.floating-window__header .floating-window__subtitle{min-width:0;color:var(--text-secondary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-family:Inter,sans-serif;font-size:11px;font-weight:400;line-height:15px;display:block}.floating-window__actions{flex:none;align-items:center;gap:4px;margin-left:auto;display:flex}.floating-window__action{border-radius:var(--radius-control);width:28px;min-width:28px;height:28px;min-height:28px;box-shadow:none;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:0;line-height:0;transition:background-color .12s,color .12s;display:inline-flex}.floating-window__action:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.floating-window__action:disabled{cursor:default;opacity:.45}.floating-window__action:focus-visible,.floating-window__button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px;box-shadow:none}.floating-window__action svg{stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.floating-window__action--close,.floating-window__action--minimize,.floating-window__action--popout{justify-content:center;align-items:center;display:inline-flex}.floating-window__action--close{--window-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}.floating-window__action--minimize{--window-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}.floating-window__action--popout{--window-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M10 14 21 3M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E")}.floating-window__action--close:before,.floating-window__action--minimize:before,.floating-window__action--popout:before{content:"";width:var(--window-icon-size,16px);height:var(--window-icon-size,16px);-webkit-mask:var(--window-icon) center / contain no-repeat;-webkit-mask:var(--window-icon) center / contain no-repeat;mask:var(--window-icon) center / contain no-repeat;background-color:currentColor;flex:none}@media (forced-colors:active){.floating-window__action--close:before,.floating-window__action--minimize:before,.floating-window__action--popout:before{forced-color-adjust:none;background-color:buttontext}}@media (pointer:coarse){.floating-window__action{width:36px;min-width:36px;height:36px;min-height:36px}}.floating-window__button{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-card);min-height:28px;color:var(--text-primary);white-space:nowrap;cursor:pointer;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.floating-window__button:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}.floating-window__button:disabled{cursor:default;opacity:.55}.floating-window__action[hidden],.floating-window__button[hidden]{display:none}.floating-window__footer,.label-dialog>.btn-group,.dsp-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:10px 12px;display:flex}.label-dialog{padding:0 12px}.label-dialog>.floating-window__header{margin:0 -12px 12px}.label-dialog>.btn-group{margin:12px -12px 0}.edge-inspector>.floating-window__header{margin:-8px -8px 8px}.history-window-dock__close{--window-icon-size:12px}.monitor-panel .mp-tabs{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.monitor-panel .mp-tabs::-webkit-scrollbar{display:none}.monitor-panel .mp-tab-btn{white-space:nowrap;flex:none}@media (width<=768px){.map-picker-panel,.style-profiles-panel,.diagnostics-panel,.realtime-debug-panel,.fb-panel{position:relative!important;inset:auto!important}}.latency-pulse-overlay{z-index:1;pointer-events:none;position:absolute;top:0;left:0}.legend .legend-spike-item{cursor:pointer;-webkit-user-select:none;user-select:none}.legend .legend-spike-item input{accent-color:#f97316;cursor:pointer;width:12px;height:12px;margin:0}.legend .legend-spike-item input:not(:checked)~.legend-spike-ring{outline-color:#0000}.mp-spike-item .mp-spike-value{color:var(--text-primary);flex-shrink:0;font-size:10px;font-weight:700}.mp-spike-item .mp-spike-count{color:#f97316;background:#f9731624;border-radius:6px;flex-shrink:0;padding:0 4px;font-size:9px;font-weight:600}.mp-spike-item .mp-spike-history{width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:0;position:relative}.mp-spike-item .mp-spike-history:before{content:"";background:currentColor;position:absolute;inset:3px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 14.5h13'/%3E%3Cpath d='M2.5 11l3.5-4 3 2.5L13.5 3'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 14.5h13'/%3E%3Cpath d='M2.5 11l3.5-4 3 2.5L13.5 3'/%3E%3C/svg%3E") 50%/contain no-repeat}.mp-spike-item .mp-spike-history:hover,.mp-spike-item .mp-spike-history:focus-visible{color:var(--text-primary);background:var(--bg-hover)}.mp-tab-content.mp-report-tab{padding-top:0}.mp-report-bar{z-index:1;border-bottom:1px solid var(--border);background:var(--bg-panel);align-items:center;gap:6px;padding:6px 8px;display:flex;position:sticky;top:0}.mp-report-bar select{border:1px solid var(--control-border);border-radius:var(--radius-control);background-color:var(--control-bg);height:24px;min-height:24px;color:var(--text-primary);cursor:pointer;padding-left:7px;font-size:11px}.mp-report-range{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);flex:1;font-size:10px;overflow:hidden}.mp-report-refresh{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:0;position:relative}.mp-report-refresh:before{content:"";background:currentColor;position:absolute;inset:4px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 8a5.5 5.5 0 1 1-1.6-3.9'/%3E%3Cpath d='M13.5 2v3.5H10'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 8a5.5 5.5 0 1 1-1.6-3.9'/%3E%3Cpath d='M13.5 2v3.5H10'/%3E%3C/svg%3E") 50%/contain no-repeat}.mp-report-refresh:hover,.mp-report-refresh:focus-visible{color:var(--text-primary);background:var(--bg-hover)}.mp-report-loading .mp-report-refresh:before{animation:.9s linear infinite mp-report-spin}@keyframes mp-report-spin{to{transform:rotate(360deg)}}.mp-node-event-item.mp-report-item{grid-template-columns:minmax(0,1fr) auto auto;gap:1px 6px;display:grid}.mp-report-item .mp-event-label{grid-area:1/1}.mp-report-item .mp-spike-value{grid-area:1/2}.mp-report-item .mp-event-latency{text-overflow:ellipsis;white-space:nowrap;grid-area:2/1/auto/3;min-width:0;overflow:hidden}.mp-report-item .mp-spike-history{grid-area:1/3/3;align-self:center}.mc-dialog{z-index:12000;background:#0307126b;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}[data-theme=light] .mc-dialog{background:#0f172a3d}.mc-dialog[hidden]{display:none!important}.mc-panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel-strong);width:min(880px,100vw - 36px);height:min(820px,100dvh - 36px);color:var(--text-primary);box-shadow:var(--panel-shadow);flex-direction:column;font-size:12px;line-height:1.45;display:flex;overflow:hidden}.mc-dialog button:focus-visible,.mc-dialog input:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}.mc-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 14px;display:flex}.mc-filter{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--control-bg);min-width:0;height:30px;color:var(--text-primary);flex:1;padding:0 10px;font-size:12px}.mc-count{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.mc-body{flex:1;min-height:0;padding:12px 14px;overflow-y:auto}.mc-loading .mc-body{opacity:.7}.mc-empty{color:var(--text-muted);text-align:center;padding:24px 8px}.mc-entry{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-card);flex-direction:column;gap:6px;margin-bottom:10px;padding:10px 12px;display:flex}.mc-entry-head{align-items:baseline;gap:8px;display:flex}.mc-user{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.mc-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:11px}.mc-summary{color:var(--text-secondary);font-weight:600}.mc-note{color:var(--text-muted);font-size:11px}.mc-items{flex-direction:column;gap:4px;margin:2px 0 0;padding:0;list-style:none;display:flex}.mc-item{border-left:3px solid var(--border);flex-wrap:wrap;align-items:baseline;column-gap:6px;padding:2px 0 2px 9px;display:flex}.mc-item--added{border-left-color:#22c55ea6}.mc-item--removed{border-left-color:#ef444499}.mc-item--changed{border-left-color:#eab308a6}.mc-item--moved{border-left-color:#60a5fa99}.mc-verb{color:var(--text-muted)}.mc-target{overflow-wrap:anywhere;min-width:0;color:var(--text-primary);font-weight:600}button.mc-target{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}button.mc-target:hover{color:var(--accent-primary);text-decoration:underline}.mc-item--removed .mc-target{color:var(--text-secondary);text-decoration:line-through}.mc-detail{color:var(--text-muted);font-family:Consolas,monospace;font-size:11px}.mc-fields{color:var(--text-secondary);overflow-wrap:anywhere;flex-basis:100%;margin:2px 0 0;padding:0;font-size:11px;list-style:none}.mc-toggle,.mc-more{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:11px}.mc-more{border:1px solid var(--border);border-radius:var(--radius-control);margin:4px auto 0;padding:6px 14px;font-size:12px;display:block}.mc-toggle:hover,.mc-more:hover:not(:disabled){text-decoration:underline}@media (width<=768px){.mc-dialog{padding:0}.mc-panel{border-radius:0;width:100vw;height:100dvh}.mc-body{padding:10px}}.es-dialog{z-index:12000;background:#0307126b;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}[data-theme=light] .es-dialog{background:#0f172a3d}.es-dialog[hidden]{display:none!important}.es-panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel-strong);width:min(760px,100vw - 36px);max-height:min(720px,100dvh - 36px);color:var(--text-primary);box-shadow:var(--panel-shadow);flex-direction:column;font-size:12px;line-height:1.45;display:flex;overflow:hidden}.es-dialog button:focus-visible,.es-dialog input:focus-visible,.es-dialog select:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}.es-notice{border-radius:var(--radius-control);color:var(--text-primary);background:#f59e0b1f;border:1px solid #f59e0b73;margin:10px 14px 0;padding:8px 10px}.es-notice[hidden]{display:none}.es-body{flex:auto;min-height:0;padding:10px 14px;overflow-y:auto}.es-busy .es-body,.es-busy .es-add{opacity:.7;pointer-events:none}.es-empty{color:var(--text-secondary);text-align:center;padding:18px 8px}.es-empty p{margin:0 0 10px}.es-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 72px 118px 112px;align-items:center;gap:6px 12px;padding:8px 0;display:grid}.es-row:last-child{border-bottom:0}.es-row-fields{align-items:center;gap:8px;min-width:0;display:flex}.es-preview{color:var(--text-primary);flex:none;display:inline-flex}.es-line-preview{width:56px;height:12px}.es-input{height:30px;min-height:30px;padding:0 8px;font-size:12px}.es-name{flex:auto;min-width:80px}.es-line{flex:none;width:86px}.es-width{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.es-width .es-input{width:58px}.es-default{color:var(--text-secondary);white-space:nowrap;cursor:pointer;align-items:center;gap:5px;font-size:11px;display:inline-flex}.es-usage{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.es-row-actions{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.es-row-actions .btn,.es-delete .btn,.es-add .btn{min-height:28px;padding:0 10px;font-size:11px}.es-link-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.es-link-btn:hover{color:var(--text-primary);text-decoration:underline}.es-delete{border-radius:var(--radius-control);background:var(--bg-hover);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 10px;padding:8px 10px;display:flex}.es-delete label{align-items:center;gap:6px;display:inline-flex}.es-add{border-top:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;display:flex}.es-add .es-row-fields{flex:auto}.es-add-title{color:var(--text-secondary);flex:none;font-size:11px;font-weight:600}.es-footer{border-top:1px solid var(--border);color:var(--text-muted);padding:8px 14px 10px;font-size:11px}@media (width<=768px){.es-dialog{padding:0}.es-panel{border-radius:0;width:100vw;height:100dvh;max-height:none}.es-row{grid-template-columns:minmax(0,1fr) auto}.es-row-fields,.es-add{flex-wrap:wrap}.es-add-title,.es-name{flex-basis:100%}}#mobileFeedbackBtn{position:relative}.feedback-badge{background:var(--accent-blue);min-width:16px;height:16px;box-shadow:0 0 0 2px var(--bg-panel-strong);color:#fff;text-align:center;pointer-events:none;box-sizing:border-box;border-radius:8px;padding:0 4px;font-size:9px;font-weight:700;line-height:16px;position:absolute;top:-3px;right:-3px}.feedback-badge[hidden]{display:none}.mobile-toolbar .feedback-badge{box-shadow:0 0 0 2px var(--bg-card);top:3px;right:3px}@media (width<=768px){.top-tools-row .toolbar-feedback-btn{display:none}}@media (width>=769px){@container top-tools (width<=400px){.top-tools-row .toolbar-feedback-btn{align-self:flex-start}}}.fb-dialog{z-index:12000;background:#0307126b;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}[data-theme=light] .fb-dialog{background:#0f172a3d}.fb-dialog[hidden],.fb-dialog [hidden]{display:none!important}.fb-panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel-strong);width:min(560px,100vw - 36px);max-height:min(760px,100dvh - 36px);color:var(--text-primary);box-shadow:var(--panel-shadow);flex-direction:column;font-size:12px;line-height:1.45;display:flex;overflow:hidden}.fb-dialog[data-view=inbox] .fb-panel{width:min(760px,100vw - 36px);height:min(760px,100dvh - 36px)}.fb-dialog button:focus-visible,.fb-dialog summary:focus-visible,.fb-dialog a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}.fb-header-btn,.fb-action{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-card);min-height:28px;color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.fb-header-count{background:var(--accent-blue);color:#fff;text-align:center;border-radius:8px;min-width:16px;padding:0 4px;font-size:10px;line-height:16px}.fb-form,.fb-inbox{flex-direction:column;flex:auto;min-height:0;display:flex}.fb-body{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.fb-seg{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--control-bg);align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.fb-seg-option{position:relative}.fb-seg-option input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.fb-seg-option span{border-radius:var(--radius-tight);min-height:24px;color:var(--text-secondary);cursor:pointer;align-items:center;padding:2px 14px;font-weight:600;display:inline-flex}.fb-seg-option input:checked+span{background:color-mix(in srgb, var(--accent-blue) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-blue) 45%, transparent);color:var(--text-primary)}.fb-seg-option input:focus-visible+span{outline:2px solid var(--accent-blue);outline-offset:1px}.fb-label{margin-top:4px;font-weight:600}.fb-message{resize:vertical;width:100%;min-height:120px;max-height:40vh;padding:8px 10px;font-size:13px;line-height:1.45}.fb-message-meta{color:var(--text-muted);justify-content:space-between;gap:8px;margin-top:-2px;font-size:11px;display:flex}.fb-shot{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.fb-check{cursor:pointer;align-items:center;gap:8px;min-height:28px;display:inline-flex;position:relative}.fb-check input{opacity:0;cursor:pointer;width:13px;height:13px;margin:-7px 0 0;position:absolute;top:50%;left:0}.fb-check input:checked+.ui-check-box{border-color:var(--accent-blue);background:var(--accent-blue)}.fb-check input:checked+.ui-check-box:after{opacity:1}.fb-check input:focus-visible+.ui-check-box{outline:2px solid var(--accent-blue);outline-offset:1px}.fb-check:has(input:disabled){color:var(--text-muted);cursor:default}.fb-shot-note{color:var(--text-muted)}.fb-shot-thumb{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--canvas-bg);cursor:zoom-in;margin-left:auto;padding:0;line-height:0;overflow:hidden}.fb-shot-thumb img{object-fit:cover;width:96px;height:54px;display:block}.fb-shot.is-expanded .fb-shot-thumb{cursor:zoom-out;flex:1 0 100%;margin-left:0}.fb-shot.is-expanded .fb-shot-thumb img{object-fit:contain;width:100%;height:auto;max-height:50vh}.fb-included{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-card)}.fb-included summary{color:var(--text-secondary);cursor:pointer;padding:6px 10px}.fb-included[open] summary{border-bottom:1px solid var(--border)}.fb-facts{grid-template-columns:max-content minmax(0,1fr);gap:3px 12px;margin:0;padding:8px 10px;display:grid}.fb-facts dt{color:var(--text-muted)}.fb-facts dd{overflow-wrap:anywhere;margin:0}.fb-errors{color:var(--status-offline);overflow-wrap:anywhere;margin:0;padding:0 10px 8px 28px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.fb-error{border:1px solid color-mix(in srgb, var(--status-offline) 45%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--status-offline) 10%, transparent);margin:0;padding:8px 10px}.fb-footer{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;display:flex}.fb-sender{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.fb-footer .btn{min-width:72px}.fb-filters{border-bottom:1px solid var(--border);gap:6px;padding:10px 12px;display:flex}.fb-filter{border:1px solid var(--border);border-radius:var(--radius-control);min-height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.fb-filter[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent-blue) 45%, transparent);background:color-mix(in srgb, var(--accent-blue) 18%, transparent);color:var(--text-primary)}.fb-filter-count{color:var(--text-muted);font-variant-numeric:tabular-nums}.fb-list{flex:auto;min-height:0;overflow-y:auto}.fb-empty{color:var(--text-muted);text-align:center;margin:0;padding:24px 12px}.fb-empty--error{color:var(--text-primary)}.fb-link{color:var(--accent-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.fb-item{border-bottom:1px solid var(--border)}.fb-item-toggle{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"kind text"".meta";gap:2px 10px;padding:9px 12px;font-size:12px;display:grid}.fb-dialog .fb-item-toggle:focus-visible{outline-offset:-2px}.fb-item-toggle[aria-expanded=true]{background:var(--bg-card)}.fb-kind{border-radius:var(--radius-tight);letter-spacing:.02em;text-transform:uppercase;grid-area:kind;align-self:start;margin-top:1px;padding:1px 6px;font-size:10px;font-weight:700}.fb-kind--bug{background:color-mix(in srgb, var(--status-offline) 16%, transparent);color:var(--status-offline)}.fb-kind--idea{background:color-mix(in srgb, var(--accent-blue) 16%, transparent);color:var(--accent-primary)}.fb-kind--other{background:var(--bg-hover);color:var(--text-secondary)}.fb-item-text{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:text;display:-webkit-box;overflow:hidden}.fb-item--resolved .fb-item-text{color:var(--text-secondary)}.fb-item-meta{color:var(--text-muted);grid-area:meta;font-size:11px}.fb-item-body{background:var(--bg-card);flex-direction:column;gap:8px;padding:4px 12px 12px;display:flex}.fb-item-message{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px}.fb-item-body .fb-facts{padding:0}.fb-item-body .fb-errors{padding:0 0 0 18px}.fb-item-shot{border:1px solid var(--border);border-radius:var(--radius-control);align-self:flex-start;max-width:100%;line-height:0;overflow:hidden}.fb-item-shot img{max-width:100%;max-height:320px;display:block}.fb-item-actions{flex-wrap:wrap;gap:6px;display:flex}.fb-action{background:var(--bg-panel-strong)}.fb-action--primary{border-color:var(--accent-blue);background:var(--accent-blue);color:#fff}.fb-action[aria-disabled=true]{opacity:.55;cursor:default}@media (hover:hover){.fb-header-btn:hover,.fb-action:hover,.fb-filter:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text-primary)}.fb-action--primary:hover{border-color:var(--accent-blue-strong);background:var(--accent-blue-strong);color:#fff}.fb-item-toggle:hover{background:var(--bg-hover)}}@media (width<=760px){.fb-dialog{padding:10px}.fb-panel,.fb-dialog[data-view=inbox] .fb-panel{width:100%;max-height:calc(100dvh - 20px)}.fb-dialog[data-view=inbox] .fb-panel{height:calc(100dvh - 20px)}.fb-facts{grid-template-columns:minmax(0,1fr);gap:0}.fb-facts dd+dt{margin-top:6px}}@media (pointer:coarse){.fb-message{font-size:16px}.fb-keys-hint{visibility:hidden}}.flatpickr-calendar{opacity:0;text-align:center;visibility:hidden;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;direction:ltr;background:#fff;border:0;border-radius:5px;width:307.875px;padding:0;font-size:14px;line-height:24px;animation:none;display:none;position:absolute;box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;max-height:640px}.flatpickr-calendar.open{z-index:99999;display:inline-block}.flatpickr-calendar.animate.open{animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid #e6e6e6;height:40px}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{pointer-events:none;content:"";border:solid #0000;width:0;height:0;display:block;position:absolute;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{display:inline-block;position:relative}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{color:#000000e6;fill:#000000e6;text-align:center;-webkit-user-select:none;user-select:none;background:0 0;flex:1;height:34px;line-height:1;position:relative;overflow:hidden}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;user-select:none;cursor:pointer;z-index:3;color:#000000e6;fill:#000000e6;height:34px;padding:10px;text-decoration:none;position:absolute;top:0}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{fill:inherit;transition:fill .1s}.numInputWrapper{height:auto;position:relative}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper span{opacity:0;cursor:pointer;box-sizing:border-box;border:1px solid #39393926;width:14px;height:50%;padding:0 4px 0 2px;line-height:50%;position:absolute;right:0}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{content:"";display:block;position:absolute}.numInputWrapper span.arrowUp{border-bottom:0;top:0}.numInputWrapper span.arrowUp:after{border-bottom:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-top:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;color:inherit;text-align:center;width:75%;height:34px;padding:7.48px 0 0;font-weight:300;line-height:1;display:inline-block;position:absolute;left:12.5%;transform:translate(0,0)}.flatpickr-current-month span.cur-month{color:inherit;margin-left:.5ch;padding:0;font-family:inherit;font-weight:700;display:inline-block}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{box-sizing:border-box;color:inherit;cursor:text;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;vertical-align:initial;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0 0 0 .5ch;display:inline-block}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{color:#00000080;pointer-events:none;background:0 0;font-size:100%}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;height:auto;font-family:inherit;font-weight:300;line-height:inherit;vertical-align:initial;background:0 0;border:none;border-radius:0;outline:none;width:auto;margin:-1px 0 0;padding:0 0 0 .5ch;position:relative}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#0000;outline:none;padding:0}.flatpickr-weekdays{text-align:center;background:0 0;align-items:center;width:100%;height:28px;display:flex;overflow:hidden}.flatpickr-weekdays .flatpickr-weekdaycontainer{flex:1;display:flex}span.flatpickr-weekday{cursor:default;color:#0000008a;text-align:center;background:0 0;flex:1;margin:0;font-size:90%;font-weight:bolder;line-height:1;display:block}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{align-items:flex-start;width:307.875px;display:flex;position:relative;overflow:hidden}.flatpickr-days:focus{outline:0}.dayContainer{text-align:left;box-sizing:border-box;opacity:1;outline:0;flex-wrap:wrap;justify-content:space-around;width:307.875px;min-width:307.875px;max-width:307.875px;padding:0;display:flex;transform:translate(0,0)}.dayContainer+.dayContainer{box-shadow:-1px 0 #e6e6e6}.flatpickr-day{box-sizing:border-box;color:#393939;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:150px;flex-basis:14.2857%;justify-content:center;width:14.2857%;max-width:39px;height:39px;margin:0;font-weight:400;line-height:39px;display:inline-block;position:relative}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;background:#e6e6e6;border-color:#e6e6e6;outline:0}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{color:#fff;background:#959ea9;border-color:#959ea9}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:#569ff7;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;cursor:default;background:0 0;border-color:#0000}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{color:#3939394d;cursor:default;background:0 0;border:none;width:100%;max-width:none;display:block}.flatpickr-innerContainer{box-sizing:border-box;display:flex;overflow:hidden}.flatpickr-rContainer{box-sizing:border-box;padding:0;display:inline-block}.flatpickr-time{text-align:center;box-sizing:border-box;outline:0;height:0;max-height:40px;line-height:40px;display:flex;overflow:hidden}.flatpickr-time:after{content:"";clear:both;display:table}.flatpickr-time .numInputWrapper{float:left;flex:1;width:40%;height:40px}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{-webkit-box-shadow:none;box-shadow:none;text-align:center;height:inherit;line-height:inherit;color:#393939;box-sizing:border-box;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:14px;position:relative}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;-webkit-user-select:none;user-select:none;align-self:center;width:2%;font-weight:700}.flatpickr-time .flatpickr-am-pm{cursor:pointer;text-align:center;outline:0;width:18%;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0,0)}}