.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))}@font-face{font-family:Vazirmatn;src:url(/app/fonts/vazirmatn.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{font-family:Vazirmatn,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#12213d;background:#f5f8fc;font-synthesis:none;--blue:#0f67f5;--blue-strong:#0857dc;--violet:#7456ee;--green:#209c6e;--red:#d84a57;--amber:#c88313;--ink:#12213d;--muted:#62708b;--line:#dce4ef;--soft:#f4f7fb}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;height:100%}body{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid rgba(15,103,245,.24);outline-offset:2px}h1,h2,h3,p{margin-top:0}.app-loading{height:100%;display:grid;place-items:center;color:var(--muted)}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);height:100%;background:#f8fafd}.workspace{min-width:0;min-height:0;overflow:auto}.sidebar{background:#fff;border-right:1px solid var(--line);padding:22px 14px 16px;display:flex;flex-direction:column;gap:26px;z-index:40}.sidebar-top{display:flex;align-items:center;justify-content:space-between}.logo-wrap{display:flex;align-items:center;gap:10px;font-weight:750;color:#101f3a;white-space:nowrap}.logo-mark{width:34px;height:34px;flex:0 0 auto}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{border:0;background:transparent;color:#52617b;min-height:44px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:10px;text-align:left;font-size:14px;font-weight:600}.nav-item:hover{background:#f3f6fb;color:#14233e}.nav-item.active{background:#eaf2ff;color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}.diagnostics-nav.is-open{color:#f0f5fb;background:#101b2b;box-shadow:none}.diagnostics-nav.is-open:hover{color:#fff;background:#14243a}.nav-count{margin-left:auto;min-width:22px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:#d84a57;color:#fff;font-size:10px}.operator-card{margin-top:auto;display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.operator-card div{min-width:0;display:flex;flex-direction:column}.operator-card strong{font-size:13px}.operator-card span{color:var(--muted);font-size:11px}.logout{width:100%}.mobile-only,.mobile-menu{display:none!important}.button{min-height:38px;padding:0 14px;border:1px solid #ced9e8;border-radius:9px;background:#fff;color:#172642;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:650;box-shadow:0 1px 2px #13274608}.button:hover{border-color:#aabbd2;background:#fbfdff}.button.primary,.icon-button.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.button.primary:hover{background:var(--blue-strong)}.button.full{width:100%}.button.compact{min-height:34px;padding:0 11px}.icon-button{width:36px;height:36px;border:1px solid transparent;border-radius:9px;background:transparent;color:#4d5c77;display:inline-grid;place-items:center}.icon-button:hover{background:#f1f4f8}.icon-button.danger{color:var(--red);border-color:#f1d5d8}.flow-surface{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) 50px;background:#fff}.flow-header{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 20px;border-bottom:1px solid var(--line);background:#fff}.flow-title-line{display:flex;align-items:center;gap:10px}.flow-title-line h1{font-size:20px;margin:0;letter-spacing:-.02em}.flow-header p{margin:3px 0 0;color:var(--muted);font-size:12px}.revision{background:#edf2f8;color:#586881;padding:5px 9px;border-radius:7px;font-size:12px;font-weight:650}.save-state{display:flex;align-items:center;gap:5px;color:var(--green);font-size:12px}.save-state.dirty{color:var(--amber)}.save-state.error{color:var(--red)}.flow-actions{display:flex;align-items:center;gap:8px}.editor-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px}.canvas-wrap{position:relative;min-width:0;min-height:0;background:#f8fbff}.canvas-palette{position:absolute;z-index:10;top:14px;left:14px}.palette-menu{position:absolute;top:42px;left:0;min-width:180px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px #24395a24;border-radius:11px;padding:6px}.palette-menu button{width:100%;display:flex;gap:9px;align-items:center;border:0;background:transparent;padding:9px 10px;border-radius:7px;color:#263650;font-size:13px}.palette-menu button:hover{background:#f1f5fb}.flow-node{width:176px;min-height:78px;background:#fff;border:1px solid #cfd9e7;border-radius:11px;box-shadow:0 7px 18px #1b305014;padding:12px;color:#172642}.flow-node.selected{border:2px solid var(--violet);box-shadow:0 0 0 4px #7456ee1a,0 9px 22px #3129661f}.flow-node.node-start{width:132px;border-color:#60b78f}.flow-node.node-end{width:125px;border-color:#e7767d}.node-title{display:flex;align-items:center;gap:8px}.node-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:var(--blue);background:#e9f2ff}.node-choice .node-icon{color:var(--violet);background:#eee9ff}.node-start .node-icon{color:#1f996c;background:#e5f7ef}.node-end .node-icon{color:#d84a57;background:#feeaec}.node-caption{display:flex;align-items:center;gap:4px;margin-top:9px;color:#6d7890;font-size:11px;line-height:1.35;overflow:hidden}.node-options{margin-top:9px;display:flex;flex-direction:column;gap:7px;color:#5f6c83;font-size:11px}.node-options>div{position:relative;padding-right:6px}.node-options .react-flow__handle{right:-18px;top:50%}.react-flow__handle{width:10px;height:10px;border:2px solid var(--violet);background:#fff}.react-flow__controls{box-shadow:none;border:1px solid var(--line);overflow:hidden;border-radius:8px}.react-flow__controls-button{border-bottom:1px solid var(--line)}.react-flow__minimap{border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:none}.react-flow__attribution{font-size:8px;opacity:.45}.inspector{min-width:0;border-left:1px solid var(--line);background:#fff;overflow:auto}.inspector>header{min-height:76px;padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;border-bottom:1px solid var(--line)}.inspector h2{margin:0 0 3px;font-size:16px}.inspector header span{color:var(--muted);font-size:11px}.inspector-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;color:var(--violet);background:#eee9ff}.inspector-body{padding:16px;display:flex;flex-direction:column;gap:17px}.inspector label{display:flex;flex-direction:column;gap:7px;color:#273650;font-size:12px;font-weight:650}.inspector input,.inspector textarea,.connection-drawer input,.login-card input,.chat-input input{width:100%;border:1px solid #cbd7e6;border-radius:8px;background:#fff;padding:9px 10px;color:var(--ink);font-size:13px;resize:vertical}.inspector small{color:var(--muted);font-weight:400;line-height:1.45}.inspector fieldset{border:0;padding:0;margin:0}.inspector legend{font-size:12px;font-weight:700;margin-bottom:8px}.option-editor{display:flex;align-items:center;gap:8px;margin-bottom:8px}.option-editor>span{width:22px;height:22px;border-radius:6px;background:#eef2f7;display:grid;place-items:center;font-size:11px;color:#63718a}.variable-help{background:#f5f7fc;border-radius:9px;padding:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.variable-help strong{width:100%;font-size:11px}.variable-help button{border:1px solid #d4ddec;background:#fff;border-radius:6px;color:var(--blue);font-size:11px;padding:5px 7px}.empty-inspector{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--muted)}.empty-inspector h2{color:var(--ink);margin:12px 0 5px}.empty-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#f0edff;color:var(--violet)}.validation-bar{display:flex;align-items:center;gap:8px;padding:0 20px;border-top:1px solid var(--line);color:var(--green);background:#fff;font-size:12px}.validation-bar span{margin-left:auto;color:var(--muted)}.validation-bar.has-issues{color:var(--red)}.validation-bar button{color:#762f38;border:0;background:transparent;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.validation-bar .diagnostics-link{margin-left:auto;min-width:max-content;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #efc5ca;border-radius:7px;background:#fff5f6;text-decoration:none;font-weight:700}.page-surface{min-height:100%;padding:34px;background:#f7f9fc}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.page-header h1{font-size:30px;letter-spacing:-.035em;margin-bottom:5px}.page-header p{color:var(--muted);margin:0;font-size:14px}.notice{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;border-radius:9px;font-size:13px;margin-bottom:14px}.notice.ok{color:#176c4c;background:#e9f7f1;border:1px solid #bde8d4}.notice.error{color:#913641;background:#fff0f1;border:1px solid #f0c7cc}.connection-list{display:flex;flex-direction:column;gap:12px;max-width:1180px}.connection-row{--provider:#168bd4;display:grid;grid-template-columns:auto minmax(160px,1.1fr) minmax(420px,2fr) auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 18px}.provider-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--provider)}.provider-main h2{font-size:16px;margin:0}.provider-main span,.provider-main p{color:var(--muted);font-size:12px}.provider-main p{margin:6px 0 0}.connection-row dl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0}.connection-row dl div{padding-left:12px;border-left:1px solid var(--line)}.connection-row dt{color:#8995a8;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.connection-row dd{margin:4px 0 0;font-size:12px;font-weight:650}.connection-row dd.good{color:var(--green)}.row-actions{display:flex;gap:7px}.security-note{max-width:800px;margin-top:22px;display:flex;gap:12px;color:#516079}.security-note strong{font-size:13px;color:#20304d}.security-note p{font-size:12px;line-height:1.55;margin:4px 0 0}.drawer-backdrop{position:fixed;z-index:80;inset:0;background:#0c1b3438;display:flex;justify-content:flex-end}.connection-drawer{width:min(420px,100%);height:100%;background:#fff;box-shadow:-18px 0 50px #182c4d29;padding:24px;display:flex;flex-direction:column}.connection-drawer>header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.connection-drawer h2{font-size:20px;margin:0}.connection-drawer header p{margin:3px 0 0;color:var(--muted);font-size:12px}.connection-drawer form{margin-top:28px;height:100%;display:flex;flex-direction:column;gap:17px}.connection-drawer label,.login-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650}.guidance{padding:14px;border-left:3px solid var(--blue);background:#edf5ff;border-radius:8px}.guidance strong{font-size:13px}.guidance p{color:#52627b;font-size:12px;line-height:1.5;margin:5px 0}.guidance a{color:var(--blue);font-size:11px;display:inline-flex;align-items:center;gap:4px}.credential-note{display:flex;gap:6px;align-items:center;color:var(--muted);margin-top:auto}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.simulator-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(380px,1.2fr);gap:34px;max-width:1000px;margin:20px auto;align-items:center}.sim-label{color:var(--blue);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.simulator-info h2{font-size:27px;letter-spacing:-.035em;margin:12px 0 10px}.simulator-info>p{color:var(--muted);line-height:1.65;font-size:14px}.simulator-info dl{display:grid;grid-template-columns:1fr 1fr;margin:24px 0;gap:10px}.simulator-info dl div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.simulator-info dt{color:var(--muted);font-size:10px;text-transform:uppercase}.simulator-info dd{margin:5px 0 0;font-weight:650;font-size:13px;display:flex;align-items:center;gap:5px}.provider-preview{border-top:1px solid var(--line);padding-top:18px}.provider-preview strong{font-size:13px}.provider-preview p{color:var(--muted);font-size:12px;line-height:1.5}.chat-frame{height:520px;background:#fff;border:1px solid #d5dfeb;border-radius:18px;box-shadow:0 20px 55px #1c31501c;overflow:hidden;display:grid;grid-template-rows:66px minmax(0,1fr) 62px}.chat-frame>header{border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:0 17px}.chat-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue)}.chat-frame header div:last-child{display:flex;flex-direction:column}.chat-frame header strong{font-size:13px}.chat-frame header span{font-size:10px;color:var(--muted)}.chat-body{overflow:auto;padding:18px;background:linear-gradient(180deg,#f6f9fd,#f9fbfe)}.message-group{display:flex;align-items:flex-start;flex-direction:column}.bubble{max-width:80%;padding:10px 12px;border-radius:12px;margin-bottom:8px;font-size:13px;line-height:1.45}.bubble.bot{background:#fff;border:1px solid #dfe6f0;border-bottom-left-radius:4px}.bubble.user{margin-left:auto;background:#dcecff;border-bottom-right-radius:4px;display:flex;gap:6px}.choice-buttons{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;width:70%}.choice-buttons button{border:1px solid #bdd3f6;color:var(--blue);background:#f8fbff;border-radius:9px;min-height:36px;font-size:12px;font-weight:650}.completion{text-align:center;color:var(--green);font-size:11px;margin:12px auto}.error-message .bubble{color:var(--red);border-color:#f1c8cd}.chat-input{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}.chat-input input{background:#f6f8fb}.chat-input .icon-button{flex:0 0 auto}.runtime-status{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px}.runtime-row{display:grid;grid-template-columns:44px 130px repeat(4,1fr);align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:12px}.runtime-row:last-child{border:0}.runtime-row .provider-avatar{width:34px;height:34px}.runtime-row .telegram{background:#18a8df}.runtime-row .bale{background:#19a991}.runtime-row span{display:flex;align-items:center;gap:7px;color:#5b6981}.events-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.events-panel>header{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 14px}.events-panel h2{font-size:17px;margin:0}.events-panel header div{display:flex;gap:8px}.events-panel select{border:1px solid #ced9e7;border-radius:8px;min-height:36px;padding:0 34px 0 10px;color:#33425b;background:#fff;font-size:12px}.table-wrap{position:relative;min-height:370px;border:1px solid var(--line);border-radius:9px;overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:11px}.table-wrap th{text-align:left;color:#5a6880;background:#f3f6fa;padding:11px;border-bottom:1px solid var(--line)}.table-wrap td{padding:11px;border-bottom:1px solid #edf1f6}.result{padding:4px 7px;border-radius:6px;background:#eef2f6}.result.accepted,.result.completed,.result.published{color:#16714f;background:#e8f7f0}.result.failed,.result.unknown{color:#8d3a44;background:#fdecef}.empty-events{position:absolute;inset:44px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#91a0b5}.empty-events h3{color:#24334f;margin:13px 0 5px}.empty-events p{font-size:12px}.login-page{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#e7f1ff 0,#f7f9fc 42%)}.login-card{width:min(410px,100%);padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 64px #1f355721}.login-card>.logo-wrap{justify-content:center;margin-bottom:30px}.login-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--blue);background:#eaf2ff;border-radius:13px;margin-bottom:16px}.login-card h1{font-size:24px;margin-bottom:8px}.login-card>p{color:var(--muted);font-size:13px;line-height:1.55}.login-card form{display:flex;flex-direction:column;gap:14px;margin-top:22px}.login-card>small{display:block;text-align:center;color:#8995a7;margin-top:18px;font-size:10px}.form-error{color:var(--red);font-size:12px}.toast{position:fixed;z-index:100;right:20px;bottom:20px;max-width:430px;padding:12px 15px;border-radius:10px;box-shadow:0 14px 38px #13264630;background:#20314e;color:#fff;font-size:13px}.toast.success{background:#177350}.toast.error{background:#a63c48}.toast.info{background:#315173}.diagnostics-panel{position:fixed;z-index:70;left:220px;right:0;bottom:0;height:min(390px,58vh);display:grid;grid-template-rows:48px 38px 38px minmax(0,1fr);color:#d7e1ef;background:#08111f;border-top:1px solid #26374e;box-shadow:0 -18px 45px #08111f3d;font-family:Cascadia Code,Consolas,ui-monospace,SFMono-Regular,Menlo,monospace}.diagnostics-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;background:#0d1828;border-bottom:1px solid #203047}.terminal-title,.diagnostics-summary{display:flex;align-items:center;gap:9px}.terminal-title strong{color:#f0f5fb;font-size:12px}.terminal-title>span{padding:3px 6px;border:1px solid #30445f;border-radius:4px;color:#7f93ad;font-size:9px;text-transform:uppercase}.diagnostics-summary>span{font-size:10px}.error-count{color:#ff8089}.warning-count{color:#f4c467}.terminal-icon-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #2c405b;border-radius:6px;color:#aebcd0;background:#111e30}.terminal-icon-button:hover{color:#fff;border-color:#486483;background:#172740}.diagnostics-command{display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #17263a;font-size:11px}.diagnostics-command span{color:#6cc8ff}.diagnostics-command b{color:#59dc9c}.diagnostics-command code{color:#d5dfec}.diagnostics-command i{margin-left:auto;color:#61d99b;font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.diagnostics-filters{display:flex;align-items:center;gap:5px;padding:5px 14px;border-bottom:1px solid #17263a}.diagnostics-filters button{min-height:26px;padding:0 9px;border:1px solid transparent;border-radius:5px;color:#7f91aa;background:transparent;font-size:10px}.diagnostics-filters button:hover{color:#dbe6f4;background:#111e30}.diagnostics-filters button.active{color:#dcecff;border-color:#315170;background:#14243a}.diagnostics-filters>span{margin-left:auto;color:#60748e;font-size:9px}.diagnostics-output{overflow:auto;padding:6px 0 22px;scrollbar-color:#31455f #08111f}.diagnostic-line{display:grid;grid-template-columns:20px 68px minmax(0,1fr);gap:7px;padding:9px 14px;border-bottom:1px solid rgba(42,61,86,.48);content-visibility:auto;contain-intrinsic-size:92px}.diagnostic-line:hover{background:#0c1727}.diagnostic-line time{padding-top:2px;color:#637892;font-size:9px}.diagnostic-marker{color:#73d4a8;padding-top:1px}.diagnostic-line.error .diagnostic-marker{color:#ff6d79}.diagnostic-line.warning .diagnostic-marker{color:#f0bc5e}.diagnostic-copy{min-width:0}.diagnostic-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:5px}.diagnostic-meta>span{color:#ff8892;font-size:9px;font-weight:800;letter-spacing:.06em}.diagnostic-line.warning .diagnostic-meta>span{color:#f4c467}.diagnostic-meta code{color:#72bdf0;font-size:10px}.diagnostic-meta em{padding:2px 5px;border-radius:4px;color:#7fd9b1;background:#102b2a;font-size:9px;font-style:normal}.diagnostic-copy>strong{display:block;color:#e9eff8;font-family:Inter,Vazirmatn,ui-sans-serif,system-ui,sans-serif;font-size:12px;line-height:1.45}.diagnostic-copy>p{margin:5px 0 0;color:#9eacc0;font-family:Inter,Vazirmatn,ui-sans-serif,system-ui,sans-serif;font-size:11px;line-height:1.45}.diagnostic-copy>p b{color:#68d5a4;font-family:Cascadia Code,Consolas,monospace;font-weight:600}.diagnostic-context{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.diagnostic-context code{padding:3px 5px;border-radius:4px;color:#748ba6;background:#101d2d;font-size:9px;overflow-wrap:anywhere}.terminal-action{margin-top:7px;padding:4px 7px;border:1px solid #315170;border-radius:5px;color:#8acbfa;background:#11233a;font-family:inherit;font-size:9px}.terminal-empty,.terminal-load-error{min-height:150px;display:flex;align-items:center;justify-content:center;gap:10px;color:#7589a2}.terminal-empty div{display:flex;flex-direction:column;gap:3px}.terminal-empty strong{color:#b8c6d8;font-size:11px}.terminal-empty span{font-size:10px}.terminal-load-error{color:#ff858e;font-size:11px}.is-spinning{animation:terminal-spin .8s linear infinite}@keyframes terminal-spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.app-shell{grid-template-columns:188px minmax(0,1fr)}.logo-wrap span{font-size:13px}.flow-actions .button{font-size:0;width:38px;padding:0}.flow-actions .button svg{margin:0}.editor-grid{grid-template-columns:minmax(0,1fr) 290px}.connection-row{grid-template-columns:auto 1fr auto}.connection-row dl{grid-column:2/4;grid-row:2}.runtime-row{grid-template-columns:38px 100px repeat(2,1fr)}.runtime-row span:nth-last-child(-n+2){display:none}}@media(max-width:760px){body{overflow:auto}.app-shell{display:block;min-height:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;transform:translate(-105%);transition:transform .22s ease;box-shadow:12px 0 40px #1428482e}.sidebar.is-open{transform:translate(0)}.mobile-only{display:grid!important}.mobile-menu{display:grid!important;position:fixed;z-index:35;top:12px;left:12px;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff}.workspace{min-height:100vh;overflow:visible}.flow-surface{height:100vh;grid-template-rows:auto minmax(0,1fr) auto}.flow-header{padding:58px 12px 12px;align-items:flex-start;flex-direction:column}.flow-actions{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.flow-actions .button{width:auto;font-size:0}.editor-grid{display:block;overflow:auto}.canvas-wrap{height:58vh}.react-flow__minimap{width:112px!important;height:72px!important}.inspector{min-height:390px;border-left:0;border-top:1px solid var(--line)}.validation-bar{min-height:54px;align-items:flex-start;padding:10px 12px;flex-wrap:wrap}.validation-bar button{width:100%;text-align:left}.page-surface{padding:64px 14px 22px}.page-header{flex-direction:column}.page-header h1{font-size:26px}.connection-row{grid-template-columns:auto 1fr}.connection-row dl{grid-column:1/3;grid-template-columns:1fr 1fr}.row-actions{grid-column:1/3;justify-content:flex-end}.simulator-layout{grid-template-columns:1fr;margin:0}.chat-frame{height:560px}.runtime-row{grid-template-columns:36px 1fr 1fr}.runtime-row span:nth-of-type(n+2){display:none}.events-panel>header{align-items:flex-start;flex-direction:column;gap:10px}.table-wrap{overflow:auto}.table-wrap table{min-width:720px}.toast{left:12px;right:12px;bottom:12px}}@media(max-width:1050px){.diagnostics-panel{left:188px}}@media(max-width:760px){.validation-bar .diagnostics-link{margin-left:0;justify-content:center}.diagnostics-panel{left:0;height:min(480px,68vh)}.diagnostics-summary>span{display:none}.diagnostic-line{grid-template-columns:19px minmax(0,1fr)}.diagnostic-line time{display:none}.diagnostics-command code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostics-command i{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.workspace{display:flex;flex-direction:column;overflow:hidden}.app-shell{direction:rtl}.sidebar{border-right:0;border-left:1px solid var(--line)}.sidebar .nav-item{text-align:right}.sidebar .nav-item.active{box-shadow:inset -3px 0 0 var(--blue)}.operator-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-flow,.canvas-wrap{direction:ltr}.inspector{border-left:0;border-right:1px solid var(--line)}.login-card input[dir=ltr],.saas-page [dir=ltr]{text-align:left}.auth-switch{width:100%;margin-top:18px;padding:7px;border:0;background:transparent;color:var(--blue);font-size:13px}.conflict-banner{padding:11px 20px;background:#fff4e1;border-bottom:1px solid #efcf92;color:#734d18;font-size:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.conflict-banner button{border:1px solid #d9b56e;border-radius:6px;padding:5px 9px;background:#fff;color:#734d18}.save-state.conflict{color:var(--red)}.saas-page{width:100%;height:100%;overflow:auto;padding:34px clamp(18px,3.5vw,52px);background:#f7f9fc}.saas-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.saas-heading h1{margin:0 0 4px;font-size:28px}.saas-heading p,.saas-muted{margin:0;color:var(--muted);font-size:13px}.saas-columns{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.saas-columns>div{display:flex;flex-direction:column;gap:18px;min-width:0}.saas-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 2px 10px #19395b05;min-width:0}.saas-card h2{font-size:17px;margin-bottom:14px}.saas-card h3{font-size:14px;margin:23px 0 10px}.admin-role-settings{border-block:1px solid var(--line);padding:16px 0;margin-top:20px}.admin-role-settings h3{margin:0 0 10px}.admin-role-settings p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.admin-role-settings .button{min-height:44px;max-width:100%;white-space:normal}.saas-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}.saas-card>header p{color:var(--muted);font-size:12px;margin:0}.saas-empty{color:var(--muted);display:grid;place-items:center;min-height:220px;text-align:center}.saas-narrow{max-width:560px}.saas-list{display:flex;flex-direction:column;gap:7px;max-height:450px;overflow:auto}.account-plan{max-width:900px;margin-bottom:18px}.account-plan>p{margin:0 0 12px}.plan-usage{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.plan-usage span{border:1px solid #d8e3f0;background:#f5f8fc;border-radius:8px;padding:7px 10px;font-size:12px}.plan-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.plan-choices .button{min-height:42px;padding:8px 12px;font-size:12px}.plan-pending{padding:11px 13px;background:#edf5ff;color:#174480;border:1px solid #c4dcfb;border-radius:9px;font-size:13px}.admin-plan-requests{margin:18px 0}.admin-plan-request{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid var(--line);border-radius:9px}.admin-plan-request>div{display:flex;flex-direction:column;gap:3px}.admin-plan-request .button{min-height:40px;font-size:12px}.payment-instructions{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel,#fff)}.payment-instructions h3{margin:0 0 10px}.payment-instructions p{font-size:13px;line-height:1.9}.payment-card-number{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:14px 0}.payment-card-number label{display:flex;flex-direction:column;gap:7px;font-size:12px;min-width:0;flex:1 1 230px}.payment-card-number input{width:100%;max-width:330px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;font-family:monospace;font-size:clamp(16px,3vw,22px);letter-spacing:1px}.payment-card-number .button,.admin-plan-request .button{min-height:44px}.admin-plan-request>.admin-plan-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.saas-list button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:12px;text-align:right;display:flex;flex-direction:column;gap:4px;color:var(--ink)}.saas-list button:hover,.saas-list button.selected{border-color:#8eb9f5;background:#f4f8ff}.saas-list strong{font-size:13px}.saas-list small{color:var(--muted);font-size:11px}.saas-list b{color:var(--blue);font-size:11px}.saas-form{display:flex;flex-direction:column;gap:14px}.saas-form label,.saas-search{display:flex;flex-direction:column;gap:6px;color:#35445e;font-size:12px;font-weight:650}.saas-form input,.saas-form textarea,.saas-form select,.saas-search input{width:100%;padding:10px 11px;border:1px solid #cbd7e6;border-radius:8px;background:#fff;color:var(--ink);font-size:13px}.saas-form textarea{resize:vertical;line-height:1.8}.saas-form .button{align-self:flex-start}.ticket-messages{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.ticket-message{border:1px solid var(--line);border-radius:10px;padding:13px;background:#fbfcfe}.ticket-message.staff{background:#f0f6ff;border-color:#d4e4fa}.ticket-by{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.ticket-by strong{color:var(--ink)}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin:9px 0}.ticket-message a{color:var(--blue);text-decoration:none;display:inline-flex;align-items:center;gap:5px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric-grid>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:3px}.metric-grid strong{font-size:25px;color:var(--blue)}.metric-grid span{font-size:12px;color:var(--muted)}.saas-tabs{display:flex;gap:6px;margin-bottom:16px;border-bottom:1px solid var(--line)}.saas-tabs button{border:0;border-bottom:2px solid transparent;padding:10px 18px;color:var(--muted);background:transparent}.saas-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.saas-search{margin-bottom:15px}.saas-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:14px;color:var(--muted);font-size:11px}.saas-pagination button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 9px}.saas-card details{border:1px solid var(--line);border-radius:8px;padding:9px;margin:7px 0;font-size:12px}.saas-card pre{max-height:250px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}@media(max-width:1050px){.saas-columns{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.saas-page{min-height:100vh;padding:65px 14px 25px}.saas-heading h1{font-size:24px}.sidebar{inset:0 0 0 auto;transform:translate(105%);box-shadow:-12px 0 40px #1428482e}.sidebar.is-open{transform:translate(0)}.mobile-menu{left:auto;right:12px}.metric-grid{gap:8px}.saas-card{padding:16px}}.workspace-content{flex:1;min-height:0;overflow:auto}.workspace-content:has(.flow-library){display:flex;flex-direction:column}.workspace-content:has(.flow-library) .flow-surface{flex:1;min-height:520px;height:auto}.flow-library{position:relative;flex:none;padding:14px 20px 10px;background:#f8faff;border-bottom:1px solid var(--line)}.flow-library-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.flow-library-head h2{font-size:14px;margin:0 0 3px}.flow-library-head p{color:var(--muted);font-size:11px;margin:0}.flow-library-head form,.flow-library-item form{display:flex;gap:7px;align-items:center}.flow-library input{min-width:130px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:12px}.flow-library-list{display:flex;gap:8px;overflow-x:auto;padding:10px 0 3px}.flow-library-item{display:flex;flex:none;align-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;padding:3px}.flow-library-item.active{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.flow-library-open{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:6px 8px;color:var(--ink)}.flow-library-open strong{font-size:12px;white-space:nowrap}.flow-library-open small{font-size:10px;color:var(--muted)}.flow-library-item .icon-button{width:27px;height:27px}.flow-versions{margin-top:5px;color:var(--muted);font-size:11px}.flow-versions summary{cursor:pointer;color:var(--blue);font-weight:700}.flow-version-list{display:flex;gap:8px;overflow:auto;padding:9px 0}.flow-version-list button{display:flex;flex-direction:column;gap:3px;flex:none;min-width:180px;text-align:right;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;color:var(--ink)}.flow-version-list span{color:var(--muted);font-size:10px}.connection-row{grid-template-columns:auto minmax(140px,1fr) minmax(250px,2fr) auto}.bot-assignment{display:flex;flex-wrap:wrap;align-items:end;gap:7px}.bot-assignment label{display:flex;flex:1;flex-direction:column;gap:4px;color:var(--muted);font-size:11px}.bot-assignment select{width:100%;min-width:190px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}.bot-assignment small{width:100%;color:var(--muted);font-size:11px}.bot-filter{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;font-size:12px;color:var(--muted)}.bot-filter select{min-width:180px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.version-preview{position:absolute;z-index:20;top:100%;left:20px;right:20px;max-height:55vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 35px #172b4b2b}.version-preview header{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line)}.version-preview header div{display:flex;flex-direction:column;gap:3px}.version-preview header span{color:var(--muted);font-size:11px}.version-preview pre{margin:0;padding:12px;overflow:auto;font-size:11px}.platform-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:10px 24px;border-bottom:1px solid var(--line);background:#fff}.platform-tabs{display:flex;padding:4px;border-radius:12px;background:#f0f4f9;gap:4px}.platform-tabs button{display:flex;gap:9px;align-items:center;border:0;border-radius:9px;background:transparent;padding:10px 16px;color:var(--muted);font-size:13px;font-weight:700}.platform-tabs button>span:not(.bale-symbol){font-size:9px;letter-spacing:.07em;opacity:.65}.platform-tabs .selected{color:#1267c5;background:#fff;box-shadow:0 2px 8px #152c4a13}.platform-tabs .bale.selected{color:#088575}.bale-symbol{font-size:18px;line-height:16px;font-weight:900}.platform-isolation{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.platform-bale{--blue:#098d79;--blue-strong:#06715f}.flow-surface{display:flex;flex-direction:column}.flow-header,.flow-tools,.validation-bar,.template-panel{flex-shrink:0}.flow-header{flex-wrap:wrap;gap:12px}.flow-tools{display:flex;align-items:center;gap:8px;padding:9px 18px;border-bottom:1px solid var(--line);background:#fcfdff}.flow-tools>span{margin-left:auto;color:var(--muted);font-size:11px}.editor-grid{flex:1}.palette-menu{width:252px;max-height:min(560px,65vh);overflow:auto}.palette-menu button{text-align:left}.palette-menu svg{flex-shrink:0}.palette-menu small{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:3px}.inspector select{width:100%;border:1px solid #cbd7e6;border-radius:8px;background:#fff;padding:9px 10px;color:var(--ink);font-size:13px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-note{font-size:12px;color:var(--muted)}.option-editor>div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.option-editor>span{flex-shrink:0}.variable-help code{padding:4px 6px;background:#fff;border:1px solid var(--line);border-radius:5px;color:var(--blue);font-size:11px}.variable-help small{width:100%}.node-condition .node-icon,.node-set_variable .node-icon{color:#8d57bd;background:#f2e9ff}.node-delay .node-icon{color:#aa7614;background:#fff3d5}.node-http_request .node-icon{color:#137d9a;background:#e0f6fb}.node-media .node-icon{color:#cb5c82;background:#ffe9f0}.template-panel{background:#f5f8ff;padding:16px 20px;border-bottom:1px solid var(--line);max-height:45vh;overflow:auto}.template-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.template-panel h2{font-size:16px;margin-bottom:4px}.template-panel p{font-size:12px;color:var(--muted);margin-bottom:12px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px}.template-grid button{text-align:left;padding:13px;background:#fff;border:1px solid var(--line);border-radius:10px}.template-grid button.selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.template-grid strong{display:block;font-size:12px;color:var(--ink);margin-bottom:6px}.template-grid span{display:block;color:var(--muted);font-size:11px;line-height:1.5}.template-confirm{display:flex;align-items:center;gap:12px;justify-content:space-between;padding-top:12px}.template-confirm p{margin:0}.automation-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:22px}.automation-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px;padding:12px 14px}.automation-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.automation-layout{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:22px;align-items:start}.automation-form,.automation-card,.integration-card{padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff}.automation-form{display:flex;flex-direction:column;gap:15px}.automation-form h2{font-size:17px;margin-bottom:0}.automation-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650}.automation-form input,.automation-form select,.automation-form textarea,.simulation-action textarea{width:100%;border:1px solid #cbd7e6;border-radius:8px;padding:10px 11px;color:var(--ink);background:#fff;font:inherit;font-size:13px}.automation-form textarea{resize:vertical}.automation-form small,.automation-card p,.integration-card p{color:var(--muted);font-size:12px;line-height:1.6}.automation-list{display:flex;flex-direction:column;gap:12px}.automation-card>header,.integration-card>header{display:flex;justify-content:space-between;align-items:start;gap:12px}.automation-card h3,.integration-card h3{font-size:15px;margin-bottom:4px}.automation-card .status-tag,.integration-card .status-tag{font-size:10px;border-radius:5px;padding:4px 7px;color:#296d52;background:#eaf7f0}.automation-card .status-tag.failed{color:#a23f49;background:#fff0f1}.automation-card .message-preview{white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid var(--line);padding:8px 12px;margin:12px 0;color:var(--ink)}.automation-card footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}.automation-card footer small{color:var(--muted);font-size:11px}.automation-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:55px 24px;border:1px dashed #c6d3e4;border-radius:13px;color:var(--muted)}.automation-empty h3{font-size:16px;color:var(--ink);margin:14px 0 8px}.automation-empty p{max-width:360px;font-size:13px;line-height:1.6}.automation-summary{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-bottom:16px}.webhook-secret{border:1px solid #e6cd93;background:#fff8e8;border-radius:10px;padding:16px;margin-bottom:18px}.webhook-secret h3{font-size:14px}.webhook-secret p{color:#7b673c;font-size:12px}.webhook-secret code,.integration-card code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.6}.integration-card code{padding:10px;background:#f4f7fb;border-radius:7px}.simulation-action{margin:12px 0;padding:13px;background:#fff9eb;border:1px solid #eddaaf;border-radius:10px;font-size:12px}.simulation-action textarea{margin:8px 0}.simulation-action .button{width:100%;margin-top:8px}.media-preview{display:flex;gap:8px;flex-direction:column;overflow-wrap:anywhere}.media-preview small{color:var(--muted)}.workspace-label{color:var(--muted);font-size:12px;text-transform:capitalize}.telegram-unavailable{margin:12px 24px 0;padding:12px 16px;border:1px solid #e8ca84;border-radius:9px;background:#fff7e6;color:#765320;font-size:13px;line-height:1.7}.provider-availability{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.provider-availability h2{margin:0 0 6px;font-size:17px}.provider-availability p{margin:0 0 9px;color:var(--muted);font-size:13px}.provider-availability strong{font-size:12px}.contact-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 14px;margin-bottom:12px;max-width:560px;color:var(--muted)}.contact-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px;color:var(--ink)}.contacts-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:20px}.contact-list{display:flex;flex-direction:column;gap:8px}.contact-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;text-align:left;min-width:0}.contact-row.selected{border-color:var(--blue);background:#f4f9ff}.contact-avatar{background:#edf3fc;padding:10px;border-radius:9px;color:var(--blue)}.contact-row>div:nth-child(2){flex:1;min-width:0}.contact-row strong{display:block;color:var(--ink);font-size:13px;overflow:hidden;text-overflow:ellipsis}.contact-row span{display:block;margin-top:5px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-row small{color:var(--muted);font-size:10px}.contact-detail{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px;align-self:start}.contact-detail h2{font-size:17px}.contact-detail h3{font-size:13px;margin-top:22px}.contact-detail p{color:var(--muted);font-size:13px;line-height:1.6}.contact-detail dl{margin:0}.contact-detail dl>div{display:grid;grid-template-columns:100px 1fr;gap:12px;border-bottom:1px solid #eef2f7;padding:10px 0}.contact-detail dt{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.contact-detail dd{margin:0;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:950px){.contacts-layout{grid-template-columns:1fr}}@media(max-width:1100px){.platform-isolation{display:none}.automation-layout{grid-template-columns:1fr}.automation-form{max-width:650px}}@media(max-width:760px){.workspace{min-height:100vh;height:auto}.workspace-content{overflow:visible}.platform-bar{padding:9px 12px 9px 60px;min-height:62px}.platform-tabs{flex:1}.platform-tabs button{flex:1;justify-content:center;padding:9px 10px}.platform-tabs button>span:not(.bale-symbol){display:none}.flow-surface{min-height:calc(100vh - 62px);height:auto}.flow-header{padding:15px 12px}.flow-tools{padding:8px 12px;flex-wrap:wrap}.flow-tools .button{font-size:11px}.flow-tools>span{display:none}.editor-grid{flex:auto;min-height:600px}.page-surface{padding:24px 14px}.template-panel{max-height:55vh}.template-confirm{align-items:stretch;flex-direction:column}.automation-form,.automation-card,.integration-card{padding:16px}.automation-summary{flex-wrap:wrap}.platform-bar+div .page-header h1{font-size:25px}}@media(max-width:760px){.flow-library{padding:12px}.flow-library-head{align-items:stretch;flex-direction:column}.flow-library-head form{width:100%}.flow-library-head form input{flex:1}.flow-library-list{max-width:100vw}}@media(max-width:760px){.connection-row .bot-assignment,.connection-row .row-actions{grid-column:1/3}}@media(max-width:760px){.telegram-unavailable{margin:10px 12px 0}.provider-availability{align-items:stretch;flex-direction:column}}