.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{color:#19212f;font-synthesis:none;text-rendering:optimizelegibility;--navy:#101827;--navy-2:#162238;--blue:#246bfd;--blue-dark:#1755d6;--blue-soft:#edf3ff;--green:#0c9564;--green-soft:#e9f8f1;--red:#d63c4a;--red-soft:#fff0f1;--amber:#c7790a;--amber-soft:#fff6e7;--border:#dfe4ec;--muted:#657083;--panel:#fff;--shadow:0 1px 2px #0f172a09, 0 8px 24px #0f172a09;background:#f4f6f9;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f4f6f9;min-width:320px;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;color:#d9e0ed;background:linear-gradient(#101827 0%,#0d1421 100%);border-right:1px solid #ffffff0f;flex-direction:column;width:238px;padding:22px 15px 17px;transition:transform .2s,visibility .2s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-hidden .sidebar{visibility:hidden;transform:translate(-100%)}.brand{align-items:center;gap:11px;padding:0 8px 24px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#3d79ff,#1f5de8);border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 7px 18px #246bfd59}.sidebar-close{color:#91a0b5;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;place-items:center;width:30px;height:30px;margin-left:auto;padding:0;display:none}.sidebar-close:hover{color:#fff;background:#ffffff17}.brand strong{color:#fff;letter-spacing:-.2px;font-size:16px;display:block}.brand span{color:#7f8ba0;text-transform:uppercase;letter-spacing:1.15px;margin-top:2px;font-size:10px;display:block}.nav-label{color:#647187;letter-spacing:1.2px;text-transform:uppercase;margin:10px 12px 8px;font-size:10px;font-weight:700}.primary-nav,.secondary-nav{gap:4px;display:grid}.nav-item{color:#8f9bb0;border-radius:8px;align-items:center;gap:11px;min-height:42px;padding:0 12px;font-size:13px;font-weight:550;transition:all .18s;display:flex}.nav-item:hover{color:#e7ecf5;background:#ffffff0b}.nav-item.active{color:#fff;background:linear-gradient(90deg,#2f70ff3d,#2f70ff1a);box-shadow:inset 3px 0 #3c7bff}.nav-item.active svg{color:#65a0ff}.sidebar-spacer{flex:1}.runtime-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;margin:15px 2px 10px;padding:13px}.runtime-heading{color:#dfe6f1;align-items:center;gap:8px;font-size:11px;font-weight:650;display:flex}.pulse-dot{background:#36d399;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #36d3991c}.pulse-dot.offline{background:#e25a68;box-shadow:0 0 0 4px #e25a681c}.runtime-card p{color:#758197;margin:8px 0 11px;font-size:10px;line-height:1.5}.runtime-meta{color:#657187;justify-content:space-between;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.secondary-nav{border-top:1px solid #ffffff0f;padding-top:5px}.workspace{width:calc(100% - 238px);min-width:0;min-height:100vh;margin-left:238px;transition:width .2s,margin-left .2s}.sidebar-hidden .workspace{width:100%;margin-left:0}.topbar{z-index:15;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:65px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-main{align-items:center;gap:11px;min-width:0;display:flex}.sidebar-toggle{color:#647187;background:#fff;border:1px solid #dfe4eb;border-radius:7px;flex:none;place-items:center;width:35px;height:35px;padding:0;display:grid}.sidebar-toggle:hover{color:var(--blue);background:#f8faff;border-color:#bfc9d7}.command-search{color:#8b95a5;text-align:left;background:#f8f9fb;border:1px solid #e1e5eb;border-radius:7px;align-items:center;gap:9px;width:min(410px,42vw);min-width:0;height:35px;padding:0 10px;font-size:11px;display:flex}.command-search span{flex:1}kbd{color:#7c8696;background:#fff;border:1px solid #d8dde5;border-radius:4px;padding:2px 6px;font:9px inherit;box-shadow:0 1px #e2e6ec}.topbar-actions{align-items:center;gap:12px;display:flex}.environment-button{color:#475365;background:#fff;border:1px solid #dfe3e9;border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:11px;display:flex}.environment-dot{background:#13a975;border-radius:50%;width:7px;height:7px}.avatar{color:#fff;background:#27354c;border:0;border-radius:9px;place-items:center;width:32px;height:32px;padding:0;font-size:10px;font-weight:700;display:grid}.page-content{width:100%;min-width:0;max-width:1540px;margin:0 auto;padding:29px 32px 50px}.page-heading{margin-bottom:23px}.page-heading.split{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.page-heading h1{color:#172030;letter-spacing:-.65px;margin:1px 0 6px;font-size:26px;line-height:1.2}.page-heading p:not(.eyebrow){color:var(--muted);margin:0;font-size:12px}.eyebrow{color:#778195;letter-spacing:1.25px;text-transform:uppercase;margin:0 0 5px;font-size:9px;font-weight:750}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:11px;font-weight:650;transition:all .16s;display:inline-flex}.button.primary{color:#fff;background:var(--blue);box-shadow:0 3px 8px #246bfd2e}.button.primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.button.secondary{color:#425067;background:#fff;border-color:#d8dee8}.button.secondary:hover{background:#f8fafc;border-color:#bfc8d6}.button.danger{color:#fff;background:var(--red)}.button.danger:hover{background:#a92936}.button.danger-text{color:var(--red);border-color:#efc4c8}.button.danger-text:hover{color:#a92936;background:var(--red-soft);border-color:#dfa4aa}.button.small{height:31px;padding:0 10px}.button.full{width:100%}.button:disabled{cursor:not-allowed;opacity:.48;transform:none!important}.icon-button{color:#8791a1;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;display:grid}.icon-button:hover{color:#445064;background:#eef1f5}.icon-button.danger:hover{color:var(--red);background:var(--red-soft)}.panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:11px}.panel-heading{border-bottom:1px solid #e8ebf0;justify-content:space-between;align-items:center;gap:20px;min-height:63px;padding:0 19px;display:flex}.panel-heading h2{color:#222c3c;letter-spacing:-.1px;margin:0 0 3px;font-size:13px}.panel-heading p{color:#7b8595;margin:0;font-size:10px}.text-link{color:var(--blue);align-items:center;gap:5px;font-size:10px;font-weight:650;display:flex}.inline-error{color:#a92c38;background:#fff4f5;border:1px solid #f2bec3;border-radius:8px;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;font-size:11px;display:flex}.feedback-state{color:#7a8494;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:330px;display:flex}.feedback-state p{margin:0;font-size:12px}.feedback-state.error{color:var(--red)}.empty-state{text-align:center;align-content:center;place-items:center;min-height:260px;display:grid}.empty-symbol{color:#8090aa;background:#f1f4f8;border-radius:50%;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.empty-state h3{margin:13px 0 5px;font-size:13px}.empty-state p{color:#7b8595;max-width:320px;margin:0;font-size:11px}.empty-state-actions{gap:8px;margin-top:17px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.metric-card{border:1px solid var(--border);min-height:120px;box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:17px 17px 15px;position:relative}.metric-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:15px}.metric-icon.blue{color:#246bfd;background:#edf3ff}.metric-icon.green{color:#0b9b69;background:#eaf8f2}.metric-icon.amber{color:#be780c;background:#fff5e5}.metric-icon.red{color:#d94351;background:#fff0f1}.metric-label{color:#667184;font-size:10px;font-weight:600}.metric-card>strong{color:#1b2638;letter-spacing:-.8px;margin-top:12px;font-size:24px;display:block}.metric-card>span{color:#8892a1;margin-top:4px;font-size:9px;display:block}.content-grid.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px;gap:16px;display:grid}.transaction-panel{min-width:0}.runtime-overview{overflow:hidden}.live-badge{color:#0e8a5e;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.live-badge span{background:#13ac76;border-radius:50%;width:6px;height:6px}.live-badge.offline{color:#b53b47}.live-badge.offline span{background:#d94c59}.runtime-item{border-bottom:1px solid #edf0f4;align-items:center;gap:11px;min-height:61px;padding:0 18px;display:flex}.health-indicator{background:#17ad78;border:2px solid #fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 2px #bdebd9}.health-indicator.offline{background:#d94c59;box-shadow:0 0 0 2px #f2c4c9}.runtime-item>div{flex:1}.runtime-item strong,.runtime-item span{display:block}.runtime-item strong{margin-bottom:3px;font-size:10px}.runtime-item div span{color:#7c8797;font-size:9px}.runtime-item .health-label{color:#18835e;font-size:9px}.runtime-item .health-label.offline{color:#b53b47}.runtime-footnote{background:#fafbfc;align-items:baseline;gap:8px;padding:17px 18px;display:flex}.runtime-footnote strong{color:#1d2a3f;font-size:17px}.runtime-footnote span{color:#7d8797;font-size:9px}.first-run{align-items:center;gap:13px;min-height:150px;padding:25px;display:flex}.first-run-icon{width:42px;height:42px;color:var(--green);background:var(--green-soft);border-radius:11px;flex:none;place-items:center;display:grid}.first-run>div:nth-child(2){flex:1}.first-run h3{margin:0 0 5px;font-size:12px}.first-run p{color:#778294;margin:0;font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{color:#7a8595;text-align:left;letter-spacing:.55px;text-transform:uppercase;white-space:nowrap;background:#fafbfc;height:38px;padding:0 13px;font-size:8px;font-weight:750}td{color:#536074;vertical-align:middle;border-top:1px solid #edf0f4;min-height:49px;padding:11px 13px}tbody tr:hover{background:#fbfcfe}.business-key{color:#1d2c44;font-weight:680}.business-key:hover{color:var(--blue)}.muted-cell{color:#6f7a8b}td code{color:#546174;background:#f0f3f7;border-radius:4px;padding:3px 5px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.filter-bar{border-bottom:1px solid #e8ebf0;align-items:center;gap:10px;min-height:62px;padding:0 15px;display:flex}.search-input{color:#8b96a7;background:#fafbfc;border:1px solid #dfe4eb;border-radius:7px;align-items:center;gap:8px;width:min(430px,40%);height:34px;padding:0 10px;display:flex}.search-input input{color:#2e3a4d;background:0 0;border:0;outline:0;width:100%;font-size:10px}.filter-group{color:#8390a1;border:1px solid #dfe4eb;border-radius:7px;align-items:center;gap:6px;height:34px;padding:0 8px;display:flex}.filter-group select{color:#475469;background:#fff;border:0;outline:0;min-width:100px;font-size:10px}.result-count{color:#818b9b;margin-left:auto;font-size:9px}.transaction-filters{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.transaction-filters .search-input{flex:1;min-width:310px}.flow-filter select{text-overflow:ellipsis;max-width:230px;overflow:hidden}.date-filter-bar{color:#818c9d;background:#fafbfc;border-bottom:1px solid #e8ebf0;align-items:center;gap:8px;min-height:47px;padding:7px 15px;font-size:9px;display:flex}.date-filter-bar>span:first-child{color:#667286;align-items:center;gap:6px;margin-right:3px;font-weight:650;display:flex}.date-filter-bar input{color:#4a576b;background:#fff;border:1px solid #dfe4eb;border-radius:6px;outline:0;height:30px;padding:0 8px;font-size:9px}.date-filter-bar input:focus{border-color:#8daef1}.date-filter-bar button{color:#667286;background:#edf0f4;border:0;border-radius:5px;align-items:center;gap:5px;height:29px;margin-left:auto;padding:0 8px;font-size:8px;display:flex}.date-filter-bar button:hover{color:#a4313c;background:#fff0f1}.table-pagination{color:#7d8899;border-top:1px solid #e7ebf0;justify-content:space-between;align-items:center;min-height:51px;padding:0 15px;font-size:9px;display:flex}.table-pagination div{gap:6px;display:flex}.table-pagination button{color:#516078;background:#fff;border:1px solid #dce2ea;border-radius:6px;align-items:center;gap:4px;height:29px;padding:0 9px;font-size:8px;display:flex}.table-pagination button:hover:not(:disabled){color:var(--blue);border-color:#a9c0ef}.table-pagination button:disabled{cursor:not-allowed;opacity:.45}.transactions-table td{height:57px}.transactions-table .transaction-actions{text-align:right;width:38px;padding-right:12px}.row-error{color:#c33d49;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin-top:3px;font-size:8px;display:block;overflow:hidden}.flow-name{color:#3b485c;font-weight:600;display:block}td small{color:#8b95a5;margin-top:3px;font-size:8px;display:block}.status-pill{letter-spacing:.2px;text-transform:uppercase;white-space:nowrap;border-radius:99px;align-items:center;gap:5px;width:fit-content;padding:4px 7px;font-size:8px;font-weight:750;display:inline-flex}.status-completed{color:#087b54;background:#e8f7f0}.status-failed{color:#bb303d;background:#ffedef}.status-running{color:#2362c4;background:#edf3ff}.status-queued{color:#95630d;background:#fff5e4}.back-link{color:#697589;align-items:center;gap:6px;width:fit-content;margin-bottom:13px;font-size:10px;font-weight:600;display:flex}.back-link:hover{color:var(--blue)}.transaction-heading{align-items:center!important}.transaction-heading .page-heading{margin:0}.title-status{align-items:center;gap:11px;display:flex}.heading-actions,.page-heading-actions,.overview-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.heading-actions .icon-button,.page-heading-actions .icon-button,.overview-actions .icon-button{color:#425067;background:#fff;border:1px solid #d8dee8;border-radius:7px;place-items:center;width:36px;height:36px;transition:all .16s;display:grid}.heading-actions .icon-button:hover,.page-heading-actions .icon-button:hover,.overview-actions .icon-button:hover{color:#1e293b;background:#f8fafc;border-color:#bfc8d6}.failure-banner{background:#fff4f5;border:1px solid #efc1c5;border-radius:10px;align-items:center;gap:13px;min-height:74px;margin-bottom:13px;padding:13px 16px;display:flex}.failure-banner>div{color:#c53844;background:#ffe3e6;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.failure-banner section{flex:1}.failure-banner strong{color:#9d2c36;font-size:11px}.failure-banner p{color:#ac5059;margin:4px 0 0;font-size:10px}.failure-banner>span{color:#a23d46;background:#ffe5e8;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:700}.transaction-metadata{grid-template-columns:1.3fr .45fr .65fr 1.4fr .9fr .65fr .5fr 1fr;margin-bottom:14px;padding:14px 18px;display:grid}.metadata-item{border-right:1px solid #e6e9ee;min-width:0;padding:0 13px}.metadata-item:first-child{padding-left:0}.metadata-item:last-child{border-right:0;padding-right:0}.metadata-item span,.metadata-item strong{display:block}.metadata-item span{color:#818b9a;letter-spacing:.45px;text-transform:uppercase;margin-bottom:6px;font-size:8px;font-weight:650}.metadata-item strong{color:#303d51;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mono-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500!important}.detail-grid{grid-template-columns:minmax(390px,.83fr) minmax(480px,1.17fr);align-items:start;gap:14px;display:grid}.step-panel,.payload-panel{overflow:hidden}.step-timeline{padding:10px 12px 16px}.timeline-step{width:100%;min-height:67px;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;padding:8px 9px;display:flex;position:relative}.timeline-step:hover,.timeline-step.selected{background:#f8faff;border-color:#dce5f6}.step-marker{z-index:2;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid}.step-marker.completed{color:#0b8a60;background:#e5f7ef}.step-marker.failed{color:#c43440;background:#ffe9eb}.step-marker.running{color:#2867d0;background:#eaf2ff}.timeline-line{z-index:1;background:#d9e0e9;width:1px;height:31px;position:absolute;top:50px;left:24px}.step-copy{flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.step-copy strong,.step-copy span{display:block}.step-copy strong{color:#2e3a4c;margin-bottom:4px;font-size:10px}.step-copy div span{color:#8791a0;font-size:8px}.step-duration{color:#6f7a8c;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.step-chevron{color:#9ba4b2;transform:rotate(-90deg)}.timeline-step.selected .step-chevron{color:var(--blue)}.waiting-state{color:#8692a2;align-content:center;place-items:center;min-height:150px;display:grid}.waiting-state p{font-size:10px}.payload-stack{gap:10px;padding:12px;display:grid}.payload-stack .inline-error{margin:0}.json-viewer{background:#111927;border:1px solid #dfe4eb;border-radius:8px;overflow:hidden}.json-toolbar{color:#9aa7ba;background:#172234;border-bottom:1px solid #293448;justify-content:space-between;align-items:center;height:36px;padding:0 11px;font-size:9px;font-weight:650;display:flex}.json-toolbar button{color:#9ca9ba;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:4px 6px;font-size:8px;display:flex}.json-toolbar button:hover{color:#fff;background:#243248}.binary-reference-list{background:#131e2e;border-bottom:1px solid #293448;gap:6px;padding:8px 10px;display:grid}.binary-reference{color:#65d2bd;background:#18273a;border:1px solid #2c4057;border-radius:6px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:7px 8px;display:grid}.binary-reference>span{gap:2px;min-width:0;display:grid}.binary-reference strong{color:#dce8f7;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.binary-reference small{color:#8fa2b8;font-size:8px}.binary-reference code{color:#6fcdbd;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.json-viewer pre{color:#b8c8df;tab-size:2;white-space:pre-wrap;min-height:130px;max-height:330px;margin:0;padding:13px;font:10px/1.62 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.payload-panel>.json-viewer{margin:12px}.transaction-log-panel{margin-top:14px;overflow:hidden}.transaction-log-stream{background:#0f1724;max-height:430px;overflow:auto}.transaction-log-entry{color:#b8c6d9;border-bottom:1px solid #222d3d;grid-template-columns:92px 50px 70px minmax(0,1fr);align-items:start;gap:10px;min-height:52px;padding:10px 14px;font:9px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.transaction-log-entry:last-child{border-bottom:0}.transaction-log-entry time{color:#718097}.transaction-log-entry .log-level,.transaction-log-entry .log-stage{color:#83b2ff;letter-spacing:.35px;background:#172b49;border-radius:4px;width:max-content;padding:2px 5px;font-size:7px;font-weight:750}.transaction-log-entry.level-warn .log-level{color:#f5c86b;background:#3a2d15}.transaction-log-entry.level-error .log-level{color:#ff929d;background:#421e25}.transaction-log-entry>div{gap:3px;min-width:0;display:grid}.transaction-log-entry strong{color:#d7e1ee;font-weight:560}.transaction-log-entry small{color:#718097}.transaction-log-entry code{color:#8ea0b8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flow-studio-layout{grid-template-columns:clamp(205px,18vw,245px) minmax(0,1fr);align-items:start;gap:14px;min-width:0;display:grid}.flow-studio-workspace{min-width:0;container:flow-workspace/inline-size}.flow-library{max-height:calc(100vh - 100px);position:sticky;top:79px;overflow:hidden}.flow-library-heading{border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:center;min-height:57px;padding:0 12px 0 14px;display:flex}.flow-library-heading>div{min-width:0;color:var(--blue);align-items:center;gap:9px;display:flex}.flow-library-heading strong,.flow-library-heading small{display:block}.flow-library-heading strong{color:#344155;font-size:10px}.flow-library-heading small{color:#8a95a4;margin-top:3px;font-size:7px}.flow-library-heading>button{color:#fff;background:var(--blue);border:0;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.flow-library-search{color:#8b95a5;background:#fafbfc;border:1px solid #dce2ea;border-radius:6px;align-items:center;gap:6px;height:35px;margin:9px;padding:0 8px;display:flex}.flow-library-search:focus-within{border-color:#8daef1;box-shadow:0 0 0 2px #246bfd12}.flow-library-search input{color:#3e4b60;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:8px}.flow-library-list{max-height:calc(100vh - 210px);padding:0 7px 8px;overflow-y:auto}.flow-library-list>button{width:100%;min-height:69px;color:inherit;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.flow-library-list>button:hover{background:#f5f7fb}.flow-library-list>button.active{background:#edf3ff;box-shadow:inset 2px 0 #246bfd}.flow-library-icon{color:#7250c5;background:#f0ebfb;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.flow-library-list button>span:nth-child(2){min-width:0}.flow-library-list strong,.flow-library-list code,.flow-library-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.flow-library-list strong{color:#344155;margin-bottom:3px;font-size:9px}.flow-library-list code{color:#738096;font:7px ui-monospace,SFMono-Regular,Menlo,monospace}.flow-library-list small{color:#929baa;margin-top:4px;font-size:7px}.flow-library-list em{color:#7a8595;text-transform:uppercase;background:#edf0f4;border-radius:99px;padding:3px 5px;font-size:6px;font-style:normal;font-weight:750}.flow-library-list em.enabled{color:#087b54;background:#e8f7f0}.flow-library-empty{color:#8893a3;text-align:center;padding:25px 12px;font-size:8px;line-height:1.5}.flow-studio-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:14px;transition:grid-template-columns .2s;display:grid}.flow-studio-layout.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.flow-library-actions{align-items:center;gap:4px;display:flex}.flow-library-heading button{color:#526078;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:6px;place-items:center;width:26px;height:26px;transition:all .15s;display:grid}.flow-library-heading button:hover{color:var(--blue);background:#f4f8ff;border-color:#a0bcf5}.collapse-toggle-btn{margin-right:6px}.designer-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:48px;margin-bottom:12px;display:flex}.flow-selector{align-items:center;gap:10px;display:flex}.flow-selector-icon{width:34px;height:34px;color:var(--blue);background:#fff;border:1px solid #dce3ed;border-radius:8px;place-items:center;display:grid}.flow-selector>div:nth-child(2){min-width:240px}.flow-selector label{gap:2px;min-width:250px;display:grid}.flow-selector select{color:#263246;appearance:none;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:12px;font-weight:680}.flow-selector span,.flow-selector strong{display:block}.flow-selector span{color:#8792a2;text-transform:uppercase;letter-spacing:.65px;margin-bottom:2px;font-size:8px}.flow-selector strong{color:#263246;font-size:12px}.flow-selector code{color:#7d899a;margin-top:3px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.flow-selector>svg{color:#8c96a5}.designer-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.version-badge{color:#657184;background:#fff;border:1px solid #dde3eb;border-radius:5px;padding:4px 7px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.draft-state{color:#778295;align-items:center;gap:6px;margin-right:2px;font-size:9px;display:flex}.draft-dot,.saved-dot{border-radius:50%;width:6px;height:6px}.draft-dot{background:#e7a52c}.saved-dot{background:#16a875}.flow-canvas{border:1px solid var(--border);background:#fff;border-radius:10px;min-width:0;margin-bottom:14px;transition:all .2s;overflow:hidden;box-shadow:0 2px 10px #00000008}.canvas-toolbar{background:linear-gradient(90deg,#fff,#fbfcfe);border-bottom:1px solid #e6eaf0;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;display:flex}.canvas-toolbar-left{align-items:center;gap:10px;min-width:0;display:flex}.canvas-toolbar-left h1{color:#1e293b;margin:0 0 2px;font-size:14px}.canvas-toolbar-left p{color:#788396;text-overflow:ellipsis;white-space:nowrap;max-width:580px;margin:0;font-size:9px;overflow:hidden}.canvas-toolbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.canvas-status{color:#17835f;text-transform:uppercase;background:#ecf8f3;border-radius:99px;align-items:center;gap:6px;padding:4px 8px;font-size:8px;font-weight:700;display:flex}.canvas-size-controls{align-items:center;gap:5px;display:flex}.canvas-header-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #d0d7e2;border-radius:6px;align-items:center;gap:5px;height:28px;padding:0 9px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.canvas-header-btn:hover{color:var(--blue);background:#f6f9ff;border-color:#93b5f7}.canvas-header-btn.active{color:#246bfd;background:#edf3ff;border-color:#246bfd}.studio-canvas{background:#fafbfc;height:460px;transition:height .2s;position:relative}.studio-canvas>.react-flow{position:absolute;inset:0}.flow-canvas.canvas-expanded .studio-canvas{height:calc(100vh - 195px);min-height:560px}.flow-canvas.canvas-fullscreen{z-index:10000;width:100vw;height:100vh;box-shadow:none;background:#f8fafc;border:0;border-radius:0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0}.flow-canvas.canvas-fullscreen .canvas-toolbar{background:#fff;flex-shrink:0;min-height:48px;padding:0 20px;box-shadow:0 1px 4px #0000000a}.fullscreen-workspace{flex:1;height:calc(100vh - 48px);display:flex;position:relative;overflow:hidden}.fullscreen-canvas-area{flex:1;min-width:0;height:100%;position:relative}.fullscreen-canvas-area .studio-canvas{width:100%;height:100%!important}.fullscreen-sidebar{z-index:10;background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;width:500px;max-width:45vw;height:100%;animation:.16s ease-out slideInRight;display:flex;box-shadow:-5px 0 25px #0000000f}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.fullscreen-sidebar-header{background:#fafbfc;border-bottom:1px solid #edf0f4;flex-shrink:0;justify-content:space-between;align-items:center;min-height:50px;padding:0 16px;display:flex}.fullscreen-sidebar-title{align-items:center;gap:10px;min-width:0;display:flex}.fullscreen-sidebar-title svg.blue{color:#2563eb}.fullscreen-sidebar-title svg.green{color:#059669}.fullscreen-sidebar-title svg.orange{color:#d97706}.fullscreen-sidebar-title svg.purple{color:#7c3aed}.fullscreen-sidebar-title strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.fullscreen-sidebar-title small{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:block}.fullscreen-sidebar-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:6px;place-items:center;width:26px;height:26px;transition:all .15s;display:grid}.fullscreen-sidebar-close:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.fullscreen-sidebar-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:4px;padding:4px 8px 0;display:flex}.fullscreen-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:6px 6px 0 0;flex:1;justify-content:center;align-items:center;gap:6px;height:33px;padding:0 10px;font-size:10px;font-weight:600;transition:all .12s;display:inline-flex}.fullscreen-tab-btn:hover{color:#1e293b;background:#fff9}.fullscreen-tab-btn.active{color:#2563eb;background:#fff;border-color:#e2e8f0;box-shadow:0 -2px 6px #00000005}.fullscreen-sidebar-body{background:#fafbfc;flex:1;overflow-y:auto}.fullscreen-inspector-pane,.fullscreen-mapping-pane{padding-bottom:24px}.graph-canvas-tools{z-index:30;background:#fffffff2;border:1px solid #dbe2eb;border-radius:8px;align-items:center;gap:5px;min-height:35px;padding:4px 7px;display:flex;position:absolute;top:10px;left:12px;box-shadow:0 4px 14px #1c293e14}.graph-canvas-tools>span{color:#8994a4;text-transform:uppercase;margin:0 3px;font-size:8px;font-weight:750}.graph-canvas-tools>small{color:#8b95a4;margin-left:6px;font-size:8px}.graph-canvas-tools button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:5px;align-items:center;gap:4px;height:26px;padding:0 8px;font-size:9px;font-weight:650;transition:all .15s;display:flex}.graph-canvas-tools button:hover{color:var(--blue);background:#f4f8ff;border-color:#9ebaf3}.graph-edge-inspector{z-index:40;background:#fffffffa;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:4px 10px;animation:.12s ease-out fadeInPop;display:flex;position:absolute;top:10px;right:12px;box-shadow:0 6px 18px #0f172a1f}.graph-edge-inspector>span{max-width:240px;margin-right:4px}.graph-edge-inspector strong,.graph-edge-inspector small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.graph-edge-inspector strong{color:#1e293b;font-size:11px;font-weight:700}.graph-edge-inspector small{color:#64748b;margin-top:1px;font-size:9px}.graph-edge-inspector button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:5px;align-items:center;gap:4px;height:26px;padding:0 8px;font-size:10px;font-weight:600;transition:all .12s;display:inline-flex}.graph-edge-inspector button:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.graph-edge-inspector button.danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.graph-edge-inspector button.danger:hover{color:#b91c1c;background:#fee2e2;border-color:#f87171}.studio-node-card{text-align:left;background:#fff;border:1px solid #d8e0eb;border-top-width:3px;border-radius:9px;width:235px;padding:0;transition:box-shadow .15s,border-color .15s;position:relative;overflow:visible;box-shadow:0 5px 18px #1d2b4312}.studio-node-card.source{border-top-color:#3977ef}.studio-node-card.mapping{border-top-color:#8b5cf6}.studio-node-card.debug{border-top-color:#e08a24}.studio-node-card.mapping.backward{border-top-color:#d97920}.studio-node-card.target{border-top-color:#10a772}.studio-node-card.disabled{opacity:.53;filter:grayscale(.35)}.studio-node-card.selected{border-color:#93c5fd;box-shadow:0 0 0 2px #246bfd38,0 8px 24px #1d2b431f}.studio-canvas .react-flow__handle{z-index:25!important;cursor:crosshair!important;background:#fff!important;border:2.5px solid #64748b!important;border-radius:50%!important;width:14px!important;height:14px!important;transition:background-color .15s,border-color .15s,box-shadow .15s!important;box-shadow:0 0 0 2px #fff,0 2px 6px #00000026!important}.studio-canvas .react-flow__handle-left{left:-7px!important}.studio-canvas .react-flow__handle-right{right:-7px!important}.studio-canvas .react-flow__handle:after{content:"";pointer-events:auto;border-radius:50%;position:absolute;inset:-12px}.studio-canvas .studio-node-card.source .react-flow__handle{border-color:#3977ef!important}.studio-canvas .studio-node-card.mapping .react-flow__handle{border-color:#8b5cf6!important}.studio-canvas .studio-node-card.debug .react-flow__handle{border-color:#e08a24!important}.studio-canvas .studio-node-card.target .react-flow__handle{border-color:#10a772!important}.studio-canvas .react-flow__handle:hover{background:#2563eb!important;border-color:#fff!important;box-shadow:0 0 0 4px #2563eb59,0 2px 8px #00000040!important}.studio-canvas .react-flow__handle.react-flow__handle-connecting{background:#2563eb!important;border-color:#fff!important;box-shadow:0 0 0 5px #2563eb66!important}.studio-canvas .react-flow__handle.react-flow__handle-valid{background:#10b981!important;border-color:#fff!important;box-shadow:0 0 0 6px #10b98180!important}.studio-canvas .react-flow__handle.react-flow__handle-invalid{opacity:.4!important;cursor:not-allowed!important;background:#ef4444!important;border-color:#fff!important}.node-quick-add{margin-left:4px;position:relative}.node-quick-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:5px;place-items:center;width:19px;height:19px;padding:0;transition:all .12s;display:grid}.node-quick-btn:hover,.node-quick-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.quick-connect-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:145px;padding:5px;animation:.12s ease-out fadeInPop;position:absolute;top:-8px;left:24px;box-shadow:0 8px 24px #00000024}@keyframes fadeInPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.quick-menu-header{text-transform:uppercase;color:#94a3b8;padding:4px 8px;font-size:8px;font-weight:700}.quick-connect-menu button{color:#334155;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;width:100%;height:28px;padding:0 8px;font-size:10px;font-weight:600;transition:all .1s;display:flex}.quick-connect-menu button:hover{color:#0f172a;background:#f1f5f9}.quick-connect-menu button svg.purple{color:#8b5cf6}.quick-connect-menu button svg.green{color:#10b981}.quick-connect-menu button svg.orange{color:#f59e0b}.studio-edge-badge{color:#475569;cursor:pointer;z-index:50;background:#fff;border:1px solid #cbd5e1;border-radius:99px;align-items:center;gap:5px;padding:3px 8px;font-size:9px;font-weight:650;transition:border-color .15s,box-shadow .15s,background-color .15s;display:inline-flex;box-shadow:0 2px 8px #00000014;pointer-events:auto!important}.studio-edge-badge.selected{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40,0 4px 12px #0000001a}.studio-edge-badge.disabled{opacity:.75;color:#94a3b8;background:#f8fafc;border-style:dashed}.studio-edge-badge:hover{background:#fff;border-color:#94a3b8;box-shadow:0 4px 14px #00000026}.studio-edge-badge.selected:hover{background:#eff6ff;border-color:#2563eb}.edge-badge-actions{border-left:1px solid #e2e8f0;align-items:center;gap:2px;margin-left:2px;padding-left:5px;display:inline-flex}.edge-action-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:19px;height:19px;padding:0;transition:all .12s;display:grid;pointer-events:auto!important}.edge-action-btn:hover{color:#0f172a;background:#f1f5f9}.edge-action-btn.delete:hover{color:#dc2626;background:#fee2e2}.edge-action-btn.toggle:hover{color:#4338ca;background:#e0e7ff}.studio-node-content{padding:11px 12px 12px}.studio-node-top{align-items:center;gap:7px;margin-bottom:9px;display:flex}.studio-node-top>span{color:#2d6ede;background:#edf3ff;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.mapping .studio-node-top>span{color:#7d4ed5;background:#f2edff}.debug .studio-node-top>span{color:#b76308;background:#fff3df}.target .studio-node-top>span{color:#07865b;background:#e9f8f1}.studio-node-top small{color:#7d8899;letter-spacing:.65px;text-transform:uppercase;font-size:8px;font-weight:750}.studio-node-top em{color:#7c8797;text-transform:uppercase;background:#eef1f5;border-radius:99px;margin-left:auto;padding:2px 5px;font-size:7px;font-style:normal;font-weight:750}.studio-node-top em.enabled{color:#087b54;background:#e8f7f0}.studio-node-content>strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.studio-node-content>p{color:#7b8798;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.studio-canvas .react-flow__controls{box-shadow:none;border:1px solid #dce3ed;border-radius:6px;overflow:hidden}.designer-grid{grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr);align-items:start;gap:14px;min-width:0;display:grid}.mapping-panel,.definition-panel{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #00000008}.mapping-heading,.definition-panel .panel-heading{background:#fff;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;display:flex}.mapping-heading h2,.definition-panel .panel-heading h2{color:#1e293b;margin:0 0 2px;font-size:13px;font-weight:650}.mapping-heading p,.definition-panel .panel-heading p{color:#788396;margin:0;font-size:9px}.mapping-heading code{color:#505c70;background:#f1f4f9;border-radius:4px;padding:1px 4px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.mapping-actions{gap:6px;display:flex}.graph-selection-empty{color:#8b96a6;text-align:center;background:#fafbfc;align-content:center;place-items:center;gap:8px;min-height:220px;padding:20px;display:grid}.graph-selection-empty strong{color:#4d5a6e;font-size:11px}.graph-selection-empty span{max-width:380px;font-size:8px;line-height:1.5}.definition-panel{background:#fff;position:sticky;top:70px}.graph-inspector-field{border-bottom:1px solid #edf0f4;gap:4px;padding:8px 14px;display:grid}.graph-inspector-field span{color:#788396;letter-spacing:.5px;text-transform:uppercase;font-size:8px;font-weight:720}.graph-inspector-field input{color:#2d3748;background:#fff;border:1px solid #dce2ea;border-radius:5px;outline:0;height:28px;padding:0 8px;font-size:10px}.graph-inspector-field input:focus{border-color:#8daef1;box-shadow:0 0 0 2px #246bfd14}.graph-node-delete{border-bottom:1px solid #edf0f4;padding:8px 14px}.graph-node-delete button{color:#b53a47}.graph-inspector-empty{color:#8792a2;text-align:center;padding:24px 14px;font-size:8px;line-height:1.5}.definition-item{border-bottom:1px solid #edf0f4;padding:7px 14px}.definition-item span,.definition-item strong,.definition-item small{display:block}.definition-item span{color:#788396;letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:720}.definition-item strong{color:#2d3748;text-overflow:ellipsis;margin-bottom:2px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.definition-item small{color:#7f8999;font-size:8px;line-height:1.35}.definition-select{color:#2d3748;text-overflow:ellipsis;background:#fff;border:1px solid #dce2ea;border-radius:5px;outline:0;width:100%;height:28px;padding:0 6px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.definition-select:focus{border-color:#8daef1}.bidirectional-option{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.bidirectional-option span:first-child strong{color:#2d3748;font-size:9px;display:block}.bidirectional-option span:first-child small{color:#8590a0;font-size:8px;display:block}.schema-browser{background:#fafbfc;padding:9px 14px}.schema-browser-notice{color:#087b54;background:#e8f7f0;border-radius:5px;margin:0 0 7px;padding:5px 8px;font-size:8px}.schema-browser-section{margin-bottom:8px}.schema-browser-heading{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.schema-browser-heading h3{color:#5f6c80;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:8px;font-weight:720}.schema-browser-heading button{color:var(--blue);cursor:pointer;background:#f4f7ff;border:1px solid #cbd9f4;border-radius:5px;align-items:center;gap:4px;padding:3px 6px;font-size:8px;font-weight:650;display:inline-flex}.schema-search{background:#fff;border:1px solid #dce2ea;border-radius:5px;align-items:center;gap:5px;height:26px;margin-bottom:6px;padding:0 7px;display:flex}.schema-search input{color:#3d4a5e;background:0 0;border:0;outline:0;width:100%;font-size:8px}.schema-field-list{flex-wrap:wrap;gap:4px;max-height:115px;padding:2px 0;display:flex;overflow-y:auto}.schema-field-list button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:8px;transition:all .12s;display:inline-flex}.schema-field-list button:hover{color:var(--blue);background:#f4f8ff;border-color:#9ebaf3}.schema-field-list button code{font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.target-schema-unavailable{color:#7f8999;font-size:8px;line-height:1.4}.recursive-search{color:var(--blue);cursor:pointer;background:#edf4ff;border:1px solid #dce3ed;border-radius:5px;align-items:center;gap:4px;margin-bottom:5px;padding:3px 7px;font-size:8px;font-weight:650;display:inline-flex}.mapping-tree-editor{background:#fafbfc}.mapping-tree-toolbar{background:#fbfcfe;border-bottom:1px solid #e5eaf1;align-items:center;gap:5px;min-height:36px;padding:5px 14px;display:flex}.mapping-tree-toolbar>span{color:#7f899a;text-transform:uppercase;letter-spacing:.5px;margin-right:3px;font-size:8px;font-weight:700}.mapping-tree-toolbar button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:5px;align-items:center;gap:4px;height:24px;padding:0 7px;font-size:8px;font-weight:650;transition:all .15s;display:inline-flex}.mapping-tree-toolbar button:hover{color:var(--blue);background:#f5f8ff;border-color:#a9c1f2}.mapping-tree-list{gap:6px;padding:10px 12px 14px;display:grid}.mapping-tree-node{margin-left:calc(var(--mapping-depth) * 11px);background:#fff;border:1px solid #dce3ed;border-left:3px solid #8292a8;border-radius:7px;overflow:hidden;box-shadow:0 2px 8px #2a334808}.mapping-tree-node.type-object{border-left-color:#8b5cf6}.mapping-tree-node.type-array{border-left-color:#2672ed}.mapping-tree-node.type-binary{border-left-color:#0b9f8c}.mapping-tree-node.type-constant{border-left-color:#d08a17}.mapping-tree-node-heading{background:#fbfcfe;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:29px;padding:0 6px 0 8px;display:flex}.mapping-kind{align-items:center;gap:6px;min-width:0;display:flex}.mapping-kind>span{color:#6f7d92;min-width:20px;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace}.mapping-kind select{color:#45536a;background:#fff;border:1px solid #d9e0e9;border-radius:4px;outline:0;height:21px;padding:0 5px;font-size:8px;font-weight:720}.mapping-kind code{color:#98a1af;text-overflow:ellipsis;white-space:nowrap;font:7px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.mapping-node-contract{grid-template-columns:minmax(130px,1.15fr) 16px minmax(120px,.9fr) minmax(115px,.75fr) 42px;align-items:end;gap:6px;padding:7px 9px 8px;display:grid}.mapping-node-contract>label:not(.mapping-required),.transformation-meta label,.transformation-code{gap:3px;min-width:0;display:grid}.mapping-node-contract label>span:first-child,.transformation-meta label>span,.transformation-code>span{color:#7f8a9c;text-transform:uppercase;letter-spacing:.45px;font-size:7px;font-weight:700}.mapping-node-contract input,.mapping-node-contract select,.transformation-meta input,.transformation-meta select{color:#3d4a5e;background:#fff;border:1px solid #dce2ea;border-radius:5px;outline:0;width:100%;height:27px;padding:0 7px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.mapping-node-contract input:focus,.mapping-node-contract select:focus,.transformation-meta input:focus,.transformation-meta select:focus,.transformation-code textarea:focus{border-color:#8daef1;box-shadow:0 0 0 2px #246bfd12}.mapping-node-contract>svg{color:#99a4b3;align-self:center;margin-top:12px}.mapping-required{justify-items:center;gap:3px;display:grid}.mapping-required>span:first-child{color:#7f8a9c;text-transform:uppercase;font-size:7px;font-weight:700}.mapping-node-children{background:#fafbfe;border-top:1px solid #edf0f4;padding:0 8px 8px}.mapping-children-toolbar{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.mapping-children-toolbar>span{color:#768397;text-transform:uppercase;letter-spacing:.45px;font-size:7px;font-weight:720}.mapping-children-toolbar>div{gap:4px;display:flex}.mapping-children-toolbar button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:4px;height:21px;padding:0 5px;font-size:7px}.mapping-children-empty{color:#8b96a6;background:#fff;border:1px dashed #dce3ed;border-radius:5px;padding:6px 8px;font-size:8px}.mapping-tree-empty{color:#8995a6;background:#fff;border:1px dashed #d7dfeb;border-radius:7px;align-content:center;place-items:center;gap:5px;min-height:100px;margin:4px 0;display:grid}.mapping-tree-empty strong{color:#536176;font-size:10px}.mapping-tree-empty span{text-align:center;max-width:350px;font-size:8px;line-height:1.45}.transformation-library{background:#fff;border-top:1px solid #dfe5ee;padding:12px 14px}.transformation-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.transformation-heading h3{color:#455268;align-items:center;gap:5px;margin:0 0 2px;font-size:10px;display:flex}.transformation-heading h3 svg{color:#8b5cf6}.transformation-heading p{color:#8490a1;margin:0;font-size:8px}.transformation-heading p code{color:#6950a1}.transformation-heading>div:last-child{gap:4px;display:flex}.transformation-heading button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:5px;align-items:center;gap:4px;height:24px;padding:0 7px;font-size:8px;font-weight:650;display:inline-flex}.transformation-card{background:#fbfcfe;border:1px solid #dce3ed;border-radius:7px;margin-top:7px;overflow:hidden}.transformation-meta{border-bottom:1px solid #e6eaf0;grid-template-columns:130px minmax(150px,1fr) 105px 26px;align-items:end;gap:6px;padding:7px 9px;display:grid}.transformation-code{padding:8px 9px}.transformation-code textarea{color:#c7d5e8;resize:vertical;tab-size:2;background:#111927;border:1px solid #303b4d;border-radius:5px;outline:0;width:100%;padding:7px 8px;font:8px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.transformation-empty{color:#8a95a5;background:#fafbfc;border:1px dashed #dce3ed;border-radius:6px;place-items:center;min-height:42px;font-size:8px;display:grid}.sandbox-note{color:#536b63;background:#eef8f4;border-radius:5px;margin-top:8px;padding:6px 9px;font-size:8px;line-height:1.45}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080e189c;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.run-modal{background:#fff;border:1px solid #fff9;border-radius:14px;width:470px;padding:28px;position:relative;box-shadow:0 30px 80px #060d1947}.modal-close{color:#7d8797;background:#f2f4f7;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:14px;right:14px}.run-icon{color:#fff;background:var(--blue);border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:19px;display:grid;box-shadow:0 8px 18px #246bfd40}.run-modal h2{color:#1d293b;letter-spacing:-.4px;margin:2px 0 7px;font-size:20px}.run-modal>p:not(.eyebrow){color:#6e798b;margin:0 0 20px;font-size:10px;line-height:1.6}.run-modal-wide{width:min(620px,100vw - 40px);max-height:calc(100vh - 40px);overflow-y:auto}.form-field{gap:7px;display:grid}.form-field span{color:#4d596d;font-size:9px;font-weight:680}.form-field small{color:#7a8799;font-size:9px;line-height:1.4}.form-field input{color:#263348;border:1px solid #cfd7e3;border-radius:7px;outline:0;height:40px;padding:0 11px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.form-field input:focus{border-color:#6b99f5;box-shadow:0 0 0 3px #246bfd17}.example-keys{align-items:center;gap:6px;margin:8px 0 19px;display:flex}.example-keys span{color:#929baa;margin-right:2px;font-size:8px}.example-keys button{color:#657184;background:#fafbfc;border:1px solid #e0e5eb;border-radius:4px;padding:3px 6px;font:7px ui-monospace,SFMono-Regular,Menlo,monospace}.example-keys button:hover{color:var(--blue);background:#f1f6ff;border-color:#a9c2f7}.run-form{gap:13px;display:grid}.run-key-field{gap:7px;display:grid}.run-field-heading{color:#3f4c61;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.run-field-heading em{color:#3868bd;letter-spacing:.35px;text-transform:uppercase;background:#eaf1ff;border-radius:99px;padding:3px 6px;font-size:7px;font-style:normal}.run-key-input{color:#8390a3;background:#fff;border:1px solid #cfd7e3;border-radius:8px;align-items:center;gap:9px;height:45px;padding:0 12px;display:flex}.run-key-input:focus-within{color:var(--blue);border-color:#6b99f5;box-shadow:0 0 0 3px #246bfd17}.run-key-input input{color:#263348;background:0 0;border:0;outline:0;flex:1;min-width:0;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.run-key-field>small{color:#778397;font-size:8px;line-height:1.45}.run-key-field>small strong{color:#556277}.run-context-hint{color:#52647f;background:#f5f8ff;border:1px solid #dbe6fa;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 11px;font-size:8px;line-height:1.55;display:flex}.run-context-hint svg{color:#3972dc;flex:none}.run-context-hint code,.run-advanced-input code{color:#365b9d;background:#e5edfc;border-radius:4px;padding:2px 4px;font:7px ui-monospace,SFMono-Regular,Menlo,monospace}.run-advanced-toggle{color:#66748a;text-align:left;background:#fafbfc;border:1px solid #dfe5ed;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:48px;padding:8px 11px;display:grid}.run-advanced-toggle:hover,.run-advanced-toggle.open{background:#f7f9fd;border-color:#b7c8e9}.run-advanced-toggle>span{gap:3px;display:grid}.run-advanced-toggle strong{color:#455269;font-size:9px}.run-advanced-toggle small{color:#8490a1;font-size:8px}.run-advanced-toggle em{color:#087b54;background:#e7f7ef;border-radius:99px;padding:3px 6px;font-size:7px;font-style:normal;font-weight:700}.run-advanced-toggle>svg:last-child{transition:transform .18s}.run-advanced-toggle.open>svg:last-child{transform:rotate(180deg)}.run-advanced-input{background:#fafbfc;border:1px solid #e2e7ee;border-top:0;border-radius:0 0 8px 8px;margin-top:-7px;padding:0 11px 1px}.run-advanced-input .json-input-field{margin-bottom:10px}.run-advanced-input .json-input-field small{color:#7e8a9c;font-size:8px;line-height:1.5}.run-error{margin:0}.run-summary{color:#a0a9b7;background:#f8fafc;border:1px solid #e3e8ef;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:64px;display:flex}.run-summary>div{color:#566276;align-items:center;gap:7px;min-width:0;display:flex}.run-summary>div>svg{color:#718099;flex:none}.run-summary>div>span{gap:2px;min-width:0;display:grid}.run-summary small{color:#8a95a5;letter-spacing:.4px;text-transform:uppercase;font-size:7px;font-weight:650}.run-summary strong{color:#46546a;text-overflow:ellipsis;white-space:nowrap;max-width:135px;font-size:8px;overflow:hidden}.run-submit{margin-top:2px}.json-input-field{gap:7px;margin:13px 0 17px;display:grid}.json-input-field>span{color:#4d596d;font-size:9px;font-weight:680}.json-input-field textarea{color:#c8d5e8;resize:vertical;background:#111927;border:1px solid #cfd7e3;border-radius:7px;outline:0;width:100%;padding:10px 11px;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.json-input-field textarea:focus{border-color:#6b99f5;box-shadow:0 0 0 3px #246bfd17}.preview-modal{background:#fff;border:1px solid #fff9;border-radius:14px;width:min(950px,100vw - 70px);max-height:calc(100vh - 60px);padding:27px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #060d1947}.preview-modal>h2{color:#1d293b;letter-spacing:-.4px;margin:2px 0 7px;font-size:20px}.preview-modal>p:not(.eyebrow){color:#6e798b;margin:0 0 18px;font-size:10px}.preview-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:13px;display:grid}.preview-grid .json-input-field{margin:0}.preview-grid .json-viewer{height:100%}.preview-grid .json-viewer pre{min-height:330px;max-height:365px}.preview-placeholder{color:#8b96a6;background:#fafbfc;border:1px dashed #d8dee8;border-radius:8px;align-content:center;place-items:center;gap:9px;min-height:367px;font-size:9px;display:grid}.import-package-button{cursor:pointer;white-space:nowrap}.import-package-button input{display:none}.flow-import-modal{width:min(720px,100vw - 40px)}.flow-import-package-summary{background:#f8faff;border:1px solid #dfe5ed;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;display:grid}.flow-import-package-summary>svg{color:var(--blue)}.flow-import-package-summary>div{gap:3px;min-width:0;display:grid}.flow-import-package-summary strong{color:#243147;font-size:12px}.flow-import-package-summary code,.flow-import-package-summary small{color:#738096;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.flow-import-package-summary dl{gap:18px;margin:0;display:flex}.flow-import-package-summary dl div{text-align:right;gap:3px;display:grid}.flow-import-package-summary dt{color:#8b95a5;text-transform:uppercase;letter-spacing:.4px;font-size:7px}.flow-import-package-summary dd{color:#3d4c62;margin:0;font-size:10px;font-weight:700}.flow-import-conflicts{color:#8d611d;background:#fff9ec;border:1px solid #f0d39c;border-radius:8px;align-items:center;gap:9px;margin-top:12px;padding:10px 12px;display:flex}.flow-import-conflicts span{gap:2px;display:grid}.flow-import-conflicts strong{font-size:9px}.flow-import-conflicts small{font-size:8px}.flow-import-modes{border:0;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0 0;padding:0;display:grid}.flow-import-modes legend{color:#4e5a6e;grid-column:1/-1;margin-bottom:1px;font-size:9px;font-weight:700}.flow-import-modes label{cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:8px;gap:8px;min-width:0;padding:11px;display:flex}.flow-import-modes label.selected{background:#f3f7ff;border-color:#7ca5f8;box-shadow:0 0 0 2px #246bfd12}.flow-import-modes input{accent-color:var(--blue);margin:2px 0 0}.flow-import-modes span{gap:4px;display:grid}.flow-import-modes strong{color:#3d4a60;font-size:9px}.flow-import-modes small{color:#818c9d;font-size:8px;line-height:1.45}.flow-import-warning,.flow-import-secret-note{color:#72531e;background:#fff8e9;border-radius:7px;align-items:flex-start;gap:8px;margin-top:11px;padding:9px 11px;font-size:8px;line-height:1.5;display:flex}.flow-import-secret-note{color:#53647c;background:#f2f5f9}.flow-import-secret-note code{color:#2f5eaa}.flow-import-modal .inline-error{margin:11px 0 0}.flow-import-success{color:#176c51;background:#effbf7;border:1px solid #a9dfcd;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:11px 12px;display:flex}.flow-import-success>div{flex:1;gap:3px;min-width:0;display:grid}.flow-import-success strong{font-size:10px}.flow-import-success small{font-size:8px;line-height:1.45}.flow-import-success>button{color:#4c8b77;background:0 0;border:0;place-items:center;padding:2px;display:grid}.flow-create-fields{gap:12px;margin-bottom:19px;display:grid}.bidirectional-option{background:#f8faff;border:1px solid #dfe5ed;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin:9px 13px;padding:11px;display:flex}.bidirectional-option>span:first-child{gap:3px;min-width:0;display:grid}.bidirectional-option strong{color:#46546a;font-size:9px}.bidirectional-option small{color:#808c9d;font-size:7px;line-height:1.4}.bidirectional-option.create-option{margin:0}.direction-badge{color:#2867d0;background:#eaf2ff;border-radius:4px;padding:3px 6px;font-size:7px;font-weight:750;display:inline-flex}.direction-badge.round-trip{color:#7850b5;background:#f1eaff}.auth-error{background:radial-gradient(circle at 50% 0,#edf3ff,#f4f6f9 45%);place-items:center;min-height:100vh;padding:40px;display:grid}.auth-error>div{border:1px solid var(--border);background:#fff;border-radius:14px;width:min(460px,100%);padding:32px;box-shadow:0 24px 70px #131f341f}.auth-error h1{margin:4px 0 9px;font-size:23px}.auth-error p:not(.eyebrow){color:var(--muted);margin:0 0 22px;font-size:11px;line-height:1.6}.user-menu{position:relative}.user-popover{z-index:80;background:#fff;border:1px solid #dce2ea;border-radius:10px;width:235px;position:absolute;top:41px;right:0;overflow:hidden;box-shadow:0 18px 45px #0d182a26}.user-identity{border-bottom:1px solid #edf0f4;padding:13px 14px 11px}.user-identity strong,.user-identity span{display:block}.user-identity strong{color:#29364a;margin-bottom:4px;font-size:11px}.user-identity span{color:#7c8798;text-overflow:ellipsis;font-size:9px;overflow:hidden}.user-role{color:#53637a;background:#fafbfc;align-items:center;gap:7px;padding:10px 14px;font-size:9px;display:flex}.user-role svg{color:var(--blue)}.user-popover>button{color:#9d3540;text-align:left;background:#fff;border:0;border-top:1px solid #edf0f4;align-items:center;gap:7px;width:100%;height:36px;padding:0 14px;font-size:9px;display:flex}.user-popover>button:hover{background:#fff6f7}.search-backdrop{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09101c85;place-items:start center;padding-top:min(15vh,125px);display:grid;position:fixed;inset:0}.search-dialog{background:#fff;border:1px solid #ffffffb3;border-radius:13px;width:min(680px,100vw - 80px);overflow:hidden;box-shadow:0 32px 90px #050c1847}.search-dialog-input{color:#758195;border-bottom:1px solid #e2e7ee;align-items:center;gap:11px;height:57px;padding:0 15px;display:flex}.search-dialog-input input{color:#243147;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.search-dialog-input button{color:#8590a1;background:#f2f4f7;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.search-results{min-height:230px;max-height:min(58vh,520px);padding:9px;overflow-y:auto}.search-hint{color:#8c97a7;text-align:center;align-content:center;place-items:center;gap:8px;min-height:210px;display:grid}.search-hint svg{color:#a4adba}.search-hint strong{color:#4b586d;font-size:11px}.search-hint span{max-width:410px;font-size:9px;line-height:1.55}.search-message{color:#7f8a9a;place-items:center;min-height:210px;margin:0;font-size:10px;display:grid}.error-text{color:var(--red)}.search-group>p{color:#8993a2;letter-spacing:.65px;text-transform:uppercase;margin:10px 9px 5px;font-size:8px;font-weight:750}.search-result{border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:53px;padding:7px 9px;display:grid}.search-result:hover{background:#f4f7fc}.search-result-icon{color:#246bfd;background:#eaf1ff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.search-result-icon.flow{color:#7850cf;background:#f1ecff}.search-result-icon.connection{color:#07895e;background:#e9f8f1}.search-result>span:nth-child(2){min-width:0}.search-result strong,.search-result small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.search-result strong{color:#2b384d;margin-bottom:4px;font-size:10px}.search-result small{color:#7e8999;font-size:8px}.search-result em{color:#657184;background:#edf0f4;border-radius:99px;padding:4px 6px;font-size:7px;font-style:normal;font-weight:700}.search-footer{color:#8b95a4;background:#fafbfc;border-top:1px solid #e5e9ef;justify-content:space-between;align-items:center;height:34px;padding:0 14px;font-size:8px;display:flex}.search-footer span{align-items:center;gap:5px;display:flex}.connectors-page-container{flex-direction:column;gap:20px;display:flex}.connectors-hero-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.connectors-hero-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px 18px;display:flex}.hero-branding{align-items:center;gap:14px;display:flex}.hero-icon-box{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.hero-branding h1{color:#0f172a;letter-spacing:-.2px;margin:0 0 4px;font-size:18px;font-weight:750}.hero-desc{color:#64748b;max-width:680px;margin:0;font-size:12px}.hero-actions-row{align-items:center;gap:10px;display:flex}.connectors-hero-metrics{background:#f8fafc;border-top:1px solid #f1f5f9;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:14px 24px 18px;display:grid}.hero-metric-pill{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 1px 2px #00000005}.metric-icon-small{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.metric-icon-small.blue{color:#2563eb;background:#eff6ff}.metric-icon-small.emerald{color:#059669;background:#ecfdf5}.metric-icon-small.purple{color:#7c3aed;background:#f5f3ff}.metric-icon-small.amber{color:#d97706;background:#fffbeb}.metric-text{flex-direction:column;display:flex}.metric-text strong{color:#0f172a;font-size:15px;font-weight:750;line-height:1.2}.metric-text span{color:#64748b;font-size:10px;font-weight:600}.connectors-filter-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:12px;padding:14px 18px;display:flex}.toolbar-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.connector-nav-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.connector-tab-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:7px 14px;font-size:11.5px;font-weight:650;transition:all .14s;display:inline-flex}.connector-tab-btn:hover{color:#0f172a;background:#f1f5f9}.connector-tab-btn.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 1px 3px #0f172a1f}.tab-count-pill{color:inherit;background:#fff3;border-radius:10px;padding:1px 6px;font-size:10px}.connector-tab-btn:not(.active) .tab-count-pill{color:#475569;background:#e2e8f0}.connector-search-wrap{flex:1;align-items:center;min-width:280px;max-width:440px;display:flex;position:relative}.connector-search-wrap .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.connector-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;width:100%;height:34px;padding:0 32px;font-size:11.5px;transition:all .15s}.connector-search-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:20px;height:20px;display:grid;position:absolute;right:8px}.search-clear-btn:hover{color:#0f172a;background:#e2e8f0}.toolbar-chips-row{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:12px;padding-top:10px;display:flex}.chips-label{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.chips-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.capability-filter-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:3px 9px;font-size:10.5px;font-weight:650;transition:all .12s}.capability-filter-chip:hover{background:#f1f5f9;border-color:#94a3b8}.capability-filter-chip.active{color:#fff;background:#2563eb;border-color:#2563eb}.remote-toggle-label{color:#475569;cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:11px;font-weight:600;display:flex}.connectors-catalog-sections{flex-direction:column;gap:24px;display:flex}.catalog-category-section{flex-direction:column;gap:14px;display:flex}.section-title-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.title-left{align-items:center;gap:8px;display:flex}.section-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:750}.section-pill.guided{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.section-pill.camel{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.title-left h3{color:#0f172a;margin:0;font-size:14px;font-weight:750}.section-count{color:#64748b;font-size:12px;font-weight:700}.section-note{color:#64748b;font-size:11px}.connector-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.modern-connector-card{border:1px solid #e2e8f0;border-top:3px solid var(--connector-color,#2563eb);background:#fff;border-radius:10px;flex-direction:column;gap:12px;padding:16px;transition:all .16s;display:flex;box-shadow:0 1px 3px #00000008}.modern-connector-card:hover{border-color:#cbd5e1;border-top-color:var(--connector-color,#2563eb);transform:translateY(-2px);box-shadow:0 8px 20px #0f172a12}.card-top-bar{justify-content:space-between;align-items:start;gap:12px;display:flex}.card-identity-box{align-items:center;gap:10px;min-width:0;display:flex}.connector-brand-icon{border:1px solid;border-radius:9px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.card-name-block{min-width:0}.card-name-block h4{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13px;font-weight:750;overflow:hidden}.vendor-tag{color:#64748b;font-size:10px;font-weight:600}.scheme-code{color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;font-weight:700}.card-badge-column{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.installed-badge-v2{color:#059669;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-flex}.active-instance-pill{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:9.5px;font-weight:750;transition:all .12s;display:inline-flex}.active-instance-pill:hover{color:#1e40af;background:#dbeafe}.connector-card-desc{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.48;display:-webkit-box;overflow:hidden}.syntax-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;display:flex;overflow:hidden}.syntax-label{text-transform:uppercase;color:#64748b;flex-shrink:0;font-size:9px;font-weight:700}.syntax-code-text{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow:hidden}.connector-caps-row{flex-wrap:wrap;gap:4px;display:flex}.cap-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.cap-tag.highlight{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.cap-tag.warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.cap-tag.remote{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.connector-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.footer-spec-stats{align-items:center;gap:8px;display:flex}.field-count{color:#64748b;align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.version-code{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px}.footer-action-buttons{align-items:center;gap:6px;display:flex}.card-btn{cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:10.5px;font-weight:650;transition:all .12s;display:inline-flex}.card-btn.inspect{color:#334155;background:#fff;border:1px solid #cbd5e1}.card-btn.inspect:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.card-btn.configure{color:#fff;background:#2563eb;border:1px solid #2563eb}.card-btn.configure:hover{background:#1d4ed8;border-color:#1d4ed8}.connectors-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.connectors-empty-state h3{color:#0f172a;margin:0;font-size:15px;font-weight:750}.connectors-empty-state p{color:#64748b;margin:0;font-size:12px}.connector-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0f172a66;justify-content:flex-end;display:flex;position:fixed;inset:0}.connector-spec-drawer{background:#fff;flex-direction:column;width:min(720px,92vw);height:100vh;animation:.22s cubic-bezier(.16,1,.3,1) drawerSlideInRight;display:flex;box-shadow:-8px 0 32px #0f172a33}@keyframes drawerSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.drawer-title-group{align-items:center;gap:12px;min-width:0;display:flex}.drawer-headline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.drawer-headline h3{color:#0f172a;margin:0;font-size:16px;font-weight:750}.drawer-type-badge{text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:9.5px;font-weight:750}.drawer-type-badge.guided{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.drawer-type-badge.camel{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.drawer-sub{color:#64748b;margin:2px 0 0;font-size:11px}.drawer-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:32px;transition:all .12s;display:grid}.drawer-nav-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:4px;padding:8px 22px;display:flex;overflow-x:auto}.drawer-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:650;transition:all .12s;display:inline-flex}.drawer-tab-btn:hover{color:#0f172a;background:#f1f5f9}.drawer-tab-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}.drawer-scroll-body{flex-direction:column;flex:1;gap:18px;padding:22px;display:flex;overflow-y:auto}.drawer-tab-pane{flex-direction:column;gap:16px;display:flex}.pane-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.pane-summary-card h4{color:#0f172a;margin:0 0 4px;font-size:12.5px;font-weight:750}.pane-summary-card p{color:#64748b;margin:0;font-size:11px}.spec-fields-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.spec-table{border-collapse:collapse;width:100%;font-size:11px}.spec-table th{text-transform:uppercase;color:#64748b;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:9px;font-weight:750}.spec-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:10px 12px}.spec-table tr:last-child td{border-bottom:0}.field-key-code{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:750}.field-type-pill{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.field-type-pill.string{color:#1d4ed8;background:#eff6ff}.field-type-pill.number{color:#a21caf;background:#fdf4ff}.field-type-pill.boolean{color:#047857;background:#ecfdf5}.field-type-pill.select{color:#b45309;background:#fffbeb}.req-pills{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.req-badge{border-radius:4px;padding:1px 5px;font-size:9px;font-weight:750}.req-badge.required{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.req-badge.optional{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.req-badge.secret{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8;align-items:center;gap:2px;display:inline-flex}.field-desc-cell p{color:#475569;margin:0;font-size:11px;line-height:1.45}.allowed-options-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;font-size:10px;display:flex}.opt-chip{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px}.opt-name-cell{flex-direction:column;gap:4px;display:flex}.group-pill{text-transform:uppercase;color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:750}.type-code-short{color:#7c3aed;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.default-val{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.sample-code-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;overflow:hidden}.sample-card-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.sample-card-head h4{color:#0f172a;margin:0 0 2px;font-size:12.5px;font-weight:750}.sample-card-head p{color:#64748b;margin:0;font-size:11px}.sample-code-block{color:#f8fafc;background:#0f172a;max-height:320px;margin:0;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;overflow-x:auto}.sdk-hint-card{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:11px;line-height:1.45;display:flex}.sdk-hint-card code{background:#dbeafe;border-radius:3px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.empty-connections-pane{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;display:flex}.empty-icon-subtle{color:#94a3b8}.empty-connections-pane h4{color:#0f172a;margin:0;font-size:13.5px;font-weight:750}.empty-connections-pane p{color:#64748b;max-width:380px;margin:0 0 8px;font-size:11.5px}.matched-connections-list{flex-direction:column;gap:8px;display:flex}.matched-conn-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.conn-item-main{align-items:center;gap:10px;display:flex}.conn-status-dot{border-radius:50%;width:8px;height:8px}.conn-status-dot.up{background:#10b981;box-shadow:0 0 0 3px #10b98126}.conn-id-code{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.drawer-footer-actions{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 22px}.connectors-sdk-banner{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 22px;display:flex}.sdk-banner-icon{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:9px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.sdk-banner-content{flex:1;min-width:260px}.sdk-banner-content h3{color:#0f172a;margin:0 0 4px;font-size:13.5px;font-weight:750}.sdk-banner-content p{color:#64748b;margin:0;font-size:11.5px;line-height:1.45}.connection-list{overflow:hidden}.connection-list-header,.connection-row{grid-template-columns:1.15fr .72fr 1.25fr .8fr 185px;align-items:center;gap:18px;padding:0 18px;display:grid}.connection-list-header{color:#7a8595;letter-spacing:.55px;text-transform:uppercase;background:#fafbfc;min-height:39px;font-size:8px;font-weight:750}.connection-row{border-top:1px solid #edf0f4;min-height:82px}.connection-row:hover{background:#fbfcfe}.connection-identity{align-items:center;gap:11px;min-width:0;display:flex}.connection-icon{color:#0b8c62;background:#e9f8f1;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.connection-icon.teamcenter{color:#2b68da;background:#eaf1ff}.connection-identity strong,.connection-identity code{display:block}.connection-identity strong{color:#273449;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:11px;overflow:hidden}.connection-identity code{color:#7d8899;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.cell-title{color:#445166;margin-bottom:5px;font-size:10px;display:block}.enabled-label,.disabled-label{text-transform:uppercase;border-radius:99px;width:fit-content;padding:3px 6px;font-size:7px;font-weight:700}.enabled-label{color:#087b54;background:#e8f7f0}.disabled-label{color:#788394;background:#eef1f5}.configuration-summary{min-width:0}.configuration-summary strong,.configuration-summary span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.configuration-summary strong{color:#465369;margin-bottom:5px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.configuration-summary span{color:#8791a1;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.untested-label{color:#8993a2;align-items:center;gap:6px;font-size:9px;display:flex}.test-result{align-items:center;gap:7px;min-width:0;display:flex}.test-result>span{min-width:0}.test-result strong,.test-result small{display:block}.test-result strong{margin-bottom:3px;font-size:9px}.test-result small{color:#7c8797;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:8px;overflow:hidden}.test-result small svg{vertical-align:-2px;margin-right:3px}.test-result.up{color:#0a8a5f}.test-result.down{color:#c03845}.test-result.demo{color:#95630d}.row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.connection-modal{background:#fff;border:1px solid #fff9;border-radius:14px;width:min(900px,100vw - 70px);max-height:calc(100vh - 60px);padding:27px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #060d1947}.connection-modal>h2{color:#1d293b;letter-spacing:-.4px;margin:2px 0 7px;font-size:20px}.connection-modal>p:not(.eyebrow){color:#6e798b;margin:0 0 20px;font-size:10px;line-height:1.6}.connection-modal>p code{color:#4b5870;background:#f0f3f7;border-radius:4px;padding:2px 5px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.connection-form-grid{border-bottom:1px solid #e7ebf0;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:19px;padding-bottom:19px;display:grid}.form-field select{color:#263348;background:#fff;border:1px solid #cfd7e3;border-radius:7px;outline:0;height:40px;padding:0 11px;font-size:11px}.enabled-control{background:#fafbfc;border:1px solid #d8dee7;border-radius:7px;align-items:center;gap:10px;min-height:53px;padding:9px 11px;display:flex}.enabled-control input{width:15px;height:15px;accent-color:var(--blue)}.enabled-control strong,.enabled-control small{display:block}.enabled-control strong{color:#48556a;margin-bottom:3px;font-size:9px}.enabled-control small{color:#8791a1;font-size:8px}.configuration-fields{grid-template-columns:1fr 1fr;gap:13px 16px;display:grid}.configuration-field{gap:6px;min-width:0;display:grid}.configuration-field.wide{grid-column:1/-1}.configuration-field>span{color:#4d596d;font-size:9px;font-weight:680}.configuration-field b{color:#d13c49}.configuration-field input,.configuration-field select,.configuration-field textarea{color:#263348;background:#fff;border:1px solid #cfd7e3;border-radius:7px;outline:0;width:100%;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.configuration-field input,.configuration-field select{height:37px;padding:0 10px}.configuration-field textarea{resize:vertical;min-height:82px;padding:9px 10px;line-height:1.5}.configuration-field input:focus,.configuration-field select:focus,.configuration-field textarea:focus{border-color:#6b99f5;box-shadow:0 0 0 3px #246bfd17}.configuration-field>small{color:#8791a1;min-height:24px;font-size:8px;line-height:1.45}.modal-actions{border-top:1px solid #e7ebf0;justify-content:flex-end;gap:8px;margin-top:23px;padding-top:17px;display:flex}.schedule-modal{width:min(720px,100vw - 32px)}.schedule-title-row{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.schedule-title-row>span{color:#2869df;background:#edf4ff;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid}.schedule-title-row h2,.schedule-title-row p{margin-top:0}.schedule-form{gap:16px;display:grid}.schedule-form>label,.schedule-field-grid label{color:#475569;gap:7px;font-size:13px;font-weight:700;display:grid}.schedule-form input:not([type=checkbox]){color:#162033;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d5dce7;border-radius:9px;padding:0 12px;font-weight:500}.schedule-form small{color:#7b8799;font-size:12px;font-weight:500}.schedule-field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.schedule-runtime-summary{background:#f8fafc;border:1px solid #e0e6ef;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.schedule-runtime-summary div{border-right:1px solid #e0e6ef;gap:4px;padding:12px;display:grid}.schedule-runtime-summary div:last-child{border-right:0}.schedule-runtime-summary strong{color:#1e293b;text-overflow:ellipsis;font-size:13px;overflow:hidden}.schedule-enabled{background:#fbfcfe;border:1px solid #e0e6ef;border-radius:10px;align-items:center;padding:12px;gap:10px!important;display:flex!important}.schedule-enabled input{width:17px;height:17px}.schedule-enabled span{gap:2px;display:grid}.schedule-actions>span{flex:1}@media (width<=680px){.schedule-field-grid,.schedule-runtime-summary{grid-template-columns:1fr 1fr}.schedule-runtime-summary div:nth-child(2){border-right:0}.schedule-runtime-summary div:nth-child(-n+2){border-bottom:1px solid #e0e6ef}}.delete-confirm-modal{background:#fff;border:1px solid #fff9;border-radius:14px;width:min(470px,100vw - 40px);padding:27px;position:relative;box-shadow:0 30px 80px #060d1947}.delete-confirm-modal h2{color:#1d293b;letter-spacing:-.4px;margin:2px 0 7px;font-size:20px}.delete-confirm-modal>p:not(.eyebrow){color:#6e798b;margin:0 0 17px;font-size:10px;line-height:1.6}.delete-confirm-icon{width:42px;height:42px;color:var(--red);background:var(--red-soft);border-radius:11px;place-items:center;margin-bottom:14px;display:grid}.delete-resource-name{background:#f8f9fb;border:1px solid #e2e7ee;border-radius:8px;gap:4px;padding:12px 14px;display:grid}.delete-resource-name span{color:#8792a2;text-transform:uppercase;letter-spacing:.55px;font-size:8px}.delete-resource-name strong{color:#273347;overflow-wrap:anywhere;font-size:11px}.delete-confirm-modal .inline-error{margin:12px 0 0}.sample-schema-modal{width:min(590px,100vw - 40px)}.sample-schema-modal .json-input-field{margin-top:14px}.sample-schema-modal .json-input-field>span{align-items:center;gap:5px;display:flex}.sample-schema-modal .json-input-field small{color:#8791a1;margin-top:5px;font-size:8px;line-height:1.45;display:block}@container flow-workspace (width<=1040px){.designer-grid{grid-template-columns:minmax(0,1fr)}.definition-panel{position:static}}@container flow-workspace (width<=760px){.designer-heading{flex-direction:column;align-items:flex-start}.flow-selector,.designer-actions{width:100%}.flow-selector label{min-width:0}.designer-actions{flex-wrap:wrap;justify-content:flex-start}.canvas-toolbar{align-items:flex-start;gap:10px;padding:14px 16px}.canvas-toolbar>div:first-child{min-width:0}.canvas-toolbar p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.graph-canvas-tools{flex-wrap:wrap;max-width:calc(100% - 24px)}.graph-canvas-tools>small{display:none}.graph-edge-inspector{max-width:calc(100% - 24px);top:55px;right:12px}.mapping-tree-toolbar{flex-wrap:wrap}.mapping-node-contract{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-node-contract>svg{display:none}.mapping-required{justify-self:start}.transformation-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px}.transformation-meta label:nth-child(2){grid-area:2/1/auto/-1}}@media (width<=1250px){.page-content{padding-left:22px;padding-right:22px}.flow-studio-layout{grid-template-columns:205px minmax(0,1fr)}.flow-studio-layout .designer-grid{grid-template-columns:minmax(0,1fr)}.flow-studio-layout .definition-panel{position:static}.pipeline-node{width:200px}.pipeline-edge{width:85px}.content-grid.dashboard-grid{grid-template-columns:minmax(0,1fr) 270px}}@media (width<=900px){.workspace,.sidebar-hidden .workspace{width:100%;margin-left:0}.sidebar{box-shadow:12px 0 32px #030a1638}.sidebar-close{display:grid}.topbar{padding:0 16px}.page-content{padding:22px 16px 40px}.flow-studio-layout{grid-template-columns:minmax(0,1fr)}.flow-library{max-height:260px;position:static}.flow-library-list{max-height:155px}.designer-heading{align-items:flex-start;gap:10px}.designer-actions{flex-wrap:wrap;justify-content:flex-end}.graph-canvas-tools>small{display:none}.graph-edge-inspector{top:54px}}@media (width<=620px){.command-search{width:min(250px,52vw)}.command-search kbd,.environment-button{display:none}.flow-selector label{min-width:0}.designer-actions{justify-content:flex-start}.modal-backdrop{padding:12px}.run-modal-wide{width:100%;max-height:calc(100vh - 24px);padding:22px 18px}.run-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px;display:grid}.run-summary-arrow{display:none}.run-summary>div{align-items:flex-start}.run-summary strong{white-space:normal;max-width:100%}.run-advanced-toggle{grid-template-columns:auto minmax(0,1fr) auto}.run-advanced-toggle em{display:none}.flow-import-package-summary{grid-template-columns:auto minmax(0,1fr)}.flow-import-package-summary dl{grid-column:1/-1;justify-content:space-between}.flow-import-package-summary dl div{text-align:left}.flow-import-modes{grid-template-columns:minmax(0,1fr)}}.settings-page{flex-direction:column;gap:20px;display:flex}.tabs-header{border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:4px;padding-bottom:1px;display:flex}.tab-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .16s;display:flex}.tab-button:hover{color:#1e293b;background:#00000005;border-radius:6px 6px 0 0}.tab-button.active{color:var(--blue);border-bottom-color:var(--blue)}.tab-count{background:var(--green-soft);color:var(--green);border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700}.user-settings-grid{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:20px;display:grid}.user-profile-card .panel-body{flex-direction:column;gap:20px;padding:20px;display:flex}.user-profile-header{align-items:center;gap:16px;display:flex}.user-avatar-large{color:#fff;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:14px;place-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:grid;box-shadow:0 4px 12px #0f172a26}.user-profile-meta h3{color:#0f172a;margin:0 0 3px;font-size:16px}.user-username{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block}.user-email{color:#64748b;margin-top:2px;font-size:12px;display:block}.attribute-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;gap:14px;padding:16px;display:grid}.attribute-item{flex-direction:column;gap:4px;display:flex}.attribute-label{text-transform:uppercase;letter-spacing:.8px;color:#64748b;font-size:10px;font-weight:700}.attribute-value{color:#334155;word-break:break-all;font-size:11px}.role-pills{flex-wrap:wrap;gap:6px;display:flex}.role-pill{border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.role-pill.platform-admin{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.role-pill.operator{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd}.role-pill.viewer{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.role-pill.muted{color:#94a3b8;background:#f1f5f9}.user-actions{padding-top:5px}.preferences-panel .panel-body{padding:8px 22px 22px}.preferences-form{gap:18px;display:grid}.pref-row{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:24px;padding:16px 0;display:flex}.pref-row:last-child{border-bottom:0}.pref-info{flex:1;max-width:540px}.pref-info label{color:#1e293b;cursor:pointer;margin-bottom:3px;font-size:13px;font-weight:650;display:block}.pref-info p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.pref-preview{color:#475569;background:#f1f5f9;border-radius:4px;margin-top:6px;padding:2px 8px;font-size:10px;display:inline-block}.pref-control{flex:none;justify-content:flex-end;min-width:220px;display:flex}.pref-control select{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;height:36px;padding:0 10px;font-size:12px;font-weight:500}.pref-control select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #246bfd26}.toggle-switch{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background-color:#cbd5e1;border-radius:24px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--blue)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.workers-tab{flex-direction:column;gap:20px;display:flex}.workers-table strong{color:#0f172a;font-size:12px}.badge-number{color:#0369a1;background:#e0f2fe;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.muted-cell-sub{color:#94a3b8;font-size:10px}.connector-tags{flex-wrap:wrap;gap:4px;max-width:320px;display:flex}.connector-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500;display:inline-block}.cluster-policies-panel .panel-body{padding:20px}.policy-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.policy-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:6px;padding:16px;display:flex}.policy-label{text-transform:uppercase;letter-spacing:.8px;color:#64748b;font-size:10px;font-weight:700}.policy-card strong{color:#0f172a;font-size:16px}.policy-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.4}.system-tab{flex-direction:column;gap:20px;display:flex}.system-cards-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px;display:grid}.panel-heading-title{align-items:center;gap:11px;display:flex}.panel-icon{border-radius:8px;padding:6px}.panel-icon.blue{color:var(--blue);background:var(--blue-soft)}.panel-icon.amber{color:var(--amber);background:var(--amber-soft)}.panel-icon.green{color:var(--green);background:var(--green-soft)}.panel-icon.red{color:var(--red);background:var(--red-soft)}.system-prop{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:11px 18px;font-size:12px;display:flex}.system-prop:last-child{border-bottom:0}.system-prop-name{color:#64748b;font-weight:500}.system-prop-value{color:#1e293b;text-align:right;word-break:break-all;font-weight:600}.system-prop-value code{font-size:11px}.status-tag{letter-spacing:.5px;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700}.status-tag.green{background:var(--green-soft);color:var(--green)}.status-tag.muted{color:#64748b;background:#f1f5f9}.connector-policies-section .panel-body{padding:22px}.connector-policy-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.policy-group h3{color:#0f172a;margin:0 0 4px;font-size:13px}.policy-group p{color:var(--muted);margin:0 0 12px;font-size:11px}.pill-list{flex-wrap:wrap;gap:6px;display:flex}.code-pill{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;display:inline-block}.table-compact th,.table-compact td{padding:6px 12px!important;font-size:11px!important}.table-compact tr{min-height:34px!important}.banner{border-radius:8px;align-items:center;gap:10px;padding:11px 16px;font-size:12px;font-weight:550;display:flex;position:relative}.success-banner{background:var(--green-soft);color:#065f46;border:1px solid #a7f3d0}.error-banner{background:var(--red-soft);color:#991b1b;border:1px solid #fecaca}.banner-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:0;margin-left:auto;font-size:16px}.banner-close:hover{opacity:1}.empty-panel-body{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.empty-panel-body h3{color:#334155;margin:0;font-size:14px}.empty-panel-body p{max-width:420px;margin:0;font-size:11px}.muted-icon{color:#94a3b8}.popover-link{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;transition:background .15s;display:flex}.popover-link:hover{color:#0f172a;background:#f1f5f9}.json-toggle-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.json-toggle-button:hover{color:var(--blue)}.json-toolbar-actions{align-items:center;gap:8px;display:flex}.tab-count-muted{color:#64748b;background:#f1f5f9;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.tab-count.warning{color:#c2410c;background:#fff7ed}.heading-actions{align-items:center;gap:8px;display:flex}.api-tokens-section .panel-heading{min-height:58px}.tokens-table td{padding:12px 14px}.tokens-table strong{color:#1e293b;font-size:12px}.row-desc{color:#64748b;margin-top:2px;font-size:10px;display:block}.badge-never{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.danger-text{color:#dc2626!important}.danger-text:hover{background:#fee2e2!important}.modal-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;flex-direction:column;width:100%;max-width:540px;animation:.18s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 65px -12px #0f172a59,0 0 0 1px #0f172a0d}@keyframes modalSlideUp{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px 18px;display:flex}.modal-header h2{color:#0f172a;letter-spacing:-.3px;margin:0 0 4px;font-size:17px;font-weight:700}.modal-header p{color:#64748b;margin:0;font-size:12px;line-height:1.45}.modal-header .modal-close{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;transition:all .15s;display:grid;position:static}.modal-header .modal-close:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.modal-body{background:#fff;flex-direction:column;gap:15px;max-height:calc(85vh - 160px);padding:22px 26px;display:flex;overflow-y:auto}.modal-body .form-group{flex-direction:column;gap:6px;display:flex}.modal-body .form-group>label{color:#334155;letter-spacing:.2px;font-size:11px;font-weight:700}.modal-body .form-help-text{color:#64748b;margin:0 0 6px;font-size:11px;line-height:1.4}.modal-body .form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-body input[type=text],.modal-body input[type=password],.modal-body input[type=email],.modal-body select,.modal-body textarea,.modal-card input:not([type=checkbox]):not([type=radio]){color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:38px;padding:0 12px;font-size:12px;transition:all .15s}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.modal-body .checkbox-group{flex-flow:wrap;gap:8px;margin-top:4px;display:flex}.modal-body .checkbox-label{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:inline-flex}.modal-body .checkbox-label:hover{background:#f1f5f9;border-color:#cbd5e1}.modal-body .checkbox-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:15px;height:15px}.modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:16px 26px;display:flex}.modal-footer .button{height:36px;padding:0 16px;font-size:12px}.token-modal-card{width:100%;max-width:520px}.token-created-modal{width:100%;max-width:580px}.token-secret-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:9px;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px;display:flex}.token-secret-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.token-secret-header span{color:#0f172a;font-size:13px;font-weight:700}.token-secret-value{background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.token-secret-value code{color:#1e293b;word-break:break-all;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.token-usage-example{margin-top:12px}.token-usage-example h4{text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin:0 0 6px;font-size:11px;font-weight:700}.token-usage-example pre{color:#e2e8f0;background:#0f172a;border-radius:7px;margin:0;padding:12px 14px;font-size:11px;line-height:1.4;overflow-x:auto}.modal-inline-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;display:flex}.checkbox-group{flex-direction:column;gap:8px;margin-top:6px;display:flex}.checkbox-label{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.checkbox-label.disabled{opacity:.5;cursor:not-allowed}.users-management-tab{flex-direction:column;gap:20px;display:flex}.users-table td{padding:12px 14px}.user-row-identity{align-items:center;gap:10px;display:flex}.user-avatar-small{color:#fff;background:#1e293b;border-radius:7px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.table-actions-cell{align-items:center;gap:4px;display:flex}.telemetry-overview-panel .panel-body{padding:20px}.telemetry-grid{grid-template-columns:320px repeat(3,minmax(0,1fr));gap:16px;display:grid}.telemetry-gauge-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;justify-content:space-between;gap:8px;padding:16px;display:flex}.gauge-header{color:#334155;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.meter-bar-track{background:#e2e8f0;border-radius:99px;width:100%;height:8px;overflow:hidden}.meter-bar-fill{background:#10b981;border-radius:99px;height:100%;transition:width .3s}.meter-bar-fill.warning{background:#f59e0b}.meter-bar-fill.danger{background:#ef4444}.gauge-footer{color:#64748b;justify-content:space-between;align-items:center;font-size:10px;display:flex}.telemetry-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:4px;padding:16px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.6px;color:#64748b;font-size:10px;font-weight:700}.stat-val strong{color:#0f172a;font-size:15px}.stat-val small{color:#64748b;font-size:11px}.stat-sub{color:#94a3b8;margin-top:2px;font-size:10px}.panel-group{flex-direction:column;gap:14px;display:flex}.section-title-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-title-bar h2{color:#0f172a;margin:0 0 2px;font-size:14px}.section-title-bar p{color:#64748b;margin:0;font-size:11px}.probed-time{color:#94a3b8;font-size:11px}.component-card .panel-heading{min-height:56px}.card-top-right{align-items:center;gap:8px;display:flex}.latency-pill{border-radius:6px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.latency-pill.green{color:#15803d;background:#dcfce7}.latency-pill.red{color:#b91c1c;background:#fee2e2}.truncate-val{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.card-actions-row{background:#fafbfc;border-top:1px solid #f1f5f9;align-items:center;padding:12px 18px;display:flex}.card-actions-row.split-actions{justify-content:space-between}.operations-two-col{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:20px;display:grid}.sandbox-workbench-panel .panel-body,.policy-workbench-panel .panel-body{flex-direction:column;gap:16px;padding:20px;display:flex}.lang-toggle-group{background:#f1f5f9;border-radius:7px;align-items:center;gap:2px;padding:3px;display:flex}.lang-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px 10px;font-size:11px;font-weight:600}.lang-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.editor-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.editor-label-row label{color:#1e293b;align-items:center;gap:6px;font-size:12px;font-weight:650;display:flex}.editor-hint{color:#64748b;font-size:10px}.code-editor-textarea{color:#f8fafc;resize:vertical;background:#0f172a;border:1px solid #cbd5e1;border-radius:7px;width:100%;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.45}.sandbox-payloads-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.payload-textarea{color:#1e293b;resize:vertical;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.sandbox-actions-row{justify-content:flex-end;display:flex}.sandbox-result-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.sandbox-result-box.success{background:#f0fdf4;border-color:#a7f3d0}.sandbox-result-box.error{background:#fef2f2;border-color:#fecaca}.result-header{justify-content:space-between;align-items:center;display:flex}.result-header-title{align-items:center;gap:6px;font-size:12px;display:flex}.text-red{color:#dc2626}.text-green{color:#16a34a}.result-content{color:#f8fafc;background:#0f172a;border-radius:6px;max-height:200px;margin:0;padding:10px 12px;font-size:11px;overflow-x:auto}.policy-input-row{gap:8px;margin-top:4px;display:flex}.policy-input-row input{color:#1e293b;border:1px solid #cbd5e1;border-radius:7px;flex:1;height:36px;padding:0 12px;font-size:12px}.form-help-text{color:#64748b;margin:6px 0 0;font-size:11px}.policy-result-card{border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:6px;padding:14px;display:flex}.policy-result-card.allowed{background:#f0fdf4;border-color:#a7f3d0}.policy-result-card.blocked{background:#fef2f2;border-color:#fecaca}.policy-result-header{justify-content:space-between;align-items:center;display:flex}.policy-badge-wrap{align-items:center;gap:8px;display:flex}.policy-status-tag{border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.policy-status-tag.allowed{color:#15803d;background:#dcfce7}.policy-status-tag.blocked{color:#b91c1c;background:#fee2e2}.policy-type-tag{color:#64748b;font-size:10px;font-weight:600}.policy-reason{color:#334155;margin:0;font-size:11px}.allowlist-display-section{flex-direction:column;gap:14px;margin-top:6px;display:flex}.allowlist-subgroup h4{color:#475569;margin:0 0 6px;font-size:11px;font-weight:700}.code-pill.clickable{cursor:pointer;background:#fff;border:1px solid #cbd5e1;transition:all .12s}.distributed-tab{flex-direction:column;gap:20px;display:flex}.distributed-hero-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000a}.distributed-hero-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.hero-main-title{align-items:center;gap:14px;display:flex}.hero-icon-wrap{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hero-main-title h2{color:#0f172a;letter-spacing:-.2px;margin:0 0 4px;font-size:17px;font-weight:750}.hero-main-title p{color:#64748b;margin:0;font-size:12px}.hero-stats-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-stat-pill{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;display:inline-flex}.dist-subtabs-nav{background:#f8fafc;border-top:1px solid #e2e8f0;align-items:center;gap:6px;padding:8px 24px;display:flex;overflow-x:auto}.dist-subtab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:7px 14px;font-size:11.5px;font-weight:650;transition:all .15s;display:inline-flex}.dist-subtab-btn:hover{color:#0f172a;background:#f1f5f9}.dist-subtab-btn.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 2px 6px #0f172a26}.mesh-view-container{flex-direction:column;gap:16px;display:flex;position:relative}.mesh-controls-bar{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.mesh-filters{align-items:center;gap:6px;display:flex}.mesh-toggles{align-items:center;gap:14px;display:flex}.flow-toggle-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:650;transition:all .15s;display:inline-flex}.flow-toggle-btn.active{color:#15803d;background:#f0fdf4;border-color:#86efac}.mesh-hint-text{color:#64748b;align-items:center;gap:5px;font-size:11px;display:inline-flex}.mesh-canvas-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.topology-flow-board{background:#f8fafc radial-gradient(#cbd5e1 1px,#0000 1px) 0 0/20px 20px;flex-direction:column;gap:14px;min-width:1040px;padding:22px 20px;display:flex}.flow-pipeline-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:14px;padding:16px 18px;display:flex;box-shadow:0 1px 2px #00000008}.pipeline-section-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:10px;display:flex}.pipeline-badge{text-transform:uppercase;letter-spacing:.5px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 7px;font-size:9.5px;font-weight:750}.pipeline-badge.infra{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.pipeline-section-header h4{color:#0f172a;margin:0;font-size:13px;font-weight:750}.pipeline-sub{color:#64748b;margin-left:auto;font-size:11px}.pipeline-cards-row{align-items:stretch;gap:0;display:flex}.pipeline-cards-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.flow-junction-connector{flex-direction:column;justify-content:center;align-items:center;width:58px;min-width:58px;padding:0 4px;display:flex;position:relative}.junction-line-track{background:#cbd5e1;align-items:center;width:100%;height:2px;display:flex;position:relative}.junction-line-fill{background:linear-gradient(90deg,#94a3b8,#3b82f6,#94a3b8);height:2px;position:absolute;left:0;right:0}.junction-packet{border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite junctionPacketMove;position:absolute}.junction-packet.packet-blue{background:#2563eb;box-shadow:0 0 6px #2563eb99}.junction-packet.packet-purple{background:#9333ea;box-shadow:0 0 6px #9333ea99}.junction-packet.packet-green{background:#16a34a;box-shadow:0 0 6px #16a34a99}@keyframes junctionPacketMove{0%{opacity:0;left:0%}25%{opacity:1}75%{opacity:1}to{opacity:0;left:100%}}.junction-badge{color:#475569;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;margin-top:6px;padding:2px 4px;font-size:8px;font-weight:750}.pipeline-divider-row{grid-template-columns:repeat(4,1fr);gap:14px;padding:0 2px;display:grid}.divider-branch-tag{color:#475569;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:600;display:flex}.branch-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:5px;height:5px}.mesh-node-card{border:1px solid #e2e8f0;border-top:3px solid var(--node-accent,#3b82f6);cursor:pointer;background:#fff;border-radius:9px;flex-direction:column;flex:1;gap:8px;min-width:0;padding:13px 14px;transition:all .16s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.mesh-node-card:hover{border-color:#cbd5e1;border-top-color:var(--node-accent,#3b82f6);transform:translateY(-2px);box-shadow:0 6px 16px #0f172a14}.mesh-node-card.selected{border-color:#2563eb;border-top-color:var(--node-accent,#3b82f6);background:#f8faff;box-shadow:0 0 0 2px #2563eb,0 6px 18px #2563eb1f}.mesh-node-card.dimmed{opacity:.32;pointer-events:none}.node-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.node-head-left{align-items:center;gap:9px;min-width:0;display:flex}.node-icon-box{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.node-head h5{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;font-weight:750;overflow:hidden}.node-port{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.node-live-pulse{letter-spacing:.2px;border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-size:9.5px;font-weight:750;display:inline-flex}.node-live-pulse.up{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.node-live-pulse.degraded{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.node-live-pulse.down{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.node-live-pulse.standby{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.pulse-dot{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.node-role-summary{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.node-foot{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:2px;padding-top:7px;display:flex}.node-scaling-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:600}.node-inspect-link{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0;font-size:11px;font-weight:650;display:inline-flex}.node-inspect-link:hover{color:#1d4ed8}.service-inspector-drawer{background:#fff;border:1px solid #cbd5e1;border-radius:12px;animation:.2s cubic-bezier(.16,1,.3,1) drawerSlideDown;overflow:hidden;box-shadow:0 12px 36px #0000001f}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.drawer-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.drawer-title-row{align-items:center;gap:12px;display:flex}.drawer-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.drawer-title-chips{align-items:center;gap:8px;display:flex}.drawer-title-chips h3{color:#0f172a;margin:0;font-size:15px;font-weight:750}.drawer-subtitle{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.drawer-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .12s;display:flex}.drawer-close-btn:hover{color:#0f172a;background:#f1f5f9}.drawer-body{flex-direction:column;gap:18px;padding:20px;display:flex}.drawer-health-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.health-left{align-items:center;gap:12px;display:flex}.status-pill-big{border-radius:20px;align-items:center;gap:7px;padding:4px 12px;font-size:11.5px;font-weight:750;display:inline-flex}.status-pill-big.up{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.status-pill-big.degraded{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.status-pill-big.down{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.status-pill-big.standby{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.health-probe-text{color:#64748b;font-size:11px}.drawer-section h4{color:#0f172a;align-items:center;gap:7px;margin:0 0 8px;font-size:12.5px;font-weight:700;display:flex}.drawer-desc{color:#334155;margin:0;font-size:12px;line-height:1.5}.drawer-specs-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.spec-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;flex-direction:column;gap:3px;padding:9px 12px;display:flex}.spec-label{text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-size:9.5px;font-weight:700}.spec-val{color:#0f172a;font-size:11.5px;font-weight:650}.sizing-pills-row{flex-wrap:wrap;gap:8px;display:flex}.sizing-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:inline-flex}.section-head-with-action{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-head-with-action h4{margin:0}.link-button{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:650;display:inline-flex}.link-button:hover{text-decoration:underline}.drawer-env-list{flex-direction:column;gap:8px;display:flex}.drawer-env-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.env-item-header{justify-content:space-between;align-items:center;display:flex}.env-item-header code{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:700}.env-copy-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:650;transition:all .12s;display:inline-flex}.env-copy-btn:hover{color:#0f172a;background:#f1f5f9}.env-item-desc{color:#475569;margin:0;font-size:11px}.env-default-row{align-items:center;gap:6px;font-size:10.5px;display:flex}.env-default-label{color:#64748b;font-weight:600}.env-default-code{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.drawer-actions-bar{border-top:1px solid #e2e8f0;align-items:center;gap:10px;padding-top:12px;display:flex}.catalog-view-container{flex-direction:column;gap:20px;display:flex}.catalog-section-panel .panel-body{padding:20px 22px}.catalog-cards-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;display:grid}.catalog-service-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000008}.catalog-service-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0000000f}.catalog-service-card .card-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.card-head-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.card-head-title{align-items:center;gap:10px;display:flex}.card-head-title h4{color:#0f172a;margin:0;font-size:13px;font-weight:700}.card-sub-proto{color:#64748b;font-size:10px}.catalog-service-card .card-body{flex-direction:column;flex:1;gap:12px;padding:14px 16px;display:flex}.card-footer-bar{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.layer-category-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.layer-category-pill.app{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.layer-category-pill.infra{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8}.scaling-badge{color:#475569;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:2px 7px;font-size:10px;font-weight:600}.layer-desc{color:#475569;margin:0;font-size:11px;line-height:1.45}.layer-props-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.layer-prop-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.layer-prop-name{color:#64748b;font-weight:500}.layer-prop-val{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600}.layer-env-tags{flex-wrap:wrap;gap:4px;display:flex}.layer-env-tag{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.layer-env-tag.clickable{cursor:pointer;transition:all .12s}.layer-env-tag.clickable:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.config-generator-panel .panel-body{flex-direction:column;gap:18px;padding:22px;display:flex}.generator-presets-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.presets-label{color:#475569;font-size:11px;font-weight:700}.presets-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.preset-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:16px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .12s}.preset-chip.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 1px 3px #0000001a}.preset-chip:hover:not(.active){background:#f1f5f9;border-color:#94a3b8}.generator-inputs-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.generator-input-item label{color:#334155;margin-bottom:4px;font-size:11px;font-weight:650;display:block}.generator-input-item input{color:#0f172a;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;height:34px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.generator-input-item input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.generator-export-bar{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.export-format-selector{background:#f1f5f9;border-radius:7px;flex-wrap:wrap;align-items:center;gap:4px;padding:3px;display:flex}.format-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .12s}.format-tab-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.config-export-actions{align-items:center;gap:8px;display:flex}.config-code-preview{color:#f8fafc;background:#0f172a;border-radius:8px;max-height:440px;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;overflow-x:auto}.env-ref-panel .panel-body{flex-direction:column;gap:14px;padding:18px 22px;display:flex}.env-search-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.env-search-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;max-width:320px;height:34px;padding:0 12px;font-size:12px}.env-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:16px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .12s}.filter-chip.active{color:#fff;background:#1e293b;border-color:#1e293b}.filter-chip:hover:not(.active){background:#f1f5f9}.copyable-code{cursor:pointer;transition:all .12s}.copyable-code:hover{color:#0f172a!important;background:#e2e8f0!important}.env-table code{color:#1e293b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600}.overview-page-wrapper{flex-direction:column;gap:16px;display:flex}.overview-header{margin-bottom:2px}.overview-headline{align-items:center;gap:10px;display:flex}.health-status-badge{letter-spacing:.2px;border-radius:99px;align-items:center;gap:6px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.health-status-badge.healthy{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.health-status-badge.degraded{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulseHealth;box-shadow:0 0 0 2px #10b9814d}.health-status-badge.degraded .pulse-dot{background:#f97316;box-shadow:0 0 0 2px #f973164d}@keyframes pulseHealth{0%{transform:scale(.95);box-shadow:0 0 #10b98180}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.overview-actions{align-items:center;gap:8px;display:flex}.overview-metric-grid{gap:12px;margin-bottom:0;grid-template-columns:repeat(5,1fr)!important}.metric-card.attention{background:#fffdfd;border-color:#fecaca}.metric-icon.purple{color:#7c3aed;background:#f5f3ff}.metric-sub{color:#64748b;margin-top:5px;font-size:10px;font-weight:500;display:block}.metric-unit{color:#94a3b8;font-size:14px;font-weight:500}.mini-progress-bar{background:#e2e8f0;border-radius:99px;width:100%;height:4px;margin:6px 0 2px;overflow:hidden}.mini-progress-fill{background:#10b981;border-radius:99px;height:100%;transition:width .4s}.red-link{font-weight:650;color:#dc2626!important}.infra-strip-panel{background:#fafbfc;border-color:#e2e8f0;padding:10px 16px}.infra-strip-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.infra-strip-label{color:#475569;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.infra-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.infra-pill{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #00000008}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot.green{background:#10b981}.status-dot.red{background:#ef4444}.infra-details-link{font-size:11px}.flows-summary-panel .panel-heading{min-height:52px}.flows-compact-grid{background:#fafbfc;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:16px;display:grid}.flow-compact-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:10px;padding:14px;transition:all .15s;display:flex;box-shadow:0 2px 6px #00000008}.flow-compact-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.flow-compact-card.disabled{opacity:.65}.flow-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.flow-card-top strong{color:#0f172a;margin-bottom:2px;font-size:12px;display:block}.flow-card-top p{color:#64748b;margin:0;font-size:10px;line-height:1.3}.flow-route-path{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;display:flex}.route-badge{color:#334155;font-size:10px;font-weight:650}.route-badge.source{color:#2563eb}.route-badge.target{color:#059669}.route-arrow{color:#94a3b8;font-size:10px}.flow-card-actions{align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.flow-action-btn{cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:650;transition:all .12s;display:inline-flex}.flow-action-btn.run{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.flow-action-btn.run:hover{background:#dbeafe;border-color:#93c5fd}.flow-action-btn.edit{color:#475569;background:#fff;border:1px solid #cbd5e1}.flow-action-btn.edit:hover{color:#0f172a;background:#f1f5f9}.transaction-panel-header{flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:10px}.transaction-tab-group{background:#f1f5f9;border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:650;transition:all .12s}.tab-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.overview-table td{padding:10px 14px}.tx-id-sub{color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:block}.flow-name-cell{color:#1e293b;font-size:11px;font-weight:600;display:block}.flow-route-sub{color:#64748b;font-size:9px;display:block}.duration-pill{color:#475569;background:#f1f5f9;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.row-action-group{align-items:center;gap:4px;display:flex}.action-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;place-items:center;width:26px;height:26px;padding:0;transition:all .12s;display:grid}.action-icon-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.panel-footer-split{background:#fafbfc;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.footer-count-label{color:#64748b;font-size:11px}.overview-sidebar{flex-direction:column;gap:16px;display:flex}.runtime-items-list{background:#edf0f4;flex-direction:column;gap:1px;display:flex}.runtime-item-card{background:#fff;padding:12px 16px}.worker-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.worker-id-title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.worker-meta{color:#64748b;justify-content:space-between;font-size:10px;display:flex}.runtime-empty{text-align:center;color:#94a3b8;background:#fff;padding:24px 16px;font-size:11px}.endpoints-quick-panel .panel-heading{min-height:52px}.endpoints-list{flex-direction:column;display:flex}.endpoint-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:10px 16px;display:flex}.endpoint-item:last-child{border-bottom:0}.endpoint-dot{border-radius:50%;width:7px;height:7px}.endpoint-dot.enabled{background:#10b981}.endpoint-dot.disabled{background:#94a3b8}.endpoint-info{flex:1;min-width:0}.endpoint-info strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.endpoint-info small{color:#64748b;font-size:9px;display:block}.endpoint-cap-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:650}.empty-endpoints{text-align:center;color:#64748b;padding:20px 16px;font-size:11px}@media (width<=1200px){.overview-metric-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width<=768px){.overview-metric-grid{grid-template-columns:repeat(1,1fr)!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.docs-page-wrapper{flex-direction:column;gap:20px;display:flex}.docs-hero-panel{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:10px;flex-direction:column;gap:16px;padding:28px 32px;display:flex;box-shadow:0 4px 20px #0f172a26}.docs-hero-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.docs-hero-title{align-items:center;gap:14px;display:flex}.docs-hero-icon{color:#60a5fa;background:#3b82f633;border-radius:10px;justify-content:center;align-items:center;padding:12px;display:flex}.docs-hero-title h1{color:#f8fafc;margin:0 0 4px;font-size:22px;font-weight:750}.docs-hero-title p{color:#94a3b8;margin:0;font-size:13px}.docs-search-bar{width:100%;max-width:440px;position:relative}.docs-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.docs-search-input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;width:100%;height:40px;padding:0 16px 0 42px;font-size:13px;transition:all .15s}.docs-search-input:focus{background:#ffffff24;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f640}.docs-search-input::placeholder{color:#94a3b8}.docs-quick-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.docs-pill-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .12s;display:flex}.docs-pill-btn:hover{color:#fff;background:#ffffff2e;border-color:#ffffff40}.docs-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;display:grid}.docs-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:16px;max-height:calc(100vh - 100px);padding:16px;display:flex;position:sticky;top:76px;overflow-y:auto;box-shadow:0 1px 3px #00000008}.docs-nav-group{flex-direction:column;gap:4px;display:flex}.docs-nav-group-title{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;padding:0 8px 4px;font-size:10px;font-weight:750}.docs-nav-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:7px 10px;font-size:12px;font-weight:550;text-decoration:none;transition:all .12s;display:flex}.docs-nav-item:hover{color:#0f172a;background:#f1f5f9}.docs-nav-item.active{color:#1d4ed8;background:#eff6ff;font-weight:650}.docs-content{flex-direction:column;gap:28px;display:flex}.docs-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:18px;padding:26px 30px;display:flex;box-shadow:0 1px 3px #00000005}.docs-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.docs-card-title{align-items:center;gap:10px;display:flex}.docs-card-title h2{color:#0f172a;margin:0;font-size:18px;font-weight:750}.docs-section-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.docs-card p{color:#334155;margin:0;font-size:13px;line-height:1.6}.docs-card h3{color:#0f172a;align-items:center;gap:6px;margin:12px 0 6px;font-size:14px;font-weight:700;display:flex}.docs-callout{border-radius:8px;gap:12px;padding:14px 18px;font-size:12.5px;line-height:1.5;display:flex}.docs-callout-icon{flex-shrink:0;margin-top:1px}.docs-callout.tip{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.docs-callout.tip .docs-callout-icon{color:#16a34a}.docs-callout.note{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.docs-callout.note .docs-callout-icon{color:#2563eb}.docs-callout.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.docs-callout.warning .docs-callout-icon{color:#d97706}.docs-callout.important{color:#9d174d;background:#fdf2f8;border:1px solid #fbcfe8}.docs-callout.important .docs-callout-icon{color:#db2777}.docs-code-container{background:#0f172a;border:1px solid #1e293b;border-radius:8px;overflow:hidden}.docs-code-head{color:#94a3b8;background:#1e293b;justify-content:space-between;align-items:center;padding:8px 14px;font-size:11px;font-weight:600;display:flex}.docs-copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:11px;transition:all .12s;display:flex}.docs-copy-btn:hover{color:#fff;background:#ffffff1a}.docs-code{color:#f8fafc;margin:0;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.docs-endpoint-item{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;overflow:hidden}.docs-endpoint-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.endpoint-signature{align-items:center;gap:10px;display:flex}.method-tag{letter-spacing:.5px;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:750}.method-tag.get{color:#15803d;background:#dcfce7}.method-tag.post{color:#1d4ed8;background:#eff6ff}.method-tag.put{color:#b45309;background:#fef3c7}.method-tag.delete{color:#b91c1c;background:#fee2e2}.endpoint-path{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:650}.docs-endpoint-body{background:#fff;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.docs-arch-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.docs-arch-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.docs-arch-card h4{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.docs-arch-card p{color:#64748b;margin:0;font-size:11.5px}@media (width<=960px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{max-height:none;position:static}}.view-mode-toggle .icon-button.active{color:#fff;background:#0f172a;border-color:#0f172a}.env-tag-chip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:650;display:inline-block}.syntax-snippet{cursor:pointer;display:inline-flex}.syntax-snippet code{color:#2563eb;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;transition:all .12s}.syntax-snippet:hover code{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.syntax-helper-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.syntax-helper-title{color:#475569;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.syntax-helper-grid{flex-direction:column;gap:4px;display:flex}.syntax-helper-row{align-items:center;gap:8px;font-size:10.5px;display:flex}.syntax-ctx{color:#64748b;flex-shrink:0;width:115px;font-weight:600}.syntax-helper-row code{color:#1d4ed8;background:#eff6ff;border-radius:3px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.env-cards-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;display:grid}.modern-env-card{background:#fff;border:1px solid #e2e8f0;border-top:3px solid #64748b;border-radius:10px;flex-direction:column;gap:12px;padding:16px;transition:all .16s;display:flex;box-shadow:0 1px 3px #00000008}.modern-env-card.secret,.modern-env-card.is-secret{border-top-color:#d97706}.modern-env-card.config{border-top-color:#2563eb}.modern-env-card.endpoint{border-top-color:#059669}.modern-env-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a12}.env-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.env-identity{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.env-category-icon{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.env-category-icon.secret{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.env-category-icon.config{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.env-category-icon.endpoint{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.env-name-block{flex:1;min-width:0}.env-name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:3px;display:flex}.env-name{color:#0f172a;word-break:break-all;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:750}.env-copy-ref-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:600;transition:all .12s;display:inline-flex}.env-copy-ref-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.env-desc{color:#64748b;margin:0;font-size:11px;line-height:1.4}.env-badges-col{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.env-category-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:750}.env-category-badge.secret{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.env-category-badge.config{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.env-category-badge.endpoint{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.env-ref-count-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:1px 6px;font-size:9.5px;font-weight:750}.env-ref-count-badge.unused{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.env-value-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.value-label-row{justify-content:space-between;align-items:center;display:flex}.value-label{text-transform:uppercase;letter-spacing:.4px;color:#64748b;font-size:9px;font-weight:750}.reveal-toggle-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:650;transition:all .12s;display:inline-flex}.reveal-toggle-btn:hover{color:#0f172a;background:#f1f5f9}.value-display-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.value-text{color:#0f172a;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.value-text.masked{letter-spacing:2px;color:#94a3b8;font-weight:700}.copy-val-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.copy-val-btn:hover{color:#0f172a;background:#f1f5f9}.env-tags-row{flex-wrap:wrap;gap:4px;display:flex}.env-card-footer{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.env-quick-refs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.env-actions-group{align-items:center;gap:6px;display:flex}.trigger-flow-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:min(680px,100vw - 36px);max-height:calc(100vh - 48px);animation:.18s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow-y:auto;box-shadow:0 25px 60px #0f172a40}.trigger-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex;position:relative}.trigger-modal-title-group{align-items:flex-start;gap:14px;display:flex}.trigger-modal-icon{color:#d97706;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 2px 6px #d9770626}.trigger-modal-desc{color:#64748b;margin:4px 0 0;font-size:11.5px;line-height:1.45}.trigger-modal-header h2{color:#0f172a;letter-spacing:-.3px;margin:1px 0 0;font-size:17px;font-weight:750}.modal-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:32px;transition:all .12s;display:grid}.modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.trigger-flow-form{flex-direction:column;gap:18px;padding:20px 24px;display:flex}.trigger-flow-section{flex-direction:column;gap:8px;display:flex}.trigger-field-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.trigger-field-label{color:#334155;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.flow-active-pill{letter-spacing:.3px;border-radius:99px;padding:2px 7px;font-size:9px;font-weight:750}.flow-active-pill.active{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.flow-active-pill.disabled{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.trigger-flow-select{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:38px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s}.trigger-flow-select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.trigger-locked-flow-title{color:#0f172a;align-items:center;gap:8px;font-size:13px;display:flex}.flow-id-sub{color:#64748b;font-family:ui-monospace,monospace;font-size:11px}.trigger-flow-arch-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.trigger-arch-node{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.arch-connector-icon{color:#2563eb;background:#eff6ff;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.trigger-arch-node.target .arch-connector-icon{color:#059669;background:#ecfdf5}.arch-node-info{flex-direction:column;min-width:0;display:flex}.arch-node-info small{letter-spacing:.5px;color:#64748b;text-transform:uppercase;font-size:8px;font-weight:750}.arch-node-info strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.trigger-arch-pipe{flex-shrink:0;align-items:center;gap:6px;display:flex}.pipe-line{background:#cbd5e1;width:16px;height:2px}.pipe-badge{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:99px;align-items:center;gap:4px;padding:2px 6px;font-size:8.5px;font-weight:750;display:inline-flex}.key-generator-actions{align-items:center;gap:5px;display:flex}.quick-prefix-label{color:#64748b;font-size:9.5px;font-weight:600}.key-preset-chip{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:9.5px;font-weight:650;transition:all .12s}.key-preset-chip:hover{color:#0f172a;background:#e2e8f0}.key-dice-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:650;transition:all .12s;display:inline-flex}.key-dice-btn:hover{background:#dbeafe}.trigger-key-input-wrapper{align-items:center;display:flex;position:relative}.trigger-key-input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:38px;padding:0 36px 0 12px;font-family:ui-monospace,monospace;font-size:12px;font-weight:600;transition:all .15s}.trigger-key-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.trigger-key-copy{width:26px;height:26px;padding:0;position:absolute;right:6px}.trigger-field-helper{color:#64748b;font-size:10px;line-height:1.4}.payload-toolbar{align-items:center;gap:5px;display:flex}.payload-template-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600;transition:all .12s}.payload-template-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.payload-editor-container{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.trigger-payload-textarea{color:#0f172a;resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:110px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5}.payload-footer-bar{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex}.json-status-indicator{align-items:center;display:flex}.json-valid-tag{color:#059669;align-items:center;gap:4px;font-size:10px;font-weight:650;display:inline-flex}.json-invalid-tag{color:#dc2626;align-items:center;gap:4px;font-size:10px;font-weight:650;display:inline-flex}.payload-actions-right{align-items:center;gap:6px;display:flex}.payload-action-sub-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;transition:all .12s;display:inline-flex}.payload-action-sub-btn:hover{color:#0f172a;background:#f1f5f9}.trigger-advanced-accordion{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.advanced-toggle-header{cursor:pointer;color:#475569;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:11px;font-weight:700;transition:background .12s;display:flex}.advanced-toggle-header:hover,.advanced-toggle-header.expanded{color:#0f172a;background:#f1f5f9}.advanced-header-left{align-items:center;gap:7px;display:flex}.advanced-header-right{align-items:center;gap:8px;display:flex}.advanced-mode-badge{color:#334155;background:#e2e8f0;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:750}.advanced-content-body{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;gap:14px;padding:14px;display:flex}.advanced-mode-selector{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-radio-card{cursor:pointer;border:1px solid #cbd5e1;border-radius:8px;align-items:flex-start;gap:9px;padding:10px 12px;transition:all .14s;display:flex}.mode-radio-card:hover{background:#f8fafc;border-color:#94a3b8}.mode-radio-card input{margin-top:2px}.mode-card-content strong{color:#0f172a;font-size:11px;display:block}.mode-card-content p{color:#64748b;margin:3px 0 0;font-size:9.5px;line-height:1.35}.advanced-fields-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-with-btn{align-items:center;gap:6px;display:flex}.field-with-btn input{flex:1;min-width:0}.trigger-modal-actions-bar{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding-top:10px;display:flex}.trigger-success-view{flex-direction:column;gap:18px;padding:24px;display:flex}.trigger-success-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.trigger-success-icon-circle{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.trigger-success-hero h3{color:#0f172a;margin:0;font-size:17px;font-weight:750}.trigger-success-hero p{color:#64748b;max-width:440px;margin:0;font-size:12px;line-height:1.45}.trigger-tx-details-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:10px;padding:14px 18px;display:flex}.trigger-tx-row{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.trigger-tx-label{color:#64748b;font-weight:600}.trigger-tx-val-group{align-items:center;gap:6px;display:flex}.tx-id-code{color:#1d4ed8;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:11px}.trigger-tx-key{color:#0f172a;font-family:ui-monospace,monospace}.status-badge.queued{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:750}.direction-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:750}