.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.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 .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation: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:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.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:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.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{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.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{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--bg: #0c1420;--surface: #161e2b;--line: #2c3644;--text: #eaeded;--muted: #aeb9c4;--faint: #7e8a97;--accent: #8a85ff;--good: #2fb37e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Helvetica Neue,system-ui,Arial,sans-serif}.app{height:100vh;display:flex;flex-direction:column}.app.center{align-items:center;justify-content:center}.app.muted{color:var(--muted)}.login{width:320px;text-align:center;padding:34px 28px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px -24px #0009}.login-mark{width:44px;height:44px;margin:0 auto 14px;border-radius:11px;display:grid;place-items:center;color:#0b121d;font-size:20px;background:conic-gradient(from 210deg,#5b57e0,#12b5a5,#f0932b,#5b57e0)}.login-title{font-size:22px;font-weight:700}.login-sub{color:var(--muted);font-size:13px;margin:4px 0 22px}.login-btn{width:100%;height:42px}.login-err{color:#ff9b9b;font-size:12.5px;margin-top:14px}.user{display:flex;align-items:center;gap:10px}.user-email{color:var(--text);font-size:13px}.user-out{background:#212c3b;border:1px solid var(--line);color:var(--muted);font-size:12px;padding:3px 10px;border-radius:6px;cursor:pointer}.user-out:hover{color:var(--text)}.nav{height:48px;display:flex;align-items:center;gap:14px;padding:0 18px;background:#0b121d;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;font-weight:700}.logo .mark{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:conic-gradient(from 210deg,#5b57e0,#12b5a5,#f0932b,#5b57e0);color:#0b121d;font-size:13px}.crumb{color:var(--muted);font-size:13.5px}.crumb b{color:var(--text)}.link-cluster{margin-left:14px;background:#212c3b;border:1px solid var(--line);color:var(--muted);font-size:12.5px;padding:4px 11px;border-radius:7px;cursor:pointer}.link-cluster:hover{color:var(--text);border-color:var(--accent)}.region{margin-left:auto;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:7px}.ob-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a10a8;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.ob-modal{width:640px;max-width:100%;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 80px -30px #000000b3}.ob-head{display:flex;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--line)}.ob-title{font-size:18px;font-weight:700}.ob-sub{font-size:13px;color:var(--muted);margin-top:3px}.ob-head .insp-x{margin-left:auto}.ob-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px}.ob-field{display:flex;flex-direction:column;gap:5px}.ob-field.ob-wide{grid-column:1 / -1}.ob-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:12px}.ob-block{border:1px solid var(--line);border-radius:9px;overflow:hidden}.ob-block-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1b2432;font-size:12.5px;font-weight:600}.ob-copy{background:none;border:1px solid var(--line);color:var(--muted);font-size:11.5px;padding:2px 9px;border-radius:6px;cursor:pointer}.ob-copy:hover{color:var(--text)}.ob-code{margin:0;padding:11px 12px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;line-height:1.5;color:var(--text);white-space:pre;overflow-x:auto;background:var(--bg)}.ob-note{font-size:12px;color:var(--faint)}.ob-note .mono{font-family:ui-monospace,Menlo,monospace;color:var(--muted)}.region .dot{width:7px;height:7px;border-radius:50%;background:var(--good)}main{flex:1;min-height:0;padding:16px}.map-wrap{height:100%;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.map-bar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:14px}.badge{font-size:12px;color:var(--muted);background:#212c3b;border:1px solid var(--line);padding:3px 9px;border-radius:6px}.hint{color:var(--faint);font-size:13px}.err{color:#ff7c7c;font-size:13px}.bar-btn{background:#212c3b;border:1px solid var(--line);color:var(--muted);font-size:13px;padding:5px 12px;border-radius:7px;cursor:pointer}.bar-btn:hover{color:var(--text)}.bar-btn.active{color:var(--text);border-color:var(--accent)}.view-toggle{margin-left:auto;display:inline-flex;background:#212c3b;border:1px solid var(--line);border-radius:7px;overflow:hidden}.view-toggle button{background:none;border:none;color:var(--muted);font-size:13px;padding:5px 12px;cursor:pointer}.view-toggle button.on{background:var(--accent);color:#0b121d;font-weight:600}.nodegroup{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:220px;box-shadow:0 2px 10px #00000059;overflow:hidden}.nodegroup.is-off{opacity:.55}.ng-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);background:#1b2432}.ng-ico{width:26px;height:26px;border-radius:7px;flex:none;display:grid;place-items:center;color:#fff}.ng-name{font-weight:650;font-size:13px}.ng-role{font-size:10.5px;color:var(--faint);font-family:ui-monospace,Menlo,monospace}.ng-dot{width:7px;height:7px;border-radius:50%;margin-left:auto}.ng-items{padding:5px;display:flex;flex-direction:column;gap:3px}.ng-empty{color:var(--faint);font-size:12px;padding:6px 8px}.ng-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;border-radius:6px;padding:5px 7px;cursor:pointer;text-align:left}.ng-item:hover{background:#212c3b}.ng-item.muted{opacity:.55}.ng-item-ico{width:20px;height:20px;border-radius:5px;flex:none;display:grid;place-items:center;color:#fff}.ng-item-label{font-size:12.5px;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-item-pods{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace}.map-canvas{flex:1;min-height:0;position:relative}.audit{position:absolute;top:12px;left:12px;bottom:12px;width:340px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px -18px #0009;display:flex;flex-direction:column;z-index:10}.audit-head{display:flex;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}.audit-title{font-weight:700;font-size:15px}.audit-head .insp-x{margin-left:auto}.audit-body{flex:1;overflow-y:auto;padding:6px}.audit-empty{color:var(--faint);font-size:13px;padding:18px;text-align:center}.audit-empty.err{color:#ff9b9b}.audit-row{display:flex;gap:10px;padding:10px 11px;border-radius:8px}.audit-row:hover{background:#1b2432}.audit-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none}.audit-main{min-width:0}.audit-summary{font-size:13.5px;color:var(--text)}.audit-meta{font-size:11.5px;color:var(--faint);margin-top:2px}.audit-actor{color:var(--muted);font-family:ui-monospace,Menlo,monospace}.audit-err{color:#ff9b9b}.inspector{position:absolute;top:12px;right:12px;bottom:12px;width:300px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px -18px #0009;display:flex;flex-direction:column;z-index:10}.insp-head{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.insp-title{font-weight:700;font-size:16px}.insp-sub{font-size:12px;color:var(--muted);font-family:ui-monospace,Menlo,monospace;margin-top:2px}.insp-x{margin-left:auto;background:none;border:none;color:var(--faint);font-size:22px;line-height:1;cursor:pointer;padding:0 2px}.insp-x:hover{color:var(--text)}.insp-body{padding:16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.insp-real{font-family:ui-monospace,Menlo,monospace}.insp-section{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:6px;padding-bottom:4px;border-bottom:1px solid var(--line)}.insp-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.insp-input{height:34px;padding:0 11px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:14px;width:100%}.insp-note-input{height:auto;padding:8px 11px;resize:vertical;font-family:inherit;line-height:1.4}.insp-swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:7px;cursor:pointer;border:2px solid transparent;box-shadow:inset 0 0 0 1px #ffffff1f}.swatch.on{border-color:var(--text)}.swatch.reset{background:var(--bg);background-image:linear-gradient(45deg,transparent 44%,var(--faint) 44%,var(--faint) 56%,transparent 56%)}.svc-note{color:var(--faint);font-size:11px;margin-left:6px}.insp-note{font-size:12.5px;border-radius:8px;padding:9px 11px}.insp-note.err{background:#ff7c7c1f;color:#ffb0b0;border:1px solid rgba(255,124,124,.3)}.insp-stepper{display:flex;align-items:center;gap:8px}.insp-stepper button{width:34px;height:34px;border-radius:8px;flex:none;background:#212c3b;border:1px solid var(--line);color:var(--text);font-size:18px;cursor:pointer}.insp-stepper button:disabled{opacity:.4;cursor:default}.insp-stepper input{flex:1;height:34px;text-align:center;font-size:16px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);font-variant-numeric:tabular-nums}.insp-actions{display:flex;gap:8px}.btn{flex:1;height:38px;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;background:#212c3b;border:1px solid var(--line);color:var(--text)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0b121d}.btn:disabled{opacity:.45;cursor:default}.addon-row{display:flex;align-items:center;gap:10px}.addon-meta{display:flex;flex-direction:column;flex:1}.addon-name{font-size:14px;font-weight:600}.addon-desc{font-size:11.5px;color:var(--muted)}.addon-installed{font-size:13px;color:#7fe0b6;font-weight:600}.addon-state{display:flex;align-items:center;gap:10px}.addon-edit{background:none;border:1px solid var(--line);color:var(--muted);font-size:11.5px;padding:2px 9px;border-radius:6px;cursor:pointer}.addon-edit:hover{color:var(--text)}.addon-row .btn{flex:none;width:auto;padding:0 16px;height:32px}.insp-hint-sm{font-size:11.5px;color:var(--faint);line-height:1.4}.insp-hint-sm .mono{font-family:ui-monospace,Menlo,monospace;color:var(--muted)}.proj-row{display:flex;align-items:center;gap:9px;padding:6px 2px}.proj-dot{width:8px;height:8px;border-radius:50%;flex:none}.proj-meta{display:flex;flex-direction:column}.proj-name{font-size:13.5px;font-weight:600}.proj-sub{font-size:11px;color:var(--muted);font-family:ui-monospace,Menlo,monospace}.proj-form{display:flex;flex-direction:column;gap:7px;margin-top:6px}.proj-status{display:flex;align-items:center;gap:9px}.proj-status-text{font-size:14px;font-family:ui-monospace,Menlo,monospace}.addon-cat{display:flex;flex-direction:column;gap:6px}.addon-cat-label{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:4px}.addon-form{display:flex;flex-direction:column;gap:8px;padding:10px;margin:4px 0 8px;background:var(--bg);border:1px solid var(--line);border-radius:9px}.addon-field{display:flex;flex-direction:column;gap:4px}.grafana-access{display:flex;flex-direction:column;gap:9px}.grafana-cmd{display:block;font-family:ui-monospace,Menlo,monospace;font-size:11px;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:var(--muted);white-space:nowrap;overflow-x:auto}.grafana-links{display:flex;gap:8px}.grafana-links .btn{flex:1;text-align:center;text-decoration:none;line-height:34px;height:34px;padding:0}a.grafana-open{color:#0b121d}.restree{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.res-row{display:flex;align-items:center;gap:8px;padding:3px 4px;font-size:12.5px}.res-dot{width:7px;height:7px;border-radius:50%;flex:none}.res-kind{font-size:10px;font-weight:700;letter-spacing:.03em;color:var(--muted);background:#212c3b;border-radius:4px;padding:1px 5px;min-width:74px;text-align:center}.res-name{font-family:ui-monospace,Menlo,monospace;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insp-fb{font-size:13px;border-radius:8px;padding:9px 11px}.insp-fb.info{background:#212c3b;color:var(--muted)}.insp-fb.ok{background:#2fb37e24;color:#7fe0b6;border:1px solid rgba(47,179,126,.3)}.insp-fb.err{background:#ff7c7c1f;color:#ffb0b0;border:1px solid rgba(255,124,124,.3)}.svc-node{cursor:pointer}.svc-node{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px 8px 8px;min-width:150px;box-shadow:0 2px 8px #0000004d}.svc-node.is-muted{opacity:.5}.svc-ico{width:34px;height:34px;border-radius:8px;flex:none;display:grid;place-items:center;color:#fff}.svc-meta{display:flex;flex-direction:column;line-height:1.2}.svc-label{font-weight:600;font-size:14px}.svc-sub{font-size:11px;color:var(--muted);font-family:ui-monospace,Menlo,monospace}.svc-dot{width:8px;height:8px;border-radius:50%;margin-left:4px}.react-flow__attribution{display:none}