.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-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--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: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--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 rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--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: #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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--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: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--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 rgba(0, 0, 0, .08);--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{position:absolute;width:100%;height:100%;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{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;width:6px;height:6px;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%}.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;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.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;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;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))}.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{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%}.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{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#151713;background:#f3f3ef;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #151713;--muted: #6f746d;--muted-dark: #9ea69c;--line: #dedfd8;--surface: #ffffff;--canvas: #f3f3ef;--mint: #b8e6c7;--sage: #658473;--yellow: #f5db94;--blue: #b9d7ef;--coral: #f0b9a8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--canvas)}button,input,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow:hidden}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(28px,calc((100vw - 1440px)/2));background:#ffffffe0;border-bottom:1px solid rgba(21,23,19,.09);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:baseline;white-space:nowrap}.brand-product{color:#737870;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.topnav{display:flex;align-items:center;gap:8px;margin-left:auto}.topnav a{color:#71766f;border-radius:99px;padding:10px 15px;font-size:12px;transition:color .2s,background .2s}.topnav a:hover,.topnav a.active{color:var(--ink);background:#eef0ea}.topbar-actions{display:flex;align-items:center;gap:12px}.status-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;color:#356148;background:#e1f2e5;border-radius:99px;font-size:11px;font-weight:700}.topbar-updated{color:#92988f;font-size:10px;white-space:nowrap}.connection-dot,.mini-dot,.eyebrow-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#4f9b68;box-shadow:0 0 0 4px #4f9b681f}.avatar{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:var(--ink);border-radius:50%;font-size:10px;font-weight:800;letter-spacing:.04em}.content{width:min(1440px,calc(100% - 56px));margin:0 auto;padding:34px 0 90px}.eyebrow{display:flex;align-items:center;gap:9px;color:#738073;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800;margin:0 0 17px}.eyebrow-dot{width:6px;height:6px;box-shadow:none}h2,h3,p{margin-top:0}h2{color:var(--ink);font-size:25px;line-height:1.05;letter-spacing:-.045em;margin-bottom:0}h3{color:var(--ink);font-size:16px;letter-spacing:-.025em;margin:0}.error-banner{display:flex;align-items:center;gap:14px;margin:0 0 24px;padding:13px 16px;color:#8c3b2f;background:#f9e0d9;border:1px solid #efb8aa;border-radius:16px;font-size:12px}.error-banner strong{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.error-banner span{flex:1}.error-banner button{padding:0;color:#8c3b2f;background:transparent;border:0;font-size:11px;font-weight:700;text-decoration:underline}.metrics-section{padding:6px 0 0}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.section-header .eyebrow{margin-bottom:10px}.section-note{color:#929990;font-size:11px}.section-note span{padding:0 5px;color:#b7bdb5}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.metric{min-height:132px;display:flex;flex-direction:column;justify-content:space-between;padding:18px 19px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 20px #2a2f2808}.metric span{color:#7d847b;font-size:11px}.metric strong{color:var(--ink);font-size:42px;letter-spacing:-.08em;line-height:.9}.metric:first-child{color:#fff;background:var(--ink);border-color:var(--ink)}.metric:first-child span{color:#b0b8ae}.metric:first-child strong{color:#fff}.metric-success{background:#e0f1e3;border-color:#cee7d3}.metric-success strong{color:#3f7951}.metric-warning{background:#fbf0cf;border-color:#f2e3b3}.metric-warning strong{color:#916f21}.metric-info{background:#e6f0f7;border-color:#d1e2ee}.metric-info strong{color:#4e718a}.metric-error{background:#f8e2dc;border-color:#efc9bf}.metric-error strong{color:#a14d42}.operational-context{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:13px 0 34px;padding:11px 15px;color:#7b8279;background:#ffffff9e;border:1px solid #e0e2da;border-radius:14px;font-size:10px}.operational-context>span:not(:first-child){padding-left:18px;border-left:1px solid #d8dcd3}.operational-context strong{color:#4e574d}.operational-context-label{display:inline-flex;align-items:center;gap:8px;color:#55725c;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800}.operational-context-label .mini-dot{width:5px;height:5px;flex-basis:5px;box-shadow:none}.builder,.panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 28px #2a2f2809}.builder{margin-bottom:46px;padding:25px 27px 26px;scroll-margin-top:100px}.panel-heading,.detail-heading,.graph-heading,.subheading,.builder-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading{margin-bottom:20px}.panel-heading h2{margin:0}.builder .panel-heading{align-items:flex-start}.builder .panel-heading:after{content:"PLAYGROUND";padding:8px 11px;color:#4a6650;background:#e1f1e2;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.12em}.count-badge{min-width:33px;color:#55725c;background:#e0f1e3;border:1px solid #cee7d3;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800;text-align:center}.field{min-width:0;display:grid;gap:7px}.field-label{min-height:15px;display:flex;align-items:baseline;gap:6px;color:#757c73;font-size:11px;font-weight:600}.field-hint{color:#a3aaa1;font-size:10px;font-weight:400}input,select{width:100%;min-height:39px;color:var(--ink);border:1px solid #d9ddd4;background:#fbfcf9;border-radius:10px;padding:9px 11px;outline:none;font-size:12px;transition:border .2s,box-shadow .2s}input::placeholder{color:#a8aea6}input:focus,select:focus{border-color:#6f9e7a;box-shadow:0 0 0 3px #6f9e7a24}.item-editor{border-top:1px solid #e4e6df;margin-top:18px;padding-top:16px}.item-editor-heading{display:flex;align-items:center;justify-content:space-between;color:#767d74;font-size:11px;font-weight:700;margin-bottom:9px}.item-input-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(100px,.65fr) minmax(120px,.8fr) minmax(100px,.6fr) 36px;gap:9px;align-items:end;margin-bottom:7px}.secondary-button,.icon-button{color:#47664f;background:#eef5ed;border:1px solid #d3e4d3;border-radius:99px;padding:8px 11px;font-size:10px;font-weight:700}.secondary-button{min-height:31px}.icon-button{color:#ae5648;border-color:#efcec5;background:#fff1ed;height:37px;width:36px;font-size:16px;padding:0}.icon-button:disabled{opacity:.34;cursor:not-allowed}.payment-grid{display:grid;grid-template-columns:minmax(240px,1.1fr) minmax(180px,.65fr);gap:12px;align-items:end;margin-top:17px;padding-top:16px;border-top:1px solid #e4e6df}.checkbox-field{min-height:39px;display:flex;align-items:center;gap:9px;color:#4f594e;font-size:11px;font-weight:600}.checkbox-field input{width:16px;min-height:16px;height:16px;padding:0;accent-color:#557f60}.advanced-controls{margin-top:16px;border:1px solid #e0e4dc;border-radius:13px;background:#fafbf8}.advanced-summary{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;color:#4e594f;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.advanced-summary::-webkit-details-marker{display:none}.advanced-summary:after{content:"+";color:#63846d;font-size:17px;font-weight:400;line-height:1}.advanced-controls[open] .advanced-summary:after{content:"-"}.advanced-summary-hint{flex:1;color:#9da69b;font-size:10px;font-weight:400;text-align:right}.advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 13px 13px}.builder-actions{justify-content:flex-start;margin-top:17px}.primary-button{color:#fff;background:var(--ink);border:0;border-radius:99px;padding:12px 17px;font-weight:800;font-size:11px;transition:background .2s,transform .2s}.primary-button:hover{background:#4f7659;transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.builder-message{color:#7d867b;font-size:11px}.simulation-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.simulation-section{min-width:0;padding:18px 19px;border:1px solid #e0e4dc;border-radius:16px;background:#fafbf8}.simulation-section-payment{background:#fbfaf4;border-color:#e9e1c7}.simulation-section-sap{background:#f4faf3;border-color:#d8e8d7}.simulation-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.simulation-section-heading .eyebrow{margin-bottom:8px}.section-toggle{flex:0 0 auto;min-height:34px;padding:7px 10px;color:#4e6652;background:#fff;border:1px solid #d6dfd3;border-radius:99px}.simulation-section-payment .section-toggle{color:#786128;border-color:#e5d9b7}.simulation-section-sap .section-toggle{color:#416a4a;border-color:#cfe2ce}.simulation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.simulation-disabled-note{margin:0;color:#8b948b;font-size:11px;line-height:1.45}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:14px;align-items:start;scroll-margin-top:100px}.panel{min-width:0;padding:22px}.order-panel{min-height:0}.filters{display:grid;gap:8px;margin-bottom:15px}.order-table-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(54px,.8fr) auto;gap:10px;padding:0 12px 6px;color:#899188;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.order-list{display:flex;flex-direction:column;gap:6px;max-height:480px;overflow:auto;padding-right:2px}.order-row{width:100%;border:1px solid transparent;background:#f5f7f3;color:var(--ink);border-radius:13px;padding:12px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(54px,.8fr) auto;align-items:center;gap:10px;text-align:left;transition:border .2s,background .2s,transform .2s}.order-row:hover,.order-row.selected{border-color:#9fc3a7;background:#e8f3e9;transform:translate(2px)}.order-row-dead{border-color:#efc5ba;background:#fff0eb;box-shadow:inset 4px 0 #c66e5c}.order-row-dead strong{color:#91453a}.order-row-dead>div:first-child span{color:#a46a60}.order-row-dead:hover,.order-row-dead.selected{border-color:#dc9285;background:#fbe3de;box-shadow:inset 4px 0 #bd594b}.order-row-pending{border-color:#ead9a5;background:#fff8df;box-shadow:inset 4px 0 #d4ae4f}.order-row-pending strong{color:#7f6421}.order-row-pending>div:first-child span{color:#9b8350}.order-row-pending:hover,.order-row-pending.selected{border-color:#d9bc67;background:#fbf0cf;box-shadow:inset 4px 0 #c59b35}.order-identity{min-width:0;display:flex;flex-direction:column;gap:5px}.order-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.order-row span{color:#899188;font-size:10px;overflow:hidden;text-overflow:ellipsis}.order-sap-id{min-width:0;color:#657267;font-family:IBM Plex Mono,monospace;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;white-space:nowrap}.row-meta small{color:#a0a79f;font-size:9px}.status-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:99px;padding:5px 7px;font-size:8px;font-weight:800;white-space:nowrap}.pill-synced,.pill-paid{color:#427452;background:#d9efdd}.pill-pending,.pill-not-scheduled{color:#947126;background:#f8edc9}.pill-processing,.pill-waiting{color:#4b7189;background:#e0eef7}.pill-dead,.pill-error{color:#a04f43;background:#f8dfd8}.pill-cancelled{color:#75634b;background:#eee5d7}.detail-panel{min-height:0;overflow:hidden}.detail-heading{align-items:flex-start;margin-bottom:18px}.detail-heading h2{font-size:30px;margin-bottom:6px}.detail-heading p:last-child{color:#879087;font-size:12px;margin:0}.detail-facts{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:15px}.detail-facts>div{min-width:0;padding:12px;background:#f5f7f3;border:1px solid #e4e7df;border-radius:12px}.detail-facts span{display:block;color:#8c948b;font-size:8px;margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em}.detail-facts strong{display:block;color:#394238;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sap-behavior{margin-bottom:15px;padding:15px;border:1px solid #d6e5d5;background:#f3f9f2;border-radius:15px}.sap-behavior .subheading{align-items:flex-start;margin-bottom:11px}.sap-behavior .eyebrow{margin-bottom:7px}.sap-behavior .subheading>span{color:#4e7657;background:#e1f0e1;border-radius:99px;padding:6px 8px;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sap-behavior-summary{margin:0 0 13px;color:#637164;font-size:11px;line-height:1.45}.sap-behavior-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sap-behavior-grid>div{min-width:0;padding:10px 11px;background:#fff;border:1px solid #e0eade;border-radius:11px}.sap-behavior-grid span{display:block;color:#8b998c;font-size:8px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.sap-behavior-grid strong{display:block;color:#405242;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simulation-history{margin-top:15px;padding:15px;border:1px solid #d6e5d5;background:#f3f9f2;border-radius:15px}.simulation-history-entry{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:11px 0;border-top:1px solid #e0eade}.simulation-history-entry>div{display:flex;flex-direction:column;gap:4px;min-width:0}.simulation-history-entry span{color:#637164;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simulation-history-entry pre{margin:0;padding:10px;overflow:auto;background:#fff;border:1px solid #e0eade;border-radius:9px;color:#405242;font:11px/1.4 monospace}.history-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:14px}.history-pagination span{color:#637164;font-size:10px}.history-pagination .secondary-button:disabled{opacity:.45;cursor:not-allowed}.detail-error{display:flex;align-items:center;gap:12px;border:1px solid #efc5ba;background:#fff0eb;color:#a35144;border-radius:12px;padding:11px 13px;font-size:11px;margin-bottom:15px}.detail-recovery{border-color:#c5dfca;background:#ebf6eb;color:#4a7554}.detail-error strong{text-transform:uppercase;letter-spacing:.08em;font-size:8px;white-space:nowrap}.graph-heading{margin:13px 0 9px}.graph-heading>span{color:#9ba39a;font-size:10px}.graph-heading h3{margin:0}.graph-shell{position:relative;height:270px;border:1px solid #dce2d9;background:#f4f6f1;border-radius:15px;overflow:hidden}.graph-shell-compact{height:360px}.graph-expand-button,.graph-close-button{color:#4d6c55;background:#e4f1e5;border:1px solid #cfe2d1;border-radius:99px;padding:8px 11px;font-size:10px;font-weight:700}.graph-expand-button{position:absolute;z-index:5;top:10px;right:10px}.graph-canvas{position:absolute;inset:0}.react-flow{background:#f4f6f1}.react-flow__controls{border:1px solid #d7dfd5;border-radius:10px;box-shadow:0 5px 15px #35423414;overflow:hidden}.react-flow__controls-button{width:24px;height:24px;border-bottom:1px solid #d7dfd5;background:#fff;fill:#5b745e}.react-flow__attribution{display:none}.graph-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#1d271e8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.graph-overlay-panel{width:min(1500px,100%);height:min(860px,calc(100vh - 48px));display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid #d7e0d5;border-radius:24px;background:#fff;box-shadow:0 24px 80px #1e2b2033}.graph-overlay-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.graph-overlay-heading .eyebrow{margin-bottom:6px}.graph-overlay-heading h3{color:var(--ink)}.graph-shell-expanded{flex:1;height:auto;min-height:0}.workflow-node{width:156px;min-height:70px;border:1px solid #c8d6c6;background:#fff;box-shadow:0 7px 18px #3746351a;border-radius:12px;padding:9px 10px;color:#273128;transition:border-color .18s,box-shadow .18s,transform .18s}.workflow-node.status-success{border-color:#8fc29a}.workflow-node.status-active{border-color:#7ba4ba;box-shadow:0 0 22px #578ba026}.workflow-node.status-pending{border-color:#ddbe6c}.workflow-node.status-error{border-color:#d9897b;background:#fff2ef;box-shadow:0 0 22px #cb736424}.workflow-node.status-skipped{opacity:.62}.workflow-node.status-cancelled{border-color:#c5b18e;background:#f6f0e7}.workflow-node:hover,.workflow-node:focus-visible,.workflow-node-selected{border-color:#557b5e;box-shadow:0 0 0 3px #557b5e29,0 9px 22px #37463524;transform:translateY(-1px);outline:0}.workflow-node-heading{display:flex;align-items:center;min-width:0;gap:7px;color:#334135;font-size:11px;font-weight:800}.workflow-node-heading>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-dot{flex:0 0 7px;width:7px;height:7px;border-radius:100%}.node-status{display:inline-block;color:#7d8e7d;font-size:9px;text-transform:uppercase;letter-spacing:.11em;margin-top:5px}.workflow-node p{overflow:hidden;color:#778276;font-size:10px;line-height:1.35;margin:4px 0 0;white-space:nowrap;text-overflow:ellipsis}.workflow-node time{color:#9aa69a;font-size:9px;display:block;margin-top:4px}.workflow-node-focus-detail{display:none;margin-top:6px;color:#68766a;font-size:10px;line-height:1.35;white-space:normal}.workflow-node:focus-visible .workflow-node-focus-detail{display:block}.workflow-node .react-flow__handle{width:7px;height:7px;background:#78a080;border:2px solid #f4f6f1;opacity:0}.workflow-node-expanded{width:190px;min-height:92px;padding:11px 12px}.workflow-node-expanded .node-status{margin-top:8px}.workflow-node-expanded p{overflow:visible;margin-top:6px;white-space:normal;text-overflow:clip}.workflow-node-expanded time{margin-top:5px}.graph-hover-card{position:absolute;z-index:10;width:min(260px,calc(100% - 24px));padding:10px 11px;border:1px solid #cbd9c8;border-radius:11px;background:#fffffff7;box-shadow:0 12px 28px #30413129;pointer-events:none;color:#334135;font-size:11px}.graph-hover-card strong{display:block;font-size:11px}.graph-hover-card p{margin:5px 0 0;color:#68766a;font-size:10px;line-height:1.4}.graph-hover-card small{display:block;margin-top:7px;color:#9aa49a;font-size:9px}.graph-hover-status,.inspector-status{display:inline-block;margin-top:4px;color:#7d8e7d;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.graph-hover-status.status-error,.inspector-status.status-error{color:#b05d4f}.graph-hover-status.status-active,.inspector-status.status-active{color:#4e7e98}.graph-hover-status.status-success,.inspector-status.status-success{color:#4c8258}.workflow-inspector{margin-top:9px;padding:13px 14px;border:1px solid #d7e1d4;border-radius:13px;background:#f7faf6;color:#667267}.workflow-inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.workflow-inspector .eyebrow{margin:0 0 5px;font-size:8px}.workflow-inspector h4{margin:0;color:#334135;font-size:14px}.workflow-inspector-detail{margin:8px 0 0;color:#5e6c60;font-size:11px;line-height:1.45}.workflow-inspector time{display:block;margin-top:7px;color:#9aa49a;font-size:10px}.workflow-relations{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.workflow-relations button{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #dce5da;border-radius:8px;background:#fff;color:#758176;font-size:9px;text-align:left;cursor:pointer}.workflow-relations button:hover,.workflow-relations button:focus-visible{border-color:#93b39a;color:#4f6f56;outline:0}.workflow-relations button strong{color:#4d6c55;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.lower-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin-top:16px}.subheading{margin-bottom:9px}.subheading h3{font-size:14px}.subheading span{color:#98a197;font-size:10px}.items-table,.events-list{border:1px solid #e2e6de;background:#f7f9f6;border-radius:12px;overflow:hidden}.item-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:11px 12px;border-bottom:1px solid #e2e6de;font-size:11px;color:#657066}.item-row:last-child{border:0}.item-row strong{color:#354137}.item-row span:nth-child(2){color:#9aa49a}.events-list details{border-bottom:1px solid #e2e6de}.events-list details:last-child{border:0}.events-list summary{list-style:none;display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:center;padding:11px 12px;color:#657066;font-size:10px;cursor:pointer}.events-list summary::-webkit-details-marker{display:none}.events-list summary strong{font-weight:500;color:#9aa49a;overflow:hidden;text-overflow:ellipsis}.events-list summary small{color:#8a978b}.event-dot{width:7px;height:7px;border-radius:100%}.event-shop{background:#72a9c7}.event-payment{background:#a394c7}.events-list pre{margin:0;padding:11px;color:#6f7e73;background:#edf2ec;font-size:10px;line-height:1.45;overflow:auto}.empty-state,.empty-detail{color:#89948a;text-align:center;padding:45px 15px;font-size:12px}.empty-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px}.empty-detail h2{color:#5a665b;margin:14px 0 6px}.empty-detail p{margin:0}.empty-icon{display:grid;place-items:center;width:48px;height:48px;color:#557b5e;background:#e3f1e4;border-radius:50%;font-size:28px;font-weight:300}@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-facts{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.topbar{padding:0 20px}.topnav{order:3;width:100%;justify-content:center}.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.topbar-actions{margin-left:auto}.content{width:min(100% - 40px,700px)}.workspace{grid-template-columns:1fr}.order-list{max-height:360px}.lower-detail{grid-template-columns:1fr}}@media(max-width:600px){.content{width:calc(100% - 28px);padding-bottom:55px}.topbar-updated{display:none}.topbar-actions{gap:8px}.topnav{justify-content:flex-start;overflow-x:auto}.topnav a{padding:9px 11px}.section-header{display:block}.section-note{display:block;margin-top:10px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:112px;padding:15px;border-radius:18px}.metric strong{font-size:34px}.operational-context{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:26px}.operational-context>span:not(:first-child){padding-left:0;border-left:0}.builder,.panel{border-radius:19px;padding:18px}.builder .panel-heading:after{display:none}.simulation-sections,.simulation-fields{grid-template-columns:1fr}.item-input-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px}.item-input-row .field:first-child{grid-column:1 / -1}.item-hardware-field{grid-column:1 / 3;justify-content:flex-start}.item-input-row .icon-button{grid-column:3;grid-row:2}.payment-grid,.advanced-grid{grid-template-columns:1fr}.advanced-summary-hint{display:none}.detail-facts{grid-template-columns:repeat(2,1fr)}.detail-heading{display:block}.sap-behavior-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-error{align-items:flex-start;flex-direction:column;gap:6px}.graph-shell{height:245px}.graph-shell-compact{height:350px}.graph-overlay{padding:10px}.graph-overlay-panel{height:calc(100vh - 20px);padding:12px;border-radius:19px}.graph-overlay-heading{align-items:flex-start}.workflow-relations{flex-direction:column}}