.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-page{width:100%;max-width:1800px;margin:0 auto;padding:24px 28px 40px}.app-page--compact{max-width:1400px}.app-page--wide{max-width:none}.app-page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.app-page-heading{min-width:0}.app-eyebrow{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.app-eyebrow i{color:var(--accent-1)}.app-page-title{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:27px;font-weight:700;line-height:1.2}.app-page-description{color:var(--text-secondary);margin:7px 0 0;font-size:13px;line-height:1.55}.app-page-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.app-btn{border-radius:var(--radius-sm,7px);min-height:36px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:10px;font-weight:600;line-height:1;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.app-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.app-btn:not(:disabled):active{transform:translateY(1px)}.app-btn-primary{background:var(--accent-1);border-color:var(--accent-1);color:#fff;box-shadow:0 4px 12px #7c3aed29}.app-btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 6px 16px #7c3aed38}.app-btn-secondary{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.app-btn-secondary:hover:not(:disabled){border-color:var(--accent-1);color:var(--accent-1);background:var(--bg-card-hover)}.app-btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.app-btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.app-btn-danger{background:var(--red-bg);color:var(--red);border-color:#0000}.app-btn-danger:hover:not(:disabled){border-color:var(--red)}.app-btn-success{background:var(--green-bg);color:var(--green);border-color:#0000}.app-btn-warning{background:var(--orange-bg);color:var(--orange);border-color:#0000}.app-btn-sm{min-height:30px;padding:0 10px;font-size:9px}.app-btn-lg{min-height:42px;padding:0 17px;font-size:11px}.app-card{border:1px solid var(--border-color);border-radius:var(--radius,10px);background:var(--bg-card);box-shadow:var(--shadow-sm,0 2px 8px #0f172a0a)}.app-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:14px 18px;display:flex}.app-card-heading{min-width:0}.app-card-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.app-card-description{color:var(--text-muted);margin:4px 0 0;font-size:9px;line-height:1.45}.app-card-body{padding:18px}.app-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:9px 18px;display:flex}.app-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.app-stat-card{border:1px solid var(--border-color);border-radius:var(--radius,10px);background:var(--bg-card);min-height:82px;box-shadow:var(--shadow-sm,0 2px 8px #0f172a0a);align-items:center;gap:11px;padding:14px;display:flex}.app-stat-icon{border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;display:flex}.app-stat-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.app-stat-icon.green{background:var(--green-bg);color:var(--green)}.app-stat-icon.orange{background:var(--orange-bg);color:var(--orange)}.app-stat-icon.red{background:var(--red-bg);color:var(--red)}.app-stat-icon.blue{background:var(--blue-bg,#3b82f61a);color:var(--blue,#3b82f6)}.app-stat-content{min-width:0}.app-stat-label,.app-stat-value{display:block}.app-stat-label{color:var(--text-muted);font-size:9px}.app-stat-value{color:var(--text-primary);margin-top:4px;font-size:19px;font-weight:700;line-height:1}.app-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 16px;display:flex}.app-toolbar-left,.app-toolbar-right{align-items:center;gap:8px;display:flex}.app-toolbar-left{min-width:0}.app-toolbar-right{flex-wrap:wrap;justify-content:flex-end}.app-search{align-items:center;width:min(100%,360px);height:36px;display:flex;position:relative}.app-search>i{color:var(--text-muted);pointer-events:none;font-size:10px;position:absolute;left:11px}.app-search input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);font:inherit;border-radius:7px;outline:none;padding:0 34px 0 30px;font-size:10px;transition:border-color .16s,box-shadow .16s}.app-search input::placeholder{color:var(--text-muted)}.app-search input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.app-search-clear{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;position:absolute;right:6px}.app-search-clear:hover{background:var(--bg-card-hover);color:var(--text-primary)}.app-select{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:110px;height:36px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:7px;outline:none;padding:0 28px 0 10px;font-size:9px}.app-select:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.app-form{flex-direction:column;gap:16px;display:flex}.app-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.app-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.app-field{flex-direction:column;gap:6px;min-width:0;display:flex}.app-field-full{grid-column:1/-1}.app-field label,.app-field>span{color:var(--text-secondary);font-size:10px;font-weight:600}.app-input,.app-textarea,.app-field input,.app-field select,.app-field textarea{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;min-height:36px;color:var(--text-primary);font:inherit;border-radius:7px;outline:none;padding:8px 10px;font-size:10px;transition:border-color .16s,box-shadow .16s}.app-textarea,.app-field textarea{resize:vertical;min-height:92px;line-height:1.5}.app-input::-moz-placeholder{color:var(--text-muted)}.app-textarea::-moz-placeholder{color:var(--text-muted)}.app-field input::-moz-placeholder{color:var(--text-muted)}.app-field textarea::-moz-placeholder{color:var(--text-muted)}.app-input::placeholder,.app-textarea::placeholder,.app-field input::placeholder,.app-field textarea::placeholder{color:var(--text-muted)}.app-input:focus,.app-textarea:focus,.app-field input:focus,.app-field select:focus,.app-field textarea:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.app-help-text{color:var(--text-muted);font-size:9px;line-height:1.45}.app-form-actions{justify-content:flex-end;align-items:center;gap:8px;padding-top:4px;display:flex}.app-table-wrapper{width:100%;overflow-x:auto}.app-table{border-collapse:collapse;width:100%;min-width:720px}.app-table th{background:var(--bg-secondary);color:var(--text-muted);text-align:left;text-transform:uppercase;white-space:nowrap;padding:11px 14px;font-size:8px;font-weight:700}.app-table td{border-top:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;padding:11px 14px;font-size:9px}.app-table tbody tr{transition:background .15s}.app-table tbody tr:hover{background:var(--bg-secondary)}.app-table-primary{color:var(--text-primary);font-weight:600}.app-table-muted{color:var(--text-muted)}.app-badge{white-space:nowrap;border-radius:50px;align-items:center;gap:5px;min-height:22px;padding:2px 8px;font-size:8px;font-weight:600;display:inline-flex}.app-badge-dot{border-radius:50%;flex:0 0 5px;width:5px;height:5px}.app-badge-success{background:var(--green-bg);color:var(--green)}.app-badge-success .app-badge-dot{background:var(--green)}.app-badge-warning{background:var(--orange-bg);color:var(--orange)}.app-badge-warning .app-badge-dot{background:var(--orange)}.app-badge-danger{background:var(--red-bg);color:var(--red)}.app-badge-danger .app-badge-dot{background:var(--red)}.app-badge-neutral{background:var(--bg-secondary);color:var(--text-muted)}.app-badge-neutral .app-badge-dot{background:var(--text-muted)}.app-badge-accent{background:var(--accent-glow);color:var(--accent-1)}.app-icon-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.app-icon-btn:hover{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.app-icon-btn.accent:hover{background:var(--accent-glow);color:var(--accent-1);border-color:#0000}.app-icon-btn.danger:hover{background:var(--red-bg);color:var(--red);border-color:#0000}.app-info-strip{border:1px solid var(--border-color);border-radius:var(--radius-sm,7px);background:var(--bg-card);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.app-info-icon{background:var(--accent-glow);width:30px;height:30px;color:var(--accent-1);border-radius:8px;flex:0 0 30px;justify-content:center;align-items:center;display:flex}.app-info-content{min-width:0}.app-info-title{color:var(--text-primary);font-size:10px;font-weight:700;display:block}.app-info-text{color:var(--text-secondary);margin-top:3px;font-size:9px;line-height:1.5;display:block}.app-alert{border:1px solid #0000;border-radius:7px;padding:10px 12px;font-size:9px;line-height:1.5}.app-alert-success{background:var(--green-bg);color:var(--green);border-color:#22c55e2e}.app-alert-warning{background:var(--orange-bg);color:var(--orange);border-color:#f973162e}.app-alert-danger{background:var(--red-bg);color:var(--red);border-color:#ef44442e}.app-alert-info{background:var(--accent-glow);color:var(--accent-1);border-color:#7c3aed29}.app-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:32px 20px;display:flex}.app-empty-icon{background:var(--bg-secondary);width:48px;height:48px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;font-size:18px;display:flex}.app-empty-title{color:var(--text-primary);margin:0;font-size:12px;font-weight:700}.app-empty-text{max-width:420px;color:var(--text-muted);margin:5px 0 0;font-size:9px;line-height:1.5}.app-loading{min-height:180px;color:var(--text-muted);justify-content:center;align-items:center;gap:9px;font-size:10px;display:flex}.app-spinner{border:2px solid var(--border-color);border-top-color:var(--accent-1);border-radius:50%;width:18px;height:18px;animation:.75s linear infinite app-spin}@keyframes app-spin{to{transform:rotate(360deg)}}.app-modal-overlay{z-index:3000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a85;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.app-modal{border:1px solid var(--border-color);border-radius:var(--radius,10px);background:var(--bg-card);width:min(100%,720px);max-height:calc(100vh - 48px);color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a38}.app-modal--sm{max-width:460px}.app-modal--lg{max-width:960px}.app-modal--xl{max-width:1200px}.app-modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:14px 18px;display:flex}.app-modal-heading{min-width:0}.app-modal-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.app-modal-description{color:var(--text-muted);margin:4px 0 0;font-size:9px}.app-modal-close{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 30px}.app-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.app-modal-body{min-height:0;padding:18px;overflow-y:auto}.app-modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-height:58px;padding:10px 18px;display:flex}.app-divider{background:var(--border-color);width:100%;height:1px;margin:12px 0}.app-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:9px;display:flex}.app-meta-item{align-items:center;gap:5px;display:inline-flex}.app-meta-item i{color:var(--text-muted)}.app-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.app-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.app-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.app-stack{flex-direction:column;gap:12px;display:flex}.app-row{align-items:center;gap:10px;display:flex}.app-row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-wrap{flex-wrap:wrap}.app-muted{color:var(--text-muted)}.app-secondary{color:var(--text-secondary)}.app-primary{color:var(--text-primary)}.app-accent{color:var(--accent-1)}.app-truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-btn:focus-visible,.app-icon-btn:focus-visible,.app-modal-close:focus-visible,.app-search-clear:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.app-input:focus-visible,.app-textarea:focus-visible,.app-field input:focus-visible,.app-field select:focus-visible,.app-field textarea:focus-visible{outline:none}@media (width<=1100px){.app-page{padding:22px 20px 34px}.app-stat-grid,.app-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.app-toolbar{flex-direction:column;align-items:stretch}.app-toolbar-left,.app-toolbar-right{width:100%}.app-toolbar-right{justify-content:flex-start}.app-search{width:100%;max-width:none}}@media (width<=700px){.app-page{padding:18px 14px 30px}.app-page-header{flex-direction:column;align-items:flex-start}.app-page-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.app-page-title{font-size:23px}.app-stat-grid,.app-grid-2,.app-grid-3,.app-grid-4{grid-template-columns:1fr}.app-card-header{flex-direction:column;align-items:flex-start}.app-form-grid,.app-form-grid-3{grid-template-columns:1fr}.app-field-full{grid-column:auto}.app-modal-overlay{align-items:flex-end;padding:12px}.app-modal{border-radius:12px 12px 0 0;max-height:calc(100vh - 24px)}.app-modal-body{padding:15px}.app-modal-footer{padding:10px 15px}}@media (prefers-reduced-motion:reduce){.app-btn,.app-icon-btn,.app-search input,.app-field input,.app-field select,.app-field textarea{transition:none}.app-spinner{animation-duration:1.5s}}:root{--bg-primary:#0b0d15;--bg-secondary:#11141f;--bg-card:#161b2b;--bg-card-hover:#1c2237;--bg-sidebar:#0d1019;--border-color:#282f44;--text-primary:#f0f3fa;--text-secondary:#8892b5;--text-muted:#5a6488;--accent-1:#7c6df0;--accent-2:#5b8def;--accent-gradient:linear-gradient(135deg, #7c6df0, #5b8def);--accent-glow:#7c6df040;--green:#4ade80;--green-bg:#4ade801f;--orange:#fb923c;--orange-bg:#fb923c1f;--red:#f87171;--red-bg:#f871711f;--chat-blue:#60a5fa;--chat-blue-bg:#60a5fa26;--shadow:0 8px 32px #00000073;--radius:16px;--radius-sm:10px;--transition:.25s cubic-bezier(.4, 0, .2, 1)}body.light{--bg-primary:#f5f7fb;--bg-secondary:#edf0f5;--bg-card:#fff;--bg-card-hover:#f0f3f8;--bg-sidebar:#f0f2f6;--border-color:#d0d7e2;--text-primary:#1a2332;--text-secondary:#4a5568;--text-muted:#7a879a;--accent-1:#6c5ce7;--accent-2:#5b8def;--accent-gradient:linear-gradient(135deg, #6c5ce7, #5b8def);--accent-glow:#6c5ce740;--green:#2ecc71;--green-bg:#2ecc711f;--orange:#f39c12;--orange-bg:#f39c121f;--red:#e74c3c;--red-bg:#e74c3c1f;--chat-blue:#3498db;--chat-blue-bg:#3498db26;--shadow:0 4px 16px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;transition:background .3s,color .3s}.app-layout{width:100%;min-height:100vh;display:flex}.sidebar{--sidebar-collapsed:72px;--sidebar-expanded:220px;width:var(--sidebar-collapsed);z-index:100;flex-direction:column;flex:0 0 var(--sidebar-collapsed);background:var(--bg-sidebar);border-right:1px solid var(--border-color);height:100vh;transition:width .28s cubic-bezier(.4,0,.2,1),flex-basis .28s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar:hover{width:var(--sidebar-expanded);flex-basis:var(--sidebar-expanded)}.sidebar-logo{height:68px;color:var(--accent-1);white-space:nowrap;border-bottom:1px solid var(--border-color);flex:0 0 68px;align-items:center;gap:10px;padding:0 20px;font-size:25px;font-weight:800;display:flex}.sidebar-logo i{justify-content:center;width:32px;min-width:32px;font-size:22px;display:flex}.sidebar-logo span{opacity:0;white-space:nowrap;transition:opacity .2s}.sidebar:hover .sidebar-logo span{opacity:1}.sidebar-nav{scrollbar-width:none;flex-direction:column;flex:auto;gap:4px;width:100%;min-height:0;padding:10px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}.nav-section-label{height:22px;color:var(--text-muted);letter-spacing:.9px;white-space:nowrap;opacity:0;align-items:center;margin:8px 12px 2px;font-size:9px;font-weight:700;transition:opacity .2s;display:flex}.sidebar-nav-item{width:100%;height:42px;color:var(--text-secondary);white-space:nowrap;border-radius:10px;flex:0 0 42px;align-items:center;gap:12px;padding:0 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;display:flex;overflow:hidden}.sidebar-nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-nav-icon{border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.sidebar-nav-icon i{text-align:center;width:20px;font-size:16px}.sidebar-nav-label{text-overflow:ellipsis;opacity:0;min-width:0;transition:opacity .2s;overflow:hidden}.sidebar:hover .sidebar-nav-label{opacity:1}.sidebar-nav-item.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.sidebar-nav-item.active:hover{background:var(--accent-gradient);color:#fff}.sidebar-nav-item.active .sidebar-nav-icon i{color:#fff}.sidebar-bottom{border-top:1px solid var(--border-color);background:var(--bg-sidebar);flex-direction:column;flex:none;gap:4px;width:100%;padding:8px 10px;display:flex}.sidebar-collapse-hint{height:38px;color:var(--text-muted);white-space:nowrap;opacity:0;flex:0 0 38px;align-items:center;gap:8px;padding:0 18px;font-size:9px;transition:opacity .2s;display:flex}.sidebar:hover .sidebar-collapse-hint{opacity:1}.sidebar-collapse-hint i{font-size:9px}.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.main{background:var(--bg-primary);flex:auto;min-width:0;height:100vh;transition:margin-left .28s cubic-bezier(.4,0,.2,1);overflow:hidden auto}@media (width<=700px){:root{--sidebar-collapsed-width:0px;--sidebar-expanded-width:206px}.app-sidebar{width:var(--sidebar-expanded-width);transform:translate(-100%)}.app-sidebar.is-expanded{transform:translate(0)}.app-main,.app-layout .app-main,.app-sidebar.is-expanded~.app-main,.app-layout.sidebar-expanded .app-main{margin-left:0}}.main{min-width:0;min-height:100vh;margin-left:var(--sidebar-collapsed-width);background:var(--bg-primary);transition:margin-left var(--sidebar-transition), background .3s ease;flex:auto;padding:24px 32px 32px;overflow:hidden auto}.app-sidebar.is-expanded~.main{margin-left:var(--sidebar-expanded-width)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title h1{letter-spacing:-.3px;font-size:24px;font-weight:700}.page-title p{color:var(--text-secondary);margin-top:2px;font-size:14px}.actions{align-items:center;gap:14px;display:flex}.search{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition);border-radius:50px;align-items:center;gap:10px;padding:8px 18px;display:flex}.search:focus-within{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:150px;font-family:inherit;font-size:14px}.tenant-selector{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition);border-radius:50px;align-items:center;gap:8px;padding:4px 12px 4px 16px;display:flex}.tenant-selector:hover{border-color:var(--accent-1)}.tenant-selector select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;padding:6px 0;font-family:inherit;font-size:14px;font-weight:500}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);transition:all var(--transition);border-radius:50px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:14px;display:flex}.theme-toggle:hover{border-color:var(--accent-1);color:var(--text-primary)}.avatar{background:var(--accent-gradient);color:#fff;cursor:pointer;width:42px;height:42px;box-shadow:0 4px 16px var(--accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 16px var(--accent-glow);border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.btn-primary:hover{box-shadow:0 8px 28px var(--accent-glow);transform:translateY(-2px)}.btn-primary.active{background:var(--red)!important}.btn-primary:disabled,button:disabled{opacity:.6;cursor:not-allowed}.notif-wrapper{position:relative}.notif-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);z-index:100;min-width:200px;padding:8px 0;display:none;position:absolute;top:50px;right:0}.notif-dropdown.open{display:block}.notif-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;transition:background .2s;display:flex}.notif-item:hover{background:var(--bg-card-hover)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:all var(--transition);cursor:default;box-shadow:var(--shadow);padding:20px 22px}.stat-card:hover{background:var(--bg-card-hover);border-color:var(--accent-1);transform:translateY(-2px)}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.stat-label i{font-size:16px}.stat-value{letter-spacing:-.5px;margin-top:8px;font-size:32px;font-weight:800}.stat-change{border-radius:50px;align-items:center;gap:4px;margin-top:6px;padding:2px 12px;font-size:13px;font-weight:600;display:inline-flex}.stat-change.up{color:var(--green);background:var(--green-bg)}.stat-change.down{color:var(--red);background:var(--red-bg)}.stat-change.neutral{color:var(--orange);background:var(--orange-bg)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:all var(--transition);box-shadow:var(--shadow);padding:22px 24px 24px}.card:hover{border-color:#7c6df033}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h3{font-size:16px;font-weight:600}.badge{color:var(--accent-1);background:var(--accent-glow);cursor:pointer;transition:all var(--transition);border:none;border-radius:50px;padding:4px 14px;font-family:inherit;font-size:12px;font-weight:600}.badge:hover{background:#7c6df04d}.full-width{grid-column:1/-1}.two-col{grid-template-columns:2fr 1.2fr;gap:24px;margin-bottom:32px;display:grid}@media (width<=1100px){.two-col{grid-template-columns:1fr}}.flow-tree{flex-direction:column;gap:6px;padding-top:4px;display:flex}.flow-node{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition);cursor:pointer;align-items:center;gap:14px;padding:12px 16px;display:flex}.flow-node:hover{border-color:var(--accent-1);background:var(--bg-card-hover)}.flow-node .node-icon{background:var(--bg-card);width:36px;height:36px;color:var(--accent-1);border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.flow-node .node-icon.root{background:var(--accent-gradient);color:#fff;border:none}.flow-node .node-icon.option{color:var(--accent-2);background:#5b8def1f;border-color:#5b8def33}.flow-node .node-info{flex:1}.flow-node .node-info .title{font-size:14px;font-weight:600}.flow-node .node-info .sub{color:var(--text-secondary);margin-top:1px;font-size:12px}.flow-node .node-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot.green{background:var(--green)}.dot.orange{background:var(--orange)}.dot.purple{background:var(--accent-1)}.dot.active{background:var(--green)}.dot.waiting{background:var(--orange)}.dot.ended{background:var(--text-muted)}.progress-wrap{margin:12px 0 6px}.progress-wrap .progress-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.progress-bar{background:var(--border-color);border-radius:10px;width:100%;height:6px;overflow:hidden}.progress-bar .fill{background:var(--accent-gradient);border-radius:10px;height:100%;transition:width .6s}.call-log{flex-direction:column;gap:10px;display:flex}.call-item{border-radius:var(--radius-sm);background:var(--bg-secondary);transition:all var(--transition);cursor:pointer;border:1px solid #0000;align-items:center;gap:14px;padding:12px 14px;display:flex}.call-item:hover{border-color:var(--border-color);background:var(--bg-card-hover)}.call-item .caller{background:var(--bg-card);width:38px;height:38px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:relative}.call-item .caller .status-dot{border:2px solid var(--bg-secondary);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.status-dot.active{background:var(--green)}.status-dot.waiting{background:var(--orange)}.status-dot.ended{background:var(--text-muted)}.call-item .call-info{flex:1}.call-item .call-info .name{font-size:14px;font-weight:600}.call-item .call-info .detail{color:var(--text-secondary);align-items:center;gap:8px;margin-top:1px;font-size:12px;display:flex}.call-status{border-radius:50px;flex-shrink:0;padding:4px 14px;font-size:12px;font-weight:600}.call-status.active{color:var(--green);background:var(--green-bg)}.call-status.waiting{color:var(--orange);background:var(--orange-bg)}.call-status.ended{color:var(--text-muted);background:#5a648826}.quick-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.quick-action{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:all var(--transition);padding:16px}.quick-action:hover{border-color:var(--accent-1);background:var(--bg-card-hover);transform:translateY(-2px)}.quick-action i{color:var(--accent-1);margin-bottom:6px;font-size:24px;display:block}.quick-action .label{font-size:14px;font-weight:600}.quick-action .desc{color:var(--text-secondary);margin-top:2px;font-size:12px}.volume-footer{width:100%;color:var(--text-secondary);border-top:1px solid var(--border-color);justify-content:space-between;margin-top:4px;padding-top:8px;font-size:13px;display:flex}.menu-table-wrap{margin-top:8px;overflow-x:auto}.menu-table{border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow);font-size:14px;overflow:hidden}.menu-table th{text-align:left;color:var(--text-secondary);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.3px;background:var(--bg-secondary);padding:14px 16px;font-size:12px;font-weight:600}.menu-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:14px 16px}.menu-table tr:hover td{background:var(--bg-card-hover)}.actions-cell{gap:8px;display:flex}.actions-cell button{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:6px;padding:4px;font-size:16px}.actions-cell button:hover{color:var(--text-primary);background:var(--bg-card-hover)}.status-badge{border-radius:50px;padding:3px 14px;font-size:12px;font-weight:600;display:inline-block}.status-badge.active{color:var(--green);background:var(--green-bg)}.status-badge.inactive{color:var(--text-muted);background:#5a648826}.status-badge.waiting{color:var(--orange);background:var(--orange-bg)}.status-badge.ended{color:var(--text-muted);background:#5a648826}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.filter-bar input,.filter-bar select{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;padding:8px 16px;font-family:inherit}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--accent-1)}.filter-bar button{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;padding:8px 18px;font-family:inherit;transition:all .2s}.filter-bar button:hover{background:var(--bg-card-hover);border-color:var(--accent-1)}.filter-bar select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.filter-bar select:hover{border-color:var(--accent)}.mode-selector{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);gap:4px;margin-bottom:12px;padding:4px;display:flex}.mode-selector button{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500}.mode-selector button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #0000004d}.flow-editor-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.flow-editor-toolbar button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.flow-editor-toolbar button.btn-primary,.flow-editor-toolbar button.save-chat{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 10px #6366f166}.flow-editor-toolbar button.btn-primary:hover,.flow-editor-toolbar button.save-chat:hover{transform:translateY(-1px);box-shadow:0 6px 14px #6366f199}.flow-editor-toolbar button.chat-btn-blue{color:#fff;background:#3498db;border:1px solid #3498db;box-shadow:0 2px 5px #3498db4d}.flow-editor-toolbar button.chat-btn-blue:hover{background:#2980b9}.flow-editor-toolbar button.chat-btn-dark{color:#94a3b8;background:#1e293b;border:1px solid #334155}.flow-editor-toolbar button.chat-btn-dark:hover{color:#e2e8f0;background:#334155}.flow-editor-toolbar button.chat-btn-red{color:#fff;background:#e74c3c;border:1px solid #e74c3c;box-shadow:0 2px 5px #e74c3c4d}.flow-editor-toolbar button.chat-btn-red:hover{background:#c0392b}.flow-editor-toolbar button.danger{color:#e74c3c;background:0 0;border:2px solid #e74c3c}.flow-editor-toolbar button.danger:hover{color:#fff;background:#e74c3c}.flow-editor-toolbar .node-count{color:var(--text-muted);margin-left:auto;font-size:13px}.tree-container{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color);min-height:400px;box-shadow:var(--shadow);max-height:600px;padding:30px;overflow:auto}.tree-node-wrapper{margin-bottom:6px;position:relative}.tree-node{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex}.tree-node:hover{border-color:var(--accent-1);background:var(--bg-card-hover)}.node-type-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;border-radius:50px;flex-shrink:0;padding:2px 10px;font-size:10px;font-weight:700}.node-type-badge.text{background:#3498db}.node-type-badge.choice{background:#f39c12}.node-type-badge.api{background:#9b59b6}.node-type-badge.end{background:#e74c3c}.node-icon-wrap{background:var(--bg-secondary);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.node-icon-wrap.chat{color:#fff;background:#3498db;border-color:#3498db}.node-icon-wrap.choice{color:#fff;background:#f39c12;border-color:#f39c12}.node-icon-wrap.api{color:#fff;background:#9b59b6;border-color:#9b59b6}.node-icon-wrap.end{color:#fff;background:#e74c3c;border-color:#e74c3c}.node-info{flex:1;min-width:0}.node-info .title{font-size:14px;font-weight:600}.node-info .sub{color:var(--text-secondary);margin-top:1px;font-size:12px}.node-actions{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.node-actions button{color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px}.node-actions button:hover{color:var(--text-primary);background:var(--bg-secondary)}.node-actions button.danger:hover{color:var(--red);background:var(--red-bg)}.node-actions button.success:hover{color:var(--green);background:var(--green-bg)}.drag-handle{cursor:grab;color:var(--text-muted);flex-shrink:0;padding:4px;font-size:14px}.tree-children{border-left:2px dashed var(--border-color);margin-left:16px;padding-left:16px}.tree-empty{color:var(--text-muted);text-align:center;padding:60px 20px;font-size:15px}.tree-empty i{color:var(--border-color);margin-bottom:16px;font-size:40px;display:block}.settings-tabs{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:4px;margin-bottom:24px;display:flex}.settings-tabs button{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500}.settings-tabs button.active{color:var(--text-primary);border-bottom-color:var(--accent-1)}.settings-panel{display:none}.settings-panel.active{display:block}.setting-row{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.setting-row .setting-label{font-weight:500}.setting-row .setting-desc{color:var(--text-secondary);font-size:13px}.settings-input{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;width:200px;padding:8px 14px;font-family:inherit}.settings-input:focus{border-color:var(--accent-1)}.toggle{background:var(--border-color);cursor:pointer;width:44px;height:24px;transition:all var(--transition);border-radius:50px;flex-shrink:0;position:relative}.toggle.active{background:var(--accent-1)}.toggle:after{content:"";width:18px;height:18px;transition:all var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.active:after{left:23px}.analytics-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.chart-box{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);box-shadow:var(--shadow);padding:20px}.chart-box .chart-title{color:var(--text-secondary);margin-bottom:14px;font-weight:600}@media (width<=1100px){.analytics-grid{grid-template-columns:1fr}}.softphone-wrapper{justify-content:center;align-items:flex-start;width:100%;padding-top:8px;display:flex}.softphone-container{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:32px;flex-direction:column;gap:20px;padding:24px;display:flex}.softphone-screen{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:20px;padding:20px}.softphone-status{background:var(--green-bg);color:var(--green);border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.softphone-status .pulse-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}.softphone-status.disconnected{background:var(--red-bg);color:var(--red)}.softphone-status.disconnected .pulse-dot{background:var(--red);animation:none}.softphone-caller{font-size:1.25rem;font-weight:600}.softphone-timer{color:var(--text-secondary);margin-top:2px;font-size:.9rem}.softphone-prompt{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;min-height:56px;margin-top:12px;padding:12px;font-size:.92rem}.softphone-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;gap:4px;padding:4px;display:flex}.softphone-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:8px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.softphone-tabs button.active{background:var(--accent-1);color:#fff}.softphone-option{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;border-radius:14px;align-items:center;gap:14px;width:100%;padding:12px 16px;transition:all .2s;display:flex}.softphone-option:hover{background:var(--bg-card-hover);border-color:var(--accent-1);transform:translate(4px)}.option-badge{background:var(--accent-glow);width:32px;height:32px;color:var(--accent-1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.option-text strong{font-size:.9rem;display:block}.option-text small{color:var(--text-secondary);font-size:.75rem}.softphone-keypad{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.softphone-key{aspect-ratio:1.4;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;font-family:inherit;font-size:1.2rem;font-weight:600;transition:background .15s,transform .1s;display:flex}.softphone-key:active{background:var(--accent-glow);border-color:var(--accent-1);transform:scale(.95)}.softphone-key small{color:var(--text-secondary);letter-spacing:1px;font-size:.6rem}.softphone-controls{justify-content:space-around;align-items:center;padding-top:4px;display:flex}.softphone-controls .action-btn{background:var(--bg-secondary);border:none;border:1px solid var(--border-color);width:50px;height:50px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.softphone-controls .action-btn:hover{border-color:var(--accent-1);color:var(--text-primary)}.softphone-controls .action-btn.active{background:var(--accent-1);color:#fff;border-color:var(--accent-1)}.softphone-controls .action-btn.end-call{background:var(--red);color:#fff;border-color:var(--red)}.softphone-controls .action-btn.end-call:hover{background:#dc2626;border-color:#dc2626}.softphone-controls .action-btn.call-btn{background:var(--green);color:#fff;border-color:var(--green)}.softphone-controls .action-btn.call-btn:hover{background:#16a34a;border-color:#16a34a}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.open{display:flex}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);width:90%;max-width:600px;box-shadow:var(--shadow)}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.modal-header h3{font-size:18px;font-weight:700}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:24px}.modal-body{max-height:60vh;padding:24px;overflow-y:auto}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.modal-footer .btn-secondary{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 20px;font-family:inherit;font-weight:500}.modal-footer .btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 24px;font-family:inherit;font-weight:600}.toast-container{z-index:2000;flex-direction:column;gap:10px;max-width:360px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-card);border-left:4px solid var(--accent-1);border-radius:var(--radius-sm);box-shadow:var(--shadow);border:1px solid var(--border-color);color:var(--text-primary);align-items:center;gap:12px;padding:14px 20px;animation:.4s slideInRight;display:flex}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--red)}.toast.warning{border-left-color:var(--orange)}.toast i{font-size:20px}.toast.success i{color:var(--green)}.toast.error i{color:var(--red)}.toast.warning i{color:var(--orange)}.toast .toast-msg{flex:1;font-size:14px}.toast .toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px}.toast.hide{animation:.3s forwards slideOutRight}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow);transform:scale(.95)}70%{transform:scale(1);box-shadow:0 0 0 8px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{to{opacity:0;transform:translate(80px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.media-library-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.media-library-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.media-library-eyebrow{color:var(--accent-1);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.media-library-eyebrow i{font-size:10px}.media-library-header h1{color:var(--text-primary);margin:0;font-size:27px;line-height:1.2}.media-library-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.media-library-header-actions{align-items:center;gap:9px;display:flex}.media-library-primary-btn,.media-library-secondary-btn,.media-delete-modal-btn{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-family:inherit;font-size:10px;font-weight:600;transition:all .18s;display:inline-flex}.media-library-primary-btn{border:1px solid var(--accent-1);background:var(--accent-1);color:#fff;box-shadow:0 5px 14px #6c52dc2e}.media-library-primary-btn:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.media-library-secondary-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary)}.media-library-secondary-btn:hover:not(:disabled){border-color:var(--accent-1);color:var(--accent-1)}.media-library-primary-btn:disabled,.media-library-secondary-btn:disabled{opacity:.55;cursor:not-allowed}.media-library-hidden-input{display:none}.media-library-info{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:64px;box-shadow:var(--shadow-sm);align-items:center;gap:12px;margin-bottom:16px;padding:12px 15px;display:flex}.media-library-info-icon{background:var(--accent-glow);width:38px;height:38px;color:var(--accent-1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.media-library-info strong,.media-library-info span{display:block}.media-library-info strong{color:var(--text-primary);margin-bottom:3px;font-size:11px}.media-library-info span{color:var(--text-secondary);font-size:10px;line-height:1.5}.media-library-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.media-stat-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:82px;box-shadow:var(--shadow-sm);align-items:center;gap:11px;padding:14px;display:flex}.media-stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.media-stat-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.media-stat-icon.green{background:var(--green-bg);color:var(--green)}.media-stat-icon.blue{background:var(--blue-bg,#3b82f61a);color:var(--blue,#3b82f6)}.media-stat-icon.orange{background:var(--orange-bg);color:var(--orange)}.media-stat-card span,.media-stat-card strong{display:block}.media-stat-card span{color:var(--text-muted);font-size:9px}.media-stat-card strong{color:var(--text-primary);margin-top:4px;font-size:19px}.media-library-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.media-library-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:14px 18px;display:flex}.media-library-toolbar h2{color:var(--text-primary);margin:0;font-size:14px}.media-library-toolbar p{color:var(--text-muted);margin:4px 0 0;font-size:9px}.media-library-toolbar-controls{align-items:center;gap:8px;display:flex}.media-library-search{align-items:center;width:270px;height:35px;display:flex;position:relative}.media-library-search>i{color:var(--text-muted);pointer-events:none;font-size:10px;position:absolute;left:11px}.media-library-search input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);border-radius:7px;outline:none;padding:0 32px 0 30px;font-family:inherit;font-size:9px}.media-library-search input:focus{border-color:var(--accent-1)}.media-library-search input::placeholder{color:var(--text-muted)}.media-library-search button{width:23px;height:23px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;position:absolute;right:5px}.media-library-search button:hover{background:var(--accent-glow);color:var(--accent-1)}.media-library-filter{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:105px;height:35px;color:var(--text-secondary);cursor:pointer;border-radius:7px;outline:none;padding:0 28px 0 10px;font-family:inherit;font-size:9px}.media-library-filter:focus{border-color:var(--accent-1)}.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px;padding:18px;display:grid}.media-file-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:11px;min-width:0;transition:border-color .18s,transform .18s,box-shadow .18s;overflow:hidden}.media-file-card:hover{border-color:var(--accent-1);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.media-file-card.is-playing{border-color:var(--accent-1)}.media-file-preview{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;height:108px;display:flex;position:relative}.media-file-card.is-playing .media-file-preview{background:var(--accent-glow)}.media-file-icon{background:var(--accent-glow);width:48px;height:48px;color:var(--accent-1);border-radius:13px;justify-content:center;align-items:center;font-size:18px;display:flex}.media-file-card.is-playing .media-file-icon{background:var(--accent-1);color:#fff}.media-file-type{color:var(--text-muted);letter-spacing:.5px;margin-top:7px;font-size:8px;font-weight:700}.media-playing-badge{background:var(--green-bg);color:var(--green);border-radius:20px;align-items:center;gap:5px;padding:4px 8px;font-size:8px;font-weight:600;display:flex;position:absolute;top:9px;right:10px}.media-playing-badge>span{background:var(--green);border-radius:50%;width:5px;height:5px;animation:1s infinite mediaPlayingPulse}@keyframes mediaPlayingPulse{0%,to{opacity:1}50%{opacity:.35}}.media-file-content{padding:13px 14px 11px}.media-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.media-file-meta{color:var(--text-muted);align-items:center;gap:11px;margin-top:7px;font-size:8px;display:flex}.media-file-meta span{align-items:center;gap:4px;display:flex}.media-file-meta i{font-size:8px}.media-file-player{padding:0 14px 12px}.media-file-player audio{width:100%;height:32px;display:block}.media-no-preview{border:1px dashed var(--border-color);height:32px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;gap:5px;font-size:8px;display:flex}.media-no-preview.large{height:55px}.media-file-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:8px;min-height:45px;padding:8px 14px;display:flex}.media-file-role{color:var(--text-muted);align-items:center;gap:5px;font-size:8px;display:flex}.media-file-role i{color:var(--accent-1)}.media-file-actions{align-items:center;gap:5px;display:flex}.media-file-action{border:1px solid var(--border-color);background:var(--bg-card);width:27px;height:27px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .16s;display:flex}.media-file-action.view:hover{border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.media-file-action.delete:hover{border-color:var(--red);background:var(--red-bg);color:var(--red)}.media-library-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px 20px;display:flex}.media-library-state strong{color:var(--text-primary);margin-top:10px;font-size:12px}.media-library-state>span{max-width:390px;color:var(--text-muted);margin-top:5px;font-size:9px;line-height:1.5}.media-library-spinner{background:var(--accent-glow);width:40px;height:40px;color:var(--accent-1);border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex}.media-library-empty-icon{background:var(--bg-secondary);width:60px;height:60px;color:var(--text-muted);border:1px solid var(--border-color);border-radius:16px;justify-content:center;align-items:center;font-size:24px;display:flex}.media-library-state .media-library-primary-btn,.media-library-state .media-library-secondary-btn{margin-top:16px}.media-library-pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;min-height:55px;padding:9px 18px;display:flex}.media-pagination-left{align-items:center;gap:18px;display:flex}.media-pagination-left>span{color:var(--text-muted);font-size:8px}.media-pagination-left strong{color:var(--text-secondary)}.media-pagination-left label{color:var(--text-muted);align-items:center;gap:5px;font-size:8px;display:flex}.media-pagination-left select{border:1px solid var(--border-color);background:var(--bg-card);height:27px;color:var(--text-secondary);border-radius:5px;outline:none;padding:0 20px 0 7px;font-family:inherit;font-size:8px}.media-pagination-buttons{align-items:center;gap:4px;display:flex}.media-pagination-buttons button{border:1px solid var(--border-color);background:var(--bg-card);width:27px;height:27px;color:var(--text-secondary);cursor:pointer;border-radius:5px;font-family:inherit;font-size:8px}.media-pagination-buttons button:hover:not(:disabled){border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.media-pagination-buttons button.active{border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1);font-weight:700}.media-pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.media-details-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c1473;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.media-details-modal{border:1px solid var(--border-color);background:var(--bg-card);width:min(560px,100%);max-height:calc(100vh - 50px);box-shadow:var(--shadow);border-radius:14px;overflow:auto}.media-details-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:15px;padding:18px 20px;display:flex}.media-details-eyebrow{color:var(--accent-1);letter-spacing:1px;font-size:8px;font-weight:700}.media-details-header h2{color:var(--text-primary);word-break:break-word;margin:5px 0 0;font-size:17px}.media-details-header p{color:var(--text-muted);margin:5px 0 0;font-size:9px}.media-details-close{border:1px solid var(--border-color);background:var(--bg-secondary);width:29px;height:29px;color:var(--text-muted);cursor:pointer;border-radius:6px}.media-details-close:hover{color:var(--accent-1);border-color:var(--accent-1)}.media-details-body{align-items:center;gap:17px;padding:20px;display:flex}.media-details-icon{background:var(--accent-glow);width:58px;height:58px;color:var(--accent-1);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;font-size:21px;display:flex}.media-details-info{flex:1;grid-template-columns:1fr 1fr;gap:12px 20px;display:grid}.media-details-info span,.media-details-info strong{display:block}.media-details-info span{color:var(--text-muted);font-size:8px}.media-details-info strong{color:var(--text-primary);word-break:break-word;margin-top:3px;font-size:9px}.media-details-player{padding:0 20px 20px}.media-details-player audio{width:100%;height:38px}.media-details-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.media-delete-modal-btn{border:1px solid var(--red);background:var(--red-bg);color:var(--red)}.media-delete-modal-btn:hover{background:var(--red);color:#fff}@media (width<=1100px){.media-library-stats{grid-template-columns:repeat(2,1fr)}.media-library-header{flex-direction:column;align-items:flex-start}.media-library-header-actions{justify-content:flex-end;width:100%}.media-library-toolbar{flex-direction:column;align-items:stretch}.media-library-toolbar-controls{width:100%}.media-library-search{flex:1;width:auto}.media-library-filter{min-width:120px}.media-library-pagination{flex-direction:column;align-items:flex-start}.media-pagination-left{justify-content:space-between;width:100%}.media-pagination-buttons{justify-content:flex-end;width:100%}}@media (width<=700px){.media-library-page{padding:18px 14px 30px}.media-library-header-actions{justify-content:stretch;width:100%}.media-library-header-actions button{flex:1}.media-library-info{align-items:flex-start}.media-library-stats{grid-template-columns:1fr 1fr}.media-library-toolbar-controls{flex-direction:column}.media-library-search,.media-library-filter{width:100%}.media-library-grid{grid-template-columns:1fr}.media-pagination-left{flex-direction:column;align-items:flex-start;gap:8px}.media-pagination-buttons{flex-wrap:wrap;justify-content:flex-start}.media-details-body{flex-direction:column;align-items:flex-start}.media-details-info{width:100%}}@media (width<=450px){.media-library-stats{grid-template-columns:1fr}.media-library-header-actions{flex-direction:column}.media-library-header-actions button{width:100%}.media-details-info{grid-template-columns:1fr}}.audit-list{flex-direction:column;gap:8px;max-height:600px;display:flex;overflow-y:auto}.audit-item{background:var(--bg-secondary);border-radius:var(--radius-sm);transition:all var(--transition);border:1px solid #0000;align-items:flex-start;gap:14px;padding:14px;display:flex}.audit-item:hover{border-color:var(--border-color);background:var(--bg-card-hover)}.audit-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.audit-content{flex:1;min-width:0}.audit-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.audit-action{font-size:14px;font-weight:700}.audit-time{color:var(--text-muted);font-size:12px}.audit-user{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.audit-details{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.audit-detail-chip{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:3px 8px;font-size:11px}.audit-detail-chip strong{color:var(--text-primary)}.profile-avatar{background:var(--accent-gradient);color:#fff;width:120px;height:120px;box-shadow:0 8px 32px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:48px;display:flex}.profile-field{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:12px 0;display:flex}.profile-field .label{color:var(--text-secondary);font-weight:500}.profile-field .value{color:var(--text-primary);font-weight:600}.report-controls{grid-template-columns:1fr 1fr;gap:16px;display:grid}.report-controls .form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.custom-date-range{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.report-controls,.custom-date-range{grid-template-columns:1fr}}.priority-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-width:60px;padding:6px 14px;font-size:13px;font-weight:800;line-height:1.2;display:inline-flex}.priority-1,.priority-2{background:#e74c3c}.priority-3,.priority-4,.priority-5{background:#f39c12}.priority-6,.priority-7,.priority-8,.priority-9,.priority-10{background:#2ecc71}.priority-badge:not([class*=priority-]){background:#95a5a6}.roster-list{flex-direction:column;gap:16px;display:flex}.roster-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px}.roster-top-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:flex}.roster-actions{gap:6px;display:flex}.roster-actions button{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.roster-actions button:disabled{opacity:.4;cursor:not-allowed}.roster-actions .remove-btn{background:var(--red-bg);border-color:var(--red);color:var(--red)}.roster-actions .remove-btn:hover{background:var(--red);color:#fff}.roster-grid{grid-template-columns:1.2fr 1fr 1fr .8fr;align-items:start;gap:20px;display:grid}@media (width<=1100px){.roster-grid{grid-template-columns:1fr}}.roster-field{flex-direction:column;gap:6px;display:flex}.roster-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:11px;font-weight:700}.roster-field input,.roster-field select{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.roster-field input:focus,.roster-field select:focus{border-color:var(--accent-1);outline:none}.roster-hint{color:var(--text-muted);margin-top:-2px;font-size:11px}.availability-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.availability-toggle input[type=checkbox]{accent-color:var(--accent-1);cursor:pointer;width:20px;height:20px}.dept-badge{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.sip-list{flex-direction:column;gap:16px;display:flex}.sip-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.sip-card-header h4{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:6px;font-size:16px;font-weight:700;display:flex}.sip-priority-text{color:var(--text-secondary);margin-bottom:2px;font-size:13px}.sip-tested-text{color:var(--text-muted);margin-bottom:12px;font-size:12px}.sip-actions{gap:8px;margin-bottom:16px;display:flex}.sip-btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.sip-btn-secondary:hover{border-color:var(--accent-1)}.sip-btn-danger{background:var(--red-bg);border:1px solid var(--red);color:var(--red);cursor:pointer;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.sip-btn-danger:hover{background:var(--red);color:#fff}.sip-fields-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.sip-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.sip-field input,.sip-field select{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px}.sip-field input:focus,.sip-field select:focus{border-color:var(--accent-1);outline:none}.sip-toggles{gap:20px;margin-bottom:16px;display:flex}.sip-toggles label{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.sip-toggles input[type=checkbox]{accent-color:var(--accent-1);width:18px;height:18px}.sip-advanced-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;padding:16px}.sip-advanced-section h5{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px;font-size:12px;font-weight:700}.sip-clear-password label{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.sip-clear-password input[type=checkbox]{accent-color:var(--accent-1);width:18px;height:18px}.sip-config-message{border-radius:6px;margin-bottom:8px;padding:12px;font-size:13px}.sip-config-message.success{background:var(--green-bg);color:var(--green);border:1px solid var(--green)}.sip-config-message.error{background:var(--red-bg);color:var(--red);border:1px solid var(--red)}.error-text{color:var(--red);margin-top:4px;font-size:12px}@media (width<=1100px){.sip-fields-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.sip-fields-grid{grid-template-columns:1fr}}@media (width<=1100px){.two-col,.analytics-grid,.roster-grid{grid-template-columns:1fr}.sip-fields-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.sidebar{width:60px}.sidebar:hover{width:200px}.main{padding:16px}.topbar .actions .search input{width:120px}.stats-grid{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr}.tenant-selector select{max-width:120px}.theme-toggle span{display:none}.report-controls,.custom-date-range{grid-template-columns:1fr}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.topbar .actions .search{display:none}.sidebar{width:52px}.sidebar:hover{width:180px}.tenant-selector select{max-width:80px;font-size:12px}.sip-fields-grid{grid-template-columns:1fr}}.text-accent{color:var(--accent-1)}.text-muted{color:var(--text-muted)}.divider{border:none;border-top:1px solid var(--border-color);margin:16px 0}.dashboard-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dashboard-controls select,.dashboard-controls input[type=date]{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;outline:none;min-height:34px;padding:6px 12px;font-family:inherit;font-size:12px;transition:border-color .2s}.dashboard-controls select:hover,.dashboard-controls input[type=date]:hover{border-color:var(--accent-1)}.dashboard-controls select:focus,.dashboard-controls input[type=date]:focus{border-color:var(--accent-1);box-shadow:0 0 0 2px var(--accent-glow)}.dashboard-controls select option{background:var(--bg-card);color:var(--text-primary)}.dashboard-controls .vs-label{color:var(--text-secondary);padding:0 4px;font-size:12px;font-weight:500}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}body.light input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.2)}.dashboard-controls select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}body.light .dashboard-controls select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23444' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.agents-page{width:100%;max-width:100%;color:var(--text-primary)}.agents-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.agents-eyebrow i{font-size:10px}.agents-page-header h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:27px;font-weight:750;line-height:1.15}.agents-page-header p{color:var(--text-secondary);margin:7px 0 0;font-size:12px;line-height:1.5}.agents-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.agents-primary-btn,.agents-secondary-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:650;transition:background-color .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.agents-primary-btn{border:1px solid var(--accent-1);background:var(--accent-1);color:#fff;box-shadow:0 6px 16px #7446e82e}.agents-primary-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.agents-primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.agents-secondary-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary)}.agents-secondary-btn:hover:not(:disabled){border-color:var(--accent-1);color:var(--accent-1)}.agents-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.agents-department-notice{background:linear-gradient(135deg,#7446e814,#7446e806);border:1px solid #7446e833;border-radius:10px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;display:flex}.agents-department-notice-icon{background:var(--accent-glow);width:40px;height:40px;color:var(--accent-1);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.agents-department-notice>div:nth-child(2){flex:1}.agents-department-notice strong{color:var(--text-primary);font-size:12px;display:block}.agents-department-notice p{color:var(--text-secondary);margin:4px 0 0;font-size:10px}.agents-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.agent-stat-card{box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-card);min-height:82px;box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.agent-stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;display:flex}.agent-stat-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.agent-stat-icon.green{background:var(--green-bg);color:var(--green)}.agent-stat-icon.orange{background:var(--orange-bg);color:var(--orange)}.agent-stat-icon.gray{background:var(--bg-secondary);color:var(--text-muted)}.agent-stat-card span{color:var(--text-muted);margin-bottom:3px;font-size:9px;display:block}.agent-stat-card strong{color:var(--text-primary);font-size:20px;font-weight:750;line-height:1;display:block}.agents-department-panel{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:18px;padding:17px}.agents-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.agents-section-heading h2{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.agents-section-heading p{color:var(--text-muted);margin:4px 0 0;font-size:9px}.agents-small-action{border:1px solid var(--border-color);background:var(--bg-card);height:31px;color:var(--text-primary);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:600;display:inline-flex}.agents-small-action:hover{border-color:var(--accent-1);color:var(--accent-1)}.agents-department-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;display:grid}.agents-department-card{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:11px;display:flex}.agents-department-card-icon{background:var(--accent-glow);width:31px;height:31px;color:var(--accent-1);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.agents-department-card-info{flex:1;min-width:0}.agents-department-card-info strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:10px;display:block;overflow:hidden}.agents-department-card-info span{color:var(--text-muted);margin-top:3px;font-size:8px;display:block}.agents-department-delete{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0}.agents-department-delete:hover:not(:disabled){background:var(--red-bg);color:var(--red)}.agents-department-delete:disabled{opacity:.3;cursor:not-allowed}.agents-status-panel{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:18px;padding:17px}.agents-live-indicator>span{background:currentColor;border-radius:50%;width:5px;height:5px}.agent-status-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;display:grid}.agent-card{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px 11px;display:flex}.agent-avatar{background:var(--accent-glow);width:34px;height:34px;color:var(--accent-1);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.agent-avatar.busy{background:var(--orange-bg);color:var(--orange)}.agent-avatar.offline{background:var(--bg-secondary);color:var(--text-muted)}.agent-info{flex:1;min-width:0}.agent-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:10px;font-weight:650;overflow:hidden}.agent-details{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);margin-top:3px;font-size:8px;overflow:hidden}.agent-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;font-weight:650;display:inline-flex}.agent-status-badge.available{background:var(--green-bg);color:var(--green)}.agent-status-badge.busy{background:var(--orange-bg);color:var(--orange)}.agent-status-badge.offline,.agent-status-badge.inactive{background:var(--bg-secondary);color:var(--text-muted)}.agent-status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.agents-card{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:10px;overflow:hidden}.agents-toolbar h2{color:var(--text-primary);margin:0;font-size:14px}.agents-toolbar p{color:var(--text-muted);margin:4px 0 0;font-size:9px}.agents-toolbar-controls{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.agents-search{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:7px;align-items:center;width:210px;height:34px;display:flex;position:relative}.agents-search>i{width:32px;color:var(--text-muted);justify-content:center;align-items:center;font-size:9px;display:flex}.agents-search input{width:100%;height:100%;color:var(--text-primary);background:0 0;border:0;outline:0;padding:0 8px 0 0;font-family:inherit;font-size:9px}.agents-search-clear{width:27px;height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:0}.agents-search-clear:hover{color:var(--accent-1)}.agents-filter{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:115px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:7px;outline:0;padding:0 9px;font-family:inherit;font-size:9px}.agents-filter:focus{border-color:var(--accent-1)}.agents-table th{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);height:34px;color:var(--text-muted);letter-spacing:.06em;text-align:left;text-transform:uppercase;padding:0 12px;font-size:8px;font-weight:700}.agents-table td{border-bottom:1px solid var(--border-color);height:58px;color:var(--text-secondary);padding:8px 12px;font-size:9px}.agents-table tbody tr:last-child td{border-bottom:0}.agent-table-user{align-items:center;gap:9px;min-width:180px;display:flex}.agent-table-avatar{background:var(--accent-glow);width:31px;height:31px;color:var(--accent-1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.agent-table-avatar.busy{background:var(--orange-bg);color:var(--orange)}.agent-table-avatar.inactive,.agent-table-avatar.offline{background:var(--bg-secondary);color:var(--text-muted)}.agent-table-user strong{color:var(--text-primary);font-size:9px;font-weight:650;display:block}.agent-department{background:var(--accent-glow);color:var(--accent-1);border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;font-weight:600;display:inline-flex}.agent-department i{font-size:7px}.agent-call-count,.agent-total-calls{color:var(--text-primary);font-weight:600}.agent-table-actions{align-items:center;gap:3px;display:flex}.agent-action-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:flex}.agent-action-btn:hover{background:var(--accent-glow);color:var(--accent-1)}.agent-action-btn.delete:hover{background:var(--red-bg);color:var(--red)}.agent-account-toggle{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-family:inherit;font-size:8px;font-weight:650;display:inline-flex}.agents-card-footer{border-top:1px solid var(--border-color);min-height:42px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:8px;display:flex}.agents-card-footer strong{color:var(--text-primary)}.agents-frontend-badge{color:var(--green);align-items:center;gap:5px;display:inline-flex}.agents-frontend-badge>span{background:currentColor;border-radius:50%;width:5px;height:5px}.agents-empty>div{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.agents-empty p{color:var(--text-muted);margin:5px 0 0;font-size:9px}.loading-spinner,.button-spinner{border:2px solid #7446e833;border-top-color:var(--accent-1);border-radius:50%;animation:.7s linear infinite agents-spin}.loading-spinner{width:22px;height:22px}.button-spinner{border-width:2px;border-color:#fff #ffffff59 #ffffff59;width:13px;height:13px}@keyframes agents-spin{to{transform:rotate(360deg)}}.agent-modal{border:1px solid var(--border-color);background:var(--bg-card);border-radius:13px;width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 25px 70px #00000040}.agent-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:20px;padding:19px;display:flex}.agent-modal-header h2{color:var(--text-primary);margin:0;font-size:17px;font-weight:750}.agent-modal-close{border:1px solid var(--border-color);background:var(--bg-secondary);width:31px;height:31px;color:var(--text-muted);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.agent-form-section{padding-bottom:18px}.agent-form-title{color:var(--text-primary);align-items:center;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.agent-form-grid label,.department-create-input{flex-direction:column;gap:6px;display:flex}.agent-form-grid label>span,.department-create-input label{color:var(--text-secondary);font-size:9px;font-weight:650}.agent-form-grid input,.agent-form-grid select,.department-create-input input{box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:38px;color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:7px;outline:0;padding:0 10px;font-family:inherit;font-size:10px}.agent-form-grid input::-moz-placeholder{color:var(--text-muted)}.department-create-input input::-moz-placeholder{color:var(--text-muted)}.agent-form-grid input::placeholder,.department-create-input input::placeholder{color:var(--text-muted)}.agent-form-grid input:focus,.agent-form-grid select:focus,.department-create-input input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px #7446e81a}.agent-form-grid input,.agent-form-grid select,.department-create-input input{appearance:none}.agent-form-grid select{background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 13px) 16px,calc(100% - 8px) 16px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}.agent-form-grid option,.agent-filter option{background:var(--bg-card);color:var(--text-primary)}.agent-select-with-action{align-items:center;gap:6px;display:flex}.agent-select-with-action select{flex:1;min-width:0}.agent-inline-add-btn{border:1px solid var(--border-color);background:var(--accent-glow);width:38px;height:38px;color:var(--accent-1);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.agent-inline-add-btn:hover{border-color:var(--accent-1)}.agent-field-hint{font-size:8px}.agent-field-hint.error{color:var(--red)}.agent-account-section strong{color:var(--text-primary);font-size:10px;display:block}.agent-switch{background:var(--border-color);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:38px;height:21px;padding:0;transition:background .15s;position:relative}.agent-switch span{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .15s;position:absolute;top:3px;left:3px}.agent-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:8px;padding:13px 19px;display:flex}.agent-view-avatar{background:var(--accent-glow);width:43px;height:43px;color:var(--accent-1);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:750;display:flex}.agent-view-avatar.busy{background:var(--orange-bg);color:var(--orange)}.agent-view-avatar.offline,.agent-view-avatar.inactive{background:var(--bg-secondary);color:var(--text-muted)}.agent-detail-grid span{color:var(--text-muted);margin-bottom:5px;font-size:8px;display:block}.agent-detail-grid strong{text-overflow:ellipsis;color:var(--text-primary);font-size:9px;display:block;overflow:hidden}.agent-detail-department{align-items:center;gap:5px;display:flex!important}.agent-detail-department i{color:var(--accent-1)}.department-modal{width:min(650px,100%)}.department-modal-body{padding:19px}.department-create-form{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:9px;align-items:flex-end;gap:9px;padding:13px;display:flex}.department-create-input{flex:1}.department-create-form .agents-primary-btn{flex-shrink:0}.department-list-heading{margin-top:20px;margin-bottom:9px}.department-list-heading>div{justify-content:space-between;align-items:center;display:flex}.department-list-heading strong{color:var(--text-primary);font-size:10px}.department-list-heading span{color:var(--text-muted);font-size:8px}.department-list{flex-direction:column;gap:6px;display:flex}.department-list-item{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex}.department-list-icon{background:var(--accent-glow);width:31px;height:31px;color:var(--accent-1);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.department-list-info{flex:1;min-width:0}.department-list-info strong{color:var(--text-primary);font-size:10px;display:block}.department-list-info span{color:var(--text-muted);margin-top:3px;font-size:8px;display:block}.department-list-key{background:var(--bg-secondary);color:var(--text-muted);border-radius:5px;padding:4px 6px;font-family:monospace;font-size:7px}.department-delete-btn{width:29px;height:29px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0}.department-delete-btn:hover:not(:disabled){background:var(--red-bg);color:var(--red)}.department-delete-btn:disabled{opacity:.25;cursor:not-allowed}.department-empty{border:1px dashed var(--border-color);min-height:150px;color:var(--text-muted);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;display:flex}.department-empty-icon{background:var(--accent-glow);width:38px;height:38px;color:var(--accent-1);border-radius:9px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.department-empty strong{color:var(--text-primary);font-size:10px}.department-empty span{margin-top:4px;font-size:8px}@media (width<=1050px){.agents-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agents-toolbar{flex-direction:column;align-items:flex-start}.agents-toolbar-controls{width:100%}.agents-search{flex:1}}@media (width<=760px){.agents-page-header{flex-direction:column;align-items:flex-start}.agents-header-actions{width:100%}.agents-header-actions button{flex:1}.agent-form-grid,.agent-detail-grid{grid-template-columns:1fr}.agents-department-notice{flex-wrap:wrap;align-items:flex-start}.agents-department-notice .agents-primary-btn{margin-left:54px}}@media (width<=560px){.agents-stats-grid{grid-template-columns:1fr}.agents-toolbar-controls{flex-direction:column;align-items:stretch}.agents-search,.agents-filter{width:100%}.department-create-form{flex-direction:column;align-items:stretch}.department-create-form .agents-primary-btn{width:100%}.department-list-key{display:none}.agent-modal-overlay{padding:10px}.agent-modal-footer{flex-wrap:wrap}}.agents-status-panel,.agents-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px}.agents-status-panel{margin-bottom:18px;padding:17px}.agents-section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.agents-section-heading h2,.agents-toolbar h2{margin:0;font-size:15px}.agents-section-heading p,.agents-toolbar p{color:var(--text-secondary);margin:4px 0 0;font-size:11px}.agents-live-indicator{background:var(--green-bg);color:var(--green);border-radius:50px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:flex}.agents-live-indicator span{background:var(--green);border-radius:50%;width:6px;height:6px}.agents-card{overflow:hidden}.agents-toolbar-controls{align-items:center;gap:8px;display:flex}.agents-search{align-items:center;width:210px;height:34px;display:flex;position:relative}.agents-search>i{color:var(--text-muted);font-size:11px;position:absolute;left:11px}.agents-search input{background:var(--bg-card);border:1px solid var(--border-color);width:100%;height:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:0 32px;font-size:11px}.agents-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:0;position:absolute;right:7px}.agents-filter{background:var(--bg-card);border:1px solid var(--border-color);height:34px;color:var(--text-primary);border-radius:6px;outline:none;padding:0 9px;font-size:11px}.agents-table-wrapper{overflow-x:auto}.agents-table th{background:var(--bg-card);color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;padding:11px 15px;font-size:9px;font-weight:700}.agents-table td{border-top:1px solid var(--border-color);vertical-align:middle;padding:12px 15px;font-size:11px}.agents-table tbody tr{transition:background var(--transition)}.agent-table-user{align-items:center;gap:9px;display:flex}.agent-table-avatar{border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:flex}.agent-table-avatar.available{background:var(--green-bg);color:var(--green);border-color:var(--green)}.agent-table-avatar.busy{background:var(--orange-bg);color:var(--orange);border-color:var(--orange)}.agent-table-avatar.offline{background:var(--red-bg);color:var(--red);border-color:var(--red)}.agent-table-avatar.inactive{background:var(--bg-card);color:var(--text-muted)}.agent-table-user strong{font-size:11px;font-weight:600;display:block}.agent-table-user span{color:var(--text-muted);margin-top:2px;font-size:9px;display:block}.agent-extension{background:var(--bg-card);color:var(--text-primary);border-radius:5px;padding:4px 7px;font-family:monospace;font-size:11px;display:inline-flex}.agent-department{color:var(--text-secondary)}.agent-call-count{font-weight:700}.agent-total-calls{color:var(--text-secondary)}.agent-account-toggle{cursor:pointer;border:0;border-radius:50px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex}.agent-account-toggle span{border-radius:50%;width:6px;height:6px}.agent-account-toggle.active{background:var(--green-bg);color:var(--green)}.agent-account-toggle.active span{background:var(--green)}.agent-account-toggle.inactive{background:var(--bg-card);color:var(--text-muted)}.agent-account-toggle.inactive span{background:var(--text-muted)}.agent-table-actions{gap:5px;display:flex}.agent-action-btn{border:1px solid var(--border-color);background:var(--bg-card);width:29px;height:29px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:6px}.agent-action-btn:hover{color:var(--text-primary);border-color:var(--accent-1)}.agent-action-btn.delete:hover{color:var(--red);border-color:var(--red)}.agents-empty{text-align:center;height:220px}.agents-empty div{color:var(--text-muted)}.agents-empty i{margin-bottom:10px;font-size:28px}.agents-empty h3{color:var(--text-primary);margin:0;font-size:14px}.agents-empty p{margin:5px 0 0;font-size:11px}.agents-card-footer{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding:11px 15px;font-size:10px;display:flex}.agents-frontend-badge{align-items:center;gap:5px;display:inline-flex}.agents-frontend-badge span{background:var(--green);border-radius:50%;width:6px;height:6px}.agent-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.agent-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:min(720px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 70px #00000059}.agent-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;gap:15px;padding:19px 20px;display:flex}.agent-modal-eyebrow{color:var(--accent-1);letter-spacing:1px;margin-bottom:5px;font-size:9px;font-weight:700}.agent-modal-header h2{margin:0;font-size:18px}.agent-modal-header p{color:var(--text-secondary);margin:4px 0 0;font-size:11px}.agent-modal-close{border:1px solid var(--border-color);background:var(--bg-card);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px}.agent-modal-close:hover{color:var(--red);border-color:var(--red)}.agent-modal-body{padding:20px}.agent-form-section{margin-bottom:20px}.agent-form-title{align-items:center;gap:7px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.agent-form-title i{color:var(--accent-1)}.agent-form-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.agent-form-grid label{flex-direction:column;gap:5px;display:flex}.agent-form-grid label span{color:var(--text-secondary);font-size:10px;font-weight:600}.agent-form-grid input,.agent-form-grid select{border:1px solid var(--border-color);background:var(--bg-card);height:37px;color:var(--text-primary);border-radius:6px;outline:none;padding:0 10px;font-size:11px}.agent-form-grid input:focus,.agent-form-grid select:focus{border-color:var(--accent-1)}.agent-account-section{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;justify-content:space-between;align-items:center;gap:15px;padding:13px;display:flex}.agent-account-section strong{font-size:11px;display:block}.agent-account-section p{color:var(--text-muted);margin:3px 0 0;font-size:10px}.agent-switch{background:var(--border-color);cursor:pointer;width:38px;height:21px;transition:all var(--transition);border:0;border-radius:50px;padding:2px}.agent-switch span{width:17px;height:17px;transition:transform var(--transition);background:#fff;border-radius:50%;display:block}.agent-switch.active{background:var(--green)}.agent-switch.active span{transform:translate(17px)}.agent-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:13px 20px;display:flex}.agent-view-heading{align-items:center;gap:12px;display:flex}.agent-view-avatar{border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:13px;font-weight:700;display:flex}.agent-view-avatar.available{background:var(--green-bg);color:var(--green);border-color:var(--green)}.agent-view-avatar.busy{background:var(--orange-bg);color:var(--orange);border-color:var(--orange)}.agent-view-avatar.offline{background:var(--red-bg);color:var(--red);border-color:var(--red)}.agent-view-avatar.inactive{background:var(--bg-card);color:var(--text-muted)}.agent-view-content{padding:20px}.agent-view-status{margin-bottom:18px}.agent-detail-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.agent-detail-grid>div{border:1px solid var(--border-color);background:var(--bg-card);border-radius:7px;padding:12px}.agent-detail-grid span{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:9px;display:block}.agent-detail-grid strong{word-break:break-word;font-size:11px;font-weight:600}@media (width<=1100px){.agents-stats-grid{grid-template-columns:repeat(2,1fr)}.agents-toolbar{flex-direction:column;align-items:flex-start}.agents-toolbar-controls{width:100%}.agents-search{flex:1}}@media (width<=700px){.agents-page{padding:15px}.agents-page-header{flex-direction:column;align-items:flex-start}.agents-header-actions{width:100%}.agents-header-actions button{flex:1}.agents-stats-grid{grid-template-columns:1fr}.agents-toolbar-controls{flex-wrap:wrap}.agents-search{width:100%}.agents-filter{flex:1}.agent-form-grid,.agent-detail-grid{grid-template-columns:1fr}.agent-modal-overlay{padding:10px}}.react-flow__background{background-color:var(--bg-primary)!important}.react-flow__background.dark .react-flow__background-pattern{stroke:#282f44!important;opacity:.6!important}.react-flow__background.light .react-flow__background-pattern{stroke:#d0d7e2!important;opacity:.5!important}body.light .react-flow__background{background-color:#f5f7fb!important}body.light .react-flow__background .react-flow__background-pattern{stroke:#d0d7e2!important;opacity:.5!important}.react-flow__nodes{z-index:2!important}body.light .react-flow__minimap{background:#fff!important;border-color:#d0d7e2!important}body.light .react-flow__controls button{color:#4a5568!important;background:#fff!important;border-color:#d0d7e2!important}body.light .react-flow__controls button:hover{background:#edf0f5!important}.node-greeting-modern{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow)!important;border-radius:12px!important;width:280px!important;overflow:hidden!important}.node-greeting-modern .node-header{color:#e2e8f0!important;background:linear-gradient(135deg,#1e293b,#334155)!important;border-radius:12px 12px 0 0!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.node-greeting-modern .node-body{background:var(--bg-card)!important;border-radius:0 0 12px 12px!important;padding:12px 14px!important}.node-ivr-modern{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow)!important;border-radius:12px!important;width:320px!important;overflow:hidden!important}.node-ivr-modern .node-header{color:#e2e8f0!important;background:linear-gradient(135deg,#0f172a,#1e293b)!important;border-radius:12px 12px 0 0!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.node-ivr-modern .node-body{background:var(--bg-card)!important;border-radius:0 0 12px 12px!important;padding:12px 14px!important}.node-transfer-modern{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow)!important;border-radius:12px!important;width:280px!important;overflow:hidden!important}.node-transfer-modern .node-header{color:#e5e7eb!important;background:linear-gradient(135deg,#111827,#1f2937)!important;border-radius:12px 12px 0 0!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.node-transfer-modern .node-body{background:var(--bg-card)!important;border-radius:0 0 12px 12px!important;padding:12px 14px!important}.node-toggle-group{background:var(--bg-secondary)!important;border-radius:6px!important;gap:2px!important;margin-bottom:10px!important;padding:3px!important;display:flex!important}.node-toggle-btn{cursor:pointer!important;color:var(--text-secondary)!important;background:0 0!important;border:none!important;border-radius:4px!important;flex:1!important;padding:5px 10px!important;font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:600!important;transition:all .3s!important}.node-toggle-btn.active{color:#fff!important;background:#4b5563!important}.node-select-modern{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;width:100%!important;color:var(--text-primary)!important;border-radius:6px!important;outline:none!important;padding:7px 10px!important;font-family:Inter,sans-serif!important;font-size:13px!important}.node-select-modern:focus{border-color:#6b7280!important;box-shadow:0 0 0 2px #6b728033!important}.node-input-modern{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;width:100%!important;color:var(--text-primary)!important;border-radius:6px!important;outline:none!important;padding:7px 10px!important;font-family:Inter,sans-serif!important;font-size:13px!important}.node-input-modern:focus{border-color:#6b7280!important;box-shadow:0 0 0 2px #6b728033!important}.node-textarea-modern{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;width:100%!important;color:var(--text-primary)!important;resize:none!important;border-radius:6px!important;outline:none!important;padding:7px 10px!important;font-family:Inter,sans-serif!important;font-size:13px!important}.node-textarea-modern:focus{border-color:#6b7280!important;box-shadow:0 0 0 2px #6b728033!important}.dtmf-grid{flex-wrap:wrap!important;gap:4px!important;display:flex!important}.dtmf-btn{cursor:pointer!important;background:var(--bg-secondary)!important;width:28px!important;height:28px!important;color:var(--text-secondary)!important;border:none!important;border-radius:4px!important;font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:700!important;transition:all .2s!important}.dtmf-btn.active{color:#fff!important;background:#4b5563!important}.dtmf-btn:disabled{opacity:.3!important;cursor:not-allowed!important}.node-delete-btn{color:#fff6!important;cursor:pointer!important;background:#ffffff14!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:22px!important;height:22px!important;font-size:11px!important;transition:all .3s!important;display:flex!important}.node-delete-btn:hover{color:#f87171!important;background:#f8717133!important;transform:rotate(90deg)!important}body.light .node-greeting-modern .node-body,body.light .node-ivr-modern .node-body,body.light .node-transfer-modern .node-body{background:#fff!important}body.light .node-greeting-modern,body.light .node-ivr-modern,body.light .node-transfer-modern{border-color:#e2e8f0!important}body.light .node-greeting-modern .node-header{color:#1e293b!important;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important}body.light .node-ivr-modern .node-header{color:#1e293b!important;background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important}body.light .node-transfer-modern .node-header{color:#1e293b!important;background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important}body.light .node-toggle-group{background:#f1f5f9!important}body.light .node-toggle-btn.active{color:#fff!important;background:#64748b!important}body.light .node-select-modern,body.light .node-input-modern,body.light .node-textarea-modern{color:#1a2332!important;background:#fff!important;border-color:#e2e8f0!important}body.light .dtmf-btn{color:#475569!important;background:#f1f5f9!important}body.light .dtmf-btn.active{color:#fff!important;background:#64748b!important}.react-flow__handle{border:2px solid var(--bg-card)!important;width:10px!important;height:10px!important}.react-flow__handle-top,.react-flow__handle-bottom{background:#6b7280!important}.node-palette-greeting{border-color:#6b7280!important}.node-palette-greeting .node-palette-title{color:#6b7280!important}.node-palette-ivr{border-color:#4b5563!important}.node-palette-ivr .node-palette-title{color:#4b5563!important}.node-palette-transfer{border-color:#374151!important}.node-palette-transfer .node-palette-title{color:#374151!important}.nav-section-label{color:var(--text-muted);letter-spacing:.9px;white-space:nowrap;flex-shrink:0;margin:18px 12px 7px;font-size:9px;font-weight:700}.nav-section-label:first-child{margin-top:5px}.sidebar .nav{scrollbar-width:none;flex:auto;width:100%;min-height:0;padding-left:10px;padding-right:10px;overflow:hidden auto}.sidebar .nav::-webkit-scrollbar{width:0;height:0;display:none}.sidebar .nav::-webkit-scrollbar-track{display:none}.sidebar .nav::-webkit-scrollbar-thumb{display:none}.sidebar .nav>a.active{box-sizing:border-box;width:100%}.sidebar .nav>a i{text-align:center;flex:0 0 24px;width:24px}.sidebar .nav-section-label{opacity:0;transition:opacity .25s}.sidebar:hover .nav-section-label{opacity:1}.bottom-nav{box-sizing:border-box;flex:none;width:100%;padding:0 10px}.modern-dashboard{width:100%;max-width:1600px;margin:0 auto;padding-bottom:24px}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.dashboard-status-line{color:var(--green);letter-spacing:1px;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;font-weight:800;display:flex}.dashboard-status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px var(--green-bg);border-radius:50%}.dashboard-hero h2{letter-spacing:-.6px;color:var(--text-primary);margin:0;font-size:28px;line-height:1.2}.dashboard-hero p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.dashboard-hero-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.dashboard-range{border:1px solid var(--border-color);background:var(--bg-card);height:40px;color:var(--text-secondary);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.dashboard-range i{color:var(--text-muted);font-size:12px}.dashboard-range select{color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:12px}.dashboard-create{border-radius:10px;height:40px}.dashboard-kpi{background:var(--bg-card);border:1px solid var(--border-color);min-height:150px;box-shadow:var(--shadow);transition:transform var(--transition),border-color var(--transition),background var(--transition);border-radius:14px;padding:18px}.dashboard-kpi:hover{background:var(--bg-card-hover);border-color:#7c6df073;transform:translateY(-2px)}.dashboard-kpi-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dashboard-kpi-icon,.dashboard-quick-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dashboard-kpi-icon.purple,.dashboard-quick-icon.purple{color:var(--accent-1);background:#7c6df024}.dashboard-kpi-icon.blue,.dashboard-quick-icon.blue{color:var(--accent-2);background:#5b8def24}.dashboard-kpi-icon.green,.dashboard-quick-icon.green{background:var(--green-bg);color:var(--green)}.dashboard-kpi-trend{border-radius:6px;padding:5px 7px;font-size:10px;font-weight:700}.dashboard-kpi-trend.positive{color:var(--green);background:var(--green-bg)}.dashboard-kpi-live,.dashboard-live-badge{color:var(--green);background:var(--green-bg);letter-spacing:.5px;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:800;display:inline-flex}.dashboard-kpi-live span,.dashboard-live-badge span{background:currentColor;border-radius:50%;width:6px;height:6px}.dashboard-kpi strong{color:var(--text-primary);letter-spacing:-.7px;font-size:28px;line-height:1.1;display:block}.dashboard-kpi small{color:var(--text-muted);margin-top:8px;font-size:10px;display:block}.dashboard-progress{background:var(--bg-secondary);border-radius:10px;height:5px;margin-top:11px;overflow:hidden}.dashboard-progress span{border-radius:inherit;background:var(--accent-gradient);height:100%;display:block}.dashboard-two-column{grid-template-columns:minmax(0,1.55fr) minmax(360px,.95fr);gap:18px;margin-bottom:18px;display:grid}.dashboard-panel{min-width:0}.dashboard-panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.dashboard-panel-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.dashboard-panel-header h3 i{color:var(--accent-1);font-size:13px}.dashboard-panel-header p{color:var(--text-muted);margin:5px 0 0;font-size:11px}.dashboard-panel-value{color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:700}.dashboard-chart-wrap{height:245px;padding-top:5px;display:flex}.dashboard-y-labels{width:32px;color:var(--text-muted);flex-direction:column;justify-content:space-between;padding:0 0 22px;font-size:9px;display:flex}.dashboard-chart-area{flex:1;min-width:0;position:relative}.dashboard-chart-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 23px}.dashboard-chart-lines span{background:var(--border-color);opacity:.65;width:100%;height:1px}.dashboard-bars{justify-content:space-around;align-items:flex-end;gap:10px;padding:0 8px;display:flex;position:absolute;inset:0}.dashboard-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;max-width:62px;height:100%;display:flex}.dashboard-bar{background:linear-gradient(180deg,var(--accent-2),var(--accent-1));width:100%;min-height:8px;transition:height .35s ease,filter var(--transition);border-radius:7px 7px 3px 3px;position:relative;box-shadow:0 7px 18px #5b8def1f}.dashboard-bar:hover{filter:brightness(1.12)}.dashboard-bar span{color:var(--text-muted);opacity:0;transition:opacity var(--transition);font-size:9px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.dashboard-bar:hover span{opacity:1}.dashboard-bar-group small{color:var(--text-muted);white-space:nowrap;font-size:9px}.dashboard-live-summary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;padding:10px;display:grid}.dashboard-live-summary div{text-align:center}.dashboard-live-summary strong{color:var(--text-primary);font-size:18px;display:block}.dashboard-live-summary span{color:var(--text-muted);font-size:9px}.dashboard-live-list{flex-direction:column;display:flex}.dashboard-live-row{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:11px 0;display:flex}.dashboard-live-row:last-child{border-bottom:0;padding-bottom:0}.dashboard-avatar.small{border-radius:8px;width:30px;height:30px}.dashboard-live-person{flex:1;min-width:0}.dashboard-live-person strong,.dashboard-caller strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:650;display:block;overflow:hidden}.dashboard-live-person span,.dashboard-caller small,.dashboard-flow-cell small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.dashboard-live-meta{text-align:right}.dashboard-live-meta strong{color:var(--text-secondary);font-size:10px;display:block}.dashboard-live-meta span{align-items:center;gap:4px;margin-top:4px;font-size:9px;font-weight:700;display:inline-flex}.dashboard-live-meta span:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.dashboard-live-meta .active{color:var(--green)}.dashboard-live-meta .waiting{color:var(--orange)}.dashboard-bottom{margin-bottom:18px}.dashboard-link-button{color:var(--accent-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:4px 0;font-family:inherit;font-size:11px;font-weight:600;display:flex}.dashboard-link-button:hover{color:var(--accent-1)}.dashboard-table{margin:0 -24px -24px}.dashboard-table-head,.dashboard-table-row{grid-template-columns:1.8fr 1.05fr .7fr .85fr 22px;align-items:center;gap:12px;padding:11px 24px;display:grid}.dashboard-table-head{color:var(--text-muted);letter-spacing:.65px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);font-size:8px;font-weight:800}.dashboard-table-row{border:0;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-secondary);text-align:left;font:inherit;cursor:pointer;background:0 0}.dashboard-table-row:hover{background:var(--bg-card-hover)}.dashboard-table-row:last-child{border-bottom:0}.dashboard-caller>span:last-child{min-width:0}.dashboard-flow-cell strong{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;display:block;overflow:hidden}.dashboard-table-row>span:not(.dashboard-caller):not(.dashboard-flow-cell){font-size:10px}.dashboard-call-status{white-space:nowrap;align-items:center;gap:5px;font-weight:700;display:inline-flex;font-size:9px!important}.dashboard-call-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.dashboard-call-status.abandoned,.dashboard-call-status.missed{color:var(--red)}.dashboard-row-arrow{color:var(--text-muted);font-size:9px}.dashboard-flow-active-badge{color:var(--green);background:var(--green-bg);border:1px solid #4ade8026;border-radius:7px;padding:5px 9px;font-size:9px;font-weight:700}.dashboard-flow-preview{padding:2px 4px 6px}.dashboard-flow-step{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:10px;align-items:center;gap:10px;padding:11px;display:flex}.dashboard-flow-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.dashboard-flow-icon.purple{color:var(--accent-1);background:var(--accent-glow)}.dashboard-flow-icon.blue{color:var(--accent-2);background:#5b8def24}.dashboard-flow-icon.green{color:var(--green);background:var(--green-bg)}.dashboard-flow-step>span:last-child{min-width:0}.dashboard-flow-step strong{color:var(--text-primary);font-size:11px;display:block}.dashboard-flow-step small{color:var(--text-muted);margin-top:3px;font-size:9px;display:block}.dashboard-flow-connector{border-left:1px dashed var(--border-color);align-items:center;height:18px;margin-left:25px;display:flex}.dashboard-flow-connector span{background:var(--border-color);border-radius:50%;width:5px;height:5px;margin-left:-3px}.dashboard-outline-button{border:1px solid var(--border-color);width:100%;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:9px;margin-top:14px;font-family:inherit;font-size:11px;font-weight:600}.dashboard-outline-button:hover{border-color:var(--accent-1);color:var(--text-primary);background:var(--accent-glow)}.dashboard-quick-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dashboard-quick-card{text-align:left;border:1px solid var(--border-color);background:var(--bg-card);color:inherit;cursor:pointer;box-shadow:var(--shadow);transition:all var(--transition);border-radius:12px;grid-template-columns:36px 1fr 14px;align-items:center;gap:11px;padding:14px;display:grid}.dashboard-quick-card:hover{background:var(--bg-card-hover);border-color:#7c6df066;transform:translateY(-2px)}.dashboard-quick-card>span:nth-child(2){min-width:0}.dashboard-quick-card strong{color:var(--text-primary);font-size:11px;display:block}.dashboard-quick-card small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;display:block;overflow:hidden}.dashboard-quick-card>i{color:var(--text-muted);font-size:9px}@media (width<=1100px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-two-column{grid-template-columns:1fr}}@media (width<=700px){.dashboard-hero{flex-direction:column;align-items:stretch}.dashboard-hero-actions{width:100%}.dashboard-range,.dashboard-create{flex:1}.dashboard-kpis,.dashboard-quick-grid{grid-template-columns:1fr}.dashboard-table{overflow-x:auto}.dashboard-table-head,.dashboard-table-row{min-width:650px}.dashboard-recent-panel{overflow:hidden}}@media (width<=480px){.dashboard-hero h2{font-size:23px}.dashboard-chart-wrap{height:210px}.dashboard-panel{padding:17px}.dashboard-table{margin:0 -17px -17px}.dashboard-table-head,.dashboard-table-row{padding-left:17px;padding-right:17px}.dashboard-hero-actions{flex-direction:column}.dashboard-range,.dashboard-create{justify-content:center;width:100%}}.admin-dashboard-page{max-width:1800px;padding:24px 28px 40px}.admin-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.admin-eyebrow{color:var(--text-muted);letter-spacing:1.2px;align-items:center;gap:8px;margin-bottom:7px;font-size:10px;font-weight:800;display:flex}.admin-live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e1a}.admin-page-header h1{letter-spacing:-.5px;margin:0;font-size:28px;line-height:1.15}.admin-page-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.admin-header-actions{align-items:center;gap:10px;display:flex}.admin-range-select{border:1px solid var(--border-color);background:var(--bg-card);height:40px;color:var(--text-primary);border-radius:9px;outline:none;padding:0 34px 0 12px}.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.admin-kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:17px;transition:all .2s}.admin-kpi-card:hover{border-color:#7c6df059;transform:translateY(-1px)}.admin-kpi-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-kpi-icon{border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.admin-kpi-icon.purple{color:var(--accent-1);background:#7c6df01f}.admin-kpi-icon.blue{color:var(--accent-2);background:#5b8def1f}.admin-kpi-icon.green{color:var(--green);background:#22c55e1c}.admin-kpi-icon.orange{color:var(--orange);background:#f973161c}.admin-kpi-change{font-size:11px;font-weight:700}.admin-kpi-change.positive{color:var(--green)}.admin-kpi-live{color:var(--green);align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.admin-kpi-live span{background:var(--green);border-radius:50%;width:6px;height:6px}.admin-kpi-label{color:var(--text-secondary);margin-bottom:3px;font-size:12px;display:block}.admin-kpi-card>strong{letter-spacing:-.5px;font-size:25px;display:block}.admin-kpi-card>small{color:var(--text-muted);margin-top:5px;font-size:10px;display:block}.admin-overview-grid,.admin-content-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:18px;margin-bottom:18px;display:grid}.admin-bottom-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.admin-chart-card,.admin-health-card,.admin-tenants-card,.admin-incidents-card,.admin-metrics-card,.admin-actions-card{min-width:0}.admin-section-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px;display:flex}.admin-section-header h3{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.admin-section-header h3 i{color:var(--accent-1);font-size:13px}.admin-section-header p{color:var(--text-muted);margin:5px 0 0;font-size:11px}.admin-section-badge,.admin-health-badge{color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:10px}.admin-health-badge{color:var(--green);background:#22c55e0f;border-color:#22c55e33;align-items:center;gap:5px;display:flex}.admin-health-badge span{background:var(--green);border-radius:50%;width:5px;height:5px}.admin-chart{gap:10px;height:250px;display:flex}.admin-y-axis{width:28px;color:var(--text-muted);text-align:right;flex-direction:column;justify-content:space-between;padding:4px 0 25px;font-size:9px;display:flex}.admin-chart-area{flex:1;min-width:0;padding-bottom:25px;position:relative}.admin-grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 25px}.admin-grid-lines span{border-top:1px dashed var(--border-color);width:100%}.admin-bars{justify-content:space-around;align-items:flex-end;gap:12px;display:flex;position:absolute;inset:0}.admin-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;max-width:70px;height:100%;display:flex;position:relative}.admin-bar{background:var(--accent-gradient);width:min(34px,70%);min-height:8px;box-shadow:0 4px 14px var(--accent-glow);border-radius:7px 7px 2px 2px}.admin-bar-value{bottom:calc(25px + var(--bar-height,0px));color:var(--text-secondary);font-size:9px;position:absolute;transform:translateY(-5px)}.admin-bar-column small{color:var(--text-muted);font-size:9px;position:absolute;bottom:0}.admin-health-list{flex-direction:column;gap:2px;display:flex}.admin-health-row{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:10px 0;display:flex}.admin-health-row:last-child{border-bottom:0}.admin-service-icon{border-radius:8px;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.admin-service-icon.healthy{color:var(--green);background:#22c55e1a}.admin-service-icon.warning{color:var(--orange);background:#f973161a}.admin-service-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-service-info strong{font-size:12px}.admin-service-info span,.admin-service-uptime span{color:var(--text-muted);font-size:10px}.admin-service-uptime{text-align:right;flex-direction:column;gap:2px;display:flex}.admin-service-uptime strong{font-size:11px}.admin-service-dot{border-radius:50%;width:7px;height:7px}.admin-service-dot.healthy{background:var(--green)}.admin-service-dot.warning{background:var(--orange)}.admin-outline-button{border:1px solid var(--border-color);width:100%;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;margin-top:14px;font-size:11px}.admin-outline-button:hover{color:var(--text-primary);border-color:var(--accent-1);background:var(--bg-card-hover)}.admin-text-button{color:var(--accent-1);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;display:flex}.admin-icon-button{border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px}.admin-icon-button:hover{color:var(--text-primary);border-color:var(--accent-1)}.admin-tenant-table{width:100%;overflow:auto}.admin-table-head,.admin-table-row{grid-template-columns:2fr .75fr 1.25fr .65fr .8fr;align-items:center;gap:12px;min-width:650px;display:grid}.admin-table-head{color:var(--text-muted);letter-spacing:.6px;border-bottom:1px solid var(--border-color);padding:0 0 9px;font-size:9px;font-weight:800}.admin-table-row{border-bottom:1px solid var(--border-color);padding:11px 0;font-size:11px}.admin-table-row:last-child{border-bottom:0}.admin-tenant-name{align-items:center;gap:9px;display:flex}.admin-tenant-avatar{background:var(--accent-gradient);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.admin-tenant-name div:last-child{flex-direction:column;gap:2px;display:flex}.admin-tenant-name small{color:var(--text-muted);font-size:9px}.admin-answer-rate{align-items:center;gap:8px;display:flex}.admin-answer-rate>span{width:28px}.admin-answer-rate>div{background:var(--border-color);border-radius:10px;width:65px;height:4px;overflow:hidden}.admin-answer-rate i{background:var(--accent-gradient);border-radius:10px;height:100%;display:block}.admin-status{align-items:center;gap:5px;font-size:10px;display:flex}.admin-status span{border-radius:50%;width:5px;height:5px}.admin-status.healthy{color:var(--green)}.admin-status.healthy span{background:var(--green)}.admin-status.warning{color:var(--orange)}.admin-status.warning span{background:var(--orange)}.admin-incidents-list{flex-direction:column;gap:4px;display:flex}.admin-incident{border-bottom:1px solid var(--border-color);gap:10px;padding:10px 0;display:flex}.admin-incident:last-child{border-bottom:0}.admin-incident-icon{border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.admin-incident-icon.warning{color:var(--orange);background:#f973161a}.admin-incident-icon.info{color:var(--accent-2);background:#5b8def1a}.admin-incident-icon.success{color:var(--green);background:#22c55e1a}.admin-incident>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.admin-incident strong{font-size:11px}.admin-incident span{color:var(--text-muted);font-size:9px}.admin-metric-list{flex-direction:column;gap:18px;display:flex}.admin-metric{grid-template-columns:1fr auto;align-items:center;gap:5px 10px;display:grid}.admin-metric span{color:var(--text-secondary);font-size:11px}.admin-metric strong{font-size:13px}.admin-metric-track{background:var(--border-color);border-radius:10px;grid-column:1/-1;height:5px;overflow:hidden}.admin-metric-track i{background:var(--accent-gradient);border-radius:10px;height:100%;display:block}.admin-action-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-action-grid button{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:0;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:30px 1fr 12px;align-items:center;gap:9px;padding:11px;display:grid}.admin-action-grid button:hover{border-color:var(--accent-1);background:var(--bg-card-hover)}.admin-action-grid button>i:first-child{background:var(--accent-glow);width:30px;height:30px;color:var(--accent-1);border-radius:8px;place-items:center;font-size:11px;display:grid}.admin-action-grid span{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-action-grid strong{font-size:10px}.admin-action-grid small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.admin-action-grid button>i:last-child{color:var(--text-muted);font-size:9px}@media (width<=1100px){.admin-kpi-grid{grid-template-columns:1fr 1fr}.admin-overview-grid,.admin-content-grid,.admin-bottom-grid{grid-template-columns:1fr}}@media (width<=700px){.admin-dashboard-page{padding:18px 14px 30px}.admin-page-header{flex-direction:column;align-items:stretch}.admin-header-actions{width:100%}.admin-header-actions>*{flex:1}.admin-kpi-grid,.admin-action-grid{grid-template-columns:1fr}}.user-dashboard-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.user-dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.user-dashboard-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.user-dashboard-live-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px var(--green-bg);border-radius:50%}.user-dashboard-header h1{color:var(--text-primary);margin:0;font-size:26px;font-weight:700;line-height:1.25}.user-dashboard-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.user-dashboard-header-actions{align-items:center;gap:10px;display:flex}.user-dashboard-range{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);min-width:145px;height:40px;color:var(--text-primary);cursor:pointer;outline:none;padding:0 12px;font-family:inherit;font-size:12px}.user-dashboard-primary-button{border-radius:var(--radius-sm);background:var(--accent-1);color:#fff;cursor:pointer;border:0;align-items:center;gap:8px;height:40px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.user-dashboard-primary-button:hover{opacity:.92;transform:translateY(-1px)}.user-dashboard-workspace{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);align-items:center;gap:12px;margin-bottom:18px;padding:13px 16px;display:flex}.user-dashboard-workspace>i{background:var(--accent-glow);width:34px;height:34px;color:var(--accent-1);border-radius:9px;justify-content:center;align-items:center;font-size:14px;display:flex}.user-dashboard-workspace>div{flex-direction:column;flex:1;gap:2px;display:flex}.user-dashboard-workspace>div span{color:var(--text-muted);font-size:10px}.user-dashboard-workspace>div strong{color:var(--text-primary);font-size:13px}.user-dashboard-workspace-status{color:var(--green);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.user-dashboard-workspace-status span{background:var(--green);border-radius:50%;width:6px;height:6px}.user-dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.user-dashboard-kpi{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:142px;box-shadow:var(--shadow-sm);padding:17px}.user-dashboard-kpi-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.user-dashboard-kpi-icon{border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.user-dashboard-kpi-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.user-dashboard-kpi-icon.green{background:var(--green-bg);color:var(--green)}.user-dashboard-kpi-icon.orange{background:var(--orange-bg);color:var(--orange)}.user-dashboard-kpi-icon.blue{color:#3b82f6;background:#3b82f61f}.user-dashboard-kpi-change{align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.user-dashboard-kpi-change.positive{color:var(--green)}.user-dashboard-kpi-change.negative{color:var(--red)}.user-dashboard-kpi-live{color:var(--green);align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.user-dashboard-kpi-live span{background:var(--green);width:6px;height:6px;box-shadow:0 0 0 3px var(--green-bg);border-radius:50%}.user-dashboard-kpi-label{color:var(--text-secondary);margin-bottom:5px;font-size:11px;display:block}.user-dashboard-kpi-value{color:var(--text-primary);font-size:24px;line-height:1.1;display:block}.user-dashboard-kpi-meta{color:var(--text-muted);margin-top:7px;font-size:10px;display:block}.user-dashboard-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-width:0;box-shadow:var(--shadow-sm);overflow:hidden}.user-dashboard-card-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 18px;display:flex}.user-dashboard-card-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:650;display:flex}.user-dashboard-card-header h3 i{color:var(--accent-1);font-size:13px}.user-dashboard-card-header p{color:var(--text-muted);margin:5px 0 0;font-size:10px}.user-dashboard-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);gap:16px;margin-bottom:16px;display:grid}.user-dashboard-chart-total{align-items:baseline;gap:5px;display:flex}.user-dashboard-chart-total strong{color:var(--text-primary);font-size:20px}.user-dashboard-chart-total span{color:var(--text-muted);font-size:10px}.user-dashboard-chart{height:255px;padding:4px 18px 18px;display:flex}.user-dashboard-y-axis{flex-direction:column;justify-content:space-between;width:28px;padding:4px 0 22px;display:flex}.user-dashboard-y-axis span{color:var(--text-muted);font-size:9px}.user-dashboard-chart-area{flex:1;min-width:0;position:relative}.user-dashboard-chart-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:4px 0 23px}.user-dashboard-chart-grid span{border-top:1px dashed var(--border-color);width:100%}.user-dashboard-bars{justify-content:space-around;align-items:flex-end;gap:10px;display:flex;position:absolute;inset:4px 0 0}.user-dashboard-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;max-width:65px;height:100%;display:flex}.user-dashboard-bar{background:linear-gradient(to top, var(--accent-1), var(--accent-2));border-radius:5px 5px 2px 2px;width:70%;min-height:4px;transition:height .3s;position:relative}.user-dashboard-bar span{color:var(--text-secondary);opacity:0;font-size:9px;transition:opacity .2s;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.user-dashboard-bar-column:hover .user-dashboard-bar span{opacity:1}.user-dashboard-bar-column small{color:var(--text-muted);font-size:9px}.user-dashboard-live-pill{background:var(--green-bg);color:var(--green);border-radius:20px;align-items:center;gap:6px;padding:4px 8px;font-size:9px;font-weight:700;display:flex}.user-dashboard-live-pill span{background:var(--green);border-radius:50%;width:5px;height:5px}.user-dashboard-live-summary{border:1px solid var(--border-color);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 18px;display:grid;overflow:hidden}.user-dashboard-live-summary>div{background:var(--bg-secondary);text-align:center;padding:11px 8px}.user-dashboard-live-summary strong{color:var(--text-primary);font-size:17px;display:block}.user-dashboard-live-summary span{color:var(--text-muted);margin-top:3px;font-size:9px;display:block}.user-dashboard-live-list{padding:8px 18px}.user-dashboard-live-row{border-bottom:1px solid var(--border-color);align-items:center;gap:9px;padding:10px 0;display:flex}.user-dashboard-live-row:last-child{border-bottom:0}.user-dashboard-caller-avatar,.user-dashboard-small-avatar{background:var(--accent-glow);color:var(--accent-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-dashboard-caller-avatar{width:31px;height:31px;font-size:11px}.user-dashboard-live-info{flex:1;min-width:0}.user-dashboard-live-info strong,.user-dashboard-live-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-dashboard-live-info strong{color:var(--text-primary);font-size:11px}.user-dashboard-live-info span{color:var(--text-muted);margin-top:2px;font-size:9px}.user-dashboard-live-meta{text-align:right}.user-dashboard-live-meta strong{color:var(--text-secondary);font-size:10px;display:block}.user-dashboard-live-meta span{margin-top:3px;font-size:8px;font-weight:600;display:inline-block}.user-dashboard-live-meta span.active{color:var(--green)}.user-dashboard-live-meta span.waiting{color:var(--orange)}.user-dashboard-outline-button{border:1px solid var(--border-color);width:calc(100% - 36px);height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:7px;margin:5px 18px 18px;font-family:inherit;font-size:10px;font-weight:600}.user-dashboard-outline-button:hover{border-color:var(--accent-1);color:var(--accent-1)}.user-dashboard-lower-grid{grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);gap:16px;margin-bottom:16px;display:grid}.user-dashboard-link-button{color:var(--accent-1);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.user-dashboard-call-list{border-top:1px solid var(--border-color)}.user-dashboard-call-row{border-bottom:1px solid var(--border-color);grid-template-columns:minmax(170px,1.5fr) minmax(120px,1fr) 65px 85px 25px;align-items:center;gap:10px;padding:11px 18px;display:grid}.user-dashboard-call-row:last-child{border-bottom:0}.user-dashboard-call-person{align-items:center;gap:9px;min-width:0;display:flex}.user-dashboard-small-avatar{width:29px;height:29px;font-size:10px}.user-dashboard-call-person>div:last-child{min-width:0}.user-dashboard-call-person strong,.user-dashboard-call-person span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-dashboard-call-person strong{color:var(--text-primary);font-size:10px}.user-dashboard-call-person span{color:var(--text-muted);margin-top:2px;font-size:8px}.user-dashboard-call-flow strong,.user-dashboard-call-flow span{display:block}.user-dashboard-call-flow strong{color:var(--text-secondary);font-size:9px}.user-dashboard-call-flow span{color:var(--text-muted);margin-top:3px;font-size:8px}.user-dashboard-duration{color:var(--text-secondary);font-size:9px}.user-dashboard-call-status{align-items:center;gap:5px;font-size:8px;font-weight:600;display:flex}.user-dashboard-call-status>span{border-radius:50%;width:5px;height:5px}.user-dashboard-call-status.answered{color:var(--green)}.user-dashboard-call-status.answered>span{background:var(--green)}.user-dashboard-call-status.missed{color:var(--orange)}.user-dashboard-call-status.missed>span{background:var(--orange)}.user-dashboard-call-status.abandoned{color:var(--red)}.user-dashboard-call-status.abandoned>span{background:var(--red)}.user-dashboard-row-arrow{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px}.user-dashboard-row-arrow:hover{background:var(--bg-secondary);color:var(--accent-1)}.user-dashboard-flow-list{padding:0 18px}.user-dashboard-flow-row{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:11px 0;display:flex}.user-dashboard-flow-row:last-child{border-bottom:0}.user-dashboard-flow-icon{background:var(--accent-glow);width:32px;height:32px;color:var(--accent-1);border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex}.user-dashboard-flow-info{flex:1;min-width:0}.user-dashboard-flow-info strong,.user-dashboard-flow-info span{display:block}.user-dashboard-flow-info strong{color:var(--text-primary);font-size:10px}.user-dashboard-flow-info span{color:var(--text-muted);margin-top:3px;font-size:8px}.user-dashboard-flow-calls{text-align:right}.user-dashboard-flow-calls strong{color:var(--text-primary);font-size:11px;display:block}.user-dashboard-flow-calls span{color:var(--text-muted);font-size:8px}.user-dashboard-flow-active{color:var(--green);align-items:center;gap:4px;font-size:8px;font-weight:600;display:flex}.user-dashboard-flow-active span{background:var(--green);border-radius:50%;width:5px;height:5px}.user-dashboard-create-flow{border:1px dashed var(--border-color);width:calc(100% - 36px);height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:7px;margin:12px 18px 18px;font-family:inherit;font-size:9px;font-weight:600}.user-dashboard-create-flow:hover{border-color:var(--accent-1);color:var(--accent-1)}.user-dashboard-agents-card{margin-bottom:16px}.user-dashboard-agent-stats{border-top:1px solid var(--border-color);grid-template-columns:repeat(3,1fr) 1.3fr;display:grid}.user-dashboard-agent-stat{border-right:1px solid var(--border-color);align-items:center;gap:10px;padding:15px 18px;display:flex}.user-dashboard-agent-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;display:flex}.user-dashboard-agent-stat-icon.green{background:var(--green-bg);color:var(--green)}.user-dashboard-agent-stat-icon.orange{background:var(--orange-bg);color:var(--orange)}.user-dashboard-agent-stat-icon.gray{background:var(--bg-secondary);color:var(--text-muted)}.user-dashboard-agent-stat strong,.user-dashboard-agent-stat span{display:block}.user-dashboard-agent-stat strong{color:var(--text-primary);font-size:17px}.user-dashboard-agent-stat span{color:var(--text-muted);margin-top:2px;font-size:9px}.user-dashboard-agent-total{justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.user-dashboard-agent-total span{color:var(--text-muted);font-size:10px}.user-dashboard-agent-total strong{color:var(--text-primary);font-size:20px}.user-dashboard-quick-actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.user-dashboard-quick-actions>button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);min-width:0;color:var(--text-primary);text-align:left;cursor:pointer;align-items:center;gap:11px;padding:13px;font-family:inherit;transition:border-color .2s,transform .2s;display:flex}.user-dashboard-quick-actions>button:hover{border-color:var(--accent-1);transform:translateY(-1px)}.user-dashboard-quick-actions>button>span{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.user-dashboard-quick-actions>button>span.purple{background:var(--accent-glow);color:var(--accent-1)}.user-dashboard-quick-actions>button>span.blue{color:#3b82f6;background:#3b82f61f}.user-dashboard-quick-actions>button>span.green{background:var(--green-bg);color:var(--green)}.user-dashboard-quick-actions>button>div{flex:1;min-width:0}.user-dashboard-quick-actions strong,.user-dashboard-quick-actions small{display:block}.user-dashboard-quick-actions strong{color:var(--text-primary);font-size:10px}.user-dashboard-quick-actions small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.user-dashboard-quick-actions>button>i{color:var(--text-muted);font-size:9px}@media (width<=1200px){.user-dashboard-kpis{grid-template-columns:repeat(2,1fr)}.user-dashboard-main-grid,.user-dashboard-lower-grid{grid-template-columns:1fr}.user-dashboard-agent-stats{grid-template-columns:repeat(3,1fr)}.user-dashboard-agent-total{border-top:1px solid var(--border-color);grid-column:1/-1}}@media (width<=800px){.user-dashboard-page{padding:18px 14px 30px}.user-dashboard-header{flex-direction:column;align-items:flex-start}.user-dashboard-header-actions{width:100%}.user-dashboard-range,.user-dashboard-primary-button{flex:1}.user-dashboard-call-row{grid-template-columns:1fr auto auto}.user-dashboard-call-flow,.user-dashboard-call-status{display:none}.user-dashboard-agent-stats{grid-template-columns:1fr 1fr}.user-dashboard-agent-stat{border-bottom:1px solid var(--border-color)}.user-dashboard-quick-actions{grid-template-columns:1fr}}@media (width<=550px){.user-dashboard-kpis{grid-template-columns:1fr}.user-dashboard-workspace{align-items:flex-start}.user-dashboard-workspace-status{display:none}.user-dashboard-header h1{font-size:22px}.user-dashboard-header-actions{flex-direction:column}.user-dashboard-range,.user-dashboard-primary-button{width:100%}.user-dashboard-chart{height:220px}.user-dashboard-agent-stats{grid-template-columns:1fr}.user-dashboard-agent-stat{border-right:0}.user-dashboard-live-summary{margin:0 12px}.user-dashboard-live-list{padding-left:12px;padding-right:12px}}.dashboard-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.dashboard-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.dashboard-live-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.dashboard-header h1{color:var(--text-primary);margin:0;font-size:27px;line-height:1.2}.dashboard-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.dashboard-header-button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);height:40px;color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.dashboard-header-button:hover{border-color:var(--accent-1);color:var(--accent-1)}.dashboard-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.dashboard-kpi-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:140px;box-shadow:var(--shadow-sm);padding:17px}.dashboard-kpi-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dashboard-kpi-icon{border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dashboard-kpi-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.dashboard-kpi-icon.green{background:var(--green-bg);color:var(--green)}.dashboard-kpi-icon.orange{background:var(--orange-bg);color:var(--orange)}.dashboard-kpi-icon.blue{color:#3b82f6;background:#3b82f61f}.dashboard-kpi-change{font-size:10px;font-weight:600}.dashboard-kpi-change.positive{color:var(--green)}.dashboard-kpi-change.negative{color:var(--red)}.dashboard-live-label{color:var(--green);align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.dashboard-live-label span{background:var(--green);border-radius:50%;width:6px;height:6px}.dashboard-kpi-label{color:var(--text-secondary);margin-bottom:5px;font-size:11px;display:block}.dashboard-kpi-value{color:var(--text-primary);font-size:24px;display:block}.dashboard-kpi-description{color:var(--text-muted);margin-top:6px;font-size:9px;display:block}.dashboard-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.dashboard-card-header{justify-content:space-between;align-items:flex-start;gap:15px;padding:17px 18px;display:flex}.dashboard-card-header h2{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.dashboard-card-header h2 i{color:var(--accent-1);font-size:13px}.dashboard-card-header p{color:var(--text-muted);margin:5px 0 0;font-size:10px}.dashboard-link-button{color:var(--accent-1);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.dashboard-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);gap:16px;margin-bottom:16px;display:grid}.dashboard-chart-total{align-items:baseline;gap:5px;display:flex}.dashboard-chart-total strong{color:var(--text-primary);font-size:20px}.dashboard-chart-total span{color:var(--text-muted);font-size:9px}.dashboard-chart{height:255px;padding:4px 18px 18px;display:flex}.dashboard-y-axis{flex-direction:column;justify-content:space-between;width:30px;padding:4px 0 22px;display:flex}.dashboard-y-axis span{color:var(--text-muted);font-size:9px}.dashboard-chart-area{flex:1;position:relative}.dashboard-grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:4px 0 23px}.dashboard-grid-lines span{border-top:1px dashed var(--border-color)}.dashboard-bars{justify-content:space-around;align-items:flex-end;gap:10px;display:flex;position:absolute;inset:4px 0 0}.dashboard-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;max-width:65px;height:100%;display:flex}.dashboard-bar{background:linear-gradient(to top, var(--accent-1), var(--accent-2));border-radius:5px 5px 2px 2px;width:65%;min-height:4px;position:relative}.dashboard-bar span{color:var(--text-secondary);opacity:0;font-size:9px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.dashboard-bar-column:hover .dashboard-bar span{opacity:1}.dashboard-bar-column small{color:var(--text-muted);font-size:9px}.dashboard-agent-overview{padding:0 18px 15px}.dashboard-agent-total{align-items:baseline;gap:7px;display:flex}.dashboard-agent-total strong{color:var(--text-primary);font-size:27px}.dashboard-agent-total span{color:var(--text-muted);font-size:10px}.dashboard-agent-progress{margin-top:9px}.dashboard-agent-progress-track{background:var(--bg-secondary);border-radius:10px;height:6px;overflow:hidden}.dashboard-agent-progress-track span{border-radius:inherit;background:var(--accent-1);height:100%;display:block}.dashboard-agent-progress small{color:var(--text-muted);margin-top:6px;font-size:9px;display:block}.dashboard-agent-list{border-top:1px solid var(--border-color)}.dashboard-agent-row{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:12px 18px;display:flex}.dashboard-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dashboard-status-dot.green{background:var(--green)}.dashboard-status-dot.orange{background:var(--orange)}.dashboard-status-dot.gray{background:var(--text-muted)}.dashboard-agent-row div{flex:1}.dashboard-agent-row strong,.dashboard-agent-row span{display:block}.dashboard-agent-row strong{color:var(--text-primary);font-size:10px}.dashboard-agent-row span{color:var(--text-muted);margin-top:2px;font-size:8px}.dashboard-agent-row b{color:var(--text-primary);font-size:13px}.dashboard-manage-agents{border:1px solid var(--border-color);width:calc(100% - 36px);height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:7px;margin:13px 18px 18px;font-family:inherit;font-size:10px;font-weight:600}.dashboard-manage-agents:hover{border-color:var(--accent-1);color:var(--accent-1)}.dashboard-recent-card{margin-bottom:16px}.dashboard-call-list{border-top:1px solid var(--border-color)}.dashboard-call-row{border-bottom:1px solid var(--border-color);grid-template-columns:minmax(190px,1.5fr) minmax(120px,1fr) 70px 90px 25px;align-items:center;gap:12px;padding:11px 18px;display:grid}.dashboard-call-row:last-child{border-bottom:0}.dashboard-caller{align-items:center;gap:9px;min-width:0;display:flex}.dashboard-avatar{background:var(--accent-glow);width:30px;height:30px;color:var(--accent-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.dashboard-caller div:last-child{min-width:0}.dashboard-caller strong,.dashboard-caller span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-caller strong{color:var(--text-primary);font-size:10px}.dashboard-caller span{color:var(--text-muted);margin-top:2px;font-size:8px}.dashboard-call-flow strong,.dashboard-call-flow span{display:block}.dashboard-call-flow strong{color:var(--text-secondary);font-size:9px}.dashboard-call-flow span{color:var(--text-muted);margin-top:3px;font-size:8px}.dashboard-duration{color:var(--text-secondary);font-size:9px}.dashboard-call-status{align-items:center;gap:5px;font-size:8px;font-weight:600;display:flex}.dashboard-call-status>span{border-radius:50%;width:5px;height:5px}.dashboard-call-status.answered{color:var(--green)}.dashboard-call-status.answered>span{background:var(--green)}.dashboard-call-status.missed{color:var(--orange)}.dashboard-call-status.missed>span{background:var(--orange)}.dashboard-call-status.abandoned{color:var(--red)}.dashboard-call-status.abandoned>span{background:var(--red)}.dashboard-row-arrow{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px}.dashboard-row-arrow:hover{color:var(--accent-1);background:var(--bg-secondary)}.dashboard-actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dashboard-actions>button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);text-align:left;cursor:pointer;align-items:center;gap:11px;min-width:0;padding:13px;font-family:inherit;display:flex}.dashboard-actions>button:hover{border-color:var(--accent-1)}.dashboard-actions>button>span{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dashboard-actions>button>span.purple{background:var(--accent-glow);color:var(--accent-1)}.dashboard-actions>button>span.green{background:var(--green-bg);color:var(--green)}.dashboard-actions>button>span.blue{color:#3b82f6;background:#3b82f61f}.dashboard-actions>button div{flex:1;min-width:0}.dashboard-actions strong,.dashboard-actions small{display:block}.dashboard-actions strong{color:var(--text-primary);font-size:10px}.dashboard-actions small{color:var(--text-muted);margin-top:3px;font-size:8px}.dashboard-actions>button>i{color:var(--text-muted);font-size:9px}@media (width<=1200px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid{grid-template-columns:1fr}}@media (width<=800px){.dashboard-page{padding:18px 14px 30px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-call-row{grid-template-columns:1fr auto auto}.dashboard-call-flow,.dashboard-call-status{display:none}.dashboard-actions{grid-template-columns:1fr}}@media (width<=550px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-header-button{justify-content:center;width:100%}.dashboard-call-row{grid-template-columns:1fr auto}.dashboard-duration{display:none}.dashboard-chart{height:220px}}.analytics-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.analytics-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.analytics-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.analytics-eyebrow i{color:var(--accent-1)}.analytics-header h1{color:var(--text-primary);margin:0;font-size:27px;line-height:1.2}.analytics-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.analytics-header-actions{align-items:center;gap:9px;display:flex}.analytics-period-select,.analytics-history-button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);height:40px;color:var(--text-primary);cursor:pointer;padding:0 13px;font-family:inherit;font-size:10px}.analytics-period-select{min-width:115px}.analytics-history-button{align-items:center;gap:7px;font-weight:600;display:flex}.analytics-history-button:hover{border-color:var(--accent-1);color:var(--accent-1)}.analytics-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.analytics-stat-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:138px;box-shadow:var(--shadow-sm);padding:17px}.analytics-stat-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.analytics-stat-icon{border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.analytics-stat-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.analytics-stat-icon.green{background:var(--green-bg);color:var(--green)}.analytics-stat-icon.blue{color:#3b82f6;background:#3b82f61f}.analytics-stat-icon.orange{background:var(--orange-bg);color:var(--orange)}.analytics-stat-change{font-size:10px;font-weight:600}.analytics-stat-change.purple,.analytics-stat-change.green,.analytics-stat-change.blue,.analytics-stat-change.orange{color:var(--green)}.analytics-stat-label{color:var(--text-secondary);margin-bottom:5px;font-size:10px;display:block}.analytics-stat-value{color:var(--text-primary);font-size:23px;display:block}.analytics-stat-period{color:var(--text-muted);margin-top:6px;font-size:8px;display:block}.analytics-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.analytics-card-header{justify-content:space-between;align-items:flex-start;gap:15px;padding:17px 18px;display:flex}.analytics-card-header h2{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.analytics-card-header h2 i{color:var(--accent-1);font-size:13px}.analytics-card-header p{color:var(--text-muted);margin:5px 0 0;font-size:10px}.analytics-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:16px;margin-bottom:16px;display:grid}.analytics-legend{align-items:center;gap:14px;display:flex}.analytics-legend span{color:var(--text-secondary);align-items:center;gap:5px;font-size:9px;display:flex}.analytics-legend-dot{border-radius:50%;width:7px;height:7px}.analytics-legend-dot.calls{background:var(--accent-1)}.analytics-legend-dot.answered{background:var(--green)}.analytics-chart{height:285px;padding:5px 18px 18px;display:flex}.analytics-y-axis{flex-direction:column;justify-content:space-between;width:30px;padding:3px 0 24px;display:flex}.analytics-y-axis span{color:var(--text-muted);font-size:9px}.analytics-chart-area{flex:1;position:relative}.analytics-grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:3px 0 25px}.analytics-grid-lines span{border-top:1px dashed var(--border-color)}.analytics-chart-bars{justify-content:space-around;gap:8px;display:flex;position:absolute;inset:3px 0 0}.analytics-chart-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;max-width:70px;height:100%;display:flex}.analytics-bars{justify-content:center;align-items:flex-end;gap:3px;width:75%;height:calc(100% - 25px);display:flex}.analytics-volume-bar{border-radius:4px 4px 1px 1px;width:42%;min-height:3px;transition:opacity .2s}.analytics-volume-bar.calls{background:var(--accent-1)}.analytics-volume-bar.answered{background:var(--green)}.analytics-volume-bar:hover{opacity:.7}.analytics-chart-column small{color:var(--text-muted);font-size:8px}.analytics-donut-area{justify-content:center;align-items:center;padding:10px 0 18px;display:flex}.analytics-donut{background:conic-gradient(var(--accent-1) 0 42%, var(--green) 42% 72%, var(--orange) 72% 90%, #64748b 90% 100%);border-radius:50%;justify-content:center;align-items:center;width:145px;height:145px;display:flex}.analytics-donut-inner{background:var(--bg-card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:105px;height:105px;display:flex}.analytics-donut-inner strong{color:var(--text-primary);font-size:20px}.analytics-donut-inner span{color:var(--text-muted);margin-top:3px;font-size:8px}.analytics-flow-list{border-top:1px solid var(--border-color)}.analytics-flow-row{border-bottom:1px solid var(--border-color);align-items:center;gap:9px;padding:10px 18px;display:flex}.analytics-flow-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.analytics-flow-dot.flow-0{background:var(--accent-1)}.analytics-flow-dot.flow-1{background:var(--green)}.analytics-flow-dot.flow-2{background:var(--orange)}.analytics-flow-dot.flow-3{background:#64748b}.analytics-flow-row div{flex:1}.analytics-flow-row strong,.analytics-flow-row span{display:block}.analytics-flow-row strong{color:var(--text-primary);font-size:9px}.analytics-flow-row span{color:var(--text-muted);margin-top:2px;font-size:8px}.analytics-flow-row b{color:var(--text-secondary);font-size:10px}.analytics-agents-card{margin-bottom:16px}.analytics-view-agents{color:var(--accent-1);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:10px;font-weight:600}.analytics-view-agents i{margin-left:5px}.analytics-table-wrapper{border-top:1px solid var(--border-color);overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%}.analytics-table th{background:var(--bg-secondary);color:var(--text-muted);text-align:left;white-space:nowrap;padding:11px 18px;font-size:8px;font-weight:600}.analytics-table td{border-top:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;padding:12px 18px;font-size:9px}.analytics-table tbody tr:hover{background:var(--bg-secondary)}.analytics-agent-name{align-items:center;gap:9px;display:flex}.analytics-agent-name strong{color:var(--text-primary);font-size:9px}.analytics-agent-avatar{background:var(--accent-glow);width:27px;height:27px;color:var(--accent-1);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.analytics-rate{background:var(--green-bg);color:var(--green);border-radius:5px;padding:4px 7px;font-size:8px;font-weight:600}.analytics-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.analytics-summary-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);align-items:center;gap:11px;padding:14px;display:flex}.analytics-summary-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.analytics-summary-icon.green{background:var(--green-bg);color:var(--green)}.analytics-summary-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.analytics-summary-icon.orange{background:var(--orange-bg);color:var(--orange)}.analytics-summary-card div:last-child{min-width:0}.analytics-summary-card span,.analytics-summary-card strong,.analytics-summary-card small{display:block}.analytics-summary-card span{color:var(--text-muted);font-size:8px}.analytics-summary-card strong{color:var(--text-primary);margin-top:2px;font-size:14px}.analytics-summary-card small{color:var(--text-muted);margin-top:2px;font-size:8px}@media (width<=1200px){.analytics-stats{grid-template-columns:repeat(2,1fr)}.analytics-main-grid{grid-template-columns:1fr}}@media (width<=800px){.analytics-page{padding:18px 14px 30px}.analytics-header{flex-direction:column;align-items:flex-start}.analytics-header-actions{width:100%}.analytics-period-select,.analytics-history-button{flex:1}.analytics-summary-grid{grid-template-columns:1fr}}@media (width<=550px){.analytics-stats{grid-template-columns:1fr}.analytics-legend{display:none}.analytics-chart{height:230px}.analytics-header-actions{flex-direction:column}.analytics-period-select,.analytics-history-button{width:100%}}.call-history-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.call-history-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.call-history-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.call-history-eyebrow i{color:var(--accent-1)}.call-history-header h1{color:var(--text-primary);margin:0;font-size:27px}.call-history-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.call-history-back-button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);height:40px;color:var(--text-primary);cursor:pointer;align-items:center;gap:7px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.call-history-back-button:hover{border-color:var(--accent-1);color:var(--accent-1)}.call-history-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.call-history-summary-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:82px;box-shadow:var(--shadow-sm);align-items:center;gap:11px;padding:14px;display:flex}.call-history-summary-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.call-history-summary-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.call-history-summary-icon.green{background:var(--green-bg);color:var(--green)}.call-history-summary-icon.orange{background:var(--orange-bg);color:var(--orange)}.call-history-summary-icon.red{background:var(--red-bg);color:var(--red)}.call-history-summary-card span,.call-history-summary-card strong{display:block}.call-history-summary-card span{color:var(--text-muted);font-size:9px}.call-history-summary-card strong{color:var(--text-primary);margin-top:4px;font-size:19px}.call-history-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.call-history-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.call-history-search{flex:1;align-items:center;min-width:280px;max-width:430px;height:36px;display:flex;position:relative}.call-history-search>i{color:var(--text-muted);font-size:10px;position:absolute;left:12px}.call-history-search input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);border-radius:7px;outline:none;padding:0 34px 0 31px;font-family:inherit;font-size:10px}.call-history-search input:focus{border-color:var(--accent-1)}.call-history-search input::placeholder{color:var(--text-muted)}.call-history-search button{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;position:absolute;right:7px}.call-history-filters{gap:7px;display:flex}.call-history-filters select{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:105px;height:36px;color:var(--text-secondary);border-radius:7px;outline:none;padding:0 25px 0 10px;font-family:inherit;font-size:9px}.call-history-filters select:focus{border-color:var(--accent-1)}.call-history-table-wrapper{width:100%;overflow-x:auto}.call-history-table{border-collapse:collapse;width:100%;min-width:950px}.call-history-table th{background:var(--bg-secondary);color:var(--text-muted);text-align:left;white-space:nowrap;padding:11px 16px;font-size:8px;font-weight:700}.call-history-table td{border-top:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;padding:11px 16px;font-size:9px}.call-history-table tbody tr{transition:background .15s}.call-history-table tbody tr:hover{background:var(--bg-secondary)}.call-history-caller{align-items:center;gap:9px;display:flex}.call-history-avatar{background:var(--accent-glow);width:30px;height:30px;color:var(--accent-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.call-history-caller strong,.call-history-caller span{display:block}.call-history-caller strong{color:var(--text-primary);font-size:9px}.call-history-caller span{color:var(--text-muted);margin-top:2px;font-size:8px}.call-history-id{color:var(--text-muted);font-family:monospace;font-size:8px}.call-history-agent{color:var(--text-secondary)}.call-history-flow{background:var(--accent-glow);color:var(--accent-1);border-radius:5px;padding:4px 7px;font-size:8px;font-weight:600}.call-history-duration{color:var(--text-secondary);font-variant-numeric:tabular-nums}.call-history-time{color:var(--text-muted);font-size:8px}.call-history-status{align-items:center;gap:5px;font-size:8px;font-weight:600;display:inline-flex}.call-history-status>span{border-radius:50%;width:5px;height:5px}.call-history-status.answered{color:var(--green)}.call-history-status.answered>span{background:var(--green)}.call-history-status.missed{color:var(--orange)}.call-history-status.missed>span{background:var(--orange)}.call-history-status.abandoned{color:var(--red)}.call-history-status.abandoned>span{background:var(--red)}.call-history-view{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px}.call-history-view:hover{background:var(--accent-glow);color:var(--accent-1)}.call-history-empty{height:250px;text-align:center!important}.call-history-empty>div{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.call-history-empty i{color:var(--text-muted);margin-bottom:5px;font-size:24px}.call-history-empty strong{color:var(--text-primary);font-size:12px}.call-history-empty span{color:var(--text-muted);font-size:9px}.call-history-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;min-height:52px;padding:9px 18px;display:flex}.call-history-footer>span{color:var(--text-muted);font-size:9px}.call-history-footer>span strong{color:var(--text-secondary)}.call-history-pagination{align-items:center;gap:4px;display:flex}.call-history-pagination button{border:1px solid var(--border-color);background:var(--bg-card);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:5px;font-family:inherit;font-size:9px}.call-history-pagination button:hover:not(:disabled),.call-history-pagination button.active{border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.call-history-pagination button:disabled{opacity:.4;cursor:not-allowed}@media (width<=1100px){.call-history-summary{grid-template-columns:repeat(2,1fr)}.call-history-toolbar{flex-direction:column;align-items:stretch}.call-history-search{max-width:none}.call-history-filters{width:100%}.call-history-filters select{flex:1}}@media (width<=700px){.call-history-page{padding:18px 14px 30px}.call-history-header{flex-direction:column;align-items:flex-start}.call-history-back-button{justify-content:center;width:100%}.call-history-summary{grid-template-columns:1fr 1fr}.call-history-filters{flex-wrap:wrap}.call-history-filters select{flex:45%;min-width:0}}@media (width<=450px){.call-history-summary{grid-template-columns:1fr}.call-history-footer{flex-direction:column;align-items:flex-start}}.call-history-flow{align-items:center;gap:5px;display:inline-flex}.call-history-flow.inbound{background:var(--green-bg);color:var(--green)}.call-history-flow.outbound{background:var(--accent-glow);color:var(--accent-1)}.call-details-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:30px;animation:.18s callDetailsFadeIn;display:flex;position:fixed;inset:0}.call-details-modal{border:1px solid var(--border-color);background:var(--bg-card);width:min(650px,100%);max-height:calc(100vh - 60px);box-shadow:var(--shadow-lg);border-radius:14px;animation:.22s callDetailsSlideUp;overflow-y:auto}@keyframes callDetailsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes callDetailsSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.call-details-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:22px 22px 16px;display:flex}.call-details-eyebrow{color:var(--accent-1);letter-spacing:1.2px;margin-bottom:6px;font-size:9px;font-weight:700}.call-details-header h2{color:var(--text-primary);margin:0;font-size:19px;font-weight:700}.call-details-header p{color:var(--text-muted);margin:5px 0 0;font-size:10px}.call-details-close{border:1px solid var(--border-color);background:var(--bg-secondary);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:7px;transition:all .15s}.call-details-close:hover{border-color:var(--accent-1);color:var(--accent-1)}.call-details-status-row{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.call-details-id{color:var(--text-muted);font-family:monospace;font-size:9px}.call-details-grid{border:1px solid var(--border-color);background:var(--border-color);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 22px 0;display:grid;overflow:hidden}.call-detail-item{background:var(--bg-card);min-height:68px;padding:12px}.call-detail-item span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px;font-size:8px;font-weight:600;display:block}.call-detail-item strong{color:var(--text-primary);font-size:10px;font-weight:600;display:block}.call-detail-item strong i{color:var(--accent-1);font-size:9px}.call-details-section{padding:20px 22px 4px}.call-details-section-title{color:var(--text-primary);align-items:center;gap:7px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.call-details-section-title i{color:var(--accent-1)}.call-timeline{padding-left:2px}.call-timeline-item{align-items:center;gap:11px;display:flex}.call-timeline-dot{border:1px solid var(--border-color);background:var(--accent-glow);width:28px;height:28px;color:var(--accent-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.call-timeline-item strong,.call-timeline-item span{display:block}.call-timeline-item strong{color:var(--text-primary);font-size:10px}.call-timeline-item span{color:var(--text-muted);margin-top:3px;font-size:8px}.call-timeline-line{background:var(--border-color);width:1px;height:18px;margin-left:14px}.call-recording-box{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:9px;align-items:center;gap:10px;margin:18px 22px 0;padding:12px;display:flex}.call-recording-icon{background:var(--accent-glow);width:34px;height:34px;color:var(--accent-1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.call-recording-box>div:nth-child(2){flex:1;min-width:0}.call-recording-box strong,.call-recording-box span{display:block}.call-recording-box strong{color:var(--text-primary);font-size:10px}.call-recording-box span{color:var(--text-muted);margin-top:3px;font-size:8px}.call-recording-box button{border:1px solid var(--border-color);background:var(--bg-card);width:30px;height:30px;color:var(--text-muted);cursor:not-allowed;opacity:.5;border-radius:7px}.call-details-footer{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:20px;padding:18px 22px;display:flex}.call-details-secondary{border:1px solid var(--border-color);background:var(--bg-secondary);height:34px;color:var(--text-secondary);cursor:pointer;border-radius:7px;padding:0 15px;font-family:inherit;font-size:9px;font-weight:600}.call-details-secondary:hover{border-color:var(--accent-1);color:var(--accent-1)}@media (width<=700px){.call-details-overlay{padding:12px}.call-details-modal{max-height:calc(100vh - 24px)}.call-details-grid{grid-template-columns:repeat(2,1fr)}.call-details-header{padding:17px}.call-details-section{padding-left:17px;padding-right:17px}.call-recording-box{margin-left:17px;margin-right:17px}.call-details-footer{padding-left:17px;padding-right:17px}}@media (width<=450px){.call-details-grid{grid-template-columns:1fr}.call-details-status-row{padding-left:17px;padding-right:17px}}.agents-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.agents-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.agents-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.agents-eyebrow i{color:var(--accent-1)}.agents-header h1{color:var(--text-primary);margin:0;font-size:27px}.agents-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.agents-add-button{border-radius:var(--radius-sm);background:var(--accent-1);color:#fff;cursor:pointer;border:0;align-items:center;gap:8px;height:40px;padding:0 16px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.agents-add-button:hover{opacity:.9}.agents-overview{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.agents-overview-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:75px;box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:13px;display:flex}.agents-overview-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:11px;display:flex}.agents-overview-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.agents-overview-icon.green{background:var(--green-bg);color:var(--green)}.agents-overview-icon.orange{background:var(--orange-bg);color:var(--orange)}.agents-overview-icon.gray{background:var(--bg-secondary);color:var(--text-muted)}.agents-overview-icon.blue{color:#3b82f6;background:#3b82f61f}.agents-overview-card span,.agents-overview-card strong{display:block}.agents-overview-card span{color:var(--text-muted);font-size:8px}.agents-overview-card strong{color:var(--text-primary);margin-top:3px;font-size:18px}.agents-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.agents-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.agents-search{width:350px;position:relative}.agents-search>i{color:var(--text-muted);font-size:10px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.agents-search input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:36px;color:var(--text-primary);box-sizing:border-box;border-radius:7px;outline:none;padding:0 32px;font-family:inherit;font-size:10px}.agents-search input:focus{border-color:var(--accent-1)}.agents-search input::placeholder{color:var(--text-muted)}.agents-search button{width:23px;height:23px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.agents-filters{gap:7px;display:flex}.agents-filters select{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:125px;height:36px;color:var(--text-secondary);border-radius:7px;outline:none;padding:0 25px 0 10px;font-family:inherit;font-size:9px}.agents-filters select:focus{border-color:var(--accent-1)}.agents-results-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;min-height:42px;padding:0 18px;display:flex}.agents-results-bar span{color:var(--text-muted);font-size:9px}.agents-results-bar strong{color:var(--text-secondary)}.agents-results-bar button{color:var(--accent-1);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:9px}.agents-table-wrapper{width:100%;overflow-x:auto}.agents-table{border-collapse:collapse;width:100%;min-width:1050px}.agents-table th{background:var(--bg-secondary);color:var(--text-muted);text-align:left;white-space:nowrap;padding:11px 16px;font-size:8px;font-weight:700}.agents-table td{border-top:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;padding:11px 16px;font-size:9px}.agents-table tbody tr:hover{background:var(--bg-secondary)}.agents-agent-cell{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-family:inherit;display:flex}.agents-avatar{background:var(--accent-glow);width:30px;height:30px;color:var(--accent-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.agents-agent-cell strong,.agents-agent-cell small{display:block}.agents-agent-cell strong{color:var(--text-primary);font-size:9px}.agents-agent-cell small{max-width:190px;color:var(--text-muted);text-overflow:ellipsis;margin-top:2px;font-size:7px;overflow:hidden}.agents-extension{color:var(--text-secondary);font-family:monospace}.agents-department{background:var(--accent-glow);color:var(--accent-1);border-radius:5px;padding:4px 7px;font-size:8px;font-weight:600}.agents-status{align-items:center;gap:5px;font-size:8px;font-weight:600;display:inline-flex}.agents-status>span{border-radius:50%;width:6px;height:6px}.agents-status.available{color:var(--green)}.agents-status.available>span{background:var(--green)}.agents-status.on-call{color:var(--orange)}.agents-status.on-call>span{background:var(--orange)}.agents-status.offline{color:var(--text-muted)}.agents-status.offline>span{background:var(--text-muted)}.agents-call-count{color:var(--text-primary)}.agents-rate{align-items:center;gap:7px;min-width:95px;display:flex}.agents-rate>div{background:var(--bg-secondary);border-radius:10px;width:55px;height:5px;overflow:hidden}.agents-rate>div span{border-radius:inherit;background:var(--green);height:100%;display:block}.agents-rate strong{color:var(--text-secondary);font-size:8px}.agents-account-toggle{cursor:pointer;border:0;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-family:inherit;font-size:8px;font-weight:600;display:inline-flex}.agents-account-toggle span{border-radius:50%;width:5px;height:5px}.agents-account-toggle.enabled{background:var(--green-bg);color:var(--green)}.agents-account-toggle.enabled span{background:var(--green)}.agents-account-toggle.disabled{background:var(--bg-secondary);color:var(--text-muted)}.agents-account-toggle.disabled span{background:var(--text-muted)}.agents-actions{gap:3px;display:flex}.agents-actions button{width:27px;height:27px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px}.agents-actions button:hover{background:var(--accent-glow);color:var(--accent-1)}.agents-actions button:last-child:hover{background:var(--red-bg);color:var(--red)}.agents-empty{height:240px;text-align:center!important}.agents-empty i,.agents-empty strong,.agents-empty span{display:block}.agents-empty i{color:var(--text-muted);margin-bottom:10px;font-size:24px}.agents-empty strong{color:var(--text-primary);font-size:12px}.agents-empty span{color:var(--text-muted);margin-top:5px;font-size:9px}.agents-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.agents-details-modal,.agents-form-modal{border:1px solid var(--border-color);background:var(--bg-card);width:min(520px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);border-radius:12px;overflow-y:auto}.agents-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;padding:17px 18px;display:flex}.agents-modal-header>div{align-items:center;gap:10px;display:flex}.agents-modal-header h2{color:var(--text-primary);margin:0;font-size:15px}.agents-modal-header span{color:var(--text-muted);margin-top:3px;font-size:8px;display:block}.agents-modal-header>button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px}.agents-modal-header>button:hover{background:var(--bg-secondary);color:var(--text-primary)}.agents-modal-avatar,.agents-form-icon{background:var(--accent-glow);width:38px;height:38px;color:var(--accent-1);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.agents-details-status{border-bottom:1px solid var(--border-color);gap:8px;padding:14px 18px;display:flex}.agents-detail-active,.agents-detail-disabled{border-radius:5px;padding:4px 7px;font-size:8px;font-weight:600}.agents-detail-active{background:var(--green-bg);color:var(--green)}.agents-detail-disabled{background:var(--bg-secondary);color:var(--text-muted)}.agents-detail-grid{border-bottom:1px solid var(--border-color);background:var(--border-color);grid-template-columns:1fr 1fr;gap:1px;padding:18px;display:grid}.agents-detail-grid>div{background:var(--bg-card);min-height:65px;padding:12px}.agents-detail-grid span,.agents-detail-grid strong{display:block}.agents-detail-grid span{color:var(--text-muted);font-size:8px}.agents-detail-grid strong{color:var(--text-primary);text-overflow:ellipsis;margin-top:5px;font-size:10px;overflow:hidden}.agents-form-modal{width:min(580px,100%)}.agents-form-grid{grid-template-columns:1fr 1fr;gap:14px;padding:18px;display:grid}.agents-form-grid label{flex-direction:column;gap:6px;display:flex}.agents-form-grid label>span{color:var(--text-secondary);font-size:9px;font-weight:600}.agents-form-grid input,.agents-form-grid select{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:38px;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:0 10px;font-family:inherit;font-size:10px}.agents-form-grid input:focus,.agents-form-grid select:focus{border-color:var(--accent-1)}.agents-form-checkbox{border:1px solid var(--border-color);cursor:pointer;border-radius:7px;align-items:center;gap:9px;margin:0 18px 18px;padding:11px;display:flex}.agents-form-checkbox input{accent-color:var(--accent-1)}.agents-form-checkbox span{flex:1}.agents-form-checkbox strong,.agents-form-checkbox small{display:block}.agents-form-checkbox strong{color:var(--text-primary);font-size:9px}.agents-form-checkbox small{color:var(--text-muted);margin-top:3px;font-size:8px}.agents-form-footer,.agents-modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:7px;padding:13px 18px;display:flex}.agents-primary-button,.agents-secondary-button{cursor:pointer;border-radius:6px;height:35px;padding:0 13px;font-family:inherit;font-size:9px;font-weight:600}.agents-primary-button{background:var(--accent-1);color:#fff;border:0}.agents-secondary-button{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.agents-secondary-button:hover{border-color:var(--accent-1);color:var(--accent-1)}@media (width<=1200px){.agents-overview{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.agents-header{flex-direction:column;align-items:flex-start}.agents-add-button{justify-content:center;width:100%}.agents-toolbar{flex-direction:column;align-items:stretch}.agents-search,.agents-filters{width:100%}.agents-filters select{flex:1}}@media (width<=650px){.agents-page{padding:18px 14px 30px}.agents-overview{grid-template-columns:1fr 1fr}.agents-form-grid{grid-template-columns:1fr}}@media (width<=430px){.agents-overview{grid-template-columns:1fr}.agents-filters{flex-direction:column}.agents-filters select{width:100%}.agents-detail-grid{grid-template-columns:1fr}}.flow-builder-page{background:radial-gradient(circle at 80% 10%,#7c5cf609,#0000 30%);flex-direction:column;gap:14px;width:100%;min-height:calc(100vh - 48px);padding:24px 28px 40px;display:flex}.flow-builder-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.flow-builder-heading{min-width:0}.flow-builder-eyebrow{color:var(--text-muted);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:7px;font-size:9px;font-weight:700;display:flex}.flow-builder-eyebrow i{color:var(--accent-1)}.flow-builder-title-row{align-items:center;gap:12px;display:flex}.flow-builder-title-row h1{color:var(--text-primary);letter-spacing:-.4px;margin:0;font-size:24px;font-weight:700}.flow-builder-title-row p{color:var(--text-secondary);margin:4px 0 0;font-size:11px}.flow-unsaved,.flow-saved{white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:600}.flow-unsaved{color:var(--orange);background:var(--orange-bg)}.flow-saved{color:var(--green);background:var(--green-bg)}.flow-saved i{margin-right:4px}.flow-builder-actions{align-items:center;gap:7px;display:flex}.flow-secondary-btn,.flow-save-btn{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:35px;padding:0 12px;font-family:inherit;font-size:9px;font-weight:600;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.flow-secondary-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.flow-secondary-btn:hover{border-color:var(--accent-1);color:var(--text-primary);background:var(--bg-card-hover);transform:translateY(-1px)}.flow-save-btn{background:var(--accent-gradient);color:#fff;min-width:92px;box-shadow:0 4px 14px var(--accent-glow);border:0}.flow-save-btn:hover{transform:translateY(-1px);box-shadow:0 7px 20px #6c5ce740}.flow-info-bar{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);align-items:center;gap:12px;min-height:66px;padding:10px 13px;display:flex;box-shadow:0 12px 35px #14192d0e,0 2px 7px #14192d06}.flow-info-field{min-width:190px}.flow-info-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:7px;font-weight:700;display:block}.flow-info-field input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:28px;color:var(--text-primary);border-radius:5px;outline:none;padding:0 8px;font-family:inherit;font-size:9px;transition:border-color .18s,box-shadow .18s}.flow-info-field input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.flow-info-stat{border-left:1px solid var(--border-color);min-width:65px;padding-left:12px;position:relative}.flow-info-stat span,.flow-info-stat strong{display:block}.flow-info-stat span{color:var(--text-muted);text-transform:uppercase;font-size:7px}.flow-info-stat strong{color:var(--text-primary);margin-top:3px;font-size:15px;font-weight:750}.flow-status{background:var(--green-bg);color:var(--green);white-space:nowrap;border-radius:6px;margin-left:auto;padding:6px 9px;font-size:8px;font-weight:600}.flow-status-dot{background:var(--green);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block;box-shadow:0 0 0 3px #10b98114}.flow-builder-workspace{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);height:calc(100vh - 235px);min-height:540px;display:flex;overflow:hidden;box-shadow:0 12px 40px #14192d12,0 2px 8px #14192d0a}.flow-palette{border-right:1px solid var(--border-color);background:linear-gradient(180deg, var(--bg-sidebar), var(--bg-card));flex-direction:column;flex:0 0 225px;width:225px;padding:13px;display:flex}.flow-palette-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:2px 2px 12px;display:flex}.flow-palette-header strong,.flow-palette-header span{display:block}.flow-palette-header strong{color:var(--text-primary);font-size:11px}.flow-palette-header span{color:var(--text-muted);margin-top:3px;font-size:8px}.flow-palette-header>i{color:var(--accent-1);font-size:12px}.flow-palette-list{flex-direction:column;gap:7px;padding-top:11px;display:flex}.flow-palette-node{border:1px solid var(--border-color);border-left:3px solid var(--node-accent);background:var(--bg-card);cursor:grab;border-radius:8px;align-items:center;gap:9px;min-height:58px;padding:9px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 7px #14192d09}.flow-palette-node:after{content:"";pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--node-accent) 5%, transparent), transparent 70%);position:absolute;inset:0}.flow-palette-node:hover{border-color:var(--node-accent);background:var(--bg-card-hover);box-shadow:0 5px 15px color-mix(in srgb, var(--node-accent) 15%, transparent);transform:translateY(-1px)}.flow-palette-node:active{cursor:grabbing;transform:scale(.985)}.flow-palette-icon{z-index:1;background:var(--bg-secondary);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;display:flex;position:relative}.flow-palette-content{z-index:1;flex:1;min-width:0;position:relative}.flow-palette-content strong,.flow-palette-content span{display:block}.flow-palette-content strong{color:var(--text-primary);font-size:9px}.flow-palette-content span{color:var(--text-muted);margin-top:3px;font-size:7px;line-height:1.3}.flow-drag-icon{z-index:1;color:var(--text-muted);font-size:9px;transition:color .15s;position:relative}.flow-palette-node:hover .flow-drag-icon{color:var(--node-accent)}.flow-palette-help{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:7px;gap:7px;margin-top:auto;padding:9px;display:flex}.flow-help-icon{color:var(--accent-1);padding-top:1px;font-size:10px}.flow-palette-help strong{color:var(--text-secondary);font-size:8px}.flow-palette-help p{color:var(--text-muted);margin:3px 0 0;font-size:7px;line-height:1.45}.flow-canvas{background-color:#f8faff;background-image:radial-gradient(circle,#6f63f629 1px,#0000 1px);background-size:20px 20px;flex:1;min-width:0;height:100%;position:relative;overflow:hidden}[data-theme=dark] .flow-canvas{background-color:#0d1019;background-image:radial-gradient(circle,#8b7cf61f 1px,#0000 1px)}.flow-canvas .react-flow{width:100%;height:100%}.flow-canvas .react-flow__edge-path{stroke-width:2.5px;stroke-linecap:round;transition:stroke .2s,stroke-width .2s}.flow-canvas .react-flow__edge.animated path{stroke-dasharray:7 5}.flow-canvas .react-flow__edge.selected path{stroke:var(--accent-1);stroke-width:3px}.flow-canvas .react-flow__connection-path{stroke:#725cff;stroke-width:2px}.flow-canvas .react-flow__handle{border:2px solid var(--bg-card);width:9px;height:9px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 2px #6c5ce72e}.flow-canvas .react-flow__handle:hover{transform:scale(1.35);box-shadow:0 0 0 3px #6c5ce738}.flow-canvas .react-flow__node.selected{filter:drop-shadow(0 0 7px var(--accent-glow))}.flow-canvas .react-flow__controls{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;overflow:hidden;box-shadow:0 6px 20px #14192d1a}.flow-canvas .react-flow__controls-button{border:0;border-bottom:1px solid var(--border-color);background:var(--bg-card);width:28px;height:28px;color:var(--text-secondary);transition:background .15s,color .15s}.flow-canvas .react-flow__controls-button:last-child{border-bottom:0}.flow-canvas .react-flow__controls-button:hover{color:var(--accent-1);background:#6c5ce714}.flow-canvas .react-flow__minimap{border:1px solid var(--border-color);background:var(--bg-card);border-radius:9px;padding:4px;overflow:hidden;box-shadow:0 7px 22px #14192d1a}.flow-empty-canvas{z-index:5;text-align:center;pointer-events:none;width:270px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flow-empty-icon{background:var(--accent-glow);width:48px;height:48px;color:var(--accent-1);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 12px;font-size:17px;display:flex;box-shadow:0 8px 25px #6c5ce71f}.flow-empty-canvas h3{color:var(--text-primary);margin:0;font-size:13px}.flow-empty-canvas p{color:var(--text-muted);margin:6px 0 0;font-size:9px;line-height:1.5}@media (width<=1100px){.flow-builder-header{flex-direction:column;align-items:flex-start}.flow-builder-actions{width:100%}.flow-secondary-btn,.flow-save-btn{flex:1}.flow-info-bar{flex-wrap:wrap}.flow-info-field{flex:1;min-width:160px}.flow-status{margin-left:0}.flow-builder-workspace{height:calc(100vh - 315px)}}@media (width<=800px){.flow-palette{flex-basis:185px;width:185px}.flow-palette-content span{display:none}.flow-palette-node{padding:7px}.flow-info-stat{display:none}}@media (width<=600px){.flow-builder-title-row{flex-direction:column;align-items:flex-start}.flow-builder-actions{flex-wrap:wrap}.flow-secondary-btn,.flow-save-btn{flex:1;min-width:80px}.flow-palette{flex-basis:155px;width:155px;padding:8px}.flow-palette-header span,.flow-palette-content{display:none}.flow-palette-node{border-left-width:2px;justify-content:center}.flow-drag-icon{display:none}.flow-info-field{min-width:100%}}.ivr-node{border:1px solid var(--border-color);background:var(--bg-card);width:290px;color:var(--text-primary);border-radius:12px;transition:box-shadow .18s,transform .18s,border-color .18s;overflow:visible;box-shadow:0 10px 28px #0f172a1a,0 2px 6px #0f172a0d}.ivr-node:hover{box-shadow:0 15px 35px #0f172a24,0 3px 8px #0f172a12}.ivr-node-auth{width:300px}.ivr-node-menu{width:325px}.ivr-node-route{width:355px}.ivr-node-transfer{width:275px}.ivr-node-greeting{border-top:3px solid #10b981}.ivr-node-auth{border-top:3px solid #06b6d4}.ivr-node-menu{border-top:3px solid #6366f1}.ivr-node-route{border-top:3px solid #d946ef}.ivr-node-transfer{border-top:3px solid #f59e0b}.ivr-node-header{border-bottom:1px solid var(--border-color);background:linear-gradient(180deg, var(--bg-card), var(--bg-secondary));border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;min-height:54px;padding:9px 11px;display:flex}.ivr-node-title{align-items:center;gap:9px;display:flex}.ivr-node-title strong,.ivr-node-title span{display:block}.ivr-node-title strong{color:var(--text-primary);font-size:11px;font-weight:700}.ivr-node-title span{color:var(--text-muted);margin-top:2px;font-size:7px}.ivr-node-icon{background:var(--bg-secondary);width:31px;height:31px;box-shadow:inset 0 0 0 1px var(--border-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.ivr-node-greeting .ivr-node-icon{background:#10b9811a}.ivr-node-auth .ivr-node-icon{background:#06b6d41a}.ivr-node-menu .ivr-node-icon{background:#6366f11a}.ivr-node-route .ivr-node-icon{background:#d946ef1a}.ivr-node-transfer .ivr-node-icon{background:#f59e0b1a}.ivr-node-delete{width:23px;height:23px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;font-size:15px;transition:background .15s,color .15s;display:flex}.ivr-node-delete:hover{background:var(--red-bg);color:var(--red)}.ivr-node-body{flex-direction:column;gap:9px;padding:11px;display:flex}.ivr-node-description{background:var(--bg-secondary);color:var(--text-muted);border-radius:6px;padding:7px 8px;font-size:8px;line-height:1.45}.ivr-segment{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:7px;gap:2px;padding:2px;display:flex}.ivr-segment button{height:25px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;font-family:inherit;font-size:7px;font-weight:600}.ivr-segment button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0f172a1a}.ivr-field{flex-direction:column;gap:4px;display:flex}.ivr-field label{color:var(--text-secondary);font-size:7px;font-weight:600}.ivr-field input,.ivr-field select,.ivr-field textarea{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;min-height:29px;color:var(--text-primary);border-radius:6px;outline:none;padding:6px 8px;font-family:inherit;font-size:8px;transition:border-color .15s,box-shadow .15s}.ivr-field textarea{resize:vertical;min-height:48px;line-height:1.4}.ivr-field input:focus,.ivr-field select:focus,.ivr-field textarea:focus{border-color:var(--accent-1);box-shadow:0 0 0 2px var(--accent-glow)}.ivr-dtmf-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.ivr-dtmf-grid button{border:1px solid var(--border-color);background:var(--bg-secondary);height:25px;color:var(--text-secondary);cursor:pointer;border-radius:5px;font-size:8px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.ivr-dtmf-grid button:hover{border-color:var(--accent-1);color:var(--text-primary)}.ivr-dtmf-grid button.active{color:#6366f1;background:#6366f121;border-color:#6366f1}.ivr-advanced{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:7px}.ivr-advanced summary{cursor:pointer;min-height:31px;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:7px 8px;font-size:8px;font-weight:600;list-style:none;display:flex}.ivr-advanced summary::-webkit-details-marker{display:none}.ivr-advanced summary i{font-size:7px;transition:transform .15s}.ivr-advanced[open] summary i{transform:rotate(180deg)}.ivr-advanced-content{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;padding:8px;display:flex}.ivr-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.ivr-output-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.ivr-output{border:1px solid var(--border-color);background:var(--bg-secondary);height:28px;color:var(--text-muted);border-radius:6px;align-items:center;gap:5px;padding:0 7px;font-size:7px;display:flex}.ivr-output span{border-radius:50%;width:5px;height:5px}.ivr-output.auth span{background:#06b6d4}.ivr-output.failed span{background:#ef4444}.ivr-rule{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:7px;flex-direction:column;gap:7px;padding:8px;display:flex}.ivr-rule-header{justify-content:space-between;align-items:center;display:flex}.ivr-rule-header span{color:#d946ef;font-size:8px;font-weight:700}.ivr-rule-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:7px}.ivr-rule-header button:hover{color:var(--red)}.ivr-rule-hint{color:var(--text-muted);font-size:7px}.ivr-add-rule{color:#d946ef;cursor:pointer;background:#d946ef0d;border:1px dashed #d946ef73;border-radius:6px;width:100%;height:29px;font-family:inherit;font-size:8px;font-weight:600}.ivr-add-rule:hover{background:#d946ef1a}.ivr-add-rule:disabled{opacity:.45;cursor:not-allowed}.ivr-route-summary{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:7px;display:flex}.ivr-transfer-status{background:var(--green-bg);height:28px;color:var(--green);border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:7px;font-weight:600;display:flex}.status-dot{background:var(--green);border-radius:50%;width:5px;height:5px}.ivr-node-hint{color:var(--text-muted);font-size:7px;line-height:1.4}.ivr-handle{transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 2px #6366f126;border:2px solid var(--bg-card)!important;width:9px!important;height:9px!important}.ivr-handle:hover{transform:scale(1.35);box-shadow:0 0 0 3px #6366f138}.ivr-handle-target{background:#64748b!important}.ivr-node-greeting .ivr-handle-source{background:#10b981!important}.ivr-node-auth .ivr-handle-source{background:#06b6d4!important}.ivr-node-auth .ivr-handle-failed{background:#ef4444!important}.ivr-node-menu .ivr-handle-source{background:#6366f1!important}.ivr-node-route .ivr-handle-source{background:#d946ef!important}.ivr-node-route .ivr-handle-failed{background:#ef4444!important}.ivr-node-transfer .ivr-handle-source{background:#f59e0b!important}.react-flow__node.selected .ivr-node{border-color:var(--accent-1);box-shadow:0 0 0 2px var(--accent-glow), 0 15px 35px #0f172a24}.ivr-node input,.ivr-node textarea,.ivr-node select,.ivr-node button{-webkit-user-select:auto;user-select:auto}body:not(.light) .ivr-node{box-shadow:0 12px 30px #00000047,0 2px 6px #0003}body:not(.light) .ivr-node:hover{box-shadow:0 18px 38px #0000005c}@media (width<=1200px){.ivr-node{width:270px}.ivr-node-auth{width:280px}.ivr-node-menu{width:300px}.ivr-node-route{width:320px}.ivr-node-transfer{width:260px}}.ivr-node-menu{overflow:visible}.ivr-output-handle-label{pointer-events:none;z-index:20;justify-content:flex-end;align-items:center;width:54px;height:20px;display:flex;position:absolute;right:-1px;transform:translateY(-50%)}.ivr-output-handle-text{box-sizing:border-box;background:var(--bg-card);color:#a78bfa;letter-spacing:.2px;white-space:nowrap;border:1px solid #6366f159;border-radius:5px;justify-content:center;align-items:center;min-width:25px;height:18px;margin-right:9px;padding:0 5px;font-size:8px;font-weight:800;line-height:1;display:flex;box-shadow:0 2px 6px #0000002e}.ivr-output-handle-label .ivr-handle{pointer-events:all;margin:0!important;position:absolute!important;top:50%!important;right:-5px!important;transform:translateY(-50%)!important}.ivr-output-handle-digit .ivr-output-handle-text{color:#a78bfa;background:#6366f11a;border-color:#6366f166}.ivr-output-handle-digit .ivr-handle-source{background:#6366f1!important}.ivr-output-handle-operator .ivr-output-handle-text{color:#67e8f9;background:#06b6d41a;border-color:#06b6d466}.ivr-output-handle-operator .ivr-handle-source{background:#06b6d4!important}.ivr-output-handle-invalid .ivr-output-handle-text{color:#f87171;background:#ef44441a;border-color:#ef44446b}.ivr-output-handle-invalid .ivr-handle-source{background:#ef4444!important}.ivr-output-handle-timeout .ivr-output-handle-text{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b6b}.ivr-output-handle-timeout .ivr-handle-source{background:#f59e0b!important}.ivr-output-handle-label:hover .ivr-output-handle-text{border-color:var(--accent-1);transform:translateY(-1px);box-shadow:0 0 0 2px #6366f11a,0 3px 8px #0003}.ivr-output-handle-label .ivr-handle:hover{transform:translateY(-50%)scale(1.35)!important}.ivr-field-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ivr-output-count{color:var(--text-muted);font-size:7px;font-weight:600}.ivr-output-legend{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-muted);border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:7px 8px;font-size:7px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.ivr-field-hint{color:var(--text-muted);margin-top:4px;font-size:6.5px;line-height:1.35;display:block}.ivr-output-summary{border:1px solid var(--border-color);background:#6366f109;border-radius:7px;margin-top:8px;padding:8px}.ivr-output-summary-title{color:var(--text-muted);align-items:center;gap:5px;margin-bottom:6px;font-size:7px;font-weight:600;display:flex}.ivr-output-summary-icon{color:#8b5cf6;font-size:7px}.ivr-output-pill{border-radius:5px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 5px;font-size:7px;font-weight:700;display:inline-flex}.ivr-output-pill.digit{color:#a78bfa;background:#6366f11f;border:1px solid #6366f147}.ivr-output-pill.operator{color:#67e8f9;background:#06b6d41f;border:1px solid #06b6d447}.ivr-output-pill.invalid{color:#f87171;background:#ef44441f;border:1px solid #ef444447}.ivr-output-pill.timeout{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b47}.ivr-node-menu .ivr-handle-target{background:#64748b!important}body:not(.light) .ivr-output-handle-text{background:#151725}body.light .ivr-output-handle-text{background:#fff;box-shadow:0 2px 7px #0f172a1a}@media (width<=700px){.ivr-output-handle-label{right:0}.ivr-output-handle-text{min-width:22px;font-size:7px}}.ivr-output-handle-label{pointer-events:none;z-index:20;justify-content:flex-end;align-items:center;gap:5px;width:42px;height:20px;display:flex;position:absolute;right:-43px;transform:translateY(-50%)}.ivr-output-handle-text{border:1px solid var(--border-color);background:var(--bg-card);min-width:20px;height:18px;color:var(--text-secondary);text-align:center;pointer-events:none;border-radius:5px;padding:0 5px;font-size:7px;font-weight:700;line-height:18px;box-shadow:0 3px 8px #0000002e}.ivr-output-handle-label .react-flow__handle{flex-shrink:0;pointer-events:all!important;position:relative!important;top:auto!important;right:auto!important;transform:none!important}.ivr-handle-digit{background:#6366f1!important}.ivr-handle-operator{background:#f59e0b!important}.ivr-handle-invalid{background:#ef4444!important}.ivr-handle-timeout{background:#f59e0b!important}.ivr-output-handle-digit .ivr-output-handle-text{color:#8b7cf6;border-color:#6366f159}.ivr-output-handle-operator .ivr-output-handle-text{color:#f59e0b;border-color:#f59e0b66}.ivr-output-handle-invalid .ivr-output-handle-text{color:#ef4444;border-color:#ef444466}.ivr-output-handle-timeout .ivr-output-handle-text{color:#f59e0b;border-color:#f59e0b66}.ivr-output-summary{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:7px;flex-direction:column;gap:7px;padding:8px;display:flex}.ivr-output-summary-title{color:var(--text-muted);align-items:center;gap:6px;font-size:7px;font-weight:600;display:flex}.ivr-output-summary-icon{color:#8b7cf6;background:#6366f11f;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.ivr-output-summary-items{flex-wrap:wrap;gap:4px;display:flex}.ivr-output-pill{border:1px solid var(--border-color);background:var(--bg-card);border-radius:5px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:7px;font-weight:700;display:inline-flex}.ivr-output-pill.digit{color:#8b7cf6;border-color:#6366f159}.ivr-output-pill.operator{color:#f59e0b;border-color:#f59e0b59}.ivr-output-pill.invalid{color:#ef4444;border-color:#ef444459}.ivr-output-pill.timeout{color:#f59e0b;border-color:#f59e0b59}.ivr-output-legend{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-muted);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 7px;font-size:7px;display:flex}.ivr-output-legend>div{align-items:center;gap:4px;display:flex}.legend-dot{border-radius:50%;width:6px;height:6px}.legend-digit{background:#6366f1}.legend-operator{background:#f59e0b}.legend-invalid{background:#ef4444}.legend-timeout{background:#f59e0b}.ivr-field-hint{color:var(--text-muted);font-size:6.5px;line-height:1.35}.ivr-two-column .ivr-field input[type=text]{text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.ivr-two-column .ivr-field input[type=text]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ivr-two-column .ivr-field input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ivr-node-end{border-top:3px solid #ef4444;width:275px}.ivr-node-end .ivr-node-icon{color:#ef4444;background:#ef44441a}.ivr-node-end .ivr-node-header{background:linear-gradient(180deg, var(--bg-card), var(--bg-secondary))}.ivr-end-badge{color:#ef4444;background:#ef444412;border:1px solid #ef444440;border-radius:6px;align-items:center;gap:6px;height:29px;padding:0 9px;font-size:7px;font-weight:700;display:flex}.ivr-end-badge-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #ef44441a}.ivr-end-input-label{background:var(--bg-card);color:#ef4444;text-align:center;pointer-events:none;z-index:20;border:1px solid #ef444459;border-radius:5px;min-width:39px;height:18px;padding:0 5px;font-size:6px;font-weight:700;line-height:18px;position:absolute;top:50%;left:-49px;transform:translateY(-50%)}.ivr-end-input{background:#ef4444!important;width:10px!important;height:10px!important}@media (width<=1200px){.ivr-node-end{width:260px}}.menus-page{width:100%;max-width:1500px;color:var(--text-primary);box-sizing:border-box;margin:0 auto;padding:28px 32px 40px}.menus-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.menus-page-header>div:first-child{min-width:0}.menus-eyebrow{color:var(--accent-1);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:7px;font-size:10px;font-weight:800;display:flex}.menus-eyebrow i{font-size:11px}.menus-page-header h1{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:750;line-height:1.2}.menus-page-header p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.menus-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.menus-primary-btn,.menus-secondary-btn{border:1px solid var(--border-color);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.menus-primary-btn{color:#fff;background:var(--accent-gradient);box-shadow:0 7px 18px var(--accent-glow);border-color:#0000}.menus-primary-btn:hover{box-shadow:0 10px 24px var(--accent-glow);transform:translateY(-1px)}.menus-secondary-btn{color:var(--text-primary);background:var(--bg-card)}.menus-secondary-btn:hover{color:var(--accent-1);border-color:var(--accent-1);background:var(--bg-card-hover)}.menus-primary-btn i,.menus-secondary-btn i{font-size:11px}.menus-info-strip{background:linear-gradient(90deg,#7c6df01a,#7c6df00a);border:1px solid #7c6df040;border-radius:12px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 17px;display:flex}.menus-info-icon{width:38px;height:38px;color:var(--accent-1);background:var(--accent-glow);border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;display:flex}.menus-info-icon i{font-size:15px}.menus-info-strip strong{color:var(--text-primary);margin-bottom:3px;font-size:13px;display:block}.menus-info-strip span{color:var(--text-secondary);font-size:12px;line-height:1.55;display:block}.menus-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.menu-stat-card{background:var(--bg-card);border:1px solid var(--border-color);min-height:82px;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:13px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:flex}.menu-stat-card:hover{background:var(--bg-card-hover);border-color:#7c6df059;transform:translateY(-2px)}.menu-stat-icon{border-radius:11px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;display:flex}.menu-stat-icon.purple{color:var(--accent-1);background:var(--accent-glow)}.menu-stat-icon.green{color:var(--green);background:var(--green-bg)}.menu-stat-icon.orange{color:var(--orange);background:var(--orange-bg)}.menu-stat-icon.blue{color:var(--chat-blue);background:var(--chat-blue-bg)}.menu-stat-card span{color:var(--text-secondary);margin-bottom:3px;font-size:11px;display:block}.menu-stat-card strong{color:var(--text-primary);font-size:22px;font-weight:750;line-height:1;display:block}.menus-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.menus-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:17px 20px;display:flex}.menus-toolbar>div:first-child{min-width:0}.menus-toolbar h2{color:var(--text-primary);margin:0 0 3px;font-size:17px;font-weight:750}.menus-toolbar p{color:var(--text-secondary);margin:0;font-size:12px}.menus-toolbar-controls{flex-shrink:0;align-items:center;gap:9px;display:flex}.menus-search{flex-shrink:0;width:220px;position:relative}.menus-search>i{color:var(--text-muted);pointer-events:none;font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.menus-search input{box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:38px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 34px;font-family:inherit;font-size:12px;transition:border-color .18s,box-shadow .18s,background .18s}.menus-search input:focus{background:var(--bg-card);border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.menus-search input::placeholder{color:var(--text-muted)}.menus-search-clear{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.menus-search-clear:hover{color:var(--text-primary);background:var(--bg-card-hover)}.menus-filter{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:125px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:0 30px 0 11px;font-family:inherit;font-size:12px;transition:border-color .18s,background .18s}.menus-filter:hover{border-color:#7c6df080}.menus-filter:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.menus-filter option{background:var(--bg-card);color:var(--text-primary)}.menus-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:18px 20px;display:grid}.menu-library-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.menu-library-card:hover{border-color:#7c6df066;transform:translateY(-2px);box-shadow:0 10px 28px #0000001f}.menu-card-top{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex}.menu-card-title{align-items:flex-start;gap:11px;min-width:0;display:flex}.menu-row-icon{width:38px;height:38px;color:var(--accent-1);background:var(--accent-glow);border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;display:flex}.menu-row-icon i{font-size:14px}.menu-card-title>div:last-child{min-width:0}.menu-card-title h3{color:var(--text-primary);margin:1px 0 4px;font-size:14px;font-weight:750}.menu-card-title p{max-width:340px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.45;overflow:hidden}.menu-status{border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:750;display:inline-flex}.menu-status-dot{border-radius:50%;flex:0 0 6px;width:6px;height:6px}.menu-status.active{color:var(--green);background:var(--green-bg)}.menu-status.active .menu-status-dot{background:var(--green)}.menu-status.draft{color:var(--orange);background:var(--orange-bg)}.menu-status.draft .menu-status-dot{background:var(--orange)}.menu-status.inactive{color:var(--text-muted);background:#5a648824}.menu-status.inactive .menu-status-dot{background:var(--text-muted)}.menu-prompt-box{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:9px;margin:0 16px;padding:12px;position:relative}.menu-section-label{color:var(--text-secondary);letter-spacing:.7px;align-items:center;gap:6px;margin-bottom:7px;font-size:9px;font-weight:800;display:flex}.menu-section-label i{color:var(--accent-1);font-size:9px}.menu-prompt-box p{color:var(--text-secondary);margin:0;padding-right:72px;font-size:11px;line-height:1.5}.menu-prompt-type{color:var(--accent-1);background:var(--accent-glow);border-radius:5px;padding:4px 6px;font-size:8px;font-weight:750;position:absolute;top:10px;right:10px}.menu-dtmf-section{padding:14px 16px 10px}.menu-dtmf-grid{flex-wrap:wrap;gap:7px;display:flex}.menu-dtmf-option{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;flex:125px;align-items:center;gap:8px;min-width:125px;padding:8px;display:flex}.dtmf-key{width:28px;height:28px;color:var(--accent-1);background:var(--accent-glow);border-radius:7px;flex:0 0 28px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.menu-dtmf-option div{min-width:0}.menu-dtmf-option strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;display:block;overflow:hidden}.menu-dtmf-option span:not(.dtmf-key){color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;display:block;overflow:hidden}.menu-card-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:11px 16px;display:flex}.menu-card-meta{flex-wrap:wrap;gap:10px;display:flex}.menu-card-meta span{color:var(--text-muted);align-items:center;gap:5px;font-size:9px;display:inline-flex}.menu-card-meta i{color:var(--text-muted);font-size:9px}.menu-actions{align-items:center;gap:4px;display:flex}.menu-icon-btn{border:1px solid var(--border-color);background:var(--bg-card);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:10px;transition:transform .15s,color .15s,background .15s,border-color .15s;display:flex}.menu-icon-btn:hover{transform:translateY(-1px)}.menu-icon-btn.view:hover{color:var(--chat-blue);background:var(--chat-blue-bg);border-color:#5b8def4d}.menu-icon-btn.edit:hover{color:var(--accent-1);background:var(--accent-glow);border-color:#7c6df04d}.menu-icon-btn.pause:hover{color:var(--orange);background:var(--orange-bg);border-color:#e39a274d}.menu-icon-btn.play:hover{color:var(--green);background:var(--green-bg);border-color:#13ad754d}.menu-icon-btn.delete:hover{color:var(--red);background:var(--red-bg);border-color:#d154634d}.menus-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:310px;display:flex}.menus-empty-icon{width:62px;height:62px;color:var(--accent-1);background:var(--accent-glow);border-radius:17px;justify-content:center;align-items:center;margin-bottom:14px;font-size:23px;display:flex}.menus-empty h3{color:var(--text-primary);margin:0 0 5px;font-size:15px}.menus-empty p{color:var(--text-secondary);margin:0 0 17px;font-size:12px}.menus-card-footer-bottom{border-top:1px solid var(--border-color);min-height:48px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 17px;font-size:10px;display:flex}.menus-card-footer-bottom strong{color:var(--text-secondary)}.frontend-mode-badge{color:var(--green);background:var(--green-bg);border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:750;display:inline-flex}.frontend-mode-badge span{background:var(--green);border-radius:50%;flex:0 0 6px;width:6px;height:6px}.menu-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:30px;animation:.16s menuOverlayIn;display:flex;position:fixed;inset:0}@keyframes menuOverlayIn{0%{opacity:0}to{opacity:1}}.menu-modal{border:1px solid var(--border-color);background:var(--bg-card);width:min(760px,100%);max-height:calc(100vh - 60px);color:var(--text-primary);border-radius:15px;flex-direction:column;animation:.18s menuModalIn;display:flex;overflow:hidden;box-shadow:0 25px 70px #0000004d,0 5px 20px #00000029}@keyframes menuModalIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.menu-modal-header>div:first-child{min-width:0}.menu-modal-eyebrow{color:var(--accent-1);letter-spacing:1px;margin-bottom:5px;font-size:9px;font-weight:800}.menu-modal-header h2{color:var(--text-primary);margin:0 0 4px;font-size:20px;font-weight:750}.menu-modal-header p{color:var(--text-secondary);margin:0;font-size:11px}.menu-modal-close{border:1px solid var(--border-color);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:flex}.menu-modal-close:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--accent-1)}.menu-modal-body{background:var(--bg-card);padding:20px 22px;overflow-y:auto}.menu-form-section{border-bottom:1px solid var(--border-color);padding:17px 0}.menu-form-section:first-child{padding-top:0}.menu-form-section:last-child{border-bottom:0}.menu-form-section-title{color:var(--text-primary);align-items:center;gap:7px;margin-bottom:14px;font-size:12px;font-weight:750;display:flex}.menu-form-section-title i{color:var(--accent-1);font-size:12px}.menu-form-section-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px;display:flex}.menu-form-section-heading .menu-form-section-title{margin-bottom:4px}.menu-form-section-heading p{color:var(--text-muted);margin:0;font-size:10px}.menu-form-grid{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px;display:grid}.menu-form-section label{display:block}.menu-form-section label>span,.menu-key-input>span{color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.menu-form-section input,.menu-form-section select,.menu-form-section textarea{box-sizing:border-box;border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:var(--bg-secondary);border-radius:8px;outline:none;font-family:inherit;font-size:11px;transition:border-color .16s,background .16s,box-shadow .16s}.menu-form-section input,.menu-form-section select{height:38px;padding:0 11px}.menu-form-section textarea{resize:vertical;min-height:90px;padding:10px 11px;line-height:1.5}.menu-form-section input:focus,.menu-form-section select:focus,.menu-form-section textarea:focus{border-color:var(--accent-1);background:var(--bg-card);box-shadow:0 0 0 3px var(--accent-glow)}.menu-form-section input::-moz-placeholder{color:var(--text-muted)}.menu-form-section textarea::-moz-placeholder{color:var(--text-muted)}.menu-form-section input::placeholder,.menu-form-section textarea::placeholder{color:var(--text-muted)}.menu-prompt-tabs{background:var(--bg-secondary);border-radius:8px;gap:5px;width:fit-content;margin-bottom:12px;padding:4px;display:flex}.menu-prompt-tabs button{height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 11px;font-size:10px;font-weight:700;transition:background .15s,color .15s}.menu-prompt-tabs button:hover{color:var(--text-primary)}.menu-prompt-tabs button.active{color:var(--accent-1);background:var(--bg-card);box-shadow:0 2px 6px #0000001a}.menu-prompt-tabs button i{margin-right:5px}.menu-add-option-btn{height:32px;color:var(--accent-1);background:var(--accent-glow);cursor:pointer;border:1px solid #7c6df040;border-radius:7px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:750;transition:background .15s,border-color .15s;display:inline-flex}.menu-add-option-btn:hover{background:#7c6df02e;border-color:#7c6df066}.menu-option-editor{flex-direction:column;gap:8px;display:flex}.menu-option-row{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:9px;grid-template-columns:90px 1fr 1fr 34px;align-items:end;gap:9px;padding:11px;display:grid}.menu-key-input select{border:1px solid var(--border-color);background:var(--bg-card);width:100%;height:38px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 8px;font-size:11px}.menu-key-input select:focus{border-color:var(--accent-1)}.menu-remove-option{width:34px;height:38px;color:var(--red);background:var(--red-bg);cursor:pointer;border:1px solid #d1546340;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.menu-remove-option:hover:not(:disabled){background:#d1546329;border-color:#d1546366}.menu-remove-option:disabled{opacity:.4;cursor:not-allowed}.menu-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end;align-items:center;gap:9px;min-height:66px;padding:13px 22px;display:flex}.menu-view-modal{width:min(620px,100%)}.menu-view-content{background:var(--bg-card);padding:20px 22px;overflow-y:auto}.menu-view-prompt{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:10px;margin-bottom:18px;padding:14px}.menu-view-prompt>span,.menu-view-options>span{color:var(--text-secondary);letter-spacing:.7px;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.menu-view-prompt p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.6}.menu-view-options{flex-direction:column;gap:8px;display:flex}.menu-view-option{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:9px;align-items:center;gap:12px;padding:10px;display:flex}.menu-view-option>strong{width:34px;height:34px;color:var(--accent-1);background:var(--accent-glow);border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;font-size:13px;display:flex}.menu-view-option div{min-width:0}.menu-view-option b{color:var(--text-primary);font-size:11px;display:block}.menu-view-option span{color:var(--text-muted);margin-top:2px;font-size:10px;display:block}.menus-page .loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-1);border-radius:50%;width:30px;height:30px;margin:0 auto;animation:.8s linear infinite menusSpinner}@keyframes menusSpinner{to{transform:rotate(360deg)}}.menu-modal-body::-webkit-scrollbar{width:7px}.menu-view-content::-webkit-scrollbar{width:7px}.menu-modal-body::-webkit-scrollbar-track{background:0 0}.menu-view-content::-webkit-scrollbar-track{background:0 0}.menu-modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:20px}.menu-view-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:20px}.menu-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.menu-view-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=1100px){.menus-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.menus-library{grid-template-columns:1fr}}@media (width<=760px){.menus-page{padding:20px 16px 30px}.menus-page-header{flex-direction:column}.menus-header-actions{width:100%}.menus-header-actions button{flex:1}.menus-toolbar{flex-direction:column;align-items:flex-start}.menus-toolbar-controls{width:100%}.menus-search{flex:1}.menus-filter{min-width:115px}.menu-form-grid{grid-template-columns:1fr}.menu-option-row{grid-template-columns:80px 1fr 34px}.menu-option-row label:nth-of-type(2){grid-column:2/-1}.menu-remove-option{grid-area:1/3}.menu-form-section-heading{flex-direction:column}}@media (width<=520px){.menus-stats{grid-template-columns:1fr}.menus-info-strip{align-items:flex-start}.menus-toolbar-controls{flex-direction:column;align-items:stretch;width:100%}.menus-search,.menus-filter{width:100%}.menu-card-top{flex-direction:column}.menu-card-title p{max-width:100%}.menu-card-footer{flex-direction:column;align-items:flex-start}.menu-actions{justify-content:flex-end;width:100%}.menu-option-row{grid-template-columns:1fr 34px}.menu-key-input,.menu-option-row label{grid-column:1}.menu-remove-option{grid-area:1/2}.menu-modal-overlay{padding:10px}.menu-modal{max-height:calc(100vh - 20px)}.menu-modal-header,.menu-modal-body,.menu-view-content{padding:16px}.menu-modal-footer{padding:11px 16px}.menus-card-footer-bottom{gap:10px;padding:0 12px}}.phone-numbers-page{max-width:1600px;color:var(--text-primary);margin:0 auto;padding:28px 32px 40px}.phone-numbers-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.phone-numbers-eyebrow{color:var(--accent-1);letter-spacing:1.1px;align-items:center;gap:8px;margin-bottom:7px;font-size:10px;font-weight:800;display:flex}.phone-numbers-header h1{color:var(--text-primary);margin:0;font-size:30px;font-weight:800;line-height:1.1}.phone-numbers-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.phone-numbers-header-actions{gap:10px;display:flex}.phone-primary-btn,.phone-secondary-btn{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.phone-primary-btn{color:#fff;background:var(--accent-gradient);box-shadow:0 8px 22px var(--accent-glow)}.phone-primary-btn:hover{box-shadow:0 11px 28px var(--accent-glow);transform:translateY(-1px)}.phone-secondary-btn{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color)}.phone-secondary-btn:hover{background:var(--bg-card-hover)}.phone-info-strip{background:linear-gradient(90deg,#7c6df012,#5b8def0a);border:1px solid #7c6df02e;border-radius:13px;align-items:center;gap:14px;margin-bottom:20px;padding:15px 18px;display:flex}.phone-info-icon{width:38px;height:38px;color:var(--accent-1);background:#7c6df021;border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.phone-info-strip strong{margin-bottom:3px;font-size:12px;display:block}.phone-info-strip span{color:var(--text-secondary);font-size:11px;line-height:1.5;display:block}.phone-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.phone-stat-card{border:1px solid var(--border-color);background:var(--bg-card);min-height:88px;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:13px;padding:16px 18px;display:flex}.phone-stat-icon{border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:16px;display:grid}.phone-stat-icon.purple{color:var(--accent-1);background:#7c6df024}.phone-stat-icon.green{color:var(--green);background:var(--green-bg)}.phone-stat-icon.orange{color:var(--orange);background:var(--orange-bg)}.phone-stat-icon.blue{color:var(--chat-blue);background:var(--chat-blue-bg)}.phone-stat-card span{color:var(--text-secondary);margin-bottom:4px;font-size:11px;display:block}.phone-stat-card strong{color:var(--text-primary);font-size:23px;line-height:1;display:block}.phone-numbers-card{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.phone-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.phone-toolbar h2{margin:0;font-size:16px}.phone-toolbar p{color:var(--text-secondary);margin:4px 0 0;font-size:11px}.phone-toolbar-controls{align-items:center;gap:9px;display:flex}.phone-search{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:9px;align-items:center;gap:8px;width:240px;height:38px;padding:0 11px;display:flex}.phone-search i{color:var(--text-muted);font-size:12px}.phone-search input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:none;font-size:12px}.phone-search input::placeholder{color:var(--text-muted)}.phone-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.phone-filter{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:130px;height:38px;color:var(--text-primary);border-radius:9px;outline:none;padding:0 11px;font-size:12px}.phone-table-wrapper{width:100%;overflow-x:auto}.phone-table{border-collapse:collapse;width:100%;min-width:1000px}.phone-table th{text-align:left;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);letter-spacing:.7px;white-space:nowrap;padding:12px 18px;font-size:9px;font-weight:800}.phone-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 18px}.phone-table tbody tr{transition:background .18s}.phone-table tbody tr:hover{background:var(--bg-card-hover)}.phone-number-cell{align-items:center;gap:11px;min-width:200px;display:flex}.phone-number-icon{width:37px;height:37px;color:var(--accent-1);background:#7c6df01f;border-radius:10px;flex:0 0 37px;place-items:center;display:grid}.phone-number-cell strong{white-space:nowrap;font-size:12px;display:block}.phone-number-cell span{color:var(--text-muted);margin-top:3px;font-size:10px;display:block}.phone-label-cell strong{font-size:11px;display:block}.phone-label-cell span{color:var(--text-muted);margin-top:3px;font-size:10px;display:block}.phone-provider{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:7px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.phone-flow-cell{max-width:180px;color:var(--text-secondary);align-items:center;gap:7px;font-size:11px;display:flex}.phone-flow-cell i{color:var(--accent-1)}.phone-flow-cell span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phone-assign-btn{color:var(--accent-1);cursor:pointer;background:#7c6df012;border:1px dashed #7c6df080;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.phone-status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.phone-status>span{border-radius:50%;width:6px;height:6px}.phone-status.active{color:var(--green);background:var(--green-bg)}.phone-status.active>span{background:var(--green)}.phone-status.inactive{color:var(--orange);background:var(--orange-bg)}.phone-status.inactive>span{background:var(--orange)}.phone-status.unassigned{color:var(--chat-blue);background:var(--chat-blue-bg)}.phone-status.unassigned>span{background:var(--chat-blue)}.phone-last-used{color:var(--text-secondary);white-space:nowrap;font-size:10px}.phone-actions{gap:5px;display:flex}.phone-action-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:29px;height:29px;color:var(--text-secondary);cursor:pointer;border-radius:7px;place-items:center;transition:all .18s;display:grid}.phone-action-btn:hover{transform:translateY(-1px)}.phone-action-btn.view:hover,.phone-action-btn.edit:hover{color:var(--accent-1);border-color:var(--accent-1)}.phone-action-btn.toggle:hover{color:var(--orange);border-color:var(--orange)}.phone-action-btn.delete:hover{color:var(--red);border-color:var(--red)}.phone-card-footer{min-height:50px;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;display:flex}.phone-frontend-badge{color:var(--green);background:var(--green-bg);border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-weight:700;display:inline-flex}.phone-frontend-badge>span{background:var(--green);border-radius:50%;width:6px;height:6px}.phone-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.phone-empty-icon{width:64px;height:64px;color:var(--accent-1);background:#7c6df01f;border-radius:17px;place-items:center;font-size:22px;display:grid}.phone-empty h3{margin:15px 0 5px;font-size:15px}.phone-empty p{color:var(--text-secondary);margin:0;font-size:11px}.phone-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04070eb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.phone-modal{border:1px solid var(--border-color);background:var(--bg-card);border-radius:17px;width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 70px #00000073}.phone-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.phone-modal-eyebrow{color:var(--accent-1);letter-spacing:1px;margin-bottom:5px;font-size:9px;font-weight:800}.phone-modal-header h2{margin:0;font-size:19px}.phone-modal-header p{color:var(--text-secondary);margin:5px 0 0;font-size:11px}.phone-modal-close{border:1px solid var(--border-color);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;place-items:center;display:grid}.phone-modal-body{padding:20px 22px}.phone-form-section{padding:18px 0}.phone-form-section+.phone-form-section{border-top:1px solid var(--border-color)}.phone-form-title{align-items:center;gap:8px;margin-bottom:15px;font-size:12px;font-weight:800;display:flex}.phone-form-title i{color:var(--accent-1)}.phone-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.phone-form-grid label{flex-direction:column;gap:6px;display:flex}.phone-form-grid label>span{color:var(--text-secondary);font-size:10px;font-weight:700}.phone-form-grid input,.phone-form-grid select{border:1px solid var(--border-color);background:var(--bg-secondary);height:40px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 11px;font-size:12px}.phone-form-grid input:focus,.phone-form-grid select:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.phone-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:9px;padding:15px 22px;display:flex}.phone-view-modal{width:min(620px,100%)}.phone-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:22px;display:grid}.phone-view-grid>div{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:10px;padding:14px}.phone-view-grid>div.wide{grid-column:1/-1}.phone-view-grid span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.phone-view-grid strong{font-size:12px}@media (width<=1100px){.phone-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-toolbar{flex-direction:column;align-items:flex-start}.phone-toolbar-controls{width:100%}.phone-search{flex:1}}@media (width<=700px){.phone-numbers-page{padding:20px 15px 30px}.phone-numbers-header{flex-direction:column;align-items:flex-start}.phone-numbers-header-actions{width:100%}.phone-numbers-header-actions button{flex:1}.phone-stats{grid-template-columns:1fr}.phone-toolbar-controls{flex-direction:column;align-items:stretch}.phone-search,.phone-filter{width:100%}.phone-form-grid,.phone-view-grid{grid-template-columns:1fr}.phone-view-grid>div.wide{grid-column:auto}}.live-calls-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.live-calls-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.live-calls-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.live-calls-eyebrow i{color:var(--accent-1)}.live-calls-title-row{align-items:center;gap:14px;display:flex}.live-calls-title-row h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:27px}.live-calls-title-row p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.live-indicator{background:var(--green-bg);height:25px;color:var(--green);letter-spacing:.5px;border-radius:50px;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.live-indicator>span{background:var(--green);width:6px;height:6px;box-shadow:0 0 0 4px var(--green-bg);border-radius:50%}.live-calls-refresh{border:1px solid var(--border-color);background:var(--bg-card);height:38px;color:var(--text-primary);cursor:pointer;transition:all var(--transition);border-radius:8px;align-items:center;gap:7px;padding:0 14px;font-family:inherit;font-size:10px;font-weight:600;display:inline-flex}.live-calls-refresh:hover{border-color:var(--accent-1);color:var(--accent-1);background:var(--bg-card-hover)}.live-calls-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.live-summary-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:86px;box-shadow:var(--shadow-sm,0 4px 14px #0000000f);align-items:center;gap:11px;padding:15px;display:flex;position:relative}.live-summary-card>div:nth-child(2){min-width:0}.live-summary-card span{color:var(--text-muted);font-size:9px;display:block}.live-summary-card strong{color:var(--text-primary);margin-top:3px;font-size:20px;display:block}.live-summary-card small{color:var(--text-muted);font-size:8px;position:absolute;bottom:12px;right:13px}.live-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.live-summary-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.live-summary-icon.green{background:var(--green-bg);color:var(--green)}.live-summary-icon.orange{background:var(--orange-bg);color:var(--orange)}.live-summary-icon.blue{background:var(--chat-blue-bg);color:var(--chat-blue)}.live-calls-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm,0 4px 14px #0000000f);overflow:hidden}.live-calls-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:14px 16px;display:flex}.live-calls-search{align-items:center;width:380px;height:36px;display:flex;position:relative}.live-calls-search>i{color:var(--text-muted);font-size:10px;position:absolute;left:12px}.live-calls-search input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);border-radius:7px;outline:none;padding:0 34px 0 31px;font-family:inherit;font-size:10px}.live-calls-search input::placeholder{color:var(--text-muted)}.live-calls-search input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.live-calls-search button{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;position:absolute;right:7px}.live-calls-filters{gap:7px;display:flex}.live-calls-filters select{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:110px;height:36px;color:var(--text-secondary);border-radius:7px;outline:none;padding:0 25px 0 10px;font-family:inherit;font-size:9px}.live-calls-filters select:focus{border-color:var(--accent-1)}.live-calls-table-wrapper{width:100%;overflow-x:auto}.live-calls-table{border-collapse:collapse;width:100%;min-width:1180px}.live-calls-table th{background:var(--bg-secondary);color:var(--text-muted);text-align:left;white-space:nowrap;letter-spacing:.4px;padding:11px 14px;font-size:8px;font-weight:700}.live-calls-table td{border-top:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;padding:11px 14px;font-size:9px}.live-calls-table tbody tr{transition:background .15s}.live-calls-table tbody tr:hover{background:var(--bg-secondary)}.live-caller{align-items:center;gap:9px;display:flex}.live-caller-avatar{background:var(--accent-glow);width:31px;height:31px;color:var(--accent-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.live-caller strong,.live-caller span,.live-caller small{display:block}.live-caller strong{color:var(--text-primary);font-size:9px}.live-caller span{color:var(--text-secondary);margin-top:2px;font-size:8px}.live-caller small{color:var(--text-muted);margin-top:2px;font-family:monospace;font-size:7px}.live-direction{border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;font-weight:600;display:inline-flex}.live-direction.inbound{background:var(--green-bg);color:var(--green)}.live-direction.outbound{background:var(--accent-glow);color:var(--accent-1)}.live-agent{align-items:center;gap:7px;display:flex}.live-agent-avatar{background:var(--accent-glow);width:24px;height:24px;color:var(--accent-1);border-radius:50%;justify-content:center;align-items:center;font-size:7px;font-weight:700;display:flex}.live-agent span{color:var(--text-secondary)}.live-no-agent{color:var(--text-muted);font-style:italic}.live-queue,.live-flow{border-radius:5px;align-items:center;padding:4px 7px;font-size:8px;font-weight:600;display:inline-flex}.live-queue{background:var(--chat-blue-bg);color:var(--chat-blue)}.live-flow{background:var(--accent-glow);color:var(--accent-1)}.live-duration{color:var(--text-primary);font-family:monospace;font-size:9px;font-weight:600}.live-step{color:var(--text-secondary)}.live-status{align-items:center;gap:5px;font-size:8px;font-weight:600;display:inline-flex}.live-status>span{border-radius:50%;width:6px;height:6px}.live-status.connected{color:var(--green)}.live-status.connected>span{background:var(--green);box-shadow:0 0 0 3px var(--green-bg)}.live-status.waiting{color:var(--orange)}.live-status.waiting>span{background:var(--orange)}.live-status.hold{color:var(--chat-blue)}.live-status.hold>span{background:var(--chat-blue)}.live-view-button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px}.live-view-button:hover{background:var(--accent-glow);color:var(--accent-1)}.live-calls-empty{height:250px;text-align:center!important}.live-calls-empty>div{flex-direction:column;justify-content:center;align-items:center;gap:7px;height:100%;display:flex}.live-calls-empty i{color:var(--text-muted);margin-bottom:5px;font-size:25px}.live-calls-empty strong{color:var(--text-primary);font-size:12px}.live-calls-empty span{color:var(--text-muted);font-size:9px}.live-calls-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;min-height:50px;padding:9px 16px;display:flex}.live-calls-footer>span:first-child{color:var(--text-muted);font-size:9px}.live-calls-footer strong{color:var(--text-secondary)}.live-footer-status{color:var(--green);align-items:center;gap:6px;font-size:9px;font-weight:600;display:flex}.live-footer-status>span{background:var(--green);border-radius:50%;width:6px;height:6px}.live-call-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05080f9e;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.live-call-modal{border:1px solid var(--border-color);background:var(--bg-card);border-radius:16px;width:min(600px,100%);max-height:calc(100vh - 50px);overflow:auto;box-shadow:0 25px 80px #00000059}.live-call-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.live-call-modal-eyebrow{color:var(--green);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:7px;font-size:8px;font-weight:700;display:flex}.live-call-modal-eyebrow>span{background:var(--green);border-radius:50%;width:6px;height:6px}.live-call-modal-header h2{color:var(--text-primary);font-size:20px}.live-call-modal-header p{color:var(--text-secondary);margin-top:4px;font-size:10px}.live-call-modal-close{border:1px solid var(--border-color);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:7px}.live-call-modal-close:hover{color:var(--text-primary);border-color:var(--accent-1)}.live-call-modal-body{padding:20px 22px}.live-call-status-banner{border:1px solid var(--green);background:var(--green-bg);border-radius:9px;justify-content:space-between;align-items:center;min-height:52px;padding:0 14px;display:flex}.live-call-status-banner>div{color:var(--green);align-items:center;gap:8px;font-size:10px;display:flex}.live-pulse-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 5px var(--green-bg);border-radius:50%}.live-modal-duration{color:var(--text-primary);font-family:monospace;font-size:14px}.live-call-detail-grid{border:1px solid var(--border-color);border-radius:9px;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:18px;display:grid;overflow:hidden}.live-call-detail-grid>div{background:var(--bg-secondary);padding:12px}.live-call-detail-grid span,.live-call-detail-grid strong{display:block}.live-call-detail-grid span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:8px}.live-call-detail-grid strong{color:var(--text-primary);font-size:10px}.live-current-step{border:1px solid var(--accent-1);background:var(--accent-glow);border-radius:9px;align-items:center;gap:11px;margin-top:18px;padding:13px;display:flex}.live-current-step-icon{background:var(--bg-card);width:34px;height:34px;color:var(--accent-1);border-radius:8px;justify-content:center;align-items:center;display:flex}.live-current-step span,.live-current-step strong{display:block}.live-current-step span{color:var(--text-muted);letter-spacing:.7px;font-size:7px;font-weight:700}.live-current-step strong{color:var(--text-primary);margin-top:3px;font-size:11px}.live-call-timeline{margin-top:20px;padding-left:5px}.live-timeline-item{gap:11px;min-height:45px;display:flex;position:relative}.live-timeline-item:not(:last-child):before{content:"";background:var(--border-color);width:1px;height:37px;position:absolute;top:9px;left:4px}.live-timeline-item>span{z-index:1;background:var(--border-color);border-radius:50%;width:9px;height:9px;margin-top:3px;position:relative}.live-timeline-item.done>span{background:var(--green)}.live-timeline-item.active>span{background:var(--accent-1);box-shadow:0 0 0 4px var(--accent-glow)}.live-timeline-item strong,.live-timeline-item small{display:block}.live-timeline-item strong{color:var(--text-primary);font-size:9px}.live-timeline-item small{color:var(--text-muted);margin-top:2px;font-size:8px}.live-call-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.live-modal-secondary,.live-modal-danger{cursor:pointer;border-radius:7px;height:36px;padding:0 14px;font-family:inherit;font-size:9px;font-weight:600}.live-modal-secondary{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary)}.live-modal-danger{border:1px solid var(--red);background:var(--red-bg);color:var(--red)}.live-modal-danger:hover{background:var(--red);color:#fff}@media (width<=1200px){.live-calls-summary{grid-template-columns:repeat(2,1fr)}.live-calls-toolbar{flex-direction:column;align-items:stretch}.live-calls-search,.live-calls-filters{width:100%}.live-calls-filters select{flex:1}}@media (width<=700px){.live-calls-header{flex-direction:column;align-items:flex-start}.live-calls-refresh{justify-content:center;width:100%}.live-calls-summary{grid-template-columns:1fr 1fr}.live-calls-filters{flex-wrap:wrap}.live-calls-filters select{flex:30%;min-width:0}.live-call-detail-grid{grid-template-columns:1fr}}@media (width<=450px){.live-calls-summary{grid-template-columns:1fr}.live-calls-title-row{flex-direction:column;align-items:flex-start}.live-calls-footer{flex-direction:column;align-items:flex-start;gap:8px}.live-call-modal-overlay{padding:10px}.live-call-modal-header,.live-call-modal-body,.live-call-modal-footer{padding-left:15px;padding-right:15px}}.chatbot-page{width:100%;max-width:1600px;color:var(--text-primary);margin:0 auto;padding:4px 0 40px}.chatbot-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.chatbot-heading{min-width:0}.chatbot-eyebrow{color:var(--text-secondary);letter-spacing:1.1px;align-items:center;gap:7px;margin-bottom:8px;font-size:9px;font-weight:700;display:flex}.chatbot-eyebrow i{color:var(--accent-1)}.chatbot-title-row{align-items:center;gap:12px;display:flex}.chatbot-title-icon{background:var(--accent-glow);width:42px;height:42px;color:var(--accent-1);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.chatbot-title-row h1{color:var(--text-primary);margin:0;font-size:27px;line-height:1.1}.chatbot-title-row p{color:var(--text-secondary);margin:5px 0 0;font-size:12px}.chatbot-header-actions{align-items:center;gap:9px;display:flex}.chatbot-save-status{color:var(--green);align-items:center;gap:6px;margin-right:5px;font-size:9px;font-weight:600;display:inline-flex}.chatbot-save-status span{background:var(--green);border-radius:50%;width:6px;height:6px}.chatbot-save-status.unsaved{color:var(--orange)}.chatbot-save-status.unsaved span{background:var(--orange)}.chatbot-primary-btn,.chatbot-secondary-btn,.chatbot-add-btn,.chatbot-clear-btn{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-family:inherit;font-size:9px;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}.chatbot-primary-btn{border:1px solid var(--accent-1);background:var(--accent-1);color:#fff;box-shadow:0 4px 12px #6366f12e}.chatbot-primary-btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px #6366f140}.chatbot-secondary-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.chatbot-secondary-btn:hover{border-color:var(--accent-1);color:var(--accent-1)}.chatbot-add-btn{border:1px solid var(--accent-1);background:var(--accent-1);color:#fff}.chatbot-add-btn>i:last-child{margin-left:3px;font-size:8px}.chatbot-clear-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--red)}.chatbot-clear-btn:hover{border-color:var(--red);background:var(--red-bg)}.chatbot-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.chatbot-summary-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:76px;box-shadow:var(--shadow-sm);align-items:center;gap:11px;padding:13px 14px;display:flex}.chatbot-summary-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chatbot-summary-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.chatbot-summary-icon.blue{color:#3b82f6;background:#3b82f61a}.chatbot-summary-icon.orange{background:var(--orange-bg);color:var(--orange)}.chatbot-summary-icon.green{background:var(--green-bg);color:var(--green)}.chatbot-summary-card span,.chatbot-summary-card strong{display:block}.chatbot-summary-card span{color:var(--text-muted);font-size:9px}.chatbot-summary-card strong{color:var(--text-primary);margin-top:4px;font-size:18px}.chatbot-mode-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);justify-content:space-between;align-items:center;gap:16px;min-height:57px;margin-bottom:14px;padding:7px 9px;display:flex}.chatbot-mode-tabs{align-items:center;gap:3px;display:flex}.chatbot-mode-tabs button{height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:0 15px;font-family:inherit;font-size:9px;font-weight:600;display:flex}.chatbot-mode-tabs button:hover{color:var(--text-primary);background:var(--bg-secondary)}.chatbot-mode-tabs button.active{background:var(--accent-glow);color:var(--accent-1)}.chatbot-mode-description{color:var(--text-muted);font-size:9px}.chatbot-workspace,.chatbot-preview-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:visible}.chatbot-workspace-header,.chatbot-preview-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.chatbot-section-label{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;font-size:8px;font-weight:700;display:flex}.chatbot-section-label i{color:var(--accent-1)}.chatbot-workspace-header h2,.chatbot-preview-header h2{color:var(--text-primary);margin:6px 0 0;font-size:17px}.chatbot-workspace-header p,.chatbot-preview-header p{color:var(--text-secondary);margin:4px 0 0;font-size:10px}.chatbot-workspace-actions{align-items:center;gap:7px;display:flex}.chatbot-add-wrapper{position:relative}.chatbot-add-menu{z-index:30;border:1px solid var(--border-color);background:var(--bg-card);width:235px;box-shadow:var(--shadow);border-radius:9px;padding:6px;position:absolute;top:calc(100% + 7px);right:0}.chatbot-add-menu button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:8px;display:flex}.chatbot-add-menu button:hover{background:var(--bg-secondary)}.chatbot-add-menu button>span{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.chatbot-add-menu button>span.text{color:#3b82f6;background:#3b82f61a}.chatbot-add-menu button>span.choice{background:var(--orange-bg);color:var(--orange)}.chatbot-add-menu button>span.api{background:var(--accent-glow);color:var(--accent-1)}.chatbot-add-menu button>span.end{background:var(--red-bg);color:var(--red)}.chatbot-add-menu button div{min-width:0}.chatbot-add-menu strong,.chatbot-add-menu small{display:block}.chatbot-add-menu strong{font-size:10px;font-weight:600}.chatbot-add-menu small{color:var(--text-muted);margin-top:2px;font-size:8px}.chatbot-flow-area{background:var(--bg-secondary);min-height:420px;padding:22px}.chatbot-flow-list{flex-direction:column;gap:9px;display:flex}.chatbot-node-wrapper{position:relative}.chatbot-node{border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;align-items:flex-start;gap:11px;min-height:83px;padding:12px 13px 12px 15px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.chatbot-node:hover{border-color:var(--accent-1);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.chatbot-node-rail{background:var(--border-color);width:1px;height:10px;position:absolute;top:-10px;left:25px}.chatbot-node-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.chatbot-node-text .chatbot-node-icon{color:#3b82f6;background:#3b82f61a}.chatbot-node-choice .chatbot-node-icon{background:var(--orange-bg);color:var(--orange)}.chatbot-node-api .chatbot-node-icon{background:var(--accent-glow);color:var(--accent-1)}.chatbot-node-end .chatbot-node-icon{background:var(--red-bg);color:var(--red)}.chatbot-node-main{flex:1;min-width:0}.chatbot-node-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.chatbot-node-title-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chatbot-type-badge{border-radius:50px;align-items:center;width:fit-content;padding:3px 8px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.chatbot-type-badge.text{color:#3b82f6;background:#3b82f61a}.chatbot-type-badge.choice{background:var(--orange-bg);color:var(--orange)}.chatbot-type-badge.api{background:var(--accent-glow);color:var(--accent-1)}.chatbot-type-badge.end{background:var(--red-bg);color:var(--red)}.chatbot-script-badge{background:var(--bg-secondary);color:var(--text-muted);border-radius:50px;align-items:center;gap:4px;padding:3px 7px;font-size:7px;font-weight:600;display:inline-flex}.chatbot-script-badge.audio{color:var(--accent-1)}.chatbot-node-number{max-width:130px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:7px;overflow:hidden}.chatbot-node-main h3{color:var(--text-primary);margin:7px 0 2px;font-size:12px;font-weight:650}.chatbot-node-main p{color:var(--text-secondary);margin:0;font-size:9px}.chatbot-node-content{background:var(--bg-secondary);max-width:700px;color:var(--text-secondary);border-radius:6px;align-items:flex-start;gap:7px;margin-top:8px;padding:7px 9px;font-size:8px;line-height:1.45;display:flex}.chatbot-node-content i{color:var(--accent-1);margin-top:2px;font-size:7px}.chatbot-child-count{width:fit-content;color:var(--text-muted);align-items:center;gap:5px;margin-top:7px;font-size:8px;display:flex}.chatbot-child-count i{color:var(--accent-1)}.chatbot-node-actions{flex-shrink:0;align-items:center;gap:3px;display:flex}.chatbot-node-actions button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.chatbot-node-actions button:hover{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.chatbot-node-actions button.add:hover{background:var(--green-bg);border-color:var(--green);color:var(--green)}.chatbot-node-actions button.delete:hover{background:var(--red-bg);border-color:var(--red);color:var(--red)}.chatbot-children{margin-top:8px;position:relative}.chatbot-children:before{content:"";background:var(--border-color);width:1px;position:absolute;top:-8px;bottom:40px;left:25px}.chatbot-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:370px;display:flex}.chatbot-empty-icon{background:var(--accent-glow);width:56px;height:56px;color:var(--accent-1);border-radius:15px;justify-content:center;align-items:center;margin-bottom:12px;font-size:22px;display:flex}.chatbot-empty-state h3{color:var(--text-primary);margin:0;font-size:14px}.chatbot-empty-state p{max-width:340px;color:var(--text-muted);margin:6px 0 15px;font-size:9px;line-height:1.5}.chatbot-workspace-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;min-height:48px;padding:8px 16px;display:flex}.chatbot-legend{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.chatbot-legend span{color:var(--text-muted);align-items:center;gap:5px;font-size:8px;display:flex}.chatbot-legend i.text{color:#3b82f6}.chatbot-legend i.choice{color:var(--orange)}.chatbot-legend i.api{color:var(--accent-1)}.chatbot-legend i.end{color:var(--red)}.chatbot-node-total{color:var(--text-muted);font-size:8px}.chatbot-preview-card{overflow:hidden}.chatbot-preview-header{background:var(--bg-card)}.chatbot-preview-shell{border:1px solid var(--border-color);background:var(--bg-secondary);width:min(620px,100% - 40px);min-height:500px;box-shadow:var(--shadow);border-radius:14px;margin:25px auto;overflow:hidden}.chatbot-preview-topbar{border-bottom:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;min-height:61px;padding:10px 14px;display:flex}.chatbot-preview-brand{align-items:center;gap:9px;display:flex}.chatbot-preview-brand>span{background:var(--accent-glow);width:33px;height:33px;color:var(--accent-1);border-radius:9px;justify-content:center;align-items:center;display:flex}.chatbot-preview-brand strong,.chatbot-preview-brand small{display:block}.chatbot-preview-brand strong{color:var(--text-primary);font-size:10px}.chatbot-preview-brand small{color:var(--green);margin-top:2px;font-size:7px}.chatbot-preview-topbar>button{width:28px;height:28px;color:var(--text-muted);background:0 0;border:0;border-radius:6px}.chatbot-preview-conversation{flex-direction:column;gap:13px;min-height:438px;padding:18px;display:flex}.chatbot-preview-step{align-items:flex-start;gap:9px;display:flex}.chatbot-preview-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;display:flex}.chatbot-preview-icon.text{color:#3b82f6;background:#3b82f61a}.chatbot-preview-icon.choice{background:var(--orange-bg);color:var(--orange)}.chatbot-preview-icon.api{background:var(--accent-glow);color:var(--accent-1)}.chatbot-preview-icon.end{background:var(--red-bg);color:var(--red)}.chatbot-preview-body{flex:1;min-width:0}.chatbot-preview-meta{align-items:center;gap:7px;margin-bottom:4px;display:flex}.chatbot-preview-meta span{color:var(--accent-1);text-transform:uppercase;font-size:7px;font-weight:700}.chatbot-preview-meta small{color:var(--text-muted);font-size:7px}.chatbot-preview-body>strong{color:var(--text-primary);font-size:10px;display:block}.chatbot-preview-message{border:1px solid var(--border-color);background:var(--bg-card);width:fit-content;max-width:88%;color:var(--text-secondary);border-radius:8px 8px 8px 2px;margin-top:5px;padding:8px 10px;font-size:9px;line-height:1.45}.chatbot-preview-options{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.chatbot-preview-options button{border:1px solid var(--border-color);background:var(--bg-card);color:var(--accent-1);cursor:pointer;border-radius:6px;padding:6px 9px;font-family:inherit;font-size:8px}.chatbot-preview-options button:hover{border-color:var(--accent-1);background:var(--accent-glow)}.chatbot-preview-api,.chatbot-preview-end{border-radius:6px;align-items:center;gap:5px;width:fit-content;margin-top:6px;padding:6px 8px;font-size:8px;display:flex}.chatbot-preview-api{background:var(--accent-glow);color:var(--accent-1)}.chatbot-preview-end{background:var(--green-bg);color:var(--green)}.chatbot-preview-empty{min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.chatbot-preview-empty i{margin-bottom:5px;font-size:25px}.chatbot-preview-empty strong{color:var(--text-primary);font-size:12px}.chatbot-preview-empty span{font-size:9px}.chatbot-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.chatbot-edit-modal{border:1px solid var(--border-color);background:var(--bg-card);border-radius:13px;width:min(510px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 25px 70px #0f172a33}.chatbot-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:15px;padding:17px 18px;display:flex}.chatbot-modal-header h2{color:var(--text-primary);margin:8px 0 3px;font-size:16px}.chatbot-modal-header p{color:var(--text-muted);margin:0;font-size:9px}.chatbot-modal-header>button{background:var(--bg-secondary);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border:0;border-radius:6px}.chatbot-modal-header>button:hover{color:var(--red)}.chatbot-form{flex-direction:column;gap:13px;padding:17px 18px;display:flex}.chatbot-form label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:9px;font-weight:600;display:flex}.chatbot-form input,.chatbot-form textarea,.chatbot-form select{box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:7px;outline:none;font-family:inherit;font-size:10px}.chatbot-form input,.chatbot-form select{height:37px;padding:0 10px}.chatbot-form textarea{resize:vertical;padding:9px 10px;line-height:1.45}.chatbot-form input:focus,.chatbot-form textarea:focus,.chatbot-form select:focus{border-color:var(--accent-1)}.chatbot-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:7px;padding:12px 18px;display:flex}@media (width<=1100px){.chatbot-summary-grid{grid-template-columns:repeat(2,1fr)}.chatbot-page-header{flex-direction:column;align-items:flex-start}.chatbot-header-actions{width:100%}.chatbot-mode-card{flex-direction:column;align-items:flex-start}.chatbot-mode-description{padding:0 5px 7px}}@media (width<=750px){.chatbot-page{padding:0 0 30px}.chatbot-summary-grid{grid-template-columns:1fr}.chatbot-workspace-header,.chatbot-preview-header{flex-direction:column;align-items:flex-start}.chatbot-workspace-actions{width:100%}.chatbot-add-wrapper{flex:1}.chatbot-add-btn{width:100%}.chatbot-clear-btn{width:auto}.chatbot-flow-area{padding:12px}.chatbot-node{padding:11px}.chatbot-node-actions{flex-direction:column}.chatbot-node-number{display:none}.chatbot-preview-shell{width:calc(100% - 20px);margin:10px auto}}@media (width<=500px){.chatbot-title-row h1{font-size:22px}.chatbot-header-actions{flex-wrap:wrap}.chatbot-save-status,.chatbot-mode-tabs{width:100%}.chatbot-mode-tabs button{flex:1}.chatbot-workspace-actions{flex-direction:column;align-items:stretch}.chatbot-clear-btn{width:100%}.chatbot-node{margin-left:0!important}.chatbot-children{margin-left:0}.chatbot-children:before{display:none}.chatbot-workspace-footer{flex-direction:column;align-items:flex-start}}.tenants-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.tenants-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.tenants-header-content{min-width:0}.tenants-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.tenants-eyebrow i{color:var(--accent-1)}.tenants-header h1{color:var(--text-primary);margin:0;font-size:27px;line-height:1.2}.tenants-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.tenants-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.tenants-refresh-button,.tenants-primary-button{border-radius:var(--radius-sm);cursor:pointer;height:40px;transition:all var(--transition);justify-content:center;align-items:center;gap:7px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.tenants-refresh-button{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary)}.tenants-refresh-button:hover{border-color:var(--accent-1);color:var(--accent-1)}.tenants-primary-button{border:1px solid var(--accent-1);background:var(--accent-1);color:#fff;box-shadow:0 5px 14px #7c6df033}.tenants-primary-button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #7c6df047}.tenants-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.tenants-summary-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:82px;box-shadow:var(--shadow-sm);align-items:center;gap:11px;padding:14px;display:flex}.tenants-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;display:flex}.tenants-summary-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.tenants-summary-icon.green{background:var(--green-bg);color:var(--green)}.tenants-summary-icon.orange{background:var(--orange-bg);color:var(--orange)}.tenants-summary-icon.blue{color:#5684ff;background:#5684ff1a}.tenants-summary-card span{color:var(--text-muted);font-size:9px;display:block}.tenants-summary-card strong{color:var(--text-primary);margin-top:4px;font-size:19px;display:block}.tenants-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.tenants-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px 18px;display:flex}.tenants-toolbar-title{flex-shrink:0;align-items:center;gap:10px;display:flex}.tenants-section-icon{background:var(--accent-glow);width:34px;height:34px;color:var(--accent-1);border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.tenants-toolbar-title h2{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.tenants-toolbar-title span{color:var(--text-muted);margin-top:3px;font-size:9px;display:block}.tenants-filters{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.tenants-search{align-items:center;width:280px;height:36px;display:flex;position:relative}.tenants-search>i{color:var(--text-muted);pointer-events:none;font-size:10px;position:absolute;left:12px}.tenants-search input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);border-radius:7px;outline:none;padding:0 34px 0 31px;font-family:inherit;font-size:10px;transition:border-color .15s}.tenants-search input:focus{border-color:var(--accent-1)}.tenants-search input::placeholder{color:var(--text-muted)}.tenants-search button{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;position:absolute;right:7px}.tenants-search button:hover{background:var(--bg-card);color:var(--text-primary)}.tenants-filter-select{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:115px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:7px;outline:none;padding:0 26px 0 10px;font-family:inherit;font-size:9px}.tenants-filter-select:focus{border-color:var(--accent-1)}.tenants-clear-button{border:1px solid var(--red);background:var(--red-bg);height:36px;color:var(--red);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:0 11px;font-family:inherit;font-size:9px;font-weight:600;display:flex}.tenants-table-wrapper{width:100%;overflow-x:auto}.tenants-table{border-collapse:collapse;width:100%;min-width:1000px}.tenants-table th{background:var(--bg-secondary);color:var(--text-muted);text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:11px 16px;font-size:8px;font-weight:700}.tenants-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tenants-table th.sortable:hover{color:var(--accent-1)}.tenants-table th span{align-items:center;gap:6px;display:inline-flex}.tenants-table th b{color:var(--text-muted);font-size:9px;font-weight:500}.tenants-table td{border-top:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;vertical-align:middle;padding:12px 16px;font-size:9px}.tenants-table tbody tr{transition:background .15s}.tenants-table tbody tr:hover{background:var(--bg-secondary)}.tenants-table tbody tr.is-current{background:#7c6df00e}.tenants-table tbody tr.is-current:hover{background:#7c6df017}.tenant-identity{align-items:center;gap:10px;min-width:220px;display:flex}.tenant-avatar{background:var(--accent-glow);width:34px;height:34px;color:var(--accent-1);border:1px solid #7c6df02e;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.tenant-name-block{min-width:0}.tenant-name-block strong{text-overflow:ellipsis;max-width:240px;color:var(--text-primary);font-size:10px;font-weight:600;display:block;overflow:hidden}.tenant-name-block span{color:var(--text-muted);margin-top:3px;font-family:monospace;font-size:8px;display:block}.tenant-name-block em{background:var(--accent-glow);color:var(--accent-1);border-radius:50px;margin-top:4px;padding:2px 7px;font-size:7px;font-style:normal;font-weight:600;display:inline-block}.tenant-status-badge{border-radius:50px;align-items:center;gap:5px;padding:4px 9px;font-size:8px;font-weight:600;display:inline-flex}.tenant-status-badge>span{border-radius:50%;width:5px;height:5px}.tenant-status-badge.active{background:var(--green-bg);color:var(--green)}.tenant-status-badge.active>span{background:var(--green)}.tenant-status-badge.inactive{background:var(--bg-secondary);color:var(--text-muted)}.tenant-status-badge.inactive>span{background:var(--text-muted)}.tenant-did-list{flex-wrap:wrap;align-items:center;gap:4px;max-width:270px;display:flex}.tenant-did-list span{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:5px;padding:3px 7px;font-family:monospace;font-size:8px}.tenant-did-list span.more{background:var(--accent-glow);color:var(--accent-1);border-color:#0000;font-family:inherit;font-weight:600}.tenant-no-data{color:var(--text-muted);font-size:8px}.tenant-onboarding-badge{border-radius:50px;align-items:center;padding:4px 9px;font-size:8px;font-weight:600;display:inline-flex}.tenant-onboarding-badge.not_started{background:var(--bg-secondary);color:var(--text-muted)}.tenant-onboarding-badge.in_progress{background:var(--orange-bg);color:var(--orange)}.tenant-onboarding-badge.completed{background:var(--green-bg);color:var(--green)}.tenant-state{color:var(--text-secondary);align-items:center;gap:6px;font-size:8px;display:inline-flex}.tenant-state>span{border-radius:50%;width:6px;height:6px}.tenant-state>span.online{background:var(--green)}.tenant-state>span.offline{background:var(--text-muted)}.tenants-actions{align-items:center;gap:4px;display:flex}.tenants-actions button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.tenants-actions button:hover{border-color:var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.tenants-actions button.active{color:var(--accent-1)}.tenants-actions button.success:hover{border-color:var(--green);background:var(--green-bg);color:var(--green)}.tenants-actions button.danger:hover{border-color:var(--red);background:var(--red-bg);color:var(--red)}.tenants-actions button:disabled{opacity:.45;cursor:not-allowed}.tenants-empty{height:260px;text-align:center!important}.tenants-empty>div{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.tenants-empty i{color:var(--text-muted);margin-bottom:5px;font-size:25px}.tenants-empty strong{color:var(--text-primary);font-size:12px}.tenants-empty span{color:var(--text-muted);font-size:9px}.tenants-empty button{border:1px solid var(--accent-1);background:var(--accent-glow);color:var(--accent-1);cursor:pointer;border-radius:6px;margin-top:5px;padding:6px 12px;font-family:inherit;font-size:9px;font-weight:600}.tenants-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:9px 18px;display:flex}.tenants-page-size{color:var(--text-muted);align-items:center;gap:7px;font-size:9px;display:flex}.tenants-page-size select{border:1px solid var(--border-color);background:var(--bg-card);height:28px;color:var(--text-secondary);border-radius:5px;outline:none;padding:0 22px 0 8px;font-family:inherit;font-size:9px}.tenants-page-info{color:var(--text-muted);font-size:9px}.tenants-page-info strong{color:var(--text-secondary)}.tenants-pagination{align-items:center;gap:4px;display:flex}.tenants-pagination button{border:1px solid var(--border-color);background:var(--bg-card);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:5px;font-family:inherit;font-size:9px}.tenants-pagination button:hover:not(:disabled){border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.tenants-pagination button.active{border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1);font-weight:600}.tenants-pagination button:disabled{opacity:.4;cursor:not-allowed}.tenants-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f121e85;justify-content:center;align-items:center;padding:30px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.tenants-modal{border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;flex-direction:column;width:min(680px,100%);min-height:0;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 70px #0003}.tenants-modal-header{border-bottom:1px solid var(--border-color);flex:none;justify-content:space-between;align-items:flex-start;gap:15px;padding:18px 20px;display:flex}.tenants-modal-header>div:first-child{align-items:flex-start;gap:11px;display:flex}.tenants-modal-icon{background:var(--accent-glow);width:36px;height:36px;color:var(--accent-1);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tenants-modal-header h2{color:var(--text-primary);margin:0;font-size:15px}.tenants-modal-header p{color:var(--text-muted);margin:4px 0 0;font-size:9px;line-height:1.5}.tenants-modal-close{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px}.tenants-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.tenants-modal-body{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:auto;min-height:0;padding:20px;overflow:hidden auto}.tenants-modal-body::-webkit-scrollbar{width:8px}.tenants-modal-body::-webkit-scrollbar-track{background:0 0}.tenants-modal-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.tenants-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff47}.tenants-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tenants-form-group{min-width:0}.tenants-form-group.full{grid-column:1/-1}.tenants-form-group label{color:var(--text-secondary);margin-bottom:7px;font-size:9px;font-weight:600;display:block}.tenants-form-group label span{color:var(--red);margin-left:3px}.tenants-input-wrap{align-items:center;display:flex;position:relative}.tenants-input-wrap>i{color:var(--text-muted);pointer-events:none;font-size:10px;position:absolute;left:11px}.tenants-input-wrap input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:40px;color:var(--text-primary);border-radius:7px;outline:none;padding:0 12px 0 31px;font-family:inherit;font-size:10px}.tenants-input-wrap input:focus{border-color:var(--accent-1)}.tenants-input-wrap input:disabled{opacity:.6;cursor:not-allowed}.tenants-form-group select{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:40px;color:var(--text-primary);border-radius:7px;outline:none;padding:0 12px;font-family:inherit;font-size:10px}.tenants-form-group select:focus{border-color:var(--accent-1)}.tenants-form-group textarea{border:1px solid var(--border-color);resize:vertical;background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:7px;outline:none;padding:11px 12px;font-family:inherit;font-size:10px;line-height:1.5}.tenants-form-group textarea:focus{border-color:var(--accent-1)}.tenants-form-group small{color:var(--text-muted);margin-top:5px;font-size:8px;display:block}.tenants-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.tenants-modal-cancel,.tenants-modal-save{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-family:inherit;font-size:9px;font-weight:600;display:flex}.tenants-modal-cancel{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.tenants-modal-cancel:hover{border-color:var(--accent-1);color:var(--accent-1)}.tenants-modal-save{border:1px solid var(--accent-1);background:var(--accent-1);color:#fff}.tenants-modal-save:hover{filter:brightness(1.04)}.tenants-modal-cancel:disabled,.tenants-modal-save:disabled{opacity:.55;cursor:not-allowed}@media (width<=1200px){.tenants-summary{grid-template-columns:repeat(2,1fr)}.tenants-toolbar{flex-direction:column;align-items:stretch}.tenants-toolbar-title{justify-content:space-between}.tenants-filters{justify-content:flex-start;width:100%}.tenants-search{flex:1;width:auto}}@media (width<=850px){.tenants-page{padding:20px 18px 32px}.tenants-header{flex-direction:column;align-items:flex-start}.tenants-header-actions{width:100%}.tenants-refresh-button,.tenants-primary-button{flex:1}.tenants-filters{flex-wrap:wrap}.tenants-search{flex:100%;width:100%}.tenants-filter-select{flex:1}.tenants-footer{flex-direction:column;align-items:flex-start}}@media (width<=600px){.tenants-page{padding:18px 14px 30px}.tenants-summary{grid-template-columns:1fr 1fr}.tenants-header h1{font-size:23px}.tenants-filters{grid-template-columns:1fr 1fr;display:grid}.tenants-search{grid-column:1/-1}.tenants-clear-button{justify-content:center}.tenants-form-grid{grid-template-columns:1fr}.tenants-form-group.full{grid-column:auto}.tenants-modal-overlay{padding:15px}.tenants-modal{max-height:calc(100vh - 30px)}}@media (width<=430px){.tenants-summary{grid-template-columns:1fr}.tenants-header-actions{flex-direction:column}.tenants-refresh-button,.tenants-primary-button{width:100%}.tenants-filters{grid-template-columns:1fr}.tenants-search{grid-column:auto}.tenants-filter-select,.tenants-clear-button{width:100%}.tenants-modal-footer{flex-direction:column-reverse;flex:none}.tenants-modal-cancel,.tenants-modal-save{width:100%}}s .sip-page,.reports-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.sip-page-header,.reports-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.sip-eyebrow,.reports-eyebrow{color:var(--text-secondary);letter-spacing:1.1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:800;display:flex}.sip-eyebrow i,.reports-eyebrow i{color:var(--accent-1)}.sip-title-row h1,.reports-page-header h1{letter-spacing:-.5px;margin:0;font-size:28px;line-height:1.15}.sip-title-row p,.reports-page-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.sip-tenant-badge,.reports-live-badge{border:1px solid var(--border-color);background:var(--bg-card);height:28px;color:var(--text-secondary);white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.sip-tenant-badge i{color:var(--accent-1)}.sip-header-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.sip-btn,.reports-btn{cursor:pointer;height:40px;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font:600 12px/1 Inter,sans-serif;display:inline-flex}.sip-btn:disabled,.reports-btn:disabled{opacity:.5;cursor:not-allowed}.sip-btn-primary,.reports-btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 5px 16px var(--accent-glow)}.sip-btn-primary:hover,.reports-btn-primary:hover{transform:translateY(-1px)}.sip-btn-secondary,.reports-btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.sip-btn-secondary:hover,.reports-btn-secondary:hover{border-color:var(--accent-1);color:var(--accent-1)}.sip-btn-outline{color:var(--accent-1);background:0 0;border-color:#7c6df073}.sip-btn-outline:hover{background:var(--accent-glow)}.sip-alert{border:1px solid;border-radius:11px;align-items:center;gap:12px;margin-bottom:18px;padding:13px 15px;display:flex}.sip-alert-warning{background:var(--orange-bg);color:var(--orange);border-color:#fb923c59}.sip-alert-icon{background:#fb923c1f;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.sip-alert div:last-child{flex-direction:column;gap:2px;font-size:12px;display:flex}.sip-alert span{color:var(--text-secondary)}.sip-stats-grid,.reports-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.sip-stat-card,.reports-summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:16px;transition:all .2s;display:flex}.sip-stat-card:hover,.reports-summary-card:hover{border-color:#7c6df04d;transform:translateY(-1px)}.sip-stat-icon,.reports-summary-icon{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.sip-stat-icon.purple,.reports-summary-icon.purple{color:var(--accent-1);background:#7c6df01f}.sip-stat-icon.green,.reports-summary-icon.green{color:var(--green);background:var(--green-bg)}.sip-stat-icon.blue,.reports-summary-icon.blue{color:var(--accent-2);background:#5b8def1f}.sip-stat-icon.orange,.reports-summary-icon.orange{color:var(--orange);background:var(--orange-bg)}.sip-stat-card div:last-child,.reports-summary-card div:last-child{min-width:0}.sip-stat-card span,.reports-summary-card span{color:var(--text-secondary);margin-bottom:3px;font-size:11px;display:block}.sip-stat-card strong,.reports-summary-card strong{letter-spacing:-.4px;font-size:22px;line-height:1.1;display:block}.sip-stat-card small,.reports-summary-card small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:9px;display:block;overflow:hidden}.sip-panel,.reports-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:14px;min-width:0;margin-bottom:18px;padding:20px}.sip-panel-header,.reports-panel-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px;display:flex}.sip-section-title,.reports-section-title{align-items:center;gap:8px;display:flex}.sip-section-title i,.reports-section-title i{color:var(--accent-1);font-size:13px}.sip-section-title h2,.reports-section-title h2{margin:0;font-size:15px}.sip-panel-header p,.reports-panel-header p{color:var(--text-muted);margin:5px 0 0;font-size:11px}.sip-count-badge,.reports-result-count{color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.sip-table-wrap,.reports-table-wrap{border:1px solid var(--border-color);border-radius:10px;overflow-x:auto}.sip-table,.reports-table{border-collapse:collapse;width:100%;min-width:850px;font-size:12px}.sip-table th,.reports-table th{text-align:left;color:var(--text-muted);letter-spacing:.7px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 14px;font-size:9px;font-weight:800}.sip-table td,.reports-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:13px 14px}.sip-table tbody tr:last-child td,.reports-table tbody tr:last-child td{border-bottom:0}.sip-table tbody tr:hover td,.reports-table tbody tr:hover td{background:var(--bg-card-hover)}.sip-trunk-cell{align-items:center;gap:10px;min-width:180px;display:flex}.sip-trunk-icon{background:var(--accent-glow);width:34px;height:34px;color:var(--accent-1);border-radius:9px;place-items:center;display:grid}.sip-trunk-cell div:last-child{flex-direction:column;gap:3px;display:flex}.sip-trunk-cell strong{font-size:12px}.sip-trunk-cell code{color:var(--text-muted);font-size:9px}.sip-server{flex-direction:column;gap:3px;display:flex}.sip-server strong{font-size:11px}.sip-server span{color:var(--text-muted);font-size:9px}.sip-priority{border-radius:7px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.sip-priority.high{color:var(--green);background:var(--green-bg)}.sip-priority.medium{color:var(--orange);background:var(--orange-bg)}.sip-priority.low{color:var(--text-muted);background:#5a648821}.sip-status{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.sip-status>span{background:currentColor;border-radius:50%;width:5px;height:5px}.sip-status.active{color:var(--green);background:var(--green-bg)}.sip-status.inactive{color:var(--text-muted);background:#5a648821}.sip-status.waiting{color:var(--orange);background:var(--orange-bg)}.sip-actions-head{text-align:right!important}.sip-row-actions{justify-content:flex-end;gap:5px;display:flex}.sip-row-actions button{border:1px solid var(--border-color);background:var(--bg-secondary);width:31px;height:31px;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s}.sip-row-actions button:hover{color:var(--accent-1);border-color:var(--accent-1)}.sip-row-actions button.danger:hover{color:var(--red);border-color:var(--red);background:var(--red-bg)}.sip-empty-state{text-align:center;border:1px dashed var(--border-color);background:var(--bg-secondary);min-height:260px;color:var(--text-secondary);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.sip-empty-state strong{color:var(--text-primary);font-size:13px}.sip-empty-state>span{color:var(--text-muted);margin-bottom:8px;font-size:11px}.sip-empty-icon,.sip-spinner{background:var(--accent-glow);width:48px;height:48px;color:var(--accent-1);border-radius:14px;place-items:center;margin-bottom:4px;font-size:20px;display:grid}.sip-modal-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:1100;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sip-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:min(850px,100%);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 25px 70px #00000073}.sip-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.sip-modal-icon{background:var(--accent-glow);width:38px;height:38px;color:var(--accent-1);border-radius:10px;place-items:center;display:grid}.sip-modal-header h2{margin:0;font-size:16px}.sip-modal-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px}.sip-modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sip-modal-body{padding:20px;overflow:auto}.sip-form-section:last-of-type{margin-bottom:10px}.sip-form-section-title{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.sip-form-section-title span{font-size:12px;font-weight:800}.sip-form-section-title small{color:var(--text-muted);font-size:9px}.sip-form-grid{gap:12px;display:grid}.sip-field.full{grid-column:1/-1}.sip-field label{color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.sip-field label em{color:var(--red);font-style:normal}.sip-field input,.sip-field select{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;height:39px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 11px;font:500 12px Inter,sans-serif}.sip-field input:focus,.sip-field select:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.sip-field input:disabled{opacity:.55;cursor:not-allowed}.sip-field small{color:var(--text-muted);margin-top:5px;font-size:9px;display:block}.sip-advanced-toggle{color:var(--accent-1);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0 12px;font:700 11px Inter,sans-serif;display:flex}.sip-advanced-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:14px;padding:15px}.sip-checkbox{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.sip-checkbox input{accent-color:var(--accent-1)}.sip-test-result{border:1px solid;border-radius:9px;margin-top:15px;padding:11px 13px}.sip-test-result>div{flex-direction:column;gap:4px;font-size:10px;display:flex}.sip-test-result strong{font-size:11px}.sip-test-result span{color:var(--text-secondary)}.sip-test-result.success{background:var(--green-bg);border-color:#4ade804d}.sip-test-result.success strong{color:var(--green)}.sip-test-result.warning{background:var(--orange-bg);border-color:#fb923c4d}.sip-test-result.warning strong{color:var(--orange)}.sip-test-result.error{background:var(--red-bg);border-color:#f871714d}.sip-test-result.error strong{color:var(--red)}.sip-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end;gap:9px;padding:14px 20px;display:flex}.sip-page{width:100%;max-width:1800px;margin:0 auto;padding:24px 28px 40px}.sip-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.sip-header-content{min-width:0}.sip-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:9px;font-weight:700;display:flex}.sip-eyebrow i{color:var(--accent-1)}.sip-title-row{align-items:center;gap:11px;display:flex}.sip-title-icon{background:var(--accent-glow);width:42px;height:42px;color:var(--accent-1);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.sip-title-row h1{color:var(--text-primary);letter-spacing:-.4px;margin:0;font-size:25px;font-weight:700}.sip-title-row p{color:var(--text-secondary);margin:5px 0 0;font-size:11px}.sip-header-actions{align-items:center;gap:8px;display:flex}.sip-primary-button,.sip-secondary-button,.sip-test-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-family:inherit;font-size:9px;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.sip-primary-button{border:1px solid var(--accent-1);background:var(--accent-1);color:#fff}.sip-primary-button:hover:not(:disabled){box-shadow:0 5px 15px var(--accent-glow);transform:translateY(-1px)}.sip-secondary-button{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary)}.sip-secondary-button:hover:not(:disabled){border-color:var(--accent-1);color:var(--accent-1)}.sip-test-button{border:1px solid var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.sip-test-button:hover:not(:disabled){background:var(--accent-1);color:#fff}.sip-primary-button:disabled,.sip-secondary-button:disabled,.sip-test-button:disabled{opacity:.45;cursor:not-allowed}.sip-context-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:64px;box-shadow:var(--shadow-sm);align-items:center;gap:11px;margin-bottom:14px;padding:11px 14px;display:flex}.sip-context-icon{background:var(--accent-glow);width:36px;height:36px;color:var(--accent-1);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.sip-context-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sip-context-label{color:var(--text-muted);letter-spacing:.8px;font-size:8px;font-weight:700}.sip-context-content strong{color:var(--text-primary);font-size:11px}.sip-context-content>span:last-child{color:var(--text-muted);font-size:8px}.sip-connection-status{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:8px;font-weight:600;display:inline-flex}.sip-connection-status>span{border-radius:50%;width:6px;height:6px}.sip-connection-status.connected{color:var(--green);background:var(--green-bg)}.sip-connection-status.connected>span{background:var(--green)}.sip-connection-status.warning{color:var(--orange);background:var(--orange-bg)}.sip-connection-status.warning>span{background:var(--orange)}.sip-alert{border-radius:var(--radius);align-items:center;gap:11px;margin-bottom:14px;padding:11px 13px;display:flex}.sip-alert.warning{border:1px solid var(--orange);background:var(--orange-bg);color:var(--orange)}.sip-alert-icon{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.sip-alert strong{font-size:10px;display:block}.sip-alert p{color:var(--text-secondary);margin:3px 0 0;font-size:9px}.sip-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.sip-summary-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:74px;box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:12px 13px;display:flex}.sip-summary-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:flex}.sip-summary-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.sip-summary-icon.green{background:var(--green-bg);color:var(--green)}.sip-summary-icon.blue{color:#5274ff;background:#4f74ff1a}.sip-summary-icon.red{background:var(--red-bg);color:var(--red)}.sip-summary-card span,.sip-summary-card strong{display:block}.sip-summary-card span{color:var(--text-muted);font-size:8px}.sip-summary-card strong{color:var(--text-primary);margin-top:3px;font-size:18px}.sip-main-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.sip-section-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:13px 16px;display:flex}.sip-section-header h2{color:var(--text-primary);align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.sip-section-header h2 i{color:var(--accent-1);font-size:11px}.sip-section-header p{color:var(--text-muted);margin:4px 0 0;font-size:8px}.sip-count{background:var(--accent-glow);color:var(--accent-1);border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700}.sip-count span{font-weight:500}.sip-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:10px;padding:11px 15px;display:flex}.sip-search{align-items:center;width:100%;max-width:410px;height:34px;display:flex;position:relative}.sip-search>i{color:var(--text-muted);font-size:9px;position:absolute;left:11px}.sip-search input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);border-radius:7px;outline:none;padding:0 32px 0 29px;font-family:inherit;font-size:9px}.sip-search input:focus{border-color:var(--accent-1)}.sip-search input::placeholder{color:var(--text-muted)}.sip-search button{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;right:7px}.sip-search button:hover{color:var(--accent-1)}.sip-filters{align-items:center;gap:7px;display:flex}.sip-filters select{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:115px;height:34px;color:var(--text-secondary);border-radius:7px;outline:none;padding:0 25px 0 9px;font-family:inherit;font-size:8px}.sip-filters select:focus{border-color:var(--accent-1)}.sip-table-wrapper{width:100%;overflow-x:auto}.sip-table{border-collapse:collapse;width:100%;min-width:980px}.sip-table th{background:var(--bg-secondary);color:var(--text-muted);letter-spacing:.4px;text-align:left;white-space:nowrap;padding:10px 14px;font-size:7px;font-weight:700}.sip-table td{border-top:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;padding:11px 14px;font-size:9px}.sip-table tbody tr{transition:background .15s}.sip-table tbody tr:hover{background:var(--bg-secondary)}.sip-trunk-cell{align-items:center;gap:9px;display:flex}.sip-trunk-icon{background:var(--accent-glow);width:30px;height:30px;color:var(--accent-1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.sip-trunk-cell strong,.sip-trunk-cell span{display:block}.sip-trunk-cell strong{color:var(--text-primary);font-size:9px;font-weight:600}.sip-trunk-cell span{color:var(--text-muted);margin-top:2px;font-family:monospace;font-size:7px}.sip-provider{color:var(--text-primary);font-weight:500}.sip-server{align-items:baseline;gap:1px;display:flex}.sip-server strong{color:var(--text-primary);font-family:monospace;font-size:8px}.sip-server span{color:var(--text-muted);font-family:monospace;font-size:8px}.sip-transport{background:var(--bg-secondary);color:var(--text-secondary);letter-spacing:.4px;border-radius:5px;padding:4px 7px;font-size:7px;font-weight:700}.sip-priority{border-radius:20px;justify-content:center;align-items:center;min-width:28px;padding:3px 7px;font-size:8px;font-weight:700;display:inline-flex}.sip-priority.high{background:var(--green-bg);color:var(--green)}.sip-priority.medium{background:var(--orange-bg);color:var(--orange)}.sip-priority.low{background:var(--bg-secondary);color:var(--text-muted)}.sip-status{align-items:center;gap:5px;font-size:8px;font-weight:600;display:inline-flex}.sip-status>span{border-radius:50%;width:5px;height:5px}.sip-status.active{color:var(--green)}.sip-status.active>span{background:var(--green)}.sip-status.waiting{color:var(--orange)}.sip-status.waiting>span{background:var(--orange)}.sip-status.inactive{color:var(--red)}.sip-status.inactive>span{background:var(--red)}.sip-active-badge{align-items:center;gap:5px;font-size:8px;font-weight:600;display:inline-flex}.sip-active-badge>span{border-radius:50%;width:5px;height:5px}.sip-active-badge.active{color:var(--green)}.sip-active-badge.active>span{background:var(--green)}.sip-active-badge.inactive{color:var(--text-muted)}.sip-active-badge.inactive>span{background:var(--text-muted)}.sip-row-actions{align-items:center;gap:4px;display:flex}.sip-row-actions button{width:27px;height:27px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:0;transition:all .15s}.sip-row-actions button:hover{border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.sip-row-actions button.danger:hover{border-color:var(--red);background:var(--red-bg);color:var(--red)}.sip-table-state{height:260px;text-align:center!important}.sip-table-state>div{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:230px;display:flex}.sip-table-state>div>i{color:var(--accent-1);margin-bottom:5px;font-size:21px}.sip-table-state strong{color:var(--text-primary);font-size:11px}.sip-table-state span{color:var(--text-muted);font-size:8px}.sip-empty-icon{background:var(--bg-secondary);width:46px;height:46px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;margin-bottom:5px;font-size:17px;display:flex}.sip-table-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;min-height:45px;padding:8px 15px;display:flex}.sip-table-footer>span{color:var(--text-muted);font-size:8px}.sip-table-footer strong{color:var(--text-secondary)}.sip-footer-hint{text-align:right}.sip-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0f197a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sip-modal{border:1px solid var(--border-color);background:var(--bg-card);border-radius:13px;flex-direction:column;width:min(760px,100%);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.sip-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:14px 17px;display:flex}.sip-modal-header>div:first-child{align-items:center;gap:10px;display:flex}.sip-modal-icon{background:var(--accent-glow);width:36px;height:36px;color:var(--accent-1);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sip-modal-header h2{color:var(--text-primary);margin:0;font-size:14px}.sip-modal-header p{color:var(--text-muted);margin:3px 0 0;font-size:8px}.sip-modal-close{border:1px solid var(--border-color);background:var(--bg-secondary);width:29px;height:29px;color:var(--text-muted);cursor:pointer;border-radius:7px;padding:0}.sip-modal-close:hover{border-color:var(--red);color:var(--red)}.sip-modal-body{padding:17px;overflow-y:auto}.sip-form-section{border-bottom:1px solid var(--border-color);margin-bottom:17px;padding-bottom:17px}.sip-form-section-title{align-items:center;gap:9px;margin-bottom:13px;display:flex}.sip-form-section-title>i{color:var(--accent-1);font-size:11px}.sip-form-section-title strong,.sip-form-section-title span{display:block}.sip-form-section-title strong{color:var(--text-primary);font-size:10px}.sip-form-section-title span{color:var(--text-muted);margin-top:2px;font-size:8px}.sip-form-grid{gap:12px;margin-bottom:12px;display:grid}.sip-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sip-form-grid.three{grid-template-columns:1.5fr .65fr .85fr}.sip-form-field{min-width:0}.sip-form-field label{color:var(--text-secondary);letter-spacing:.4px;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:700;display:block}.sip-form-field label span{color:var(--red);margin-left:2px}.sip-form-field input,.sip-form-field select{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:35px;color:var(--text-primary);box-sizing:border-box;border-radius:7px;outline:none;padding:0 10px;font-family:inherit;font-size:9px}.sip-form-field input:focus,.sip-form-field select:focus{border-color:var(--accent-1);box-shadow:0 0 0 2px var(--accent-glow)}.sip-form-field input:disabled{opacity:.55;cursor:not-allowed}.sip-form-field input::placeholder{color:var(--text-muted)}.sip-form-field small{color:var(--text-muted);margin-top:4px;font-size:7px;display:block}.sip-advanced{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;margin-bottom:15px;overflow:hidden}.sip-advanced-toggle{width:100%;min-height:42px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:9px;font-weight:600;display:flex}.sip-advanced-toggle>span{align-items:center;gap:7px;display:flex}.sip-advanced-toggle>span i{color:var(--accent-1)}.sip-advanced-toggle>i{color:var(--text-muted);font-size:8px}.sip-advanced-toggle:hover{background:var(--bg-card-hover)}.sip-advanced-content{border-top:1px solid var(--border-color);padding:13px}.sip-form-options{margin-bottom:14px}.sip-checkbox{cursor:pointer;align-items:flex-start;gap:9px;display:flex;position:relative}.sip-checkbox input{opacity:0;pointer-events:none;position:absolute}.sip-checkbox-mark{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:5px;flex-shrink:0;width:17px;height:17px;margin-top:1px;position:relative}.sip-checkbox input:checked+.sip-checkbox-mark{border-color:var(--accent-1);background:var(--accent-1)}.sip-checkbox input:checked+.sip-checkbox-mark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.sip-checkbox strong,.sip-checkbox small{display:block}.sip-checkbox strong{color:var(--text-primary);font-size:9px}.sip-checkbox small{color:var(--text-muted);margin-top:2px;font-size:7px}.sip-test-result{border-radius:8px;align-items:flex-start;gap:9px;padding:10px 11px;display:flex}.sip-test-result.success{background:var(--green-bg);border:1px solid var(--green)}.sip-test-result.warning{background:var(--orange-bg);border:1px solid var(--orange)}.sip-test-result.error{background:var(--red-bg);border:1px solid var(--red)}.sip-test-result-icon{padding-top:1px;font-size:12px}.sip-test-result.success .sip-test-result-icon{color:var(--green)}.sip-test-result.warning .sip-test-result-icon{color:var(--orange)}.sip-test-result.error .sip-test-result-icon{color:var(--red)}.sip-test-result strong{color:var(--text-primary);font-size:9px;display:block}.sip-test-result p{color:var(--text-secondary);margin:3px 0 0;font-size:8px;line-height:1.5}.sip-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-card);justify-content:flex-end;align-items:center;gap:7px;min-height:57px;padding:10px 17px;display:flex}@media (width<=1100px){.sip-summary-grid{grid-template-columns:repeat(2,1fr)}.sip-header{flex-direction:column;align-items:flex-start}.sip-header-actions{width:100%}.sip-header-actions button{flex:1}.sip-form-grid.three{grid-template-columns:1fr 1fr}}@media (width<=760px){.sip-page{padding-bottom:25px}.sip-context-card{align-items:flex-start}.sip-connection-status{margin-left:auto}.sip-toolbar{flex-direction:column;align-items:stretch}.sip-search{max-width:none}.sip-filters{width:100%}.sip-filters select{flex:1}.sip-form-grid.two,.sip-form-grid.three{grid-template-columns:1fr}.sip-modal-overlay{padding:10px}.sip-modal{max-height:calc(100vh - 20px)}.sip-modal-footer{flex-wrap:wrap}.sip-modal-footer button{flex:1}}@media (width<=520px){.sip-title-row h1{font-size:21px}.sip-title-row p{font-size:9px}.sip-header-actions{flex-direction:column}.sip-header-actions button{width:100%}.sip-summary-grid{grid-template-columns:1fr}.sip-context-card{flex-wrap:wrap}.sip-connection-status{margin-left:47px}.sip-table-footer{flex-direction:column;align-items:flex-start}.sip-footer-hint{text-align:left}}.reports-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.reports-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.reports-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.reports-eyebrow i{color:var(--accent-1)}.reports-header h1{color:var(--text-primary);margin:0;font-size:27px;font-weight:700}.reports-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.reports-header-actions{align-items:center;gap:8px;display:flex}.reports-primary-btn,.reports-secondary-btn{border-radius:var(--radius-sm);cursor:pointer;height:38px;transition:all var(--transition);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-family:inherit;font-size:10px;font-weight:600;display:inline-flex}.reports-primary-btn{border:1px solid var(--accent-1);background:var(--accent-1);color:#fff}.reports-primary-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.reports-primary-btn:disabled{opacity:.45;cursor:not-allowed}.reports-secondary-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.reports-secondary-btn:hover{border-color:var(--accent-1);color:var(--accent-1)}.reports-generator{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px}.reports-generator-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.reports-generator-icon{background:var(--accent-glow);width:40px;height:40px;color:var(--accent-1);border-radius:10px;justify-content:center;align-items:center;font-size:15px;display:flex}.reports-generator-heading h2{color:var(--text-primary);margin:0;font-size:14px}.reports-generator-heading p{color:var(--text-muted);margin:4px 0 0;font-size:10px}.reports-periods{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.reports-periods button{border:1px solid var(--border-color);background:var(--bg-secondary);min-height:48px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.reports-periods button i{color:var(--text-muted)}.reports-periods button:hover{border-color:var(--accent-1);color:var(--accent-1)}.reports-periods button.active{border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.reports-periods button.active i{color:var(--accent-1)}.reports-custom-range{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;align-items:flex-end;gap:12px;margin-top:14px;padding:14px;display:flex}.reports-custom-range label{flex:1;max-width:260px}.reports-custom-range label>span{color:var(--text-secondary);margin-bottom:6px;font-size:9px;font-weight:600;display:block}.reports-custom-range input{border:1px solid var(--border-color);background:var(--bg-card);width:100%;height:36px;color:var(--text-primary);border-radius:7px;outline:none;padding:0 10px;font-family:inherit;font-size:10px}.reports-custom-range input:focus{border-color:var(--accent-1)}.reports-range-arrow{height:36px;color:var(--text-muted);align-items:center;font-size:9px;display:flex}.reports-generator-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;margin-top:16px;padding-top:15px;display:flex}.reports-selected-period{color:var(--text-muted);align-items:center;gap:7px;font-size:9px;display:flex}.reports-selected-period i{color:var(--accent-1)}.reports-generate-btn{border:1px solid var(--accent-1);border-radius:var(--radius-sm);background:var(--accent-1);color:#fff;cursor:pointer;height:38px;transition:all var(--transition);align-items:center;gap:7px;padding:0 17px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.reports-generate-btn:hover:not(:disabled){filter:brightness(1.08)}.reports-generate-btn:disabled{opacity:.55;cursor:not-allowed}.reports-error{border:1px solid var(--red);background:var(--red-bg);color:var(--red);border-radius:7px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:9px;display:flex}.reports-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.reports-summary-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:82px;box-shadow:var(--shadow-sm);align-items:center;gap:11px;padding:14px;display:flex}.reports-summary-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.reports-summary-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.reports-summary-icon.green{background:var(--green-bg);color:var(--green)}.reports-summary-icon.orange{background:var(--orange-bg);color:var(--orange)}.reports-summary-icon.blue{background:var(--accent-glow);color:var(--accent-1)}.reports-summary-card span,.reports-summary-card strong{display:block}.reports-summary-card span{color:var(--text-muted);font-size:9px}.reports-summary-card strong{color:var(--text-primary);margin-top:4px;font-size:19px}.reports-results{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.reports-results-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;display:flex}.reports-results-title{align-items:center;gap:8px;display:flex}.reports-results-title h2{color:var(--text-primary);margin:0;font-size:14px}.reports-results-title span{background:var(--accent-glow);color:var(--accent-1);border-radius:20px;padding:3px 8px;font-size:8px;font-weight:600}.reports-results-header p{color:var(--text-muted);margin:5px 0 0;font-size:9px}.reports-results-actions{align-items:center;gap:7px;display:flex}.reports-search{align-items:center;width:230px;height:34px;display:flex;position:relative}.reports-search>i{color:var(--text-muted);font-size:9px;position:absolute;left:11px}.reports-search input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);border-radius:7px;outline:none;padding:0 30px 0 29px;font-family:inherit;font-size:9px}.reports-search input:focus{border-color:var(--accent-1)}.reports-search input::placeholder{color:var(--text-muted)}.reports-search button{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;position:absolute;right:6px}.reports-filter{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:115px;height:34px;color:var(--text-secondary);border-radius:7px;outline:none;padding:0 25px 0 10px;font-family:inherit;font-size:9px}.reports-filter:focus{border-color:var(--accent-1)}.reports-table-wrapper{width:100%;overflow-x:auto}.reports-table{border-collapse:collapse;width:100%;min-width:850px}.reports-table th{background:var(--bg-secondary);color:var(--text-muted);text-align:left;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:11px 16px;font-size:8px;font-weight:700}.reports-table th i{opacity:.65;margin-left:5px;font-size:8px}.reports-table th:hover{color:var(--accent-1)}.reports-table td{border-top:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;padding:11px 16px;font-size:9px}.reports-table tbody tr{transition:background .15s}.reports-table tbody tr:hover{background:var(--bg-secondary)}.report-caller{align-items:center;gap:9px;display:flex}.report-caller-avatar{background:var(--accent-glow);width:30px;height:30px;color:var(--accent-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.report-caller strong,.report-caller span{display:block}.report-caller strong{color:var(--text-primary);font-size:9px;font-weight:600}.report-caller span{color:var(--text-muted);margin-top:2px;font-size:7px}.report-phone{color:var(--text-secondary);font-family:monospace}.report-duration{color:var(--text-secondary);font-variant-numeric:tabular-nums}.report-time{color:var(--text-muted);font-size:8px}.report-status{align-items:center;gap:5px;font-size:8px;font-weight:600;display:inline-flex}.report-status>span{border-radius:50%;width:5px;height:5px}.report-status.success{color:var(--green)}.report-status.success>span{background:var(--green)}.report-status.warning{color:var(--orange)}.report-status.warning>span{background:var(--orange)}.report-status.danger{color:var(--red)}.report-status.danger>span{background:var(--red)}.reports-empty,.reports-initial{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:40px 20px;display:flex}.reports-empty-icon,.reports-initial-icon{background:var(--accent-glow);width:52px;height:52px;color:var(--accent-1);border-radius:14px;justify-content:center;align-items:center;margin-bottom:12px;font-size:19px;display:flex}.reports-empty h3,.reports-initial h2{color:var(--text-primary);margin:0;font-size:13px}.reports-empty p,.reports-initial p{max-width:420px;color:var(--text-muted);margin:7px 0 0;font-size:9px;line-height:1.6}.reports-results-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:9px 18px;display:flex}.reports-page-size{color:var(--text-muted);align-items:center;gap:7px;font-size:9px;display:flex}.reports-page-size select{border:1px solid var(--border-color);background:var(--bg-card);min-width:55px;height:29px;color:var(--text-secondary);border-radius:5px;outline:none;padding:0 7px;font-family:inherit;font-size:9px}.reports-page-size select:focus{border-color:var(--accent-1)}.reports-pagination{align-items:center;gap:4px;display:flex}.reports-pagination button{border:1px solid var(--border-color);background:var(--bg-card);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:5px;font-family:inherit;font-size:9px;transition:all .15s}.reports-pagination button:hover:not(:disabled),.reports-pagination button.active{border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.reports-pagination button:disabled{opacity:.4;cursor:not-allowed}.reports-page-info{color:var(--text-muted);font-size:9px}@media (width<=1100px){.reports-summary{grid-template-columns:repeat(2,1fr)}.reports-results-header{flex-direction:column;align-items:stretch}.reports-results-actions{width:100%}.reports-search{flex:1;width:auto}.reports-filter{min-width:130px}}@media (width<=800px){.reports-page{padding:18px 14px 30px}.reports-header{flex-direction:column;align-items:flex-start}.reports-header-actions{width:100%}.reports-header-actions button{flex:1}.reports-periods{grid-template-columns:repeat(2,1fr)}.reports-custom-range{flex-direction:column;align-items:stretch}.reports-custom-range label{max-width:none}.reports-range-arrow{display:none}.reports-generator-footer{flex-direction:column;align-items:stretch}.reports-generate-btn{justify-content:center}}@media (width<=600px){.reports-summary{grid-template-columns:1fr 1fr;gap:8px}.reports-summary-card{min-height:72px;padding:10px}.reports-summary-icon{width:32px;height:32px}.reports-summary-card strong{font-size:16px}.reports-results-actions{flex-direction:column}.reports-search,.reports-filter{width:100%;max-width:none}.reports-results-footer{flex-direction:column;align-items:flex-start}.reports-pagination{justify-content:center;width:100%}.reports-page-info{text-align:center;width:100%}}@media (width<=420px){.reports-summary,.reports-periods{grid-template-columns:1fr}.reports-header-actions{flex-direction:column}.reports-header-actions button{width:100%}}@media (width<=1100px){.sip-stats-grid,.reports-summary-grid,.reports-filter-grid{grid-template-columns:repeat(2,1fr)}.reports-generate-wrap{grid-column:1/-1}.reports-btn-primary{width:100%}}@media (width<=760px){.sip-page-header,.reports-page-header{flex-direction:column;align-items:stretch}.sip-header-actions{width:100%}.sip-header-actions .sip-btn{flex:1}.sip-title-row{flex-direction:column;align-items:flex-start}.sip-form-grid.two,.sip-form-grid.three{grid-template-columns:1fr}.sip-field.full{grid-column:auto}.sip-modal-overlay{padding:10px}.sip-modal{max-height:calc(100vh - 20px)}.sip-modal-footer{flex-wrap:wrap}.sip-modal-footer .sip-btn{flex:1}.reports-filter-grid{grid-template-columns:1fr}.reports-download-desktop{display:none}.reports-panel,.sip-panel{padding:16px}.reports-summary-grid,.sip-stats-grid{gap:10px}}@media (width<=520px){.sip-stats-grid,.reports-summary-grid{grid-template-columns:1fr}.sip-header-actions{grid-template-columns:1fr 1fr;display:grid}.sip-header-actions .sip-btn:last-child{grid-column:1/-1}.sip-panel-header,.reports-panel-header{flex-direction:column;align-items:flex-start}.reports-page-header>.reports-btn{width:100%}.reports-pagination{flex-direction:column;align-items:stretch}.reports-page-controls{justify-content:center}.reports-page-info{text-align:center}}.audit-page{width:100%;max-width:1600px;color:var(--text-primary);margin:0 auto;padding:26px 30px 40px}.audit-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.audit-eyebrow{color:var(--accent-1);letter-spacing:1.1px;align-items:center;gap:7px;margin-bottom:7px;font-size:9px;font-weight:800;display:flex}.audit-eyebrow i{font-size:10px}.audit-page-header h1{color:var(--text-primary);margin:0;font-size:29px;font-weight:800;line-height:1.1}.audit-page-header p{color:var(--text-secondary);margin:7px 0 0;font-size:12px}.audit-refresh-btn{border:1px solid var(--border-color);background:var(--bg-card);height:39px;color:var(--text-primary);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:700;transition:all .18s;display:inline-flex}.audit-refresh-btn:hover:not(:disabled){border-color:var(--accent-1);color:var(--accent-1);background:var(--accent-glow)}.audit-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.audit-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.audit-stat-card{border:1px solid var(--border-color);background:var(--bg-card);min-height:78px;box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:11px;padding:13px 14px;display:flex}.audit-stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:12px;display:flex}.audit-stat-icon.purple{color:var(--accent-1);background:var(--accent-glow)}.audit-stat-icon.blue{color:#38bdf8;background:#38bdf81f}.audit-stat-icon.orange{color:var(--orange);background:var(--orange-bg)}.audit-stat-icon.red{color:var(--red);background:var(--red-bg)}.audit-stat-card span,.audit-stat-card strong{display:block}.audit-stat-card span{color:var(--text-muted);font-size:9px}.audit-stat-card strong{color:var(--text-primary);margin-top:3px;font-size:18px}.audit-card{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:11px;overflow:hidden}.audit-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.audit-toolbar h2{color:var(--text-primary);margin:0;font-size:14px;font-weight:750}.audit-toolbar p{color:var(--text-muted);margin:4px 0 0;font-size:9px}.audit-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.audit-search{align-items:center;width:235px;height:34px;display:flex;position:relative}.audit-search>i{color:var(--text-muted);pointer-events:none;font-size:9px;position:absolute;left:11px}.audit-search input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);border-radius:7px;outline:none;padding:0 30px 0 29px;font-family:inherit;font-size:9px}.audit-search input::placeholder{color:var(--text-muted)}.audit-search input:focus{border-color:var(--accent-1)}.audit-search-clear{width:21px;height:21px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;position:absolute;right:6px}.audit-search-clear:hover{color:var(--text-primary)}.audit-filter{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:105px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:7px;outline:none;padding:0 25px 0 9px;font-family:inherit;font-size:9px}.audit-filter:focus{border-color:var(--accent-1)}.audit-filter-bar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:12px;min-height:35px;padding:7px 18px;display:flex}.audit-filter-bar span{color:var(--text-muted);font-size:9px}.audit-filter-bar button{color:var(--accent-1);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-family:inherit;font-size:9px;font-weight:600;display:inline-flex}.audit-log-list{flex-direction:column;display:flex}.audit-log-row{border:0;border-bottom:1px solid var(--border-color);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:37px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:13px 18px;font-family:inherit;transition:background .15s;display:grid}.audit-log-row:hover{background:var(--bg-secondary)}.audit-log-row:last-child{border-bottom:0}.audit-log-icon{border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;font-size:11px;display:flex}.audit-log-icon.success{color:var(--green);background:var(--green-bg)}.audit-log-icon.info{color:var(--accent-1);background:var(--accent-glow)}.audit-log-icon.warning{color:var(--orange);background:var(--orange-bg)}.audit-log-icon.danger{color:var(--red);background:var(--red-bg)}.audit-log-main{min-width:0}.audit-log-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audit-log-title-row strong{color:var(--text-primary);font-size:10px;font-weight:700}.audit-log-main p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 6px;font-size:9px;overflow:hidden}.audit-log-meta{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.audit-log-meta span{color:var(--text-muted);align-items:center;gap:4px;font-size:8px;display:inline-flex}.audit-log-meta i{font-size:7px}.audit-level{text-transform:capitalize;border-radius:50px;align-items:center;gap:4px;min-height:18px;padding:0 7px;font-size:7px;font-weight:700;display:inline-flex}.audit-level.success{color:var(--green);background:var(--green-bg)}.audit-level.info{color:var(--accent-1);background:var(--accent-glow)}.audit-level.warning{color:var(--orange);background:var(--orange-bg)}.audit-level.danger{color:var(--red);background:var(--red-bg)}.audit-log-time{text-align:right;min-width:115px}.audit-log-time strong,.audit-log-time span{display:block}.audit-log-time strong{color:var(--text-secondary);font-size:8px;font-weight:600}.audit-log-time span{color:var(--text-muted);margin-top:3px;font-size:7px}.audit-log-arrow{color:var(--text-muted);text-align:right;font-size:8px;transition:transform .15s}.audit-log-row:hover .audit-log-arrow{color:var(--accent-1);transform:translate(2px)}.audit-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:260px;padding:35px 20px;display:flex}.audit-empty-icon,.audit-loading-icon{background:var(--bg-secondary);width:45px;height:45px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;margin-bottom:4px;font-size:17px;display:flex}.audit-empty-state strong{color:var(--text-primary);font-size:11px}.audit-empty-state>span{color:var(--text-muted);font-size:9px}.audit-clear-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--accent-1);cursor:pointer;border-radius:7px;margin-top:6px;padding:7px 12px;font-family:inherit;font-size:9px;font-weight:600}.audit-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;min-height:48px;padding:8px 18px;display:flex}.audit-card-footer>span:first-child{color:var(--text-muted);font-size:8px}.audit-card-footer strong{color:var(--text-secondary)}.audit-live-indicator{color:var(--green);align-items:center;gap:5px;font-size:8px;display:inline-flex}.audit-live-indicator>span{background:var(--green);width:6px;height:6px;box-shadow:0 0 0 3px var(--green-bg);border-radius:50%}.audit-modal-overlay{z-index:1000;background:#0000007a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.audit-modal{border:1px solid var(--border-color);background:var(--bg-card);border-radius:13px;width:min(620px,100%);max-height:min(720px,100vh - 40px);overflow:auto;box-shadow:0 25px 70px #00000040}.audit-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;display:flex}.audit-modal-title{align-items:center;gap:11px;min-width:0;display:flex}.audit-modal-icon{border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.audit-modal-icon.success{color:var(--green);background:var(--green-bg)}.audit-modal-icon.info{color:var(--accent-1);background:var(--accent-glow)}.audit-modal-icon.warning{color:var(--orange);background:var(--orange-bg)}.audit-modal-icon.danger{color:var(--red);background:var(--red-bg)}.audit-modal-title>div:last-child{min-width:0}.audit-modal-title span{color:var(--text-muted);letter-spacing:1px;font-size:7px;font-weight:800}.audit-modal-title h2{color:var(--text-primary);margin:3px 0 0;font-size:15px}.audit-modal-close{border:1px solid var(--border-color);background:var(--bg-secondary);width:29px;height:29px;color:var(--text-muted);cursor:pointer;border-radius:7px;flex-shrink:0}.audit-modal-close:hover{color:var(--text-primary);border-color:var(--accent-1)}.audit-modal-body{padding:18px 20px}.audit-detail-banner{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.audit-detail-banner>span:last-child{color:var(--text-muted);font-size:8px}.audit-detail-description{margin:17px 0}.audit-detail-description>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px;font-size:8px;font-weight:700;display:block}.audit-detail-description p{color:var(--text-secondary);margin:0;font-size:10px;line-height:1.6}.audit-detail-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.audit-detail-grid>div{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;min-width:0;padding:11px}.audit-detail-grid span,.audit-detail-grid strong{display:block}.audit-detail-grid span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:7px}.audit-detail-grid strong{color:var(--text-primary);word-break:break-word;font-size:9px;font-weight:600}.audit-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding:11px 20px;display:flex}.audit-modal-close-btn{border:1px solid var(--border-color);background:var(--bg-card);min-height:32px;color:var(--text-secondary);cursor:pointer;border-radius:7px;padding:0 13px;font-family:inherit;font-size:9px;font-weight:600}.audit-modal-close-btn:hover{color:var(--accent-1);border-color:var(--accent-1)}@media (width<=1150px){.audit-toolbar{flex-direction:column;align-items:flex-start}.audit-toolbar-actions{justify-content:flex-start;width:100%}.audit-search{flex:1;width:auto}}@media (width<=900px){.audit-stats{grid-template-columns:repeat(2,1fr)}.audit-log-row{grid-template-columns:37px minmax(0,1fr) 18px}.audit-log-time{display:none}}@media (width<=700px){.audit-page{padding:18px 14px 30px}.audit-page-header{flex-direction:column;align-items:flex-start}.audit-refresh-btn{width:100%}.audit-stats{grid-template-columns:1fr 1fr}.audit-toolbar-actions{flex-direction:column;align-items:stretch}.audit-search,.audit-filter{width:100%}.audit-log-row{grid-template-columns:34px minmax(0,1fr) 14px;gap:9px;padding:12px}.audit-log-icon{width:32px;height:32px}.audit-log-meta{gap:7px}.audit-log-meta span:nth-child(n+3){display:none}.audit-card-footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){.audit-stats{grid-template-columns:1fr}.audit-page-header h1{font-size:25px}.audit-filter-bar{flex-direction:column;align-items:flex-start}.audit-detail-grid{grid-template-columns:1fr}.audit-modal-overlay{padding:10px}.audit-modal{max-height:calc(100vh - 20px)}}.user-plan-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.user-plan-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.user-plan-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.user-plan-eyebrow i{color:var(--accent-1)}.user-plan-header h1{color:var(--text-primary);margin:0;font-size:27px;font-weight:700}.user-plan-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.user-plan-header-status{border:1px solid var(--green);background:var(--green-bg);color:var(--green);border-radius:20px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;font-weight:600;display:flex}.user-plan-status-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.user-plan-hero{border:1px solid var(--border-color);border-radius:var(--radius);background:linear-gradient(135deg, var(--bg-card), var(--bg-secondary));box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:20px;display:flex}.user-plan-hero-main{align-items:center;gap:14px;display:flex}.user-plan-hero-icon{background:var(--accent-glow);width:48px;height:48px;color:var(--accent-1);border-radius:12px;justify-content:center;align-items:center;font-size:19px;display:flex}.user-plan-label{color:var(--text-muted);letter-spacing:1px;margin-bottom:3px;font-size:8px;font-weight:700;display:block}.user-plan-hero h2{color:var(--text-primary);margin:0;font-size:19px}.user-plan-hero p{color:var(--text-secondary);margin:4px 0 0;font-size:10px}.user-plan-hero-actions{align-items:center;gap:10px;display:flex}.user-plan-active-badge{background:var(--green-bg);color:var(--green);border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:9px;font-weight:600;display:flex}.user-plan-active-badge span{background:var(--green);border-radius:50%;width:5px;height:5px}.user-plan-primary-btn,.user-plan-secondary-btn{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-family:inherit;font-size:9px;font-weight:600;transition:all .18s;display:inline-flex}.user-plan-primary-btn{border:1px solid var(--accent-1);background:var(--accent-1);color:#fff}.user-plan-primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.user-plan-secondary-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary)}.user-plan-secondary-btn:hover{border-color:var(--accent-1);color:var(--accent-1)}.user-plan-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.user-plan-stat-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-width:0;box-shadow:var(--shadow-sm);padding:15px}.user-plan-stat-top{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:9px;font-weight:600;display:flex}.user-plan-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;display:flex}.user-plan-stat-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.user-plan-stat-icon.blue{color:#3b82f6;background:#3b82f61f}.user-plan-stat-icon.green{background:var(--green-bg);color:var(--green)}.user-plan-stat-icon.orange{background:var(--orange-bg);color:var(--orange)}.user-plan-stat-card>strong{color:var(--text-primary);font-size:20px;line-height:1.2;display:block}.user-plan-stat-card>small{color:var(--text-muted);margin-top:4px;font-size:8px;display:block}.user-plan-progress{background:var(--bg-secondary);border-radius:20px;height:5px;margin-top:12px;overflow:hidden}.user-plan-progress span{border-radius:inherit;background:var(--accent-1);height:100%;display:block}.user-plan-progress.blue span{background:#3b82f6}.user-plan-progress.green span{background:var(--green)}.user-plan-stat-footer{color:var(--text-muted);justify-content:space-between;gap:8px;margin-top:7px;font-size:8px;display:flex}.user-plan-renewal-date{color:var(--orange);margin-top:14px;font-size:9px;font-weight:600}.user-plan-tabs{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;align-items:center;gap:3px;width:fit-content;margin-bottom:14px;padding:4px;display:flex}.user-plan-tabs button{height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:9px;font-weight:600;display:flex}.user-plan-tabs button:hover{color:var(--text-primary)}.user-plan-tabs button.active{background:var(--accent-glow);color:var(--accent-1)}.user-plan-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.user-plan-card,.user-plan-table-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm)}.user-plan-card{padding:18px}.user-plan-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.user-plan-section-eyebrow{color:var(--text-muted);letter-spacing:1px;margin-bottom:4px;font-size:8px;font-weight:700;display:block}.user-plan-card-header h3{color:var(--text-primary);margin:0;font-size:14px}.user-plan-card-icon{background:var(--accent-glow);width:31px;height:31px;color:var(--accent-1);border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex}.user-plan-card-icon.green{background:var(--green-bg);color:var(--green)}.user-plan-details{grid-template-columns:1fr 1fr;gap:0;display:grid}.user-plan-details>div{border-top:1px solid var(--border-color);padding:12px 0}.user-plan-details>div:nth-child(-n+2){border-top:0}.user-plan-details span{color:var(--text-muted);margin-bottom:4px;font-size:8px;display:block}.user-plan-details strong{color:var(--text-primary);font-size:10px}.user-plan-features{grid-template-columns:1fr 1fr;gap:8px;display:grid}.user-plan-feature{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:7px;align-items:flex-start;gap:8px;padding:9px;display:flex}.user-plan-feature>span{background:var(--green-bg);width:18px;height:18px;color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:7px;display:flex}.user-plan-feature p{color:var(--text-secondary);margin:2px 0 0;font-size:9px;line-height:1.4}.user-plan-info-banner{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-secondary);align-items:center;gap:12px;margin-top:14px;padding:13px 15px;display:flex}.user-plan-info-icon{background:var(--accent-glow);width:30px;height:30px;color:var(--accent-1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-plan-info-banner>div:nth-child(2){flex:1}.user-plan-info-banner strong{color:var(--text-primary);font-size:10px}.user-plan-info-banner p{color:var(--text-muted);margin:3px 0 0;font-size:8px;line-height:1.5}.user-plan-info-banner>button{color:var(--accent-1);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-family:inherit;font-size:9px;font-weight:600}.user-plan-info-banner>button i{margin-left:5px}.user-plan-table-card{overflow:hidden}.user-plan-table-card .user-plan-card-header{border-bottom:1px solid var(--border-color);margin-bottom:0;padding:16px 18px}.user-plan-table-wrap{width:100%;overflow-x:auto}.user-plan-table{border-collapse:collapse;width:100%;min-width:720px}.user-plan-table th{background:var(--bg-secondary);color:var(--text-muted);text-align:left;white-space:nowrap;padding:10px 16px;font-size:8px;font-weight:700}.user-plan-table td{border-top:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;padding:11px 16px;font-size:9px}.user-plan-table tbody tr{transition:background .15s}.user-plan-table tbody tr:hover{background:var(--bg-secondary)}.user-plan-transaction{align-items:center;gap:9px;display:flex}.user-plan-transaction-icon{background:var(--accent-glow);width:29px;height:29px;color:var(--accent-1);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.user-plan-transaction strong{color:var(--text-primary);font-size:9px;display:block}.user-plan-transaction span{color:var(--text-muted);margin-top:2px;font-size:7px;display:block}.user-plan-type{background:var(--bg-secondary);color:var(--text-secondary);border-radius:5px;padding:4px 7px;font-size:8px}.user-plan-table td strong{color:var(--text-primary)}.user-plan-table td strong.negative{color:var(--red)}.user-plan-table-status{align-items:center;gap:5px;font-size:8px;font-weight:600;display:inline-flex}.user-plan-table-status>span{border-radius:50%;width:5px;height:5px}.user-plan-table-status.success{color:var(--green)}.user-plan-table-status.success>span{background:var(--green)}.user-plan-table-status.refunded{color:var(--orange)}.user-plan-table-status.refunded>span{background:var(--orange)}.user-plan-invoice-action{text-align:right}.user-plan-invoice-action button{border:1px solid var(--border-color);width:27px;height:27px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px}.user-plan-invoice-action button:hover{border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.user-plan-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000009e;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.user-plan-plans-modal{border:1px solid var(--border-color);background:var(--bg-card);width:min(1050px,100%);max-height:calc(100vh - 60px);box-shadow:var(--shadow);border-radius:13px;overflow-y:auto}.user-plan-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;display:flex}.user-plan-modal-header>div span{color:var(--text-muted);letter-spacing:1px;font-size:8px;font-weight:700}.user-plan-modal-header h2{color:var(--text-primary);margin:5px 0 0;font-size:19px}.user-plan-modal-header p{color:var(--text-secondary);margin:4px 0 0;font-size:9px}.user-plan-modal-header button{border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px}.user-plan-modal-header button:hover{color:var(--text-primary);border-color:var(--accent-1)}.user-plan-plans{grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;display:grid}.user-plan-option{border:1px solid var(--border-color);background:var(--bg-secondary);text-align:center;border-radius:10px;padding:18px;transition:all .2s;position:relative}.user-plan-option:hover{border-color:var(--accent-1);transform:translateY(-2px)}.user-plan-option.popular{border-color:var(--accent-1)}.user-plan-popular{background:var(--accent-1);color:#fff;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:7px;font-weight:700;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.user-plan-option-icon{background:var(--accent-glow);width:35px;height:35px;color:var(--accent-1);border-radius:9px;justify-content:center;align-items:center;margin:3px auto 10px;display:flex}.user-plan-option h3{color:var(--text-primary);margin:0;font-size:14px}.user-plan-option>p{color:var(--text-muted);margin:3px 0 0;font-size:8px}.user-plan-price{color:var(--text-primary);margin-top:14px;font-size:22px;font-weight:800}.user-plan-credits{color:var(--accent-1);margin-top:3px;font-size:9px;font-weight:600}.user-plan-option-features{text-align:left;margin:15px 0}.user-plan-option-features>div{color:var(--text-secondary);align-items:flex-start;gap:6px;padding:4px 0;font-size:8px;line-height:1.4;display:flex}.user-plan-option-features i{color:var(--green);margin-top:2px;font-size:7px}.user-plan-confirm-modal{border:1px solid var(--border-color);background:var(--bg-card);text-align:center;width:min(430px,100%);box-shadow:var(--shadow);border-radius:13px;padding:25px}.user-plan-confirm-icon{background:var(--accent-glow);width:46px;height:46px;color:var(--accent-1);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 13px;display:flex}.user-plan-confirm-modal h2{color:var(--text-primary);margin:0;font-size:17px}.user-plan-confirm-modal>p{color:var(--text-secondary);margin:7px 0 18px;font-size:9px;line-height:1.5}.user-plan-confirm-summary{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px;display:grid}.user-plan-confirm-summary>div{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:7px;padding:10px 6px}.user-plan-confirm-summary span{color:var(--text-muted);font-size:7px;display:block}.user-plan-confirm-summary strong{color:var(--text-primary);margin-top:4px;font-size:9px;display:block}.user-plan-confirm-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=1100px){.user-plan-stats{grid-template-columns:repeat(2,1fr)}.user-plan-plans{grid-template-columns:1fr}}@media (width<=800px){.user-plan-grid{grid-template-columns:1fr}.user-plan-header,.user-plan-hero{flex-direction:column;align-items:flex-start}.user-plan-hero-actions{width:100%}.user-plan-hero-actions .user-plan-primary-btn{flex:1}}@media (width<=600px){.user-plan-page{padding:18px 14px 30px}.user-plan-stats,.user-plan-features,.user-plan-details{grid-template-columns:1fr}.user-plan-details>div:nth-child(2){border-top:1px solid var(--border-color)}.user-plan-tabs{width:100%;overflow-x:auto}.user-plan-tabs button{white-space:nowrap;flex:1}.user-plan-info-banner{flex-wrap:wrap;align-items:flex-start}.user-plan-info-banner>button{margin-left:42px}.user-plan-overlay{padding:14px}.user-plan-confirm-summary{grid-template-columns:1fr}}.profile-page{width:100%;max-width:1500px;margin:0 auto;padding:24px 28px 40px}.profile-page-header{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.profile-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.profile-eyebrow i{color:var(--accent-1)}.profile-page-header h1{color:var(--text-primary);margin:0;font-size:27px;line-height:1.2}.profile-page-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.profile-hero{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:126px;box-shadow:var(--shadow-sm);align-items:center;gap:18px;margin-bottom:18px;padding:22px 24px;display:flex}.profile-avatar{background:var(--accent-glow);border:1px solid var(--accent-1);width:72px;height:72px;color:var(--accent-1);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;font-size:23px;font-weight:700;display:flex}.profile-identity{flex:1;min-width:0}.profile-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-name-row h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.profile-role-badge{background:var(--accent-glow);color:var(--accent-1);text-transform:capitalize;border-radius:50px;align-items:center;gap:6px;padding:4px 10px;font-size:9px;font-weight:700;display:inline-flex}.profile-role-badge span{background:var(--accent-1);border-radius:50%;width:5px;height:5px}.profile-username{color:var(--text-secondary);align-items:center;gap:6px;margin:6px 0 0;font-size:11px;display:flex}.profile-username i{color:var(--text-muted)}.profile-account-text{color:var(--text-muted);margin:7px 0 0;font-size:10px}.profile-hero-status{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:9px;align-items:center;gap:10px;min-width:145px;padding:11px 13px;display:flex}.profile-status-icon{background:var(--green-bg);width:34px;height:34px;color:var(--green);border-radius:8px;justify-content:center;align-items:center;display:flex}.profile-hero-status span,.profile-hero-status strong{display:block}.profile-hero-status span{color:var(--text-muted);font-size:8px}.profile-hero-status strong{color:var(--green);margin-top:4px;font-size:10px;font-weight:600}.profile-hero-status strong i{margin-right:5px;font-size:6px}.profile-section{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);margin-bottom:18px;overflow:hidden}.profile-section-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:17px 20px;display:flex}.profile-section-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.profile-section-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.profile-section-icon.blue{color:#60a5fa;background:#3b82f61a}.profile-section-header h2{color:var(--text-primary);margin:0;font-size:14px;font-weight:650}.profile-section-header p{color:var(--text-muted);margin:4px 0 0;font-size:9px}.profile-info-grid{background:var(--border-color);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.profile-info-item{background:var(--bg-card);align-items:center;gap:12px;min-height:82px;padding:16px 20px;display:flex}.profile-info-item:hover{background:var(--bg-card-hover)}.profile-info-icon{background:var(--bg-secondary);width:34px;height:34px;color:var(--accent-1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.profile-info-item span,.profile-info-item strong{display:block}.profile-info-item span{color:var(--text-muted);font-size:9px}.profile-info-item strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;font-weight:600;overflow:hidden}.profile-capitalize{text-transform:capitalize}.profile-password-form{max-width:680px;padding:20px}.profile-form-group{margin-bottom:17px}.profile-form-group>label{color:var(--text-secondary);margin-bottom:7px;font-size:10px;font-weight:600;display:block}.profile-password-input{align-items:center;display:flex;position:relative}.profile-password-input>i{z-index:1;color:var(--text-muted);font-size:10px;position:absolute;left:13px}.profile-password-input input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:40px;color:var(--text-primary);border-radius:7px;outline:none;padding:0 42px 0 35px;font-family:inherit;font-size:11px;transition:border-color .2s,box-shadow .2s,background .2s}.profile-password-input input::placeholder{color:var(--text-muted)}.profile-password-input input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-card)}.profile-password-toggle{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;display:flex;position:absolute;right:7px}.profile-password-toggle:hover{background:var(--accent-glow);color:var(--accent-1)}.profile-password-hint{color:var(--text-muted);align-items:center;gap:6px;margin-top:6px;font-size:9px;display:flex}.profile-password-hint i{color:var(--accent-1)}.profile-alert{border-radius:7px;align-items:center;gap:9px;margin-bottom:15px;padding:10px 12px;font-size:10px;display:flex}.profile-alert.success{border:1px solid var(--green);background:var(--green-bg);color:var(--green)}.profile-alert.error{border:1px solid var(--red);background:var(--red-bg);color:var(--red)}.profile-form-footer{justify-content:space-between;align-items:center;gap:15px;padding-top:5px;display:flex}.profile-security-note{color:var(--text-muted);align-items:center;gap:7px;font-size:9px;display:flex}.profile-security-note i{color:var(--green)}.profile-primary-button{border:1px solid var(--accent-1);background:var(--accent-1);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:37px;padding:0 16px;font-family:inherit;font-size:10px;font-weight:650;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex}.profile-primary-button:hover:not(:disabled){box-shadow:0 5px 14px var(--accent-glow);transform:translateY(-1px)}.profile-primary-button:disabled{opacity:.6;cursor:not-allowed}.profile-danger-section{border-radius:var(--radius);background:var(--bg-card);border:1px solid #ef444459;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.profile-danger-content{align-items:center;gap:12px;display:flex}.profile-danger-icon{background:var(--red-bg);width:38px;height:38px;color:var(--red);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-danger-content h2{color:var(--text-primary);margin:0;font-size:12px}.profile-danger-content p{color:var(--text-muted);margin:4px 0 0;font-size:9px}.profile-logout-button{border:1px solid var(--red);background:var(--red-bg);min-height:36px;color:var(--red);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:650;transition:background .2s,color .2s,transform .15s;display:inline-flex}.profile-logout-button:hover{background:var(--red);color:#fff;transform:translateY(-1px)}@media (width<=900px){.profile-page{padding:20px 18px 32px}.profile-hero{flex-wrap:wrap;align-items:flex-start}.profile-hero-status{width:100%}.profile-info-grid{grid-template-columns:1fr}}@media (width<=650px){.profile-page{padding:18px 14px 28px}.profile-page-header h1{font-size:23px}.profile-page-header p{font-size:11px}.profile-hero{padding:17px}.profile-avatar{border-radius:14px;width:58px;height:58px;font-size:18px}.profile-name-row h2{font-size:17px}.profile-password-form{padding:16px}.profile-form-footer{flex-direction:column;align-items:stretch}.profile-primary-button{width:100%}.profile-danger-section{flex-direction:column;align-items:stretch}.profile-logout-button{width:100%}}@media (width<=420px){.profile-section-header,.profile-info-item{padding:14px}.profile-info-item strong{max-width:190px}}.settings-page{width:100%;max-width:1500px;margin:0 auto;padding:24px 28px 40px}.settings-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.settings-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.settings-eyebrow i{color:var(--accent-1)}.settings-header h1{color:var(--text-primary);margin:0;font-size:27px;line-height:1.2}.settings-header p{max-width:650px;color:var(--text-secondary);margin:7px 0 0;font-size:13px;line-height:1.5}.settings-header-badge{border:1px solid var(--border-color);background:var(--bg-card);height:34px;color:var(--text-secondary);border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:600;display:flex}.settings-online-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--green-bg);border-radius:50%}.settings-tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.settings-tab{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:66px;color:var(--text-secondary);cursor:pointer;text-align:left;align-items:center;gap:11px;padding:10px 13px;font-family:inherit;transition:border-color .18s,background .18s,transform .18s;display:flex}.settings-tab:hover{border-color:var(--accent-1);background:var(--bg-card-hover)}.settings-tab.active{border-color:var(--accent-1);background:var(--accent-glow)}.settings-tab-icon{background:var(--bg-secondary);width:36px;height:36px;color:var(--text-muted);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-tab.active .settings-tab-icon{background:var(--accent-glow);color:var(--accent-1)}.settings-tab-content{min-width:0}.settings-tab-content strong,.settings-tab-content small{display:block}.settings-tab-content strong{color:var(--text-primary);font-size:11px;font-weight:600}.settings-tab-content small{color:var(--text-muted);margin-top:3px;font-size:9px}.settings-content{flex-direction:column;gap:14px;display:flex}.settings-section{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.settings-section-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:17px 19px;display:flex}.settings-section-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.settings-section-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.settings-section-icon.blue{color:#3b82f6;background:#3b82f61a}.settings-section-icon.green{background:var(--green-bg);color:var(--green)}.settings-section-header h2{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.settings-section-header p{color:var(--text-muted);margin:4px 0 0;font-size:10px}.settings-fields{padding:4px 19px}.settings-field{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:25px;min-height:78px;padding:16px 0;display:flex}.settings-field:last-child{border-bottom:0}.settings-field-info{flex:1;min-width:0}.settings-field-title{color:var(--text-primary);font-size:11px;font-weight:600}.settings-field-description{max-width:600px;color:var(--text-muted);margin-top:4px;font-size:9px;line-height:1.5}.settings-field-control{flex-shrink:0;width:270px}.settings-input-with-icon{align-items:center;display:flex;position:relative}.settings-input-with-icon i{color:var(--text-muted);pointer-events:none;font-size:10px;position:absolute;left:11px}.settings-input-with-icon input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:36px;color:var(--text-primary);box-sizing:border-box;border-radius:7px;outline:none;padding:0 11px 0 31px;font-family:inherit;font-size:10px;transition:border-color .15s}.settings-input-with-icon input:focus{border-color:var(--accent-1)}.settings-control-hint{color:var(--text-muted);margin-top:4px;font-size:8px;display:block}.settings-timeout-control{flex-shrink:0;align-items:center;gap:12px;width:270px;display:flex}.settings-timeout-control input[type=range]{width:100%;accent-color:var(--accent-1);cursor:pointer}.settings-timeout-value{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:54px;height:34px;display:flex}.settings-timeout-value strong{color:var(--text-primary);font-size:11px}.settings-timeout-value span{color:var(--text-muted);font-size:8px}.settings-toggle{background:var(--border-color);cursor:pointer;border:0;border-radius:50px;flex-shrink:0;align-items:center;width:40px;height:22px;padding:2px;transition:background .18s;display:flex}.settings-toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;box-shadow:0 1px 3px #0000002e}.settings-toggle.active{background:var(--accent-1)}.settings-toggle.active span{transform:translate(18px)}.settings-save-bar{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);justify-content:space-between;align-items:center;gap:15px;min-height:58px;padding:9px 14px 9px 17px;display:flex}.settings-save-bar>div{color:var(--text-muted);align-items:center;gap:8px;font-size:9px;display:flex}.settings-save-bar>div i{color:var(--green)}.settings-save-btn{background:var(--accent-1);color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:35px;padding:0 14px;font-family:inherit;font-size:9px;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}.settings-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.settings-save-btn:disabled{opacity:.55;cursor:not-allowed}.settings-script-list{grid-template-columns:repeat(2,1fr);gap:12px;padding:15px;display:grid}.settings-script-card{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:9px;padding:15px}.settings-script-card:last-child{grid-column:1/-1}.settings-script-heading{align-items:center;gap:9px;margin-bottom:12px;display:flex}.settings-script-icon{background:var(--accent-glow);width:31px;height:31px;color:var(--accent-1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.settings-script-icon.orange{background:var(--orange-bg);color:var(--orange)}.settings-script-icon.red{background:var(--red-bg);color:var(--red)}.settings-script-heading strong,.settings-script-heading span{display:block}.settings-script-heading strong{color:var(--text-primary);font-size:10px}.settings-script-heading span{color:var(--text-muted);margin-top:3px;font-size:8px}.settings-script-card textarea{border:1px solid var(--border-color);resize:vertical;background:var(--bg-card);width:100%;min-height:90px;color:var(--text-primary);box-sizing:border-box;border-radius:7px;outline:none;padding:10px 11px;font-family:inherit;font-size:10px;line-height:1.5}.settings-script-card textarea:focus{border-color:var(--accent-1)}.settings-script-card textarea::placeholder{color:var(--text-muted)}.settings-textarea-footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:7px;font-size:8px;display:flex}.settings-textarea-footer i{margin-right:4px}.settings-integration-list{padding:4px 19px}.settings-integration-card{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:20px;min-height:90px;padding:17px 0;display:flex}.settings-integration-card:last-child{border-bottom:0}.settings-integration-main{align-items:center;gap:12px;min-width:0;display:flex}.settings-integration-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;display:flex}.settings-integration-icon.crm{background:var(--accent-glow);color:var(--accent-1)}.settings-integration-icon.slack{color:#ec4899;background:#ec48991a}.settings-integration-main strong{color:var(--text-primary);font-size:11px}.settings-integration-main p{max-width:650px;color:var(--text-muted);margin:4px 0 7px;font-size:9px;line-height:1.4}.settings-integration-status{align-items:center;gap:5px;font-size:8px;font-weight:600;display:inline-flex}.settings-integration-status span{border-radius:50%;width:5px;height:5px}.settings-integration-status.enabled{color:var(--green)}.settings-integration-status.enabled span{background:var(--green)}.settings-integration-status.disabled{color:var(--text-muted)}.settings-integration-status.disabled span{background:var(--text-muted)}.settings-loading{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:300px;display:flex}.settings-loading-spinner{background:var(--accent-glow);width:42px;height:42px;color:var(--accent-1);border-radius:11px;justify-content:center;align-items:center;margin-bottom:5px;display:flex}.settings-loading strong{color:var(--text-primary);font-size:12px}.settings-loading span{color:var(--text-muted);font-size:9px}@media (width<=1000px){.settings-script-list{grid-template-columns:1fr}.settings-script-card:last-child{grid-column:auto}.settings-field-control,.settings-timeout-control{width:230px}}@media (width<=760px){.settings-page{padding:18px 14px 30px}.settings-header{flex-direction:column;align-items:flex-start}.settings-header-badge{align-self:flex-start}.settings-tabs{grid-template-columns:1fr}.settings-tab{min-height:58px}.settings-field{flex-direction:column;align-items:flex-start;gap:11px}.settings-field-control,.settings-timeout-control{width:100%}.settings-toggle{align-self:flex-start}.settings-save-bar{flex-direction:column;align-items:flex-start}.settings-save-btn{width:100%}.settings-integration-card{align-items:flex-start}}@media (width<=480px){.settings-page{padding:15px 10px 25px}.settings-header h1{font-size:23px}.settings-section-header{padding:14px}.settings-fields,.settings-integration-list{padding-left:14px;padding-right:14px}.settings-script-list{padding:10px}.settings-script-card{padding:12px}.settings-integration-main{align-items:flex-start}.settings-integration-card{gap:12px}}.history-page{max-width:1800px;margin:0 auto;padding:24px 28px 40px}.history-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.history-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.history-eyebrow i{color:var(--accent-1)}.history-header h1{color:var(--text-primary);margin:0;font-size:27px;font-weight:700}.history-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px;line-height:1.5}.history-header-actions{align-items:center;gap:8px;display:flex}.history-secondary-btn,.history-reset-btn,.history-clear-btn{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 13px;font-family:inherit;font-size:10px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.history-secondary-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary)}.history-secondary-btn:hover:not(:disabled){border-color:var(--accent-1);color:var(--accent-1)}.history-secondary-btn:disabled{opacity:.55;cursor:not-allowed}.history-reset-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.history-reset-btn:hover{border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.history-clear-btn{border:1px solid var(--red);background:var(--red-bg);color:var(--red)}.history-clear-btn:hover{background:var(--red);color:#fff}.history-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.history-summary-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:82px;box-shadow:var(--shadow-sm);align-items:center;gap:11px;padding:14px;display:flex}.history-summary-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;display:flex}.history-summary-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.history-summary-icon.green{background:var(--green-bg);color:var(--green)}.history-summary-icon.orange{background:var(--orange-bg);color:var(--orange)}.history-summary-icon.red{background:var(--red-bg);color:var(--red)}.history-summary-card span,.history-summary-card strong{display:block}.history-summary-card span{color:var(--text-muted);font-size:9px}.history-summary-card strong{color:var(--text-primary);margin-top:4px;font-size:19px;font-weight:700}.history-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.history-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px 18px;display:flex}.history-toolbar-title{flex-shrink:0}.history-toolbar-title h2{color:var(--text-primary);margin:0;font-size:14px;font-weight:650}.history-toolbar-title p{color:var(--text-muted);margin:4px 0 0;font-size:9px}.history-toolbar-controls{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.history-search{align-items:center;width:280px;height:36px;display:flex;position:relative}.history-search>i{color:var(--text-muted);pointer-events:none;font-size:10px;position:absolute;left:12px}.history-search input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);border-radius:7px;outline:none;padding:0 34px 0 31px;font-family:inherit;font-size:10px;transition:border-color .15s}.history-search input:focus{border-color:var(--accent-1)}.history-search input::placeholder{color:var(--text-muted)}.history-search button{width:23px;height:23px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;position:absolute;right:6px}.history-search button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.history-filter{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:125px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:7px;outline:none;padding:0 26px 0 10px;font-family:inherit;font-size:9px}.history-filter:focus{border-color:var(--accent-1)}.history-table-wrapper{width:100%;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;min-width:900px}.history-table th{background:var(--bg-secondary);color:var(--text-muted);text-align:left;letter-spacing:.35px;white-space:nowrap;padding:11px 16px;font-size:8px;font-weight:700}.history-table td{border-top:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;padding:11px 16px;font-size:9px}.history-table tbody tr{transition:background .15s}.history-table tbody tr:hover{background:var(--bg-secondary)}.history-action-column{width:70px;text-align:center!important}.history-caller{align-items:center;gap:9px;display:flex}.history-avatar{background:var(--accent-glow);width:31px;height:31px;color:var(--accent-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.history-caller-info{min-width:0}.history-caller-info strong,.history-caller-info span{display:block}.history-caller-info strong{color:var(--text-primary);font-size:9px;font-weight:600}.history-caller-info span{color:var(--text-muted);margin-top:3px;font-size:8px}.history-phone{color:var(--text-secondary);align-items:center;gap:6px;display:inline-flex}.history-phone i{color:var(--text-muted);font-size:8px}.history-duration{color:var(--text-secondary);font-variant-numeric:tabular-nums}.history-status{align-items:center;gap:6px;font-size:8px;font-weight:600;display:inline-flex}.history-status>span{border-radius:50%;width:6px;height:6px;display:inline-block}.history-time{color:var(--text-muted);align-items:center;gap:6px;font-size:8px;display:inline-flex}.history-time i{font-size:8px}.history-delete-btn:hover:not(:disabled){background:var(--red-bg);color:var(--red)}.history-state-cell{height:270px;text-align:center!important}.history-loading,.history-empty{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:240px;display:flex}.history-loading strong,.history-empty strong{color:var(--text-primary);font-size:12px}.history-loading span,.history-empty span{color:var(--text-muted);font-size:9px}.history-spinner{border:2px solid var(--border-color);border-top-color:var(--accent-1);border-radius:50%;width:25px;height:25px;margin-bottom:6px;animation:.8s linear infinite history-spin}@keyframes history-spin{to{transform:rotate(360deg)}}.history-empty-icon{background:var(--bg-secondary);width:48px;height:48px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;margin-bottom:5px;font-size:18px;display:flex}.history-empty-reset{border:1px solid var(--border-color);background:var(--bg-card);color:var(--accent-1);cursor:pointer;border-radius:6px;margin-top:6px;padding:7px 12px;font-family:inherit;font-size:9px;font-weight:600}.history-empty-reset:hover{border-color:var(--accent-1);background:var(--accent-glow)}.history-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;min-height:52px;padding:9px 18px;display:flex}.history-footer>span{color:var(--text-muted);font-size:9px}.history-footer>span strong{color:var(--text-secondary)}.history-protection{align-items:center;gap:6px;display:inline-flex;color:var(--text-muted)!important}.history-protection i{color:var(--green)}@media (width<=1200px){.history-toolbar{flex-direction:column;align-items:stretch}.history-toolbar-controls{justify-content:flex-start;width:100%}.history-search{flex:1;width:auto}}@media (width<=1050px){.history-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.history-page{padding:18px 14px 30px}.history-header{flex-direction:column;align-items:flex-start}.history-header-actions,.history-secondary-btn{width:100%}.history-toolbar-controls{flex-wrap:wrap}.history-search{flex-basis:100%;width:100%}.history-filter,.history-reset-btn,.history-clear-btn{flex:1}.history-footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){.history-summary{grid-template-columns:1fr}.history-header h1{font-size:23px}.history-toolbar{padding:13px}.history-toolbar-controls{gap:6px}}.queues-page{box-sizing:border-box;width:100%;max-width:1800px;margin:0 auto;padding:24px 28px 40px}.queues-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.queues-eyebrow{color:var(--text-secondary);letter-spacing:1px;align-items:center;gap:7px;margin-bottom:7px;font-size:10px;font-weight:700;display:flex}.queues-eyebrow i{color:var(--accent-1)}.queues-header h1{color:var(--text-primary);margin:0;font-size:27px;line-height:1.15}.queues-header p{color:var(--text-secondary);margin:7px 0 0;font-size:13px}.queues-primary-btn,.queues-secondary-btn{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:600;transition:border-color .15s,background .15s,color .15s,transform .15s,filter .15s;display:inline-flex}.queues-primary-btn{border-color:var(--accent-1);background:var(--accent-1);color:#fff}.queues-primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.queues-secondary-btn{border-color:var(--border-color);background:var(--bg-card);color:var(--text-primary)}.queues-secondary-btn:hover{border-color:var(--accent-1);color:var(--accent-1)}.queues-info-strip{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);box-sizing:border-box;align-items:center;gap:12px;margin-bottom:16px;padding:12px 15px;display:flex}.queues-info-icon{background:var(--accent-glow);width:36px;height:36px;color:var(--accent-1);border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;display:flex}.queues-info-strip strong,.queues-info-strip span{display:block}.queues-info-strip strong{color:var(--text-primary);font-size:10px}.queues-info-strip span{color:var(--text-muted);margin-top:3px;font-size:8px;line-height:1.5}.queues-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.queues-stat-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);min-height:74px;box-shadow:var(--shadow-sm);box-sizing:border-box;align-items:center;gap:10px;padding:12px 13px;display:flex}.queues-stat-icon{border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:flex}.queues-stat-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.queues-stat-icon.green{background:var(--green-bg);color:var(--green)}.queues-stat-icon.orange{background:var(--orange-bg);color:var(--orange)}.queues-stat-icon.blue{color:#5274ff;background:#4f74ff1a}.queues-stat-card span,.queues-stat-card strong{display:block}.queues-stat-card span{color:var(--text-muted);font-size:8px}.queues-stat-card strong{color:var(--text-primary);margin-top:3px;font-size:18px}.queues-main-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.queues-section-header{border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:13px 16px;display:flex}.queues-section-header h2{color:var(--text-primary);margin:0;font-size:13px}.queues-section-header p{color:var(--text-muted);margin:4px 0 0;font-size:8px}.queues-toolbar{justify-content:flex-end;align-items:center;gap:7px;display:flex}.queues-search{align-items:center;width:240px;height:34px;display:flex;position:relative}.queues-search>i{color:var(--text-muted);pointer-events:none;font-size:9px;position:absolute;left:11px}.queues-search input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);box-sizing:border-box;border-radius:7px;outline:none;padding:0 31px;font-family:inherit;font-size:9px}.queues-search input:focus{border-color:var(--accent-1)}.queues-search input::placeholder{color:var(--text-muted)}.queues-search button{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;position:absolute;right:6px}.queues-search button:hover{background:var(--bg-card);color:var(--accent-1)}.queues-filter{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:105px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:7px;outline:none;padding:0 9px;font-family:inherit;font-size:9px}.queues-filter:focus{border-color:var(--accent-1)}.queues-table-wrapper{width:100%;overflow-x:auto}.queues-table{border-collapse:collapse;width:100%;min-width:950px}.queues-table th{background:var(--bg-secondary);color:var(--text-muted);text-align:left;letter-spacing:.3px;white-space:nowrap;padding:11px 14px;font-size:8px;font-weight:700}.queues-table td{border-top:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;padding:10px 14px;font-size:9px}.queues-table tbody tr{transition:background .15s}.queues-table tbody tr:hover{background:var(--bg-secondary)}.queue-name-cell{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-family:inherit;display:flex}.queue-name-cell:hover strong{color:var(--accent-1)}.queue-table-icon{background:var(--accent-glow);width:32px;height:32px;color:var(--accent-1);border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;display:flex}.queue-name-cell strong,.queue-name-cell small{display:block}.queue-name-cell strong{color:var(--text-primary);font-size:10px}.queue-name-cell small{max-width:250px;color:var(--text-muted);text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.queue-routing strong,.queue-routing span{display:block}.queue-routing strong{color:var(--text-secondary);font-size:9px}.queue-routing span{color:var(--text-muted);margin-top:3px;font-size:8px}.queue-agents{align-items:center;gap:7px;display:flex}.queue-agent-stack{align-items:center;display:flex}.queue-agent-stack span{border:2px solid var(--bg-card);background:var(--accent-glow);width:25px;height:25px;color:var(--accent-1);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;margin-left:-5px;font-size:8px;font-weight:700;display:flex}.queue-agent-stack span:first-child{margin-left:0}.queue-agents>strong{color:var(--text-secondary);font-size:9px}.queue-no-agents-inline{color:var(--text-muted);font-size:9px}.queue-metric{box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;min-width:25px;height:24px;padding:0 7px;font-size:8px;font-weight:700;display:inline-flex}.queue-metric.neutral{background:var(--bg-secondary);color:var(--text-muted)}.queue-metric.warning{background:var(--orange-bg);color:var(--orange)}.queue-metric.success{background:var(--green-bg);color:var(--green)}.queue-status{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;font-weight:600;display:inline-flex}.queue-status>span{border-radius:50%;width:5px;height:5px}.queue-status.active{background:var(--green-bg);color:var(--green)}.queue-status.active>span{background:var(--green)}.queue-status.inactive{background:var(--bg-secondary);color:var(--text-muted)}.queue-status.inactive>span{background:var(--text-muted)}.queues-actions{align-items:center;gap:4px;display:flex}.queues-actions button{width:27px;height:27px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.queues-actions button:hover{border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.queues-actions button.danger:hover{border-color:var(--red);background:var(--red-bg);color:var(--red)}.queues-empty-cell{height:260px;text-align:center!important}.queues-empty{flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex}.queues-empty-icon{background:var(--bg-secondary);width:44px;height:44px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;margin-bottom:9px;font-size:17px;display:flex}.queues-empty strong{color:var(--text-primary);font-size:11px}.queues-empty span{color:var(--text-muted);margin-top:4px;font-size:8px}.queues-footer{border-top:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:52px;padding:9px 16px;display:flex}.queues-footer>span{color:var(--text-muted);font-size:9px}.queues-footer>span strong{color:var(--text-secondary)}.queues-pagination{align-items:center;gap:4px;display:flex}.queues-pagination button{border:1px solid var(--border-color);background:var(--bg-card);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:5px;padding:0;font-family:inherit;font-size:9px}.queues-pagination button:hover:not(:disabled),.queues-pagination button.active{border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.queues-pagination button:disabled{opacity:.4;cursor:not-allowed}.queues-drawer-overlay{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f121e6b;justify-content:flex-end;display:flex;position:fixed;inset:0}.queues-drawer{background:var(--bg-card);border-left:1px solid var(--border-color);flex-direction:column;width:min(520px,100vw);height:100%;animation:.18s ease-out queuesDrawerIn;display:flex;box-shadow:-18px 0 60px #0003}@keyframes queuesDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.queues-drawer-header{border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:15px;min-height:94px;padding:18px 20px;display:flex}.queue-details-heading{align-items:flex-start;gap:11px;min-width:0;display:flex}.queue-details-icon{background:var(--accent-glow);width:40px;height:40px;color:var(--accent-1);border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;display:flex}.queue-details-heading>div:last-child{min-width:0}.queue-details-heading>div>span{color:var(--text-muted);letter-spacing:.9px;font-size:8px;font-weight:700;display:block}.queue-details-heading h2{color:var(--text-primary);margin:4px 0 0;font-size:17px;line-height:1.2}.queue-details-heading p{color:var(--text-secondary);margin:4px 0 0;font-size:9px;line-height:1.4}.queues-drawer-close{border:1px solid var(--border-color);background:var(--bg-secondary);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:7px;flex:0 0 30px}.queues-drawer-close:hover{border-color:var(--accent-1);color:var(--accent-1)}.queues-drawer-body{flex:1;min-height:0;padding:18px 20px;overflow-y:auto}.queue-detail-status-row{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:15px;display:flex}.queue-detail-strategy,.queue-detail-priority{background:var(--bg-secondary);color:var(--text-secondary);border-radius:5px;padding:4px 8px;font-size:8px}.queue-detail-strategy i{color:var(--accent-1);margin-right:4px}.queue-detail-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:19px;display:grid}.queue-detail-stats>div,.queue-detail-config-grid>div{border:1px solid var(--border-color);background:var(--bg-secondary);box-sizing:border-box;border-radius:7px;padding:11px}.queue-detail-stats span,.queue-detail-stats strong,.queue-detail-config-grid span,.queue-detail-config-grid strong{display:block}.queue-detail-stats span,.queue-detail-config-grid span{color:var(--text-muted);font-size:8px}.queue-detail-stats strong,.queue-detail-config-grid strong{color:var(--text-primary);margin-top:4px;font-size:13px}.queue-detail-section{margin-bottom:19px}.queue-detail-section-title{color:var(--text-primary);margin-bottom:9px;font-size:10px;font-weight:700}.queue-detail-section-title i{color:var(--accent-1);margin-right:6px}.queue-detail-agents{grid-template-columns:1fr 1fr;gap:7px;display:grid}.queue-detail-agent{border:1px solid var(--border-color);background:var(--bg-secondary);box-sizing:border-box;border-radius:7px;align-items:center;gap:8px;min-height:48px;padding:8px 9px;display:flex}.queue-detail-agent>span{background:var(--accent-glow);width:29px;height:29px;color:var(--accent-1);border-radius:50%;flex:0 0 29px;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.queue-detail-agent>div{min-width:0}.queue-detail-agent strong,.queue-detail-agent small{display:block}.queue-detail-agent strong{color:var(--text-primary);text-overflow:ellipsis;font-size:9px;overflow:hidden}.queue-detail-agent small{color:var(--text-muted);margin-top:2px;font-size:7px}.queue-detail-agent>i{color:var(--green);margin-left:auto;font-size:10px}.queue-no-agents{border:1px dashed var(--border-color);color:var(--text-muted);text-align:center;border-radius:7px;padding:18px;font-size:9px}.queue-no-agents i{margin-right:5px}.queue-detail-config-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.queues-drawer-footer{border-top:1px solid var(--border-color);box-sizing:border-box;justify-content:flex-end;align-items:center;gap:8px;min-height:62px;padding:11px 20px;display:flex}.queues-modal-overlay{z-index:1300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-sizing:border-box;background:#0f121e7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.queues-modal{border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;flex-direction:column;width:min(700px,100%);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 25px 80px #00000040}.queues-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:15px;padding:18px 20px;display:flex}.queues-modal-header>div>span{color:var(--text-muted);letter-spacing:.9px;font-size:8px;font-weight:700}.queues-modal-header h2{color:var(--text-primary);margin:5px 0 0;font-size:17px}.queues-modal-header p{color:var(--text-secondary);margin:5px 0 0;font-size:9px}.queues-modal-close{border:1px solid var(--border-color);background:var(--bg-secondary);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:7px;flex:0 0 30px}.queues-modal-close:hover{border-color:var(--accent-1);color:var(--accent-1)}.queues-modal-body{padding:20px;overflow-y:auto}.queue-form-section{border-bottom:1px solid var(--border-color);margin-bottom:19px;padding-bottom:19px}.queue-form-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.queue-form-title{color:var(--text-primary);align-items:center;gap:7px;margin-bottom:13px;font-size:11px;font-weight:700;display:flex}.queue-form-title i{color:var(--accent-1)}.queue-form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.queue-form-grid-three{grid-template-columns:repeat(3,1fr)}.queue-form-section label{display:block}.queue-form-section label>span{color:var(--text-secondary);margin-bottom:6px;font-size:9px;font-weight:600;display:block}.queue-form-section input,.queue-form-section textarea,.queue-form-section select{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:7px;outline:none;font-family:inherit;font-size:10px}.queue-form-section input,.queue-form-section select{height:36px;padding:0 10px}.queue-form-section textarea{resize:vertical;min-height:75px;padding:9px 10px}.queue-form-section input:focus,.queue-form-section textarea:focus,.queue-form-section select:focus{border-color:var(--accent-1)}.queue-routing-help{background:var(--accent-glow);color:var(--text-secondary);border-radius:7px;align-items:flex-start;gap:8px;padding:9px 11px;font-size:9px;line-height:1.5;display:flex}.queue-routing-help i{color:var(--accent-1);margin-top:2px}.queue-routing-help strong{color:var(--accent-1)}.queues-modal-footer{border-top:1px solid var(--border-color);box-sizing:border-box;justify-content:flex-end;align-items:center;gap:8px;min-height:60px;padding:11px 20px;display:flex}@media (width<=1100px){.queues-stats{grid-template-columns:repeat(2,1fr)}.queues-section-header{flex-direction:column;align-items:stretch}.queues-toolbar{justify-content:flex-start;width:100%}.queues-search{flex:1;width:auto}}@media (width<=800px){.queues-page{padding:20px 18px 32px}.queues-header{flex-direction:column;align-items:flex-start}.queues-header .queues-primary-btn{width:100%}.queue-detail-stats{grid-template-columns:1fr 1fr}.queue-detail-config-grid{grid-template-columns:1fr}}@media (width<=650px){.queues-page{padding:18px 14px 30px}.queues-stats{grid-template-columns:1fr 1fr}.queues-toolbar{flex-direction:column;align-items:stretch}.queues-search,.queues-filter{width:100%}.queues-footer{flex-direction:column;align-items:flex-start}.queue-form-grid,.queue-form-grid-three,.queue-detail-agents{grid-template-columns:1fr}.queues-drawer{width:100%}.queues-modal-overlay{padding:12px}.queues-modal{max-height:calc(100vh - 24px)}}@media (width<=450px){.queues-stats{grid-template-columns:1fr}.queues-header h1{font-size:24px}.queues-info-strip{align-items:flex-start}.queue-detail-stats{grid-template-columns:1fr}.queues-drawer-footer,.queues-modal-footer{flex-direction:column-reverse;align-items:stretch}.queues-drawer-footer button,.queues-modal-footer button{width:100%}}.topbar{border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:68px;padding:0 2px 16px;display:flex;position:relative}.topbar-page{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.topbar-page-icon{background:var(--accent-glow);width:36px;height:36px;color:var(--accent-1);border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;font-size:14px;display:flex}.topbar-page-text{min-width:0}.topbar-page-text h1{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:700;line-height:1.2;overflow:hidden}.topbar-page-text p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:11px;line-height:1.3;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar-search{background:var(--bg-card);border:1px solid var(--border-color);width:185px;height:36px;color:var(--text-muted);border-radius:9px;align-items:center;gap:8px;padding:0 9px 0 12px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.topbar-search:focus-within{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.topbar-search>i{flex-shrink:0;font-size:11px}.topbar-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:12px}.topbar-search input::placeholder{color:var(--text-muted)}.topbar-search-shortcut{border:1px solid var(--border-color);width:19px;height:19px;color:var(--text-muted);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.topbar-tenant{flex-shrink:0;position:relative}.topbar-tenant-trigger{border:1px solid var(--border-color);background:var(--bg-card);min-width:148px;max-width:190px;height:36px;color:var(--text-primary);cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:8px;padding:4px 10px;font-family:inherit;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.topbar-tenant-trigger:hover{border-color:var(--accent-1)}.topbar-tenant-trigger:focus-visible{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.topbar-tenant-icon{background:var(--accent-glow);width:26px;height:26px;color:var(--accent-1);border-radius:7px;flex:0 0 26px;justify-content:center;align-items:center;font-size:11px;display:flex}.topbar-tenant-content{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.topbar-tenant-content small{letter-spacing:.8px;color:var(--text-muted);font-size:7px;font-weight:700;line-height:1}.topbar-tenant-content strong{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--text-primary);font-size:11px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.topbar-chevron{color:var(--text-muted);flex-shrink:0;font-size:9px;transition:transform .18s}.topbar-chevron.is-open{transform:rotate(180deg)}.topbar-tenant-dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:1000;border-radius:11px;width:290px;max-width:calc(100vw - 24px);padding:8px;animation:.14s ease-out topbar-dropdown-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 35px #0f172a24}.topbar-dropdown-search{border:1px solid var(--border-color);background:var(--bg-secondary);height:34px;color:var(--text-muted);border-radius:8px;align-items:center;gap:7px;margin-bottom:7px;padding:0 9px;display:flex}.topbar-dropdown-search:focus-within{border-color:var(--accent-1)}.topbar-dropdown-search>i{font-size:10px}.topbar-dropdown-search input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:11px}.topbar-dropdown-search input::placeholder{color:var(--text-muted)}.topbar-dropdown-search button{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;display:flex}.topbar-dropdown-search button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.topbar-tenant-list{flex-direction:column;gap:2px;max-height:270px;display:flex;overflow-y:auto}.topbar-tenant-list::-webkit-scrollbar{width:5px}.topbar-tenant-list::-webkit-scrollbar-track{background:0 0}.topbar-tenant-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:20px}.topbar-tenant-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:8px;font-family:inherit;transition:background .15s;display:flex}.topbar-tenant-item:hover{background:var(--bg-card-hover)}.topbar-tenant-item.active{background:var(--accent-glow)}.topbar-tenant-item-icon{background:var(--bg-secondary);width:28px;height:28px;color:var(--accent-1);border-radius:7px;flex:0 0 28px;justify-content:center;align-items:center;font-size:10px;display:flex}.topbar-tenant-item.active .topbar-tenant-item-icon{background:var(--accent-1);color:#fff}.topbar-tenant-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.topbar-tenant-item-info strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.topbar-tenant-item-info small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.topbar-tenant-check{color:var(--accent-1);flex-shrink:0;font-size:10px}.topbar-empty{min-height:100px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.topbar-empty i{opacity:.5;font-size:18px}.topbar-icon-button{border:1px solid var(--border-color);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;font-size:12px;transition:border-color .18s,color .18s,background .18s;display:flex}.topbar-icon-button:hover{border-color:var(--accent-1);color:var(--accent-1);background:var(--accent-glow)}.topbar-icon-button:focus-visible{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.topbar-profile{flex-shrink:0;position:relative}.topbar-profile-trigger{border:1px solid var(--border-color);background:var(--bg-card);min-width:120px;height:36px;color:var(--text-primary);cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:7px;padding:3px 8px 3px 4px;font-family:inherit;transition:border-color .18s,background .18s;display:flex}.topbar-profile-trigger:hover{border-color:var(--accent-1)}.topbar-profile-trigger:focus-visible{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.topbar-avatar{background:var(--accent-gradient);color:#fff;width:29px;height:29px;box-shadow:0 4px 12px var(--accent-glow);border-radius:8px;flex:0 0 29px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.topbar-profile-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.topbar-profile-info strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.topbar-profile-info small{color:var(--text-muted);white-space:nowrap;font-size:8px}.topbar-profile-dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:1100;border-radius:11px;width:245px;animation:.14s ease-out topbar-dropdown-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 14px 35px #0f172a24}.topbar-profile-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:13px;display:flex}.topbar-profile-header-avatar{background:var(--accent-glow);width:36px;height:36px;color:var(--accent-1);border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.topbar-profile-header>div{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-profile-header strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.topbar-profile-header span{color:var(--text-muted);font-size:10px}.topbar-profile-header small{color:var(--accent-1);margin-top:2px;font-size:9px;font-weight:700}.topbar-profile-item{width:100%;min-height:40px;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:8px 12px;font-family:inherit;transition:background .15s;display:flex}.topbar-profile-item:hover{background:var(--bg-card-hover)}.topbar-profile-item>span{background:var(--bg-secondary);width:27px;height:27px;color:var(--text-secondary);border-radius:7px;justify-content:center;align-items:center;font-size:11px;display:flex}.topbar-profile-item strong{font-size:11px;font-weight:600}.topbar-profile-item.danger,.topbar-profile-item.danger>span{color:var(--red)}@keyframes topbar-dropdown-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1100px){.topbar-search{width:155px}.topbar-tenant-trigger{min-width:135px}.topbar-profile-info{display:none}.topbar-profile-trigger{justify-content:center;width:46px;min-width:46px;padding:3px}.topbar-profile-trigger .topbar-chevron{display:none}}@media (width<=850px){.topbar{gap:12px;padding-bottom:12px}.topbar-actions{gap:6px}.topbar-search{width:145px}.topbar-tenant-content{display:none}.topbar-tenant-trigger{justify-content:center;width:36px;min-width:36px;padding:4px}.topbar-tenant-trigger .topbar-chevron{display:none}}@media (width<=650px){.topbar{align-items:center;gap:8px;min-height:56px}.topbar-page-icon{flex-basis:31px;width:31px;height:31px;font-size:11px}.topbar-page-text h1{font-size:14px}.topbar-page-text p,.topbar-search{display:none}.topbar-icon-button{flex-basis:32px;width:32px;height:32px}.topbar-tenant-trigger{width:32px;height:32px}.topbar-tenant-icon{width:24px;height:24px}.topbar-profile-trigger{width:32px;min-width:32px;height:32px}.topbar-avatar{flex-basis:25px;width:25px;height:25px}.topbar-tenant-dropdown,.topbar-profile-dropdown{width:min(290px,100vw - 20px);position:fixed;top:64px;right:10px}}.login-page{background:radial-gradient(circle at 15% 20%, #7c6df01f, transparent 35%), radial-gradient(circle at 85% 80%, #5b8def1a, transparent 35%), var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative;overflow-x:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c6df01f,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-220px;right:-180px}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#5b8def1a,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-200px;left:-160px}.login-card{z-index:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:430px;padding:42px 40px 30px;transition:background .3s,border-color .3s,box-shadow .3s;position:relative;box-shadow:0 24px 70px #00000047,0 4px 18px #0000001f}.login-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:34px;display:flex}.login-brand-icon{width:38px;height:38px;color:var(--accent-1);justify-content:center;align-items:center;font-size:25px;display:flex}.login-brand-text{color:var(--accent-1);letter-spacing:-1px;font-size:30px;font-weight:800;line-height:1}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:27px;font-weight:750;line-height:1.25}.login-header p{color:var(--text-secondary);margin:8px 0 0;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:var(--text-primary);font-size:13px;font-weight:600}.login-input-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;align-items:center;width:100%;height:50px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.login-input-wrapper:focus-within{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.login-input-icon{width:48px;height:100%;color:var(--text-muted);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.login-input-wrapper input{width:100%;min-width:0;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0 14px 0 0;font-family:inherit;font-size:14px}.login-input-wrapper input::placeholder{color:var(--text-muted);opacity:.85}.login-input-wrapper input:disabled{cursor:not-allowed;opacity:.65}.login-password-toggle{width:46px;height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:color .2s;display:flex}.login-password-toggle:hover{color:var(--text-primary)}.login-password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-error{background:var(--red-bg);width:100%;color:var(--red);border:1px solid #f8717140;border-radius:9px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:12.5px;line-height:1.45;display:flex}.login-error i{flex-shrink:0;margin-top:2px}.login-submit{background:var(--accent-gradient);color:#fff;cursor:pointer;width:100%;height:50px;box-shadow:0 7px 20px var(--accent-glow);border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;margin-top:2px;font-family:inherit;font-size:14px;font-weight:650;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex}.login-submit:hover:not(:disabled){box-shadow:0 10px 26px var(--accent-glow);transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.login-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-footer{margin-top:28px}.login-footer-line{background:var(--border-color);width:100%;height:1px;margin-bottom:15px}.login-footer-content{color:var(--text-muted);justify-content:center;align-items:center;gap:7px;font-size:11.5px;display:flex}.login-secure-icon{justify-content:center;align-items:center;font-size:11px;display:flex}.login-copyright{z-index:1;color:var(--text-muted);text-align:center;margin:16px 0 0;font-size:11px;position:relative}body.light .login-page{background:radial-gradient(circle at 15% 20%, #6c5ce714, transparent 35%), radial-gradient(circle at 85% 80%, #5b8def12, transparent 35%), var(--bg-primary)}body.light .login-card{box-shadow:0 20px 60px #1f29371a,0 3px 12px #1f29370d}@media (width<=520px){.login-page{min-height:100dvh;padding:24px 16px}.login-card{border-radius:16px;max-width:100%;padding:34px 24px 28px}.login-brand{margin-bottom:27px}.login-brand-text{font-size:27px}.login-header{margin-bottom:26px}.login-header h1{font-size:24px}.login-header p{font-size:13px}.login-copyright{margin-top:13px}}@media (width<=360px){.login-page{padding:18px 12px}.login-card{padding:30px 18px 24px}.login-brand-text{font-size:25px}.login-header h1{font-size:22px}.login-input-wrapper,.login-submit{height:48px}}@media (prefers-reduced-motion:reduce){.login-input-wrapper,.login-password-toggle,.login-submit{transition:none}.login-spinner{animation:none}}.login-input-wrapper input:-webkit-autofill{caret-color:#1c2537;-webkit-text-fill-color:#1c2537!important;background-color:#0000!important;transition:background-color 9999s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.login-input-wrapper input:-webkit-autofill:hover{caret-color:#1c2537;-webkit-text-fill-color:#1c2537!important;background-color:#0000!important;transition:background-color 9999s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.login-input-wrapper input:-webkit-autofill:focus{caret-color:#1c2537;-webkit-text-fill-color:#1c2537!important;background-color:#0000!important;transition:background-color 9999s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.login-input-wrapper input:-webkit-autofill:active{caret-color:#1c2537;-webkit-text-fill-color:#1c2537!important;background-color:#0000!important;transition:background-color 9999s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.dark .login-input-wrapper input:-webkit-autofill{caret-color:#f1f3f8;-webkit-text-fill-color:#f1f3f8!important;background-color:#0000!important;box-shadow:inset 0 0 0 1000px #0000!important}.dark .login-input-wrapper input:-webkit-autofill:hover{caret-color:#f1f3f8;-webkit-text-fill-color:#f1f3f8!important;background-color:#0000!important;box-shadow:inset 0 0 0 1000px #0000!important}.dark .login-input-wrapper input:-webkit-autofill:focus{caret-color:#f1f3f8;-webkit-text-fill-color:#f1f3f8!important;background-color:#0000!important;box-shadow:inset 0 0 0 1000px #0000!important}.dark .login-input-wrapper input:-webkit-autofill:active{caret-color:#f1f3f8;-webkit-text-fill-color:#f1f3f8!important;background-color:#0000!important;box-shadow:inset 0 0 0 1000px #0000!important}.user-history-recording{background:#f8f7ff;border:1px solid #e4ddff;border-radius:12px;margin-top:22px;padding:18px}.user-history-recording-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.user-history-recording-header>div{flex-direction:column;gap:4px;display:flex}.user-history-recording-eyebrow{color:#7446e8;letter-spacing:.08em;font-size:10px;font-weight:700}.user-history-recording-header strong{color:#172033;font-size:13px}.user-history-recording-download{color:#fff;white-space:nowrap;background:#7446e8;border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.user-history-recording-download:hover{background:#6839dc}.user-history-audio{width:100%;height:42px}.user-history-no-recording{color:#8a94a7;background:#f6f7fa;border:1px solid #e4e7ed;border-radius:10px;align-items:center;gap:8px;margin-top:20px;padding:14px;font-size:13px;display:flex}.history-recording-cell{width:310px;min-width:310px;padding-top:9px!important;padding-bottom:9px!important}.recording-player{box-sizing:border-box;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:9px;width:100%;min-width:280px;height:48px;padding:6px 8px 6px 7px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.recording-player:hover{border-color:#7c6df059;box-shadow:0 4px 14px #00000014}.recording-player-icon{background:var(--accent-glow);width:34px;height:34px;color:var(--accent-1);border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;font-size:12px;display:flex}.recording-player-icon i{font-size:12px}.recording-player-main{flex-direction:column;flex:1;justify-content:center;gap:7px;min-width:0;display:flex}.recording-player-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.recording-player-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);font-size:9px;font-weight:600;overflow:hidden}.recording-player-time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:8px}.recording-player-progress{background:var(--border-color);cursor:pointer;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.recording-player-progress:before{content:"";cursor:pointer;position:absolute;inset:-4px 0}.recording-player-progress-fill{border-radius:inherit;background:var(--accent-1);height:100%;transition:width .1s linear}.recording-player-play{background:var(--accent-1);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:9px;transition:transform .15s,background .15s,box-shadow .15s;display:flex}.recording-player-play:hover:not(:disabled){box-shadow:0 4px 12px var(--accent-glow);transform:scale(1.06)}.recording-player-play.playing{background:var(--red)}.recording-player-play:disabled{opacity:.5;cursor:not-allowed}.recording-player-download{border:1px solid var(--border-color);background:var(--bg-card);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:0 0 30px;justify-content:center;align-items:center;font-size:10px;transition:border-color .15s,background .15s,color .15s;display:flex}.recording-player-download:hover:not(:disabled){border-color:var(--accent-1);background:var(--accent-glow);color:var(--accent-1)}.recording-player-download:disabled{opacity:.45;cursor:not-allowed}.recording-player-status{width:20px;color:var(--accent-1);flex:0 0 20px;justify-content:center;align-items:center;font-size:10px;display:flex}.recording-player-retry{border:1px solid var(--border-color);background:var(--bg-card);width:28px;height:28px;color:var(--orange);cursor:pointer;border-radius:7px;flex:0 0 28px;justify-content:center;align-items:center;font-size:10px;display:flex}.recording-player-retry:hover{border-color:var(--orange);background:var(--orange-bg)}.history-no-recording{box-sizing:border-box;border:1px dashed var(--border-color);background:var(--bg-secondary);min-width:150px;height:38px;color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:9px;display:inline-flex}.history-no-recording-icon{background:var(--bg-card);width:25px;height:25px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:9px;display:flex}.history-action-cell{text-align:center}.history-delete-btn{width:29px;height:29px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.history-delete-btn:hover:not(:disabled){color:var(--red);background:var(--red-bg);border-color:#ef444433}.history-delete-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=900px){.history-recording-cell{width:290px;min-width:290px}.recording-player{min-width:260px}}@media (width<=700px){.history-recording-cell{width:280px;min-width:280px}.recording-player{min-width:250px}.recording-player-label{font-size:8px}.recording-player-time{font-size:7px}}.floating-live-calls-widget{z-index:9999;background:var(--bg-card,#161b2b);border:1px solid var(--green,#4ade80);color:var(--green,#4ade80);cursor:pointer;border-radius:50px;align-items:center;gap:12px;padding:10px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite widgetFloat;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #10b98140}.floating-live-calls-widget:hover{background:var(--green,#4ade80);color:#fff;transform:translateY(-3px)scale(1.03);box-shadow:0 14px 40px #10b98173}.floating-widget-pulse{background:var(--green,#4ade80);width:9px;height:9px;box-shadow:0 0 0 4px var(--green-bg,#4ade8033);border-radius:50%;animation:1.5s infinite widgetPulse}.floating-live-calls-widget:hover .floating-widget-pulse{background:#fff;box-shadow:0 0 0 4px #ffffff4d}.floating-widget-content{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.floating-widget-arrow{font-size:11px;transition:transform .2s}.floating-live-calls-widget:hover .floating-widget-arrow{transform:translate(4px)}@keyframes widgetPulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}@keyframes widgetFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.reports-table-detailed{min-width:1650px}.reports-row-clickable{cursor:pointer;transition:background .12s}.reports-row-clickable:hover{background:var(--bg-card-hover)}.reports-expanded-row td{background:var(--bg-secondary);border-top:0;padding:0!important}.reports-expanded{border-left:3px solid var(--accent-1);flex-direction:column;gap:16px;padding:16px 20px 20px;display:flex}.reports-expanded-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.reports-expanded-grid>div{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;min-width:0;padding:10px 11px}.reports-expanded-grid span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:9px;font-weight:600;display:block}.reports-expanded-grid strong{color:var(--text-primary);word-break:break-word;font-size:11px;font-weight:600;display:block}.reports-expanded-section{flex-direction:column;gap:9px;display:flex}.reports-expanded-title{color:var(--text-primary);align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.reports-expanded-title i{color:var(--accent-1);font-size:10px}.reports-attempt-list{flex-wrap:wrap;gap:6px;display:flex}.reports-attempt{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);border-radius:6px;align-items:center;padding:5px 9px;font-size:9px;font-weight:600;display:inline-flex}.reports-attempt.answered{background:var(--green-bg);color:var(--green);border-color:var(--green)}.reports-attempt.no_answer,.reports-attempt.rejected{background:var(--orange-bg);color:var(--orange);border-color:var(--orange)}.reports-attempt.failed{background:var(--red-bg);color:var(--red);border-color:var(--red)}.reports-timeline{border-left:1px dashed var(--border-color);flex-direction:column;gap:10px;max-height:260px;padding-left:14px;display:flex;overflow-y:auto}.reports-timeline-item{align-items:flex-start;gap:10px;display:flex;position:relative}.reports-timeline-dot{background:var(--accent-1);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-glow);border-radius:50%;flex-shrink:0;margin-top:5px;margin-left:-19px}.reports-timeline-item strong{color:var(--text-primary);font-size:10px;font-weight:600;display:block}.reports-timeline-item small{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:9px;display:block}.report-notes{text-overflow:ellipsis;white-space:nowrap;max-width:240px;color:var(--text-muted);font-size:9px;display:inline-block;overflow:hidden}.report-status.answer{color:var(--green)}.report-status.answer>span{background:var(--green)}.report-status.busy{color:var(--orange)}.report-status.busy>span{background:var(--orange)}.report-status.cancel{color:var(--text-muted)}.report-status.cancel>span{background:var(--text-muted)}.report-status.no-response{color:var(--orange)}.report-status.no-response>span{background:var(--orange)}.report-status.neutral{color:var(--text-muted)}.report-status.neutral>span{background:var(--text-muted)}@media (width<=1100px){.reports-expanded-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.reports-expanded-grid{grid-template-columns:1fr}.reports-expanded{padding:12px}}.analytics-custom-range{align-items:center;gap:6px;display:flex}.analytics-custom-range input{border:1px solid var(--border-color);background:var(--bg-card);height:36px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 10px;font-family:inherit;font-size:10px}.analytics-custom-range input:focus{border-color:var(--accent-1)}.analytics-range-to{color:var(--text-muted);font-size:10px}.analytics-flow-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:10px}.analytics-busiest-card{flex-direction:column;display:flex}.analytics-busiest-hero{border-bottom:1px solid var(--border-color);flex-direction:column;gap:4px;padding:18px 20px;display:flex}.analytics-busiest-label{color:var(--accent-1);letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:700}.analytics-busiest-hero strong{color:var(--text-primary);letter-spacing:-.4px;font-size:22px;font-weight:750}.analytics-busiest-hero small{color:var(--text-muted);font-size:10px}.analytics-busiest-list{flex-direction:column;gap:10px;padding:12px 20px 18px;display:flex}.analytics-busiest-row{align-items:center;gap:10px;display:flex}.analytics-busiest-rank{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:flex}.analytics-busiest-rank.rank-0{background:var(--accent-glow);color:var(--accent-1)}.analytics-busiest-rank.rank-1{background:var(--green-bg);color:var(--green)}.analytics-busiest-rank.rank-2{background:var(--bg-secondary);color:var(--text-muted)}.analytics-busiest-time{flex-direction:column;gap:2px;min-width:95px;display:flex}.analytics-busiest-time strong{color:var(--text-primary);font-size:10px;font-weight:600}.analytics-busiest-time span{color:var(--text-muted);font-size:8px}.analytics-busiest-bar{background:var(--bg-secondary);border-radius:6px;flex:1;height:6px;overflow:hidden}.analytics-busiest-fill{border-radius:inherit;background:var(--accent-gradient);height:100%;transition:width .3s}.analytics-busiest-row>b{text-align:right;min-width:24px;color:var(--text-secondary);font-size:10px;font-weight:700}.analytics-summary-card-strip{margin-top:16px;padding:16px}.analytics-summary-card-strip .analytics-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.analytics-summary-card-strip .analytics-summary-card{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.analytics-summary-card-strip .analytics-summary-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;display:flex}.analytics-summary-card-strip .analytics-summary-icon.green{background:var(--green-bg);color:var(--green)}.analytics-summary-card-strip .analytics-summary-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.analytics-summary-card-strip .analytics-summary-icon.orange{background:var(--orange-bg);color:var(--orange)}.analytics-summary-card-strip .analytics-summary-card div:last-child{min-width:0}.analytics-summary-card-strip .analytics-summary-card span,.analytics-summary-card-strip .analytics-summary-card strong,.analytics-summary-card-strip .analytics-summary-card small{display:block}.analytics-summary-card-strip .analytics-summary-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:8px}.analytics-summary-card-strip .analytics-summary-card strong{color:var(--text-primary);font-size:16px;line-height:1.2}.analytics-summary-card-strip .analytics-summary-card small{color:var(--text-muted);margin-top:3px;font-size:8px}@media (width<=1200px){.analytics-summary-card-strip .analytics-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.analytics-summary-card-strip .analytics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=450px){.analytics-summary-card-strip .analytics-summary-grid{grid-template-columns:1fr}}.call-details-attempts{flex-wrap:wrap;gap:8px;display:flex}.call-details-attempt{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;flex-direction:column;gap:2px;min-width:110px;padding:8px 11px;display:flex}.call-details-attempt strong{color:var(--text-primary);font-size:11px;font-weight:600}.call-details-attempt small{text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:700}.call-details-attempt.answered{background:var(--green-bg);border-color:#4ade8059}.call-details-attempt.answered small{color:var(--green)}.call-details-attempt.no-answer{background:var(--orange-bg);border-color:#fb923c59}.call-details-attempt.no-answer small{color:var(--orange)}.call-details-attempt.rejected{background:var(--red-bg);border-color:#f8717159}.call-details-attempt.rejected small{color:var(--red)}.friendly-timeline{flex-direction:column;gap:10px;display:flex}.friendly-timeline-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9px;align-items:flex-start;gap:11px;padding:10px 12px;display:flex}.friendly-timeline-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.friendly-timeline-icon.purple{background:var(--accent-glow);color:var(--accent-1)}.friendly-timeline-icon.green{background:var(--green-bg);color:var(--green)}.friendly-timeline-icon.orange{background:var(--orange-bg);color:var(--orange)}.friendly-timeline-icon.red{background:var(--red-bg);color:var(--red)}.friendly-timeline-icon.blue{color:var(--chat-blue);background:#60a5fa26}.friendly-timeline-body{flex:1;min-width:0}.friendly-timeline-body strong{color:var(--text-primary);font-size:12px;font-weight:600;display:block}.friendly-timeline-body small{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:10px;display:block}.call-details-technical{border:1px dashed var(--border-color);background:var(--bg-secondary);border-radius:9px;margin-top:14px;padding:10px 12px}.call-details-technical>summary{cursor:pointer;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:7px;font-size:10px;font-weight:700;list-style:none;display:flex}.call-details-technical>summary::-webkit-details-marker{display:none}.call-details-technical>summary:after{content:"";margin-left:auto;font-family:"Font Awesome 6 Free";font-size:8px;font-weight:900;transition:transform .2s}.call-details-technical[open]>summary:after{transform:rotate(180deg)}.call-details-technical>summary:hover{color:var(--accent-1)}.call-details-technical>summary>i{color:var(--accent-1);font-size:10px}.history-status.active{color:var(--accent-1)}.history-status.active>span{background:var(--accent-1)}.history-status.missed{color:var(--orange)}.history-status.missed>span{background:var(--orange)}.history-status.abandoned{color:var(--red)}.history-status.abandoned>span{background:var(--red)}.history-status.completed{color:var(--green)}.history-status.completed>span{background:var(--green)}.history-status.failed{color:var(--red)}.history-status.failed>span{background:var(--red)}.report-status.active{color:var(--accent-1)}.report-status.active>span{background:var(--accent-1)}.report-status.missed{color:var(--orange)}.report-status.missed>span{background:var(--orange)}.report-status.abandoned{color:var(--red)}.report-status.abandoned>span{background:var(--red)}.report-status.completed{color:var(--green)}.report-status.completed>span{background:var(--green)}.report-status.failed{color:var(--red)}.report-status.failed>span{background:var(--red)}.status-legend-wrapper{align-items:center;display:inline-flex;position:relative}.status-legend-trigger{border:1px solid var(--border-color);background:var(--bg-card);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:all .18s;display:inline-flex}.status-legend-trigger:hover,.status-legend-trigger:focus-visible{border-color:var(--accent-1);color:var(--accent-1);background:var(--accent-glow);outline:none}.status-legend-popover{z-index:1200;border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;width:340px;padding:12px;animation:.15s ease-out statusLegendIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 50px #00000038}.status-legend-popover.right{left:auto;right:0}@keyframes statusLegendIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.status-legend-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:8px;padding-bottom:10px;display:flex}.status-legend-header i{color:var(--accent-1);font-size:14px}.status-legend-header strong{color:var(--text-primary);font-size:12px;font-weight:700;display:block}.status-legend-header span{color:var(--text-muted);margin-top:2px;font-size:9px;display:block}.status-legend-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.status-legend-item{border-radius:6px;align-items:flex-start;gap:9px;padding:6px 4px;display:flex}.status-legend-item:hover{background:var(--bg-secondary)}.status-legend-icon{border-radius:6px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex}.status-legend-icon.active{background:var(--accent-glow);color:var(--accent-1)}.status-legend-icon.completed{background:var(--green-bg);color:var(--green)}.status-legend-icon.missed{background:var(--orange-bg);color:var(--orange)}.status-legend-icon.abandoned,.status-legend-icon.failed{background:var(--red-bg);color:var(--red)}.status-legend-body strong{color:var(--text-primary);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.status-legend-body p{color:var(--text-muted);margin:0;font-size:9px;line-height:1.45}@media (width<=480px){.status-legend-popover{width:calc(100vw - 30px);max-width:340px;left:0;right:auto}}.agent-routing-tooltip-wrapper{cursor:help;display:inline-block;position:relative}.agent-routing-tooltip{z-index:1200;border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;width:260px;padding:10px;animation:.15s ease-out statusLegendIn;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 14px 40px #0003}.agent-routing-tooltip-header{border-bottom:1px solid var(--border-color);align-items:center;gap:7px;margin-bottom:8px;padding-bottom:8px;display:flex}.agent-routing-tooltip-header i{color:var(--accent-1);font-size:11px}.agent-routing-tooltip-header strong{color:var(--text-primary);letter-spacing:.2px;font-size:10px;font-weight:700}.agent-routing-tooltip-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.agent-routing-tooltip-row{border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:5px 7px;font-size:9px;display:flex}.agent-routing-tooltip-row.answered{background:var(--green-bg)}.agent-routing-tooltip-row.answered .agent-routing-tooltip-status{color:var(--green)}.agent-routing-tooltip-row.answered .agent-routing-tooltip-name{color:var(--green);font-weight:700}.agent-routing-tooltip-row.rejected{background:var(--red-bg)}.agent-routing-tooltip-row.rejected .agent-routing-tooltip-status,.agent-routing-tooltip-row.rejected .agent-routing-tooltip-name{color:var(--red)}.agent-routing-tooltip-row.no-answer{background:var(--orange-bg)}.agent-routing-tooltip-row.no-answer .agent-routing-tooltip-status,.agent-routing-tooltip-row.no-answer .agent-routing-tooltip-name{color:var(--orange)}.agent-routing-tooltip-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.agent-routing-tooltip-name em{color:var(--text-muted);font-style:normal;font-weight:500}.agent-routing-tooltip-status{white-space:nowrap;align-items:center;gap:4px;font-weight:700;display:inline-flex}.agent-routing-tooltip-status i{font-size:8px}.agent-routing-tooltip-footer{border-top:1px solid var(--border-color);color:var(--text-muted);text-align:center;margin-top:8px;padding-top:8px;font-size:9px}.agent-routing-tooltip-empty{color:var(--text-muted);text-align:center;padding:10px 4px;font-size:9px;font-style:italic}.status-legend-popover--portal,.agent-routing-tooltip--portal{z-index:99999!important;position:fixed!important}.status-legend-popover--portal{box-shadow:0 20px 55px #00000047,0 4px 12px #00000029}.agent-routing-tooltip--portal{box-shadow:0 16px 45px #0000003d,0 3px 10px #00000024}@media (width<=480px){.status-legend-popover--portal{width:calc(100vw - 24px)!important;max-width:340px!important;left:12px!important}}