.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: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--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{color-scheme:light;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg: #f5f7fb;--bg-grad-1: rgba(99, 102, 241, .06);--bg-grad-2: rgba(14, 165, 233, .05);--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--border: #e7eaf1;--border-strong: #d6dbe6;--text: #0f172a;--text-2: #334155;--text-muted: #64748b;--text-subtle: #94a3b8;--text-on-dark: #e2e8f0;--primary: #4f46e5;--primary-600: #4338ca;--primary-700: #3730a3;--primary-soft: #eef2ff;--primary-soft-2: #e0e7ff;--primary-contrast: #ffffff;--ring: rgba(79, 70, 229, .35);--success: #15803d;--success-soft: #dcfce7;--success-text: #166534;--warning: #b45309;--warning-soft: #fef3c7;--warning-text: #92400e;--danger: #dc2626;--danger-soft: #fee2e2;--danger-text: #991b1b;--info: #0369a1;--info-soft: #e0f2fe;--info-text: #075985;--side-bg-1: #131a2b;--side-bg-2: #0c111d;--side-text: #aeb6c7;--side-text-strong: #f8fafc;--side-item-hover: rgba(255, 255, 255, .06);--side-item-active: rgba(99, 102, 241, .18);--side-border: rgba(255, 255, 255, .08);--r-xs: 7px;--r-sm: 9px;--r: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 6px 18px -6px rgba(15, 23, 42, .16), 0 2px 6px -2px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 60px -18px rgba(15, 23, 42, .28);--shadow-primary: 0 10px 24px -8px rgba(79, 70, 229, .5);--ease: cubic-bezier(.4, 0, .2, 1);--dur: .18s;font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 100% -10%,var(--bg-grad-1),transparent 60%),radial-gradient(900px 500px at -10% 110%,var(--bg-grad-2),transparent 55%),var(--bg);color:var(--text);font-size:14px;line-height:1.5}h1,h2,h3,h4,p{margin:0}a{color:var(--primary);text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--primary-soft-2)}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#cdd5e3;border:3px solid transparent;background-clip:content-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#b3bdce;background-clip:content-box}.input,input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select{width:100%;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);padding:10px 12px;font-size:13.5px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:96px;resize:vertical;line-height:1.55}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:34px;cursor:pointer}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:focus,textarea:focus,select:focus,.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.password-input{position:relative;display:block;width:100%}.password-input input{padding-right:44px}.password-input__toggle{position:absolute;top:50%;right:7px;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--text-muted);display:grid;place-items:center;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.password-input__toggle:hover{background:var(--surface-3);color:var(--text)}.password-input__toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.password-input__toggle:disabled{cursor:not-allowed;opacity:.55}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:42px;padding:4px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.field{display:grid;gap:6px}.field>.field__label,label.field{font-size:12.5px;font-weight:600;color:var(--text-2);letter-spacing:.01em}.field__label{display:flex;align-items:center;justify-content:space-between;gap:8px}.field__hint{font-size:12px;color:var(--text-subtle)}.check{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.check input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--r-sm);border:1px solid transparent;font-size:13.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),color var(--dur) var(--ease)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn--primary{background:linear-gradient(180deg,var(--primary),var(--primary-600));color:var(--primary-contrast);box-shadow:var(--shadow-primary)}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,var(--primary-600),var(--primary-700))}.btn--secondary{background:var(--surface);color:var(--text-2);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-subtle)}.btn--ghost{background:transparent;color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--surface-3)}.btn--danger{background:var(--surface);color:var(--danger);border-color:var(--danger-soft)}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.btn--sm{min-height:32px;padding:0 11px;font-size:12.5px;border-radius:var(--r-xs)}.btn--block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);box-shadow:var(--shadow-xs);transition:all var(--dur) var(--ease)}.icon-btn:hover:not(:disabled){color:var(--primary);border-color:var(--primary-soft-2);background:var(--primary-soft)}.icon-btn.is-active{color:#f59e0b;border-color:#fde68a;background:#fffbeb}.icon-btn--sm{width:32px;height:32px}.badge{display:inline-flex;align-items:center;gap:5px;height:23px;padding:0 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:700;letter-spacing:.02em;background:var(--surface-3);color:var(--text-2);text-transform:capitalize;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.badge--plain:before{display:none}.badge--success{background:var(--success-soft);color:var(--success-text)}.badge--warning{background:var(--warning-soft);color:var(--warning-text)}.badge--danger{background:var(--danger-soft);color:var(--danger-text)}.badge--info{background:var(--info-soft);color:var(--info-text)}.badge--primary{background:var(--primary-soft);color:var(--primary-700)}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth__hero{position:relative;overflow:hidden;padding:56px;display:flex;flex-direction:column;justify-content:space-between;color:#e9ecff;background:radial-gradient(900px 500px at 12% 8%,rgba(129,140,248,.55),transparent 55%),radial-gradient(700px 500px at 100% 100%,rgba(14,165,233,.4),transparent 55%),linear-gradient(150deg,#1e1b4b,#0b1020 70%)}.auth__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);pointer-events:none}.auth__brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px;letter-spacing:.01em;position:relative;z-index:1}.auth__hero-body{position:relative;z-index:1;max-width:460px}.auth__hero-body h2{font-size:34px;line-height:1.15;letter-spacing:-.02em;font-weight:700;color:#fff}.auth__hero-body p{margin-top:14px;color:#b9c0e8;font-size:15px;line-height:1.6}.auth__features{position:relative;z-index:1;display:grid;gap:12px}.auth__feature{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#cdd3f4}.auth__feature .auth__check{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#818cf838;color:#c7d2fe;flex:none}.auth__panel{display:grid;place-items:center;padding:32px 24px;background:var(--surface)}.auth__form{width:min(100%,380px);display:grid;gap:16px}.auth__logo{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;color:#fff;background:linear-gradient(150deg,var(--primary),var(--primary-700));box-shadow:var(--shadow-primary)}.auth__title{font-size:22px;font-weight:700;letter-spacing:-.01em}.auth__sub{color:var(--text-muted);font-size:13.5px;margin-top:-8px}.auth__hint{font-size:12px;color:var(--text-subtle);text-align:center;border-top:1px dashed var(--border);padding-top:14px}.auth__hint code{font-size:11.5px}.shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--side-bg-1),var(--side-bg-2));color:var(--side-text);display:flex;flex-direction:column;padding:18px 14px;border-right:1px solid var(--side-border);z-index:40}.sidebar__brand{display:flex;align-items:center;gap:11px;padding:6px 8px 16px;color:var(--side-text-strong)}.sidebar__brand .brand-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(150deg,var(--primary),var(--primary-700));color:#fff;box-shadow:0 6px 16px -6px #4f46e5cc;flex:none}.sidebar__brand b{font-size:15px;font-weight:700;letter-spacing:-.01em}.sidebar__brand small{display:block;font-size:11px;color:var(--side-text);font-weight:500}.sidebar__section{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#5f6b85;padding:14px 10px 6px}.sidebar__nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;margin:0 -4px;padding:0 4px;flex:1}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:10px;padding:9px 10px;color:var(--side-text);background:transparent;font-size:13.5px;font-weight:500;text-align:left;position:relative;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-item svg{flex:none;opacity:.85}.nav-item:hover{background:var(--side-item-hover);color:var(--side-text-strong)}.nav-item.is-active{background:var(--side-item-active);color:#fff}.nav-item.is-active svg{opacity:1;color:#a5b4fc}.nav-item.is-active:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:#818cf8}.nav-item__badge{margin-left:auto;font-size:11px;font-weight:700;background:#ffffff1a;color:#fff;border-radius:var(--r-pill);padding:1px 7px}.sidebar__footer{border-top:1px solid var(--side-border);padding-top:12px;margin-top:8px;display:grid;gap:8px}.user-chip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px}.user-chip .avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(150deg,#6366f1,#0ea5e9);color:#fff;font-weight:700;font-size:13px;flex:none}.user-chip__meta{min-width:0}.user-chip__meta b{display:block;font-size:13px;color:var(--side-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip__meta span{font-size:11.5px;color:var(--side-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar__signout{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:9px;padding:9px 10px;color:var(--side-text);background:#ffffff0a;font-size:13px;font-weight:600;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.sidebar__signout:hover{background:#ef444429;color:#fecaca}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#080c1680;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:35}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:14px 26px;background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}.topbar__left{min-width:0}.topbar__crumb{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle)}.topbar__title{font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__actions{margin-left:auto;display:flex;align-items:center;gap:12px}.ws-switcher{display:flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 12px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow-xs)}.ws-switcher svg{color:var(--text-subtle);flex:none}.ws-switcher select{border:0;background:transparent;box-shadow:none;padding:0 26px 0 0;height:38px;min-width:120px;max-width:220px;font-weight:600;font-size:13px;background-position:right 4px center}.ws-switcher select:focus{box-shadow:none}.hamburger{display:none}.content{padding:26px;max-width:1320px;width:100%;margin:0 auto}.content--wide{max-width:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.grid-2{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:20px;align-items:start}.grid-2--rev{grid-template-columns:minmax(0,1fr) minmax(300px,400px)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.stack{display:grid;gap:20px;align-content:start}.inline-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:12px}.integrations-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:20px;align-items:start}.integration-builder{display:grid;gap:20px}.integration-provider-grid{display:grid;gap:8px}.integration-provider{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:10px;text-align:left;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.integration-provider:hover,.integration-provider.is-active{border-color:var(--primary-soft-2);background:var(--primary-soft);box-shadow:var(--shadow-xs)}.integration-provider__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--surface-2);color:var(--primary)}.integration-provider b,.integration-provider small{display:block;min-width:0}.integration-provider small{color:var(--text-muted);font-size:12px;font-weight:700;margin-top:2px}.integration-setup{display:grid;gap:16px}.setup-steps{display:grid;gap:8px}.setup-step{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;color:var(--text-2);font-size:13px}.setup-step span{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--primary);color:#fff;font-size:12px;font-weight:800}.setup-step p{margin:4px 0 0}.webhook-copybox{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:10px}.webhook-copybox div{min-width:0}.webhook-copybox span{display:block;color:var(--text-muted);font-size:11px;font-weight:800;margin-bottom:4px;text-transform:uppercase}.webhook-copybox code{display:block;color:var(--text);font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}.integration-form{display:grid;gap:12px}.manual-integration-fields{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);padding:10px 12px}.manual-integration-fields>summary{cursor:pointer;color:var(--text);font-weight:700}.manual-integration-fields>p{margin:8px 0 12px;color:var(--text-muted);font-size:12px;line-height:1.45}.manual-integration-fields>.field{margin-top:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.card__title{font-size:14.5px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}.card__title svg{color:var(--primary)}.card__title small{display:block;font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:0}.card__actions{display:flex;align-items:center;gap:8px}.card__body{padding:18px}.card__body--flush{padding:0}.stat{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px;display:grid;gap:6px}.stat__top{display:flex;align-items:center;gap:10px}.stat__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--primary-soft);color:var(--primary);flex:none}.stat__icon--success{background:var(--success-soft);color:var(--success)}.stat__icon--warning{background:var(--warning-soft);color:var(--warning)}.stat__icon--info{background:var(--info-soft);color:var(--info)}.stat__icon--danger{background:var(--danger-soft);color:var(--danger)}.stat__label{font-size:12.5px;font-weight:600;color:var(--text-muted)}.stat__value{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text)}.stat__hint{font-size:12px;color:var(--text-subtle)}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:13px}table.table thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle);padding:11px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}table.table tbody td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;overflow-wrap:anywhere}table.table tbody tr:last-child td{border-bottom:0}table.table tbody tr{transition:background var(--dur) var(--ease)}table.table tbody tr:hover{background:var(--surface-2)}table.table td .t-strong{font-weight:600;color:var(--text)}table.table td .t-sub{font-size:12px;color:var(--text-muted)}.table-subtext{margin-top:4px;color:var(--text-muted);font-size:12px;line-height:1.35}.table-subtext.is-warning{color:var(--warning-text)}.cell-actions{text-align:right;white-space:nowrap}.search{position:relative;display:flex;align-items:center}.search svg{position:absolute;left:12px;color:var(--text-subtle);pointer-events:none}.search input{padding-left:38px}.list{display:grid;gap:12px}.list-item{display:grid;gap:7px;border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;background:var(--surface);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.list-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.list-item__title{font-weight:600;font-size:13.5px;color:var(--text)}.list-item__body{font-size:13px;color:var(--text-muted);line-height:1.55}.list-item__meta{display:flex;gap:8px;align-items:center}.stage-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.stage-pill{--stage-color: var(--primary);display:inline-flex;align-items:center;gap:8px;min-height:30px;max-width:100%;padding:5px 10px;border:1px solid color-mix(in srgb,var(--stage-color) 34%,var(--border));border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--stage-color) 12%,var(--surface));font-size:12px;font-weight:700}.stage-pill:before{content:"";width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--stage-color)}.stage-pill small{color:var(--text-muted);font-size:11px;font-weight:700}.builder-list{display:grid;gap:10px}.builder-list__head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:700;color:var(--text-2)}.builder-step{display:grid;gap:12px;padding:13px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2)}.builder-step__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:10px}.builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stage-row{display:grid;grid-template-columns:auto minmax(0,1fr) 82px 48px auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.stage-row input[type=color]{height:38px;min-width:44px}.icon-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.icon-btn:disabled:hover{color:var(--text-muted);border-color:var(--border);background:var(--surface)}.flow-meta-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,240px) minmax(240px,1.4fr);gap:12px}.flow-designer{display:grid;grid-template-columns:210px minmax(0,1fr) 300px;min-height:590px;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2)}.flow-palette,.flow-inspector{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--surface);overflow-y:auto}.flow-palette{border-right:1px solid var(--border)}.flow-inspector{border-left:1px solid var(--border)}.flow-palette__grid{display:grid;gap:8px}.flow-palette__item{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font-size:12.5px;font-weight:700;text-align:left;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.flow-palette__item:hover{border-color:color-mix(in srgb,var(--node-color) 50%,var(--border-strong));box-shadow:var(--shadow-xs);transform:translateY(-1px)}.flow-canvas{min-width:0;min-height:590px;background:linear-gradient(180deg,#ffffffe6,#f8fafcc7),radial-gradient(circle at 18px 18px,rgba(99,102,241,.08) 0 1px,transparent 1px);background-size:auto,24px 24px}.flow-canvas .react-flow{background:transparent}.flow-canvas .react-flow__controls,.flow-canvas .react-flow__minimap{border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);overflow:hidden}.flow-canvas .react-flow__controls-button{border-bottom-color:var(--border)}.flow-canvas .react-flow__edge-path{stroke:#64748b;stroke-width:2}.flow-canvas .react-flow__edge-textbg{fill:var(--surface)}.flow-canvas .react-flow__edge-text{fill:var(--text-2);font-size:11px;font-weight:700}.flow-node{--node-color: var(--primary);width:218px;display:grid;gap:7px;padding:12px;border:1px solid color-mix(in srgb,var(--node-color) 34%,var(--border));border-top:4px solid var(--node-color);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);font-size:12px}.flow-node.is-selected{border-color:var(--node-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--node-color) 18%,transparent),var(--shadow-sm)}.flow-node__top{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:11px;font-weight:800;text-transform:uppercase}.flow-node__dot{width:9px;height:9px;flex:0 0 auto;border-radius:999px;background:var(--node-color)}.flow-node__name{color:var(--text);font-size:13.5px;font-weight:800;overflow-wrap:anywhere}.flow-node__text,.flow-node__meta{color:var(--text-muted);line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.flow-node__meta{padding-top:7px;border-top:1px solid var(--border);font-size:11.5px}.flow-node__options{display:flex;flex-wrap:wrap;gap:5px}.flow-node__options span{padding:4px 7px;border-radius:999px;color:var(--text-2);background:color-mix(in srgb,var(--node-color) 12%,var(--surface-2));font-size:11px;font-weight:700}.flow-node .react-flow__handle{width:10px;height:10px;border:2px solid var(--surface);background:var(--node-color)}.code,.snippet{font-family:var(--font-mono);font-size:12px;color:#cbd5e1;background:#0f172a;border-radius:var(--r-sm);padding:13px 14px;display:block;overflow-x:auto;white-space:pre-wrap;word-break:break-all;line-height:1.6}.snippet-row{display:grid;gap:8px}.snippet-row .row{justify-content:flex-end}.settings-page{align-content:start}.settings-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-xs)}.settings-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);font-size:13px;font-weight:700;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.settings-tab:hover{background:var(--surface-2);color:var(--text)}.settings-tab.is-active{background:var(--primary-soft);color:var(--primary-700);border-color:var(--primary-soft-2)}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.settings-logo{display:grid;place-items:center;width:74px;height:74px;border-radius:var(--r);background:color-mix(in srgb,var(--brand-color) 15%,var(--surface-2));color:var(--brand-color);border:1px solid color-mix(in srgb,var(--brand-color) 24%,var(--border));font-size:20px;font-weight:800;overflow:hidden}.settings-logo img{width:100%;height:100%;object-fit:cover}.settings-kv,.settings-api-grid{display:grid;gap:8px;min-width:0}.settings-api-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-key{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.settings-key span{color:var(--text-muted);font-size:12px;font-weight:700}.settings-key code{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-2);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.settings-danger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--danger-soft);border-radius:var(--r-sm);background:color-mix(in srgb,var(--danger-soft) 48%,var(--surface))}.settings-danger div{display:grid;gap:2px}.settings-danger b{color:var(--danger-text);font-size:13px}.settings-danger span{color:var(--text-muted);font-size:12px}.settings-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.settings-catalog--dense{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.catalog-tile{display:grid;gap:12px;align-content:space-between;min-height:150px;padding:14px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);box-shadow:var(--shadow-xs)}.catalog-tile__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.catalog-tile__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);background:var(--surface);color:var(--primary);border:1px solid var(--border)}.catalog-tile b{display:block;color:var(--text);font-size:14px;line-height:1.25}.catalog-tile span:not(.badge):not(.catalog-tile__icon){display:block;margin-top:3px;color:var(--text-muted);font-size:12px}.settings-people{display:grid;gap:10px}.settings-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.settings-person b,.settings-person span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-person b{color:var(--text);font-size:13.5px}.settings-person span{color:var(--text-muted);font-size:12px}.settings-feature{display:flex;justify-content:flex-end}.settings-plan{display:grid;gap:12px}.settings-plan__name{color:var(--text);font-size:34px;line-height:1;font-weight:800;text-transform:capitalize}.settings-plan__meta{display:grid;gap:5px;color:var(--text-muted);font-size:12.5px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.tool-tile{display:grid;gap:13px;align-content:space-between;min-height:162px;padding:14px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);box-shadow:var(--shadow-xs)}.tool-tile__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-tile__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--primary)}.tool-tile__body{display:grid;gap:4px;min-width:0}.tool-tile__body b{color:var(--text);font-size:14px;line-height:1.3;overflow-wrap:anywhere}.tool-tile__body span{color:var(--text-muted);font-size:12px;font-weight:600}.inbox{display:grid;grid-template-columns:148px 250px minmax(330px,1fr) 268px;gap:10px;height:calc(100vh - 116px);min-height:480px;min-width:0}.content:has(>.inbox){max-width:none}.inbox-filterbar,.inbox-details{overflow-y:auto;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-xs)}.inbox-filterbar{padding:10px}.inbox-filterbar__group{display:grid;gap:4px}.inbox-filter,.inbox-minirow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font-size:13px;font-weight:600;padding:9px 10px;text-align:left}.inbox-filter:hover,.inbox-minirow:hover{background:var(--surface-2)}.inbox-filter.is-active{background:var(--primary-soft);color:var(--primary-700)}.inbox-filter b{font-size:12px;color:var(--text-muted)}.inbox-accordion{border-top:1px solid var(--border);margin-top:10px;padding-top:4px}.inbox-accordion summary{cursor:pointer;list-style:none;padding:10px;color:var(--text-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.inbox-accordion summary::-webkit-details-marker{display:none}.inbox-accordion__body{display:grid;gap:4px}.inbox__pane{display:flex;flex-direction:column;overflow:hidden;min-width:0}.inbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid var(--border)}.segmented{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.segmented button{border:0;border-radius:7px;background:transparent;padding:6px 10px;color:var(--text-muted);font-size:12px;font-weight:700}.segmented button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.segmented--compact button{padding-inline:9px}.inbox-toolbar__icons{display:inline-flex;align-items:center;gap:6px}.select-icon{position:relative;display:inline-flex;align-items:center}.select-icon svg{position:absolute;left:9px;color:var(--text-muted);pointer-events:none}.select-icon select{width:42px;min-width:42px;height:32px;padding:0 0 0 30px;border-radius:8px;color:transparent}.inbox-searchrow{padding:0 10px 10px;border-bottom:1px solid var(--border)}.inbox__list{overflow-y:auto;padding:10px;display:grid;gap:6px;align-content:start}.convo{display:grid;gap:4px;width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:var(--r);padding:11px 12px;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.convo:hover{background:var(--surface-2);transform:translate(2px)}.convo:active{transform:translate(2px) scale(.995)}.convo.is-active{background:var(--primary-soft);border-color:var(--primary-soft-2);box-shadow:inset 3px 0 0 var(--primary)}.convo.is-unread{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:linear-gradient(180deg,#f8fbff,var(--surface))}.convo__top{display:flex;align-items:center;gap:8px}.convo__avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(150deg,#6366f1,#0ea5e9);color:#fff;font-size:12px;font-weight:700;flex:none}.channel-avatar{--channel-color: #64748b;--channel-soft: #f1f5f9;position:relative;display:inline-grid;place-items:center;width:30px;height:30px;flex:none}.channel-avatar__base{width:100%;height:100%;background:linear-gradient(150deg,var(--channel-color),#0ea5e9)}.channel-avatar__mark{position:absolute;right:-5px;bottom:-4px;min-width:18px;height:16px;padding:0 3px;display:inline-grid;place-items:center;border:2px solid var(--surface);border-radius:999px;background:var(--channel-color);color:#fff;font-size:7px;font-weight:900;line-height:1;letter-spacing:0;box-shadow:var(--shadow-xs)}.channel-avatar--whatsapp,.channel-badge--whatsapp{--channel-color: #16a34a;--channel-soft: #dcfce7}.channel-avatar--instagram,.channel-badge--instagram{--channel-color: #c026d3;--channel-soft: #fae8ff}.channel-avatar--facebook,.channel-avatar--messenger,.channel-badge--facebook,.channel-badge--messenger{--channel-color: #2563eb;--channel-soft: #dbeafe}.channel-avatar--website,.channel-badge--website{--channel-color: #0f766e;--channel-soft: #ccfbf1}.channel-avatar--sms,.channel-badge--sms{--channel-color: #0891b2;--channel-soft: #cffafe}.channel-avatar--telegram,.channel-badge--telegram{--channel-color: #0284c7;--channel-soft: #e0f2fe}.channel-avatar--viber,.channel-avatar--viber_bm,.channel-badge--viber,.channel-badge--viber_bm{--channel-color: #7c3aed;--channel-soft: #ede9fe}.channel-avatar--tiktok,.channel-badge--tiktok{--channel-color: #111827;--channel-soft: #e5e7eb}.channel-avatar--voice,.channel-badge--voice{--channel-color: #ea580c;--channel-soft: #ffedd5}.channel-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;border:1px solid color-mix(in srgb,var(--channel-color) 25%,transparent);border-radius:var(--r-pill);background:var(--channel-soft);color:var(--channel-color);font-size:11px;font-weight:850;line-height:1;padding:3px 7px 3px 4px}.channel-badge__dot{display:inline-grid;place-items:center;min-width:19px;height:16px;padding:0 3px;border-radius:var(--r-pill);background:var(--channel-color);color:#fff;font-size:7px;font-weight:900;letter-spacing:0}.convo__name{font-weight:600;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.convo.is-unread .convo__name,.convo.is-unread .convo__preview{color:var(--text);font-weight:800}.convo__unread{width:8px;height:8px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);flex:none}.convo__time{font-size:11px;color:var(--text-subtle);flex:none}.convo__preview{font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:38px}.convo__meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding-left:38px}.chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;min-width:0}.chat__head{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:14px 18px;border-bottom:1px solid var(--border);min-width:0}.chat__head>.channel-badge,.chat__head>.badge{flex:none}.chat__badges{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none;min-width:0}.chat__head .channel-avatar{width:38px;height:38px}.chat__head .channel-avatar__base{font-size:14px}.chat__head .channel-avatar__mark{right:-6px;bottom:-4px}.inbox__back{display:none}.inbox__back svg{transform:rotate(180deg)}.chat__title{font-weight:700;font-size:14px}.chat__sub{font-size:12px;color:var(--text-muted)}.chat__assign{border:0;background:transparent;padding:0;color:var(--text-muted);font-size:12px;font-weight:600}.chat__assign:hover{color:var(--primary)}.chat__assign-select{width:100%;min-width:0;max-width:220px;height:30px;margin-top:4px;padding-top:4px;padding-bottom:4px;border-radius:8px;color:var(--text-2);font-size:12px;font-weight:700}.chat__notice{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:#ecfdf5;color:#047857;font-size:12px;font-weight:700;padding:7px 18px}.chat__notice.is-paused{background:#fff7ed;color:#9a3412}.chat__notice.is-blocked{background:#fef2f2;color:#b91c1c}.chat__notice button{flex:none;border:1px solid currentColor;border-radius:8px;background:#ffffffb8;color:inherit;font-size:11px;font-weight:850;padding:5px 8px}.chat-actions{position:relative;flex:none}.chat-actions__menu{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:grid;gap:3px;width:210px;padding:7px;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:var(--shadow-lg);transform-origin:top right;animation:menu-pop .16s var(--ease)}@keyframes menu-pop{0%{opacity:0;transform:translateY(-4px) scale(.97)}}.chat-actions__menu button{transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.chat-actions__menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:7px;background:transparent;color:var(--text-2);font-size:12px;font-weight:750;padding:8px 9px;text-align:left}.chat-actions__menu button:hover{background:var(--surface-2);color:var(--text)}.chat__body{overflow-y:auto;overflow-x:hidden;padding:18px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(600px 300px at 50% -5%,rgba(99,102,241,.04),transparent 60%),var(--surface-2)}.msg-date{align-self:center;color:var(--text-muted);font-size:11px;font-weight:800;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 10px}.msg{max-width:min(74%,560px);min-width:0;padding:10px 13px;border-radius:15px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 2px #0f172a0f,0 2px 8px -4px #0f172a14;animation:msg-in .22s var(--ease)}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}}.msg-attachments{display:grid;gap:5px;margin-top:8px}.msg-attachment{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;border-radius:8px;background:#0f172a0f;padding:5px 7px;font-size:12px;font-weight:700;overflow-wrap:anywhere}.msg--visitor .msg-attachment{background:#ffffff2e}.msg__who{display:block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;opacity:.7}.msg--bot{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:5px}.msg--visitor{align-self:flex-end;background:linear-gradient(180deg,var(--primary),var(--primary-600));color:#fff;border-bottom-right-radius:5px}.msg--visitor .msg__who{color:#fff}.msg--agent{align-self:flex-end;background:#ecfeff;border:1px solid #cffafe;color:#0e4e57;border-bottom-right-radius:5px}.msg--system{align-self:center;background:var(--surface-3);color:var(--text-muted);font-size:12px;max-width:88%;text-align:center;box-shadow:none}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 18px;border-top:1px solid var(--border);background:var(--surface);min-width:0}.composer--advanced{position:relative;grid-template-columns:1fr;gap:8px}.composer-input{position:relative;display:grid;min-width:0}.composer-input textarea{width:100%;min-height:44px;max-height:140px;padding-right:56px;resize:none;border-radius:12px;field-sizing:content;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.composer-input .composer-send{position:absolute;right:7px;bottom:7px;width:36px;height:36px;min-height:36px;padding:0;border-radius:11px;box-shadow:var(--shadow-primary);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),filter var(--dur) var(--ease)}.composer-input .composer-send:hover:not(:disabled){transform:scale(1.06);filter:brightness(1.04)}.composer-input .composer-send:active:not(:disabled){transform:scale(.95)}.composer-input:focus-within textarea{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.composer__bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;row-gap:6px;min-width:0}.composer__bar>.icon-btn{margin-left:auto}.composer__channel,.composer__note,.composer-menu button,.pipeline-add{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;color:var(--text-2);font-size:12px;font-weight:700;padding:7px 10px}.composer__channel{display:inline-flex;align-items:center;padding:4px 6px;min-width:0;max-width:45%}.composer__note{display:inline-flex;align-items:center;gap:6px}.composer__bar .btn{margin-left:auto;flex:none}.composer-attachment{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:7px 9px;color:var(--text-2);font-size:12px;font-weight:700}.composer-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-attachment small{color:var(--text-muted);font-weight:700}.composer-attachment button{border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:800}.composer-menu{position:absolute;right:64px;bottom:56px;display:grid;gap:6px;min-width:150px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:var(--shadow-lg);z-index:5;transform-origin:bottom right;animation:menu-pop .16s var(--ease)}.composer>.btn{width:44px;padding:0}.inbox-details{padding:12px}.contact-card{display:grid;justify-items:center;gap:6px;padding:10px 6px 16px;border-bottom:1px solid var(--border);text-align:center}.contact-card__avatar{width:72px;height:72px;font-size:22px}.contact-card__avatar .channel-avatar__base{font-size:22px}.contact-card__avatar .channel-avatar__mark{right:0;bottom:2px;min-width:24px;height:20px;font-size:8px}.contact-card>span:not(.channel-avatar):not(.channel-badge){color:var(--text-muted);font-size:12px;font-weight:700}.contact-card .channel-badge{color:var(--channel-color)}.contact-card .channel-badge__dot{color:#fff}.contact-facts{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--border)}.contact-facts div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:6px 0;font-size:12px}.contact-facts span{color:var(--text-muted)}.contact-facts b{min-width:0;color:var(--text-2);font-weight:700;overflow-wrap:anywhere}.contact-note{margin:12px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-muted);font-size:12px;padding:10px}.side-section{display:grid;gap:10px;padding:12px 0;border-top:1px solid var(--border)}.side-section__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.side-section__head b,.side-collapse summary{color:var(--text);font-size:13px;font-weight:800}.side-section__head button{border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:800}.side-section__head button:disabled{color:var(--text-muted);cursor:not-allowed}.chip-wrap{display:flex;flex-wrap:wrap;gap:6px}.empty-line{color:var(--text-muted);font-size:12px}.pipeline-card{display:grid;gap:7px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px;box-shadow:var(--shadow-xs)}.pipeline-card b{color:var(--text);font-size:13px}.pipeline-card span{color:var(--text-muted);font-size:12px}.pipeline-card__meta{display:flex;justify-content:space-between;gap:8px}.pipeline-add{width:100%}.note-list,.media-list,.event-list{display:grid;gap:8px}.note-card,.media-row,.event-row{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:9px}.note-card p{margin:7px 0 0;color:var(--text-2);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.note-card .row span{color:var(--text-muted);font-size:11px;font-weight:700}.media-row,.event-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--text-2);font-size:12px;font-weight:750}.media-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-row small{color:var(--text-muted);font-weight:700}.event-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.event-row svg{margin-top:2px;color:var(--primary)}.event-row.is-error svg{color:var(--danger)}.event-row b,.event-row span{display:block}.event-row b{color:var(--text);font-size:12px}.event-row span{color:var(--text-muted);font-size:11.5px;line-height:1.35;overflow-wrap:anywhere}.side-collapse{border-top:1px solid var(--border);padding:12px 0}.side-collapse summary{cursor:pointer;list-style:none}.side-collapse summary::-webkit-details-marker{display:none}.media-tabs{display:grid;gap:6px;margin:10px 0}.media-tabs button{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:700;padding:8px 10px}.media-tabs button.is-active{border-color:var(--primary-soft-2);background:var(--primary-soft);color:var(--primary-700)}.check.compact{padding:8px 0;border:0;background:transparent}.wpreview{--wp: var(--primary);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow);max-width:340px;margin:0 auto;background:var(--surface)}.wpreview__head{display:flex;align-items:center;gap:11px;padding:14px 16px;background:var(--wp);color:#fff}.wpreview__head .dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #4ade8040}.wpreview__av{width:34px;height:34px;border-radius:50%;background:#fff3;display:grid;place-items:center}.wpreview__body{padding:16px;display:grid;gap:10px;background:var(--surface-2)}.wpreview__bubble{background:var(--surface);border:1px solid var(--border);border-radius:12px 12px 12px 4px;padding:10px 12px;font-size:13px;color:var(--text-2);max-width:85%;box-shadow:var(--shadow-xs)}.wpreview__chips{display:flex;gap:6px;flex-wrap:wrap}.wpreview__chip{font-size:11.5px;font-weight:600;border-radius:var(--r-pill);padding:6px 11px;border:1px solid color-mix(in srgb,var(--wp) 35%,#fff);color:var(--wp);background:color-mix(in srgb,var(--wp) 8%,#fff)}.wpreview__foot{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:center}.wpreview__foot .fake-input{flex:1;height:36px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface)}.wpreview__send{width:36px;height:36px;border-radius:50%;background:var(--wp);display:grid;place-items:center;color:#fff;flex:none}.empty{display:grid;place-items:center;align-content:center;text-align:center;gap:6px;padding:48px 24px;min-height:220px}.empty__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--primary-soft);color:var(--primary);margin-bottom:6px}.empty__title{font-size:15px;font-weight:700;color:var(--text)}.empty__text{font-size:13px;color:var(--text-muted);max-width:320px}.banner-error{display:flex;align-items:flex-start;gap:10px;background:var(--danger-soft);color:var(--danger-text);border:1px solid #fecaca;border-radius:var(--r-sm);padding:11px 13px;font-size:13px;font-weight:500}.banner-error svg{flex:none;margin-top:1px}.app-loading{min-height:100vh;display:grid;place-items:center;gap:14px;align-content:center;color:var(--text-muted)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--primary-soft-2);border-top-color:var(--primary);animation:spin .7s linear infinite}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{position:relative;overflow:hidden;background:var(--surface-3);border-radius:8px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translate(-100%);animation:shimmer 1.4s infinite}.skeleton--line{height:12px;margin:7px 0}.skeleton--row{height:48px;margin-bottom:8px}@keyframes shimmer{to{transform:translate(100%)}}.toasts{position:fixed;right:20px;bottom:20px;display:grid;gap:10px;z-index:9000;max-width:min(360px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;gap:11px;background:#0f172a;color:#e2e8f0;border-radius:var(--r);padding:13px 14px;box-shadow:var(--shadow-lg);font-size:13px;animation:toast-in .26s var(--ease);border:1px solid rgba(255,255,255,.08)}.toast__icon{flex:none;margin-top:1px}.toast--success .toast__icon{color:#4ade80}.toast--error .toast__icon{color:#f87171}.toast--info .toast__icon{color:#60a5fa}.toast b{display:block;margin-bottom:1px;color:#fff}.toast span{color:#cbd5e1}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.fade-in{animation:fade-in .24s var(--ease)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}@media(max-width:1365px){.inbox{grid-template-columns:148px minmax(240px,300px) minmax(0,1fr)}.inbox-details{display:none}}@media(max-width:1100px){.grid-2,.grid-2--rev,.integrations-layout{grid-template-columns:1fr}.inbox{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.inbox-filterbar,.inbox-details{display:none}.flow-meta-grid,.flow-designer{grid-template-columns:1fr}.flow-palette,.flow-inspector{max-height:none;border:0}.flow-palette{border-bottom:1px solid var(--border)}.flow-inspector{border-top:1px solid var(--border)}.flow-palette__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.flow-canvas{min-height:520px}}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;width:280px;transform:translate(-100%);transition:transform .28s var(--ease);box-shadow:var(--shadow-lg)}.shell.nav-open .sidebar{transform:translate(0)}.shell.nav-open .scrim{display:block}.hamburger{display:inline-grid}.topbar{padding:12px 16px}.content{padding:16px}.inbox{grid-template-columns:1fr;height:auto;min-height:0}.inbox-filterbar{display:block}.inbox__pane{height:auto}.inbox__list{max-height:360px}.chat{min-height:60vh}.builder-grid{grid-template-columns:1fr}.stage-row{grid-template-columns:auto minmax(0,1fr) 72px auto}.stage-row input[type=color]{grid-column:2 / 4}.settings-form-grid,.settings-api-grid,.settings-identity{grid-template-columns:1fr}.settings-danger{align-items:stretch;flex-direction:column}.inbox[data-mobile-view=list] .inbox__chat,.inbox[data-mobile-view=list] .inbox-details,.inbox[data-mobile-view=chat] .inbox__listpane,.inbox[data-mobile-view=chat] .inbox-filterbar{display:none}.inbox__back{display:inline-grid}.auth{grid-template-columns:1fr}.auth__hero{display:none}}@media(max-width:520px){.topbar__title{font-size:17px}.ws-switcher select{max-width:130px}.msg{max-width:88%}.settings-tab{flex:1 1 130px}.settings-key,.settings-person{grid-template-columns:1fr auto}.settings-key span,.settings-person .convo__avatar{grid-column:1 / -1}.toasts{right:12px;left:12px;bottom:12px;max-width:none}}@media(prefers-reduced-motion:reduce){*,*:after,*:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;background:#080c1680;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:fade-in .16s var(--ease)}.modal{width:min(520px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:toast-in .2s var(--ease)}.modal--wide{width:min(760px,100%)}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.modal__head h3{font-size:16px;font-weight:700;letter-spacing:-.01em}.modal__body{padding:20px;overflow-y:auto}.modal__foot{padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg)}.connector-result{border-radius:var(--r-sm);padding:10px 12px;font-size:13px;font-weight:500}.connector-result b,.connector-result span{display:block}.connector-result span{margin-top:4px;line-height:1.45}.connector-result.is-ok{background:var(--success-soft);color:var(--success-text)}.connector-result.is-bad{background:var(--danger-soft);color:var(--danger-text)}.team-row{padding:14px 16px;border-bottom:1px solid var(--border)}.team-row:last-child{border-bottom:0}.team-dot{width:12px;height:12px;border-radius:4px;display:inline-block}.member-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 6px 4px 11px;font-size:12.5px;font-weight:500}.member-chip button{display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:50%;background:var(--border);color:var(--text-muted)}.member-chip button:hover{background:var(--danger-soft);color:var(--danger)}.hours-grid{display:grid;gap:4px}.hours-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm)}.hours-row:hover{background:var(--surface-2)}.hours-row.is-off{opacity:.55}.hours-row input[type=time]{width:auto;min-width:120px}.billing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.plan-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.plan-card.is-current{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.plan-card b{display:block;font-size:15px;font-weight:700}.plan-card span{font-size:13px;color:var(--text-muted)}.lifecycle-grid{display:grid;gap:6px;margin-bottom:12px}.lifecycle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px}.lifecycle-row>span{color:var(--text-muted)}.lifecycle-row b{font-weight:600;color:var(--text-2);text-align:right}.history-block{display:grid;gap:7px;padding-top:10px;margin-top:8px;border-top:1px solid var(--border)}.history-block>b{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle)}.history-row{display:flex;align-items:flex-start;gap:9px}.history-row__dot{width:7px;height:7px;border-radius:50%;background:var(--primary);margin-top:5px;flex:none}.history-row>div{display:grid;gap:1px;min-width:0}.history-row span{font-size:12.5px;color:var(--text-2);text-transform:capitalize}.history-row small{font-size:11px;color:var(--text-subtle)}.field-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-label{font-size:12.5px;font-weight:600;color:var(--text-2);letter-spacing:.01em}.automation,.automation>.stack{grid-template-columns:minmax(0,1fr)}.automation-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--r-lg);background:radial-gradient(120% 140% at 0% 0%,var(--primary-soft) 0%,transparent 55%),var(--surface)}.automation-hero__intro{min-width:0}.automation-hero__title{margin:0 0 4px;font-size:18px;font-weight:800;color:var(--text)}.automation-hero__text{margin:0;max-width:60ch;font-size:13px;line-height:1.5;color:var(--text-muted)}.automation-hero__text strong{color:var(--text-2);font-weight:700}.automation-hero__stats{display:flex;gap:10px;flex:none}.automation-stat{display:grid;justify-items:center;gap:1px;min-width:74px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--primary)}.automation-stat strong{font-size:18px;font-weight:800;color:var(--text)}.automation-stat span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.automation-tabs{display:flex;gap:4px;min-width:0;padding:5px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);overflow-x:auto;scrollbar-width:none}.automation-tabs::-webkit-scrollbar{display:none}.automation-tab{display:inline-flex;align-items:center;gap:8px;flex:1 0 auto;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.automation-tab:hover{color:var(--text-2);background:var(--surface)}.automation-tab.is-active{color:var(--primary-700);background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-xs)}.automation-tab__count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--surface-3);color:var(--text-2);font-size:11px;font-weight:800}.automation-tab.is-active .automation-tab__count{background:var(--primary-soft);color:var(--primary-700)}.flow-actions-bar{flex-wrap:wrap;gap:12px}.flow-palette__scroll{display:grid;gap:14px}.flow-palette__group{display:grid;gap:8px}.flow-palette__group-head{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.inspector-hint{display:flex;align-items:flex-start;gap:7px;margin:0;padding:9px 11px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);font-size:12px;line-height:1.45;color:var(--text-muted)}.inspector-hint svg{flex:0 0 auto;margin-top:1px;color:var(--primary)}.inspector-advanced{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.inspector-advanced>summary{padding:9px 11px;font-size:12px;font-weight:700;color:var(--text-2);cursor:pointer;list-style:none}.inspector-advanced>summary::-webkit-details-marker{display:none}.inspector-advanced>summary:before{content:"▸";margin-right:7px;color:var(--text-muted)}.inspector-advanced[open]>summary:before{content:"▾"}.inspector-advanced>.field{padding:0 11px 11px}.rule-actions__bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.check--sm{padding:6px 10px;font-size:12px;font-weight:600}.rule-actions{display:grid;gap:10px}.rule-action{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.rule-action.is-active{border-color:var(--primary-soft-2);background:var(--surface);box-shadow:var(--shadow-xs)}.rule-action__head{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--text-2);cursor:pointer}.rule-action__head input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary)}.rule-action__icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:var(--r-sm);background:var(--primary-soft);color:var(--primary-700)}.rule-action__label{min-width:0}.rule-action__hint{margin:-4px 0 0 38px;font-size:12px;line-height:1.4;color:var(--text-muted)}.rule-action__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-left:38px}.rule-action__fields .field:only-child{grid-column:1 / -1}.pipeline-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:12px}.pipeline-stage-card{--stage-color: var(--primary);display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-top:4px solid var(--stage-color);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-xs)}.pipeline-stage-card__top{display:flex;align-items:center;justify-content:space-between}.pipeline-stage-card__name{font-weight:700}.pipeline-stage-card__row{display:flex;align-items:center;gap:10px}.pipeline-stage-card__prob{display:grid;gap:4px;flex:1 1 auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.pipeline-stage-card__row input[type=color]{width:46px;height:40px;flex:none;align-self:end}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:16px}.template-card{display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.template-card:hover{border-color:var(--primary-soft-2);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.template-card__icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--r-sm);background:var(--primary-soft);color:var(--primary-700)}.template-card__body{display:grid;gap:7px;align-content:start}.template-card__title{margin:0;font-size:14.5px;font-weight:800;color:var(--text)}.template-card__text{margin:0;font-size:12.5px;line-height:1.5;color:var(--text-muted)}.template-card__tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.template-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.logs-empty{display:grid;justify-items:center;gap:10px;max-width:540px;margin:0 auto;padding:36px 24px;text-align:center}.logs-empty__icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:999px;background:var(--surface-3);color:var(--text-muted)}.logs-empty__title{margin:0;font-size:16px;font-weight:800;color:var(--text)}.logs-empty__text{margin:0;font-size:13px;line-height:1.6;color:var(--text-muted)}.logs-empty__text strong{color:var(--text-2)}@media(max-width:1100px){.automation-hero{flex-direction:column;align-items:flex-start}.automation-hero__stats{width:100%}.automation-stat{flex:1 1 0}}@media(max-width:720px){.field-grid-2,.rule-action__fields{grid-template-columns:1fr}.automation-tab{flex:0 0 auto}.template-grid,.pipeline-board{grid-template-columns:1fr}}.msg__meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-top:5px;font-size:10.5px;font-weight:700;opacity:.78}.msg__meta time{font-variant-numeric:tabular-nums}.msg__flag{display:inline-flex;align-items:center;gap:4px;padding:1.5px 7px;border-radius:999px;background:#0f172a12;font-size:10px;letter-spacing:.02em;text-transform:uppercase}.msg--visitor .msg__flag{background:#ffffff38}.msg__flag--fail{background:#fee2e2;color:#b91c1c}.msg--note{align-self:flex-end;background:#fefce8;border:1px solid #fde68a;color:#713f12;border-bottom-right-radius:5px}.msg--note .msg__who{color:#a16207}.automation-panel{animation:panel-in .24s var(--ease)}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}}