*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111b21;background:#f0f2f5;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{width:100%;height:100vh}:focus-visible{outline-offset:2px;outline:2px solid #00a884}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-flow{--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:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--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:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--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:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--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 #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.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:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--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:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--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:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--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 #00000014;--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{width:100%;height:100%;position:absolute;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{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.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;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:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.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:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;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%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;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{z-index:5;margin:15px;position:absolute}.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{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.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{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.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{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;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));padding:10px;font-size:12px}.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{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.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-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.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))}.app-layout{height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.app{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:380px;min-width:320px;max-width:420px;height:100%;min-height:0;transition:transform .2s;display:flex}.sidebar-header{color:#fff;background:#00a884;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sidebar-header h1{color:#fff;margin:0;font-size:18px;font-weight:600}.sidebar-actions{align-items:center;gap:8px;display:flex}.refresh-btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50%;padding:6px;font-size:16px;transition:background .15s}.refresh-btn:hover{background:#fff3}.filters{background:#f0f2f5;border-bottom:1px solid #e5e7eb;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.search-input,.status-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}.search-input:focus,.status-filter:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a88426}.conversation-list{flex:1;min-height:0;overflow:hidden auto}.list-count{color:#667781;border-bottom:1px solid #f0f2f5;padding:8px 16px;font-size:12px}.conversation-row{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f0f2f5;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;font-family:inherit;transition:background .1s;display:flex}.conversation-row:hover{background:#f5f6f6}.conversation-row:focus{background:#e7fce3;outline:none}.conversation-row:focus-visible{background:#e7fce3;box-shadow:inset 3px 0 #00a884}.conversation-row.selected{background:#e7fce3;border-left:3px solid #00a884}.conversation-row.unread{background:#f0fdf4}.conversation-row.unread .conversation-name{font-weight:700}.conversation-avatar{color:#54656f;background:#dfe5e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.conversation-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.conversation-header{justify-content:space-between;align-items:baseline;display:flex}.conversation-name{color:#111b21;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;overflow:hidden}.conversation-time{color:#667781;flex-shrink:0;margin-left:8px;font-size:12px}.conversation-row.unread .conversation-time{color:#25d366}.conversation-preview{overflow:hidden}.conversation-message{color:#667781;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.conversation-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-pending{color:#92400e;background:#fef3c7}.badge-assigned{color:#065f46;background:#d1fae5}.badge-resolved{color:#3730a3;background:#e0e7ff}.operator-badge{color:#667781;font-size:11px}.unread-badge{color:#fff;background:#25d366;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.main-panel{background:#efeae2 url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d9d3cc' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-panel{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative}.chat-panel.empty-state{color:#667781;text-align:center;justify-content:center;align-items:center;padding:40px}.empty-icon{margin-bottom:16px;font-size:48px}.chat-panel h2{color:#3b4a54;margin:0 0 8px;font-size:18px;font-weight:500}.chat-panel p{color:#667781;font-size:14px}.chat-header{background:#f0f2f5;border-bottom:1px solid #d1d7db;flex-shrink:0;width:100%;padding:12px 16px}.back-btn{color:#00a884;cursor:pointer;background:0 0;border:none;margin-bottom:4px;padding:4px 8px;font-size:14px;display:none}.chat-header-info{align-items:center;gap:12px;display:flex}.chat-avatar{color:#54656f;background:#dfe5e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.chat-header-text{flex:1;min-width:0}.chat-name{color:#111b21;margin:0 0 2px;font-size:16px;font-weight:500}.chat-meta{align-items:center;gap:8px;display:flex}.chat-operator,.chat-phone{color:#667781;font-size:12px}.message-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding:16px;display:flex;overflow-y:auto}.message-list.empty{justify-content:center;align-items:center}.empty-chat{text-align:center;color:#667781}.empty-chat-icon{margin-bottom:12px;font-size:48px;display:block}.message-bubble{border-radius:8px;max-width:65%;margin-bottom:2px;padding:6px 8px 2px;position:relative}.message-bubble.customer{background:#fff;border-top-left-radius:0;align-self:flex-start}.message-bubble.customer.grouped{border-top-left-radius:8px}.message-bubble.operator{background:#d9fdd3;border-top-right-radius:0;align-self:flex-end}.message-bubble.operator.grouped{border-top-right-radius:8px}.message-bubble.failed{opacity:.7}.message-actor{align-items:center;gap:6px;margin-bottom:2px;display:flex}.message-sender-name{color:#667781;font-size:12px;font-weight:500}.message-content{flex-direction:column;display:flex}.message-text{color:#111b21;word-break:break-word;font-size:14px;line-height:1.4}.message-image{margin-bottom:4px}.message-image-img{cursor:pointer;object-fit:cover;border-radius:8px;max-width:300px;max-height:400px}.message-image-img:hover{opacity:.9}.message-footer{justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;display:flex}.message-time{color:#667781;font-size:11px}.message-status{font-size:12px}.status-sent,.status-delivered{color:#667781}.status-read{color:#53bdeb}.status-failed{color:#ea0038}.image-placeholder{text-align:center;background:#f0f2f5;border-radius:8px;margin:4px 0;padding:16px}.image-placeholder-icon{margin-bottom:4px;font-size:32px}.image-placeholder-text{color:#667781;font-size:12px;display:block}.image-placeholder-url{color:#667781;word-break:break-all;margin-top:4px;font-size:10px;display:block}.chat-input{background:#f0f2f5;border-top:1px solid #d1d7db;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;display:flex}.chat-input-field{background:#fff;border:1px solid #d1d7db;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:14px;transition:border-color .15s}.chat-input-field:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a88426}.chat-input-field:disabled{opacity:.6}.send-btn{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .15s;display:flex}.send-btn:hover{background:#008f72}.send-btn:disabled{opacity:.5;cursor:not-allowed}.load-more{text-align:center;padding:12px 16px}.load-more-btn{color:#3b4a54;cursor:pointer;background:#f0f2f5;border:1px solid #d1d7db;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:background .15s;display:inline-flex}.load-more-btn:hover{background:#e9edef}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.spinner.small{border-width:2px;width:16px;height:16px}.user-menu{position:relative}.user-menu-trigger{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;transition:background .15s;display:flex}.user-menu-trigger:hover{background:#fff3}.user-avatar{background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;overflow:hidden}.user-chevron{font-size:10px}.user-menu-dropdown{z-index:100;background:#fff;border-radius:8px;min-width:220px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 2px 12px #00000026}.user-menu-info{padding:16px}.user-menu-name{color:#111b21;margin-bottom:4px;font-weight:600}.user-menu-email{color:#667781;margin-bottom:4px;font-size:13px}.user-menu-role{color:#00a884;text-transform:uppercase;font-size:12px}.user-menu-divider{border:none;border-top:1px solid #e9edef;margin:0}.user-menu-logout{text-align:left;color:#ea0038;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-size:14px;display:block}.user-menu-logout:hover{background:#f5f6f6}.loading-state,.error-state,.empty-state{color:#667781;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.error-state{color:#ea0038}.retry-btn{color:#ea0038;cursor:pointer;background:0 0;border:1px solid #ea0038;border-radius:6px;margin-top:8px;padding:6px 16px;font-size:13px}.retry-btn:hover{background:#fef2f2}.spinner{border:3px solid #d1d7db;border-top-color:#00a884;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{background:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 2px 12px #0000001a}.login-logo{margin-bottom:32px}.login-icon{margin-bottom:12px;font-size:48px;display:block}.login-logo h1{color:#111b21;margin:0 0 8px;font-size:24px;font-weight:600}.login-logo p{color:#667781;margin:0;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.field{text-align:left}.field label{color:#3b4a54;margin-bottom:4px;font-size:13px;font-weight:500;display:block}.field input{border:1px solid #d1d7db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s}.field input:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a88426}.login-error{color:#ea0038;background:#fef2f2;border-radius:6px;padding:8px 12px;font-size:13px}.login-btn{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:500;transition:background .15s}.login-btn:hover{background:#008f72}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-hint{color:#667781;margin-top:16px;font-size:12px}.mobile-back-overlay{display:none}@media (width<=768px){.nav-bar{display:none}.sidebar{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.sidebar.closed{transform:translate(-100%)}.main-panel{width:100%}.main-panel.visible{display:flex}.back-btn{display:block}.mobile-back-overlay{z-index:5;cursor:pointer;background:#0000004d;border:none;width:100%;height:100%;display:block;position:fixed;top:0;left:0}.user-name{display:none}}.nav-bar{background:#111b21;border-right:1px solid #222d34;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:4px;width:50px;height:100%;padding:12px 0;display:flex}.nav-item{cursor:pointer;color:#aebac1;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#e9edef;background:#2a3942}.nav-item.active{color:#00a884;background:#2a3942}.config-panel{flex-direction:column;align-items:stretch}.prompt-editor{background:#f0f2f5;flex-direction:column;gap:16px;height:100%;padding:20px 24px;display:flex}.prompt-header{justify-content:space-between;align-items:center;display:flex}.prompt-header h2{color:#111b21;margin:0;font-size:18px;font-weight:600}.prompt-actions{gap:8px;display:flex}.prompt-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}.prompt-btn.primary{color:#fff;background:#00a884}.prompt-btn.primary:hover{background:#00906e}.prompt-btn.primary:disabled{cursor:not-allowed;background:#86d4b8}.prompt-btn.secondary{color:#374151;background:#e5e7eb}.prompt-btn.secondary:hover{background:#d1d5db}.prompt-notice{color:#92400e;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:10px 14px;font-size:13px}.prompt-error{color:#991b1b;background:#fee2e2;border:1px solid #f87171;border-radius:8px;padding:10px 14px;font-size:13px}.prompt-textarea{color:#111b21;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;flex:1;min-height:400px;padding:16px;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6;transition:border-color .15s}.prompt-textarea:focus{border-color:#00a884}.prompt-textarea:read-only{color:#6b7280;cursor:not-allowed;background:#f9fafb}.prompt-footer{color:#6b7280;justify-content:space-between;align-items:center;font-size:12px;display:flex}.prompt-variable code{background:#e5e7eb;border-radius:4px;padding:2px 6px;font-size:11px}.prompt-status{border-radius:12px;padding:4px 10px;font-weight:500}.prompt-status.custom{color:#065f46;background:#d1fae5}.prompt-status.default{color:#374151;background:#e5e7eb}.prompt-loading{color:#6b7280;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}.template-manager{background:#f0f2f5;flex-direction:column;gap:16px;height:100%;padding:20px 24px;display:flex;overflow-y:auto}.template-header{justify-content:space-between;align-items:center;display:flex}.template-header h2{color:#111b21;margin:0;font-size:18px;font-weight:600}.template-loading,.template-empty{text-align:center;color:#6b7280;padding:40px 20px;font-size:14px}.template-list{flex-direction:column;gap:12px;display:flex}.template-card{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 1px 2px #0000000f}.template-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.template-name{color:#111b21;font-family:monospace;font-size:14px;font-weight:600}.template-status{border-radius:10px;margin-left:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.status-approved{color:#166534;background:#dcfce7}.status-pending{color:#92400e;background:#fef3c7}.status-rejected{color:#991b1b;background:#fee2e2}.status-disabled{color:#6b7280;background:#e5e7eb}.template-meta{color:#6b7280;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.template-body-preview{color:#374151;white-space:pre-wrap;font-size:13px;line-height:1.5}.template-buttons-preview{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.template-btn-pill{color:#0369a1;background:#e0f2fe;border-radius:14px;padding:4px 12px;font-size:12px}.template-delete{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px;font-size:16px;transition:opacity .15s}.template-delete:hover{opacity:1}.template-form{background:#fff;border-radius:10px;flex-direction:column;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 2px #0000000f}.template-form-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}@media (width<=768px){.template-form-grid{grid-template-columns:1fr}}.form-field{flex-direction:column;gap:4px;display:flex}.form-field label{color:#374151;text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#00a884;outline:none}.form-hint{color:#9ca3af;font-size:11px}.template-btn-actions{gap:8px;margin-bottom:6px;display:flex}.template-btn-row{align-items:center;gap:8px;margin-top:6px;display:flex}.template-btn-type{color:#6b7280;min-width:60px;font-size:11px}.template-btn-row input{border:1px solid #d1d5db;border-radius:6px;flex:1;padding:6px 10px;font-size:13px}.template-btn-row input:focus{border-color:#00a884;outline:none}.template-btn-remove{cursor:pointer;color:#ef4444;background:0 0;border:none;padding:4px;font-size:14px}.template-examples{flex-direction:column;gap:6px;margin-top:8px;display:flex}.template-examples label{color:#d97706;text-transform:uppercase;font-size:11px;font-weight:600}.template-example-row{align-items:center;gap:8px;display:flex}.template-example-var{color:#0369a1;min-width:40px;font-family:monospace;font-size:12px;font-weight:600}.template-example-row input{background:#fffbeb;border:1px solid #fbbf24;border-radius:6px;flex:1;padding:6px 10px;font-size:13px}.template-example-row input:focus{border-color:#d97706;outline:none}.template-form-actions{justify-content:flex-end;padding-top:4px;display:flex}.contact-manager{flex-direction:column;flex:1;gap:12px;min-height:0;padding:24px max(16px,50% - 400px);display:flex;overflow-y:auto}.contact-list{flex-direction:column;gap:12px;display:flex}.contact-card{background:var(--bg-secondary,#f9f9f9);border:1px solid var(--border,#e0e0e0);border-radius:10px;padding:16px}.contact-card-header{align-items:center;gap:12px;display:flex}.contact-avatar{color:#fff;background:#25d366;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.contact-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.contact-name{font-size:15px;font-weight:600}.contact-phone,.contact-email{color:var(--text-secondary,#666);font-size:13px}.contact-actions{gap:4px;display:flex}.contact-action-btn{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px;transition:opacity .15s}.contact-action-btn:hover{opacity:1;background:#0000000d}.contact-action-btn.danger:hover{background:#dc26261a}.contact-action-btn.send-tpl{opacity:.9;font-size:18px}.contact-action-btn.send-tpl:hover{background:#25d36626}.contact-edit-form{border-top:1px solid var(--border,#e0e0e0);flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;display:flex}.contact-edit-form .form-field{flex-direction:column;gap:4px;display:flex}.contact-edit-form input{border:1px solid var(--border,#ddd);border-radius:6px;padding:8px 10px;font-size:14px}.template-send-btn{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:20px;transition:opacity .15s}.template-send-btn:hover{opacity:1;background:#0000000d}.template-dialog{background:var(--bg-primary,#fff);border:1px solid var(--border,#e0e0e0);z-index:100;border-radius:12px;max-height:400px;padding:16px;position:absolute;bottom:60px;left:16px;right:16px;overflow-y:auto;box-shadow:0 4px 20px #00000026}.template-dialog-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.template-dialog-header h3{margin:0;font-size:16px}.template-dialog-close{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:18px}.template-dialog-close:hover{opacity:1;background:#0000000d}.template-dialog-list{flex-direction:column;gap:6px;display:flex}.template-dialog-item{background:var(--bg-secondary,#f5f5f5);border:1px solid var(--border,#e0e0e0);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .15s;display:flex}.template-dialog-item:hover{background:var(--bg-hover,#eee)}.template-dialog-item-name{font-size:14px;font-weight:500}.template-dialog-item-lang{color:var(--text-secondary,#888);font-size:12px}.template-dialog-back{color:var(--accent,#25d366);cursor:pointer;background:0 0;border:none;margin-bottom:8px;padding:0;font-size:13px}.template-dialog-back:hover{text-decoration:underline}.template-dialog-body{background:var(--bg-secondary,#f5f5f5);border-radius:8px;margin-bottom:10px;padding:12px}.template-dialog-body strong{font-size:14px}.template-dialog-text{color:var(--text-secondary,#555);white-space:pre-wrap;margin:6px 0 0;font-size:13px}.template-dialog-params{flex-direction:column;gap:6px;display:flex}.template-dialog-params label{color:var(--text-secondary,#666);font-size:13px;font-weight:600}.flow-create{flex-flow:wrap;align-items:flex-end}.flow-create .form-field{flex:240px}.flow-empty p{max-width:60ch;margin:0 auto 8px;line-height:1.5}.flow-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.flow-card{background:#fff;border-radius:10px;align-items:flex-start;padding-right:6px;transition:box-shadow .15s;display:flex;box-shadow:0 1px 2px #0b141a14}.flow-card:hover{box-shadow:0 2px 8px #0b141a1f}.flow-card-main{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.flow-card-main:focus-visible{outline-offset:-2px;outline:2px solid #00a884}.flow-card .template-delete{margin-top:10px}.flow-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.flow-card-name{color:#111b21;overflow-wrap:anywhere;font-size:14.5px;font-weight:600}.flow-state{border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.flow-state.is-active{color:#0a6b4f;background:#d9fdd3}.flow-state.is-draft{color:#54656f;background:#e9edef}.flow-card-trigger{color:#3b4a54;font-size:13px}.flow-card-meta{color:#667781;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.flow-card-issues{color:#b54708}.flow-editor{background:#f0f2f5;flex-direction:column;flex:1;min-height:0;display:flex}.fe-message{color:#667781;justify-content:center;align-items:center;gap:12px;font-size:14px}.fe-bar{background:#fff;border-bottom:1px solid #e9edef;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 16px;display:flex}.fe-back{color:#54656f;cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;font-size:18px}.fe-back:hover{background:#f0f2f5}.fe-name{min-width:0;max-width:360px;font:inherit;color:#111b21;background:0 0;border:1px solid #0000;border-radius:6px;flex:180px;padding:6px 8px;font-size:16px;font-weight:600}.fe-name:hover{border-color:#d1d7db}.fe-name:focus{border-color:#00a884;outline:none}.fe-tabs{background:#f0f2f5;border-radius:8px;padding:3px;display:flex}.fe-tabs button{font:inherit;color:#54656f;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.fe-tabs button.is-on{color:#111b21;background:#fff;font-weight:500;box-shadow:0 1px 2px #0b141a1a}.fe-status{color:#667781;margin-left:auto;font-size:12px}.fe-status.is-dirty{color:#b54708}.fe-status.is-error{color:#d0453a}.fe-toggle{color:#111b21;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex;position:relative}.fe-toggle input{opacity:0;width:1px;height:1px;position:absolute}.fe-toggle-track{background:#c5ccd0;border-radius:10px;width:34px;height:20px;transition:background .15s;position:relative}.fe-toggle-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.fe-toggle input:checked+.fe-toggle-track{background:#00a884}.fe-toggle input:checked+.fe-toggle-track:after{transform:translate(14px)}.fe-toggle input:focus-visible+.fe-toggle-track{outline-offset:2px;outline:2px solid #00a884}.fe-toggle input:disabled+.fe-toggle-track{opacity:.6}.fe-body{flex:1;grid-template-columns:200px minmax(0,1fr) 320px;min-height:0;display:grid}.fe-canvas{min-height:0;position:relative}.fe-canvas .react-flow__attribution{background:0 0}.fe-palette{background:#fff;border-right:1px solid #e9edef;flex-direction:column;gap:6px;padding:12px;display:flex;overflow-y:auto}.fe-palette-title,.fi-label{color:#374151;text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:600}.fe-palette-title{margin-bottom:2px}.fe-palette-item{font:inherit;text-align:left;cursor:grab;background:#fff;border:1px solid #e9edef;border-radius:8px;align-items:flex-start;gap:8px;padding:8px;transition:border-color .15s,background .15s;display:flex}.fe-palette-item:hover{border-color:var(--tone);background:color-mix(in srgb, var(--tone) 5%, #fff)}.fe-palette-item:focus-visible{outline:2px solid var(--tone);outline-offset:1px}.fe-palette-text{flex-direction:column;min-width:0;display:flex}.fe-palette-text strong{color:#111b21;font-size:12.5px;font-weight:600}.fe-palette-text small{color:#667781;font-size:11px;line-height:1.35}.fnode-start{--tone:#00a884}.fnode-message{--tone:#0b7fc2}.fnode-buttons{--tone:#3c64c8}.fnode-list{--tone:#6a52c4}.fnode-question{--tone:#b86e00}.fnode-condition{--tone:#8f46b8}.fnode-template{--tone:#008069}.fnode-update_contact{--tone:#0e7490}.fnode-handoff{--tone:#c9531a}.fnode-end{--tone:#54656f}.fnode-icon{background:color-mix(in srgb, var(--tone) 14%, #fff);width:22px;height:22px;color:var(--tone);border-radius:6px;flex-shrink:0;place-items:center;font-size:12px;line-height:1;display:grid}.fnode{background:#fff;border:1px solid #d1d7db;border-radius:10px;width:240px;font-size:12px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0b141a14}.fnode.is-selected{border-color:var(--tone);box-shadow:0 0 0 3px color-mix(in srgb, var(--tone) 22%, transparent)}.fnode.has-issues{border-color:#e0463c}.fnode-head{border-bottom:1px solid #eef1f3;align-items:center;gap:6px;padding:8px 10px;display:flex}.fnode-kind{color:#111b21;font-weight:600}.fnode-var{color:var(--tone);margin-left:auto;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:10.5px}.fnode-warn{color:#fff;cursor:help;background:#e0463c;border-radius:50%;place-items:center;width:16px;height:16px;margin-left:auto;font-size:11px;font-weight:700;display:grid}.fnode-var+.fnode-warn{margin-left:4px}.fnode-body{color:#3b4a54;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding:8px 10px;line-height:1.4;display:-webkit-box;overflow:hidden}.fnode-body.is-empty{color:#8696a0;font-style:italic}.fnode-outs{border-top:1px solid #eef1f3;margin:0;padding:4px 0 6px;list-style:none}.fnode-out{text-align:right;padding:3px 14px 3px 10px;position:relative}.fnode-out span{background:color-mix(in srgb, var(--tone) 12%, #fff);max-width:100%;color:color-mix(in srgb, var(--tone) 80%, #111b21);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border-radius:12px;padding:2px 8px;font-weight:500;display:inline-block;overflow:hidden}.fnode-out.is-fallback span{color:#667781;background:#f0f2f5;font-weight:400}.fnode .react-flow__handle{border:2px solid var(--tone);background:#fff;width:10px;height:10px}.fnode .react-flow__handle:hover{background:var(--tone)}.fe-canvas .react-flow__edge-path{stroke:#8696a0;stroke-width:1.5px}.fe-canvas .react-flow__edge.selected .react-flow__edge-path{stroke:#00a884;stroke-width:2px}.fe-inspector{background:#fff;border-left:1px solid #e9edef;overflow-y:auto}.fi{flex-direction:column;gap:12px;padding:16px;display:flex}.fi-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.fi-title{color:#111b21;text-wrap:balance;font-size:15px;font-weight:600}.fi-close{color:#667781;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.fi-hint{color:#667781;margin:-6px 0 0;font-size:13px}.fi-fields{flex-direction:column;gap:14px;display:flex}.fi-fields textarea{resize:vertical;line-height:1.45}.fi-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.fi-chips{flex-wrap:wrap;gap:4px;display:flex}.fi-chip{color:#3b4a54;cursor:pointer;background:#f7f8fa;border:1px solid #d1d7db;border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:11px}button.fi-chip:hover{color:#008069;border-color:#00a884}.fi-chip.is-static{cursor:default}.fi-count{color:#8696a0;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.fi-count.is-near{color:#b54708}.fi-counted{align-items:center;display:flex;position:relative}.fi-counted input{flex:1;min-width:0;padding-right:52px}.fi-counted .fi-count{position:absolute;right:8px}.fi-varinput{color:#8696a0;border:1px solid #d1d7db;border-radius:6px;align-items:center;padding:0 8px;font-family:SF Mono,Fira Code,ui-monospace,monospace;display:flex}.fi-varinput:focus-within{border-color:#00a884}.form-field .fi-varinput input{color:#111b21;border:none;flex:1;min-width:0;padding:8px 2px;font-family:inherit}.fi-options{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fi-options li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;display:grid}.fi-options .fi-desc{grid-column:1;font-size:12px}.fi-remove{color:#8696a0;cursor:pointer;background:0 0;border:none;border-radius:6px;grid-area:1/2;width:28px;height:28px;font-size:18px}.fi-remove:hover{color:#d0453a;background:#fdf0ef}.fi-add{align-self:flex-start;margin-top:4px}.fi-delete{font:inherit;color:#d0453a;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:6px 0;font-size:13px}.fi-delete:hover{text-decoration:underline}.fi-choices{border:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.fi-choice{cursor:pointer;border:1px solid #d1d7db;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.fi-choice.is-on{background:#f0faf7;border-color:#00a884}.fi-choice input{accent-color:#00a884;margin-top:3px}.fi-choice strong{color:#111b21;font-size:13px;font-weight:600;display:block}.fi-choice small{color:#667781;margin-top:2px;font-size:12px;line-height:1.4;display:block}.fi-preview{color:#111b21;white-space:pre-wrap;overflow-wrap:anywhere;background:#d9fdd3;border-radius:8px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.45}.fi-vars{flex-direction:column;gap:6px;display:flex}.fi-issues{color:#8c2a20;background:#fff4f2;border:1px solid #f5c2bc;border-radius:8px;padding:10px 12px;font-size:12.5px}.fi-issues ul{margin:6px 0 0;padding-left:18px;line-height:1.5}.fi-issues .fi-label{color:#8c2a20}.fi-error{color:#d0453a;font-size:12px}.fr{flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.fr-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.fr-counts{color:#3b4a54;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.fr-pill{color:#54656f;white-space:nowrap;background:#e9edef;border-radius:10px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-block}.fr-pill.is-waiting{color:#92400e;background:#fef3c7}.fr-pill.is-completed{color:#0a6b4f;background:#d9fdd3}.fr-pill.is-handoff{color:#9a3c0b;background:#ffe8d9}.fr-pill.is-failed{color:#991b1b;background:#fee2e2}.fr-table-wrap{background:#fff;border-radius:10px;overflow-x:auto;box-shadow:0 1px 2px #0b141a14}.fr-table{border-collapse:collapse;width:100%;font-size:13px}.fr-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:#667781;white-space:nowrap;border-bottom:1px solid #e9edef;padding:10px 12px;font-size:11px;font-weight:600}.fr-table th code{text-transform:none;letter-spacing:0;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:11.5px}.fr-table td{color:#111b21;vertical-align:top;border-bottom:1px solid #f0f2f5;padding:10px 12px}.fr-table tbody tr{cursor:pointer}.fr-table tbody tr:hover{background:#f7f8fa}.fr-name{font-weight:500;display:block}.fr-phone,.fr-date{color:#667781;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.fr-phone{display:block}@media (width<=900px){.fe-body{grid-template-rows:max-content minmax(360px,55vh) max-content;grid-template-columns:minmax(0,1fr);overflow-y:auto}.fe-palette{border-bottom:1px solid #e9edef;border-right:none;flex-direction:row;overflow-x:auto}.fe-palette-title,.fe-palette-text small{display:none}.fe-palette-item{flex-shrink:0;align-items:center}.fe-inspector{border-top:1px solid #e9edef;border-left:none;overflow:visible}.fe-status{flex-basis:100%;order:10;margin-left:0}.fr{padding:16px}}@media (prefers-reduced-motion:reduce){.fe-toggle-track,.fe-toggle-track:after,.fnode,.flow-card{transition:none}}.load-older{font:inherit;color:#008069;cursor:pointer;background:#ffffffeb;border:none;border-radius:16px;align-self:center;margin:4px 0 10px;padding:6px 14px;font-size:12.5px;box-shadow:0 1px 2px #0b141a1f}.load-older:disabled{color:#667781;cursor:default}.kind-tabs{background:#f0f2f5;gap:4px;padding:8px 12px 0;display:flex}.kind-tabs button{font:inherit;color:#54656f;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 10px;font-size:13.5px;font-weight:500}.kind-tabs button.is-on{color:#008069;border-bottom-color:#00a884}.kind-tabs button:focus-visible{outline-offset:-2px;outline:2px solid #00a884}.contact-kind{white-space:nowrap;border-radius:10px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.contact-kind.is-internal{color:#1f4e9c;background:#e0ecff}.contact-kind.is-external{color:#54656f;background:#e9edef}.contact-filters{flex-wrap:wrap;gap:6px;display:flex}.contact-filters button{font:inherit;color:#3b4a54;cursor:pointer;background:#fff;border:1px solid #d1d7db;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.contact-filters button.is-on{color:#008069;background:#f0faf7;border-color:#00a884;font-weight:500}.contact-filter-count{color:#667781;font-variant-numeric:tabular-nums;font-size:11.5px}.contact-name .contact-kind{vertical-align:middle;margin-left:8px}.campaigns{gap:20px}.cm-section{flex-direction:column;gap:10px;display:flex}.cm-section h3{color:#111b21;margin:0;font-size:15px;font-weight:600}.cm-hint,.cm-meta{color:#667781;margin:0;font-size:13px}.cm-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cm-card{width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border:none;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #0b141a14}.cm-card:hover{box-shadow:0 2px 8px #0b141a1f}.cm-card:focus-visible{outline-offset:2px;outline:2px solid #00a884}.cm-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.cm-template,.cm-detail-title{color:#111b21;overflow-wrap:anywhere;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:14px;font-weight:600}.cm-detail-title{flex:1;margin:0}.cm-state{color:#54656f;background:#e9edef;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.cm-state.is-sending{color:#92400e;background:#fef3c7}.cm-state.is-done{color:#0a6b4f;background:#d9fdd3}.cp{flex-direction:column;gap:6px;display:flex}.cp-bar{background:#e9edef;border-radius:4px;gap:2px;height:8px;display:flex;overflow:hidden}.cp-seg,.cp-dot{background:#8696a0}.cp-seg.is-read,.cp-dot.is-read{background:#53bdeb}.cp-seg.is-delivered,.cp-dot.is-delivered{background:#00a884}.cp-seg.is-sent,.cp-dot.is-sent{background:#7fd6bf}.cp-seg.is-queued,.cp-dot.is-queued{background:#c5ccd0}.cp-seg.is-failed,.cp-dot.is-failed{background:#e0463c}.cp-seg.is-rejected,.cp-dot.is-rejected{background:#f3a33b}.cp-legend{color:#54656f;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.cp-legend li{align-items:center;gap:5px;display:inline-flex}.cp-legend strong{color:#111b21}.cp-dot{border-radius:50%;width:8px;height:8px}.cm-key-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.cm-key-form .form-field{flex:240px}.cm-new-key{color:#5c4400;background:#fffbeb;border:1px solid #f5d27a;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;font-size:13px;display:flex}.cm-key-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cm-key-row code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#fff;border:1px solid #f0dca4;border-radius:6px;flex:260px;min-width:0;padding:8px 10px;font-size:12.5px}.cm-keys tbody tr{cursor:default}.cm-revoke{font:inherit;color:#d0453a;cursor:pointer;background:0 0;border:none;font-size:13px}.cm-revoke:hover{text-decoration:underline}.cm-rules{color:#3b4a54;margin:0;padding-left:18px;font-size:13px;line-height:1.6}.cm-rules code,.cm-keys code{background:#e9edef;border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:12px}.cm-code-wrap{background:#111b21;border-radius:10px;overflow-x:auto}.cm-code{color:#e9edef;margin:0;padding:14px 16px;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:12.5px;line-height:1.55}.cm-alert-template{background:#fff;border:1px solid #e9edef;border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.cm-alert-template .cm-card-top{align-self:stretch}.cm-alert-body{color:#111b21;white-space:pre-wrap;overflow-wrap:anywhere;background:#d9fdd3;border-radius:8px;max-width:420px;margin:0;padding:10px 12px;font-family:inherit;font-size:13px}.cm-alert-notice{color:#0a6b4f;background:#e7f7f2;border-radius:8px;padding:10px 14px;font-size:13px}.cm-error{color:#b42318;max-width:32ch;font-size:12px}.fr-table tbody tr.is-static{cursor:default}.fr-pill.is-sent{color:#0a6b4f;background:#e7f7f2}.fr-pill.is-delivered{color:#0a6b4f;background:#d9fdd3}.fr-pill.is-read{color:#0b5a8a;background:#dbeefb}.fr-pill.is-queued,.fr-pill.is-pending{color:#54656f;background:#e9edef}.fr-pill.is-rejected{color:#8a4b00;background:#fdeccd}.fnode-ai_agent{--tone:#2f6fdb}.fnode-assign{--tone:#b2560f}.ai-fields,.assign-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ai-fields li{border:1px solid #e9edef;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.ai-field-row{align-items:center;gap:4px;display:flex}.ai-field-row .fi-varinput{flex:1}.ai-field-opts{color:#54656f;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12px;display:flex}.ai-field-opts label{text-transform:none;letter-spacing:0;align-items:center;gap:6px;font-weight:400;display:inline-flex}.ai-field-opts select{padding:3px 6px;font-size:12px}.ai-check{color:#111b21;align-items:flex-start;gap:8px;font-size:13px;display:flex}.ai-check input{accent-color:#00a884;margin-top:2px}.assign-list li{align-items:center;gap:6px;display:flex}.assign-name{color:#111b21;flex-direction:column;flex:1;min-width:0;font-size:13px;display:flex}.assign-name small{color:#667781;font-size:11px}.assign-list input{text-align:right;font-variant-numeric:tabular-nums;width:64px}.assign-total{color:#0a6b4f;font-size:12px;font-weight:600}.assign-total.is-off{color:#d0453a}.mine-filter{color:#3b4a54;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.mine-filter input{accent-color:#00a884}.users-page .template-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.users-table tbody tr{cursor:default}.users-table tr.is-inactive td{opacity:.55}.users-table select{font:inherit;border:1px solid #d1d7db;border-radius:6px;padding:4px 6px;font-size:13px}.users-phone{align-items:center;gap:6px;display:flex}.users-phone input{width:130px;font:inherit;border:1px solid #d1d7db;border-radius:6px;padding:4px 6px;font-size:12.5px}.users-actions{white-space:nowrap}.users-actions button+button{margin-left:12px}.cm-link{font:inherit;color:#008069;cursor:pointer;background:0 0;border:none;font-size:13px}.cm-link:hover{text-decoration:underline}.fr-pill.is-cancelled{color:#54656f;background:#e9edef}.advisor-note{color:#008069;background:#f0f2f5;margin:0;padding:10px 16px 0;font-size:13px;font-weight:600}.assign-select{color:#54656f;align-items:center;gap:6px;font-size:12px;display:inline-flex}.assign-select select{font:inherit;color:#111b21;background:#fff;border:1px solid #d1d7db;border-radius:6px;padding:2px 6px;font-size:12px}.assign-error{color:#d0453a}