.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg: #fff;--vf-node-text: #222;--vf-connection-path: #b1b1b7;--vf-handle: #555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;text-align:center;border-width:1px;border-style:solid;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color: var(--vf-node-color, #0041d0);--vf-handle: var(--vf-node-color, #0041d0);--vf-box-shadow: var(--vf-node-color, #0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color, #0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none;border:1px solid var(--vf-node-color, #0041d0)}.vue-flow__node-default{--vf-handle: var(--vf-node-color, #1a192b);--vf-box-shadow: var(--vf-node-color, #1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color, #1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none;border:1px solid var(--vf-node-color, #1a192b)}.vue-flow__node-output{--vf-handle: var(--vf-node-color, #ff0072);--vf-box-shadow: var(--vf-node-color, #ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color, #ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid var(--vf-node-color, #ff0072)}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px;background:var(--vf-handle);border:1px solid #fff;border-radius:100%}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.workflow-builder-host{min-height:780px;--wf-panel-border: #e7e5e4;--wf-panel-bg: linear-gradient(180deg, #ffffff 0%, #f7f6f3 100%);--wf-panel-shadow: 0 10px 30px rgba(28, 25, 23, .06);--wf-title: #292524;--wf-text: #44403c;--wf-muted: #78716c;--wf-button-secondary-bg: #f5f5f4;--wf-button-secondary-text: #292524;--wf-status-success-bg: #dcfce7;--wf-status-success-text: #166534;--wf-status-danger-bg: #fee2e2;--wf-status-danger-text: #b91c1c;--wf-canvas-border: #e7e5e4;--wf-canvas-bg: radial-gradient(circle at top left, rgba(251, 191, 36, .14), transparent 30%), radial-gradient(circle at bottom right, rgba(251, 146, 60, .14), transparent 30%), linear-gradient(180deg, #fff 0%, #fafaf9 100%);--wf-input-border: #d6d3d1;--wf-input-bg: #ffffff;--wf-input-text: #1c1917;--wf-check-text: #292524;--wf-node-border: rgba(28, 25, 23, .08);--wf-node-shadow: 0 14px 28px rgba(28, 25, 23, .12);--wf-node-selected-shadow: 0 0 0 3px rgba(217, 119, 6, .28), 0 16px 28px rgba(28, 25, 23, .18);--wf-node-chip-bg: rgba(255, 255, 255, .7);--wf-node-chip-text: #57534e;--wf-node-title-text: #1c1917;--wf-node-meta-text: #57534e;--wf-controls-bg: rgba(255, 255, 255, .94);--wf-controls-border: rgba(28, 25, 23, .1);--wf-controls-text: #292524}html.dark .workflow-builder-host,.dark .workflow-builder-host{--wf-panel-border: rgba(120, 113, 108, .35);--wf-panel-bg: linear-gradient(180deg, rgba(28, 25, 23, .96) 0%, rgba(41, 37, 36, .96) 100%);--wf-panel-shadow: 0 14px 40px rgba(0, 0, 0, .34);--wf-title: #fafaf9;--wf-text: #e7e5e4;--wf-muted: #a8a29e;--wf-button-secondary-bg: #292524;--wf-button-secondary-text: #fafaf9;--wf-status-success-bg: rgba(34, 197, 94, .16);--wf-status-success-text: #86efac;--wf-status-danger-bg: rgba(239, 68, 68, .16);--wf-status-danger-text: #fca5a5;--wf-canvas-border: rgba(120, 113, 108, .35);--wf-canvas-bg: radial-gradient(circle at top left, rgba(245, 158, 11, .12), transparent 28%), radial-gradient(circle at bottom right, rgba(249, 115, 22, .12), transparent 28%), linear-gradient(180deg, #18181b 0%, #0f172a 100%);--wf-input-border: rgba(120, 113, 108, .45);--wf-input-bg: rgba(24, 24, 27, .92);--wf-input-text: #fafaf9;--wf-check-text: #f5f5f4;--wf-node-border: rgba(255, 255, 255, .08);--wf-node-shadow: 0 16px 34px rgba(0, 0, 0, .32);--wf-node-selected-shadow: 0 0 0 3px rgba(245, 158, 11, .32), 0 18px 34px rgba(0, 0, 0, .42);--wf-node-chip-bg: rgba(255, 255, 255, .12);--wf-node-chip-text: #e7e5e4;--wf-node-title-text: #fafaf9;--wf-node-meta-text: #d6d3d1;--wf-controls-bg: rgba(24, 24, 27, .92);--wf-controls-border: rgba(255, 255, 255, .08);--wf-controls-text: #fafaf9}.wf-builder-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:16px;min-height:760px}.wf-sidebar{display:flex;flex-direction:column;gap:16px}.wf-panel{border:1px solid var(--wf-panel-border);border-radius:20px;background:var(--wf-panel-bg);padding:16px;box-shadow:var(--wf-panel-shadow)}.wf-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.wf-panel-header h4{margin:0;font-size:14px;font-weight:700;color:var(--wf-title)}.wf-panel-header p{margin:4px 0 0;font-size:12px;color:var(--wf-muted)}.wf-palette{display:grid;gap:10px}.wf-palette-btn,.wf-button,.wf-icon-btn{appearance:none;border:0;border-radius:14px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,background-color .12s ease,color .12s ease}.wf-palette-btn:hover,.wf-button:hover,.wf-icon-btn:hover{transform:translateY(-1px)}.wf-palette-btn{padding:12px 14px;text-align:left;color:#1c1917;box-shadow:inset 0 0 0 1px #1c191714}html.dark .wf-palette-btn,.dark .wf-palette-btn{color:#111827}.wf-start{background:#e0f2fe}.wf-approval{background:#fef3c7}.wf-condition{background:#ede9fe}.wf-end{background:#fee2e2}.wf-tips{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--wf-text);font-size:13px}.wf-canvas-wrap{min-width:0;display:flex;flex-direction:column;gap:14px}.wf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,#fff7ed,#fffbeb 55%,#fff);border:1px solid #fed7aa}html.dark .wf-toolbar,.dark .wf-toolbar{background:linear-gradient(135deg,#78350f59,#4314076b 55%,#18181bf0);border-color:#fb923c47}.wf-toolbar-title{font-size:16px;font-weight:800;color:#9a3412}html.dark .wf-toolbar-title,.dark .wf-toolbar-title{color:#fdba74}.wf-toolbar-subtitle{margin-top:4px;font-size:13px;color:#c2410c}html.dark .wf-toolbar-subtitle,.dark .wf-toolbar-subtitle{color:#fed7aa}.wf-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.wf-button{padding:10px 14px}.wf-button-primary{background:#d97706;color:#fff;box-shadow:0 8px 18px #d977063d}.wf-button-secondary,.wf-icon-btn{background:var(--wf-button-secondary-bg);color:var(--wf-button-secondary-text)}.wf-button-danger,.wf-icon-btn-danger{background:#dc2626;color:#fff;box-shadow:0 8px 18px #dc262633}.wf-icon-btn{padding:8px 12px}.wf-status{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:700}.wf-status-success{background:var(--wf-status-success-bg);color:var(--wf-status-success-text)}.wf-status-danger{background:var(--wf-status-danger-bg);color:var(--wf-status-danger-text)}.wf-canvas{min-height:680px;border-radius:24px;border:1px solid var(--wf-canvas-border);background:var(--wf-canvas-bg);overflow:hidden}.wf-canvas .vue-flow__edge.selected path,.wf-canvas .vue-flow__edge.animated path{stroke:#d97706;stroke-width:3px}.wf-canvas .vue-flow__edge:hover path{stroke:#ea580c}.wf-canvas .vue-flow__controls{box-shadow:0 10px 24px #0000001f;border-radius:16px;overflow:hidden}.wf-canvas .vue-flow__controls-button{background:var(--wf-controls-bg);border-bottom:1px solid var(--wf-controls-border);color:var(--wf-controls-text)}.wf-canvas .vue-flow__controls-button svg{fill:currentColor}.wf-canvas .vue-flow__controls-button:last-child{border-bottom:0}.wf-form{display:grid;gap:12px}.wf-label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--wf-text)}.wf-input,.wf-select,.wf-textarea{width:100%;border:1px solid var(--wf-input-border);border-radius:14px;background:var(--wf-input-bg);padding:10px 12px;font-size:13px;color:var(--wf-input-text)}.wf-input:disabled,.wf-select:disabled,.wf-textarea:disabled{opacity:.75}.wf-textarea{resize:vertical}.wf-textarea-mono{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px}.wf-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--wf-check-text)}.wf-node{min-width:200px;border-radius:20px;padding:14px 16px;border:1px solid var(--wf-node-border);box-shadow:var(--wf-node-shadow);background:#fff}.wf-node.is-selected{box-shadow:var(--wf-node-selected-shadow)}.wf-node-start{background:linear-gradient(135deg,#cffafe,#ecfeff)}.wf-node-approval{background:linear-gradient(135deg,#fef3c7,#fff7ed)}.wf-node-condition{background:linear-gradient(135deg,#ede9fe,#f5f3ff)}.wf-node-end{background:linear-gradient(135deg,#fee2e2,#fff1f2)}html.dark .wf-node-start,.dark .wf-node-start{background:linear-gradient(135deg,#22d3ee38,#0891b22e)}html.dark .wf-node-approval,.dark .wf-node-approval{background:linear-gradient(135deg,#fbbf2438,#f973162e)}html.dark .wf-node-condition,.dark .wf-node-condition{background:linear-gradient(135deg,#a78bfa3d,#6d28d92e)}html.dark .wf-node-end,.dark .wf-node-end{background:linear-gradient(135deg,#f8717138,#be185d2e)}.wf-node-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:var(--wf-node-chip-bg);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--wf-node-chip-text)}.wf-node-title{margin-top:10px;font-size:14px;font-weight:800;color:var(--wf-node-title-text)}.wf-node-meta{margin-top:6px;font-size:12px;color:var(--wf-node-meta-text)}@media(max-width:1400px){.wf-builder-shell{grid-template-columns:240px minmax(0,1fr) 280px}}@media(max-width:1100px){.wf-builder-shell{grid-template-columns:1fr}.wf-canvas{min-height:560px}}.wfv-shell{height:22rem;border-radius:1.25rem;overflow:hidden;background:radial-gradient(circle at top left,rgba(245,158,11,.16),transparent 28%),linear-gradient(180deg,#fffffff5,#f4f4f5f5);border:1px solid rgba(161,161,170,.22)}.dark .wfv-shell{background:radial-gradient(circle at top left,rgba(245,158,11,.16),transparent 28%),linear-gradient(180deg,#18181bf5,#0a0a0bf5);border-color:#ffffff14}.wfv-canvas{height:100%}.wfv-node{min-width:220px;max-width:260px;border-radius:1.1rem;padding:.95rem 1rem;border:1px solid rgba(161,161,170,.35);background:#fffffff0;box-shadow:0 20px 45px #0f172a14}.dark .wfv-node{background:#18181bf5;border-color:#ffffff1a;box-shadow:0 20px 45px #00000047}.wfv-node-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.wfv-node-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .55rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a16207;background:#fbbf242e}.wfv-node-title{margin-top:.55rem;font-size:.95rem;font-weight:700;color:#111827}.dark .wfv-node-title{color:#fafafa}.wfv-node-meta{margin-top:.45rem;font-size:.77rem;color:#71717a}.dark .wfv-node-meta{color:#a1a1aa}.wfv-node-people{margin-top:.65rem;font-size:.78rem;line-height:1.45;color:#374151}.dark .wfv-node-people{color:#d4d4d8}.wfv-node-badge{border-radius:999px;padding:.22rem .55rem;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#e4e4e7cc;color:#3f3f46}.wfv-node.is-approved{border-color:#22c55e73;background:linear-gradient(180deg,#f0fdf4fa,#fffffff5)}.wfv-node.is-approved .wfv-node-badge{background:#22c55e24;color:#15803d}.wfv-node.is-current{border-color:#f59e0b80;background:linear-gradient(180deg,#fffbebfa,#fffffff5);box-shadow:0 0 0 4px #f59e0b14,0 20px 45px #f59e0b1f}.wfv-node.is-current .wfv-node-badge{background:#f59e0b29;color:#b45309}.wfv-node.is-pending .wfv-node-badge,.wfv-node.is-upcoming .wfv-node-badge{background:#71717a1f;color:#52525b}.wfv-node.is-rejected,.wfv-node.is-returned{border-color:#ef444461;background:linear-gradient(180deg,#fef2f2fa,#fffffff5)}.wfv-node.is-rejected .wfv-node-badge,.wfv-node.is-returned .wfv-node-badge{background:#ef444429;color:#b91c1c}.dark .wfv-node.is-approved{background:linear-gradient(180deg,#14532d47,#18181bf5)}.dark .wfv-node.is-current{background:linear-gradient(180deg,#78350f57,#18181bf5)}.dark .wfv-node.is-rejected,.dark .wfv-node.is-returned{background:linear-gradient(180deg,#7f1d1d59,#18181bf5)}.wfv-node-start,.wfv-node-end{min-width:180px;text-align:center}.wfv-node-condition{border-style:dashed}