.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-ink-strong:#fff;--c-device-fill:#1a2138;--c-device-fill-unmonitored:#151a2b;--c-0-0-0-008:#00000014;--c-0-0-0-035:#00000059;--c-0-0-0-04:#0006;--c-0-0-0-045:#00000073;--c-0-0-0-05:#00000080;--c-0b1020:#0b1020;--c-0b1220:#0b1220;--c-0f1420:#0f1420;--c-0f2a28:#0f2a28;--c-10203a:#10203a;--c-111a2e:#111a2e;--c-12182a:#12182a;--c-13213d:#13213d;--c-133d24:#133d24;--c-141a28:#141a28;--c-141b2d:#141b2d;--c-151a2b:#151a2b;--c-161c2c:#161c2c;--c-161d2e:#161d2e;--c-16203a:#16203a;--c-16223b:#16223b;--c-166534:#166534;--c-18-24-42-075:#12182abf;--c-182036:#182036;--c-1a2138:#1a2138;--c-1a2a4a:#1a2a4a;--c-1a3160:#1a3160;--c-1b2538:#1b2538;--c-1c2438:#1c2438;--c-1c2a45:#1c2a45;--c-1d4ed8:#1d4ed8;--c-1e263c:#1e263c;--c-1f1414:#1f1414;--c-1f2740:#1f2740;--c-1f2840:#1f2840;--c-1f2a44:#1f2a44;--c-1f5a37:#1f5a37;--c-1f5a50:#1f5a50;--c-221d10:#221d10;--c-226-232-240-085:#e2e8f0d9;--c-22c55e:#22c55e;--c-239-68-68-025:#ef444440;--c-245-166-35-03:#f5a6234d;--c-245-166-35-06:#f5a62399;--c-255-255-255-003:#ffffff08;--c-255-255-255-006:#ffffff0f;--c-255-255-255-008:#ffffff14;--c-255-255-255-012:#ffffff1f;--c-255-255-255-035:#ffffff59;--c-2563eb:#2563eb;--c-262040:#262040;--c-262f45:#262f45;--c-263349:#263349;--c-26406b:#26406b;--c-2a2212:#2a2212;--c-2a2412:#2a2412;--c-2a3450:#2a3450;--c-2a3557:#2a3557;--c-2f4a7a:#2f4a7a;--c-2f5a3a:#2f5a3a;--c-2f5a7a:#2f5a7a;--c-333f5c:#333f5c;--c-334766:#334766;--c-3a1518:#3a1518;--c-3a2f10:#3a2f10;--c-3a3f55:#3a3f55;--c-3b4460:#3b4460;--c-3b4660:#3b4660;--c-3b4f7a:#3b4f7a;--c-3b82f6:#3b82f6;--c-401717:#401717;--c-423417:#423417;--c-4ade80:#4ade80;--c-4b5563:#4b5563;--c-4b5a80:#4b5a80;--c-59-130-246-012:#3b82f61f;--c-59-130-246-035:#3b82f659;--c-5b4a1a:#5b4a1a;--c-5eead4:#5eead4;--c-60a5fa:#60a5fa;--c-64748b:#64748b;--c-6b5217:#6b5217;--c-6b5a1f:#6b5a1f;--c-6b7280:#6b7280;--c-6b7a99:#6b7a99;--c-6b8cae:#6b8cae;--c-6d62a0:#6d62a0;--c-7dd3fc:#7dd3fc;--c-7f1d1d:#7f1d1d;--c-8-11-20-065:#080b14a6;--c-86efac:#86efac;--c-8b7fb8:#8b7fb8;--c-93c5fd:#93c5fd;--c-94a3b8:#94a3b8;--c-96-165-250-006:#60a5fa0f;--c-96-165-250-012:#60a5fa1f;--c-96-165-250-05:#60a5fa80;--c-96-165-250-06:#60a5fa99;--c-9ca3af:#9ca3af;--c-a16207:#a16207;--c-a79fd0:#a79fd0;--c-aab4c5:#aab4c5;--c-b91c1c:#b91c1c;--c-c9b27a:#c9b27a;--c-cbd5e1:#cbd5e1;--c-dbeafe:#dbeafe;--c-e5e7eb:#e5e7eb;--c-e6e9ef:#e6e9ef;--c-ef4444:#ef4444;--c-f59e0b:#f59e0b;--c-f5a623:#f5a623;--c-f87171:#f87171;--c-fbbf24:#fbbf24;--c-fca5a5:#fca5a5;--c-fcd34d:#fcd34d;--c-fde68a:#fde68a;--c-fecaca:#fecaca;--c-ffffff:#fff}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-ink-strong:#111827;--c-device-fill:#fff;--c-device-fill-unmonitored:#f8fafc;--c-0-0-0-008:#0f172a07;--c-0-0-0-035:#0f172a1f;--c-0-0-0-04:#0f172a24;--c-0-0-0-045:#0f172a28;--c-0-0-0-05:#0f172a2d;--c-0b1020:#eef1f6;--c-0b1220:#eef1f6;--c-0f1420:#f3f5f9;--c-0f2a28:#dcf5f1;--c-10203a:#e3eefb;--c-111a2e:#fff;--c-12182a:#f7f8fb;--c-13213d:#e3ecfb;--c-133d24:#dcf3e4;--c-141a28:#f3f5f9;--c-141b2d:#f5f7fb;--c-151a2b:#f1f3f7;--c-161c2c:#fff;--c-161d2e:#f1f4f9;--c-16203a:#eaeef7;--c-16223b:#e6eefb;--c-166534:#a6ddbb;--c-18-24-42-075:#f7f8fbbf;--c-182036:#ebeef6;--c-1a2138:#eef2f8;--c-1a2a4a:#e6ebf5;--c-1a3160:#dbe7fc;--c-1b2538:#ebeef5;--c-1c2438:#ebeef5;--c-1c2a45:#e7ecf5;--c-1e263c:#dde2eb;--c-1f1414:#fdf0f0;--c-1f2740:#e8edf5;--c-1f2840:#e8ecf4;--c-1f2a44:#e7ebf4;--c-1f5a37:#96d4ab;--c-1f5a50:#8fd3c6;--c-221d10:#fdf8ec;--c-226-232-240-085:#0f151dd9;--c-255-255-255-003:#0f172a07;--c-255-255-255-006:#0f172a0e;--c-255-255-255-008:#0f172a12;--c-255-255-255-012:#0f172a1c;--c-255-255-255-035:#0f172a50;--c-262040:#ebe8f4;--c-262f45:#cbd3df;--c-263349:#d3dae6;--c-26406b:#cfdcf3;--c-2a2212:#fdf6e3;--c-2a2412:#fdf6e3;--c-2a3450:#afb9d5;--c-2a3557:#dde4f2;--c-2f4a7a:#85a0d0;--c-2f5a3a:#a5d0b0;--c-2f5a7a:#85b0d0;--c-333f5c:#b3bdcf;--c-334766:#b9c6da;--c-3a1518:#fde8e8;--c-3a2f10:#fbefd2;--c-3a3f55:#aaafc5;--c-3b4460:#9fa8c4;--c-3b4660:#b4bfd0;--c-3b4f7a:#8599c4;--c-401717:#fde8e8;--c-423417:#fbf0d6;--c-4ade80:#166534;--c-4b5563:#6b7280;--c-4b5a80:#7f8eb4;--c-5b4a1a:#e8cf8f;--c-5eead4:#0f766e;--c-60a5fa:#2563eb;--c-6b5217:#d9bd72;--c-6b5a1f:#d9bd72;--c-6b7a99:#667594;--c-6b8cae:#517294;--c-6d62a0:#6a5f9d;--c-7dd3fc:#0369a1;--c-7f1d1d:#f3b4b4;--c-8-11-20-065:#0f172a59;--c-86efac:#166534;--c-8b7fb8:#534780;--c-93c5fd:#1d4ed8;--c-94a3b8:#5f6b80;--c-96-165-250-006:#2563eb0f;--c-96-165-250-012:#2563eb1f;--c-96-165-250-05:#2563eb80;--c-96-165-250-06:#2563eb99;--c-9ca3af:#4b5563;--c-a16207:#d1b285;--c-a79fd0:#372f60;--c-aab4c5:#3a4455;--c-c9b27a:#856e36;--c-cbd5e1:#334155;--c-dbeafe:#0f55b3;--c-e5e7eb:#1f2937;--c-e6e9ef:#1b2232;--c-f87171:#b91c1c;--c-fbbf24:#92400e;--c-fca5a5:#b91c1c;--c-fcd34d:#a16207;--c-fde68a:#92400e;--c-fecaca:#991b1b}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-ink-strong:#111827;--c-device-fill:#fff;--c-device-fill-unmonitored:#f8fafc;--c-0-0-0-008:#0f172a07;--c-0-0-0-035:#0f172a1f;--c-0-0-0-04:#0f172a24;--c-0-0-0-045:#0f172a28;--c-0-0-0-05:#0f172a2d;--c-0b1020:#eef1f6;--c-0b1220:#eef1f6;--c-0f1420:#f3f5f9;--c-0f2a28:#dcf5f1;--c-10203a:#e3eefb;--c-111a2e:#fff;--c-12182a:#f7f8fb;--c-13213d:#e3ecfb;--c-133d24:#dcf3e4;--c-141a28:#f3f5f9;--c-141b2d:#f5f7fb;--c-151a2b:#f1f3f7;--c-161c2c:#fff;--c-161d2e:#f1f4f9;--c-16203a:#eaeef7;--c-16223b:#e6eefb;--c-166534:#a6ddbb;--c-18-24-42-075:#f7f8fbbf;--c-182036:#ebeef6;--c-1a2138:#eef2f8;--c-1a2a4a:#e6ebf5;--c-1a3160:#dbe7fc;--c-1b2538:#ebeef5;--c-1c2438:#ebeef5;--c-1c2a45:#e7ecf5;--c-1e263c:#dde2eb;--c-1f1414:#fdf0f0;--c-1f2740:#e8edf5;--c-1f2840:#e8ecf4;--c-1f2a44:#e7ebf4;--c-1f5a37:#96d4ab;--c-1f5a50:#8fd3c6;--c-221d10:#fdf8ec;--c-226-232-240-085:#0f151dd9;--c-255-255-255-003:#0f172a07;--c-255-255-255-006:#0f172a0e;--c-255-255-255-008:#0f172a12;--c-255-255-255-012:#0f172a1c;--c-255-255-255-035:#0f172a50;--c-262040:#ebe8f4;--c-262f45:#cbd3df;--c-263349:#d3dae6;--c-26406b:#cfdcf3;--c-2a2212:#fdf6e3;--c-2a2412:#fdf6e3;--c-2a3450:#afb9d5;--c-2a3557:#dde4f2;--c-2f4a7a:#85a0d0;--c-2f5a3a:#a5d0b0;--c-2f5a7a:#85b0d0;--c-333f5c:#b3bdcf;--c-334766:#b9c6da;--c-3a1518:#fde8e8;--c-3a2f10:#fbefd2;--c-3a3f55:#aaafc5;--c-3b4460:#9fa8c4;--c-3b4660:#b4bfd0;--c-3b4f7a:#8599c4;--c-401717:#fde8e8;--c-423417:#fbf0d6;--c-4ade80:#166534;--c-4b5563:#6b7280;--c-4b5a80:#7f8eb4;--c-5b4a1a:#e8cf8f;--c-5eead4:#0f766e;--c-60a5fa:#2563eb;--c-6b5217:#d9bd72;--c-6b5a1f:#d9bd72;--c-6b7a99:#667594;--c-6b8cae:#517294;--c-6d62a0:#6a5f9d;--c-7dd3fc:#0369a1;--c-7f1d1d:#f3b4b4;--c-8-11-20-065:#0f172a59;--c-86efac:#166534;--c-8b7fb8:#534780;--c-93c5fd:#1d4ed8;--c-94a3b8:#5f6b80;--c-96-165-250-006:#2563eb0f;--c-96-165-250-012:#2563eb1f;--c-96-165-250-05:#2563eb80;--c-96-165-250-06:#2563eb99;--c-9ca3af:#4b5563;--c-a16207:#d1b285;--c-a79fd0:#372f60;--c-aab4c5:#3a4455;--c-c9b27a:#856e36;--c-cbd5e1:#334155;--c-dbeafe:#0f55b3;--c-e5e7eb:#1f2937;--c-e6e9ef:#1b2232;--c-f87171:#b91c1c;--c-fbbf24:#92400e;--c-fca5a5:#b91c1c;--c-fcd34d:#a16207;--c-fde68a:#92400e;--c-fecaca:#991b1b}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--c-0f1420);color:var(--c-e6e9ef);margin:0}.device-node.status-filtered-out{opacity:.28;filter:grayscale(.5)}.react-flow.multi-selecting .react-flow__node-device.selected .device-node{outline:2px dashed var(--c-f59e0b);outline-offset:2px}.bulk-select-bar{white-space:nowrap;background:var(--c-12182a);border:1px solid var(--c-f59e0b);color:var(--c-e6e9ef);box-shadow:0 2px 8px var(--c-0-0-0-035);border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .8rem;font-size:.78rem;display:flex}.bulk-select-bar button{border:1px solid var(--c-333f5c);background:var(--c-1f2740);color:var(--c-cbd5e1);cursor:pointer;border-radius:6px;padding:.3rem .6rem;font-size:.76rem}.bulk-select-bar button:hover{background:var(--c-2a3557);color:var(--c-ink-strong)}.bulk-select-bar .bulk-arrange{border:1px solid var(--c-333f5c);background:var(--c-1f2740);color:var(--c-cbd5e1);border-radius:6px;padding:.25rem .4rem;font-size:.76rem}.bulk-select-bar .bulk-select-clear{color:var(--c-9ca3af);background:0 0;border-color:#0000}.bulk-select-bar .bulk-select-clear:hover{color:var(--c-e6e9ef);background:var(--c-255-255-255-006)}.react-flow{--xy-controls-button-background-color:var(--c-1f2740);--xy-controls-button-background-color-hover:var(--c-2a3557);--xy-controls-button-color:var(--c-cbd5e1);--xy-controls-button-color-hover:var(--c-ink-strong);--xy-controls-button-border-color:var(--c-333f5c)}.controls-legend-panel{align-items:flex-end;display:flex;margin-left:56px!important}.controls-legend-toggle{border:1px solid var(--c-333f5c);background:var(--c-1f2740);width:26px;height:26px;color:var(--c-cbd5e1);cursor:pointer;box-shadow:0 0 2px 1px var(--c-0-0-0-008);border-radius:4px;font-size:.8rem;font-weight:600}.controls-legend-toggle:hover{background:var(--c-2a3557);color:var(--c-ink-strong)}.controls-legend-popover{background:var(--c-12182a);border:1px solid var(--c-1f2740);color:var(--c-cbd5e1);white-space:nowrap;box-shadow:0 2px 8px var(--c-0-0-0-035);border-radius:8px;margin-left:8px;padding:.6rem .8rem;font-size:.72rem}.controls-legend-popover strong{color:var(--c-e6e9ef);margin-bottom:.3rem;display:block}.controls-legend-popover ul{margin:0;padding-left:1.1rem}.controls-legend-popover li{margin:.15rem 0}.app-shell{flex-direction:column;height:100vh;display:flex}.app-header{background:var(--c-161c2c);border-bottom:1px solid var(--c-262f45);align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.app-header h1{white-space:nowrap;margin:0;font-size:1.05rem;font-weight:600}.app-header select{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.4rem .6rem;font-size:.9rem}.summary-pills{gap:.5rem;margin-left:auto;font-size:.8rem;display:flex}.pill{border-radius:999px;padding:.25rem .6rem;font-weight:600}.pill.up{background:var(--c-133d24);color:var(--c-4ade80)}.pill.down{background:var(--c-401717);color:var(--c-f87171)}.pill.partially_down{background:var(--c-423417);color:var(--c-fbbf24)}.pill.unknown{background:var(--c-262f45);color:var(--c-9ca3af)}.app-body{flex:1;min-height:0;display:flex}.map-sidebar{border-right:1px solid var(--c-262f45);background:var(--c-12182a);flex-direction:column;flex-shrink:0;width:260px;min-height:0;display:flex}.sidebar-search{border-bottom:1px solid var(--c-262f45);flex-shrink:0;padding:.6rem}.sidebar-search input{background:var(--c-1f2740);width:100%;color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.4rem .6rem;font-size:.85rem}.sidebar-search input::placeholder{color:var(--c-6b7280)}.map-list{flex:1;min-height:0;overflow-y:auto}.map-list .empty{color:var(--c-6b7280);padding:.75rem;font-size:.8rem}.map-list-item{cursor:pointer;border-bottom:1px solid var(--c-1a2138);border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.82rem;display:flex}.map-list-item:hover{background:var(--c-182036)}.map-list-item.selected{background:var(--c-1f2740);border-left-color:var(--c-60a5fa)}.map-list-item .map-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.map-status-counts{flex-shrink:0;gap:.4rem;font-size:.72rem;font-weight:600;display:flex}.map-status-counts.empty-badge{color:var(--c-4b5563);font-weight:400}.map-status-counts .count.up{color:var(--c-4ade80)}.map-status-counts .count.down{color:var(--c-f87171)}.map-status-counts .count.partially_down{color:var(--c-fbbf24)}.map-status-counts .count.unknown{color:var(--c-9ca3af)}.status-filter-bar .count{font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:1px 5px}.status-filter-bar .count:hover{background:var(--c-255-255-255-006);border-color:currentColor}.status-filter-bar .count.active-filter{background:var(--c-255-255-255-012);border-color:currentColor}.search-section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--c-6b7280);padding:.4rem .7rem .2rem;font-size:.68rem;font-weight:700}.map-list-item.device-result .map-name{white-space:normal;align-items:center;display:flex}.device-result-addrs{color:var(--c-6b7280);text-overflow:ellipsis;white-space:nowrap;margin-left:.4rem;font-family:monospace;font-size:.72rem;overflow:hidden}.canvas-area{flex:1;min-width:0}.side-panel{border-left:1px solid var(--c-262f45);background:var(--c-12182a);flex-shrink:0;width:320px;padding:1rem;transition:width .15s;overflow-y:auto}.side-panel.expanded{width:480px}.side-panel h2{margin:0 0 .75rem;font-size:.95rem}.side-panel .empty{color:var(--c-6b7280);font-size:.85rem}.device-detail-row{border-bottom:1px solid var(--c-1e263c);justify-content:space-between;padding:.3rem 0;font-size:.85rem;display:flex}.device-detail-row .addr{font-family:monospace}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.up{background:var(--c-4ade80)}.status-dot.down{background:var(--c-f87171)}.status-dot.partially_down{background:var(--c-fbbf24)}.status-dot.unknown{background:var(--c-6b7280)}.device-node{border:2px solid var(--c-333f5c);background:var(--c-1a2138);box-sizing:border-box;cursor:pointer;border-radius:8px;width:160px;min-height:108px;padding:.5rem .7rem;font-size:.75rem}.device-node.up{border-color:var(--c-22c55e)}.device-node.down{border-color:var(--c-ef4444)}.device-node.partially_down{border-color:var(--c-f59e0b)}.device-node.unknown{border-color:var(--c-4b5563)}.device-node .name-row{align-items:flex-start;display:flex}.device-node .name-row .status-dot{flex-shrink:0;margin-top:3px}.device-node .name{-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.device-node .meta{color:var(--c-9ca3af);margin-top:2px}.device-node.highlighted{box-shadow:0 0 0 3px var(--c-f5a623), 0 0 16px 4px var(--c-245-166-35-06);animation:1s ease-in-out 3 device-highlight-pulse}@keyframes device-highlight-pulse{0%,to{box-shadow:0 0 0 3px var(--c-f5a623), 0 0 16px 4px var(--c-245-166-35-06)}50%{box-shadow:0 0 0 3px var(--c-f5a623), 0 0 4px 1px var(--c-245-166-35-03)}}.device-node.selected-for-edit,.portal-node.selected-for-edit,.static-node.selected-for-edit{box-shadow:0 0 0 3px var(--c-60a5fa), 0 0 14px 2px var(--c-96-165-250-05)}.portal-node,.static-node{border:calc(2px * var(--ow,1)) solid var(--c-60a5fa);background:var(--c-16223b);color:var(--c-93c5fd);box-sizing:border-box;font-size:.75rem}.portal-node{cursor:pointer;position:relative}.static-node{cursor:pointer;border-color:var(--c-333f5c);color:var(--c-9ca3af)}.portal-node .edit-affordance{z-index:2;border:1px solid var(--c-333f5c);background:var(--c-18-24-42-075);width:18px;height:18px;color:var(--c-6b8cae);cursor:pointer;border-radius:50%;padding:0;font-size:.68rem;line-height:16px;position:absolute;top:2px;right:2px}.portal-node .edit-affordance:hover{color:var(--c-93c5fd);border-color:var(--c-60a5fa);background:var(--c-16223b)}.portal-node .name,.static-node .name{font-weight:600}.portal-node .info{color:var(--c-6b8cae);margin-top:1px;font-size:.68rem}.portal-node.shape-rectangle,.static-node.shape-rectangle{border-radius:8px;min-width:130px;padding:.5rem .7rem}.portal-node.shape-rectangle .name,.static-node.shape-rectangle .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.portal-node.shape-circle,.static-node.shape-circle,.portal-node.shape-hexagon,.static-node.shape-hexagon{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:92px;padding:.6rem .5rem;display:flex}.portal-node.shape-circle,.static-node.shape-circle{border-radius:50%;width:104px}.portal-node.shape-hexagon,.static-node.shape-hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);width:130px;box-shadow:inset 0 0 0 calc(2px * var(--ow,1)) currentColor;border-width:0}.portal-node.shape-circle .name,.static-node.shape-circle .name,.portal-node.shape-hexagon .name,.static-node.shape-hexagon .name{-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.portal-node.shape-cloud,.static-node.shape-cloud{text-align:center;background:0 0;border-width:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:120px;min-height:96px;padding:.5rem .5rem .4rem;display:flex;position:relative}.portal-node.shape-cloud .cloud-silhouette,.static-node.shape-cloud .cloud-silhouette{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portal-node.shape-cloud .cloud-silhouette path{fill:var(--c-16223b);stroke:var(--c-60a5fa);stroke-width:calc(2.5px * var(--ow,1))}.static-node.shape-cloud .cloud-silhouette path{fill:var(--c-16223b);stroke:var(--c-333f5c);stroke-width:calc(2.5px * var(--ow,1))}.portal-node.shape-cloud .name,.static-node.shape-cloud .name,.portal-node.shape-cloud .info,.portal-node.shape-cloud .map-status-counts,.static-node.shape-cloud .map-status-counts{z-index:1;-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;position:relative;overflow:hidden}.portal-node .map-status-counts{justify-content:center;margin-top:3px}.map-link-row{border-bottom:1px solid var(--c-1e263c);align-items:center;gap:.4rem;padding:.3rem 0;font-size:.82rem;display:flex}.map-link-target{text-overflow:ellipsis;white-space:nowrap;color:var(--c-93c5fd);cursor:pointer;flex:1;overflow:hidden}.map-link-target:hover{text-decoration:underline}.map-link-info{color:var(--c-6b8cae);font-weight:400}.map-link-shape{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;flex-shrink:0;padding:.25rem .4rem;font-size:.75rem}.map-link-remove{color:var(--c-6b7280);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1rem;line-height:1}.map-link-remove:hover{color:var(--c-f87171)}.map-link-form{flex-direction:column;gap:.4rem;margin-top:.75rem;display:flex}.map-link-form select,.map-link-form input{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.35rem .5rem;font-size:.82rem}.map-link-form button{background:var(--c-26406b);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:6px;padding:.35rem .5rem;font-size:.82rem}.map-link-form button:disabled{opacity:.5;cursor:not-allowed}.link-error{margin-top:.5rem;font-size:.8rem}.map-link-hint{color:var(--c-6b7280);margin:.6rem 0 0;font-size:.75rem}.device-link-row{border-bottom:1px solid var(--c-1e263c);align-items:center;gap:.4rem;padding:.3rem 0;font-size:.82rem;display:flex}.device-link-endpoints{text-overflow:ellipsis;white-space:nowrap;color:var(--c-cbd5e1);flex:1;align-items:center;display:flex;overflow:hidden}.device-link-type-swatch{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-right:6px;display:inline-block}.device-link-label-text{color:var(--c-6b8cae);font-weight:400}.device-link-width{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;flex-shrink:0;padding:.25rem .4rem;font-size:.75rem}.device-link-dashed-toggle{color:var(--c-9ca3af);white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;font-size:.72rem;display:flex}.device-link-label{background:var(--c-12182a);border:1px solid var(--c-333f5c);color:var(--c-cbd5e1);pointer-events:none;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:.68rem;position:absolute}.loading,.error{color:var(--c-9ca3af);padding:2rem}.error{color:var(--c-f87171)}.detail-field{flex-direction:column;gap:.25rem;margin-bottom:.6rem;display:flex}.detail-field label{color:var(--c-9ca3af);font-size:.72rem}.detail-field input,.detail-field textarea{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);resize:vertical;border-radius:6px;padding:.35rem .5rem;font-family:inherit;font-size:.85rem}.detail-checkbox{color:var(--c-cbd5e1);align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.82rem;display:flex}.detail-actions{align-items:center;gap:.7rem;margin-bottom:.75rem;display:flex}.detail-actions button,.address-edit-fields button{background:var(--c-26406b);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:6px;padding:.35rem .6rem;font-size:.8rem}.detail-actions button:disabled,.address-edit-fields button:disabled{opacity:.5;cursor:not-allowed}.address-edit-row{border-bottom:1px solid var(--c-1e263c);padding:.5rem 0}.address-edit-status{color:var(--c-9ca3af);align-items:center;margin-bottom:.3rem;font-size:.78rem;display:flex}.address-edit-fields{gap:.35rem;margin-bottom:.4rem;display:flex}.address-edit-fields select{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;flex-shrink:0;font-size:.78rem}.address-edit-input{background:var(--c-1f2740);min-width:0;color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;flex:1;padding:.3rem .45rem;font-family:monospace;font-size:.8rem}.address-edit-port{background:var(--c-1f2740);width:64px;color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.3rem .4rem;font-size:.8rem}.history-sparkline{width:100%;height:32px;display:block}.history-sparkline-empty{color:var(--c-4b5563);padding:.3rem 0;font-size:.7rem}.detail-readonly-row{border-bottom:1px solid var(--c-1e263c);justify-content:space-between;gap:.75rem;padding:.3rem 0;font-size:.85rem;display:flex}.detail-readonly-label{color:var(--c-9ca3af);flex-shrink:0}.address-readonly-row{align-items:center;gap:.6rem;margin-bottom:.4rem;font-size:.82rem;display:flex}.address-readonly-row span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;overflow:hidden}.detail-edit-btn,.detail-cancel{background:var(--c-1f2740);color:var(--c-cbd5e1);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:6px;flex-shrink:0;padding:.3rem .6rem;font-size:.78rem}.detail-edit-btn:hover{border-color:var(--c-60a5fa);color:var(--c-93c5fd)}.detail-cancel:hover{border-color:var(--c-f87171);color:var(--c-f87171)}.detail-cancel:disabled{opacity:.5;cursor:not-allowed}.detail-delete{border:1px solid var(--c-401717);width:100%;color:var(--c-f87171);text-align:center;border-radius:6px;margin-top:.5rem;padding:.4rem .6rem;font-size:.8rem;display:block}.detail-delete:hover{background:var(--c-401717)}.detail-delete:disabled{opacity:.5;cursor:not-allowed}.settings-button{background:var(--c-1f2740);color:var(--c-cbd5e1);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:6px;padding:.4rem .8rem;font-size:.85rem}.settings-button:hover{border-color:var(--c-60a5fa);color:var(--c-93c5fd)}.settings-backdrop{background:var(--c-8-11-20-065);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:var(--c-12182a);border:1px solid var(--c-333f5c);width:min(880px,92vw);height:min(640px,88vh);box-shadow:0 20px 60px var(--c-0-0-0-05);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.settings-modal-header{background:var(--c-161c2c);border-bottom:1px solid var(--c-262f45);flex-shrink:0;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.settings-modal-header h2{margin:0;font-size:1.05rem}.settings-close{color:var(--c-9ca3af);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.3rem;line-height:1}.settings-close:hover{color:var(--c-e6e9ef)}.settings-modal-body{flex:1;min-height:0;display:flex}.settings-tabs{border-right:1px solid var(--c-262f45);background:var(--c-0f1420);flex-direction:column;flex-shrink:0;gap:.15rem;width:220px;padding:.5rem;display:flex;overflow-y:auto}.settings-tab{color:var(--c-cbd5e1);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.85rem;display:flex}.settings-tab:hover{background:var(--c-255-255-255-006)}.settings-tab.active{background:var(--c-1f2740);color:var(--c-93c5fd)}.settings-tab.child{margin-left:1.4rem;padding-left:.8rem;position:relative}.settings-tab-row{flex-direction:column;display:flex;position:relative}.settings-tab-row .settings-tab.has-children{padding-right:2rem}.settings-branch-toggle{width:1.5rem;height:1.5rem;color:var(--c-94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0;font-size:.8rem;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.settings-branch-toggle:hover{background:var(--c-255-255-255-008);color:var(--c-e6e9ef)}.settings-branch-tabs{border-bottom:1px solid var(--c-262f45);flex-wrap:wrap;gap:.2rem;margin:-.2rem 0 .9rem;display:flex}.settings-branch-tab{color:var(--c-94a3b8);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.4rem .7rem;font-size:.85rem}.settings-branch-tab:hover{color:var(--c-e6e9ef)}.settings-branch-tab.active{color:var(--c-93c5fd);border-bottom-color:var(--c-60a5fa)}.settings-tab.child:before{content:"";border-left:1px solid var(--c-3b4660);position:absolute;top:0;bottom:0;left:-.7rem}.settings-tab.child.last-child:before{bottom:50%}.settings-tab.child:after{content:"";border-top:1px solid var(--c-3b4660);width:.9rem;position:absolute;top:50%;left:-.7rem}.settings-tab-badge{color:var(--c-9ca3af);background:var(--c-262f45);border-radius:999px;flex-shrink:0;padding:.1rem .45rem;font-size:.65rem}.settings-content{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.settings-tab-content h3{margin-top:0}.settings-tab-intro{color:var(--c-9ca3af);margin-bottom:1.1rem;font-size:.85rem;line-height:1.5}.settings-placeholder h3{color:var(--c-cbd5e1)}.settings-field{flex-direction:column;gap:.25rem;max-width:420px;margin-bottom:.8rem;display:flex}.settings-field span:first-child{color:var(--c-cbd5e1);font-size:.82rem}.settings-field input{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.45rem .6rem;font-size:.9rem}.settings-field-hint{color:var(--c-6b7280);font-size:.72rem}.settings-checkbox{color:var(--c-cbd5e1);align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.85rem;display:flex}.settings-saved-note{color:var(--c-4ade80);font-size:.82rem}.settings-content>button,.notification-channel-form-actions button{background:var(--c-1f2740);color:var(--c-cbd5e1);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:6px;padding:.45rem .9rem;font-size:.85rem}.settings-content>button:hover,.notification-channel-form-actions button:hover{border-color:var(--c-60a5fa);color:var(--c-93c5fd)}.settings-content>button:disabled{opacity:.5;cursor:not-allowed}.notification-channel-row{border:1px solid var(--c-262f45);background:var(--c-161c2c);border-radius:8px;margin-bottom:.75rem;padding:.7rem .9rem}.notification-channel-summary{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.notification-channel-detail{color:var(--c-9ca3af);font-size:.8rem}.notification-channel-disabled-tag{color:var(--c-9ca3af);background:var(--c-262f45);border-radius:999px;padding:.1rem .45rem;font-size:.68rem}.notification-channel-actions{gap:.5rem;margin-top:.6rem;display:flex}.notification-channel-actions button{background:var(--c-1f2740);color:var(--c-cbd5e1);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:6px;padding:.3rem .65rem;font-size:.78rem}.notification-channel-actions button:hover{border-color:var(--c-60a5fa);color:var(--c-93c5fd)}.notification-channel-actions button.danger:hover{border-color:var(--c-f87171);color:var(--c-f87171)}.notification-channel-actions button:disabled{opacity:.5;cursor:not-allowed}.notification-channel-form{border:1px dashed var(--c-333f5c);background:var(--c-0f1420);border-radius:8px;margin-bottom:.75rem;padding:.9rem}.notification-channel-form-actions{gap:.5rem;display:flex}.notification-channel-form-actions button:disabled{opacity:.5;cursor:not-allowed}.session-box{align-items:center;gap:8px;margin-left:12px;display:flex}.session-user{opacity:.85;white-space:nowrap;font-size:13px}.sign-out-button{font:inherit;cursor:pointer;border:1px solid var(--c-255-255-255-035);color:inherit;background:0 0;border-radius:4px;padding:4px 10px;font-size:13px}.sign-out-button:hover{background:var(--c-255-255-255-012)}.session-warning{text-transform:uppercase;letter-spacing:.04em;background:var(--c-b91c1c);color:var(--c-ffffff);border-radius:4px;margin-left:12px;padding:3px 8px;font-size:12px;font-weight:600}button.pill{font:inherit;cursor:pointer;border:1px solid #0000;font-weight:600}button.pill:hover{border-color:currentColor}button.pill.active{box-shadow:0 0 0 2px var(--c-255-255-255-012);border-color:currentColor}.recent-events{border-bottom:1px solid var(--c-262f45);margin-bottom:1rem;padding-bottom:.75rem}.recent-events-list{max-height:480px;overflow-y:auto}.recent-event-row{border-bottom:1px solid var(--c-1e263c);align-items:center;gap:.35rem;padding:.25rem 0;font-size:.78rem;display:flex}.recent-event-row .status-dot{flex-shrink:0;margin-right:0}.recent-event-time{color:var(--c-6b7280);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:3.2rem}.recent-event-body{flex-direction:column;flex:1;min-width:0;display:flex}.recent-event-device{color:var(--c-e6e9ef);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-event-kind{font-size:.72rem}.recent-event-kind.up{color:var(--c-4ade80)}.recent-event-kind.down{color:var(--c-f87171)}.recent-event-kind.partially_down{color:var(--c-fbbf24)}.recent-event-kind.unknown{color:var(--c-9ca3af)}.recent-event-map{color:var(--c-93c5fd);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex-shrink:0;max-width:7rem;padding:0;font-size:.72rem;overflow:hidden}.recent-event-map:hover{text-decoration:underline}.collapsible-section{margin-top:.75rem}.collapsible-header{border:none;border-bottom:1px solid var(--c-262f45);width:100%;color:var(--c-e6e9ef);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:.35rem;padding:.35rem 0;font-size:.95rem;font-weight:600;display:flex}.collapsible-header:hover{color:var(--c-93c5fd)}.collapsible-caret{width:.9rem;color:var(--c-6b7280)}.collapsible-body{padding-top:.5rem}.status-list-view{box-sizing:border-box;height:100%;padding:1rem 1.25rem;overflow-y:auto}.status-list-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.status-list-header h2{margin:0;font-size:1rem}.status-list-row{border-bottom:1px solid var(--c-1e263c);cursor:pointer;border-radius:4px;padding:.45rem .6rem}.status-list-row:hover{background:var(--c-1a2138)}.status-list-row.selected{background:var(--c-1f2a44);box-shadow:inset 3px 0 0 var(--c-60a5fa)}.status-list-main{align-items:center;gap:.5rem;font-size:.88rem;display:flex}.status-list-main .status-dot{flex-shrink:0;margin-right:0}.status-list-name{color:var(--c-e6e9ef);font-weight:600}.status-list-since{font-size:.75rem}.status-list-since.down{color:var(--c-f87171)}.status-list-since.partially_down{color:var(--c-fbbf24)}.status-list-main .recent-event-map{max-width:14rem;margin-left:auto}.status-list-addrs{color:var(--c-6b7280);margin:.15rem 0 0 1.2rem;font-family:monospace;font-size:.75rem}.status-dot.unmonitored{box-shadow:inset 0 0 0 1px var(--c-6b7280);background:0 0}.device-node.unmonitored{border-style:dashed;border-color:var(--c-3b4460);background:var(--c-151a2b);opacity:.75}.device-node.unmonitored .meta{font-style:italic}.map-status-counts .count.unmonitored{color:var(--c-6b7280)}.profile-row{border-bottom:1px solid var(--c-1e263c);align-items:center;gap:.6rem;padding:.35rem 0;font-size:.85rem;display:flex}.profile-row .profile-actions{gap:.35rem;margin-left:auto;display:flex}.map-polling{margin:.6rem 0 .4rem}.map-polling select{width:100%}.polling-warning{border:1px solid var(--c-6b5217);background:var(--c-2a2212);color:var(--c-fbbf24);border-radius:6px;margin:.4rem 0 0;padding:.45rem .6rem;font-size:.78rem;line-height:1.35}.map-list-item .map-name{align-items:center;min-width:0;display:flex}.tree-caret,.tree-caret-spacer{flex-shrink:0;width:1.1rem;margin-right:.2rem}.tree-caret{color:var(--c-9ca3af);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;line-height:1}.tree-caret:hover{color:var(--c-e5e7eb)}.map-row-right{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.down-below-marker{background:var(--c-ef4444);width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--c-239-68-68-025);border-radius:50%}.map-search-path{color:var(--c-6b7280);margin-right:.15rem}.canvas-area{flex-direction:column;display:flex}.map-breadcrumb{border-bottom:1px solid var(--c-262f45);color:var(--c-9ca3af);white-space:nowrap;padding:.4rem .75rem;font-size:.8rem;overflow-x:auto}.map-breadcrumb .crumb{color:var(--c-60a5fa);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.map-breadcrumb .crumb:hover{text-decoration:underline}.map-breadcrumb .crumb.current{color:var(--c-e5e7eb)}.map-name-heading{align-items:baseline;gap:.6rem;display:flex}.map-name-heading h2{overflow-wrap:anywhere;min-width:0}.map-name-edit{margin:.5rem 0 .25rem}input.field-invalid,input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],.field-invalid-group{outline:1px solid var(--c-f87171);border-color:var(--c-f87171)!important}.field-invalid-group{outline-offset:2px;border-radius:6px}.field-error{color:var(--c-f87171);margin-top:.15rem;font-size:.75rem;display:block}.map-parent-section{margin:.6rem 0;font-size:.82rem}.map-parent-section select{max-width:100%;margin-left:.3rem}.canvas-area>.react-flow{flex:1;height:auto;min-height:0}.sender-card .sender-fields{margin-top:.7rem}.sender-test{gap:.5rem;max-width:420px;margin-top:.7rem;display:flex}.sender-test input,.settings-field select{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;flex:1;padding:.4rem .6rem;font-size:.85rem}.sender-test button{background:var(--c-1f2740);color:var(--c-cbd5e1);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:6px;padding:.3rem .65rem;font-size:.78rem}.sender-test button:disabled{opacity:.5;cursor:not-allowed}.target-type-tag{color:var(--c-93c5fd);border:1px solid var(--c-334766);border-radius:999px;margin-left:.3rem;padding:.05rem .4rem;font-size:.66rem}.target-checklist{margin:.4rem 0 .6rem}.target-checklist .settings-checkbox,.device-notify-section .settings-checkbox{margin-bottom:.35rem}.notified-none{color:var(--c-fbbf24);border:1px solid var(--c-5b4a1a);white-space:nowrap;border-radius:999px;margin-left:.35rem;padding:0 .35rem;font-size:.66rem}.delivery-log{margin-top:1.5rem}.delivery-log h3 .link-button{color:var(--c-60a5fa);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem}.delivery-log-table{border-collapse:collapse;width:100%;font-size:.78rem}.delivery-log-table td{border-bottom:1px solid var(--c-1a2138);color:var(--c-cbd5e1);vertical-align:top;padding:.3rem .4rem}.delivery-log-table td:first-child{white-space:nowrap;color:var(--c-9ca3af)}.delivery-log-table tr.failed td{color:var(--c-f87171)}.settings-list{color:var(--c-cbd5e1);padding-left:1.2rem;font-size:.85rem;line-height:1.5}.sidebar-add{padding:.6rem .75rem 0;position:relative}.add-button{background:var(--c-1d4ed8);width:100%;color:var(--c-ffffff);cursor:pointer;border:none;border-radius:6px;padding:.45rem .6rem;font-size:.85rem}.add-button:hover{background:var(--c-2563eb)}.add-menu,.pane-menu{background:var(--c-161c2c);border:1px solid var(--c-333f5c);box-shadow:0 10px 30px var(--c-0-0-0-045);z-index:900;border-radius:8px;flex-direction:column;padding:.25rem;display:flex}.add-menu{position:absolute;top:calc(100% + .25rem);left:.75rem;right:.75rem}.pane-menu{min-width:180px;position:fixed}.add-menu button,.pane-menu button{color:var(--c-cbd5e1);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.45rem .6rem;font-size:.85rem}.add-menu button:hover,.pane-menu button:hover{background:var(--c-1f2740);color:var(--c-ink-strong)}.wizard-modal{background:var(--c-12182a);border:1px solid var(--c-333f5c);width:min(560px,94vw);max-height:90vh;box-shadow:0 20px 60px var(--c-0-0-0-05);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.wizard-body{padding:1rem 1.2rem 1.2rem;overflow-y:auto}.wizard-body .settings-field{max-width:none}.wizard-body select,.wizard-address-row input,.wizard-address-row select{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.4rem .55rem;font-size:.88rem}.wizard-address{margin-bottom:.4rem}.wizard-address-row{align-items:center;gap:.4rem;display:flex}.wizard-address-row input[type=text]{flex:1;min-width:0}.wizard-port{width:5.5rem}.wizard-remove{color:var(--c-9ca3af);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.wizard-remove:hover{color:var(--c-f87171)}.wizard-warning{color:var(--c-fbbf24);font-size:.75rem}.wizard-warning.strong{color:var(--c-f87171)}.link-button{color:var(--c-60a5fa);cursor:pointer;text-align:left;background:0 0;border:none;padding:.1rem 0;font-size:.8rem}@media (width<=600px){.wizard-address-row{flex-wrap:wrap}}.wizard-test{background:var(--c-1f2740);color:var(--c-cbd5e1);border:1px solid var(--c-333f5c);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.35rem .6rem;font-size:.78rem}.wizard-test:disabled{opacity:.5;cursor:not-allowed}.probe-badge{margin-top:.2rem;font-size:.75rem;display:inline-block}.probe-badge.ok{color:var(--c-4ade80)}.probe-badge.fail{color:var(--c-f87171)}.probe-badge.unknown{color:var(--c-fbbf24)}.wizard-unreachable{border:1px solid var(--c-5b4a1a);background:var(--c-221d10);color:var(--c-fde68a);border-radius:8px;margin-top:.5rem;padding:.6rem .8rem;font-size:.85rem}.wizard-unreachable ul{margin:.3rem 0 .5rem;padding-left:1.1rem}.danger-zone{border-top:1px solid var(--c-262f45);margin-top:1.5rem;padding-top:.8rem}.danger-button{color:var(--c-f87171);border:1px solid var(--c-7f1d1d);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .8rem;font-size:.82rem}.danger-button:hover:not(:disabled){background:var(--c-7f1d1d);color:var(--c-ink-strong)}.danger-button:disabled{opacity:.5;cursor:not-allowed}.status-dot.unreachable{background:var(--c-8b7fb8)}.device-node.unreachable{border-color:var(--c-6d62a0);border-style:dotted}.device-node.unreachable .meta,.map-status-counts .count.unreachable{color:var(--c-a79fd0)}.pill.unreachable{background:var(--c-262040);color:var(--c-a79fd0)}.device-picker input{box-sizing:border-box;background:var(--c-1f2740);width:100%;color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.4rem .6rem;font-size:.85rem}.device-picker-list{border:1px solid var(--c-262f45);border-radius:6px;flex-direction:column;max-height:260px;margin-top:.3rem;display:flex;overflow-y:auto}.device-picker-list button{border:none;border-bottom:1px solid var(--c-1a2138);color:var(--c-cbd5e1);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.4rem .55rem;font-size:.82rem;display:flex}.device-picker-list button:hover{background:var(--c-1f2740)}.depends-on-section{margin-top:.8rem}.open-alerts{margin-bottom:.6rem}.open-alerts-list{max-height:260px;overflow-y:auto}.open-alert-row{border-bottom:1px solid var(--c-1a2138);align-items:flex-start;gap:.45rem;padding:.35rem .2rem;font-size:.8rem;display:flex}.open-alert-row .status-dot{margin-top:.3rem}.open-alert-row.acked{opacity:.6}.open-alert-body{flex-direction:column;flex:1;min-width:0;display:flex}.open-alert-body .link-button{color:var(--c-e6e9ef);font-size:.82rem}.open-alert-meta{color:var(--c-9ca3af);font-size:.72rem}.ack-button{background:var(--c-1f2740);color:var(--c-fbbf24);border:1px solid var(--c-5b4a1a);cursor:pointer;border-radius:6px;padding:.2rem .55rem;font-size:.75rem}.ack-button:hover:not(:disabled){background:var(--c-3a2f10)}.device-alert-box{border:1px solid var(--c-7f1d1d);background:var(--c-1f1414);color:var(--c-fecaca);border-radius:8px;margin:.6rem 0;padding:.55rem .75rem;font-size:.82rem}.device-alert-box.acked{border-color:var(--c-334766);background:var(--c-141a28);color:var(--c-cbd5e1)}.device-alert-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.maintenance-section{margin-top:.8rem}.maintenance-row{border-bottom:1px solid var(--c-1a2138);flex-wrap:wrap;align-items:flex-start;gap:.4rem;padding:.3rem 0;font-size:.8rem;display:flex}.maintenance-row.active .maintenance-body{color:var(--c-fde68a)}.maintenance-body{flex:1;min-width:0}.maintenance-form{border:1px solid var(--c-262f45);border-radius:8px;margin-top:.4rem;padding:.6rem .75rem}.maintenance-form input[type=datetime-local]{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.25rem .4rem;font-size:.8rem}.node-badge{flex-shrink:0;margin-left:.2rem;font-size:.7rem}.in-maintenance-tag{color:var(--c-fde68a);border:1px solid var(--c-5b4a1a);white-space:nowrap;border-radius:999px;margin-left:.35rem;padding:0 .35rem;font-size:.66rem}.device-escalation{margin-top:.5rem}.escalation-editor{margin-top:.3rem}.quiet-section{margin-top:.8rem}.quiet-row{color:var(--c-cbd5e1);flex-wrap:wrap;align-items:center;gap:.35rem;margin:.35rem 0;font-size:.8rem;display:flex}.quiet-days{gap:2px;display:flex}.quiet-days button{border:1px solid var(--c-333f5c);background:var(--c-161c2c);width:1.6rem;height:1.6rem;color:var(--c-6b7280);cursor:pointer;border-radius:4px;padding:0;font-size:.72rem}.quiet-days button.on{background:var(--c-1d4ed8);border-color:var(--c-1d4ed8);color:var(--c-ffffff)}.quiet-row input[type=time]{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.2rem .35rem;font-size:.8rem}.quiet-desc{flex-basis:100%}.critical-toggle{margin-bottom:.5rem}.suggest-controls,.suggest-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0;display:flex}.suggest-controls button,.suggest-actions button{background:var(--c-1f2740);color:var(--c-cbd5e1);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:6px;padding:.35rem .8rem;font-size:.82rem}.suggest-controls button:disabled,.suggest-actions button:disabled{opacity:.5;cursor:not-allowed}.suggest-controls select{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.3rem .5rem;font-size:.82rem}.suggest-group{border:1px solid var(--c-262f45);border-radius:8px;margin-bottom:.6rem;padding:.5rem .7rem}.suggest-group-head{margin-bottom:.3rem}.suggest-row{align-items:flex-start;padding-left:1rem;font-size:.8rem}.suggest-row>span{flex-direction:column;display:flex}.suggest-evidence{color:var(--c-6b7280);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.suggest-source{border:1px solid var(--c-334766);color:var(--c-93c5fd);border-radius:999px;align-self:flex-start;margin:.1rem 0;padding:0 .35rem;font-size:.64rem}.suggest-source.subnet{border-color:var(--c-5b4a1a);color:var(--c-fbbf24)}.suggest-source.dude_link{border-color:var(--c-2f5a3a);color:var(--c-86efac)}.map-tools{margin-top:1rem}.scan-options{border:1px solid var(--c-262f45);color:var(--c-cbd5e1);border-radius:8px;flex-wrap:wrap;gap:.4rem 1rem;margin:.3rem 0 .5rem;padding:.55rem .75rem;font-size:.8rem;display:flex}.scan-options input[type=number]{width:3.5rem}.scan-options input,.scan-options select{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.2rem .35rem;font-size:.8rem}.scan-options .settings-checkbox{flex-basis:100%;margin-bottom:0}.gateway-octets{width:5.5rem;margin-left:.3rem}.map-sidebar{max-width:60vw;position:relative}.sidebar-top{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.sidebar-divider{cursor:row-resize;background:var(--c-1a2138);border-top:1px solid var(--c-262f45);border-bottom:1px solid var(--c-262f45);flex:0 0 6px}.sidebar-divider:hover,.sidebar-resize:hover{background:var(--c-334766)}.sidebar-settings{flex:1 1 0;min-height:0;padding:.9rem 1rem 1.5rem;overflow-y:auto}.sidebar-settings h2{margin:0 0 .75rem;font-size:.95rem}.sidebar-settings .empty{color:var(--c-6b7280);font-size:.85rem}.sidebar-resize{cursor:col-resize;z-index:5;width:6px;height:100%;position:absolute;top:0;right:-3px}body.dragging-divider{-webkit-user-select:none;user-select:none;cursor:grabbing}.notifications-panel{flex-direction:column;display:flex}.notifications-panel .recent-events{border-bottom:none;flex:1;margin-bottom:0}.notifications-panel .recent-events-list{max-height:none}.device-menu{min-width:210px}.device-menu-title{color:var(--c-9ca3af);border-bottom:1px solid var(--c-262f45);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;padding:.35rem .6rem .25rem;font-size:.75rem;overflow:hidden}.pane-menu button.danger{color:var(--c-f87171)}.pane-menu .error{padding:.3rem .6rem;font-size:.75rem}.right-column{flex-shrink:0;max-width:50vw;min-height:0;display:flex;position:relative}.right-column>.notifications-panel{flex:1;width:auto;min-width:0}.right-resize{cursor:col-resize;z-index:5;width:6px;height:100%;position:absolute;top:0;left:0}.right-resize:hover{background:var(--c-334766)}.sidebar-resize,.right-resize{background:var(--c-161c2c);border-left:1px solid var(--c-262f45);border-right:1px solid var(--c-262f45);justify-content:center;align-items:center;width:10px;display:flex}.sidebar-resize{right:-5px}.right-resize{flex:0 0 10px;position:relative;left:auto}.sidebar-resize:after,.right-resize:after{content:"";border-left:2px dotted var(--c-4b5a80);width:2px;height:36px}.sidebar-divider{background:var(--c-161c2c);flex:0 0 10px;justify-content:center;align-items:center;display:flex}.sidebar-divider:after{content:"";border-top:2px dotted var(--c-4b5a80);width:36px;height:2px}.sidebar-resize:hover,.right-resize:hover,.sidebar-divider:hover,body.dragging-divider .sidebar-resize,body.dragging-divider .right-resize,body.dragging-divider .sidebar-divider{background:var(--c-1d4ed8)}.sidebar-resize:hover:after,.right-resize:hover:after,.sidebar-divider:hover:after{border-color:var(--c-ink-strong)}.right-column>.notifications-panel{border-left:none;padding:0;overflow:hidden}.notif-top{flex:none;min-height:0;padding:.8rem 1rem .4rem;overflow-y:auto}.notif-bottom{flex:1 1 0;min-height:0;padding:.6rem 1rem 1rem;overflow-y:auto}.notifications-panel .open-alerts-list{max-height:none}.notifications-panel .open-alerts{margin-bottom:0}.device-node.hex{width:176px;height:140px;min-height:0;box-shadow:none;color:var(--c-e6e9ef);--status-ink:var(--c-64748b);background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.device-node.hex.status-up{--status-ink:var(--c-4ade80)}.device-node.hex.status-partially_down{--status-ink:var(--c-fbbf24)}.device-node.hex.status-down,.device-node.hex.status-unreachable{--status-ink:var(--c-f87171)}.device-node.hex.status-unknown,.device-node.hex.status-unmonitored{--status-ink:var(--c-64748b)}.hex-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hex-outline polygon,.hex-outline .node-shape{fill:var(--c-device-fill);stroke:var(--status-ink);stroke-width:calc(1.5px * var(--ow,1));stroke-linejoin:round}.device-node.hex.status-unreachable .hex-outline .node-shape,.device-node.hex.status-unmonitored .hex-outline .node-shape{stroke-dasharray:6 4}.device-node.hex.status-unmonitored .hex-outline .node-shape{fill:var(--c-device-fill-unmonitored)}.device-node.hex.highlighted{box-shadow:none;animation:none}.device-node.hex.highlighted .hex-outline{filter:drop-shadow(0 0 6px var(--c-f5a623)) drop-shadow(0 0 2px var(--c-f5a623));animation:1s ease-in-out 3 hex-highlight-pulse}@keyframes hex-highlight-pulse{0%,to{filter:drop-shadow(0 0 6px var(--c-f5a623)) drop-shadow(0 0 2px var(--c-f5a623))}50%{filter:drop-shadow(0 0 1px var(--c-f5a623))}}.device-node.hex.selected-for-edit{box-shadow:none}.device-node.hex.selected-for-edit .hex-outline{filter:drop-shadow(0 0 5px var(--c-60a5fa)) drop-shadow(0 0 1px var(--c-60a5fa))}.react-flow.multi-selecting .react-flow__node-device.selected .device-node.hex{outline:none}.react-flow.multi-selecting .react-flow__node-device.selected .device-node.hex .hex-outline .node-shape{stroke:var(--c-f59e0b);stroke-width:max(3px, calc(1.5px * var(--ow,1)))}.device-node .node-body{transform-origin:0 0;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.device-node.shape-circle .hex-top{margin-top:16px}.device-node.shape-circle .hex-name{width:108px;font-size:.85rem}.device-node.shape-circle .hex-status{bottom:18px}.hex-top{height:28px;margin-top:12px;position:relative}.device-node.hex .device-icon{width:28px;height:28px;color:var(--status-ink);display:block}.hex-name{text-align:center;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;width:144px;margin-top:5px;font-size:.95rem;font-weight:600;line-height:1.2;display:-webkit-box;position:relative;overflow:hidden}.name-hover-card{z-index:10000;background:var(--c-111a2e);border:1px solid var(--c-334766);max-width:22rem;box-shadow:0 6px 18px var(--c-0-0-0-045);color:var(--c-cbd5e1);pointer-events:none;text-align:left;border-radius:6px;padding:.45rem .65rem;font-size:.8rem;line-height:1.35;position:fixed;transform:translate(-50%,-100%)}.name-hover-card.below{transform:translate(-50%)}.name-hover-title{color:var(--c-e6e9ef);overflow-wrap:anywhere;font-weight:600}.name-hover-line{color:var(--c-cbd5e1);overflow-wrap:anywhere;white-space:pre-wrap}.name-hover-line.muted{color:var(--c-94a3b8)}.name-hover-line.up{color:var(--c-4ade80)}.name-hover-line.down{color:var(--c-f87171)}.hex-status{justify-content:center;align-items:center;gap:.25rem;font-size:.66rem;display:flex;position:absolute;bottom:12px;left:0;right:0}.hex-status-text{color:var(--status-ink);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.device-node.hex .node-badge{margin:0;font-size:.66rem}.status-dot.unreachable{box-shadow:none;border:1.5px dashed var(--c-f87171);box-sizing:border-box;background:0 0}.map-status-counts .count.unreachable{color:var(--c-fca5a5)}.pill.unreachable{background:var(--c-401717);color:var(--c-fca5a5);border:1px dashed var(--c-f87171)}.device-node.unreachable .meta{color:var(--c-fca5a5)}.type-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.35rem;margin:.35rem 0 .2rem;display:grid}.type-choice{background:var(--c-161c2c);border:1px solid var(--c-262f45);color:var(--c-cbd5e1);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .25rem;font-size:.68rem;display:flex}.type-choice:hover:not(:disabled){border-color:var(--c-60a5fa)}.type-choice.on{border-color:var(--c-60a5fa);background:var(--c-1f2740);color:var(--c-ink-strong)}.type-choice-icon{width:26px;height:26px;color:var(--c-93c5fd)}.device-type-row{flex-wrap:wrap;align-items:center;gap:.45rem;margin:.4rem 0 .6rem;font-size:.85rem;display:flex}.device-type-row .type-grid{flex-basis:100%}.type-row-icon{width:24px;height:24px;color:var(--c-93c5fd)}.map-tools{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.column-hidden{display:none!important}.column-toggle{z-index:20;border:1px solid var(--c-333f5c);background:var(--c-161c2c);width:16px;height:56px;color:var(--c-93c5fd);cursor:pointer;opacity:.75;padding:0;font-size:.9rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.column-toggle:hover{opacity:1;background:var(--c-1d4ed8);color:var(--c-ffffff);border-color:var(--c-1d4ed8)}.column-toggle.left{border-left:none;border-radius:0 6px 6px 0;left:0}.column-toggle.right{border-right:none;border-radius:6px 0 0 6px;right:0}.portal-node.shape-hexagon,.static-node.shape-hexagon{clip-path:none;width:176px;height:140px;min-height:0;box-shadow:none;background:0 0;border:none;padding:0 22px;position:relative}.portal-node.shape-hexagon .hex-outline polygon,.static-node.shape-hexagon .hex-outline polygon{fill:var(--c-16223b);stroke:var(--c-60a5fa);stroke-width:calc(1.5px * var(--ow,1))}.static-node.shape-hexagon .hex-outline polygon{fill:var(--c-1a2138);stroke:var(--c-4b5a80)}.portal-node.shape-hexagon>:not(.hex-outline):not(.hex-el-bottom):not(.edit-affordance),.static-node.shape-hexagon>:not(.hex-outline){position:relative}.portal-node.shape-hexagon .edit-affordance{position:absolute;top:6px;right:30px}.portal-node.shape-hexagon.selected-for-edit,.static-node.shape-hexagon.selected-for-edit{box-shadow:none}.portal-node.shape-hexagon.selected-for-edit .hex-outline,.static-node.shape-hexagon.selected-for-edit .hex-outline{filter:drop-shadow(0 0 5px var(--c-60a5fa)) drop-shadow(0 0 1px var(--c-60a5fa))}.portal-node.shape-hexagon,.static-node.shape-hexagon{justify-content:flex-start;padding-top:12px}.hex-el-icon{flex:none;width:28px;height:28px;margin-bottom:4px;position:relative}.portal-node.shape-hexagon .hex-el-icon{color:var(--c-60a5fa)}.static-node.shape-hexagon .hex-el-icon{color:var(--c-6b7a99)}.portal-node.shape-hexagon .hex-outline .hex-inner{fill:none;stroke:var(--c-60a5fa);stroke-width:1px;opacity:.55}.portal-node.shape-hexagon .map-status-counts{justify-content:center;position:absolute;bottom:12px;left:0;right:0}.portal-node.shape-hexagon .hex-outline polygon:first-child{fill:var(--c-1a3160)}.portal-node.shape-hexagon>.hex-el-bottom{justify-content:center;align-items:center;gap:.4rem;display:flex;position:absolute;bottom:12px;left:0;right:0}.portal-node.shape-hexagon .hex-el-bottom .map-status-counts{position:static}.map-tag{letter-spacing:.08em;color:var(--c-0f1420);background:var(--c-60a5fa);border-radius:3px;padding:.05rem .3rem;font-size:.6rem;font-weight:700}.dude-import h4{margin:1.1rem 0 .4rem}.dude-import code{font-size:.85em}.import-files,.import-option{flex-direction:column;gap:.3rem;display:flex}.import-option{border:1px solid var(--c-263349);border-radius:6px;margin:.6rem 0;padding:.5rem .75rem .65rem}.import-option legend{color:var(--c-cbd5e1);padding:0 .3rem;font-size:.85rem}.import-actions{align-items:center;gap:.75rem;margin-top:.4rem;display:flex}.import-counts{border-collapse:collapse;font-size:.85rem}.import-counts td{white-space:nowrap;vertical-align:top;padding:.15rem .9rem .15rem 0}.import-counts td:nth-child(2){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.import-counts td:nth-child(3){color:var(--c-94a3b8);white-space:normal}.import-scale{background:var(--c-1f2740);width:4.5rem;color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;margin-left:.3rem;padding:.2rem .35rem;font-size:.8rem}.dude-import button:not(.link-button){background:var(--c-1f2740);color:var(--c-cbd5e1);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:6px;padding:.45rem .9rem;font-size:.85rem}.dude-import button:not(.link-button):hover:not(:disabled){border-color:var(--c-60a5fa);color:var(--c-93c5fd)}.dude-import button:disabled{opacity:.5;cursor:default}.import-option .settings-checkbox{margin-bottom:.2rem}.import-confirm,.import-result{border:1px solid var(--c-334766);border-radius:6px;max-width:44rem;padding:.5rem .75rem}.import-subhead{color:var(--c-94a3b8);margin-top:.5rem;font-size:.8rem}.import-subhead-field{margin-top:.5rem}.import-confirm p,.import-result p{margin:.35rem 0;font-size:.85rem}.site-tag{letter-spacing:.04em;border:1px solid var(--c-2f5a7a);color:var(--c-7dd3fc);border-radius:3px;margin-right:.3rem;padding:0 .3rem;font-size:.6rem;font-weight:700}.site-tag.reach-direct{border-color:var(--c-3a3f55);color:var(--c-94a3b8)}.vpn-overview-row .map-name{color:var(--c-7dd3fc);font-style:italic}.vpn-overview-count{color:var(--c-64748b);font-size:.7rem}.site-crumb{color:var(--c-7dd3fc)}.canvas-area>.vpn-overview{flex-direction:column;flex:1;min-height:0;display:flex}.vpn-overview>.react-flow{flex:1;height:auto;min-height:0}.vpn-empty{margin:2rem}.vpn-node,.vpn-hub{background:var(--c-16203a);border:1.5px solid var(--c-334766);width:200px;color:var(--c-cbd5e1);text-align:center;border-radius:8px;padding:.5rem .6rem;font-size:.75rem}.vpn-node{cursor:pointer}.vpn-node:hover{border-color:var(--c-60a5fa)}.vpn-node.status-up{border-color:var(--c-166534)}.vpn-node.status-down,.vpn-node.status-unreachable{border-color:var(--c-b91c1c)}.vpn-node.status-partially_down{border-color:var(--c-a16207)}.vpn-hub{background:var(--c-1a3160);border-color:var(--c-3b82f6)}.vpn-node-name{color:var(--c-e6e9ef);overflow-wrap:anywhere;font-size:.85rem;font-weight:600}.vpn-node-how,.vpn-node-access{color:var(--c-94a3b8)}.vpn-node-tunnel{color:var(--c-64748b);font-style:italic}.vpn-node-counts{margin-top:.25rem}.site-counts{flex-wrap:wrap;justify-content:center;gap:.35rem;display:inline-flex}.site-count.up{color:var(--c-4ade80)}.site-count.down,.site-count.unreachable{color:var(--c-f87171)}.site-count.partially_down{color:var(--c-fbbf24)}.site-count.unknown,.site-count.unmonitored{color:var(--c-94a3b8)}.site-row{border:1px solid var(--c-263349);border-radius:6px;margin-bottom:.5rem;padding:.45rem .7rem;font-size:.85rem}.site-row-head{flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;display:flex}.site-row-head strong{white-space:nowrap}.site-row-actions{flex-basis:100%;order:3;gap:.9rem;margin-top:.15rem;display:flex}.site-row-actions button{white-space:nowrap}.site-row-body{color:var(--c-cbd5e1);flex-direction:column;gap:.1rem;margin-top:.2rem;font-size:.8rem;display:flex}.sites-tab button:not(.link-button):not(.wizard-remove){background:var(--c-1f2740);color:var(--c-cbd5e1);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:6px;padding:.4rem .9rem;font-size:.85rem}.sites-tab button:disabled{opacity:.5;cursor:default}.sites-tab h4{margin:1.2rem 0 .3rem}.site-editor textarea,.site-editor select,.site-subnet-row input:not([type=checkbox]),.remap-block-input{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.35rem .5rem;font-size:.85rem}.site-subnet-row{flex-wrap:wrap;align-items:center;gap:.45rem;margin:.2rem 0;display:flex}.site-subnet-row .settings-checkbox{margin:0}.device-site-row select{background:var(--c-1f2740);max-width:60%;color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:4px;font-size:.8rem}.site-subnet-row .settings-checkbox{flex:none;gap:.3rem;width:auto;display:inline-flex}.site-editor .settings-field input:not([type=checkbox]),.site-editor .settings-field select,.site-editor .settings-field textarea{max-width:26rem}.site-subnet-row input:not([type=checkbox]){width:10rem;max-width:10rem}.site-subnets{flex-direction:column;gap:.2rem;margin-bottom:.9rem;display:flex}.site-subnets-label{color:var(--c-cbd5e1);font-size:.82rem}.site-subnet-real{color:var(--c-94a3b8);font-size:.8rem}.site-editor textarea{font-family:inherit}.tunnel-status.up{color:var(--c-4ade80)}.tunnel-status.down{color:var(--c-f87171)}.tunnel-error{color:var(--c-fca5a5)}.vpn-node-tunnel.up{color:var(--c-4ade80);font-style:normal}.vpn-node-tunnel.down{color:var(--c-f87171);font-style:normal}.wg-wizard{border:1px solid var(--c-334766);border-radius:8px;margin-bottom:1rem;padding:.6rem .9rem .9rem}.wg-wizard-head{justify-content:space-between;align-items:baseline;display:flex}.wg-wizard-head h4{margin:.3rem 0}.wg-steps{color:var(--c-64748b);counter-reset:step;gap:1.2rem;margin:.3rem 0 .8rem;padding:0;font-size:.8rem;list-style:none;display:flex}.wg-steps li:before{counter-increment:step;content:counter(step) ". "}.wg-steps li.current{color:var(--c-93c5fd);font-weight:600}.wg-wizard input:not([type=checkbox]):not([type=radio]){background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;max-width:30rem;padding:.35rem .5rem;font-size:.85rem}.vpn-checks{margin:.6rem 0;padding:0;font-size:.82rem;list-style:none}.vpn-checks li{color:var(--c-cbd5e1);margin:.25rem 0}.vpn-check-mark{text-align:center;width:1.2rem;font-weight:700;display:inline-block}.vpn-checks li.ok .vpn-check-mark{color:var(--c-4ade80)}.vpn-checks li.fail .vpn-check-mark{color:var(--c-f87171)}.vpn-checks li.note .vpn-check-mark{color:var(--c-93c5fd)}.copy-block{border:1px solid var(--c-263349);border-radius:6px;max-width:46rem;margin:.5rem 0}.copy-block-head{color:var(--c-94a3b8);border-bottom:1px solid var(--c-263349);justify-content:space-between;padding:.25rem .6rem;font-size:.78rem;display:flex}.copy-block pre{white-space:pre-wrap;word-break:break-all;color:var(--c-e6e9ef);margin:0;padding:.5rem .6rem;font-size:.75rem}.wg-app-config{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.wg-qr{background:var(--c-ffffff);border-radius:6px;padding:6px}.vpn-tail{background:var(--c-0b1220);border:1px solid var(--c-263349);max-height:16rem;color:var(--c-cbd5e1);border-radius:6px;margin:.5rem 0;padding:.4rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;overflow-y:auto}.vpn-tail-at{color:var(--c-64748b)}.vpn-tail-site{color:var(--c-7dd3fc)}.connection-log-filters{flex-wrap:wrap;align-items:center;gap:.9rem;margin-bottom:.4rem;display:flex}.connection-log-filters select{background:var(--c-1f2740);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:6px;padding:.3rem .4rem;font-size:.82rem}.connection-log-filters .settings-checkbox{margin:0}.vpn-log-rows{max-height:22rem;font-size:.8rem;overflow-y:auto}.vpn-log-row{border-bottom:1px solid var(--c-1b2538);cursor:pointer;grid-template-columns:7.5rem 9rem 1fr;gap:.5rem;padding:.25rem .3rem;display:grid}.vpn-log-row.error .vpn-log-summary{color:var(--c-fca5a5)}.vpn-log-row.ok .vpn-log-summary{color:var(--c-86efac)}.vpn-log-site{color:var(--c-7dd3fc);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vpn-log-hint,.vpn-log-line{grid-column:3}.vpn-log-hint{color:var(--c-fbbf24);font-size:.76rem}.vpn-log-line{color:var(--c-94a3b8);white-space:pre-wrap;word-break:break-all;margin:0;font-size:.7rem}.vpn-server-fields{flex-wrap:wrap;gap:.8rem;display:flex}.vpn-server-fields .settings-field input{width:12rem}.vpn-server-settings code{word-break:break-all;font-size:.75rem}.hex-site-tag{letter-spacing:.04em;border:1px solid var(--c-2f5a7a);color:var(--c-7dd3fc);background:var(--c-10203a);border-radius:3px;padding:2px 3px;font-size:.55rem;font-weight:700;line-height:1;position:absolute;top:50%;left:calc(100% + 5px);transform:translateY(-50%)}.hex-site-tag.reach-direct{border-color:var(--c-3a3f55);color:var(--c-94a3b8)}.hex-site-tag.reach-agent{border-color:var(--c-1f5a50);color:var(--c-5eead4);background:var(--c-0f2a28)}.tile-toolbar{z-index:20;border:1px solid var(--c-333f5c);background:var(--c-161d2e);box-shadow:0 6px 18px var(--c-0-0-0-04);border-radius:8px;align-items:center;gap:.75rem;padding:.35rem .9rem;font-size:.8rem;display:flex;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.tile-notice{color:var(--c-fbbf24)}.tile-area{flex:1;min-height:0;position:relative}.tile{flex-direction:column;min-width:0;min-height:0;padding:3px;display:flex;position:absolute}.tile>.tile-header,.tile>.tile-body{border:1px solid var(--c-262f45)}.tile.active>.tile-header,.tile.active>.tile-body{border-color:var(--c-3b82f6)}.tile-header{background:var(--c-12182a);border-radius:6px 6px 0 0;align-items:center;gap:.4rem;min-width:0;padding:.2rem .4rem;font-size:.8rem;display:flex;border-bottom:none!important}.tile-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:6rem;overflow:hidden}.tile-header .map-breadcrumb{border:0;padding:0}.tile-empty-title{color:var(--c-9ca3af);font-style:italic}.tile-map-picker,.tile-switcher{background:var(--c-0f1420);min-width:3.5rem;max-width:9rem;color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:4px;flex-shrink:1;padding:.1rem .2rem;font-size:.75rem}.tile-switcher{max-width:12rem}.tile-actions{gap:.15rem;display:flex}.tile-actions button{color:var(--c-9ca3af);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:.2rem .3rem;font-size:.85rem;line-height:1}.tile-actions button:hover{color:var(--c-e6e9ef);border-color:var(--c-333f5c)}.tile-actions button.on{color:var(--c-60a5fa);border-color:var(--c-3b82f6)}.tile-body{border-radius:0 0 6px 6px;flex:1;min-height:0;position:relative;overflow:hidden}.tile-body>.react-flow{height:auto;position:absolute;inset:0}.tile-overlay{z-index:10;background:var(--c-0f1420);position:absolute;inset:0;overflow:auto}.tile-overlay>.vpn-overview{flex-direction:column;height:100%;display:flex}.tile-empty{color:var(--c-9ca3af);text-align:center;justify-content:center;align-items:center;padding:1.5rem;display:flex}.tile-swap-here{z-index:20;border:2px dashed var(--c-3b82f6);background:var(--c-59-130-246-012);color:var(--c-e6e9ef);cursor:pointer;font-size:.95rem;position:absolute;inset:0}.tile-divider{z-index:15;position:absolute}.tile-divider.row{cursor:col-resize;width:8px;margin-left:-4px}.tile-divider.col{cursor:row-resize;height:8px;margin-top:-4px}.tile-divider:hover{background:var(--c-59-130-246-035)}.layout-menu{position:relative}.layout-menu-button{background:var(--c-161c2c);color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:20rem;padding:.4rem .85rem;font-size:.95rem;font-weight:500;overflow:hidden}.layout-menu-popover{z-index:950;background:var(--c-161c2c);border:1px solid var(--c-333f5c);width:18rem;max-width:calc(100vw - 2rem);box-shadow:0 10px 30px var(--c-0-0-0-045);border-radius:8px;flex-direction:column;gap:.4rem;padding:.6rem;display:flex;position:absolute;top:calc(100% + .3rem);left:0}.layout-menu-heading{color:var(--c-9ca3af);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.layout-presets{flex-wrap:wrap;gap:.3rem;display:flex}.layout-preset{background:var(--c-0f1420);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:4px;padding:.2rem;line-height:0}.layout-preset:hover{border-color:var(--c-3b82f6)}.layout-preset rect{fill:var(--c-262f45);stroke:var(--c-9ca3af);stroke-width:1px}.layout-menu-empty{color:var(--c-9ca3af);margin:0}.layout-saved-list{max-height:14rem;margin:0;padding:0;list-style:none;overflow-y:auto}.layout-saved-list li{align-items:center;display:flex}.layout-saved-list li.current .layout-saved-open{color:var(--c-60a5fa)}.layout-saved-open{text-align:left;color:var(--c-e6e9ef);cursor:pointer;background:0 0;border:none;flex:1;padding:.25rem .2rem;font-size:.8rem}.layout-saved-open:hover{background:var(--c-1f2840)}.layout-saved-delete{color:var(--c-9ca3af);cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-size:1rem}.layout-saved-delete:hover{color:var(--c-f87171)}.layout-save,.layout-save-as button{background:var(--c-1d4ed8);color:var(--c-ffffff);cursor:pointer;border:none;border-radius:4px;padding:.3rem .6rem;font-size:.8rem}.layout-save:disabled,.layout-save-as button:disabled{opacity:.5;cursor:default}.layout-save-as{gap:.3rem;display:flex}.layout-save-as input{background:var(--c-0f1420);min-width:0;color:var(--c-e6e9ef);border:1px solid var(--c-333f5c);border-radius:4px;flex:1;padding:.25rem .4rem;font-size:.8rem}.layout-menu-error{margin:0;padding:0;font-size:.75rem}.bulk-select-toggle{color:var(--c-9ca3af);align-items:center;gap:.7rem;margin-top:.4rem;font-size:.78rem;display:flex}.map-check{pointer-events:none;margin:0 .4rem 0 0}.map-list-item.checked{background:var(--c-1c2a45);border-left-color:var(--c-f59e0b)}.bulk-head{justify-content:space-between;align-items:baseline;display:flex}.bulk-section{border-top:1px solid var(--c-262f45);padding:.6rem 0 .2rem}.bulk-section h3{margin:0 0 .4rem;font-size:.9rem}.bulk-section select{max-width:100%}.bulk-modes{flex-direction:column;gap:.1rem;margin-bottom:.4rem;display:flex}.bulk-delay{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.4rem 0;font-size:.82rem;display:flex}.bulk-delay input{width:5rem}.submap-status{border-left:1px solid var(--c-333f5c);align-items:center;gap:.25rem;padding-left:.4rem;display:inline-flex}.submap-label{text-transform:uppercase;letter-spacing:.04em;color:var(--c-6b7280);font-size:.62rem}.layout-preview-bar{border-color:var(--c-60a5fa)}.layout-preview-note{color:var(--c-9ca3af);font-size:.78rem}.import-choice{margin:.6rem 0 .8rem}.import-choice-actions{color:var(--c-9ca3af);gap:.7rem;margin-bottom:.3rem;font-size:.78rem;display:flex}.import-choice-list{border:1px solid var(--c-262f45);border-radius:6px;max-height:260px;padding:.3rem .5rem;overflow-y:auto}.device-macs{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.snmp-state{color:var(--c-cbd5e1);margin:.2rem 0 .4rem;font-size:.82rem}.snmp-state.not_answering{color:var(--c-fbbf24)}.snmp-state.ok{color:var(--c-4ade80)}.snmp-controls{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.snmp-controls input{flex:1;min-width:8rem}.snmp-map-community{margin:.3rem 0;display:block}.snmp-ifs{border-collapse:collapse;width:100%;margin:.4rem 0;font-size:.76rem}.snmp-ifs th,.snmp-ifs td{text-align:left;border-bottom:1px solid var(--c-1a2138);white-space:nowrap;padding:.2rem .3rem}.snmp-ifs th{color:var(--c-9ca3af);font-weight:500}.snmp-ifs tr.down td{color:var(--c-6b7280)}.snmp-err{color:var(--c-f87171)}.canvas-area{position:relative}.header-layout{align-items:center;display:flex}@media (hover:hover){.tile.quiet-actions .tile-actions{opacity:0;pointer-events:none;transition:opacity .12s}.tile.quiet-actions .tile-header:hover .tile-actions,.tile.quiet-actions .tile-header:focus-within .tile-actions{opacity:1;pointer-events:auto}}.tile-header .status-filter-bar{flex-shrink:0}.alert-chip-box{position:relative}.alert-chip{border:1px solid var(--c-333f5c);background:var(--c-1f2740);color:var(--c-9ca3af);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.3rem .7rem;font-size:.8rem}.alert-chip.unacked{background:var(--c-3a1518);border-color:var(--c-7f1d1d);color:var(--c-fca5a5)}.alert-chip.acked{color:var(--c-fbbf24)}.alert-chip-menu{z-index:50;border:1px solid var(--c-333f5c);background:var(--c-161d2e);width:360px;max-height:70vh;box-shadow:0 12px 30px var(--c-0-0-0-05);border-radius:10px;padding:.5rem;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.alert-chip-menu .open-alert-row{align-items:center;gap:.5rem;padding:.35rem .25rem;display:flex}.alert-chip-sub{text-transform:uppercase;letter-spacing:.05em;color:var(--c-6b7280);margin:.5rem .25rem .25rem;font-size:.72rem}.map-list-item.tree-row{position:relative}.tree-guide{border-left:1px solid var(--c-3b4660);pointer-events:none;position:absolute}.tree-elbow{border-top:1px solid var(--c-3b4660);pointer-events:none;position:absolute;top:50%}.tabbed-dialog{width:min(800px,96vw);height:min(640px,90vh)}.tabbed-dialog .wizard-body{flex:1;min-height:0}.tabbed-dialog-tabs{border-bottom:1px solid var(--c-262f45);flex-wrap:wrap;gap:.2rem;padding:.4rem .8rem;display:flex}.tabbed-dialog-tabs .settings-tab{width:auto;padding:.35rem .55rem}.tile-settings{background:var(--c-1f2740);border:1px solid var(--c-333f5c);color:var(--c-cbd5e1);cursor:pointer;white-space:nowrap;border-radius:5px;flex-shrink:0;padding:.15rem .5rem;font-size:.75rem;line-height:1}.tile-settings:hover{color:var(--c-ink-strong)}.tile-body{position:relative}.device-card{z-index:15;border:1px solid var(--c-333f5c);background:var(--c-161d2e);width:min(330px,100% - 20px);max-height:calc(100% - 20px);box-shadow:0 12px 30px var(--c-0-0-0-045);border-radius:10px;flex-direction:column;gap:.35rem;padding:.75rem .85rem;font-size:.82rem;display:flex;position:absolute;top:10px;right:10px;overflow-y:auto}.device-card-head{justify-content:space-between;align-items:flex-start;gap:.5rem;font-size:.95rem;display:flex}.device-card-status{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.device-card-status .pill{padding:.1rem .5rem;font-size:.72rem}.card-sub{text-transform:uppercase;letter-spacing:.05em;color:var(--c-6b7280);margin-top:.4rem;font-size:.68rem}.device-card-addr-line{align-items:center;gap:.35rem;display:flex}.device-card-latency{margin-left:auto}.device-card-line{margin:0}.device-card-maint{color:var(--c-fbbf24);margin:0}.device-card-settings{border:1px solid var(--c-333f5c);background:var(--c-26406b);color:var(--c-e6e9ef);cursor:pointer;border-radius:6px;margin-top:.5rem;padding:.45rem}.device-card .snmp-section{font-size:.78rem}.flat-section-title{margin:1rem 0 .4rem;font-size:.95rem}.device-link-label.snmp{pointer-events:all;cursor:help;border:1px solid var(--c-333f5c);font-variant-numeric:tabular-nums}.device-link-label.alerting{background:var(--c-3a1518);color:var(--c-fecaca)}.link-kind{margin:.4rem 0 .8rem}.link-graph{background:var(--c-0f1420);border:1px solid var(--c-262f45);border-radius:6px;display:block}.link-flow{fill:none;stroke:var(--c-226-232-240-085);stroke-linecap:round;stroke-dasharray:.1 12;pointer-events:none;animation:1s linear infinite link-flow}.link-flow.backward{animation-direction:reverse}@keyframes link-flow{0%{stroke-dashoffset:12.1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.link-flow{animation:none}}.shape-picker{gap:.5rem;display:flex}.shape-option{background:var(--c-141b2d);border:1px solid var(--c-2a3450);color:var(--c-cbd5e1);border-radius:6px;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .7rem;font-size:.8rem;display:flex}.shape-option.active{border-color:var(--c-60a5fa);background:var(--c-1a2a4a)}.shape-glyph{fill:var(--c-1a2138);stroke:var(--c-4ade80)}.bulk-appearance{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.react-flow__selection{background:var(--c-96-165-250-012);border:1.5px dashed var(--c-60a5fa)}.react-flow__nodesselection-rect{background:var(--c-96-165-250-006);border:1px dashed var(--c-96-165-250-06)}.react-flow.select-mode .react-flow__pane,body.select-armed .react-flow.active-canvas .react-flow__pane{cursor:crosshair}.react-flow__controls-button.select-mode-button.on{background:var(--c-1d4ed8);color:var(--c-ffffff)}.react-flow__controls-button.select-mode-button.on:hover{background:var(--c-2563eb)}.react-flow__controls-button .marquee-icon{fill:none;max-width:none;max-height:none}.react-flow__controls-button .marquee-icon path{fill:currentColor}.select-hint{z-index:10000;background:var(--c-111a2e);border:1px solid var(--c-3b82f6);color:var(--c-dbeafe);pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px var(--c-0-0-0-04);border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.75rem;position:fixed;top:0;left:0}.select-hint .marquee-icon{color:var(--c-60a5fa)}.site-setup-prompt{border:1px solid var(--c-3b82f6);background:var(--c-13213d);color:var(--c-dbeafe);border-radius:8px;margin:.4rem 0 .8rem;padding:.6rem .8rem;font-size:.85rem}.site-setup-prompt .import-actions{margin-top:.5rem}.role-badge{border:1px solid var(--c-334766);color:var(--c-93c5fd);border-radius:999px;margin-left:.4rem;padding:0 .4rem;font-size:.7rem}.role-badge.role-read{color:var(--c-cbd5e1)}.role-badge.role-write{color:var(--c-fcd34d);border-color:var(--c-6b5a1f)}.role-banner{border:1px solid var(--c-6b5a1f);background:var(--c-2a2412);color:var(--c-fde68a);border-radius:6px;margin:0 0 .8rem;padding:.4rem .7rem;font-size:.82rem}.access-card{border:1px solid var(--c-2f4a7a);background:var(--c-13213d);border-radius:8px;margin-bottom:.8rem;padding:.6rem .8rem}.users-table,.audit-table{border-collapse:collapse;width:100%;margin-bottom:.6rem;font-size:.84rem}.users-table th,.audit-table th{text-align:left;color:var(--c-94a3b8);border-bottom:1px solid var(--c-262f45);padding:.3rem .4rem;font-weight:500}.users-table td,.audit-table td{border-bottom:1px solid var(--c-1c2438);vertical-align:top;padding:.35rem .4rem}.user-actions{white-space:nowrap;text-align:right}.user-actions .link-button+.link-button{margin-left:.6rem}.danger-link{color:var(--c-f87171)}.user-disabled td:first-child{opacity:.6}.audit-filters{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.audit-row{cursor:pointer}.audit-row:hover{background:var(--c-255-255-255-003)}.audit-row.refused td:last-child{color:var(--c-fca5a5)}.audit-when{white-space:nowrap;color:var(--c-94a3b8)}.audit-detail pre{background:var(--c-0f1420);border-radius:4px;max-height:16rem;margin:.3rem 0 0;padding:.4rem;font-size:.75rem;overflow:auto}.login-page{background:var(--c-0b1020);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--c-12182a);border:1px solid var(--c-262f45);width:min(360px,100%);color:var(--c-e6e9ef);border-radius:10px;flex-direction:column;gap:.7rem;padding:1.4rem;display:flex}.login-card h1{margin:0;font-size:1.2rem}.login-card label{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.login-note{color:var(--c-94a3b8);margin:0;font-size:.82rem}.login-note a{color:var(--c-93c5fd)}.script-list{flex-direction:column;gap:.4rem;display:flex}.script-item{text-align:left;background:var(--c-141b2d);border:1px solid var(--c-262f45);color:var(--c-e6e9ef);cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.55rem .7rem;display:flex}.script-item:hover{border-color:var(--c-3b4f7a)}.script-item-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.script-platform{color:var(--c-94a3b8);font-size:.78rem}.script-desc{color:var(--c-aab4c5);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.script-meta{flex-wrap:wrap;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.script-tag{border:1px solid var(--c-334766);color:var(--c-93c5fd);border-radius:999px;padding:0 .4rem;font-size:.72rem}.script-tag.builtin{color:var(--c-86efac);border-color:var(--c-1f5a37)}.script-content{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.import-skipped-row td{color:var(--c-fcd34d)}.import-skipped-row .settings-field-hint{color:var(--c-c9b27a)}.theme-switch{background:var(--c-1f2740);color:var(--c-cbd5e1);border:1px solid var(--c-333f5c);cursor:pointer;border-radius:6px;width:2.1rem;height:2rem;padding:0;font-size:1rem;line-height:1}.theme-switch:hover{border-color:var(--c-60a5fa)}.ip-family-tag{letter-spacing:.02em;border:1px solid var(--c-333f5c);color:var(--c-9ca3af);border-radius:3px;padding:1px 3px;font-size:.6rem;font-weight:600;line-height:1}.ip-family-tag.has-v6{border-color:var(--c-2f5a7a);color:var(--c-7dd3fc)}.device-card-status .ip-family-tag{font-size:.68rem}