.react-flow{direction:ltr;--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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--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-border-default: 1px solid #bbb;--xy-node-border-selected-default: 1px solid #555;--xy-handle-background-color-default: #333;--xy-selection-background-color-default: rgba(150, 150, 180, .1);--xy-selection-border-default: 1px dotted rgba(155, 155, 155, .8);--xy-resize-background-color-default: #3367d9}.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: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--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: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-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{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.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{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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;-moz-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:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.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:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default))}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;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{position:absolute;z-index:5;margin:15px}.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{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border:var(--xy-node-border, var(--xy-node-border-default));color:var(--xy-node-color, var(--xy-node-color-default))}.react-flow__node-input.selected,.react-flow__node-input:focus,.react-flow__node-input:focus-visible,.react-flow__node-default.selected,.react-flow__node-default:focus,.react-flow__node-default:focus-visible,.react-flow__node-output.selected,.react-flow__node-output:focus,.react-flow__node-output:focus-visible,.react-flow__node-group.selected,.react-flow__node-group:focus,.react-flow__node-group:focus-visible{outline:none;border:var(--xy-node-border-selected, var(--xy-node-border-selected-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__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--color-bg-primary: #121218;--color-bg-sidebar: #0f0f14;--color-bg-surface: #1a1a24;--color-bg-elevated: #1e1e2a;--color-bg-hover: #252532;--color-bg-active: #2a2a3a;--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-text-disabled: #52525b;--color-accent-primary: #00c8fd;--color-accent-primary-hover: #44ddfe;--color-accent-primary-muted: rgba(0, 200, 253, .15);--color-accent-secondary: #3427fd;--color-accent-secondary-hover: #5d52fd;--color-accent-secondary-muted: rgba(52, 39, 253, .15);--color-threat-magenta: #f306ae;--color-threat-magenta-muted: rgba(243, 6, 174, .15);--color-success: #22c55e;--color-success-muted: rgba(34, 197, 94, .15);--color-warning: #eab308;--color-warning-muted: rgba(234, 179, 8, .15);--color-error: #f306ae;--color-error-muted: rgba(243, 6, 174, .15);--color-info: #3b82f6;--color-info-muted: rgba(59, 130, 246, .15);--color-pink: #d63259;--color-pink-muted: rgba(214, 50, 89, .15);--color-border: #2a2a3a;--color-border-hover: #3a3a4a;--color-border-focus: var(--color-accent-primary);--color-kanban-planning: #6366f1;--color-kanban-in-progress: #f59e0b;--color-kanban-ai-review: #8b5cf6;--color-kanban-human-review: #ec4899;--color-kanban-done: #22c55e;--color-kanban-failed: #ef4444;--color-badge-purple: #a855f7;--color-badge-blue: #3b82f6;--color-badge-green: #22c55e;--color-badge-yellow: #eab308;--color-badge-red: #ef4444;--color-badge-cyan: #06b6d4;--color-badge-pink: #ec4899}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--content-padding-y: var(--space-3);--content-padding-x: var(--space-3);--content-padding-bottom: var(--space-3);--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--sidebar-collapsed: 3.7rem;--sidebar-expanded: 14rem;--content-max: 80rem;--content-narrow: 48rem;--page-max-width: 72rem;--card-sm: 18rem;--card-md: 22rem;--card-lg: 28rem;--kanban-column-width: 20rem;--kanban-column-width-tablet: 17rem;--kanban-column-width-mobile: 85vw;--icon-xs: .75rem;--icon-sm: 1rem;--icon-md: 1.125rem;--icon-lg: 1.25rem;--icon-xl: 1.5rem;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Menlo, monospace;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em}.text-display{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-heading-1{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight)}.text-heading-2{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.text-heading-3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-snug)}.text-body{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal)}.text-body-small{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-normal);line-height:var(--leading-normal)}.text-code{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-relaxed)}.text-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);text-transform:uppercase}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .2);--shadow-glow-cyan: 0 0 20px rgba(0, 200, 253, .3);--shadow-glow-blue: 0 0 20px rgba(52, 39, 253, .3);--shadow-glow-magenta: 0 0 20px rgba(243, 6, 174, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--transition-colors: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);--transition-transform: transform var(--transition-base);--transition-all: all var(--transition-base);--transition-sidebar: width var(--transition-slow) cubic-bezier(.4, 0, .2, 1);--animation-spin: spin 1s linear infinite;--animation-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-bounce: bounce 1s infinite;--animation-fade-in: fadeIn var(--transition-base) ease-out;--animation-slide-in: slideIn var(--transition-slow) ease-out;--opacity-disabled: .5;--opacity-hover: .8;--opacity-muted: .6;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progress{0%{background-position:0 0}to{background-position:40px 0}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.left-3{left:.75rem}.top-2{top:.5rem}.z-\[60\]{z-index:60}.mb-2{margin-bottom:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.contents{display:contents}.h-14{height:3.5rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-screen{height:100vh}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:var(--radius-full)}.rounded-sm{border-radius:var(--radius-sm)}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-border{border-color:var(--color-border)}.bg-accent-primary{background-color:var(--color-accent-primary)}.bg-success{background-color:var(--color-success)}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-3{padding-left:.75rem}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xs{font-size:var(--text-2xs)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-bold{font-weight:var(--font-bold)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:var(--leading-relaxed)}.\!text-bg-primary{color:var(--color-bg-primary)!important}.text-error{color:var(--color-error)}.text-text-disabled{color:var(--color-text-disabled)}.text-text-muted{color:var(--color-text-muted)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:var(--font-sans);line-height:var(--leading-normal);font-weight:var(--font-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-hover)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-collapsed);background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:var(--transition-sidebar);z-index:var(--z-modal);overflow:hidden}.sidebar:hover{width:var(--sidebar-expanded);transition-delay:.7s}.sidebar-section{padding:var(--space-1)}.sidebar-section-title,.sidebar-section-label{display:none}.sidebar-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);border-radius:var(--radius-md);margin:2px var(--space-1);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;text-decoration:none;width:calc(var(--sidebar-collapsed) - 1rem)}.sidebar:hover .sidebar-item{width:calc(100% - var(--space-1) * 2);transition:width var(--transition-slow) cubic-bezier(.4,0,.2,1) .7s,background-color var(--transition-fast),color var(--transition-fast)}.sidebar-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-item.active{background:var(--color-bg-active);color:var(--color-text-primary)}.sidebar-item-icon{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.sidebar-item-label{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:0;width:0;overflow:hidden;transition:opacity var(--transition-base),width var(--transition-base)}.sidebar:hover .sidebar-item-label{opacity:1;width:auto;transition-delay:.7s}.sidebar-item-badge{margin-left:auto;font-size:var(--text-2xs);font-weight:var(--font-semibold);padding:0;background:var(--color-bg-active);border-radius:var(--radius-full);color:var(--color-text-muted);opacity:0;width:0;overflow:hidden;transition:opacity var(--transition-base),width var(--transition-base),padding var(--transition-base)}.sidebar:hover .sidebar-item-badge{opacity:1;width:auto;padding:2px var(--space-2);transition-delay:.35s}.main-content{flex:1;margin-left:var(--sidebar-collapsed);min-height:100vh;overflow-x:hidden;transition:margin-left var(--transition-slow) cubic-bezier(.4,0,.2,1)}.animate-fade-in{animation:var(--animation-fade-in)}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-spin{animation:var(--animation-spin)}.animate-pulse{animation:var(--animation-pulse)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-modal) - 1)}.sidebar-overlay.visible{display:block}.sidebar-hamburger{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;color:var(--color-text-primary)}.sidebar-hamburger:hover{background:var(--color-bg-hover)}@media (max-width: 767px){.sidebar{transform:translate(-100%);width:var(--sidebar-expanded)}.sidebar.open{transform:translate(0)}.sidebar.open .sidebar-item-label{opacity:1;width:auto}.sidebar.open .sidebar-item-badge{opacity:1;width:auto;padding:2px var(--space-2)}.sidebar.open .sidebar-section-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3)}.sidebar.open .sidebar-item{width:calc(100% - var(--space-1) * 2)}.main-content{margin-left:0}.sidebar-logo{display:none}.sidebar{padding-top:3.5rem}.sidebar-hamburger{display:flex}}@media (min-width: 768px){.sidebar{transform:translate(0);width:var(--sidebar-collapsed);padding-top:0}.sidebar:hover{width:var(--sidebar-expanded)}.sidebar-logo{display:flex}.sidebar-hamburger{display:none}.main-content{margin-left:var(--sidebar-collapsed)}}.canvas-container{width:100%;height:100vh;position:relative;background:var(--color-bg-primary)}.canvas-topbar{position:absolute;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:var(--color-bg-sidebar);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky)}.canvas-topbar-live{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-success-muted);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-full)}.canvas-live-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-success);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.canvas-flow{background:var(--color-bg-primary)!important}.canvas-flow .react-flow__node{cursor:pointer}.handle-dot{width:10px!important;height:10px!important;background:var(--color-bg-elevated)!important;border:2px solid var(--color-border-hover)!important;border-radius:var(--radius-full)!important}.handle-dot.react-flow__handle-left{top:50%!important;transform:translateY(-50%)!important;left:-5px!important}.handle-dot.react-flow__handle-right{top:50%!important;transform:translateY(-50%)!important;right:-5px!important}.handle-dot:hover{border-color:var(--color-accent-primary)!important;background:var(--color-bg-active)!important}.handle-dot-red{border-color:var(--color-error)!important}.handle-diamond{width:10px!important;height:10px!important;background:var(--color-bg-elevated)!important;border:2px solid var(--color-border-hover)!important;border-radius:2px!important;bottom:-1px!important;left:calc(50% - 5px)!important}.handle-diamond:hover{border-color:var(--color-accent-primary)!important;background:var(--color-bg-active)!important}.canvas-controls{background:var(--color-bg-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.canvas-controls button{background:var(--color-bg-surface)!important;border-color:var(--color-border)!important;color:var(--color-text-secondary)!important}.canvas-controls button:hover{background:var(--color-bg-hover)!important;color:var(--color-text-primary)!important}.canvas-controls svg{fill:currentColor!important}.canvas-minimap{background:var(--color-bg-sidebar)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important}.trigger-node{position:relative;display:flex;align-items:center;padding:var(--space-3) var(--space-4);padding-left:calc(var(--space-4) + 4px);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-md)}.trigger-node-stripe{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-accent-secondary);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.trigger-node-content{display:flex;align-items:center;gap:var(--space-3)}.trigger-node-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-secondary-muted);border-radius:var(--radius-md);color:var(--color-accent-secondary)}.agent-node{position:relative;width:270px;padding:var(--space-4);background:var(--color-bg-surface);border:2px solid;border-radius:var(--radius-lg);transition:border-color .6s ease,box-shadow .6s ease}.agent-node-status{position:absolute;top:var(--space-3);right:var(--space-3);width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success);animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.agent-node-status-idle{animation:none;opacity:.4}.agent-node-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid;border-radius:calc(var(--radius-lg) + 4px);pointer-events:none;opacity:0;transition:opacity .6s ease}.agent-node-glow-active{animation:agentGlow 3s ease-in-out infinite}@keyframes agentGlow{0%,to{opacity:.3}50%{opacity:.8}}.agent-node-header{margin-bottom:var(--space-3)}.agent-node-pills{display:flex;flex-wrap:wrap;gap:var(--space-1)}.agent-node-pill{font-family:var(--font-mono);font-size:var(--text-2xs);padding:2px 8px;border-radius:var(--radius-full);border:1px solid;white-space:nowrap}.context-node-wrapper{display:flex;flex-direction:column;align-items:center}.context-node-circle{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-accent-primary)}.context-node-label{font-size:var(--text-2xs);color:var(--color-text-secondary);text-align:center;line-height:var(--leading-tight);margin-top:4px;max-width:80px;pointer-events:none}.handle-dot-circle{width:8px!important;height:8px!important;background:var(--color-bg-elevated)!important;border:1.5px solid var(--color-border-hover)!important;border-radius:var(--radius-full)!important;top:50%!important;transform:translateY(-50%)!important}.handle-dot-circle.react-flow__handle-left{left:-4px!important}.handle-dot-circle.react-flow__handle-right{right:-4px!important}.handle-dot-circle.react-flow__handle-top{top:-4px!important;left:50%!important;transform:translate(-50%)!important}.handle-dot-circle:hover{border-color:var(--color-accent-primary)!important;background:var(--color-bg-active)!important}.worker-node{padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:2px dashed;border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-sm)}.quality-node{width:68px;height:68px;display:flex;align-items:center;justify-content:center;position:relative}.quality-node-diamond{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);border:2px solid var(--color-accent-primary);transform:rotate(45deg);box-shadow:0 0 12px #00c8fd26}.quality-node-diamond>*{transform:rotate(-45deg)}.quality-node-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-2);white-space:nowrap}.quality-node .handle-dot{z-index:1}.action-node{position:relative;display:flex;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-sm)}.action-node-stripe{position:absolute;right:0;top:0;bottom:0;width:4px;border-radius:0 var(--radius-md) var(--radius-md) 0}.action-node-auto{border-color:#22c55e33}.action-node-escalation{border-color:#f306ae33}.infra-node{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);width:160px;opacity:.6;transition:opacity .6s ease}.infra-node.infra-active{opacity:1}.infra-node-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);transition:box-shadow .6s ease,border-color .6s ease}.future-agent-node{padding:var(--space-2) var(--space-4);background:var(--color-bg-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);opacity:.55;min-width:180px;text-align:center}.future-agent-badge{display:inline-block;margin-top:var(--space-1);padding:1px 8px;font-size:var(--text-2xs);font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full)}.react-flow__node:hover{z-index:10!important}.react-flow__node.selected .agent-node{box-shadow:0 0 0 2px var(--color-accent-primary),0 0 30px #00c8fd33}.react-flow__node.selected .trigger-node,.react-flow__node.selected .action-node,.react-flow__node.selected .worker-node,.react-flow__node.selected .context-node-circle{box-shadow:0 0 0 2px var(--color-accent-primary)}.react-flow__node.selected .quality-node-diamond{box-shadow:0 0 0 2px var(--color-accent-primary),0 0 12px #00c8fd33}.react-flow__node.selected .infra-node-icon{box-shadow:0 0 0 2px var(--color-accent-primary)}.react-flow__edge:hover .react-flow__edge-path{stroke:var(--color-accent-primary)!important;stroke-width:2.5!important}.react-flow__selection{background:#00c8fd0d!important;border:1px solid rgba(0,200,253,.3)!important}.react-flow__viewport{transition:transform .15s ease-out}.detail-panel{position:absolute;top:48px;right:0;bottom:0;width:360px;background:var(--color-bg-sidebar);border-left:1px solid var(--color-border);z-index:var(--z-modal);display:flex;flex-direction:column;overflow-y:auto}.detail-panel-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.detail-panel-close{padding:var(--space-1);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:none;border:none;flex-shrink:0}.detail-panel-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.detail-panel-section{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.detail-panel-technical{background:var(--color-bg-primary)}@media (max-width: 767px){.detail-panel{top:auto;bottom:0;left:0;right:0;width:100%;height:50vh;border-left:none;border-top:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.hover\:bg-accent-primary-hover:hover{background-color:var(--color-accent-primary-hover)}